@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/chunk-NL5D6TSN.mjs

@@ -0,0 +1,91 @@
+import {
+  recipeWithLayer,
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  semanticColor
+} from "./chunk-XOG2JHIV.mjs";
+import {
+  SCALE_COLOR
+} from "./chunk-GAJYOAMV.mjs";
+import {
+  createVar
+} from "./chunk-VSQF5NYH.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/TextField/TextField.css.ts
+var TextField_css_exports = {};
+__export(TextField_css_exports, {
+  textField: () => textField
+});
+var backgroundVar = createVar();
+var semanticColors = semanticColor.reduce(
+  (prev, color) => ({
+    ...prev,
+    [color]: styleWithLayer({
+      vars: {
+        [backgroundVar]: theme.color[color]
+      }
+    })
+  }),
+  {}
+);
+var scaleColors = SCALE_COLOR.reduce(
+  (prev, value) => ({
+    ...prev,
+    [value]: styleWithLayer({
+      vars: {
+        [backgroundVar]: theme.color[value][500]
+      }
+    })
+  }),
+  {}
+);
+var textField = recipeWithLayer({
+  base: {
+    padding: "0.75em 0.5em",
+    border: `1px solid`,
+    borderColor: ` rgb(${theme.color.border})`,
+    backgroundColor: `rgb(${theme.color.background})`,
+    color: `rgb(${theme.color.foreground})`,
+    transition: "border-color 0.15s ease, color 0.15s ease",
+    outline: "none",
+    ":focus": {
+      borderColor: `rgb(${backgroundVar})`
+    },
+    ":disabled": {
+      color: `rgb(${theme.color["muted-foreground"]})`
+    }
+  },
+  variants: {
+    color: {
+      ...semanticColors,
+      ...scaleColors
+    },
+    size: {
+      sm: {
+        borderRadius: theme.borderRadius,
+        fontSize: "0.875em"
+      },
+      md: {
+        borderRadius: theme.borderRadius,
+        fontSize: "1em"
+      },
+      lg: {
+        borderRadius: theme.borderRadius,
+        fontSize: "1.125em"
+      }
+    }
+  }
+});
+
+export {
+  textField,
+  TextField_css_exports
+};
+//# sourceMappingURL=chunk-NL5D6TSN.mjs.map

package/dist/chunk-NL5D6TSN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/TextField/TextField.css.ts"],
+  "sourcesContent": ["import { createVar } from '@vanilla-extract/css';\n\nimport { recipeWithLayer, styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\nimport { semanticColor } from '@/tokens';\n\nimport { SCALE_COLOR, type ScaleColor } from '../../tokens/scale/color';\n\nconst backgroundVar = createVar();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[color],\n      },\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst scaleColors = SCALE_COLOR.reduce(\n  (prev, value) => ({\n    ...prev,\n    [value]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[value][500],\n      },\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const textField = recipeWithLayer({\n  base: {\n    padding: '0.75em 0.5em',\n    border: `1px solid`,\n    borderColor: ` rgb(${theme.color.border})`,\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    color: `rgb(${theme.color.foreground})`,\n\n    transition: 'border-color 0.15s ease, color 0.15s ease',\n\n    outline: 'none',\n\n    ':focus': {\n      borderColor: `rgb(${backgroundVar})`,\n    },\n\n    ':disabled': {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n  variants: {\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n\n    size: {\n      sm: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '0.875em',\n      },\n      md: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1em',\n      },\n      lg: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1.125em',\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAQA,IAAM,gBAAgB,UAAU;AAEhC,IAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEA,IAAM,cAAc,YAAY;AAAA,EAC9B,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK,EAAE,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEO,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,aAAa,QAAQ,MAAM,MAAM,MAAM;AAAA,IAEvC,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,IAE9C,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,IAEpC,YAAY;AAAA,IAEZ,SAAS;AAAA,IAET,UAAU;AAAA,MACR,aAAa,OAAO,aAAa;AAAA,IACnC;AAAA,IAEA,aAAa;AAAA,MACX,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IAEA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-NMXGRXPZ.mjs

@@ -0,0 +1,40 @@
+import {
+  TabsContext
+} from "./chunk-BLJ4C7CC.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/Tabs/TabsContent.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TabsContent = (0, import_react.forwardRef)(
+  ({ value, className, sx: propSx, ...props }, ref) => {
+    const tabsContext = (0, import_react.useContext)(TabsContext);
+    if (tabsContext === void 0) {
+      throw new Error("TabsContext must be used within a Tabs.");
+    }
+    if (tabsContext.value !== value) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: clsx_default(className, sx(propSx)), ...props });
+  }
+);
+TabsContent.displayName = "TabsContent";
+
+export {
+  TabsContent
+};
+//# sourceMappingURL=chunk-NMXGRXPZ.mjs.map

package/dist/chunk-NMXGRXPZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsContent.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { forwardRef, useContext, type ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport { TabsContext } from './TabsProvider';\n\ninterface TabsContentProps extends UIComponent<'div'> {\n  children: ReactNode;\n  value: string | number;\n}\n\nexport const TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, className, sx: propSx, ...props }, ref) => {\n    const tabsContext = useContext(TabsContext);\n\n    if (tabsContext === undefined) {\n      throw new Error('TabsContext must be used within a Tabs.');\n    }\n\n    if (tabsContext.value !== value) {\n      return null;\n    }\n\n    return <div ref={ref} className={clsx(className, sx(propSx))} {...props} />;\n  },\n);\nTabsContent.displayName = 'TabsContent';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAEA,mBAAuD;AA0B5C;AAZJ,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACnD,UAAM,kBAAc,yBAAW,WAAW;AAE1C,QAAI,gBAAgB,QAAW;AAC7B,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAC3D;AAEA,QAAI,YAAY,UAAU,OAAO;AAC/B,aAAO;AAAA,IACT;AAEA,WAAO,4CAAC,SAAI,KAAU,WAAW,aAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAAO;AAAA,EAC3E;AACF;AACA,YAAY,cAAc;",
+  "names": []
+}

package/dist/chunk-NXK7NS3Z.mjs

@@ -0,0 +1,100 @@
+import {
+  cardInteraction
+} from "./chunk-XXMQJZUF.mjs";
+import {
+  recipeWithLayer,
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  semanticColor
+} from "./chunk-XOG2JHIV.mjs";
+import {
+  SCALE_COLOR
+} from "./chunk-GAJYOAMV.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Card/Card.css.ts
+var Card_css_exports = {};
+__export(Card_css_exports, {
+  card: () => card
+});
+var semanticColors = semanticColor.reduce(
+  (prev, color) => ({
+    ...prev,
+    [color]: styleWithLayer({
+      backgroundColor: `rgb(${theme.color[color]})`
+    })
+  }),
+  {}
+);
+var scaleColors = SCALE_COLOR.reduce(
+  (prev, value) => ({
+    ...prev,
+    [value]: styleWithLayer({
+      backgroundColor: `color-mix(in srgb, rgb(${theme.color[value][500]}) 20%, rgb(${theme.color.background}) 80%)`
+    })
+  }),
+  {}
+);
+var card = recipeWithLayer({
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    position: "relative",
+    borderRadius: theme.borderRadius,
+    color: `rgb(${theme.color.foreground})`,
+    transition: "border-color 0.2s ease, transform 0.4s ease",
+    selectors: {
+      [`&:has(${cardInteraction}:hover)`]: {
+        borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 10%, rgb(${theme.color.border}) 90%)`
+      },
+      [`&:has(${cardInteraction}:active)`]: {
+        borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 40%, rgb(${theme.color.border}) 60%)`
+      }
+    }
+  },
+  variants: {
+    variant: {
+      contained: {},
+      outlined: {
+        border: "1px solid",
+        borderColor: `rgb(${theme.color.border})`
+      },
+      glass: {
+        border: `1px solid rgb(${theme.color["border.weak"]})`,
+        borderRadius: "0.75rem",
+        background: `linear-gradient(rgba(${theme.color["card.gradient"]}, 0.06) 0%, rgba(${theme.color["card.gradient"]}, 0.02) 100%)`,
+        backdropFilter: "blur(1rem)",
+        "::before": {
+          position: "absolute",
+          inset: "0",
+          background: "linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%)",
+          opacity: "0",
+          transition: "opacity 0.3s ease",
+          content: ""
+        },
+        selectors: {
+          "&:hover::before": {
+            opacity: "1"
+          }
+        }
+      }
+    },
+    color: {
+      ...semanticColors,
+      ...scaleColors
+    }
+  }
+});
+
+export {
+  card,
+  Card_css_exports
+};
+//# sourceMappingURL=chunk-NXK7NS3Z.mjs.map

package/dist/chunk-NXK7NS3Z.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/Card.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer, styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\nimport { semanticColor } from '@/tokens';\n\nimport { SCALE_COLOR, type ScaleColor } from '../../tokens/scale/color';\nimport { cardInteraction } from './CardInteraction.css';\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      backgroundColor: `rgb(${theme.color[color]})`,\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst scaleColors = SCALE_COLOR.reduce(\n  (prev, value) => ({\n    ...prev,\n    [value]: styleWithLayer({\n      backgroundColor: `color-mix(in srgb, rgb(${theme.color[value][500]}) 20%, rgb(${theme.color.background}) 80%)`,\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const card = recipeWithLayer({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    position: 'relative',\n\n    borderRadius: theme.borderRadius,\n\n    color: `rgb(${theme.color.foreground})`,\n\n    transition: 'border-color 0.2s ease, transform 0.4s ease',\n\n    selectors: {\n      [`&:has(${cardInteraction}:hover)`]: {\n        borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 10%, rgb(${theme.color.border}) 90%)`,\n      },\n\n      [`&:has(${cardInteraction}:active)`]: {\n        borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 40%, rgb(${theme.color.border}) 60%)`,\n      },\n    },\n  },\n  variants: {\n    variant: {\n      contained: {},\n\n      outlined: {\n        border: '1px solid',\n        borderColor: `rgb(${theme.color.border})`,\n      },\n\n      glass: {\n        border: `1px solid rgb(${theme.color['border.weak']})`,\n        borderRadius: '0.75rem',\n\n        background: `linear-gradient(rgba(${theme.color['card.gradient']}, 0.06) 0%, rgba(${theme.color['card.gradient']}, 0.02) 100%)`,\n        backdropFilter: 'blur(1rem)',\n\n        '::before': {\n          position: 'absolute',\n          inset: '0',\n\n          background:\n            'linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%)',\n\n          opacity: '0',\n          transition: 'opacity 0.3s ease',\n\n          content: '',\n        },\n\n        selectors: {\n          '&:hover::before': {\n            opacity: '1',\n          },\n        },\n      },\n    },\n\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAOA,IAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,iBAAiB,OAAO,MAAM,MAAM,KAAK,CAAC;AAAA,IAC5C,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEA,IAAM,cAAc,YAAY;AAAA,EAC9B,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,iBAAiB,0BAA0B,MAAM,MAAM,KAAK,EAAE,GAAG,CAAC,cAAc,MAAM,MAAM,UAAU;AAAA,IACxG,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEO,IAAM,OAAO,gBAAgB;AAAA,EAClC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IAEV,cAAc,MAAM;AAAA,IAEpB,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,IAEpC,YAAY;AAAA,IAEZ,WAAW;AAAA,MACT,CAAC,SAAS,eAAe,SAAS,GAAG;AAAA,QACnC,aAAa,0BAA0B,MAAM,MAAM,OAAO,cAAc,MAAM,MAAM,MAAM;AAAA,MAC5F;AAAA,MAEA,CAAC,SAAS,eAAe,UAAU,GAAG;AAAA,QACpC,aAAa,0BAA0B,MAAM,MAAM,OAAO,cAAc,MAAM,MAAM,MAAM;AAAA,MAC5F;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,WAAW,CAAC;AAAA,MAEZ,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,aAAa,OAAO,MAAM,MAAM,MAAM;AAAA,MACxC;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,QACnD,cAAc;AAAA,QAEd,YAAY,wBAAwB,MAAM,MAAM,eAAe,CAAC,oBAAoB,MAAM,MAAM,eAAe,CAAC;AAAA,QAChH,gBAAgB;AAAA,QAEhB,YAAY;AAAA,UACV,UAAU;AAAA,UACV,OAAO;AAAA,UAEP,YACE;AAAA,UAEF,SAAS;AAAA,UACT,YAAY;AAAA,UAEZ,SAAS;AAAA,QACX;AAAA,QAEA,WAAW;AAAA,UACT,mBAAmB;AAAA,YACjB,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-OVCHAMNO.mjs

@@ -0,0 +1,25 @@
+import {
+  container
+} from "./chunk-3QDDQQWR.mjs";
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Dialog/DialogContent.css.ts
+var container2 = styleWithLayer({
+  padding: "0 1.5rem 1.5rem 1.5rem",
+  wordBreak: "break-all",
+  selectors: {
+    [`${container} + &`]: {
+      color: `rgb(${theme.color["muted-foreground"]})`
+    }
+  }
+});
+
+export {
+  container2 as container
+};
+//# sourceMappingURL=chunk-OVCHAMNO.mjs.map

package/dist/chunk-OVCHAMNO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Dialog/DialogContent.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nimport * as header from './DialogHeader.css';\n\nexport const container = styleWithLayer({\n  padding: '0 1.5rem 1.5rem 1.5rem',\n\n  wordBreak: 'break-all',\n\n  selectors: {\n    [`${header.container} + &`]: {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;AAKO,IAAMA,aAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,WAAW;AAAA,EAEX,WAAW;AAAA,IACT,CAAC,GAAU,SAAS,MAAM,GAAG;AAAA,MAC3B,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IAC/C;AAAA,EACF;AACF,CAAC;",
+  "names": ["container"]
+}

package/dist/chunk-P64V75GF.mjs

@@ -0,0 +1,38 @@
+// src/tokens/semantic/typography.ts
+var typography = {
+  size: {
+    xs: "0.75em",
+    sm: "0.875em",
+    md: "1em",
+    lg: "1.125em",
+    xl: "1.25em",
+    "2xl": "1.375em",
+    "3xl": "1.625em",
+    "4xl": "2em",
+    "5xl": "2.5em",
+    "1rem": "1rem"
+  },
+  weight: {
+    thin: "100",
+    extraLight: "200",
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semiBold: "600",
+    bold: "700",
+    extraBold: "800",
+    black: "900"
+  },
+  lineHeight: {
+    xs: 1,
+    sm: 1.25,
+    md: 1.5,
+    lg: 1.75,
+    xl: 2
+  }
+};
+
+export {
+  typography
+};
+//# sourceMappingURL=chunk-P64V75GF.mjs.map

package/dist/chunk-P64V75GF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tokens/semantic/typography.ts"],
+  "sourcesContent": ["export const typography = {\n  size: {\n    xs: '0.75em',\n    sm: '0.875em',\n    md: '1em',\n    lg: '1.125em',\n    xl: '1.25em',\n    '2xl': '1.375em',\n    '3xl': '1.625em',\n    '4xl': '2em',\n    '5xl': '2.5em',\n    '1rem': '1rem',\n  },\n  weight: {\n    thin: '100',\n    extraLight: '200',\n    light: '300',\n    normal: '400',\n    medium: '500',\n    semiBold: '600',\n    bold: '700',\n    extraBold: '800',\n    black: '900',\n  },\n  lineHeight: {\n    xs: 1,\n    sm: 1.25,\n    md: 1.5,\n    lg: 1.75,\n    xl: 2,\n  },\n} as const;\n"],
+  "mappings": ";AAAO,IAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;",
+  "names": []
+}

package/dist/chunk-P7O6MVCQ.mjs

@@ -0,0 +1,13 @@
+import {
+  globalLayer
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/styles/layers.css.ts
+var componentsLayer = globalLayer("components");
+var sprinklesLayer = globalLayer("utilities");
+
+export {
+  componentsLayer,
+  sprinklesLayer
+};
+//# sourceMappingURL=chunk-P7O6MVCQ.mjs.map

package/dist/chunk-P7O6MVCQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/styles/layers.css.ts"],
+  "sourcesContent": ["import { globalLayer } from '@vanilla-extract/css';\n\nexport const componentsLayer = globalLayer('components');\nexport const sprinklesLayer = globalLayer('utilities');\n"],
+  "mappings": ";;;;;AAEO,IAAM,kBAAkB,YAAY,YAAY;AAChD,IAAM,iBAAiB,YAAY,WAAW;",
+  "names": []
+}

package/dist/chunk-P7RFQ4ZN.mjs

@@ -0,0 +1,40 @@
+import {
+  navigationMenu
+} from "./chunk-ZPQFOD2J.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/NavigationMenu.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationMenu = (0, import_react.forwardRef)(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(navigationMenu, className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+
+export {
+  NavigationMenu
+};
+//# sourceMappingURL=chunk-P7RFQ4ZN.mjs.map

package/dist/chunk-P7RFQ4ZN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationMenu.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 './NavigationMenu.css';\n\ntype NavigationMenuProps = UIComponent<'div'>;\n\nexport const NavigationMenu = forwardRef<HTMLDivElement, NavigationMenuProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.navigationMenu, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\nexport { s as navigationMenuCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAO,gBAAgB,WAAW,GAAG,MAAM,CAAC;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
+  "names": []
+}

package/dist/chunk-PCCDR4JX.mjs

@@ -0,0 +1,53 @@
+import {
+  require_lucide_react
+} from "./chunk-SO4CXB6J.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  AccordionContext
+} from "./chunk-4HE7QAS2.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  arrow,
+  triggerContainer
+} from "./chunk-BKCR5453.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Accordion/AccordionTrigger.tsx
+var import_react = __toESM(require_react(), 1);
+var import_lucide_react = __toESM(require_lucide_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var AccordionTrigger = ({
+  children,
+  iconPosition = "right"
+}) => {
+  const accordionContext = (0, import_react.useContext)(AccordionContext);
+  if (!accordionContext) {
+    throw new Error(
+      "AccordionTrigger must be used within an Accordion component."
+    );
+  }
+  const { dispatch, isExpanded } = accordionContext;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: triggerContainer({ iconPosition }),
+      "aria-expanded": isExpanded,
+      onClick: () => dispatch(!isExpanded),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: arrow({ expand: isExpanded }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { size: "1em" }) })
+      ]
+    }
+  );
+};
+
+export {
+  AccordionTrigger
+};
+//# sourceMappingURL=chunk-PCCDR4JX.mjs.map

package/dist/chunk-PCCDR4JX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Accordion/AccordionTrigger.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { type ReactNode, useContext } from 'react';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { AccordionContext } from './AccordionContext';\nimport * as s from './AccordionTrigger.css';\n\ninterface AccordionTriggerProps {\n  children: ReactNode;\n  iconPosition?: 'text' | 'right';\n}\n\nexport const AccordionTrigger = ({\n  children,\n  iconPosition = 'right',\n}: AccordionTriggerProps) => {\n  const accordionContext = useContext(AccordionContext);\n\n  if (!accordionContext) {\n    throw new Error(\n      'AccordionTrigger must be used within an Accordion component.',\n    );\n  }\n\n  const { dispatch, isExpanded } = accordionContext;\n\n  return (\n    <div\n      className={s.triggerContainer({ iconPosition })}\n      aria-expanded={isExpanded}\n      onClick={() => dispatch(!isExpanded)}\n    >\n      <span>{children}</span>\n      <span className={s.arrow({ expand: isExpanded })}>\n        <ChevronDownIcon size=\"1em\" />\n      </span>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAEA,mBAA2C;AAE3C,0BAAgC;AAyB5B;AAfG,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,eAAe;AACjB,MAA6B;AAC3B,QAAM,uBAAmB,yBAAW,gBAAgB;AAEpD,MAAI,CAAC,kBAAkB;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,UAAU,WAAW,IAAI;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAa,iBAAiB,EAAE,aAAa,CAAC;AAAA,MAC9C,iBAAe;AAAA,MACf,SAAS,MAAM,SAAS,CAAC,UAAU;AAAA,MAEnC;AAAA,oDAAC,UAAM,UAAS;AAAA,QAChB,4CAAC,UAAK,WAAa,MAAM,EAAE,QAAQ,WAAW,CAAC,GAC7C,sDAAC,uCAAgB,MAAK,OAAM,GAC9B;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/chunk-PHDFLY3V.mjs

@@ -0,0 +1,39 @@
+import {
+  container
+} from "./chunk-7O5GPAWT.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/NavigationContainer.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationContainer = (0, import_react.forwardRef)(({ children, className, sx: propSx, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: clsx_default(className, container, sx(propSx)),
+      ...props,
+      children
+    }
+  );
+});
+NavigationContainer.displayName = "NavigationContainer";
+
+export {
+  NavigationContainer
+};
+//# sourceMappingURL=chunk-PHDFLY3V.mjs.map

package/dist/chunk-PHDFLY3V.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationContainer.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 './NavigationContainer.css';\n\ntype NavigationContainerProps = UIComponent<'div'>;\n\nexport const NavigationContainer = forwardRef<\n  HTMLDivElement,\n  NavigationContainerProps\n>(({ children, className, sx: propSx, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clsx(className, s.container, sx(propSx))}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nNavigationContainer.displayName = 'NavigationContainer';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAgBvB;AALG,IAAM,0BAAsB,yBAGjC,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,aAAK,WAAa,WAAW,GAAG,MAAM,CAAC;AAAA,MACjD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,oBAAoB,cAAc;",
+  "names": []
+}