@kimdw-rtk/ui 0.0.20 → 0.0.21

package/dist/tokens/semantic/typography.js

@@ -0,0 +1,34 @@
+const 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 };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/types/ui.types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { ComplexStyleRule } from '@vanilla-extract/css';
+import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import type { SprinklesProps } from '@/styles';
+type VariantGroups = Record<string, Record<string, ComplexStyleRule | string>>;
+export type RecipeVariantsProps<V extends RuntimeFn<VariantGroups> | undefined> = NonNullable<V extends RuntimeFn<VariantGroups> ? RecipeVariants<V> : object>;
+/**
+ * @template T element type
+ * @template V typeof vanilla-extract recipe
+ */
+export type UIComponent<T extends ElementType, V extends RuntimeFn<VariantGroups> | undefined = undefined> = Omit<ComponentPropsWithRef<T>, keyof RecipeVariantsProps<V>> & RecipeVariantsProps<V> & {
+    sx?: SprinklesProps;
+};
+export {};
+//# sourceMappingURL=ui.types.d.ts.map

package/dist/types/ui.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.types.d.ts","sourceRoot":"","sources":["../../src/types/ui.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,mBAAmB,CAC7B,CAAC,SAAS,SAAS,CAAC,aAAa,CAAC,GAAG,SAAS,IAC5C,WAAW,CACb,CAAC,SAAS,SAAS,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,CAChE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,WAAW,CACrB,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,SAAS,CAAC,aAAa,CAAC,GAAG,SAAS,GAAG,SAAS,IACxD,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,CAAC,GAC9D,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACvB,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sprinklesUtils';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/utils/sprinklesUtils.d.ts

@@ -0,0 +1,10 @@
+import { sprinkles } from '@/styles';
+export declare const filterSprinkles: (props: {
+    [key: string]: unknown;
+}) => Parameters<typeof sprinkles>[0];
+export declare const omitSprinkles: (props: {
+    [key: string]: unknown;
+}) => {
+    [key: string]: unknown;
+};
+//# sourceMappingURL=sprinklesUtils.d.ts.map

package/dist/utils/sprinklesUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprinklesUtils.d.ts","sourceRoot":"","sources":["../../src/utils/sprinklesUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrC,eAAO,MAAM,eAAe,GAAI,OAAO;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,KAS9C,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAChD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE;;CAU9D,CAAC"}

package/dist/utils/sprinklesUtils.js

@@ -0,0 +1,22 @@
+import { sprinkles } from '../styles/sprinkles.css.js';
+
+const filterSprinkles = (props) => {
+    const result = {};
+    for (const key in props) {
+        if (sprinkles.properties.has(key)) {
+            result[key] = props[key];
+        }
+    }
+    return result;
+};
+const omitSprinkles = (props) => {
+    const result = {};
+    for (const key in props) {
+        if (!sprinkles.properties.has(key)) {
+            result[key] = props[key];
+        }
+    }
+    return result;
+};
+
+export { filterSprinkles, omitSprinkles };

package/dist/utils/styleUtils.css.d.ts

@@ -0,0 +1,23 @@
+import { type StyleRule } from '@vanilla-extract/css';
+type StyleRuleWithoutLayer = Omit<StyleRule, '@layer'> | string | (Omit<StyleRule, '@layer'> | string)[];
+type RecipeStyleRuleWithoutLayer = Omit<StyleRule, '@layer'> | string | (Omit<StyleRule, '@layer'> | string)[];
+type VariantDefinitions = Record<string, RecipeStyleRuleWithoutLayer>;
+type BooleanMap<T> = T extends 'true' | 'false' ? boolean : T;
+type VariantGroups = Record<string, VariantDefinitions>;
+type VariantSelection<Variants extends VariantGroups> = {
+    [VariantGroup in keyof Variants]?: BooleanMap<keyof Variants[VariantGroup]> | undefined;
+};
+interface CompoundVariant<Variants extends VariantGroups> {
+    variants: VariantSelection<Variants>;
+    style: RecipeStyleRuleWithoutLayer;
+}
+type PatternOptions<Variants extends VariantGroups> = {
+    base?: RecipeStyleRuleWithoutLayer;
+    variants?: Variants;
+    defaultVariants?: VariantSelection<Variants>;
+    compoundVariants?: Array<CompoundVariant<Variants>>;
+};
+export declare const styleWithLayer: (rule: StyleRuleWithoutLayer, layer?: string) => string;
+export declare const recipeWithLayer: <Variants extends VariantGroups>(options: PatternOptions<Variants>, layer?: string) => import("@vanilla-extract/recipes").RuntimeFn<Variants>;
+export {};
+//# sourceMappingURL=styleUtils.css.d.ts.map

package/dist/utils/styleUtils.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.css.d.ts","sourceRoot":"","sources":["../../src/utils/styleUtils.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAK7D,KAAK,qBAAqB,GACtB,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GACzB,MAAM,GACN,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC;AAC3C,KAAK,2BAA2B,GAC5B,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GACzB,MAAM,GACN,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC;AAC3C,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAC;AACtE,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAAC;AAC9D,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AACxD,KAAK,gBAAgB,CAAC,QAAQ,SAAS,aAAa,IAAI;KACrD,YAAY,IAAI,MAAM,QAAQ,CAAC,CAAC,EAC7B,UAAU,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,GACxC,SAAS;CACd,CAAC;AAEF,UAAU,eAAe,CAAC,QAAQ,SAAS,aAAa;IACtD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrC,KAAK,EAAE,2BAA2B,CAAC;CACpC;AACD,KAAK,cAAc,CAAC,QAAQ,SAAS,aAAa,IAAI;IACpD,IAAI,CAAC,EAAE,2BAA2B,CAAC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,MAAM,qBAAqB,EAC3B,QAAO,MAAwB,WAgBhC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,SAAS,aAAa,EAC5D,SAAS,cAAc,CAAC,QAAQ,CAAC,EACjC,QAAO,MAAwB,2DAqDhC,CAAC"}

package/dist/utils/styleUtils.css.js

@@ -0,0 +1,64 @@
+import { style } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { recipe } from '../node_modules/.pnpm/@vanilla-extract_recipes@0.5.7_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.esm.js';
+import { componentsLayer } from '../styles/layers.css.js';
+
+const styleWithLayer = (rule, layer = componentsLayer) => {
+    if (Array.isArray(rule)) {
+        return rule
+            .map((ruleItem) => {
+            if (typeof ruleItem === 'string') {
+                return ruleItem;
+            }
+            return style({ '@layer': { [layer]: ruleItem } });
+        })
+            .join(' ');
+    }
+    else if (typeof rule === 'string') {
+        return rule;
+    }
+    return style({ '@layer': { [layer]: rule } });
+};
+const recipeWithLayer = (options, layer = componentsLayer) => {
+    const { base, compoundVariants, defaultVariants, variants } = options;
+    let layeredBase;
+    if (base) {
+        if (typeof base === 'string') {
+            layeredBase = base;
+        }
+        else if (Array.isArray(base)) {
+            layeredBase = base
+                .map((rule) => {
+                if (typeof rule === 'string') {
+                    return rule;
+                }
+                if (Array.isArray(rule)) {
+                    return rule.join(' ');
+                }
+                return style({ '@layer': { [layer]: rule } });
+            })
+                .join(' ');
+        }
+        else {
+            layeredBase = style({ '@layer': { [layer]: base } });
+        }
+    }
+    let layeredVariants;
+    if (variants) {
+        layeredVariants = Object.entries(variants).reduce((prev, [variantKey, variantValue]) => {
+            return {
+                ...prev,
+                [variantKey]: Object.entries(variantValue).reduce((prev, [key, value]) => {
+                    return { ...prev, [key]: styleWithLayer(value, layer) };
+                }, {}),
+            };
+        }, {});
+    }
+    return recipe({
+        base: layeredBase,
+        compoundVariants,
+        defaultVariants,
+        variants: layeredVariants,
+    });
+};
+
+export { recipeWithLayer, styleWithLayer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kimdw-rtk/ui",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "private": false,
   "type": "module",
   "main": "./dist/index.mjs",
@@ -26,6 +26,9 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.2",
+    "@rollup/plugin-typescript": "^12.1.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@turbo/gen": "^2.4.4",
@@ -40,6 +43,7 @@
     "eslint": "^9.22.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "rollup": "^4.52.4",
     "ts-jest": "^29.3.4",
     "tsup": "^8.5.0",
     "typescript": "5.8.2",
@@ -54,7 +58,7 @@
     "generate:component": "turbo gen react-component",
     "check-types": "tsc --noEmit",
     "test": "jest --verbose",
-    "build": "node esbuild.config.js"
+    "build": "rollup -c rollup.config.js"
   },
   "types": "./dist/index.d.ts"
 }

package/dist/chunk-2MPNSJ7L.mjs

@@ -1,48 +0,0 @@
-import {
-  textField
-} from "./chunk-NL5D6TSN.mjs";
-import {
-  clsx
-} 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/TextField/index.tsx
-var import_react = __toESM(require_react(), 1);
-var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
-var TextField = (0, import_react.forwardRef)(
-  ({
-    className,
-    type = "text",
-    size = "md",
-    color = "primary",
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "input",
-      {
-        ref,
-        type,
-        className: clsx(className, textField({ size, color }), sx(propSx)),
-        ...props
-      }
-    );
-  }
-);
-TextField.displayName = "TextField";
-
-export {
-  TextField
-};
-//# sourceMappingURL=chunk-2MPNSJ7L.mjs.map

package/dist/chunk-2MPNSJ7L.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/TextField/index.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 './TextField.css';\n\ninterface TextFieldProps extends UIComponent<'input', typeof s.textField> {\n  type?: React.HTMLInputTypeAttribute;\n}\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      type = 'text',\n      size = 'md',\n      color = 'primary',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        className={clsx(className, s.textField({ size, color }), sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nTextField.displayName = 'TextField';\n\nexport { s as textFieldCss };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AA0BrB;AAbC,IAAM,gBAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAa,UAAU,EAAE,MAAM,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA,QAClE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;",
-  "names": []
-}

package/dist/chunk-2WFHG2YW.mjs

@@ -1,68 +0,0 @@
-import {
-  recipeWithLayer
-} from "./chunk-3DOILUMO.mjs";
-import {
-  theme
-} from "./chunk-MBHPGYUE.mjs";
-import {
-  keyframes
-} from "./chunk-VSQF5NYH.mjs";
-
-// src/components/Select/SelectOptionList.css.ts
-var fadeIn = keyframes({
-  "0%": {
-    transform: "scale(0.95)",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scale(1)",
-    opacity: 1
-  }
-});
-var container = recipeWithLayer({
-  base: {
-    overflowY: "auto",
-    position: "absolute",
-    zIndex: "10",
-    width: "100%",
-    minWidth: "max-content",
-    border: `1px solid rgb(${theme.color.border})`,
-    borderRadius: theme.borderRadius,
-    margin: "0.5rem 0",
-    backgroundColor: `rgb(${theme.color.background})`,
-    animation: `${fadeIn} 0.3s ease 1`,
-    transformOrigin: "0 0",
-    userSelect: "none",
-    "::-webkit-scrollbar": {
-      width: "0.25rem",
-      height: "0.25rem"
-    },
-    "::-webkit-scrollbar-thumb": {
-      borderRadius: "0.5rem",
-      backgroundColor: `rgb(${theme.color["muted-foreground"]})`
-    }
-  },
-  variants: {
-    isVisible: {
-      true: {
-        display: "block"
-      },
-      false: {
-        display: "none"
-      }
-    },
-    isAbove: {
-      true: {
-        top: "100%"
-      },
-      false: {
-        bottom: "100%"
-      }
-    }
-  }
-});
-
-export {
-  container
-};
-//# sourceMappingURL=chunk-2WFHG2YW.mjs.map

package/dist/chunk-2WFHG2YW.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/Select/SelectOptionList.css.ts"],
-  "sourcesContent": ["import { keyframes } from '@vanilla-extract/css';\n\nimport { recipeWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nconst fadeIn = keyframes({\n  '0%': {\n    transform: 'scale(0.95)',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n});\n\nexport const container = recipeWithLayer({\n  base: {\n    overflowY: 'auto',\n    position: 'absolute',\n    zIndex: '10',\n\n    width: '100%',\n    minWidth: 'max-content',\n    border: `1px solid rgb(${theme.color.border})`,\n    borderRadius: theme.borderRadius,\n    margin: '0.5rem 0',\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    animation: `${fadeIn} 0.3s ease 1`,\n    transformOrigin: '0 0',\n\n    userSelect: 'none',\n\n    '::-webkit-scrollbar': {\n      width: '0.25rem',\n      height: '0.25rem',\n    },\n\n    '::-webkit-scrollbar-thumb': {\n      borderRadius: '0.5rem',\n\n      backgroundColor: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n\n  variants: {\n    isVisible: {\n      true: {\n        display: 'block',\n      },\n      false: {\n        display: 'none',\n      },\n    },\n\n    isAbove: {\n      true: {\n        top: '100%',\n      },\n      false: {\n        bottom: '100%',\n      },\n    },\n  },\n});\n"],
-  "mappings": ";;;;;;;;;;;AAKA,IAAM,SAAS,UAAU;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EAEA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;AAEM,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ,iBAAiB,MAAM,MAAM,MAAM;AAAA,IAC3C,cAAc,MAAM;AAAA,IACpB,QAAQ;AAAA,IAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,IAE9C,WAAW,GAAG,MAAM;AAAA,IACpB,iBAAiB;AAAA,IAEjB,YAAY;AAAA,IAEZ,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IAEA,6BAA6B;AAAA,MAC3B,cAAc;AAAA,MAEd,iBAAiB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IACzD;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
-  "names": []
-}

package/dist/chunk-34E66B27.mjs

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

package/dist/chunk-34E66B27.mjs.map

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

package/dist/chunk-365RDTP4.mjs

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

package/dist/chunk-365RDTP4.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/Navigation/NavigationItem.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 './NavigationItem.css';\n\ntype NavigationItemProps = UIComponent<'div', typeof s.container>;\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        style={{ ...style }}\n        className={clsx(s.container({ isSelected }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationItem.displayName = 'NavigationItem';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,aAAa,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,GAAG,MAAM;AAAA,QAClB,WAAW,aAAO,UAAU,EAAE,WAAW,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
-  "names": []
-}