@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/chunk-5KF5EDYA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/themes/lightTheme.css.ts"],
+  "sourcesContent": ["import { lightColor } from '../tokens/scale/color';\n\nexport const lightThemeVars = {\n  borderRadius: '6px',\n  color: {\n    background: '255, 255, 255',\n    foreground: '10, 10, 11',\n    primary: '42, 122, 255',\n    'primary-foreground': '240, 248, 255',\n    secondary: '240, 242, 245',\n    'secondary-foreground': '48, 48, 49',\n    muted: '234, 239, 245',\n    'muted-foreground': '120, 120, 120',\n    accent: '216, 226, 239',\n    'accent-foreground': '32, 32, 33',\n    border: '203, 213, 225',\n    'border.weak': '220, 229, 237',\n    card: '244, 247, 255',\n    'card-foreground': '10, 10, 11',\n    'card.gradient': '179, 195, 255',\n    success: '34, 197, 94',\n    'success-foreground': '255, 255, 255',\n    danger: '239, 68, 68',\n    'danger-foreground': '255, 255, 255',\n    warning: '251, 191, 36',\n    'warning-foreground': '49, 36, 0',\n    shadow: '188, 188, 188',\n    ...lightColor,\n  },\n};\n"],
+  "mappings": ";;;;;AAEO,IAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,EACd,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX,wBAAwB;AAAA,IACxB,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,IACN,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;",
+  "names": []
+}

package/dist/chunk-6DDAI64X.mjs

@@ -0,0 +1,14 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+
+// src/components/Card/CardThumbnail.css.ts
+var thumbnail = styleWithLayer({
+  width: "auto",
+  maxWidth: "100%"
+});
+
+export {
+  thumbnail
+};
+//# sourceMappingURL=chunk-6DDAI64X.mjs.map

package/dist/chunk-6DDAI64X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/CardThumbnail.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\n\nexport const thumbnail = styleWithLayer({\n  width: 'auto',\n  maxWidth: '100%',\n});\n"],
+  "mappings": ";;;;;AAEO,IAAM,YAAY,eAAe;AAAA,EACtC,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/chunk-6R4BEU23.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6R4BEU23.mjs.map

package/dist/chunk-6R4BEU23.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-6UTDKUCL.mjs

@@ -0,0 +1,40 @@
+import {
+  navigationBar
+} from "./chunk-LB2ZL6PH.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Navigation/NavigationBar.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationBar = (0, import_react.forwardRef)(
+  ({ className, size = "md", sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "nav",
+      {
+        ref,
+        className: clsx_default(navigationBar({ size }), className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationBar.displayName = "NavigationBar";
+
+export {
+  NavigationBar
+};
+//# sourceMappingURL=chunk-6UTDKUCL.mjs.map

package/dist/chunk-6UTDKUCL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationBar.tsx"],
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './NavigationBar.css';\n\ntype NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;\n\nexport const NavigationBar = forwardRef<HTMLElement, NavigationBarProps>(\n  ({ className, size = 'md', sx: propSx, ...props }, ref) => {\n    return (\n      <nav\n        ref={ref}\n        className={clsx(s.navigationBar({ size }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationBar.displayName = 'NavigationBar';\n\nexport { s as navigationBarCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,oBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,MAAM,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAO,cAAc,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC/D,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;",
+  "names": []
+}

package/dist/chunk-7E5FVWTQ.mjs

@@ -0,0 +1,59 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  style
+} from "./chunk-VSQF5NYH.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/ScrollArea/ScrollArea.css.ts
+var ScrollArea_css_exports = {};
+__export(ScrollArea_css_exports, {
+  maskBoth: () => maskBoth,
+  maskLeft: () => maskLeft,
+  maskRight: () => maskRight,
+  scrollArea: () => scrollArea,
+  wrapper: () => wrapper
+});
+var MASK_SIZE = "3rem";
+var scrollArea = styleWithLayer({
+  width: "100%",
+  overflowX: "scroll",
+  "::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+var maskLeft = style({
+  maskImage: `linear-gradient(to left,
+  black 0%,
+  black calc(100% - ${MASK_SIZE}),
+  transparent 100%)`
+});
+var maskRight = style({
+  maskImage: `linear-gradient(to right,
+  black 0%,
+  black calc(100% - ${MASK_SIZE}),
+  transparent 100%)`
+});
+var maskBoth = style({
+  maskImage: `linear-gradient(to right,
+  transparent 0%,
+  black ${MASK_SIZE},
+  black calc(100% - ${MASK_SIZE}),
+  transparent 100%)`
+});
+var wrapper = style({
+  width: "max-content"
+});
+
+export {
+  scrollArea,
+  maskLeft,
+  maskRight,
+  maskBoth,
+  wrapper,
+  ScrollArea_css_exports
+};
+//# sourceMappingURL=chunk-7E5FVWTQ.mjs.map

package/dist/chunk-7E5FVWTQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/ScrollArea/ScrollArea.css.ts"],
+  "sourcesContent": ["import { style } from '@vanilla-extract/css';\n\nimport { styleWithLayer } from '@/styleUtils';\n\nconst MASK_SIZE = '3rem';\n\nexport const scrollArea = styleWithLayer({\n  width: '100%',\n  overflowX: 'scroll',\n\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n});\n\nexport const maskLeft = style({\n  maskImage: `linear-gradient(to left,\n  black 0%,\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const maskRight = style({\n  maskImage: `linear-gradient(to right,\n  black 0%,\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const maskBoth = style({\n  maskImage: `linear-gradient(to right,\n  transparent 0%,\n  black ${MASK_SIZE},\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const wrapper = style({\n  width: 'max-content',\n});\n"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,IAAM,YAAY;AAEX,IAAM,aAAa,eAAe;AAAA,EACvC,OAAO;AAAA,EACP,WAAW;AAAA,EAEX,uBAAuB;AAAA,IACrB,SAAS;AAAA,EACX;AACF,CAAC;AAEM,IAAM,WAAW,MAAM;AAAA,EAC5B,WAAW;AAAA;AAAA,sBAES,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,YAAY,MAAM;AAAA,EAC7B,WAAW;AAAA;AAAA,sBAES,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,WAAW,MAAM;AAAA,EAC5B,WAAW;AAAA;AAAA,UAEH,SAAS;AAAA,sBACG,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,UAAU,MAAM;AAAA,EAC3B,OAAO;AACT,CAAC;",
+  "names": []
+}

package/dist/chunk-7JP3LYPL.mjs

@@ -0,0 +1,52 @@
+import {
+  narrow
+} from "./chunk-SMSD7KQC.mjs";
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  spacing
+} from "./chunk-7NZKF7UQ.mjs";
+import {
+  typography
+} from "./chunk-P64V75GF.mjs";
+
+// src/components/Navigation/NavigationItem.css.ts
+var container = recipeWithLayer({
+  base: {
+    position: "relative",
+    lineHeight: "0",
+    padding: spacing.lg,
+    fontSize: "0.9375em",
+    fontWeight: typography.weight.semiBold,
+    transition: "color 0.2s ease",
+    cursor: "pointer",
+    ":hover": {
+      color: `rgb(${theme.color.foreground})`
+    },
+    selectors: {
+      [`${narrow} &`]: {
+        padding: `${spacing["2xl"]} ${spacing.lg}`,
+        fontSize: "1.125em"
+      }
+    }
+  },
+  variants: {
+    isSelected: {
+      true: {
+        color: `rgb(${theme.color["secondary-foreground"]})`
+      },
+      false: {
+        color: `rgba(${theme.color["secondary-foreground"]}, 0.5)`
+      }
+    }
+  }
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-7JP3LYPL.mjs.map

package/dist/chunk-7JP3LYPL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationItem.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\nimport { spacing, typography } from '@/tokens';\n\nimport { narrow } from './NavigationDrawer.css';\n\nexport const container = recipeWithLayer({\n  base: {\n    position: 'relative',\n\n    lineHeight: '0',\n    padding: spacing.lg,\n\n    fontSize: '0.9375em',\n    fontWeight: typography.weight.semiBold,\n\n    transition: 'color 0.2s ease',\n\n    cursor: 'pointer',\n\n    ':hover': {\n      color: `rgb(${theme.color.foreground})`,\n    },\n\n    selectors: {\n      [`${narrow} &`]: {\n        padding: `${spacing['2xl']} ${spacing.lg}`,\n\n        fontSize: '1.125em',\n      },\n    },\n  },\n  variants: {\n    isSelected: {\n      true: {\n        color: `rgb(${theme.color['secondary-foreground']})`,\n      },\n      false: {\n        color: `rgba(${theme.color['secondary-foreground']}, 0.5)`,\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAMO,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,YAAY;AAAA,IACZ,SAAS,QAAQ;AAAA,IAEjB,UAAU;AAAA,IACV,YAAY,WAAW,OAAO;AAAA,IAE9B,YAAY;AAAA,IAEZ,QAAQ;AAAA,IAER,UAAU;AAAA,MACR,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,IACtC;AAAA,IAEA,WAAW;AAAA,MACT,CAAC,GAAG,MAAM,IAAI,GAAG;AAAA,QACf,SAAS,GAAG,QAAQ,KAAK,CAAC,IAAI,QAAQ,EAAE;AAAA,QAExC,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,OAAO,QAAQ,MAAM,MAAM,sBAAsB,CAAC;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-7MYGRT4R.mjs

@@ -0,0 +1,48 @@
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Select/SelectContext.ts
+var import_react = __toESM(require_react(), 1);
+var SelectContext = (0, import_react.createContext)(void 0);
+var selectReducer = (state, action) => {
+  switch (action.type) {
+    case "ADD": {
+      if (state.selected === void 0 && state.defaultValue === action.payload.value) {
+        return {
+          ...state,
+          selected: action.payload.value,
+          items: new Map(state.items).set(
+            action.payload.value,
+            action.payload.children
+          )
+        };
+      }
+      return {
+        ...state,
+        items: new Map(state.items).set(
+          action.payload.value,
+          action.payload.children
+        )
+      };
+    }
+    case "REMOVE": {
+      const newMap = new Map(state.items);
+      newMap.delete(action.payload.value);
+      return { ...state, items: newMap };
+    }
+    case "SELECT":
+      return { ...state, isActive: false, selected: action.payload.value };
+    case "TOGGLE":
+      return { ...state, isActive: !state.isActive };
+  }
+};
+
+export {
+  SelectContext,
+  selectReducer
+};
+//# sourceMappingURL=chunk-7MYGRT4R.mjs.map

package/dist/chunk-7MYGRT4R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/SelectContext.ts"],
+  "sourcesContent": ["import { createContext, type Dispatch, type ReactNode } from 'react';\n\ntype SelectState = {\n  isActive: boolean;\n  selected?: string;\n  defaultValue?: string;\n  items: Map<string, ReactNode>;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n};\n\ntype SelectAction =\n  | { type: 'ADD'; payload: { value: string; children: ReactNode } }\n  | { type: 'REMOVE'; payload: { value: string } }\n  | { type: 'SELECT'; payload: { value: string } }\n  | { type: 'TOGGLE' };\n\nexport const SelectContext = createContext<\n  { state: SelectState; dispatch: Dispatch<SelectAction> } | undefined\n>(undefined);\n\nexport const selectReducer = (\n  state: SelectState,\n  action: SelectAction,\n): SelectState => {\n  switch (action.type) {\n    case 'ADD': {\n      // \uD604\uC7AC selected\uAC00 \uC5C6\uACE0, defaultValue === payload.value\uC77C \uACBD\uC6B0 select\uD568.\n      if (\n        state.selected === undefined &&\n        state.defaultValue === action.payload.value\n      ) {\n        return {\n          ...state,\n          selected: action.payload.value,\n          items: new Map(state.items).set(\n            action.payload.value,\n            action.payload.children,\n          ),\n        };\n      }\n      return {\n        ...state,\n        items: new Map(state.items).set(\n          action.payload.value,\n          action.payload.children,\n        ),\n      };\n    }\n    case 'REMOVE': {\n      const newMap = new Map(state.items);\n      newMap.delete(action.payload.value);\n      return { ...state, items: newMap };\n    }\n    case 'SELECT':\n      return { ...state, isActive: false, selected: action.payload.value };\n    case 'TOGGLE':\n      return { ...state, isActive: !state.isActive };\n  }\n};\n"],
+  "mappings": ";;;;;;;;AAAA,mBAA6D;AAgBtD,IAAM,oBAAgB,4BAE3B,MAAS;AAEJ,IAAM,gBAAgB,CAC3B,OACA,WACgB;AAChB,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,OAAO;AAEV,UACE,MAAM,aAAa,UACnB,MAAM,iBAAiB,OAAO,QAAQ,OACtC;AACA,eAAO;AAAA,UACL,GAAG;AAAA,UACH,UAAU,OAAO,QAAQ;AAAA,UACzB,OAAO,IAAI,IAAI,MAAM,KAAK,EAAE;AAAA,YAC1B,OAAO,QAAQ;AAAA,YACf,OAAO,QAAQ;AAAA,UACjB;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,IAAI,IAAI,MAAM,KAAK,EAAE;AAAA,UAC1B,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,UAAU;AACb,YAAM,SAAS,IAAI,IAAI,MAAM,KAAK;AAClC,aAAO,OAAO,OAAO,QAAQ,KAAK;AAClC,aAAO,EAAE,GAAG,OAAO,OAAO,OAAO;AAAA,IACnC;AAAA,IACA,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,UAAU,OAAO,UAAU,OAAO,QAAQ,MAAM;AAAA,IACrE,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,UAAU,CAAC,MAAM,SAAS;AAAA,EACjD;AACF;",
+  "names": []
+}

package/dist/chunk-7NZKF7UQ.mjs

@@ -0,0 +1,15 @@
+// src/tokens/semantic/spacing.ts
+var spacing = {
+  none: "0",
+  sm: "0.25em",
+  md: "0.5em",
+  lg: "0.75em",
+  xl: "1em",
+  "2xl": "1.5em",
+  "3xl": "2em"
+};
+
+export {
+  spacing
+};
+//# sourceMappingURL=chunk-7NZKF7UQ.mjs.map

package/dist/chunk-7NZKF7UQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tokens/semantic/spacing.ts"],
+  "sourcesContent": ["export const spacing = {\n  none: '0',\n  sm: '0.25em',\n  md: '0.5em',\n  lg: '0.75em',\n  xl: '1em',\n  '2xl': '1.5em',\n  '3xl': '2em',\n} as const;\n"],
+  "mappings": ";AAAO,IAAM,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AACT;",
+  "names": []
+}

package/dist/chunk-7O5GPAWT.mjs

@@ -0,0 +1,18 @@
+import {
+  style
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/components/Navigation/NavigationContainer.css.ts
+var container = style({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: "0.5em",
+  height: "100%",
+  margin: "0 auto"
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-7O5GPAWT.mjs.map

package/dist/chunk-7O5GPAWT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationContainer.css.ts"],
+  "sourcesContent": ["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '0.5em',\n\n  height: '100%',\n  margin: '0 auto',\n});\n"],
+  "mappings": ";;;;;AAEO,IAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EAEL,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;",
+  "names": []
+}

package/dist/chunk-A3AH63XW.mjs

@@ -0,0 +1,50 @@
+import {
+  card
+} from "./chunk-NXK7NS3Z.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Card/Card.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Card = (0, import_react.forwardRef)(
+  ({
+    width,
+    height,
+    color = "card",
+    variant = "outlined",
+    className,
+    style,
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(card({ color, variant }), className, sx(propSx)),
+        style: { width, height, ...style },
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+
+export {
+  Card
+};
+//# sourceMappingURL=chunk-A3AH63XW.mjs.map

package/dist/chunk-A3AH63XW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/Card.tsx"],
+  "sourcesContent": ["import { forwardRef, type CSSProperties } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Card.css';\n\ninterface CardProps extends UIComponent<'div', typeof s.card> {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      width,\n      height,\n      color = 'card',\n      variant = 'outlined',\n      className,\n      style,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.card({ color, variant }), className, sx(propSx))}\n        style={{ width, height, ...style }}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport { s as cardCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA+C;AA6BzC;AAfC,IAAM,WAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAO,KAAK,EAAE,OAAO,QAAQ,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACjE,OAAO,EAAE,OAAO,QAAQ,GAAG,MAAM;AAAA,QAChC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;",
+  "names": []
+}

package/dist/chunk-AQ2YSKXF.mjs

@@ -0,0 +1,26 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Table/Table.css.ts
+var Table_css_exports = {};
+__export(Table_css_exports, {
+  striped: () => striped,
+  table: () => table
+});
+var table = styleWithLayer({
+  width: "100%",
+  tableLayout: "fixed",
+  borderSpacing: "0"
+});
+var striped = styleWithLayer({});
+
+export {
+  table,
+  striped,
+  Table_css_exports
+};
+//# sourceMappingURL=chunk-AQ2YSKXF.mjs.map

package/dist/chunk-AQ2YSKXF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/Table.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\n\nexport const table = styleWithLayer({\n  width: '100%',\n\n  tableLayout: 'fixed',\n  borderSpacing: '0',\n});\n\nexport const striped = styleWithLayer({});\n"],
+  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,QAAQ,eAAe;AAAA,EAClC,OAAO;AAAA,EAEP,aAAa;AAAA,EACb,eAAe;AACjB,CAAC;AAEM,IAAM,UAAU,eAAe,CAAC,CAAC;",
+  "names": []
+}

package/dist/chunk-AVNNHE4D.mjs

@@ -0,0 +1,12 @@
+// src/tokens/semantic/breakpoint.ts
+var breakpoint = {
+  sm: 768,
+  md: 1024,
+  lg: 1440,
+  desktop: 1024
+};
+
+export {
+  breakpoint
+};
+//# sourceMappingURL=chunk-AVNNHE4D.mjs.map

package/dist/chunk-AVNNHE4D.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tokens/semantic/breakpoint.ts"],
+  "sourcesContent": ["export const breakpoint = {\n  sm: 768,\n  md: 1024,\n  lg: 1440,\n  desktop: 1024,\n} as const;\n"],
+  "mappings": ";AAAO,IAAM,aAAa;AAAA,EACxB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,SAAS;AACX;",
+  "names": []
+}

package/dist/chunk-AWNE44MO.mjs

@@ -0,0 +1,41 @@
+import {
+  SelectContext
+} from "./chunk-7MYGRT4R.mjs";
+import {
+  selectOption
+} from "./chunk-W2ZZ73OE.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Select/SelectOption.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var SelectOption = ({ children, value }) => {
+  const selectContext = (0, import_react.useContext)(SelectContext);
+  if (!selectContext) {
+    throw new Error("SelectOption must be rendered within a Select.");
+  }
+  const { dispatch } = selectContext;
+  (0, import_react.useEffect)(() => {
+    dispatch({ type: "ADD", payload: { value, children } });
+    return () => {
+      dispatch({ type: "REMOVE", payload: { value } });
+    };
+  }, [dispatch, value]);
+  const handleClick = () => {
+    dispatch({ type: "SELECT", payload: { value } });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: selectOption, onClick: handleClick, children });
+};
+
+export {
+  SelectOption
+};
+//# sourceMappingURL=chunk-AWNE44MO.mjs.map

package/dist/chunk-AWNE44MO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/SelectOption.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { useContext, useEffect, type ReactNode } from 'react';\n\nimport { SelectContext } from './SelectContext';\nimport * as s from './SelectOption.css';\n\ninterface SelectOptionProps {\n  children: ReactNode;\n  value: string;\n}\n\nexport const SelectOption = ({ children, value }: SelectOptionProps) => {\n  const selectContext = useContext(SelectContext);\n\n  if (!selectContext) {\n    throw new Error('SelectOption must be rendered within a Select.');\n  }\n\n  const { dispatch } = selectContext;\n\n  useEffect(() => {\n    dispatch({ type: 'ADD', payload: { value, children } });\n\n    return () => {\n      dispatch({ type: 'REMOVE', payload: { value } });\n    };\n    // eslint-disable-next-line\n  }, [dispatch, value]);\n\n  const handleClick = () => {\n    dispatch({ type: 'SELECT', payload: { value } });\n  };\n\n  return (\n    <div className={s.selectOption} onClick={handleClick}>\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAEA,mBAAsD;AAiClD;AAvBG,IAAM,eAAe,CAAC,EAAE,UAAU,MAAM,MAAyB;AACtE,QAAM,oBAAgB,yBAAW,aAAa;AAE9C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,SAAS,IAAI;AAErB,8BAAU,MAAM;AACd,aAAS,EAAE,MAAM,OAAO,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAEtD,WAAO,MAAM;AACX,eAAS,EAAE,MAAM,UAAU,SAAS,EAAE,MAAM,EAAE,CAAC;AAAA,IACjD;AAAA,EAEF,GAAG,CAAC,UAAU,KAAK,CAAC;AAEpB,QAAM,cAAc,MAAM;AACxB,aAAS,EAAE,MAAM,UAAU,SAAS,EAAE,MAAM,EAAE,CAAC;AAAA,EACjD;AAEA,SACE,4CAAC,SAAI,WAAa,cAAc,SAAS,aACtC,UACH;AAEJ;",
+  "names": []
+}

package/dist/chunk-BK6EITML.mjs

@@ -0,0 +1,19 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Table/TableHead.css.ts
+var tableHead = styleWithLayer({
+  padding: "0.5em 0.625em",
+  color: `rgb(${theme.color["accent-foreground"]})`,
+  fontSize: "0.9375em",
+  fontWeight: "500"
+});
+
+export {
+  tableHead
+};
+//# sourceMappingURL=chunk-BK6EITML.mjs.map

package/dist/chunk-BK6EITML.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableHead.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nexport const tableHead = styleWithLayer({\n  padding: '0.5em 0.625em',\n\n  color: `rgb(${theme.color['accent-foreground']})`,\n  fontSize: '0.9375em',\n  fontWeight: '500',\n});\n"],
+  "mappings": ";;;;;;;;AAGO,IAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,OAAO,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAAA,EAC9C,UAAU;AAAA,EACV,YAAY;AACd,CAAC;",
+  "names": []
+}

package/dist/chunk-BKCR5453.mjs

@@ -0,0 +1,51 @@
+import {
+  paddingVar
+} from "./chunk-WVWYRS4M.mjs";
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+
+// src/components/Accordion/AccordionTrigger.css.ts
+var triggerContainer = recipeWithLayer({
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.25em",
+    width: "100%",
+    padding: paddingVar,
+    cursor: "pointer",
+    ":hover": {
+      textDecoration: "underline"
+    }
+  },
+  variants: {
+    iconPosition: {
+      text: {},
+      right: {
+        justifyContent: "space-between"
+      }
+    }
+  }
+});
+var arrow = recipeWithLayer({
+  base: {
+    lineHeight: "0",
+    transition: "transform 0.2s ease"
+  },
+  variants: {
+    expand: {
+      true: {
+        transform: "rotate(-180deg)"
+      },
+      false: {
+        transform: "rotate(0)"
+      }
+    }
+  }
+});
+
+export {
+  triggerContainer,
+  arrow
+};
+//# sourceMappingURL=chunk-BKCR5453.mjs.map

package/dist/chunk-BKCR5453.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Accordion/AccordionTrigger.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer } from '@/styleUtils';\n\nimport { paddingVar } from './Accordion.css';\n\nexport const triggerContainer = recipeWithLayer({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.25em',\n\n    width: '100%',\n    padding: paddingVar,\n\n    cursor: 'pointer',\n\n    ':hover': {\n      textDecoration: 'underline',\n    },\n  },\n  variants: {\n    iconPosition: {\n      text: {},\n      right: {\n        justifyContent: 'space-between',\n      },\n    },\n  },\n});\n\nexport const arrow = recipeWithLayer({\n  base: {\n    lineHeight: '0',\n\n    transition: 'transform 0.2s ease',\n  },\n  variants: {\n    expand: {\n      true: {\n        transform: 'rotate(-180deg)',\n      },\n      false: {\n        transform: 'rotate(0)',\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;AAIO,IAAM,mBAAmB,gBAAgB;AAAA,EAC9C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IAEL,OAAO;AAAA,IACP,SAAS;AAAA,IAET,QAAQ;AAAA,IAER,UAAU;AAAA,MACR,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,IAAM,QAAQ,gBAAgB;AAAA,EACnC,MAAM;AAAA,IACJ,YAAY;AAAA,IAEZ,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-BLJ4C7CC.mjs

@@ -0,0 +1,19 @@
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Tabs/TabsProvider.tsx
+var import_react = __toESM(require_react(), 1);
+var TabsContext = (0, import_react.createContext)(void 0);
+var tabsReducer = (_, value) => {
+  return value;
+};
+
+export {
+  TabsContext,
+  tabsReducer
+};
+//# sourceMappingURL=chunk-BLJ4C7CC.mjs.map

package/dist/chunk-BLJ4C7CC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsProvider.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { createContext, type Dispatch } from 'react';\n\ninterface TabsContext {\n  value: number | string | undefined;\n  setValue: Dispatch<number | string>;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport const tabsReducer = (\n  _: TabsContext['value'],\n  value: TabsContext['value'],\n) => {\n  return value;\n};\n"],
+  "mappings": ";;;;;;;;AAEA,mBAA6C;AAOtC,IAAM,kBAAc,4BAAuC,MAAS;AAEpE,IAAM,cAAc,CACzB,GACA,UACG;AACH,SAAO;AACT;",
+  "names": []
+}