@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/chunk-GLIP4B4W.mjs

@@ -0,0 +1,27 @@
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Table/TableHeader.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TableHeader = ({
+  className,
+  sx: propSx,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { className: clsx_default(className, sx(propSx)), ...props });
+};
+
+export {
+  TableHeader
+};
+//# sourceMappingURL=chunk-GLIP4B4W.mjs.map

package/dist/chunk-GLIP4B4W.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableHeader.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\ntype TableHeaderProps = UIComponent<'thead'>;\n\nexport const TableHeader = ({\n  className,\n  sx: propSx,\n  ...props\n}: TableHeaderProps) => {\n  return <thead className={clsx(className, sx(propSx))} {...props} />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;AAYS;AALF,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,MAAwB;AACtB,SAAO,4CAAC,WAAM,WAAW,aAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAAO;AACnE;",
+  "names": []
+}

package/dist/chunk-GT7GN2QG.mjs

@@ -0,0 +1,67 @@
+import {
+  children,
+  icon,
+  selectTrigger
+} from "./chunk-VQGHCB66.mjs";
+import {
+  SelectContext
+} from "./chunk-7MYGRT4R.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_lucide_react
+} from "./chunk-SO4CXB6J.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/Select/SelectTrigger.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 SelectTrigger = ({
+  children: children2,
+  className,
+  variant,
+  sx: propSx
+}) => {
+  const selectContext = (0, import_react.useContext)(SelectContext);
+  if (!selectContext) {
+    throw new Error("SelectTrigger must be rendered within a Select.");
+  }
+  const { state, dispatch } = selectContext;
+  const handleClick = () => {
+    dispatch({ type: "TOGGLE" });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: clsx_default(
+        selectTrigger({ isActive: state.isActive, variant }),
+        className,
+        sx(propSx)
+      ),
+      onClick: handleClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: children, children: children2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: icon({ isActive: state.isActive }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { size: "1em", strokeWidth: "2px" }) })
+      ]
+    }
+  );
+};
+var SelectTrigger_default = SelectTrigger;
+
+export {
+  SelectTrigger_default
+};
+//# sourceMappingURL=chunk-GT7GN2QG.mjs.map

package/dist/chunk-GT7GN2QG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/SelectTrigger.tsx"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport clsx from 'clsx';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport { SelectContext } from './SelectContext';\nimport * as s from './SelectTrigger.css';\n\ntype SelectTriggerProps = UIComponent<'div', typeof s.selectTrigger>;\n\nconst SelectTrigger = ({\n  children,\n  className,\n  variant,\n  sx: propSx,\n}: SelectTriggerProps) => {\n  const selectContext = useContext(SelectContext);\n\n  if (!selectContext) {\n    throw new Error('SelectTrigger must be rendered within a Select.');\n  }\n\n  const { state, dispatch } = selectContext;\n\n  const handleClick = () => {\n    dispatch({ type: 'TOGGLE' });\n  };\n\n  return (\n    <div\n      className={clsx(\n        s.selectTrigger({ isActive: state.isActive, variant }),\n        className,\n        sx(propSx),\n      )}\n      onClick={handleClick}\n    >\n      <span className={s.children}>{children}</span>\n      <span className={s.icon({ isActive: state.isActive })}>\n        <ChevronDownIcon size=\"1em\" strokeWidth=\"2px\" />\n      </span>\n    </div>\n  );\n};\n\nexport default SelectTrigger;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAG3B,0BAAgC;AA6B5B;AAnBJ,IAAM,gBAAgB,CAAC;AAAA,EACrB,UAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AACN,MAA0B;AACxB,QAAM,oBAAgB,yBAAW,aAAa;AAE9C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AAEA,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,cAAc,MAAM;AACxB,aAAS,EAAE,MAAM,SAAS,CAAC;AAAA,EAC7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACP,cAAc,EAAE,UAAU,MAAM,UAAU,QAAQ,CAAC;AAAA,QACrD;AAAA,QACA,GAAG,MAAM;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MAET;AAAA,oDAAC,UAAK,WAAa,UAAW,UAAAA,WAAS;AAAA,QACvC,4CAAC,UAAK,WAAa,KAAK,EAAE,UAAU,MAAM,SAAS,CAAC,GAClD,sDAAC,uCAAgB,MAAK,OAAM,aAAY,OAAM,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["children"]
+}

package/dist/chunk-GVJA7DQA.mjs

@@ -0,0 +1,101 @@
+import {
+  SelectOptionList_default
+} from "./chunk-FTMWTNWG.mjs";
+import {
+  SelectTrigger_default
+} from "./chunk-GT7GN2QG.mjs";
+import {
+  select
+} from "./chunk-IESMIXIT.mjs";
+import {
+  SelectContext,
+  selectReducer
+} from "./chunk-7MYGRT4R.mjs";
+import {
+  useCombinedRefs
+} from "./chunk-JL5TLDT5.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/Select/Select.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Select = (0, import_react.forwardRef)(
+  ({
+    children,
+    className,
+    style,
+    name,
+    defaultValue,
+    width = "100%",
+    size = "md",
+    sx: propSx,
+    variant = "outlined",
+    onChange,
+    ...props
+  }, ref) => {
+    const containerRef = (0, import_react.useRef)(null);
+    const targetRef = useCombinedRefs(ref, containerRef);
+    const [state, dispatch] = (0, import_react.useReducer)(selectReducer, {
+      isActive: false,
+      containerRef,
+      defaultValue,
+      items: /* @__PURE__ */ new Map()
+    });
+    (0, import_react.useEffect)(() => {
+      const container = containerRef.current;
+      if (!container) {
+        return;
+      }
+      const handleOutsideClick = (e) => {
+        if (container.contains(e.target) || !state.isActive) {
+          return;
+        }
+        dispatch({ type: "TOGGLE" });
+      };
+      window.addEventListener("mousedown", handleOutsideClick);
+      return () => {
+        window.removeEventListener("mousedown", handleOutsideClick);
+      };
+    }, [state.isActive, dispatch]);
+    (0, import_react.useEffect)(() => {
+      if (!onChange || !state.items.size) {
+        return;
+      }
+      onChange(state.selected);
+    }, [state.selected]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContext.Provider, { value: { state, dispatch }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: targetRef,
+        style: { ...style, width },
+        className: clsx_default(select({ size }), className, sx(propSx)),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger_default, { variant, children: state.selected !== null && state.items.get(state.selected || "") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectOptionList_default, { children }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "hidden", name, value: state.selected || "" })
+        ]
+      }
+    ) });
+  }
+);
+Select.displayName = "Select";
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-GVJA7DQA.mjs.map

package/dist/chunk-GVJA7DQA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/Select.tsx"],
+  "sourcesContent": ["'use client';\n\nimport {\n  forwardRef,\n  useEffect,\n  useReducer,\n  useRef,\n  type ComponentProps,\n  type CSSProperties,\n  type RefObject,\n} from 'react';\n\nimport { useCombinedRefs } from '@kimdw-rtk/utils';\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Select.css';\nimport { SelectContext, selectReducer } from './SelectContext';\nimport SelectOptionList from './SelectOptionList';\nimport SelectTrigger from './SelectTrigger';\n\ninterface SelectProps\n  extends Omit<UIComponent<'div', typeof s.select>, 'ref' | 'onChange'> {\n  ref?: RefObject<{ value?: string } | null>;\n  name?: string;\n  width?: CSSProperties['width'];\n  defaultValue?: string;\n  variant?: ComponentProps<typeof SelectTrigger>['variant'];\n  onChange?: (value: string | undefined) => void;\n}\n\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      children,\n      className,\n      style,\n      name,\n      defaultValue,\n      width = '100%',\n      size = 'md',\n      sx: propSx,\n      variant = 'outlined',\n      onChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const targetRef = useCombinedRefs(ref, containerRef);\n    const [state, dispatch] = useReducer(selectReducer, {\n      isActive: false,\n      containerRef,\n      defaultValue,\n      items: new Map(),\n    });\n\n    useEffect(() => {\n      const container = containerRef.current;\n\n      if (!container) {\n        return;\n      }\n\n      const handleOutsideClick = (e: MouseEvent) => {\n        if (container.contains(e.target as Node) || !state.isActive) {\n          return;\n        }\n\n        dispatch({ type: 'TOGGLE' });\n      };\n\n      window.addEventListener('mousedown', handleOutsideClick);\n\n      return () => {\n        window.removeEventListener('mousedown', handleOutsideClick);\n      };\n    }, [state.isActive, dispatch]);\n\n    useEffect(() => {\n      if (!onChange || !state.items.size) {\n        return;\n      }\n\n      onChange(state.selected);\n      //eslint-disable-next-line\n    }, [state.selected]);\n\n    return (\n      <SelectContext.Provider value={{ state, dispatch }}>\n        <div\n          ref={targetRef}\n          style={{ ...style, width }}\n          className={clsx(s.select({ size }), className, sx(propSx))}\n          {...props}\n        >\n          <SelectTrigger variant={variant}>\n            {state.selected !== null && state.items.get(state.selected || '')}\n          </SelectTrigger>\n          <SelectOptionList>{children}</SelectOptionList>\n          <input type=\"hidden\" name={name} value={state.selected || ''} />\n        </div>\n      </SelectContext.Provider>\n    );\n  },\n);\nSelect.displayName = 'Select';\n\nexport { s as selectCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,mBAQO;AAkFC;AA3DD,IAAM,aAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,mBAAe,qBAAuB,IAAI;AAChD,UAAM,YAAY,gBAAgB,KAAK,YAAY;AACnD,UAAM,CAAC,OAAO,QAAQ,QAAI,yBAAW,eAAe;AAAA,MAClD,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,OAAO,oBAAI,IAAI;AAAA,IACjB,CAAC;AAED,gCAAU,MAAM;AACd,YAAM,YAAY,aAAa;AAE/B,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEA,YAAM,qBAAqB,CAAC,MAAkB;AAC5C,YAAI,UAAU,SAAS,EAAE,MAAc,KAAK,CAAC,MAAM,UAAU;AAC3D;AAAA,QACF;AAEA,iBAAS,EAAE,MAAM,SAAS,CAAC;AAAA,MAC7B;AAEA,aAAO,iBAAiB,aAAa,kBAAkB;AAEvD,aAAO,MAAM;AACX,eAAO,oBAAoB,aAAa,kBAAkB;AAAA,MAC5D;AAAA,IACF,GAAG,CAAC,MAAM,UAAU,QAAQ,CAAC;AAE7B,gCAAU,MAAM;AACd,UAAI,CAAC,YAAY,CAAC,MAAM,MAAM,MAAM;AAClC;AAAA,MACF;AAEA,eAAS,MAAM,QAAQ;AAAA,IAEzB,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,WACE,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,OAAO,SAAS,GAC/C;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,QACzB,WAAW,aAAO,OAAO,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACxD,GAAG;AAAA,QAEJ;AAAA,sDAAC,yBAAc,SACZ,gBAAM,aAAa,QAAQ,MAAM,MAAM,IAAI,MAAM,YAAY,EAAE,GAClE;AAAA,UACA,4CAAC,4BAAkB,UAAS;AAAA,UAC5B,4CAAC,WAAM,MAAK,UAAS,MAAY,OAAO,MAAM,YAAY,IAAI;AAAA;AAAA;AAAA,IAChE,GACF;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunk-HH5ONOZI.mjs

@@ -0,0 +1,15 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+
+// src/components/Navigation/NavigationAside.css.ts
+var wide = styleWithLayer({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5em"
+});
+
+export {
+  wide
+};
+//# sourceMappingURL=chunk-HH5ONOZI.mjs.map

package/dist/chunk-HH5ONOZI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationAside.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n});\n"],
+  "mappings": ";;;;;AAEO,IAAM,OAAO,eAAe;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP,CAAC;",
+  "names": []
+}

package/dist/chunk-HK3UBRZS.mjs

@@ -0,0 +1,17 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  spacing
+} from "./chunk-7NZKF7UQ.mjs";
+
+// src/components/Card/CardContent.css.ts
+var cardContent = styleWithLayer({
+  flex: "1 1 auto",
+  padding: spacing.md
+});
+
+export {
+  cardContent
+};
+//# sourceMappingURL=chunk-HK3UBRZS.mjs.map

package/dist/chunk-HK3UBRZS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/CardContent.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\nimport { spacing } from '@/tokens';\n\nexport const cardContent = styleWithLayer({\n  flex: '1 1 auto',\n\n  padding: spacing.md,\n});\n"],
+  "mappings": ";;;;;;;;AAGO,IAAM,cAAc,eAAe;AAAA,EACxC,MAAM;AAAA,EAEN,SAAS,QAAQ;AACnB,CAAC;",
+  "names": []
+}

package/dist/chunk-HRD45GAF.mjs

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

package/dist/chunk-HRD45GAF.mjs.map

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

package/dist/chunk-IBGFUFFR.mjs

@@ -0,0 +1,53 @@
+import {
+  container
+} from "./chunk-KKIH6GWN.mjs";
+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/TabsTrigger.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TabsTrigger = (0, import_react.forwardRef)(
+  ({ children, value, className, sx: propSx, ...props }, ref) => {
+    const tabsContext = (0, import_react.useContext)(TabsContext);
+    if (tabsContext === void 0) {
+      throw new Error("TabsTrigger must be used within a Tabs.");
+    }
+    const isSelected = tabsContext.value === value;
+    const handleClick = () => {
+      tabsContext.setValue(value);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref,
+        className: clsx_default(className, container({ isSelected }), sx(propSx)),
+        onClick: handleClick,
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+
+export {
+  TabsTrigger
+};
+//# sourceMappingURL=chunk-IBGFUFFR.mjs.map

package/dist/chunk-IBGFUFFR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsTrigger.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { forwardRef, useContext } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport { TabsContext } from './TabsProvider';\nimport * as s from './TabsTrigger.css';\n\ninterface TabsTriggerProps extends UIComponent<'button'> {\n  value: number | string;\n}\n\nexport const TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ children, value, className, sx: propSx, ...props }, ref) => {\n    const tabsContext = useContext(TabsContext);\n\n    if (tabsContext === undefined) {\n      throw new Error('TabsTrigger must be used within a Tabs.');\n    }\n\n    const isSelected = tabsContext.value === value;\n\n    const handleClick = () => {\n      tabsContext.setValue(value);\n    };\n\n    return (\n      <button\n        ref={ref}\n        className={clsx(className, s.container({ isSelected }), sx(propSx))}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAEA,mBAAuC;AA6BjC;AAfC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,UAAU,OAAO,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC7D,UAAM,kBAAc,yBAAW,WAAW;AAE1C,QAAI,gBAAgB,QAAW;AAC7B,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAC3D;AAEA,UAAM,aAAa,YAAY,UAAU;AAEzC,UAAM,cAAc,MAAM;AACxB,kBAAY,SAAS,KAAK;AAAA,IAC5B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAK,WAAa,UAAU,EAAE,WAAW,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA,QAClE,SAAS;AAAA,QACR,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;",
+  "names": []
+}

package/dist/chunk-IESMIXIT.mjs

@@ -0,0 +1,39 @@
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  typography
+} from "./chunk-P64V75GF.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Select/Select.css.ts
+var Select_css_exports = {};
+__export(Select_css_exports, {
+  select: () => select
+});
+var select = recipeWithLayer({
+  base: {
+    position: "relative"
+  },
+  variants: {
+    size: {
+      sm: {
+        fontSize: typography.size.sm
+      },
+      md: {
+        fontSize: typography.size.md
+      },
+      lg: {
+        fontSize: typography.size.lg
+      }
+    }
+  }
+});
+
+export {
+  select,
+  Select_css_exports
+};
+//# sourceMappingURL=chunk-IESMIXIT.mjs.map

package/dist/chunk-IESMIXIT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/Select.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer } from '@/styleUtils';\nimport { typography } from '@/tokens';\n\nexport const select = recipeWithLayer({\n  base: {\n    position: 'relative',\n  },\n\n  variants: {\n    size: {\n      sm: {\n        fontSize: typography.size.sm,\n      },\n      md: {\n        fontSize: typography.size.md,\n      },\n      lg: {\n        fontSize: typography.size.lg,\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,SAAS,gBAAgB;AAAA,EACpC,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,MACA,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,MACA,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-JEPXGFMX.mjs

@@ -0,0 +1,58 @@
+import {
+  filterSprinkles,
+  omitSprinkles
+} from "./chunk-WZHWRBOT.mjs";
+import {
+  box
+} from "./chunk-EO3Y3BYG.mjs";
+import {
+  clsx
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sprinkles,
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Box/index.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Box = (0, import_react.forwardRef)(
+  ({
+    children,
+    flex = false,
+    rounded = false,
+    className,
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx(
+          className,
+          box({ flex, rounded }),
+          sx(propSx),
+          sprinkles(filterSprinkles(props))
+        ),
+        ...omitSprinkles(props),
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+export {
+  Box
+};
+//# sourceMappingURL=chunk-JEPXGFMX.mjs.map

package/dist/chunk-JEPXGFMX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Box/index.tsx"],
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sprinkles, sx, type SprinklesProps } from '@/styles';\nimport type { UIComponent } from '@/types';\nimport { filterSprinkles, omitSprinkles } from '@/utils';\n\nimport * as s from './Box.css';\n\ntype BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;\n\nexport const Box = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      flex = false,\n      rounded = false,\n      className,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          className,\n          s.box({ flex, rounded }),\n          sx(propSx),\n          sprinkles(filterSprinkles(props)),\n        )}\n        {...omitSprinkles(props)}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nBox.displayName = 'Box';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAyBrB;AAbC,IAAM,UAAM;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAAA,UACvB,GAAG,MAAM;AAAA,UACT,UAAU,gBAAgB,KAAK,CAAC;AAAA,QAClC;AAAA,QACC,GAAG,cAAc,KAAK;AAAA,QAEtB;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;",
+  "names": []
+}