@kimdw-rtk/ui 0.0.23 → 0.0.24

package/dist/components/Accordion/Accordion.css.js

@@ -1,27 +1,5 @@
-import { createVar } 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 { recipeWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const paddingVar = createVar();
-const accordion = recipeWithLayer({
-    base: {
-        width: '100%',
-        borderBottom: `1px solid rgb(${theme.color.border})`,
-    },
-    variants: {
-        isPadding: {
-            true: {
-                vars: {
-                    [paddingVar]: '0.75em',
-                },
-            },
-            false: {
-                vars: {
-                    [paddingVar]: '0.75em 0',
-                },
-            },
-        },
-    },
-});
+var accordion = createRuntimeFn({defaultClassName:'Accordion__18xln004 Accordion_layeredBase__18xln001',variantClassNames:{isPadding:{true:'Accordion_styleWithLayer__18xln002',false:'Accordion_styleWithLayer__18xln003'}},defaultVariants:{},compoundVariants:[]});
 
-export { accordion, paddingVar };
+export { accordion };

package/dist/components/Accordion/AccordionContent.css.js

@@ -1,25 +1,6 @@
-import { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
-import { paddingVar } from './Accordion.css.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const container = recipeWithLayer({
-    base: {
-        overflow: 'hidden',
-        transition: 'height 0.2s ease, opacity 0.2s ease',
-    },
-    variants: {
-        isExpanded: {
-            true: {
-                opacity: '1',
-            },
-            false: {
-                height: '0',
-                opacity: '0',
-            },
-        },
-    },
-});
-const inner = styleWithLayer({
-    padding: paddingVar,
-});
+var container = createRuntimeFn({defaultClassName:'AccordionContent__a19wuy3 AccordionContent_layeredBase__a19wuy0',variantClassNames:{isExpanded:{true:'AccordionContent_styleWithLayer__a19wuy1',false:'AccordionContent_styleWithLayer__a19wuy2'}},defaultVariants:{},compoundVariants:[]});
+var inner = 'AccordionContent_styleWithLayer__a19wuy6';
 
 export { container, inner };

package/dist/components/Accordion/AccordionTrigger.css.js

@@ -1,42 +1,6 @@
-import { recipeWithLayer } from '../../utils/styleUtils.css.js';
-import { paddingVar } from './Accordion.css.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const triggerContainer = recipeWithLayer({
-    base: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '0.25em',
-        width: '100%',
-        padding: paddingVar,
-        cursor: 'pointer',
-        ':hover': {
-            textDecoration: 'underline',
-        },
-    },
-    variants: {
-        iconPosition: {
-            text: {},
-            right: {
-                justifyContent: 'space-between',
-            },
-        },
-    },
-});
-const arrow = recipeWithLayer({
-    base: {
-        lineHeight: '0',
-        transition: 'transform 0.2s ease',
-    },
-    variants: {
-        expand: {
-            true: {
-                transform: 'rotate(-180deg)',
-            },
-            false: {
-                transform: 'rotate(0)',
-            },
-        },
-    },
-});
+var arrow = createRuntimeFn({defaultClassName:'AccordionTrigger__1xaprgb9 AccordionTrigger_layeredBase__1xaprgb6',variantClassNames:{expand:{true:'AccordionTrigger_styleWithLayer__1xaprgb7',false:'AccordionTrigger_styleWithLayer__1xaprgb8'}},defaultVariants:{},compoundVariants:[]});
+var triggerContainer = createRuntimeFn({defaultClassName:'AccordionTrigger__1xaprgb3 AccordionTrigger_layeredBase__1xaprgb0',variantClassNames:{iconPosition:{text:'AccordionTrigger_styleWithLayer__1xaprgb1',right:'AccordionTrigger_styleWithLayer__1xaprgb2'}},defaultVariants:{},compoundVariants:[]});
 
 export { arrow, triggerContainer };

package/dist/components/Box/Box.css.js

@@ -1,19 +1,5 @@
-import { recipeWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const box = recipeWithLayer({
-    variants: {
-        flex: {
-            true: {
-                display: 'flex',
-            },
-        },
-        rounded: {
-            true: {
-                borderRadius: theme.borderRadius,
-            },
-        },
-    },
-});
+var box = createRuntimeFn({defaultClassName:'Box__1wsb57c2',variantClassNames:{flex:{true:'Box_styleWithLayer__1wsb57c0'},rounded:{true:'Box_styleWithLayer__1wsb57c1'}},defaultVariants:{},compoundVariants:[]});
 
 export { box };

package/dist/components/Button/Button.css.js

@@ -1,185 +1,7 @@
-import { style, keyframes, createVar, 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';
-import { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
-import { SCALE_COLOR } from '../../tokens/scale/color.js';
-import { theme } from '../../themes/theme.css.js';
-import { semanticColor } from '../../tokens/semantic/color.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const backgroundVar = createVar();
-const foregroundVar = createVar();
-const semanticColors = semanticColor.reduce((prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-        vars: {
-            [backgroundVar]: theme.color[color],
-            [foregroundVar]: theme.color[`${color}-foreground`],
-        },
-    }),
-}), {});
-const scaleColors = SCALE_COLOR.reduce((prev, value) => ({
-    ...prev,
-    [value]: styleWithLayer({
-        vars: {
-            [backgroundVar]: theme.color[value][500],
-            [foregroundVar]: theme.color.background,
-        },
-    }),
-}), {});
-const pulse = keyframes({
-    '0%': {
-        backgroundPosition: '-300% 0',
-    },
-    '100%': {
-        backgroundPosition: '300% 0',
-    },
-});
-const span = recipeWithLayer({
-    base: {
-        lineHeight: '0',
-    },
-    variants: {
-        size: {
-            sm: {
-                fontSize: '0.875em',
-            },
-            md: {
-                fontSize: '1em',
-            },
-            lg: {
-                fontSize: '1.125em',
-            },
-            'icon-sm': {
-                fontSize: '1em',
-            },
-            'icon-md': {
-                fontSize: '1.25em',
-            },
-            'icon-lg': {
-                fontSize: '1.5em',
-            },
-        },
-    },
-});
-const button = recipeWithLayer({
-    base: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        position: 'relative',
-        overflow: 'hidden',
-        border: '0',
-        borderRadius: theme.borderRadius,
-        fontSize: '1em',
-        transition: 'background-color 0.2s ease, color 0.2s ease',
-        cursor: 'pointer',
-        userSelect: 'none',
-    },
-    variants: {
-        hasIcon: {
-            true: {
-                gap: '0.5em',
-            },
-        },
-        color: {
-            ...semanticColors,
-            ...scaleColors,
-        },
-        size: {
-            sm: {
-                height: '2.25em',
-                padding: '0 0.75em',
-            },
-            md: {
-                height: '2.5em',
-                padding: '0 0.875em',
-            },
-            lg: {
-                height: '2.75em',
-                padding: '0 1em',
-            },
-            'icon-sm': {
-                width: '2em',
-                height: '2em',
-            },
-            'icon-md': {
-                width: '2.5em',
-                height: '2.5em',
-            },
-            'icon-lg': {
-                width: '2.75em',
-                height: '2.75em',
-            },
-        },
-        variant: {
-            contained: {
-                boxShadow: `inset 0 0 0 1px rgba(255, 255, 255, 0.08)`,
-                backgroundColor: `rgb(${backgroundVar})`,
-                color: `rgb(${foregroundVar})`,
-                ':disabled': {
-                    backgroundColor: `rgb(${theme.color.muted})`,
-                    color: `rgb(${theme.color['muted-foreground']})`,
-                    cursor: 'default',
-                },
-            },
-            outlined: {
-                boxShadow: `inset 0 0 0 1px rgb(${backgroundVar})`,
-                backgroundColor: `rgb(${theme.color.background})`,
-                color: `rgb(${theme.color.foreground})`,
-                ':disabled': {
-                    backgroundColor: `rgb(${theme.color.muted})`,
-                    color: `rgb(${theme.color['muted-foreground']})`,
-                    cursor: 'default',
-                },
-            },
-            ghost: {
-                background: 'transparent',
-                color: `rgb(${theme.color.foreground})`,
-                ':hover': {
-                    backgroundColor: `rgba(${backgroundVar}, 0.8)`,
-                    color: `rgb(${foregroundVar})`,
-                },
-                ':disabled': {
-                    color: `rgb(${theme.color['muted-foreground']})`,
-                    cursor: 'default',
-                },
-            },
-            glass: {
-                boxShadow: `inset 0 0 0 1px rgba(255, 255, 255, 0.08)`,
-                backgroundColor: `rgba(${backgroundVar}, 0.75)`,
-                backdropFilter: 'blur(1rem)',
-                color: `rgb(${theme.color.foreground})`,
-                ':disabled': {
-                    backgroundColor: `rgb(${theme.color.muted})`,
-                    color: `rgb(${theme.color['muted-foreground']})`,
-                    cursor: 'default',
-                },
-            },
-        },
-        pulse: {
-            true: {
-                '::after': {
-                    content: '',
-                    position: 'absolute',
-                    inset: '0',
-                    background: 'linear-gradient(90deg, transparent 30%, #ffffff33 65%, transparent 100%)',
-                    backgroundSize: '300% 100%',
-                    animation: `${pulse} 5s linear 0s infinite`,
-                },
-            },
-        },
-    },
-});
-const icon = style({
-    lineHeight: '0',
-});
-globalStyle(`${icon} > *`, {
-    width: '1em',
-    height: '1em',
-    lineHeight: '0',
-    pointerEvents: 'none',
-});
-globalStyle(`${button.classNames.base} svg`, {
-    width: '1em',
-    height: '1em',
-});
+var button = createRuntimeFn({defaultClassName:'Button__1abigts1o Button_layeredBase__1abigts1b',variantClassNames:{hasIcon:{true:'Button_styleWithLayer__1abigts1c'},color:{primary:'Button_styleWithLayer__1abigts2',secondary:'Button_styleWithLayer__1abigts3',muted:'Button_styleWithLayer__1abigts4',accent:'Button_styleWithLayer__1abigts5',card:'Button_styleWithLayer__1abigts6',danger:'Button_styleWithLayer__1abigts7',warning:'Button_styleWithLayer__1abigts8',success:'Button_styleWithLayer__1abigts9',red:'Button_styleWithLayer__1abigtsa',orange:'Button_styleWithLayer__1abigtsb',amber:'Button_styleWithLayer__1abigtsc',yellow:'Button_styleWithLayer__1abigtsd',lime:'Button_styleWithLayer__1abigtse',green:'Button_styleWithLayer__1abigtsf',emerald:'Button_styleWithLayer__1abigtsg',teal:'Button_styleWithLayer__1abigtsh',cyan:'Button_styleWithLayer__1abigtsi',sky:'Button_styleWithLayer__1abigtsj',blue:'Button_styleWithLayer__1abigtsk',indigo:'Button_styleWithLayer__1abigtsl',violet:'Button_styleWithLayer__1abigtsm',purple:'Button_styleWithLayer__1abigtsn',fuchsia:'Button_styleWithLayer__1abigtso',pink:'Button_styleWithLayer__1abigtsp',rose:'Button_styleWithLayer__1abigtsq',slate:'Button_styleWithLayer__1abigtsr',gray:'Button_styleWithLayer__1abigtss',zinc:'Button_styleWithLayer__1abigtst',neutral:'Button_styleWithLayer__1abigtsu',stone:'Button_styleWithLayer__1abigtsv'},size:{sm:'Button_styleWithLayer__1abigts1d',md:'Button_styleWithLayer__1abigts1e',lg:'Button_styleWithLayer__1abigts1f','icon-sm':'Button_styleWithLayer__1abigts1g','icon-md':'Button_styleWithLayer__1abigts1h','icon-lg':'Button_styleWithLayer__1abigts1i'},variant:{contained:'Button_styleWithLayer__1abigts1j',outlined:'Button_styleWithLayer__1abigts1k',ghost:'Button_styleWithLayer__1abigts1l',glass:'Button_styleWithLayer__1abigts1m'},pulse:{true:'Button_styleWithLayer__1abigts1n'}},defaultVariants:{},compoundVariants:[]});
+var icon = 'Button_icon__1abigts2v';
+var span = createRuntimeFn({defaultClassName:'Button__1abigts14 Button_layeredBase__1abigtsx',variantClassNames:{size:{sm:'Button_styleWithLayer__1abigtsy',md:'Button_styleWithLayer__1abigtsz',lg:'Button_styleWithLayer__1abigts10','icon-sm':'Button_styleWithLayer__1abigts11','icon-md':'Button_styleWithLayer__1abigts12','icon-lg':'Button_styleWithLayer__1abigts13'}},defaultVariants:{},compoundVariants:[]});
 
 export { button, icon, span };

package/dist/components/Card/Card.css.js

@@ -1,71 +1,5 @@
-import { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
-import { SCALE_COLOR } from '../../tokens/scale/color.js';
-import { cardInteraction } from './CardInteraction.css.js';
-import { theme } from '../../themes/theme.css.js';
-import { semanticColor } from '../../tokens/semantic/color.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const semanticColors = semanticColor.reduce((prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-        backgroundColor: `rgb(${theme.color[color]})`,
-    }),
-}), {});
-const scaleColors = SCALE_COLOR.reduce((prev, value) => ({
-    ...prev,
-    [value]: styleWithLayer({
-        backgroundColor: `color-mix(in srgb, rgb(${theme.color[value][500]}) 20%, rgb(${theme.color.background}) 80%)`,
-    }),
-}), {});
-const card = recipeWithLayer({
-    base: {
-        display: 'flex',
-        flexDirection: 'column',
-        overflow: 'hidden',
-        position: 'relative',
-        borderRadius: theme.borderRadius,
-        color: `rgb(${theme.color.foreground})`,
-        transition: 'border-color 0.2s ease, transform 0.4s ease',
-        selectors: {
-            [`&:has(${cardInteraction}:hover)`]: {
-                borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 10%, rgb(${theme.color.border}) 90%)`,
-            },
-            [`&:has(${cardInteraction}:active)`]: {
-                borderColor: `color-mix(in srgb, rgb(${theme.color.primary}) 40%, rgb(${theme.color.border}) 60%)`,
-            },
-        },
-    },
-    variants: {
-        variant: {
-            contained: {},
-            outlined: {
-                border: '1px solid',
-                borderColor: `rgb(${theme.color.border})`,
-            },
-            glass: {
-                border: `1px solid rgb(${theme.color['border.weak']})`,
-                borderRadius: '0.75rem',
-                background: `linear-gradient(rgba(${theme.color['card.gradient']}, 0.06) 0%, rgba(${theme.color['card.gradient']}, 0.02) 100%)`,
-                backdropFilter: 'blur(1rem)',
-                '::before': {
-                    position: 'absolute',
-                    inset: '0',
-                    background: 'linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%)',
-                    opacity: '0',
-                    transition: 'opacity 0.3s ease',
-                    content: '',
-                },
-                selectors: {
-                    '&:hover::before': {
-                        opacity: '1',
-                    },
-                },
-            },
-        },
-        color: {
-            ...semanticColors,
-            ...scaleColors,
-        },
-    },
-});
+var card = createRuntimeFn({defaultClassName:'Card__1foreksy Card_layeredBase__1foreksu',variantClassNames:{variant:{contained:'Card_styleWithLayer__1foreksv',outlined:'Card_styleWithLayer__1foreksw',glass:'Card_styleWithLayer__1foreksx'},color:{primary:'Card_styleWithLayer__1foreks0',secondary:'Card_styleWithLayer__1foreks1',muted:'Card_styleWithLayer__1foreks2',accent:'Card_styleWithLayer__1foreks3',card:'Card_styleWithLayer__1foreks4',danger:'Card_styleWithLayer__1foreks5',warning:'Card_styleWithLayer__1foreks6',success:'Card_styleWithLayer__1foreks7',red:'Card_styleWithLayer__1foreks8',orange:'Card_styleWithLayer__1foreks9',amber:'Card_styleWithLayer__1foreksa',yellow:'Card_styleWithLayer__1foreksb',lime:'Card_styleWithLayer__1foreksc',green:'Card_styleWithLayer__1foreksd',emerald:'Card_styleWithLayer__1forekse',teal:'Card_styleWithLayer__1foreksf',cyan:'Card_styleWithLayer__1foreksg',sky:'Card_styleWithLayer__1foreksh',blue:'Card_styleWithLayer__1foreksi',indigo:'Card_styleWithLayer__1foreksj',violet:'Card_styleWithLayer__1foreksk',purple:'Card_styleWithLayer__1foreksl',fuchsia:'Card_styleWithLayer__1foreksm',pink:'Card_styleWithLayer__1foreksn',rose:'Card_styleWithLayer__1forekso',slate:'Card_styleWithLayer__1foreksp',gray:'Card_styleWithLayer__1foreksq',zinc:'Card_styleWithLayer__1foreksr',neutral:'Card_styleWithLayer__1forekss',stone:'Card_styleWithLayer__1forekst'}},defaultVariants:{},compoundVariants:[]});
 
 export { card };

package/dist/components/Card/CardContent.css.js

@@ -1,9 +1,3 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-import { spacing } from '../../tokens/semantic/spacing.js';
-
-const cardContent = styleWithLayer({
-    flex: '1 1 auto',
-    padding: spacing.md,
-});
+var cardContent = 'CardContent_styleWithLayer__1nhygmc0';
 
 export { cardContent };

package/dist/components/Card/CardInteraction.css.js

@@ -1,11 +1,3 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-
-const cardInteraction = styleWithLayer({
-    position: 'relative',
-    overflow: 'hidden',
-    height: '100%',
-    cursor: 'pointer',
-    userSelect: 'none',
-});
+var cardInteraction = 'CardInteraction_styleWithLayer__3n4sac0';
 
 export { cardInteraction };

package/dist/components/Card/CardThumbnail.css.js

@@ -1,8 +1,3 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-
-const thumbnail = styleWithLayer({
-    width: 'auto',
-    maxWidth: '100%',
-});
+var thumbnail = 'CardThumbnail_styleWithLayer__1c08tgo0';
 
 export { thumbnail };

package/dist/components/Chip/Chip.css.js

@@ -1,59 +1,5 @@
-import { createVar } 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 { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
-import { SCALE_COLOR } from '../../tokens/scale/color.js';
-import { theme } from '../../themes/theme.css.js';
-import { semanticColor } from '../../tokens/semantic/color.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const backgroundVar = createVar();
-const foregroundVar = createVar();
-const semanticColors = semanticColor.reduce((prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-        vars: {
-            [backgroundVar]: theme.color[color],
-            [foregroundVar]: theme.color[`${color}-foreground`],
-        },
-    }),
-}), {});
-const scaleColors = SCALE_COLOR.reduce((prev, value) => ({
-    ...prev,
-    [value]: styleWithLayer({
-        vars: {
-            [backgroundVar]: theme.color[value][500],
-            [foregroundVar]: theme.color[value][50],
-        },
-    }),
-}), {});
-const chip = recipeWithLayer({
-    base: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        lineHeight: '0',
-        gap: '0.125em',
-        height: '2em',
-        padding: '0 0.75em',
-        borderRadius: theme.borderRadius,
-        backgroundColor: `rgb(${backgroundVar})`,
-        color: `rgb(${foregroundVar})`,
-        userSelect: 'none',
-    },
-    variants: {
-        color: {
-            ...semanticColors,
-            ...scaleColors,
-        },
-        size: {
-            sm: {
-                fontSize: '0.75em',
-            },
-            md: {
-                fontSize: '0.875em',
-            },
-            lg: {
-                fontSize: '1em',
-            },
-        },
-    },
-});
+var chip = createRuntimeFn({defaultClassName:'Chip__1ogf81t10 Chip_layeredBase__1ogf81tw',variantClassNames:{color:{primary:'Chip_styleWithLayer__1ogf81t2',secondary:'Chip_styleWithLayer__1ogf81t3',muted:'Chip_styleWithLayer__1ogf81t4',accent:'Chip_styleWithLayer__1ogf81t5',card:'Chip_styleWithLayer__1ogf81t6',danger:'Chip_styleWithLayer__1ogf81t7',warning:'Chip_styleWithLayer__1ogf81t8',success:'Chip_styleWithLayer__1ogf81t9',red:'Chip_styleWithLayer__1ogf81ta',orange:'Chip_styleWithLayer__1ogf81tb',amber:'Chip_styleWithLayer__1ogf81tc',yellow:'Chip_styleWithLayer__1ogf81td',lime:'Chip_styleWithLayer__1ogf81te',green:'Chip_styleWithLayer__1ogf81tf',emerald:'Chip_styleWithLayer__1ogf81tg',teal:'Chip_styleWithLayer__1ogf81th',cyan:'Chip_styleWithLayer__1ogf81ti',sky:'Chip_styleWithLayer__1ogf81tj',blue:'Chip_styleWithLayer__1ogf81tk',indigo:'Chip_styleWithLayer__1ogf81tl',violet:'Chip_styleWithLayer__1ogf81tm',purple:'Chip_styleWithLayer__1ogf81tn',fuchsia:'Chip_styleWithLayer__1ogf81to',pink:'Chip_styleWithLayer__1ogf81tp',rose:'Chip_styleWithLayer__1ogf81tq',slate:'Chip_styleWithLayer__1ogf81tr',gray:'Chip_styleWithLayer__1ogf81ts',zinc:'Chip_styleWithLayer__1ogf81tt',neutral:'Chip_styleWithLayer__1ogf81tu',stone:'Chip_styleWithLayer__1ogf81tv'},size:{sm:'Chip_styleWithLayer__1ogf81tx',md:'Chip_styleWithLayer__1ogf81ty',lg:'Chip_styleWithLayer__1ogf81tz'}},defaultVariants:{},compoundVariants:[]});
 
 export { chip };

package/dist/components/Dialog/Dialog.css.js

@@ -1,22 +1,3 @@
-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 { theme } from '../../themes/theme.css.js';
-
-const container = style({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '1rem',
-    overflowY: 'auto',
-    maxWidth: 'calc(100vw - 2rem)',
-    minWidth: 'min(20rem, calc(100vw - 2rem))',
-    maxHeight: 'calc(100vh - 2rem)',
-    borderRadius: theme.borderRadius,
-    boxSizing: 'border-box',
-    backgroundColor: `rgb(${theme.color.background})`,
-});
-style({
-    marginBottom: '1rem',
-    lineHeight: '150%',
-    wordBreak: 'break-all',
-});
+var container = 'Dialog_container__qjtgcx0';
 
 export { container };

package/dist/components/Dialog/DialogContent.css.js

@@ -1,15 +1,3 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-import { container as container$1 } from './DialogHeader.css.js';
-import { theme } from '../../themes/theme.css.js';
-
-const container = styleWithLayer({
-    padding: '0 1.5rem 1.5rem 1.5rem',
-    wordBreak: 'break-all',
-    selectors: {
-        [`${container$1} + &`]: {
-            color: `rgb(${theme.color['muted-foreground']})`,
-        },
-    },
-});
+var container = 'DialogContent_styleWithLayer__1v0lk0e0';
 
 export { container };

package/dist/components/Dialog/DialogHeader.css.js

@@ -1,26 +1,4 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
-
-const container = styleWithLayer({
-    position: 'sticky',
-    top: '0',
-    padding: '1.5rem',
-    zIndex: '10',
-    backgroundColor: `rgb(${theme.color.background})`,
-});
-const close = styleWithLayer({
-    width: '1.25rem',
-    height: '1.25rem',
-    padding: '0',
-    border: '0',
-    backgroundColor: 'transparent',
-    fontSize: '1em',
-    color: `rgb(${theme.color['muted-foreground']})`,
-    cursor: 'pointer',
-    transition: 'color 0.1s ease',
-    ':hover': {
-        color: `rgb(${theme.color['foreground']})`,
-    },
-});
+var close = 'DialogHeader_styleWithLayer__jb8ns01';
+var container = 'DialogHeader_styleWithLayer__jb8ns00';
 
 export { close, container };

package/dist/components/Navigation/NavigationAside.css.js

@@ -1,9 +1,3 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-
-const wide = styleWithLayer({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '0.5em',
-});
+var wide = 'NavigationAside_styleWithLayer__alxqst0';
 
 export { wide };

package/dist/components/Navigation/NavigationBar.css.js

@@ -1,35 +1,6 @@
-import { createContainer } 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 { recipeWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
+import { c as createRuntimeFn } 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/createRuntimeFn-62c9670f.esm.js';
 
-const navigationBarContainer = createContainer();
-const navigationBar = recipeWithLayer({
-    base: {
-        zIndex: '20',
-        position: 'sticky',
-        top: '0',
-        width: '100%',
-        borderBottom: `1px solid rgb(${theme.color['border.weak']})`,
-        backgroundColor: `rgba(${theme.color.background}, 0.75)`,
-        backdropFilter: 'blur(2rem) saturate(150%)',
-        color: `rgb(${theme.color.border})`,
-        transition: 'border-bottom-color 0.2s ease',
-        containerType: 'inline-size',
-        containerName: navigationBarContainer,
-    },
-    variants: {
-        size: {
-            sm: {
-                height: '4em',
-            },
-            md: {
-                height: '5em',
-            },
-            lg: {
-                height: '6em',
-            },
-        },
-    },
-});
+var navigationBar = createRuntimeFn({defaultClassName:'NavigationBar__x4q5x95 NavigationBar_layeredBase__x4q5x91',variantClassNames:{size:{sm:'NavigationBar_styleWithLayer__x4q5x92',md:'NavigationBar_styleWithLayer__x4q5x93',lg:'NavigationBar_styleWithLayer__x4q5x94'}},defaultVariants:{},compoundVariants:[]});
+var navigationBarContainer = 'NavigationBar_navigationBarContainer__x4q5x90';
 
 export { navigationBar, navigationBarContainer };

package/dist/components/Navigation/NavigationContainer.css.js

@@ -1,12 +1,3 @@
-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';
-
-const container = style({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    gap: '0.5em',
-    height: '100%',
-    margin: '0 auto',
-});
+var container = 'NavigationContainer_container__1s3m4g70';
 
 export { container };