diff --git a/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.25.4-4a4a251dc2-9b89b8930c.zip b/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.25.4-4a4a251dc2-9b89b8930c.zip new file mode 100644 index 000000000..e68552b4c Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.25.4-4a4a251dc2-9b89b8930c.zip differ diff --git a/.yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-8.zip b/.yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-8.zip new file mode 100644 index 000000000..3fcd3efbc Binary files /dev/null and b/.yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-8.zip differ diff --git a/.yarn/cache/@esbuild-darwin-arm64-npm-0.23.1-1d26281f3d-8.zip b/.yarn/cache/@esbuild-darwin-arm64-npm-0.23.1-1d26281f3d-8.zip new file mode 100644 index 000000000..2bddb0e87 Binary files /dev/null and b/.yarn/cache/@esbuild-darwin-arm64-npm-0.23.1-1d26281f3d-8.zip differ diff --git a/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.21.1-2f83f576ce-8.zip b/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.21.1-2f83f576ce-8.zip new file mode 100644 index 000000000..3188d1901 Binary files /dev/null and b/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.21.1-2f83f576ce-8.zip differ diff --git a/.yarn/cache/@vanilla-extract-babel-plugin-debug-ids-npm-1.0.6-88adcf5cbc-55f173c0c6.zip b/.yarn/cache/@vanilla-extract-babel-plugin-debug-ids-npm-1.0.6-88adcf5cbc-55f173c0c6.zip new file mode 100644 index 000000000..731a8efdc Binary files /dev/null and b/.yarn/cache/@vanilla-extract-babel-plugin-debug-ids-npm-1.0.6-88adcf5cbc-55f173c0c6.zip differ diff --git a/.yarn/cache/@vanilla-extract-integration-npm-7.1.9-af4380f865-6f6b1eab9f.zip b/.yarn/cache/@vanilla-extract-integration-npm-7.1.9-af4380f865-6f6b1eab9f.zip new file mode 100644 index 000000000..35ff7cbda Binary files /dev/null and b/.yarn/cache/@vanilla-extract-integration-npm-7.1.9-af4380f865-6f6b1eab9f.zip differ diff --git a/.yarn/cache/@vanilla-extract-next-plugin-npm-2.4.5-2085cc0188-6800fb5842.zip b/.yarn/cache/@vanilla-extract-next-plugin-npm-2.4.5-2085cc0188-6800fb5842.zip new file mode 100644 index 000000000..5fa326339 Binary files /dev/null and b/.yarn/cache/@vanilla-extract-next-plugin-npm-2.4.5-2085cc0188-6800fb5842.zip differ diff --git a/.yarn/cache/@vanilla-extract-webpack-plugin-npm-2.3.13-0559e53145-939b864f25.zip b/.yarn/cache/@vanilla-extract-webpack-plugin-npm-2.3.13-0559e53145-939b864f25.zip new file mode 100644 index 000000000..9464c25d8 Binary files /dev/null and b/.yarn/cache/@vanilla-extract-webpack-plugin-npm-2.3.13-0559e53145-939b864f25.zip differ diff --git a/.yarn/cache/esbuild-npm-0.21.5-d85dfbc965-2911c7b50b.zip b/.yarn/cache/esbuild-npm-0.21.5-d85dfbc965-2911c7b50b.zip new file mode 100644 index 000000000..cf88c17c6 Binary files /dev/null and b/.yarn/cache/esbuild-npm-0.21.5-d85dfbc965-2911c7b50b.zip differ diff --git a/.yarn/cache/esbuild-npm-0.23.1-6e231886af-0413c3b925.zip b/.yarn/cache/esbuild-npm-0.23.1-6e231886af-0413c3b925.zip new file mode 100644 index 000000000..4bbea29b8 Binary files /dev/null and b/.yarn/cache/esbuild-npm-0.23.1-6e231886af-0413c3b925.zip differ diff --git a/.yarn/cache/eval-npm-0.1.8-0cd081d9ca-d005567f39.zip b/.yarn/cache/eval-npm-0.1.8-0cd081d9ca-d005567f39.zip new file mode 100644 index 000000000..c7bcc8df7 Binary files /dev/null and b/.yarn/cache/eval-npm-0.1.8-0cd081d9ca-d005567f39.zip differ diff --git a/.yarn/cache/postcss-npm-8.4.41-1607021b28-f865894929.zip b/.yarn/cache/postcss-npm-8.4.41-1607021b28-f865894929.zip new file mode 100644 index 000000000..7da89509b Binary files /dev/null and b/.yarn/cache/postcss-npm-8.4.41-1607021b28-f865894929.zip differ diff --git a/.yarn/cache/rollup-npm-4.21.1-53146c58db-d275e1ab9c.zip b/.yarn/cache/rollup-npm-4.21.1-53146c58db-d275e1ab9c.zip new file mode 100644 index 000000000..232eb03f6 Binary files /dev/null and b/.yarn/cache/rollup-npm-4.21.1-53146c58db-d275e1ab9c.zip differ diff --git a/.yarn/cache/vite-npm-5.4.2-65a106d8cf-7d25c1b236.zip b/.yarn/cache/vite-npm-5.4.2-65a106d8cf-7d25c1b236.zip new file mode 100644 index 000000000..7f925a8fe Binary files /dev/null and b/.yarn/cache/vite-npm-5.4.2-65a106d8cf-7d25c1b236.zip differ diff --git a/component-docs/activities/ActivityLayout.css.ts b/component-docs/activities/ActivityLayout.css.ts new file mode 100644 index 000000000..971a94fa3 --- /dev/null +++ b/component-docs/activities/ActivityLayout.css.ts @@ -0,0 +1,72 @@ +import { style } from "@vanilla-extract/css"; +import { vars } from "@seed-design/design-token"; + +import { f } from "@/styles"; + +export const wrapper = style([f.posAbsFull, f.flexColumn, f.rootLineHeight]); + +export const appBarLeft = style([ + f.flex, + { + fontSize: "1.125rem", + fontWeight: 700, + marginLeft: ".5rem", + }, +]); + +export const appBarLeftIcon = style([ + f.flexAlignCenter, + { + marginLeft: ".5rem", + }, +]); + +export const appBarRight = style([ + { + display: "grid", + gridTemplateColumns: "1.5rem 1.5rem 1.5rem", + gap: "1rem", + marginRight: ".5rem", + }, +]); + +export const content = style({ + flex: 1, +}); + +// BottomTab + +export const container = style([ + f.grid, + { + backgroundColor: vars.$semantic.color.paperDefault, + gridTemplateColumns: "1.5rem 1.5rem 1.5rem 1.5rem 1.5rem", + justifyContent: "space-between", + padding: ".5rem 7.25% 0", + paddingBottom: ".375rem", + "@supports": { + "(padding-bottom: constant(safe-area-inset-bottom))": { + paddingBottom: "calc(.375rem + constant(safe-area-inset-bottom))", + }, + "(padding-bottom: env(safe-area-inset-bottom))": { + paddingBottom: "calc(.375rem + env(safe-area-inset-bottom))", + }, + }, + boxShadow: `0 -1px 0 0 ${vars.$semantic.color.divider2}`, + }, +]); + +export const button = style([f.flexColumn, f.flexAlignCenter, f.resetButton, f.cursorPointer]); + +export const buttonIcon = style([ + { + marginBottom: ".375rem", + }, +]); + +export const buttonLabel = style([ + f.nowrap, + { + fontSize: ".75rem", + }, +]); diff --git a/component-docs/activities/ActivityLayout.tsx b/component-docs/activities/ActivityLayout.tsx new file mode 100644 index 000000000..d41051fa8 --- /dev/null +++ b/component-docs/activities/ActivityLayout.tsx @@ -0,0 +1,92 @@ +import { AppScreen } from "@stackflow/plugin-basic-ui"; + +import IconExpandMore from "@/assets/IconExpandMore"; +import IconSearch from "@/assets/IconSearch"; +import IconSettings from "@/assets/IconSettings"; +import IconBell from "@/assets/IconBell"; +import IconHome from "@/assets/IconHome"; +import IconMenu from "@/assets/IconMenu"; +import IconSell from "@/assets/IconSell"; +import IconChatting from "@/assets/IconChatting"; +import IconProfile from "@/assets/IconProfile"; + +import * as css from "./ActivityLayout.css"; + +type PropOf = T extends React.ComponentType ? U : never; + +interface LayoutProps { + appBar?: PropOf["appBar"]; + children: React.ReactNode; +} + +const Layout: React.FC = ({ children }) => { + const appBarLeft = () => ( +
+ Woolston +
+ +
+
+ ); + + const appBarRight = () => ( +
+ + + +
+ ); + + return ( + +
+
{children}
+ +
+ + ); +}; + +Layout.displayName = "Layout"; + +export default Layout; + +const BottomTab: React.FC = () => ( +
+ + + + + +
+); diff --git a/component-docs/activities/ChipTabsBasicActivity.tsx b/component-docs/activities/ChipTabsBasicActivity.tsx index 146b91686..075350869 100644 --- a/component-docs/activities/ChipTabsBasicActivity.tsx +++ b/component-docs/activities/ChipTabsBasicActivity.tsx @@ -1,9 +1,9 @@ import * as React from "react"; -import { AppScreen } from "@stackflow/plugin-basic-ui"; import { ChipTabs, ChipTabTrigger, ChipTabTriggerList } from "@/seed-design/ui/chip-tabs"; import type { ActivityComponentType } from "@stackflow/react/future"; +import Layout from "./ActivityLayout"; declare module "@stackflow/config" { interface Register { @@ -14,42 +14,27 @@ declare module "@stackflow/config" { const ChipTabsBasicActivity: ActivityComponentType<"ChipTabsBasic"> = () => { const [value, setValue] = React.useState("1"); - const appBarLeft = () =>
Left
; - const appBarRight = () =>
Right
; - const commonStyle = { display: "flex", justifyContent: "center", alignItems: "center", backgroundColor: "#eeeeee", - height: "300px", + height: "100%", }; return ( - -
- setValue(value)}> - - 라벨1 - 라벨2 - 라벨3 - - - {value === "1" &&
content 1
} - {value === "2" &&
content 2
} - {value === "3" &&
content 3
} -
- + + setValue(value)}> + + 라벨1 + 라벨2 + 라벨3 + + + {value === "1" &&
content 1
} + {value === "2" &&
content 2
} + {value === "3" &&
content 3
} + ); }; diff --git a/component-docs/activities/TabsDisabledActivity.tsx b/component-docs/activities/TabsDisabledActivity.tsx index 54935fb8d..8b716628c 100644 --- a/component-docs/activities/TabsDisabledActivity.tsx +++ b/component-docs/activities/TabsDisabledActivity.tsx @@ -2,7 +2,7 @@ import * as React from "react"; import { AppScreen } from "@stackflow/plugin-basic-ui"; import { - Tabs as UITabs, + Tabs, TabTriggerList, TabContent, TabContentList, @@ -39,7 +39,7 @@ const TabsDisabledActivity: ActivityComponentType<"TabsDisabled"> = () => { width: "100%", }} > - + 라벨1 @@ -58,7 +58,7 @@ const TabsDisabledActivity: ActivityComponentType<"TabsDisabled"> = () => {
Content 3
- + ); diff --git a/component-docs/assets/IconBell.tsx b/component-docs/assets/IconBell.tsx new file mode 100644 index 000000000..d16e8733c --- /dev/null +++ b/component-docs/assets/IconBell.tsx @@ -0,0 +1,13 @@ +import { f } from "@/styles"; + +const SVG = ` + + + +`; + +const IconBell: React.FC = () => ( +
+); + +export default IconBell; diff --git a/component-docs/assets/IconChatting.tsx b/component-docs/assets/IconChatting.tsx new file mode 100644 index 000000000..2cf0d9994 --- /dev/null +++ b/component-docs/assets/IconChatting.tsx @@ -0,0 +1,13 @@ +import { f } from "@/styles"; + +const SVG = ` + + + +`; + +const IconChatting: React.FC = () => ( +
+); + +export default IconChatting; diff --git a/component-docs/assets/IconExpandMore.tsx b/component-docs/assets/IconExpandMore.tsx new file mode 100644 index 000000000..9d970c1f2 --- /dev/null +++ b/component-docs/assets/IconExpandMore.tsx @@ -0,0 +1,13 @@ +import { f } from "@/styles"; + +const SVG = ` + + + +`; + +const IconExpandMore: React.FC = () => ( +
+); + +export default IconExpandMore; diff --git a/component-docs/assets/IconHome.tsx b/component-docs/assets/IconHome.tsx new file mode 100644 index 000000000..5774cc676 --- /dev/null +++ b/component-docs/assets/IconHome.tsx @@ -0,0 +1,13 @@ +import { f } from "@/styles"; + +const SVG = ` + + + +`; + +const IconHome: React.FC = () => ( +
+); + +export default IconHome; diff --git a/component-docs/assets/IconMenu.tsx b/component-docs/assets/IconMenu.tsx new file mode 100644 index 000000000..67b36b1a3 --- /dev/null +++ b/component-docs/assets/IconMenu.tsx @@ -0,0 +1,15 @@ +import { f } from "@/styles"; + +const SVG = ` + + + + + +`; + +const IconMenu: React.FC = () => ( +
+); + +export default IconMenu; diff --git a/component-docs/assets/IconProfile.tsx b/component-docs/assets/IconProfile.tsx new file mode 100644 index 000000000..31befb47e --- /dev/null +++ b/component-docs/assets/IconProfile.tsx @@ -0,0 +1,14 @@ +import { f } from "@/styles"; + +const SVG = ` + + + + +`; + +const IconProfile: React.FC = () => ( +
+); + +export default IconProfile; diff --git a/component-docs/assets/IconSearch.tsx b/component-docs/assets/IconSearch.tsx new file mode 100644 index 000000000..8ee60a522 --- /dev/null +++ b/component-docs/assets/IconSearch.tsx @@ -0,0 +1,13 @@ +import { f } from "@/styles"; + +const SVG = ` + + + +`; + +const IconSearch: React.FC = () => ( +
+); + +export default IconSearch; diff --git a/component-docs/assets/IconSell.tsx b/component-docs/assets/IconSell.tsx new file mode 100644 index 000000000..667daa2a0 --- /dev/null +++ b/component-docs/assets/IconSell.tsx @@ -0,0 +1,15 @@ +import { f } from "@/styles"; + +const SVG = ` + + + + + +`; + +const IconSell: React.FC = () => ( +
+); + +export default IconSell; diff --git a/component-docs/assets/IconSettings.tsx b/component-docs/assets/IconSettings.tsx new file mode 100644 index 000000000..2e794bc36 --- /dev/null +++ b/component-docs/assets/IconSettings.tsx @@ -0,0 +1,14 @@ +import { f } from "@/styles"; + +const SVG = ` + + + + +`; + +const IconSettings: React.FC = () => ( +
+); + +export default IconSettings; diff --git a/component-docs/assets/ImageProfileRating.tsx b/component-docs/assets/ImageProfileRating.tsx new file mode 100644 index 000000000..ac84622ee --- /dev/null +++ b/component-docs/assets/ImageProfileRating.tsx @@ -0,0 +1,49 @@ +import { f } from "@/styles"; + +const SVG = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +const ImageProfileRating: React.FC = () => ( +
+); + +export default ImageProfileRating; diff --git a/component-docs/components/Installation.tsx b/component-docs/components/Installation.tsx index e2f47251c..aa4ede903 100644 --- a/component-docs/components/Installation.tsx +++ b/component-docs/components/Installation.tsx @@ -1,6 +1,7 @@ -import type * as React from "react"; +import { Code, Pre, Steps, Tabs } from "nextra/components"; + import type { ComponentRegistry } from "@/schemas/registry"; -import { Code, Pre, Tabs, Steps } from "nextra/components"; +import type * as React from "react"; interface InstallationProps { registry: ComponentRegistry; diff --git a/component-docs/components/Preview.tsx b/component-docs/components/Preview.tsx index 664440f14..aea07c4ae 100644 --- a/component-docs/components/Preview.tsx +++ b/component-docs/components/Preview.tsx @@ -1,6 +1,7 @@ -import type * as React from "react"; import { Tabs } from "nextra/components"; +import type * as React from "react"; + interface PreviewProps { component: React.ReactNode; } diff --git a/component-docs/components/Stackflow.tsx b/component-docs/components/Stackflow.tsx index 9a64d0438..4e47844e0 100644 --- a/component-docs/components/Stackflow.tsx +++ b/component-docs/components/Stackflow.tsx @@ -1,5 +1,5 @@ import { makeStack } from "@/stackflow"; -import type { Register, RegisteredActivityParamTypes } from "@stackflow/config"; +import type { Register } from "@stackflow/config"; import type { ActivityComponentType } from "@stackflow/react/future"; import { useSimpleReveal } from "simple-reveal"; diff --git a/component-docs/next.config.js b/component-docs/next.config.js index bc962bad8..662eb6495 100644 --- a/component-docs/next.config.js +++ b/component-docs/next.config.js @@ -1,4 +1,7 @@ import nextra from "nextra"; +import { createVanillaExtractPlugin } from "@vanilla-extract/next-plugin"; + +const withVanillaExtract = createVanillaExtractPlugin(); const withNextra = nextra({ theme: "nextra-theme-docs", @@ -23,4 +26,4 @@ const nextConfig = { transpilePackages: ["@stackflow/plugin-basic-ui"], }; -export default withNextra(nextConfig); +export default withVanillaExtract(withNextra(nextConfig)); diff --git a/component-docs/package.json b/component-docs/package.json index c827800ce..a5e011d99 100644 --- a/component-docs/package.json +++ b/component-docs/package.json @@ -11,6 +11,7 @@ }, "dependencies": { "@radix-ui/react-slot": "^1.1.0", + "@seed-design/design-token": "^1.0.3", "@seed-design/react-checkbox": "0.0.0", "@seed-design/react-tabs": "0.0.0", "@seed-design/recipe": "0.0.0", @@ -20,6 +21,7 @@ "@stackflow/plugin-basic-ui": "^1.8.4", "@stackflow/plugin-renderer-basic": "^1.1.11", "@stackflow/react": "^1.2.1", + "@vanilla-extract/css": "^1.15.5", "next": "^14.2.5", "nextra": "^2.13.4", "nextra-theme-docs": "^2.13.4", @@ -32,6 +34,7 @@ "@seed-design/cli": "workspace:^", "@types/node": "^20.14.12", "@types/react": "^18.3.4", + "@vanilla-extract/next-plugin": "^2.4.5", "autoprefixer": "^10.4.20", "chalk": "^5.3.0", "ts-node": "^10.9.2", diff --git a/component-docs/pages/get-started/CLI.mdx b/component-docs/pages/get-started/CLI.mdx index 7d31ac82f..0fb843755 100644 --- a/component-docs/pages/get-started/CLI.mdx +++ b/component-docs/pages/get-started/CLI.mdx @@ -1,4 +1,4 @@ -import SeedDesignConfiguration from "@/components/seed-design-configuration.mdx"; +import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx"; # CLI diff --git a/component-docs/pages/get-started/installation/next.mdx b/component-docs/pages/get-started/installation/next.mdx index 56286b1e3..42da22779 100644 --- a/component-docs/pages/get-started/installation/next.mdx +++ b/component-docs/pages/get-started/installation/next.mdx @@ -1,7 +1,7 @@ import { Steps, Tabs } from 'nextra/components' -import SeedDesignConfiguration from "@/components/seed-design-configuration.mdx" -import Installation from "@/components/get-started-installation.mdx" +import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx" +import Installation from "@/templates/get-started-installation.mdx" # 설치 diff --git a/component-docs/pages/get-started/installation/vite.mdx b/component-docs/pages/get-started/installation/vite.mdx index 54886065a..a0741ffa5 100644 --- a/component-docs/pages/get-started/installation/vite.mdx +++ b/component-docs/pages/get-started/installation/vite.mdx @@ -1,7 +1,7 @@ import { Steps, Tabs } from 'nextra/components' -import SeedDesignConfiguration from "@/components/seed-design-configuration.mdx" -import Installation from "@/components/get-started-installation.mdx" +import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx" +import Installation from "@/templates/get-started-installation.mdx" # 설치 diff --git a/component-docs/pages/get-started/seed-design.json.mdx b/component-docs/pages/get-started/seed-design.json.mdx index 17e4e8d4a..e8d80f848 100644 --- a/component-docs/pages/get-started/seed-design.json.mdx +++ b/component-docs/pages/get-started/seed-design.json.mdx @@ -1,6 +1,6 @@ import { FileTree } from 'nextra/components'; -import SeedDesignConfiguration from "@/components/seed-design-configuration.mdx"; +import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx"; # seed-design.json diff --git a/component-docs/public/registry/examples/chip-tabs-default.tsx b/component-docs/public/registry/examples/chip-tabs-default.tsx new file mode 100644 index 000000000..e69de29bb diff --git a/component-docs/schemas/example.ts b/component-docs/schemas/example.ts new file mode 100644 index 000000000..5d66da38d --- /dev/null +++ b/component-docs/schemas/example.ts @@ -0,0 +1,15 @@ +import { z } from "zod"; + +export const componentExampleSchema = z.object({ + name: z.string(), + dependencies: z.array(z.string()).optional(), + devDependencies: z.array(z.string()).optional(), + innerDependencies: z.array(z.string()).optional(), + snippets: z.array(z.string()), +}); + +export const componentExamplesSchema = z.array(componentExampleSchema); + +export type ComponentExample = z.infer; + +export type ComponentExamples = z.infer; diff --git a/component-docs/seed-design/components/chip-tabs.tsx b/component-docs/seed-design/components/chip-tabs.tsx index 3251720a3..11cffefa1 100644 --- a/component-docs/seed-design/components/chip-tabs.tsx +++ b/component-docs/seed-design/components/chip-tabs.tsx @@ -2,15 +2,13 @@ import * as React from "react"; import { ChipTabs as UIChipTabs, - ChipTabContent, - ChipTabContentList, ChipTabTrigger, ChipTabTriggerList, + ChipTabContent, } from "@/seed-design/ui/chip-tabs"; export const ChipTabs = () => { - const [value, setValue] = React.useState("1"); - const tabCommonStyle = { + const commonStyle = { display: "flex", justifyContent: "center", alignItems: "center", @@ -18,17 +16,41 @@ export const ChipTabs = () => { height: "300px", }; return ( -
- setValue(value)}> - - 라벨1 - 라벨2 - 라벨3 - - - {value === "1" &&
content 1
} - {value === "2" &&
content 2
} - {value === "3" &&
content 3
} -
+ + + 라벨1 + 라벨2 + + 라벨3 + + + 라벨4 + + 라벨5 + 라벨6 + 라벨7 + + +
content 1
+ + +
content 2
+ + +
content 3
+ + +
content 4
+ + +
content 5
+ + +
content 6
+ + +
content 7
+ + ); }; diff --git a/component-docs/seed-design/ui/chip-tabs.tsx b/component-docs/seed-design/ui/chip-tabs.tsx index 7fa4ac319..1c1ad65bf 100644 --- a/component-docs/seed-design/ui/chip-tabs.tsx +++ b/component-docs/seed-design/ui/chip-tabs.tsx @@ -1,17 +1,17 @@ "use client"; -import clsx from "clsx"; -import * as React from "react"; import { + useLazyContents, useTabs, - type UseTabsProps, type TriggerProps, - type ContentProps, - useLazyContents, type UseLazyContentsProps, + type UseTabsProps, + type ContentProps, } from "@seed-design/react-tabs"; -import { chipTabs } from "@seed-design/recipe/chipTabs"; import { chipTab } from "@seed-design/recipe/chipTab"; +import { chipTabs } from "@seed-design/recipe/chipTabs"; +import clsx from "clsx"; +import * as React from "react"; import "@seed-design/stylesheet/chipTab.css"; import "@seed-design/stylesheet/chipTabs.css"; @@ -35,10 +35,7 @@ const useChipTabsContext = () => { }; export interface ChipTabsProps - extends Assign< - React.HTMLAttributes, - Omit - >, + extends Assign, Omit>, Omit {} export const ChipTabs = React.forwardRef((props, ref) => { @@ -62,7 +59,7 @@ export const ChipTabs = React.forwardRef((props,
); }); -ChipTabs.displayName = "Tabs"; +ChipTabs.displayName = "ChipTabs"; export const ChipTabTriggerList = React.forwardRef< HTMLDivElement, @@ -97,17 +94,17 @@ export const ChipTabTriggerList = React.forwardRef<
); }); -ChipTabTriggerList.displayName = "TabTriggerList"; +ChipTabTriggerList.displayName = "ChipTabTriggerList"; export interface ChipTabTriggerProps - extends Assign, Omit> {} + extends Assign, TriggerProps> {} export const ChipTabTrigger = React.forwardRef( - ({ className, children, value, ...otherProps }, ref) => { + ({ className, children, value, isDisabled, ...otherProps }, ref) => { const { api } = useChipTabsContext(); const { getTabTriggerProps } = api; const { label, root } = chipTab(); - const { rootProps, labelProps } = getTabTriggerProps({ value }); + const { rootProps, labelProps } = getTabTriggerProps({ value, isDisabled }); return (
); }); -ChipTabContent.displayName = "TabContent"; +ChipTabContent.displayName = "ChipTabContent"; diff --git a/component-docs/seed-design/ui/tabs.tsx b/component-docs/seed-design/ui/tabs.tsx index db647ed01..a4fb3d4a1 100644 --- a/component-docs/seed-design/ui/tabs.tsx +++ b/component-docs/seed-design/ui/tabs.tsx @@ -4,6 +4,7 @@ import clsx from "clsx"; import * as React from "react"; import { useTabs, + useSwipeable, type UseTabsProps, type TriggerProps, type ContentProps, @@ -19,7 +20,7 @@ import "@seed-design/stylesheet/tab.css"; type Assign = Omit & U; interface TabsContextValue { - api: ReturnType; + api: ReturnType & ReturnType; classNames: ReturnType; shouldRender: (value: string) => boolean; isSwipeable: boolean; @@ -60,12 +61,21 @@ export const Tabs = React.forwardRef((props, ref) => layout = "hug", size = "small", } = props; - const api = useTabs(props); + const useTabsProps = useTabs(props); + const useSwipeableProps = useSwipeable({ + isSwipeable, + onSwipeLeftToRight: useTabsProps.movePrev, + onSwipeRightToLeft: useTabsProps.moveNext, + }); const classNames = tabs({ layout, }); - const { rootProps, value, restProps } = api; + const { rootProps, value, restProps } = useTabsProps; const { shouldRender } = useLazyContents({ currentValue: value, lazyMode, isLazy }); + const api = { + ...useTabsProps, + ...useSwipeableProps, + }; return (
diff --git a/component-docs/snippets/chip-tabs.tsx b/component-docs/snippets/chip-tabs.tsx index 7fa4ac319..fca21778d 100644 --- a/component-docs/snippets/chip-tabs.tsx +++ b/component-docs/snippets/chip-tabs.tsx @@ -35,10 +35,7 @@ const useChipTabsContext = () => { }; export interface ChipTabsProps - extends Assign< - React.HTMLAttributes, - Omit - >, + extends Assign, Omit>, Omit {} export const ChipTabs = React.forwardRef((props, ref) => { @@ -62,7 +59,7 @@ export const ChipTabs = React.forwardRef((props,
); }); -ChipTabs.displayName = "Tabs"; +ChipTabs.displayName = "ChipTabs"; export const ChipTabTriggerList = React.forwardRef< HTMLDivElement, @@ -97,7 +94,7 @@ export const ChipTabTriggerList = React.forwardRef<
); }); -ChipTabTriggerList.displayName = "TabTriggerList"; +ChipTabTriggerList.displayName = "ChipTabTriggerList"; export interface ChipTabTriggerProps extends Assign, Omit> {} @@ -118,68 +115,7 @@ export const ChipTabTrigger = React.forwardRef ->(({ className, children, ...otherProps }, ref) => { - const { api, classNames } = useChipTabsContext(); - const { - tabContentListProps, - tabContentCameraProps, - getDragProps, - currentTabEnabledIndex, - swipeMoveX, - tabEnabledCount, - } = api; - const { contentList, contentCamera } = classNames; - const dragProps = getDragProps(); - - const getCameraTranslateX = () => { - const MODIFIER = 5; - - const currentContentOffsetX = currentTabEnabledIndex * 100; - - if (swipeMoveX > 0 && currentTabEnabledIndex === 0) { - return `calc(-${currentContentOffsetX}% + ${swipeMoveX / MODIFIER}px)`; - } - - if (swipeMoveX < 0 && currentTabEnabledIndex === tabEnabledCount - 1) { - return `calc(-${currentContentOffsetX}% + ${swipeMoveX / MODIFIER}px)`; - } - - return `calc(-${currentContentOffsetX}% + ${swipeMoveX}px)`; - }; - - return ( -
-
- {children} -
-
- ); -}); -ChipTabContentList.displayName = "TabContentList"; +ChipTabTrigger.displayName = "ChipTabTrigger"; export const ChipTabContent = React.forwardRef< HTMLDivElement, @@ -197,4 +133,4 @@ export const ChipTabContent = React.forwardRef<
); }); -ChipTabContent.displayName = "TabContent"; +ChipTabContent.displayName = "ChipTabContent"; diff --git a/component-docs/snippets/tabs.tsx b/component-docs/snippets/tabs.tsx index db647ed01..a4fb3d4a1 100644 --- a/component-docs/snippets/tabs.tsx +++ b/component-docs/snippets/tabs.tsx @@ -4,6 +4,7 @@ import clsx from "clsx"; import * as React from "react"; import { useTabs, + useSwipeable, type UseTabsProps, type TriggerProps, type ContentProps, @@ -19,7 +20,7 @@ import "@seed-design/stylesheet/tab.css"; type Assign = Omit & U; interface TabsContextValue { - api: ReturnType; + api: ReturnType & ReturnType; classNames: ReturnType; shouldRender: (value: string) => boolean; isSwipeable: boolean; @@ -60,12 +61,21 @@ export const Tabs = React.forwardRef((props, ref) => layout = "hug", size = "small", } = props; - const api = useTabs(props); + const useTabsProps = useTabs(props); + const useSwipeableProps = useSwipeable({ + isSwipeable, + onSwipeLeftToRight: useTabsProps.movePrev, + onSwipeRightToLeft: useTabsProps.moveNext, + }); const classNames = tabs({ layout, }); - const { rootProps, value, restProps } = api; + const { rootProps, value, restProps } = useTabsProps; const { shouldRender } = useLazyContents({ currentValue: value, lazyMode, isLazy }); + const api = { + ...useTabsProps, + ...useSwipeableProps, + }; return (
diff --git a/component-docs/styles/f.css.ts b/component-docs/styles/f.css.ts new file mode 100644 index 000000000..49d940fd5 --- /dev/null +++ b/component-docs/styles/f.css.ts @@ -0,0 +1,97 @@ +import { vars } from "@seed-design/design-token"; +import { style } from "@vanilla-extract/css"; + +export const grid = style({ + display: "grid", +}); + +export const flex = style({ + display: "flex", +}); + +export const flexAlignCenter = style([ + flex, + { + alignItems: "center", + }, +]); + +export const flexJustifyCenter = style([ + flex, + { + justifyContent: "center", + }, +]); + +export const flexColumn = style([ + flex, + { + flexDirection: "column", + }, +]); + +export const flex1 = style({ + flex: 1, +}); + +export const posAbs = style({ + position: "absolute", +}); + +export const posRel = style({ + position: "relative", +}); + +export const top0 = style({ + top: 0, +}); + +export const left0 = style({ + left: 0, +}); + +export const fullWidth = style({ + width: "100%", +}); + +export const fullHeight = style({ + height: "100%", +}); + +export const posAbsFull = style([posAbs, top0, left0, fullWidth, fullHeight]); + +export const nowrap = style({ + whiteSpace: "nowrap", +}); + +export const resetButton = style({ + appearance: "none", + border: 0, + padding: 0, + background: "none", + color: vars.$scale.color.gray900, + textAlign: "left", +}); + +export const cursorPointer = style({ + cursor: "pointer", + WebkitTapHighlightColor: "transparent", +}); + +export const overflowHidden = style({ + overflow: "hidden", + transform: "translate3d(0, 0, 0)", + maskImage: "-webkit-radial-gradient(white, black)", +}); + +export const overflowScroll = style({ + overflowY: "scroll", + WebkitOverflowScrolling: "touch", + "::-webkit-scrollbar": { + display: "none", + }, +}); + +export const rootLineHeight = style({ + lineHeight: "1.15", +}); diff --git a/component-docs/styles/index.ts b/component-docs/styles/index.ts new file mode 100644 index 000000000..773ae6c30 --- /dev/null +++ b/component-docs/styles/index.ts @@ -0,0 +1 @@ +export * as f from "./f.css"; diff --git a/component-docs/components/get-started-installation.mdx b/component-docs/templates/get-started-installation.mdx similarity index 100% rename from component-docs/components/get-started-installation.mdx rename to component-docs/templates/get-started-installation.mdx diff --git a/component-docs/components/seed-design-configuration.mdx b/component-docs/templates/seed-design-configuration.mdx similarity index 100% rename from component-docs/components/seed-design-configuration.mdx rename to component-docs/templates/seed-design-configuration.mdx diff --git a/examples/stackflow-spa/src/activities/ActivityChipTabs.tsx b/examples/stackflow-spa/src/activities/ActivityChipTabs.tsx index bc035e33e..7c65c61d5 100644 --- a/examples/stackflow-spa/src/activities/ActivityChipTabs.tsx +++ b/examples/stackflow-spa/src/activities/ActivityChipTabs.tsx @@ -1,17 +1,15 @@ import type { ActivityComponentType } from "@stackflow/react"; import { AppScreen } from "@stackflow/plugin-basic-ui"; +import * as React from "react"; import { - ChipTabs, - ChipTabContent, - ChipTabContentList, ChipTabTrigger, ChipTabTriggerList, + ChipTabs, + ChipTabContent, } from "../design-system/components"; -import * as React from "react"; const AcitivitiyChipTabs: ActivityComponentType = () => { - const [value, setValue] = React.useState("1"); const commonStyle = { display: "flex", justifyContent: "center", @@ -22,7 +20,7 @@ const AcitivitiyChipTabs: ActivityComponentType = () => { return ( - setValue(value)}> + 라벨1 라벨2 @@ -32,14 +30,28 @@ const AcitivitiyChipTabs: ActivityComponentType = () => { 라벨6 라벨7 + + content 1 + + + content 2 + + + content 3 + + + content 4 + + + content 5 + + + content 6 + + + content 7 + - {value === "1" &&
content 1
} - {value === "2" &&
content 2
} - {value === "3" &&
content 3
} - {value === "4" &&
content 4
} - {value === "5" &&
content 5
} - {value === "6" &&
content 6
} - {value === "7" &&
content 7
} ); }; diff --git a/examples/stackflow-spa/src/design-system/components/ChipTabs.tsx b/examples/stackflow-spa/src/design-system/components/ChipTabs.tsx index 4048f0562..5a3fd0dc0 100644 --- a/examples/stackflow-spa/src/design-system/components/ChipTabs.tsx +++ b/examples/stackflow-spa/src/design-system/components/ChipTabs.tsx @@ -115,27 +115,6 @@ export const ChipTabTrigger = React.forwardRef ->(({ className, children, ...otherProps }, ref) => { - const { api, classNames } = useChipTabsContext(); - const { tabContentListProps } = api; - const { contentList } = classNames; - - return ( -
- {children} -
- ); -}); -ChipTabContentList.displayName = "ChipTabContentList"; - export const ChipTabContent = React.forwardRef< HTMLDivElement, Assign, ContentProps> diff --git a/examples/stackflow-spa/src/design-system/components/Tabs.tsx b/examples/stackflow-spa/src/design-system/components/Tabs.tsx index b1e02476c..eb9db0a5a 100644 --- a/examples/stackflow-spa/src/design-system/components/Tabs.tsx +++ b/examples/stackflow-spa/src/design-system/components/Tabs.tsx @@ -62,8 +62,8 @@ export const Tabs = React.forwardRef((props, ref) => const useTabsProps = useTabs(props); const useSwipeableProps = useSwipeable({ isSwipeable, - onSwipeLeft: useTabsProps.moveNext, - onSwipeRight: useTabsProps.movePrev, + onSwipeLeftToRight: useTabsProps.movePrev, + onSwipeRightToLeft: useTabsProps.moveNext, }); const classNames = tabs({ layout, diff --git a/packages/component-spec/artifacts/chip-tab.yaml b/packages/component-spec/artifacts/chip-tab.yaml index 27cd8dbcc..9ea73b7cd 100644 --- a/packages/component-spec/artifacts/chip-tab.yaml +++ b/packages/component-spec/artifacts/chip-tab.yaml @@ -4,6 +4,7 @@ base: paddingX: $unit[3.5] paddingY: $unit[2] cornerRadius: $radii.full + minHeight: 36px label: color: $color.fg.neutral fontSize: $font-size[100] @@ -19,3 +20,9 @@ base: selected,pressed: root: color: $color.bg.neutral-inverted-pressed + disabled: + label: + color: $color.fg.disabled-1 + selected,disabled: + root: + color: $color.bg.disabled-2 diff --git a/packages/react-headless/tabs/src/types.ts b/packages/react-headless/tabs/src/types.ts index adfc3d3cf..65ee93e5e 100644 --- a/packages/react-headless/tabs/src/types.ts +++ b/packages/react-headless/tabs/src/types.ts @@ -52,4 +52,10 @@ export interface TriggerProps { export interface ContentProps { value: string; + + /** + * @default "keep" + * @description 실제 value에 해당하는 컨텐츠를 보여줄 때, 다른 컨텐츠를 숨길지 여부 + */ + visibilityMode?: "hidden" | "keep"; } diff --git a/packages/react-headless/tabs/src/useSwipeable.ts b/packages/react-headless/tabs/src/useSwipeable.ts index 089f752f6..37bb11cfa 100644 --- a/packages/react-headless/tabs/src/useSwipeable.ts +++ b/packages/react-headless/tabs/src/useSwipeable.ts @@ -44,8 +44,8 @@ const useSwipeableState = (props: UseSwipeableStateProps) => { export type Vector2 = [number, number]; export interface UseSwipeableProps extends UseSwipeableStateProps { - onSwipeLeft?: () => void; - onSwipeRight?: () => void; + onSwipeLeftToRight?: () => void; + onSwipeRightToLeft?: () => void; swipeConfig?: { /** @@ -70,7 +70,7 @@ export interface UseSwipeableProps extends UseSwipeableStateProps { } export const useSwipeable = (props: UseSwipeableProps) => { - const { isSwipeable = true, swipeConfig, onSwipeLeft, onSwipeRight } = props; + const { isSwipeable = true, swipeConfig, onSwipeLeftToRight, onSwipeRightToLeft } = props; const { onDrag, onDragEnd, onDragStart, swipeMoveX, swipeStatus } = useSwipeableState({ isSwipeable, @@ -83,8 +83,9 @@ export const useSwipeable = (props: UseSwipeableProps) => { onDragEnd: ({ swipe: [swipeX] }) => { if (!isSwipeable) return; - if (swipeX === -1) onSwipeRight?.(); - if (swipeX === 1) onSwipeLeft?.(); + if (swipeX === -1) onSwipeRightToLeft?.(); + + if (swipeX === 1) onSwipeLeftToRight?.(); onDragEnd(); }, diff --git a/packages/react-headless/tabs/src/useTabs.ts b/packages/react-headless/tabs/src/useTabs.ts index b9d789ee3..61a75897c 100644 --- a/packages/react-headless/tabs/src/useTabs.ts +++ b/packages/react-headless/tabs/src/useTabs.ts @@ -206,11 +206,11 @@ export function useTabs(props: UseTabsProps) { "data-orientation": orientation, }), getTabContentProps: (props: ContentProps) => { - const { value: contentValue } = props; - const isSelected = value === contentValue; - + const { value: contentValue, visibilityMode = "keep" } = props; const tabContentId = dom.getTabTriggerRootId(contentValue, id); + const isSelected = value === contentValue; const isDisabled = !!dom.itemById(dom.getDisabledElements(id), tabContentId); + const hidden = visibilityMode === "hidden" ? !isSelected || isDisabled : isDisabled; return elementProps({ id: tabContentId, @@ -221,7 +221,7 @@ export function useTabs(props: UseTabsProps) { "aria-labelledby": dom.getTabTriggerRootId(contentValue, id), "aria-selected": ariaAttr(isSelected), "aria-hidden": isDisabled ? undefined : !isSelected, - hidden: isDisabled, + hidden, }); }, diff --git a/packages/recipe-generator/preset/src/__generated__/chip-tab.vars.ts b/packages/recipe-generator/preset/src/__generated__/chip-tab.vars.ts index a3fc7fd8b..cca71f757 100644 --- a/packages/recipe-generator/preset/src/__generated__/chip-tab.vars.ts +++ b/packages/recipe-generator/preset/src/__generated__/chip-tab.vars.ts @@ -4,7 +4,8 @@ export const vars = { "root": { "paddingX": "var(--seed-unit-3\\.5)", "paddingY": "var(--seed-unit-2)", - "cornerRadius": "var(--seed-radii-full)" + "cornerRadius": "var(--seed-radii-full)", + "minHeight": "36px" }, "label": { "color": "var(--seed-color-fg-neutral)", @@ -29,6 +30,16 @@ export const vars = { "root": { "color": "var(--seed-color-bg-neutral-inverted-pressed)" } + }, + "disabled": { + "label": { + "color": "var(--seed-color-fg-disabled-1)" + } + }, + "selectedDisabled": { + "root": { + "color": "var(--seed-color-bg-disabled-2)" + } } } } \ No newline at end of file diff --git a/packages/recipe-generator/preset/src/chip-tab.recipe.ts b/packages/recipe-generator/preset/src/chip-tab.recipe.ts index cfdc92467..94d95cdec 100644 --- a/packages/recipe-generator/preset/src/chip-tab.recipe.ts +++ b/packages/recipe-generator/preset/src/chip-tab.recipe.ts @@ -1,6 +1,6 @@ import { vars } from "./__generated__/chip-tab.vars"; import { defineRecipe } from "./helper"; -import { pseudo, selected, active } from "./pseudo"; +import { pseudo, selected, active, disabled, not } from "./pseudo"; const chipTab = defineRecipe({ name: "chipTab", @@ -16,18 +16,28 @@ const chipTab = defineRecipe({ borderRadius: vars.base.enabled.root.cornerRadius, boxSizing: "border-box", whiteSpace: "nowrap", + minHeight: vars.base.enabled.root.minHeight, [pseudo(selected)]: { backgroundColor: vars.base.selected.root.color, }, - [pseudo(active)]: { + [pseudo(active, not(disabled))]: { backgroundColor: vars.base.enabledPressed.root.color, }, [pseudo(selected, active)]: { backgroundColor: vars.base.selectedPressed.root.color, }, + + [pseudo(disabled)]: { + cursor: "not-allowed", + backgroundColor: undefined, + }, + + [pseudo(disabled, selected)]: { + backgroundColor: vars.base.selectedDisabled.root.color, + }, }, label: { color: vars.base.enabled.label.color, @@ -37,6 +47,10 @@ const chipTab = defineRecipe({ [pseudo(selected)]: { color: vars.base.selected.label.color, }, + + [pseudo(disabled)]: { + color: vars.base.disabled.label.color, + }, }, }, variants: {}, diff --git a/packages/stylesheet/chipTab.css b/packages/stylesheet/chipTab.css index a15dec98d..734bb2076 100644 --- a/packages/stylesheet/chipTab.css +++ b/packages/stylesheet/chipTab.css @@ -8,16 +8,23 @@ border-radius: var(--seed-radii-full); box-sizing: border-box; white-space: nowrap; + min-height: 36px; } .chipTab__root:is(:selected, [data-selected]) { background-color: var(--seed-color-bg-neutral-inverted); } -.chipTab__root:is(:active, [data-active]) { +.chipTab__root:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { background-color: var(--seed-color-bg-layer-1-pressed); } .chipTab__root:is(:selected, [data-selected]):is(:active, [data-active]) { background-color: var(--seed-color-bg-neutral-inverted-pressed); } +.chipTab__root:is(:disabled, [disabled], [data-disabled]) { + cursor: not-allowed; +} +.chipTab__root:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) { + background-color: var(--seed-color-bg-disabled-2); +} .chipTab__label { color: var(--seed-color-fg-neutral); font-size: var(--seed-font-size-100); @@ -25,4 +32,7 @@ } .chipTab__label:is(:selected, [data-selected]) { color: var(--seed-color-fg-neutral-inverted); +} +.chipTab__label:is(:disabled, [disabled], [data-disabled]) { + color: var(--seed-color-fg-disabled-1); } \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 0f20e6975..8d5d7fa7f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -228,6 +228,29 @@ __metadata: languageName: node linkType: hard +"@babel/core@npm:^7.23.9, @babel/core@npm:^7.24.9": + version: 7.25.2 + resolution: "@babel/core@npm:7.25.2" + dependencies: + "@ampproject/remapping": ^2.2.0 + "@babel/code-frame": ^7.24.7 + "@babel/generator": ^7.25.0 + "@babel/helper-compilation-targets": ^7.25.2 + "@babel/helper-module-transforms": ^7.25.2 + "@babel/helpers": ^7.25.0 + "@babel/parser": ^7.25.0 + "@babel/template": ^7.25.0 + "@babel/traverse": ^7.25.2 + "@babel/types": ^7.25.2 + convert-source-map: ^2.0.0 + debug: ^4.1.0 + gensync: ^1.0.0-beta.2 + json5: ^2.2.3 + semver: ^6.3.1 + checksum: 9a1ef604a7eb62195f70f9370cec45472a08114e3934e3eaaedee8fd754edf0730e62347c7b4b5e67d743ce57b5bb8cf3b92459482ca94d06e06246ef021390a + languageName: node + linkType: hard + "@babel/core@npm:^7.24.5": version: 7.24.5 resolution: "@babel/core@npm:7.24.5" @@ -251,29 +274,6 @@ __metadata: languageName: node linkType: hard -"@babel/core@npm:^7.24.9": - version: 7.25.2 - resolution: "@babel/core@npm:7.25.2" - dependencies: - "@ampproject/remapping": ^2.2.0 - "@babel/code-frame": ^7.24.7 - "@babel/generator": ^7.25.0 - "@babel/helper-compilation-targets": ^7.25.2 - "@babel/helper-module-transforms": ^7.25.2 - "@babel/helpers": ^7.25.0 - "@babel/parser": ^7.25.0 - "@babel/template": ^7.25.0 - "@babel/traverse": ^7.25.2 - "@babel/types": ^7.25.2 - convert-source-map: ^2.0.0 - debug: ^4.1.0 - gensync: ^1.0.0-beta.2 - json5: ^2.2.3 - semver: ^6.3.1 - checksum: 9a1ef604a7eb62195f70f9370cec45472a08114e3934e3eaaedee8fd754edf0730e62347c7b4b5e67d743ce57b5bb8cf3b92459482ca94d06e06246ef021390a - languageName: node - linkType: hard - "@babel/eslint-parser@npm:^7.19.1": version: 7.22.5 resolution: "@babel/eslint-parser@npm:7.22.5" @@ -1839,6 +1839,17 @@ __metadata: languageName: node linkType: hard +"@babel/plugin-syntax-typescript@npm:^7.23.3": + version: 7.25.4 + resolution: "@babel/plugin-syntax-typescript@npm:7.25.4" + dependencies: + "@babel/helper-plugin-utils": ^7.24.8 + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 9b89b8930cd5983f64251d75c9fcdc17a8dc73837d6de12220ff972888ecff4054a6467cf0c423cad242aa96c0f0564a39a0823073728cc02239b80d13f02230 + languageName: node + linkType: hard + "@babel/plugin-syntax-typescript@npm:^7.24.7": version: 7.24.7 resolution: "@babel/plugin-syntax-typescript@npm:7.24.7" @@ -4060,6 +4071,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/aix-ppc64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/aix-ppc64@npm:0.21.5" + conditions: os=aix & cpu=ppc64 + languageName: node + linkType: hard + +"@esbuild/aix-ppc64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/aix-ppc64@npm:0.23.1" + conditions: os=aix & cpu=ppc64 + languageName: node + linkType: hard + "@esbuild/android-arm64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/android-arm64@npm:0.16.12" @@ -4102,6 +4127,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-arm64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/android-arm64@npm:0.21.5" + conditions: os=android & cpu=arm64 + languageName: node + linkType: hard + +"@esbuild/android-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/android-arm64@npm:0.23.1" + conditions: os=android & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/android-arm@npm:0.15.18": version: 0.15.18 resolution: "@esbuild/android-arm@npm:0.15.18" @@ -4151,6 +4190,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-arm@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/android-arm@npm:0.21.5" + conditions: os=android & cpu=arm + languageName: node + linkType: hard + +"@esbuild/android-arm@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/android-arm@npm:0.23.1" + conditions: os=android & cpu=arm + languageName: node + linkType: hard + "@esbuild/android-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/android-x64@npm:0.16.12" @@ -4193,6 +4246,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/android-x64@npm:0.21.5" + conditions: os=android & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/android-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/android-x64@npm:0.23.1" + conditions: os=android & cpu=x64 + languageName: node + linkType: hard + "@esbuild/darwin-arm64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/darwin-arm64@npm:0.16.12" @@ -4235,6 +4302,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/darwin-arm64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/darwin-arm64@npm:0.21.5" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + +"@esbuild/darwin-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/darwin-arm64@npm:0.23.1" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/darwin-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/darwin-x64@npm:0.16.12" @@ -4277,6 +4358,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/darwin-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/darwin-x64@npm:0.21.5" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/darwin-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/darwin-x64@npm:0.23.1" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + "@esbuild/freebsd-arm64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/freebsd-arm64@npm:0.16.12" @@ -4319,6 +4414,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/freebsd-arm64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/freebsd-arm64@npm:0.21.5" + conditions: os=freebsd & cpu=arm64 + languageName: node + linkType: hard + +"@esbuild/freebsd-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/freebsd-arm64@npm:0.23.1" + conditions: os=freebsd & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/freebsd-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/freebsd-x64@npm:0.16.12" @@ -4361,6 +4470,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/freebsd-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/freebsd-x64@npm:0.21.5" + conditions: os=freebsd & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/freebsd-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/freebsd-x64@npm:0.23.1" + conditions: os=freebsd & cpu=x64 + languageName: node + linkType: hard + "@esbuild/linux-arm64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-arm64@npm:0.16.12" @@ -4403,6 +4526,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-arm64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-arm64@npm:0.21.5" + conditions: os=linux & cpu=arm64 + languageName: node + linkType: hard + +"@esbuild/linux-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-arm64@npm:0.23.1" + conditions: os=linux & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/linux-arm@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-arm@npm:0.16.12" @@ -4445,6 +4582,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-arm@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-arm@npm:0.21.5" + conditions: os=linux & cpu=arm + languageName: node + linkType: hard + +"@esbuild/linux-arm@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-arm@npm:0.23.1" + conditions: os=linux & cpu=arm + languageName: node + linkType: hard + "@esbuild/linux-ia32@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-ia32@npm:0.16.12" @@ -4487,6 +4638,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-ia32@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-ia32@npm:0.21.5" + conditions: os=linux & cpu=ia32 + languageName: node + linkType: hard + +"@esbuild/linux-ia32@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-ia32@npm:0.23.1" + conditions: os=linux & cpu=ia32 + languageName: node + linkType: hard + "@esbuild/linux-loong64@npm:0.15.18": version: 0.15.18 resolution: "@esbuild/linux-loong64@npm:0.15.18" @@ -4536,6 +4701,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-loong64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-loong64@npm:0.21.5" + conditions: os=linux & cpu=loong64 + languageName: node + linkType: hard + +"@esbuild/linux-loong64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-loong64@npm:0.23.1" + conditions: os=linux & cpu=loong64 + languageName: node + linkType: hard + "@esbuild/linux-mips64el@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-mips64el@npm:0.16.12" @@ -4578,6 +4757,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-mips64el@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-mips64el@npm:0.21.5" + conditions: os=linux & cpu=mips64el + languageName: node + linkType: hard + +"@esbuild/linux-mips64el@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-mips64el@npm:0.23.1" + conditions: os=linux & cpu=mips64el + languageName: node + linkType: hard + "@esbuild/linux-ppc64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-ppc64@npm:0.16.12" @@ -4620,6 +4813,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-ppc64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-ppc64@npm:0.21.5" + conditions: os=linux & cpu=ppc64 + languageName: node + linkType: hard + +"@esbuild/linux-ppc64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-ppc64@npm:0.23.1" + conditions: os=linux & cpu=ppc64 + languageName: node + linkType: hard + "@esbuild/linux-riscv64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-riscv64@npm:0.16.12" @@ -4662,6 +4869,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-riscv64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-riscv64@npm:0.21.5" + conditions: os=linux & cpu=riscv64 + languageName: node + linkType: hard + +"@esbuild/linux-riscv64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-riscv64@npm:0.23.1" + conditions: os=linux & cpu=riscv64 + languageName: node + linkType: hard + "@esbuild/linux-s390x@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-s390x@npm:0.16.12" @@ -4704,6 +4925,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-s390x@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-s390x@npm:0.21.5" + conditions: os=linux & cpu=s390x + languageName: node + linkType: hard + +"@esbuild/linux-s390x@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-s390x@npm:0.23.1" + conditions: os=linux & cpu=s390x + languageName: node + linkType: hard + "@esbuild/linux-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/linux-x64@npm:0.16.12" @@ -4746,6 +4981,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/linux-x64@npm:0.21.5" + conditions: os=linux & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/linux-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/linux-x64@npm:0.23.1" + conditions: os=linux & cpu=x64 + languageName: node + linkType: hard + "@esbuild/netbsd-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/netbsd-x64@npm:0.16.12" @@ -4788,6 +5037,27 @@ __metadata: languageName: node linkType: hard +"@esbuild/netbsd-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/netbsd-x64@npm:0.21.5" + conditions: os=netbsd & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/netbsd-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/netbsd-x64@npm:0.23.1" + conditions: os=netbsd & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/openbsd-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/openbsd-arm64@npm:0.23.1" + conditions: os=openbsd & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/openbsd-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/openbsd-x64@npm:0.16.12" @@ -4830,6 +5100,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/openbsd-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/openbsd-x64@npm:0.21.5" + conditions: os=openbsd & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/openbsd-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/openbsd-x64@npm:0.23.1" + conditions: os=openbsd & cpu=x64 + languageName: node + linkType: hard + "@esbuild/sunos-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/sunos-x64@npm:0.16.12" @@ -4872,6 +5156,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/sunos-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/sunos-x64@npm:0.21.5" + conditions: os=sunos & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/sunos-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/sunos-x64@npm:0.23.1" + conditions: os=sunos & cpu=x64 + languageName: node + linkType: hard + "@esbuild/win32-arm64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/win32-arm64@npm:0.16.12" @@ -4914,6 +5212,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-arm64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/win32-arm64@npm:0.21.5" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + +"@esbuild/win32-arm64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/win32-arm64@npm:0.23.1" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/win32-ia32@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/win32-ia32@npm:0.16.12" @@ -4956,6 +5268,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-ia32@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/win32-ia32@npm:0.21.5" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + +"@esbuild/win32-ia32@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/win32-ia32@npm:0.23.1" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + "@esbuild/win32-x64@npm:0.16.12": version: 0.16.12 resolution: "@esbuild/win32-x64@npm:0.16.12" @@ -4998,6 +5324,20 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-x64@npm:0.21.5": + version: 0.21.5 + resolution: "@esbuild/win32-x64@npm:0.21.5" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + +"@esbuild/win32-x64@npm:0.23.1": + version: 0.23.1 + resolution: "@esbuild/win32-x64@npm:0.23.1" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + "@eslint-community/eslint-utils@npm:^4.2.0": version: 4.4.0 resolution: "@eslint-community/eslint-utils@npm:4.4.0" @@ -7074,6 +7414,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-android-arm-eabi@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-android-arm-eabi@npm:4.21.1" + conditions: os=android & cpu=arm + languageName: node + linkType: hard + "@rollup/rollup-android-arm64@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-android-arm64@npm:4.18.0" @@ -7081,6 +7428,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-android-arm64@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-android-arm64@npm:4.21.1" + conditions: os=android & cpu=arm64 + languageName: node + linkType: hard + "@rollup/rollup-darwin-arm64@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-darwin-arm64@npm:4.18.0" @@ -7088,6 +7442,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-darwin-arm64@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-darwin-arm64@npm:4.21.1" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + "@rollup/rollup-darwin-x64@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-darwin-x64@npm:4.18.0" @@ -7095,6 +7456,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-darwin-x64@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-darwin-x64@npm:4.21.1" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + "@rollup/rollup-linux-arm-gnueabihf@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.18.0" @@ -7102,6 +7470,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-arm-gnueabihf@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.21.1" + conditions: os=linux & cpu=arm & libc=glibc + languageName: node + linkType: hard + "@rollup/rollup-linux-arm-musleabihf@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.18.0" @@ -7109,6 +7484,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-arm-musleabihf@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.21.1" + conditions: os=linux & cpu=arm & libc=musl + languageName: node + linkType: hard + "@rollup/rollup-linux-arm64-gnu@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.18.0" @@ -7116,9 +7498,23 @@ __metadata: languageName: node linkType: hard -"@rollup/rollup-linux-arm64-musl@npm:4.18.0": - version: 4.18.0 - resolution: "@rollup/rollup-linux-arm64-musl@npm:4.18.0" +"@rollup/rollup-linux-arm64-gnu@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.21.1" + conditions: os=linux & cpu=arm64 & libc=glibc + languageName: node + linkType: hard + +"@rollup/rollup-linux-arm64-musl@npm:4.18.0": + version: 4.18.0 + resolution: "@rollup/rollup-linux-arm64-musl@npm:4.18.0" + conditions: os=linux & cpu=arm64 & libc=musl + languageName: node + linkType: hard + +"@rollup/rollup-linux-arm64-musl@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-arm64-musl@npm:4.21.1" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard @@ -7130,6 +7526,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.1" + conditions: os=linux & cpu=ppc64 & libc=glibc + languageName: node + linkType: hard + "@rollup/rollup-linux-riscv64-gnu@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.18.0" @@ -7137,6 +7540,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-riscv64-gnu@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.21.1" + conditions: os=linux & cpu=riscv64 & libc=glibc + languageName: node + linkType: hard + "@rollup/rollup-linux-s390x-gnu@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.18.0" @@ -7144,6 +7554,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-s390x-gnu@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.21.1" + conditions: os=linux & cpu=s390x & libc=glibc + languageName: node + linkType: hard + "@rollup/rollup-linux-x64-gnu@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-x64-gnu@npm:4.18.0" @@ -7151,6 +7568,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-x64-gnu@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-x64-gnu@npm:4.21.1" + conditions: os=linux & cpu=x64 & libc=glibc + languageName: node + linkType: hard + "@rollup/rollup-linux-x64-musl@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-linux-x64-musl@npm:4.18.0" @@ -7158,6 +7582,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-linux-x64-musl@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-linux-x64-musl@npm:4.21.1" + conditions: os=linux & cpu=x64 & libc=musl + languageName: node + linkType: hard + "@rollup/rollup-win32-arm64-msvc@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.18.0" @@ -7165,6 +7596,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-win32-arm64-msvc@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.21.1" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + "@rollup/rollup-win32-ia32-msvc@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.18.0" @@ -7172,6 +7610,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-win32-ia32-msvc@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.21.1" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + "@rollup/rollup-win32-x64-msvc@npm:4.18.0": version: 4.18.0 resolution: "@rollup/rollup-win32-x64-msvc@npm:4.18.0" @@ -7179,6 +7624,13 @@ __metadata: languageName: node linkType: hard +"@rollup/rollup-win32-x64-msvc@npm:4.21.1": + version: 4.21.1 + resolution: "@rollup/rollup-win32-x64-msvc@npm:4.21.1" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + "@sec-ant/readable-stream@npm:^0.4.1": version: 0.4.1 resolution: "@sec-ant/readable-stream@npm:0.4.1" @@ -10193,6 +10645,15 @@ __metadata: languageName: node linkType: hard +"@vanilla-extract/babel-plugin-debug-ids@npm:^1.0.6": + version: 1.0.6 + resolution: "@vanilla-extract/babel-plugin-debug-ids@npm:1.0.6" + dependencies: + "@babel/core": ^7.23.9 + checksum: 55f173c0c6a95a8da35a8625e6400dd90a126a4cd3d52d6a5583573e957c0f13c408fd86873d1d65ac1cfa9dfd743306ed866ad8ed1793370b3857e0636b88df + languageName: node + linkType: hard + "@vanilla-extract/babel-plugin@npm:^1.2.0": version: 1.2.0 resolution: "@vanilla-extract/babel-plugin@npm:1.2.0" @@ -10204,7 +10665,7 @@ __metadata: languageName: node linkType: hard -"@vanilla-extract/css@npm:^1.15.3": +"@vanilla-extract/css@npm:^1.15.3, @vanilla-extract/css@npm:^1.15.5": version: 1.15.5 resolution: "@vanilla-extract/css@npm:1.15.5" dependencies: @@ -10285,6 +10746,37 @@ __metadata: languageName: node linkType: hard +"@vanilla-extract/integration@npm:^7.1.9": + version: 7.1.9 + resolution: "@vanilla-extract/integration@npm:7.1.9" + dependencies: + "@babel/core": ^7.23.9 + "@babel/plugin-syntax-typescript": ^7.23.3 + "@vanilla-extract/babel-plugin-debug-ids": ^1.0.6 + "@vanilla-extract/css": ^1.15.5 + dedent: ^1.5.3 + esbuild: "npm:esbuild@>=0.17.6 <0.24.0" + eval: 0.1.8 + find-up: ^5.0.0 + javascript-stringify: ^2.0.1 + mlly: ^1.4.2 + vite: ^5.0.11 + vite-node: ^1.2.0 + checksum: 6f6b1eab9f67091c47c070cdf8128034458f7cc649a3188037b85f7cd466466405b91321e3d909b8a5b81452280bc885a4c08530ab8bad20d6c22b5e69ec4602 + languageName: node + linkType: hard + +"@vanilla-extract/next-plugin@npm:^2.4.5": + version: 2.4.5 + resolution: "@vanilla-extract/next-plugin@npm:2.4.5" + dependencies: + "@vanilla-extract/webpack-plugin": ^2.3.13 + peerDependencies: + next: ">=12.1.7" + checksum: 6800fb584275b521a6d0133005ccf253a9666a1acfb70cea126d664c39e5dcd5f344dc6ded174439df0751c791d54db2b4be4a3e6d65b035143c82ad47512b34 + languageName: node + linkType: hard + "@vanilla-extract/private@npm:^1.0.3": version: 1.0.3 resolution: "@vanilla-extract/private@npm:1.0.3" @@ -10352,6 +10844,20 @@ __metadata: languageName: node linkType: hard +"@vanilla-extract/webpack-plugin@npm:^2.3.13": + version: 2.3.13 + resolution: "@vanilla-extract/webpack-plugin@npm:2.3.13" + dependencies: + "@vanilla-extract/integration": ^7.1.9 + debug: ^4.3.1 + loader-utils: ^2.0.0 + picocolors: ^1.0.0 + peerDependencies: + webpack: ^4.30.0 || ^5.20.2 + checksum: 939b864f258ccd971cd52845d80f2d30d71861ca5c4668ddc49d92dd060115466e6d67b3398a2df0cfd80837643e8d4f31ed8016d67f8a3c4c183312371e31e4 + languageName: node + linkType: hard + "@vercel/webpack-asset-relocator-loader@npm:^1.7.3": version: 1.7.3 resolution: "@vercel/webpack-asset-relocator-loader@npm:1.7.3" @@ -13261,6 +13767,7 @@ __metadata: dependencies: "@radix-ui/react-slot": ^1.1.0 "@seed-design/cli": "workspace:^" + "@seed-design/design-token": ^1.0.3 "@seed-design/react-checkbox": 0.0.0 "@seed-design/react-tabs": 0.0.0 "@seed-design/recipe": 0.0.0 @@ -13272,6 +13779,8 @@ __metadata: "@stackflow/react": ^1.2.1 "@types/node": ^20.14.12 "@types/react": ^18.3.4 + "@vanilla-extract/css": ^1.15.5 + "@vanilla-extract/next-plugin": ^2.4.5 autoprefixer: ^10.4.20 chalk: ^5.3.0 next: ^14.2.5 @@ -16238,6 +16747,169 @@ __metadata: languageName: node linkType: hard +"esbuild@npm:^0.21.3": + version: 0.21.5 + resolution: "esbuild@npm:0.21.5" + dependencies: + "@esbuild/aix-ppc64": 0.21.5 + "@esbuild/android-arm": 0.21.5 + "@esbuild/android-arm64": 0.21.5 + "@esbuild/android-x64": 0.21.5 + "@esbuild/darwin-arm64": 0.21.5 + "@esbuild/darwin-x64": 0.21.5 + "@esbuild/freebsd-arm64": 0.21.5 + "@esbuild/freebsd-x64": 0.21.5 + "@esbuild/linux-arm": 0.21.5 + "@esbuild/linux-arm64": 0.21.5 + "@esbuild/linux-ia32": 0.21.5 + "@esbuild/linux-loong64": 0.21.5 + "@esbuild/linux-mips64el": 0.21.5 + "@esbuild/linux-ppc64": 0.21.5 + "@esbuild/linux-riscv64": 0.21.5 + "@esbuild/linux-s390x": 0.21.5 + "@esbuild/linux-x64": 0.21.5 + "@esbuild/netbsd-x64": 0.21.5 + "@esbuild/openbsd-x64": 0.21.5 + "@esbuild/sunos-x64": 0.21.5 + "@esbuild/win32-arm64": 0.21.5 + "@esbuild/win32-ia32": 0.21.5 + "@esbuild/win32-x64": 0.21.5 + dependenciesMeta: + "@esbuild/aix-ppc64": + optional: true + "@esbuild/android-arm": + optional: true + "@esbuild/android-arm64": + optional: true + "@esbuild/android-x64": + optional: true + "@esbuild/darwin-arm64": + optional: true + "@esbuild/darwin-x64": + optional: true + "@esbuild/freebsd-arm64": + optional: true + "@esbuild/freebsd-x64": + optional: true + "@esbuild/linux-arm": + optional: true + "@esbuild/linux-arm64": + optional: true + "@esbuild/linux-ia32": + optional: true + "@esbuild/linux-loong64": + optional: true + "@esbuild/linux-mips64el": + optional: true + "@esbuild/linux-ppc64": + optional: true + "@esbuild/linux-riscv64": + optional: true + "@esbuild/linux-s390x": + optional: true + "@esbuild/linux-x64": + optional: true + "@esbuild/netbsd-x64": + optional: true + "@esbuild/openbsd-x64": + optional: true + "@esbuild/sunos-x64": + optional: true + "@esbuild/win32-arm64": + optional: true + "@esbuild/win32-ia32": + optional: true + "@esbuild/win32-x64": + optional: true + bin: + esbuild: bin/esbuild + checksum: 2911c7b50b23a9df59a7d6d4cdd3a4f85855787f374dce751148dbb13305e0ce7e880dde1608c2ab7a927fc6cec3587b80995f7fc87a64b455f8b70b55fd8ec1 + languageName: node + linkType: hard + +"esbuild@npm:esbuild@>=0.17.6 <0.24.0": + version: 0.23.1 + resolution: "esbuild@npm:0.23.1" + dependencies: + "@esbuild/aix-ppc64": 0.23.1 + "@esbuild/android-arm": 0.23.1 + "@esbuild/android-arm64": 0.23.1 + "@esbuild/android-x64": 0.23.1 + "@esbuild/darwin-arm64": 0.23.1 + "@esbuild/darwin-x64": 0.23.1 + "@esbuild/freebsd-arm64": 0.23.1 + "@esbuild/freebsd-x64": 0.23.1 + "@esbuild/linux-arm": 0.23.1 + "@esbuild/linux-arm64": 0.23.1 + "@esbuild/linux-ia32": 0.23.1 + "@esbuild/linux-loong64": 0.23.1 + "@esbuild/linux-mips64el": 0.23.1 + "@esbuild/linux-ppc64": 0.23.1 + "@esbuild/linux-riscv64": 0.23.1 + "@esbuild/linux-s390x": 0.23.1 + "@esbuild/linux-x64": 0.23.1 + "@esbuild/netbsd-x64": 0.23.1 + "@esbuild/openbsd-arm64": 0.23.1 + "@esbuild/openbsd-x64": 0.23.1 + "@esbuild/sunos-x64": 0.23.1 + "@esbuild/win32-arm64": 0.23.1 + "@esbuild/win32-ia32": 0.23.1 + "@esbuild/win32-x64": 0.23.1 + dependenciesMeta: + "@esbuild/aix-ppc64": + optional: true + "@esbuild/android-arm": + optional: true + "@esbuild/android-arm64": + optional: true + "@esbuild/android-x64": + optional: true + "@esbuild/darwin-arm64": + optional: true + "@esbuild/darwin-x64": + optional: true + "@esbuild/freebsd-arm64": + optional: true + "@esbuild/freebsd-x64": + optional: true + "@esbuild/linux-arm": + optional: true + "@esbuild/linux-arm64": + optional: true + "@esbuild/linux-ia32": + optional: true + "@esbuild/linux-loong64": + optional: true + "@esbuild/linux-mips64el": + optional: true + "@esbuild/linux-ppc64": + optional: true + "@esbuild/linux-riscv64": + optional: true + "@esbuild/linux-s390x": + optional: true + "@esbuild/linux-x64": + optional: true + "@esbuild/netbsd-x64": + optional: true + "@esbuild/openbsd-arm64": + optional: true + "@esbuild/openbsd-x64": + optional: true + "@esbuild/sunos-x64": + optional: true + "@esbuild/win32-arm64": + optional: true + "@esbuild/win32-ia32": + optional: true + "@esbuild/win32-x64": + optional: true + bin: + esbuild: bin/esbuild + checksum: 0413c3b9257327fb598427688b7186ea335bf1693746fe5713cc93c95854d6388b8ed4ad643fddf5b5ace093f7dcd9038dd58e087bf2da1f04dfb4c5571660af + languageName: node + linkType: hard + "escalade@npm:^3.1.1": version: 3.1.1 resolution: "escalade@npm:3.1.1" @@ -16737,6 +17409,16 @@ __metadata: languageName: node linkType: hard +"eval@npm:0.1.8": + version: 0.1.8 + resolution: "eval@npm:0.1.8" + dependencies: + "@types/node": "*" + require-like: ">= 0.1.1" + checksum: d005567f394cfbe60948e34982e4637d2665030f9aa7dcac581ea6f9ec6eceb87133ed3dc0ae21764aa362485c242a731dbb6371f1f1a86807c58676431e9d1a + languageName: node + linkType: hard + "event-emitter@npm:^0.3.5": version: 0.3.5 resolution: "event-emitter@npm:0.3.5" @@ -26314,6 +26996,17 @@ __metadata: languageName: node linkType: hard +"postcss@npm:^8.4.41": + version: 8.4.41 + resolution: "postcss@npm:8.4.41" + dependencies: + nanoid: ^3.3.7 + picocolors: ^1.0.1 + source-map-js: ^1.2.0 + checksum: f865894929eb0f7fc2263811cc853c13b1c75103028b3f4f26df777e27b201f1abe21cb4aa4c2e901c80a04f6fb325ee22979688fe55a70e2ea82b0a517d3b6f + languageName: node + linkType: hard + "preact@npm:>=10": version: 10.22.0 resolution: "preact@npm:10.22.0" @@ -27946,6 +28639,69 @@ __metadata: languageName: node linkType: hard +"rollup@npm:^4.20.0": + version: 4.21.1 + resolution: "rollup@npm:4.21.1" + dependencies: + "@rollup/rollup-android-arm-eabi": 4.21.1 + "@rollup/rollup-android-arm64": 4.21.1 + "@rollup/rollup-darwin-arm64": 4.21.1 + "@rollup/rollup-darwin-x64": 4.21.1 + "@rollup/rollup-linux-arm-gnueabihf": 4.21.1 + "@rollup/rollup-linux-arm-musleabihf": 4.21.1 + "@rollup/rollup-linux-arm64-gnu": 4.21.1 + "@rollup/rollup-linux-arm64-musl": 4.21.1 + "@rollup/rollup-linux-powerpc64le-gnu": 4.21.1 + "@rollup/rollup-linux-riscv64-gnu": 4.21.1 + "@rollup/rollup-linux-s390x-gnu": 4.21.1 + "@rollup/rollup-linux-x64-gnu": 4.21.1 + "@rollup/rollup-linux-x64-musl": 4.21.1 + "@rollup/rollup-win32-arm64-msvc": 4.21.1 + "@rollup/rollup-win32-ia32-msvc": 4.21.1 + "@rollup/rollup-win32-x64-msvc": 4.21.1 + "@types/estree": 1.0.5 + fsevents: ~2.3.2 + dependenciesMeta: + "@rollup/rollup-android-arm-eabi": + optional: true + "@rollup/rollup-android-arm64": + optional: true + "@rollup/rollup-darwin-arm64": + optional: true + "@rollup/rollup-darwin-x64": + optional: true + "@rollup/rollup-linux-arm-gnueabihf": + optional: true + "@rollup/rollup-linux-arm-musleabihf": + optional: true + "@rollup/rollup-linux-arm64-gnu": + optional: true + "@rollup/rollup-linux-arm64-musl": + optional: true + "@rollup/rollup-linux-powerpc64le-gnu": + optional: true + "@rollup/rollup-linux-riscv64-gnu": + optional: true + "@rollup/rollup-linux-s390x-gnu": + optional: true + "@rollup/rollup-linux-x64-gnu": + optional: true + "@rollup/rollup-linux-x64-musl": + optional: true + "@rollup/rollup-win32-arm64-msvc": + optional: true + "@rollup/rollup-win32-ia32-msvc": + optional: true + "@rollup/rollup-win32-x64-msvc": + optional: true + fsevents: + optional: true + bin: + rollup: dist/bin/rollup + checksum: d275e1ab9c860a0be97f527a5dfa9bc1234b7cd1e547c057ed28d5697af2f537a210268bcd84bcf884ff23e61f6ceaf8552397279cd3ab627e1b364622aaa053 + languageName: node + linkType: hard + "rrweb-cssom@npm:^0.6.0": version: 0.6.0 resolution: "rrweb-cssom@npm:0.6.0" @@ -31308,7 +32064,7 @@ __metadata: languageName: node linkType: hard -"vite-node@npm:1.6.0": +"vite-node@npm:1.6.0, vite-node@npm:^1.2.0": version: 1.6.0 resolution: "vite-node@npm:1.6.0" dependencies: @@ -31508,6 +32264,49 @@ __metadata: languageName: node linkType: hard +"vite@npm:^5.0.11": + version: 5.4.2 + resolution: "vite@npm:5.4.2" + dependencies: + esbuild: ^0.21.3 + fsevents: ~2.3.3 + postcss: ^8.4.41 + rollup: ^4.20.0 + peerDependencies: + "@types/node": ^18.0.0 || >=20.0.0 + less: "*" + lightningcss: ^1.21.0 + sass: "*" + sass-embedded: "*" + stylus: "*" + sugarss: "*" + terser: ^5.4.0 + dependenciesMeta: + fsevents: + optional: true + peerDependenciesMeta: + "@types/node": + optional: true + less: + optional: true + lightningcss: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + bin: + vite: bin/vite.js + checksum: 7d25c1b2366ae4d9eb515ba9efc2619c544ec6d806d636977fac93f59cdf63e22ea9b4592c69c496a313cf95c88e374c81870d4bb4b11f401ec003793dfd2830 + languageName: node + linkType: hard + "vitest@npm:^0.34.6": version: 0.34.6 resolution: "vitest@npm:0.34.6"