@kimdw-rtk/ui 0.0.2 → 0.0.3

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,118 @@
+import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
+import { sprinklesLayer } from '#styles';
+import { theme } from '#themes';
+import { breakpoint, lightColor, spacing, typography } from '#tokens';
+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})` })),
+]);
+export 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',
+};
+export 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'],
+    },
+});
+export 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'],
+    },
+});
+export const miscProperties = defineProperties({
+    '@layer': sprinklesLayer,
+    properties: {
+        cursor: {
+            pointer: 'pointer',
+            'not-allowed': 'not-allowed',
+            default: 'default',
+        },
+    },
+});
+export const sprinkles = createSprinkles(boxProperties, colorProperties, typographyProperties, miscProperties);

package/dist/styles/sx.d.ts

@@ -0,0 +1,3 @@
+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,SAAS,CAAC;AAEpC,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,10 @@
+import { sprinkles } from '#styles';
+export const sx = (param) => {
+    if (param === undefined) {
+        return '';
+    }
+    if (typeof param === 'string') {
+        return param;
+    }
+    return sprinkles(param);
+};

package/dist/tests/uiTest.d.ts

@@ -0,0 +1,3 @@
+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/tests/uiTest.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { sprinkles } from '#styles';
+//eslint-disable-next-line
+export const uiTest = (
+// eslint-disable-next-line
+Component, name) => {
+    describe(`${name} UI`, () => {
+        test('컴포넌트가 렌더링된다.', () => {
+            render(_jsx(Component, { "data-testid": "component" }));
+            expect(screen.getByTestId('component')).toBeInTheDocument();
+        });
+        test('sprinkles을 사용할 수 있다.', () => {
+            render(_jsx(Component, { className: sprinkles({ margin: 'md' }), "data-testid": "component" }));
+            expect(screen.getByTestId('component')).toHaveClass(sprinkles({ margin: 'md' }));
+        });
+        test('sx를 사용할 수 있다.', () => {
+            render(_jsx(Component, { sx: { margin: 'md' }, "data-testid": "component" }));
+            expect(screen.getByTestId('component')).toHaveClass(sprinkles({ margin: 'md' }));
+        });
+        test('className을 적용할 수 있다.', () => {
+            render(_jsx(Component, { className: "test", "data-testid": "component" }));
+            expect(screen.getByTestId('component')).toHaveClass('test');
+        });
+        test('inline style을 적용할 수 있다.', () => {
+            render(_jsx(Component, { style: { color: 'red' }, "data-testid": "component" }));
+            expect(screen.getByTestId('component')).toHaveStyle({ color: 'red' });
+        });
+        test('ref를 적용할 수 있다.', () => {
+            const ref = React.createRef();
+            render(_jsx(Component, { ref: ref }));
+            expect(ref.current).not.toBeNull();
+        });
+    });
+};

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

@@ -0,0 +1,314 @@
+export declare const darkThemeVars: {
+    borderRadius: string;
+    color: {
+        red: {
+            readonly 50: "238, 224, 224";
+            readonly 100: "232, 210, 210";
+            readonly 200: "224, 186, 186";
+            readonly 300: "214, 148, 148";
+            readonly 400: "205, 105, 105";
+            readonly 500: "186, 64, 64";
+            readonly 600: "165, 42, 42";
+            readonly 700: "140, 28, 28";
+            readonly 800: "115, 25, 25";
+            readonly 900: "92, 22, 22";
+            readonly 950: "55, 10, 10";
+        };
+        orange: {
+            readonly 50: "240, 230, 215";
+            readonly 100: "234, 214, 190";
+            readonly 200: "225, 190, 150";
+            readonly 300: "212, 158, 100";
+            readonly 400: "200, 120, 60";
+            readonly 500: "184, 90, 25";
+            readonly 600: "160, 70, 20";
+            readonly 700: "138, 55, 20";
+            readonly 800: "112, 44, 18";
+            readonly 900: "92, 38, 18";
+            readonly 950: "55, 20, 8";
+        };
+        amber: {
+            readonly 50: "240, 230, 205";
+            readonly 100: "234, 214, 170";
+            readonly 200: "224, 190, 130";
+            readonly 300: "210, 160, 85";
+            readonly 400: "194, 140, 40";
+            readonly 500: "172, 116, 20";
+            readonly 600: "150, 94, 14";
+            readonly 700: "128, 74, 12";
+            readonly 800: "104, 58, 14";
+            readonly 900: "84, 46, 14";
+            readonly 950: "52, 22, 6";
+        };
+        yellow: {
+            readonly 50: "240, 236, 210";
+            readonly 100: "236, 226, 180";
+            readonly 200: "226, 206, 140";
+            readonly 300: "214, 188, 90";
+            readonly 400: "198, 166, 40";
+            readonly 500: "172, 136, 20";
+            readonly 600: "148, 112, 10";
+            readonly 700: "122, 90, 12";
+            readonly 800: "100, 72, 14";
+            readonly 900: "80, 60, 18";
+            readonly 950: "50, 30, 8";
+        };
+        lime: {
+            readonly 50: "224, 238, 210";
+            readonly 100: "210, 230, 180";
+            readonly 200: "194, 214, 140";
+            readonly 300: "170, 194, 100";
+            readonly 400: "146, 172, 64";
+            readonly 500: "120, 144, 34";
+            readonly 600: "98, 120, 24";
+            readonly 700: "80, 98, 20";
+            readonly 800: "66, 82, 20";
+            readonly 900: "56, 70, 20";
+            readonly 950: "28, 42, 10";
+        };
+        green: {
+            readonly 50: "220, 238, 224";
+            readonly 100: "200, 232, 210";
+            readonly 200: "176, 220, 188";
+            readonly 300: "138, 198, 150";
+            readonly 400: "100, 176, 112";
+            readonly 500: "68, 150, 82";
+            readonly 600: "48, 124, 62";
+            readonly 700: "34, 100, 50";
+            readonly 800: "28, 84, 44";
+            readonly 900: "22, 70, 38";
+            readonly 950: "8, 40, 20";
+        };
+        emerald: {
+            readonly 50: "220, 236, 226";
+            readonly 100: "200, 224, 210";
+            readonly 200: "172, 210, 186";
+            readonly 300: "132, 190, 160";
+            readonly 400: "94, 168, 136";
+            readonly 500: "60, 144, 112";
+            readonly 600: "42, 120, 94";
+            readonly 700: "34, 96, 80";
+            readonly 800: "28, 78, 66";
+            readonly 900: "20, 62, 54";
+            readonly 950: "10, 38, 34";
+        };
+        teal: {
+            readonly 50: "220, 236, 232";
+            readonly 100: "200, 226, 212";
+            readonly 200: "170, 212, 188";
+            readonly 300: "130, 192, 168";
+            readonly 400: "96, 170, 150";
+            readonly 500: "64, 144, 132";
+            readonly 600: "48, 120, 112";
+            readonly 700: "38, 96, 90";
+            readonly 800: "30, 80, 76";
+            readonly 900: "24, 66, 64";
+            readonly 950: "12, 44, 44";
+        };
+        cyan: {
+            readonly 50: "220, 238, 240";
+            readonly 100: "198, 226, 228";
+            readonly 200: "166, 212, 212";
+            readonly 300: "120, 192, 192";
+            readonly 400: "84, 168, 170";
+            readonly 500: "52, 144, 152";
+            readonly 600: "40, 120, 132";
+            readonly 700: "32, 96, 108";
+            readonly 800: "28, 80, 90";
+            readonly 900: "24, 66, 76";
+            readonly 950: "12, 48, 60";
+        };
+        sky: {
+            readonly 50: "224, 238, 244";
+            readonly 100: "206, 228, 236";
+            readonly 200: "176, 212, 224";
+            readonly 300: "134, 190, 212";
+            readonly 400: "100, 168, 200";
+            readonly 500: "70, 142, 180";
+            readonly 600: "48, 116, 156";
+            readonly 700: "36, 92, 124";
+            readonly 800: "32, 78, 108";
+            readonly 900: "28, 64, 92";
+            readonly 950: "16, 44, 70";
+        };
+        blue: {
+            readonly 50: "224, 234, 244";
+            readonly 100: "200, 220, 236";
+            readonly 200: "176, 204, 224";
+            readonly 300: "142, 180, 210";
+            readonly 400: "100, 152, 190";
+            readonly 500: "72, 126, 168";
+            readonly 600: "52, 102, 148";
+            readonly 700: "42, 84, 132";
+            readonly 800: "36, 70, 114";
+            readonly 900: "30, 56, 96";
+            readonly 950: "20, 36, 70";
+        };
+        indigo: {
+            readonly 50: "224, 228, 240";
+            readonly 100: "208, 214, 234";
+            readonly 200: "184, 192, 220";
+            readonly 300: "158, 166, 202";
+            readonly 400: "128, 136, 184";
+            readonly 500: "100, 106, 166";
+            readonly 600: "80, 86, 148";
+            readonly 700: "66, 70, 128";
+            readonly 800: "54, 56, 106";
+            readonly 900: "46, 46, 88";
+            readonly 950: "30, 28, 66";
+        };
+        violet: {
+            readonly 50: "232, 228, 242";
+            readonly 100: "218, 214, 234";
+            readonly 200: "200, 194, 220";
+            readonly 300: "174, 166, 202";
+            readonly 400: "148, 134, 184";
+            readonly 500: "122, 96, 166";
+            readonly 600: "104, 62, 152";
+            readonly 700: "90, 42, 134";
+            readonly 800: "74, 34, 114";
+            readonly 900: "60, 28, 94";
+            readonly 950: "36, 16, 66";
+        };
+        purple: {
+            readonly 50: "238, 228, 244";
+            readonly 100: "224, 212, 236";
+            readonly 200: "206, 190, 224";
+            readonly 300: "178, 160, 210";
+            readonly 400: "150, 120, 190";
+            readonly 500: "124, 82, 170";
+            readonly 600: "104, 54, 150";
+            readonly 700: "86, 38, 132";
+            readonly 800: "72, 30, 112";
+            readonly 900: "58, 24, 90";
+            readonly 950: "40, 10, 70";
+        };
+        fuchsia: {
+            readonly 50: "240, 226, 244";
+            readonly 100: "228, 210, 236";
+            readonly 200: "212, 186, 224";
+            readonly 300: "188, 154, 210";
+            readonly 400: "160, 112, 190";
+            readonly 500: "134, 72, 168";
+            readonly 600: "112, 40, 146";
+            readonly 700: "94, 28, 126";
+            readonly 800: "76, 26, 108";
+            readonly 900: "62, 24, 90";
+            readonly 950: "40, 6, 60";
+        };
+        pink: {
+            readonly 50: "238, 226, 232";
+            readonly 100: "228, 210, 224";
+            readonly 200: "214, 186, 212";
+            readonly 300: "190, 150, 194";
+            readonly 400: "160, 106, 170";
+            readonly 500: "134, 68, 144";
+            readonly 600: "112, 38, 118";
+            readonly 700: "92, 24, 92";
+            readonly 800: "76, 20, 76";
+            readonly 900: "62, 22, 66";
+            readonly 950: "40, 8, 40";
+        };
+        rose: {
+            readonly 50: "238, 226, 228";
+            readonly 100: "228, 210, 214";
+            readonly 200: "212, 186, 194";
+            readonly 300: "186, 150, 168";
+            readonly 400: "158, 108, 144";
+            readonly 500: "130, 70, 120";
+            readonly 600: "108, 36, 92";
+            readonly 700: "90, 20, 76";
+            readonly 800: "74, 18, 70";
+            readonly 900: "60, 18, 64";
+            readonly 950: "40, 6, 38";
+        };
+        slate: {
+            readonly 50: "234, 238, 240";
+            readonly 100: "220, 226, 230";
+            readonly 200: "200, 210, 220";
+            readonly 300: "176, 186, 194";
+            readonly 400: "140, 154, 168";
+            readonly 500: "98, 112, 130";
+            readonly 600: "72, 84, 104";
+            readonly 700: "54, 66, 86";
+            readonly 800: "36, 44, 62";
+            readonly 900: "22, 28, 44";
+            readonly 950: "8, 12, 26";
+        };
+        gray: {
+            readonly 50: "236, 238, 240";
+            readonly 100: "224, 226, 228";
+            readonly 200: "208, 210, 214";
+            readonly 300: "184, 186, 192";
+            readonly 400: "144, 150, 162";
+            readonly 500: "104, 110, 124";
+            readonly 600: "76, 84, 96";
+            readonly 700: "56, 64, 80";
+            readonly 800: "36, 44, 58";
+            readonly 900: "20, 28, 42";
+            readonly 950: "8, 10, 20";
+        };
+        zinc: {
+            readonly 50: "236, 236, 236";
+            readonly 100: "224, 224, 226";
+            readonly 200: "206, 206, 210";
+            readonly 300: "186, 186, 190";
+            readonly 400: "146, 146, 154";
+            readonly 500: "108, 108, 116";
+            readonly 600: "80, 80, 88";
+            readonly 700: "62, 62, 70";
+            readonly 800: "44, 44, 48";
+            readonly 900: "28, 28, 30";
+            readonly 950: "12, 12, 14";
+        };
+        neutral: {
+            readonly 50: "236, 236, 236";
+            readonly 100: "224, 224, 224";
+            readonly 200: "206, 206, 206";
+            readonly 300: "186, 186, 186";
+            readonly 400: "146, 146, 146";
+            readonly 500: "110, 110, 110";
+            readonly 600: "82, 82, 82";
+            readonly 700: "66, 66, 66";
+            readonly 800: "44, 44, 44";
+            readonly 900: "28, 28, 28";
+            readonly 950: "12, 12, 12";
+        };
+        stone: {
+            readonly 50: "236, 236, 234";
+            readonly 100: "224, 224, 222";
+            readonly 200: "208, 206, 204";
+            readonly 300: "186, 182, 180";
+            readonly 400: "146, 140, 138";
+            readonly 500: "110, 104, 100";
+            readonly 600: "86, 80, 76";
+            readonly 700: "70, 64, 60";
+            readonly 800: "44, 40, 38";
+            readonly 900: "28, 24, 22";
+            readonly 950: "12, 10, 8";
+        };
+        background: string;
+        foreground: string;
+        primary: string;
+        'primary-foreground': string;
+        secondary: string;
+        'secondary-foreground': string;
+        muted: string;
+        'muted-foreground': string;
+        accent: string;
+        'accent-foreground': string;
+        border: string;
+        'border.weak': string;
+        card: string;
+        'card-foreground': string;
+        'card.gradient': string;
+        success: string;
+        'success-foreground': string;
+        danger: string;
+        'danger-foreground': string;
+        warning: string;
+        'warning-foreground': string;
+        shadow: string;
+    };
+};
+//# 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,29 @@
+import { darkColor } from '../tokens/scale/color';
+export 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,
+    },
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,4 @@
+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/index.js

@@ -0,0 +1,3 @@
+export * from './darkTheme.css';
+export * from './lightTheme.css';
+export { theme } from './theme.css';