@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js

@@ -0,0 +1,24 @@
+import { __exports as reactJsxRuntime_production_min } from '../../../../../../_virtual/react-jsx-runtime.production.min.js';
+import require$$0 from 'react';
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactJsxRuntime_production_min;
+
+function requireReactJsxRuntime_production_min () {
+	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+	hasRequiredReactJsxRuntime_production_min = 1;
+var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
+	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
+	return reactJsxRuntime_production_min;
+}
+
+export { requireReactJsxRuntime_production_min as __require };

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js

@@ -0,0 +1,19 @@
+import { __module as jsxRuntime } from '../../../../../_virtual/jsx-runtime2.js';
+import { __require as requireReactJsxRuntime_production_min } from './cjs/react-jsx-runtime.production.min.js';
+import { __require as requireReactJsxRuntime_development } from './cjs/react-jsx-runtime.development.js';
+
+var hasRequiredJsxRuntime;
+
+function requireJsxRuntime () {
+	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+	hasRequiredJsxRuntime = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  jsxRuntime.exports = /*@__PURE__*/ requireReactJsxRuntime_production_min();
+	} else {
+	  jsxRuntime.exports = /*@__PURE__*/ requireReactJsxRuntime_development();
+	}
+	return jsxRuntime.exports;
+}
+
+export { requireJsxRuntime as __require };

package/dist/styles/globalStyle.css.d.ts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=globalStyle.css.d.ts.map

package/dist/styles/globalStyle.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyle.css.d.ts","sourceRoot":"","sources":["../../src/styles/globalStyle.css.ts"],"names":[],"mappings":""}

package/dist/styles/index.d.ts

@@ -1,3 +1,5 @@
-export { componentsLayer, sprinklesLayer } from './layers.css.js';
-export { SprinklesProps, boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties } from './sprinkles.css.js';
-export { sx } from './sx.js';
+export * from './layers.css';
+export * from './sprinkles.css';
+export * from './globalStyle.css';
+export * from './sx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,MAAM,CAAC"}

package/dist/styles/layers.css.d.ts

@@ -1,4 +1,3 @@
-declare const componentsLayer: string;
-declare const sprinklesLayer: string;
-
-export { componentsLayer, sprinklesLayer };
+export declare const componentsLayer: string;
+export declare const sprinklesLayer: string;
+//# sourceMappingURL=layers.css.d.ts.map

package/dist/styles/layers.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../src/styles/layers.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAA4B,CAAC;AACzD,eAAO,MAAM,cAAc,QAA2B,CAAC"}

package/dist/styles/layers.css.js

@@ -0,0 +1,6 @@
+import { globalLayer } 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';
+
+const componentsLayer = globalLayer('components');
+const sprinklesLayer = globalLayer('utilities');
+
+export { componentsLayer, sprinklesLayer };

package/dist/styles/overlay.css.d.ts

@@ -1,5 +1,4 @@
-declare const enter: string;
-declare const base: string;
-declare const exit: string;
-
-export { base, enter, exit };
+export declare const enter: string;
+export declare const base: string;
+export declare const exit: string;
+//# sourceMappingURL=overlay.css.d.ts.map

package/dist/styles/overlay.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.css.d.ts","sourceRoot":"","sources":["../../src/styles/overlay.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAGhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,IAAI,QAKf,CAAC"}

package/dist/styles/overlay.css.js

@@ -0,0 +1,34 @@
+import { style, globalStyle } 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';
+
+const enter = style({
+    opacity: '1 !important',
+    transition: 'all 0.2s ease',
+});
+const base = style({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'fixed',
+    inset: '0',
+    zIndex: '100',
+    backgroundColor: '#00000080',
+    opacity: '0',
+});
+const exit = style({
+    opacity: '0 !important',
+    transition: 'all 0.2s ease',
+    pointerEvents: 'none',
+});
+globalStyle(`${enter} > div`, {
+    transform: 'scale(1) !important',
+    transition: 'all 0.2s ease',
+});
+globalStyle(`${base} > div`, {
+    transform: 'scale(0.9)',
+});
+globalStyle(`${exit} > div`, {
+    transform: 'scale(0.9) !important',
+    transition: 'all 0.2s ease',
+});
+
+export { base, enter, exit };

package/dist/styles/sprinkles.css.d.ts

@@ -1,4 +1,4 @@
-declare const colorProperties: {
+export declare const colorProperties: {
     conditions: never;
     styles: {
         color: {
@@ -2589,7 +2589,7 @@ declare const colorProperties: {
         };
     };
 };
-declare const boxProperties: {
+export declare const boxProperties: {
     conditions: {
         defaultCondition: "mobile";
         conditionNames: ("mobile" | "desktop")[];
@@ -3584,7 +3584,7 @@ declare const boxProperties: {
         };
     };
 };
-declare const typographyProperties: {
+export declare const typographyProperties: {
     conditions: {
         defaultCondition: "mobile";
         conditionNames: ("mobile" | "desktop")[];
@@ -3797,7 +3797,7 @@ declare const typographyProperties: {
         };
     };
 };
-declare const miscProperties: {
+export declare const miscProperties: {
     conditions: never;
     styles: {
         cursor: {
@@ -3815,7 +3815,7 @@ declare const miscProperties: {
         };
     };
 };
-declare const sprinkles: ((props: {
+export declare const sprinkles: ((props: {
     display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
         mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
         desktop?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
@@ -3950,6 +3950,5 @@ declare const sprinkles: ((props: {
 }) => string) & {
     properties: Set<"borderRadius" | "color" | "alignItems" | "backgroundColor" | "boxShadow" | "cursor" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "wordBreak" | "borderColor" | "gap" | "margin" | "padding" | "paddingX" | "paddingY" | "marginX" | "marginY">;
 };
-type SprinklesProps = Parameters<typeof sprinkles>[0];
-
-export { type SprinklesProps, boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties };
+export type SprinklesProps = Parameters<typeof sprinkles>[0];
+//# sourceMappingURL=sprinkles.css.d.ts.map

package/dist/styles/sprinkles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../src/styles/sprinkles.css.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO1B,CAAC;AAaH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DxB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CASzB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKrB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/styles/sprinkles.css.js

@@ -0,0 +1,124 @@
+import { createAtomicStyles as defineProperties, createAtomsFn as createSprinkles } from '../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/sprinkles/dist/vanilla-extract-sprinkles.esm.js';
+import { theme } from '../themes/theme.css.js';
+import { spacing } from '../tokens/semantic/spacing.js';
+import { sprinklesLayer } from './layers.css.js';
+import { typography } from '../tokens/semantic/typography.js';
+import { breakpoint } from '../tokens/semantic/breakpoint.js';
+import { lightColor } from '../tokens/scale/color.js';
+
+const colors = Object.assign({}, ...[
+    ...Object.entries(lightColor).reduce((prev, [name, scales]) => [
+        ...prev,
+        ...Object.entries(scales).map(([scale, value]) => ({ [`${name}-${scale}`]: `rgb(${value})` })),
+    ], []),
+    ...Object.entries(theme.color).map(([name, value]) => ({ [name]: `rgb(${value})` })),
+]);
+const colorProperties = defineProperties({
+    '@layer': sprinklesLayer,
+    properties: {
+        color: colors,
+        borderColor: colors,
+        backgroundColor: colors,
+    },
+});
+const size = {
+    auto: 'auto',
+    '0': '0',
+    '100%': '100%',
+    '5em': '5em',
+    '10em': '10em',
+    '15em': '15em',
+    '20em': '20em',
+    '25em': '25em',
+};
+const boxProperties = defineProperties({
+    '@layer': sprinklesLayer,
+    conditions: {
+        mobile: {},
+        desktop: { '@media': 'screen and (min-width: 1024px)' },
+    },
+    defaultCondition: 'mobile',
+    properties: {
+        display: ['flex', 'block', 'none', 'inline', 'inline-block', 'inline-flex'],
+        flexDirection: ['row', 'column', 'row-reverse', 'column-reverse'],
+        flexWrap: ['nowrap', 'wrap', 'wrap-reverse', 'revert', 'revert-layer'],
+        flexShrink: {
+            '0': 0,
+            '1': 1,
+        },
+        flexGrow: {
+            '0': 0,
+            '1': 1,
+        },
+        flexBasis: size,
+        justifyContent: [
+            'stretch',
+            'flex-start',
+            'center',
+            'flex-end',
+            'space-around',
+            'space-between',
+        ],
+        alignItems: ['stretch', 'flex-start', 'center', 'flex-end'],
+        gap: spacing,
+        paddingTop: spacing,
+        paddingBottom: spacing,
+        paddingLeft: spacing,
+        paddingRight: spacing,
+        marginTop: spacing,
+        marginBottom: spacing,
+        marginLeft: spacing,
+        marginRight: spacing,
+        boxShadow: {
+            'border-sm': `0 0 0.5rem 0.0625rem rgba(${theme.color.border}, 0.33)`,
+            'border-md': `0 0 1rem 0.1875rem rgba(${theme.color.border}, 0.33)`,
+            'border-lg': `0 0 1.5rem 0.375rem rgba(${theme.color.border}, 0.33)`,
+            'accent-sm': `0 0 0.5rem 0.0625rem rgb(${theme.color.accent})`,
+            'accent-md': `0 0 1rem 0.125rem rgb(${theme.color.accent})`,
+            'accent-lg': `0 0 1.5rem 0.375rem rgb(${theme.color.accent})`,
+        },
+        borderRadius: {
+            none: '0',
+            sm: `calc(${theme.borderRadius} * 0.75)`,
+            md: theme.borderRadius,
+            lg: `calc(${theme.borderRadius} * 1.5)`,
+        },
+        width: size,
+        height: size,
+    },
+    shorthands: {
+        padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],
+        paddingX: ['paddingLeft', 'paddingRight'],
+        paddingY: ['paddingTop', 'paddingBottom'],
+        margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],
+        marginX: ['marginLeft', 'marginRight'],
+        marginY: ['marginTop', 'marginBottom'],
+    },
+});
+const typographyProperties = defineProperties({
+    '@layer': sprinklesLayer,
+    conditions: {
+        mobile: {},
+        desktop: { '@media': `screen and (min-width: ${breakpoint.md}px)` },
+    },
+    defaultCondition: 'mobile',
+    properties: {
+        lineHeight: typography.lineHeight,
+        fontSize: typography.size,
+        fontWeight: typography.weight,
+        wordBreak: ['break-all', 'break-word', 'keep-all'],
+    },
+});
+const miscProperties = defineProperties({
+    '@layer': sprinklesLayer,
+    properties: {
+        cursor: {
+            pointer: 'pointer',
+            'not-allowed': 'not-allowed',
+            default: 'default',
+        },
+    },
+});
+const sprinkles = createSprinkles(boxProperties, colorProperties, typographyProperties, miscProperties);
+
+export { boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties };

package/dist/styles/sx.d.ts

@@ -1,5 +1,3 @@
-import { sprinkles } from './sprinkles.css.js';
-
-declare const sx: (param?: Parameters<typeof sprinkles>[0] | string) => string;
-
-export { sx };
+import { sprinkles } from '@/styles';
+export declare const sx: (param?: Parameters<typeof sprinkles>[0] | string) => string;
+//# sourceMappingURL=sx.d.ts.map

package/dist/styles/sx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../../src/styles/sx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,EAAE,GAAI,QAAQ,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,WAUlE,CAAC"}

package/dist/styles/sx.js

@@ -0,0 +1,13 @@
+import { sprinkles } from './sprinkles.css.js';
+
+const sx = (param) => {
+    if (param === undefined) {
+        return '';
+    }
+    if (typeof param === 'string') {
+        return param;
+    }
+    return sprinkles(param);
+};
+
+export { sx };

package/dist/tests/uiTest.d.ts

@@ -1,5 +1,3 @@
-import react__default from 'react';
-
-declare const uiTest: <T extends HTMLElement>(Component: react__default.ComponentType<any>, name: string) => void;
-
-export { uiTest };
+import React from 'react';
+export declare const uiTest: <T extends HTMLElement>(Component: React.ComponentType<any>, name: string) => void;
+//# sourceMappingURL=uiTest.d.ts.map

package/dist/tests/uiTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiTest.d.ts","sourceRoot":"","sources":["../../src/tests/uiTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAE1C,WAAW,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACnC,MAAM,MAAM,SA4Cb,CAAC"}

package/dist/themes/darkTheme.css.d.ts

@@ -1,4 +1,4 @@
-declare const darkThemeVars: {
+export declare const darkThemeVars: {
     borderRadius: string;
     color: {
         red: {
@@ -311,5 +311,4 @@ declare const darkThemeVars: {
         shadow: string;
     };
 };
-
-export { darkThemeVars };
+//# sourceMappingURL=darkTheme.css.d.ts.map

package/dist/themes/darkTheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.css.d.ts","sourceRoot":"","sources":["../../src/themes/darkTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BzB,CAAC"}

package/dist/themes/darkTheme.css.js

@@ -0,0 +1,32 @@
+import { darkColor } from '../tokens/scale/color.js';
+
+const darkThemeVars = {
+    borderRadius: '6px',
+    color: {
+        background: '12, 12, 14',
+        foreground: '238, 238, 238',
+        primary: '36, 81, 173',
+        'primary-foreground': '238, 238, 238',
+        secondary: '32, 38, 45',
+        'secondary-foreground': '212, 212, 213',
+        muted: '30, 36, 44',
+        'muted-foreground': '102, 112, 133',
+        accent: '41, 52, 67',
+        'accent-foreground': '186, 212, 255',
+        border: '38, 43, 51',
+        'border.weak': '32, 32, 32',
+        card: '23, 23, 25',
+        'card-foreground': '238, 238, 238',
+        'card.gradient': '255, 255, 255',
+        success: '22, 163, 74',
+        'success-foreground': '255, 255, 255',
+        danger: '220, 38, 38',
+        'danger-foreground': '255, 255, 255',
+        warning: '202, 138, 4',
+        'warning-foreground': '30, 23, 0',
+        shadow: '0, 0, 0',
+        ...darkColor,
+    },
+};
+
+export { darkThemeVars };

package/dist/themes/index.d.ts

@@ -1,3 +1,4 @@
-export { darkThemeVars } from './darkTheme.css.js';
-export { lightThemeVars } from './lightTheme.css.js';
-export { theme } from './theme.css.js';
+export * from './darkTheme.css';
+export * from './lightTheme.css';
+export { theme } from './theme.css';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC"}

package/dist/themes/lightTheme.css.d.ts

@@ -1,4 +1,4 @@
-declare const lightThemeVars: {
+export declare const lightThemeVars: {
     borderRadius: string;
     color: {
         red: {
@@ -311,5 +311,4 @@ declare const lightThemeVars: {
         shadow: string;
     };
 };
-
-export { lightThemeVars };
+//# sourceMappingURL=lightTheme.css.d.ts.map

package/dist/themes/lightTheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.css.d.ts","sourceRoot":"","sources":["../../src/themes/lightTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B1B,CAAC"}

package/dist/themes/lightTheme.css.js

@@ -0,0 +1,32 @@
+import { lightColor } from '../tokens/scale/color.js';
+
+const lightThemeVars = {
+    borderRadius: '6px',
+    color: {
+        background: '255, 255, 255',
+        foreground: '10, 10, 11',
+        primary: '42, 122, 255',
+        'primary-foreground': '240, 248, 255',
+        secondary: '240, 242, 245',
+        'secondary-foreground': '48, 48, 49',
+        muted: '234, 239, 245',
+        'muted-foreground': '120, 120, 120',
+        accent: '216, 226, 239',
+        'accent-foreground': '32, 32, 33',
+        border: '203, 213, 225',
+        'border.weak': '220, 229, 237',
+        card: '244, 247, 255',
+        'card-foreground': '10, 10, 11',
+        'card.gradient': '179, 195, 255',
+        success: '34, 197, 94',
+        'success-foreground': '255, 255, 255',
+        danger: '239, 68, 68',
+        'danger-foreground': '255, 255, 255',
+        warning: '251, 191, 36',
+        'warning-foreground': '49, 36, 0',
+        shadow: '188, 188, 188',
+        ...lightColor,
+    },
+};
+
+export { lightThemeVars };

package/dist/themes/theme.css.d.ts

@@ -1,4 +1,4 @@
-declare const theme: {
+export declare const theme: {
     borderRadius: `var(--${string})`;
     color: {
         red: {
@@ -311,5 +311,4 @@ declare const theme: {
         shadow: `var(--${string})`;
     };
 };
-
-export { theme };
+//# sourceMappingURL=theme.css.d.ts.map

package/dist/themes/theme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../src/themes/theme.css.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYhB,CAAC"}

package/dist/themes/theme.css.js

@@ -0,0 +1,24 @@
+import { createThemeContract } 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 { lightColor } from '../tokens/scale/color.js';
+import { semanticColor } from '../tokens/semantic/color.js';
+
+const semanticColors = semanticColor.reduce((prev, current) => ({
+    ...prev,
+    [current]: null,
+    [`${current}-foreground`]: null,
+}), {});
+const theme = createThemeContract({
+    borderRadius: null,
+    color: {
+        background: null,
+        foreground: null,
+        border: null,
+        'border.weak': null,
+        'card.gradient': null,
+        shadow: null,
+        ...semanticColors,
+        ...lightColor,
+    },
+});
+
+export { theme };

package/dist/tokens/index.d.ts

@@ -1,5 +1,6 @@
-export { darkColor, lightColor } from './scale/color.js';
-export { breakpoint } from './semantic/breakpoint.js';
-export { semanticColor } from './semantic/color.js';
-export { spacing } from './semantic/spacing.js';
-export { typography } from './semantic/typography.js';
+export { lightColor, darkColor } from './scale/color';
+export { breakpoint } from './semantic/breakpoint';
+export { semanticColor } from './semantic/color';
+export { spacing } from './semantic/spacing';
+export { typography } from './semantic/typography';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/tokens/scale/color.d.ts

@@ -1,6 +1,6 @@
-declare const SCALE_COLOR: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "slate", "gray", "zinc", "neutral", "stone"];
-type ScaleColor = (typeof SCALE_COLOR)[number];
-declare const darkColor: {
+export declare const SCALE_COLOR: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "slate", "gray", "zinc", "neutral", "stone"];
+export type ScaleColor = (typeof SCALE_COLOR)[number];
+export declare const darkColor: {
     readonly red: {
         readonly 50: "238, 224, 224";
         readonly 100: "232, 210, 210";
@@ -288,7 +288,7 @@ declare const darkColor: {
         readonly 950: "12, 10, 8";
     };
 };
-declare const lightColor: {
+export declare const lightColor: {
     readonly red: {
         readonly 50: "254, 242, 242";
         readonly 100: "254, 226, 226";
@@ -576,5 +576,4 @@ declare const lightColor: {
         readonly 950: "12, 10, 9";
     };
 };
-
-export { SCALE_COLOR, type ScaleColor, darkColor, lightColor };
+//# sourceMappingURL=color.d.ts.map

package/dist/tokens/scale/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/tokens/scale/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,gNAuBd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+R0B,CAAC;AAEjD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+RyB,CAAC"}