@choco-vanille/ui 1.4.0 → 1.5.1

package/dist/components/forms/text-field/styles/TextField.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit67.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit23.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: a({ defaultClassName: "_1ugc12d0", variantClassNames: { size: { sm: "_1ugc12d1", md: "_1ugc12d2", lg: "_1ugc12d3" }, hasError: { true: "_1ugc12d4", false: "_1ugc12d5" }, hasStartIcon: { true: "_1ugc12d6", false: "_1ugc12d7" }, hasEndAction: { true: "_1ugc12d8", false: "_1ugc12d9" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "_1ugc12da"], [{ size: "md", hasStartIcon: !0 }, "_1ugc12db"], [{ size: "lg", hasStartIcon: !0 }, "_1ugc12dc"], [{ size: "sm", hasEndAction: !0 }, "_1ugc12dd"], [{ size: "md", hasEndAction: !0 }, "_1ugc12de"], [{ size: "lg", hasEndAction: !0 }, "_1ugc12df"]] }) };

package/dist/components/forms/text-field/types/TextField.props.d.ts

@@ -4,8 +4,10 @@ import type * as React from 'react';
 export type TextFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & RefAttributes<HTMLInputElement> & {
     /** Input size. @default 'md' */
     size?: TextFieldSize;
-    /** Text label rendered above the input, linked via Radix Label for accessibility. */
+    /** Text label rendered above the input, linked to the input for accessibility. */
     label?: string;
+    /** Shows a red required marker next to the label when `required` is true. Defaults to `true`. */
+    showRequiredIndicator?: boolean;
     /** Helper text rendered below the input. Hidden when `error` is provided. */
     helperText?: string;
     /** Error message rendered below the input. When set, the input is styled in its error state. */

package/dist/components/foundation/icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/foundation/icon/Icon.tsx"],"sourcesContent":["import { Icon as Iconify } from '@iconify/react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { ICON_STYLES } from '@components/foundation/icon/styles/Icon.css.ts'\r\nimport type { IconProps } from '@components/foundation/icon/types/Icon.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Icon: FC<IconProps> = memo(({\r\n    icon,\r\n    size,\r\n    spin,\r\n    color,\r\n    padding,\r\n    borderColor,\r\n    backgroundColor,\r\n    borderWidth,\r\n    borderStyle,\r\n    borderRadius,\r\n    'aria-label': ariaLabel,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const isDecorative = ariaLabel === undefined\r\n\r\n    const recipeClassName = ICON_STYLES.recipe({\r\n        size,\r\n        spin,\r\n        color,\r\n    })\r\n\r\n    const computedStyle: CSSProperties = {\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            as={'span'}\r\n            display={'inline-flex'}\r\n            padding={padding}\r\n            borderColor={borderColor}\r\n            backgroundColor={backgroundColor}\r\n            borderWidth={borderWidth}\r\n            borderStyle={borderStyle}\r\n            borderRadius={borderRadius}\r\n        >\r\n            <Iconify\r\n                icon={icon}\r\n                aria-hidden={isDecorative}\r\n                aria-label={ariaLabel}\r\n                role={isDecorative ? undefined : 'img'}\r\n                className={cn(recipeClassName, className)}\r\n                style={computedStyle}\r\n                {...props}\r\n            />\r\n        </Box>\r\n    )\r\n})\r\n\r\nIcon.displayName = 'Icon'\r\n\r\nexport default Icon\r\n"],"names":["Icon","memo","icon","size","spin","color","padding","borderColor","backgroundColor","borderWidth","borderStyle","borderRadius","ariaLabel","className","style","props","isDecorative","recipeClassName","ICON_STYLES","computedStyle","jsx","Box","Iconify","cn"],"mappings":"kQAQMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAcC,EACd,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeJ,IAAc,OAE7BK,EAAkBC,EAAAA,YAAY,OAAO,CACvC,KAAAf,EACA,KAAAC,EACA,MAAAC,CAAA,CACH,EAEKc,EAA+B,CACjC,GAAGL,CAAA,EAGP,OACIM,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,cACT,QAAAf,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EAEA,SAAAS,EAAAA,IAACE,EAAAA,KAAA,CACG,KAAApB,EACA,cAAac,EACb,aAAYJ,EACZ,KAAMI,EAAe,OAAY,MACjC,UAAWO,EAAAA,GAAGN,EAAiBJ,CAAS,EACxC,MAAOM,EACN,GAAGJ,CAAA,CAAA,CACR,CAAA,CAGZ,CAAC,EAEDf,EAAK,YAAc"}
+{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/foundation/icon/Icon.tsx"],"sourcesContent":["import { Icon as Iconify } from '@iconify/react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { ICON_STYLES } from '@components/foundation/icon/styles/Icon.css.ts'\r\nimport type { IconProps } from '@components/foundation/icon/types/Icon.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Iconify icon wrapper. Decorative by default (`aria-hidden`). Pass\r\n * `aria-label` to emit `role=\"img\"` for informative icons. An icon inside\r\n * a named control should remain decorative — the control owns the name.\r\n */\r\nconst Icon: FC<IconProps> = memo(({\r\n    icon,\r\n    size,\r\n    spin,\r\n    color,\r\n    padding,\r\n    borderColor,\r\n    backgroundColor,\r\n    borderWidth,\r\n    borderStyle,\r\n    borderRadius,\r\n    'aria-label': ariaLabel,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const isDecorative = ariaLabel === undefined\r\n\r\n    const recipeClassName = ICON_STYLES.recipe({\r\n        size,\r\n        spin,\r\n        color,\r\n    })\r\n\r\n    const computedStyle: CSSProperties = {\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            as={'span'}\r\n            display={'inline-flex'}\r\n            padding={padding}\r\n            borderColor={borderColor}\r\n            backgroundColor={backgroundColor}\r\n            borderWidth={borderWidth}\r\n            borderStyle={borderStyle}\r\n            borderRadius={borderRadius}\r\n        >\r\n            <Iconify\r\n                icon={icon}\r\n                aria-hidden={isDecorative}\r\n                aria-label={ariaLabel}\r\n                role={isDecorative ? undefined : 'img'}\r\n                className={cn(recipeClassName, className)}\r\n                style={computedStyle}\r\n                {...props}\r\n            />\r\n        </Box>\r\n    )\r\n})\r\n\r\nIcon.displayName = 'Icon'\r\n\r\nexport default Icon\r\n"],"names":["Icon","memo","icon","size","spin","color","padding","borderColor","backgroundColor","borderWidth","borderStyle","borderRadius","ariaLabel","className","style","props","isDecorative","recipeClassName","ICON_STYLES","computedStyle","jsx","Box","Iconify","cn"],"mappings":"kQAaMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAcC,EACd,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeJ,IAAc,OAE7BK,EAAkBC,EAAAA,YAAY,OAAO,CACvC,KAAAf,EACA,KAAAC,EACA,MAAAC,CAAA,CACH,EAEKc,EAA+B,CACjC,GAAGL,CAAA,EAGP,OACIM,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,cACT,QAAAf,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EAEA,SAAAS,EAAAA,IAACE,EAAAA,KAAA,CACG,KAAApB,EACA,cAAac,EACb,aAAYJ,EACZ,KAAMI,EAAe,OAAY,MACjC,UAAWO,EAAAA,GAAGN,EAAiBJ,CAAS,EACxC,MAAOM,EACN,GAAGJ,CAAA,CAAA,CACR,CAAA,CAGZ,CAAC,EAEDf,EAAK,YAAc"}

package/dist/components/foundation/icon/Icon.d.ts

@@ -1,4 +1,9 @@
 import { IconProps } from './types/Icon.props.ts';
 import { FC } from 'react';
+/**
+ * Iconify icon wrapper. Decorative by default (`aria-hidden`). Pass
+ * `aria-label` to emit `role="img"` for informative icons. An icon inside
+ * a named control should remain decorative — the control owns the name.
+ */
 declare const Icon: FC<IconProps>;
 export default Icon;

package/dist/components/foundation/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/foundation/icon/Icon.tsx"],"sourcesContent":["import { Icon as Iconify } from '@iconify/react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { ICON_STYLES } from '@components/foundation/icon/styles/Icon.css.ts'\r\nimport type { IconProps } from '@components/foundation/icon/types/Icon.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Icon: FC<IconProps> = memo(({\r\n    icon,\r\n    size,\r\n    spin,\r\n    color,\r\n    padding,\r\n    borderColor,\r\n    backgroundColor,\r\n    borderWidth,\r\n    borderStyle,\r\n    borderRadius,\r\n    'aria-label': ariaLabel,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const isDecorative = ariaLabel === undefined\r\n\r\n    const recipeClassName = ICON_STYLES.recipe({\r\n        size,\r\n        spin,\r\n        color,\r\n    })\r\n\r\n    const computedStyle: CSSProperties = {\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            as={'span'}\r\n            display={'inline-flex'}\r\n            padding={padding}\r\n            borderColor={borderColor}\r\n            backgroundColor={backgroundColor}\r\n            borderWidth={borderWidth}\r\n            borderStyle={borderStyle}\r\n            borderRadius={borderRadius}\r\n        >\r\n            <Iconify\r\n                icon={icon}\r\n                aria-hidden={isDecorative}\r\n                aria-label={ariaLabel}\r\n                role={isDecorative ? undefined : 'img'}\r\n                className={cn(recipeClassName, className)}\r\n                style={computedStyle}\r\n                {...props}\r\n            />\r\n        </Box>\r\n    )\r\n})\r\n\r\nIcon.displayName = 'Icon'\r\n\r\nexport default Icon\r\n"],"names":["Icon","memo","icon","size","spin","color","padding","borderColor","backgroundColor","borderWidth","borderStyle","borderRadius","ariaLabel","className","style","props","isDecorative","recipeClassName","ICON_STYLES","computedStyle","jsx","Box","Iconify","cn"],"mappings":";;;;;;;AAQA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeJ,MAAc,QAE7BK,IAAkBC,EAAY,OAAO;AAAA,IACvC,MAAAf;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,CACH,GAEKc,IAA+B;AAAA,IACjC,GAAGL;AAAA,EAAA;AAGP,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,SAAAf;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACG,MAAApB;AAAA,UACA,eAAac;AAAA,UACb,cAAYJ;AAAA,UACZ,MAAMI,IAAe,SAAY;AAAA,UACjC,WAAWO,EAAGN,GAAiBJ,CAAS;AAAA,UACxC,OAAOM;AAAA,UACN,GAAGJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGZ,CAAC;AAEDf,EAAK,cAAc;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/foundation/icon/Icon.tsx"],"sourcesContent":["import { Icon as Iconify } from '@iconify/react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { ICON_STYLES } from '@components/foundation/icon/styles/Icon.css.ts'\r\nimport type { IconProps } from '@components/foundation/icon/types/Icon.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Iconify icon wrapper. Decorative by default (`aria-hidden`). Pass\r\n * `aria-label` to emit `role=\"img\"` for informative icons. An icon inside\r\n * a named control should remain decorative — the control owns the name.\r\n */\r\nconst Icon: FC<IconProps> = memo(({\r\n    icon,\r\n    size,\r\n    spin,\r\n    color,\r\n    padding,\r\n    borderColor,\r\n    backgroundColor,\r\n    borderWidth,\r\n    borderStyle,\r\n    borderRadius,\r\n    'aria-label': ariaLabel,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const isDecorative = ariaLabel === undefined\r\n\r\n    const recipeClassName = ICON_STYLES.recipe({\r\n        size,\r\n        spin,\r\n        color,\r\n    })\r\n\r\n    const computedStyle: CSSProperties = {\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            as={'span'}\r\n            display={'inline-flex'}\r\n            padding={padding}\r\n            borderColor={borderColor}\r\n            backgroundColor={backgroundColor}\r\n            borderWidth={borderWidth}\r\n            borderStyle={borderStyle}\r\n            borderRadius={borderRadius}\r\n        >\r\n            <Iconify\r\n                icon={icon}\r\n                aria-hidden={isDecorative}\r\n                aria-label={ariaLabel}\r\n                role={isDecorative ? undefined : 'img'}\r\n                className={cn(recipeClassName, className)}\r\n                style={computedStyle}\r\n                {...props}\r\n            />\r\n        </Box>\r\n    )\r\n})\r\n\r\nIcon.displayName = 'Icon'\r\n\r\nexport default Icon\r\n"],"names":["Icon","memo","icon","size","spin","color","padding","borderColor","backgroundColor","borderWidth","borderStyle","borderRadius","ariaLabel","className","style","props","isDecorative","recipeClassName","ICON_STYLES","computedStyle","jsx","Box","Iconify","cn"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeJ,MAAc,QAE7BK,IAAkBC,EAAY,OAAO;AAAA,IACvC,MAAAf;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,CACH,GAEKc,IAA+B;AAAA,IACjC,GAAGL;AAAA,EAAA;AAGP,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,SAAAf;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACG,MAAApB;AAAA,UACA,eAAac;AAAA,UACb,cAAYJ;AAAA,UACZ,MAAMI,IAAe,SAAY;AAAA,UACjC,WAAWO,EAAGN,GAAiBJ,CAAS;AAAA,UACxC,OAAOM;AAAA,UACN,GAAGJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGZ,CAAC;AAEDf,EAAK,cAAc;"}

package/dist/components/foundation/icon/styles/Icon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit22.css');require('../../../../ui-kit14.css');require('../../../../ui-kit8.css');require('../../../../ui-kit12.css');require('../../../../ui-kit6.css');require('../../../../ui-kit5.css');require('../../../../ui-kit3.css');require('../../../../ui-kit4.css');require('../../../../ui-kit7.css');require('../../../../ui-kit10.css');require('../../../../ui-kit13.css');require('../../../../ui-kit9.css');require('../../../../ui-kit11.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                          */const l=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:l.createRuntimeFn({defaultClassName:"_1liyln50",variantClassNames:{size:{xs:"_1liyln51",sm:"_1liyln52",md:"_1liyln53",lg:"_1liyln54",xl:"_1liyln55","2xl":"_1liyln56"},spin:{true:"_1liyln57"},color:{background:"_1liyln58",foreground:"_1liyln59",text:"_1liyln5a",textSecondary:"_1liyln5b",textTertiary:"_1liyln5c",card:"_1liyln5d",cardForeground:"_1liyln5e",popover:"_1liyln5f",popoverForeground:"_1liyln5g",muted:"_1liyln5h",mutedForeground:"_1liyln5i",overlay:"_1liyln5j",primary:"_1liyln5k",primaryHover:"_1liyln5l",primaryActive:"_1liyln5m",primaryForeground:"_1liyln5n",primarySubtle:"_1liyln5o",primarySubtleHover:"_1liyln5p",primarySubtleActive:"_1liyln5q",primarySubtleForeground:"_1liyln5r",primarySubtleBorder:"_1liyln5s",link:"_1liyln5t",linkHover:"_1liyln5u",linkActive:"_1liyln5v",secondary:"_1liyln5w",secondaryHover:"_1liyln5x",secondaryActive:"_1liyln5y",secondaryForeground:"_1liyln5z",secondarySubtle:"_1liyln510",secondarySubtleHover:"_1liyln511",secondarySubtleActive:"_1liyln512",secondarySubtleForeground:"_1liyln513",secondarySubtleBorder:"_1liyln514",tertiary:"_1liyln515",tertiaryHover:"_1liyln516",tertiaryActive:"_1liyln517",tertiaryForeground:"_1liyln518",tertiarySubtle:"_1liyln519",tertiarySubtleHover:"_1liyln51a",tertiarySubtleActive:"_1liyln51b",tertiarySubtleForeground:"_1liyln51c",tertiarySubtleBorder:"_1liyln51d",success:"_1liyln51e",successHover:"_1liyln51f",successActive:"_1liyln51g",successForeground:"_1liyln51h",successSubtle:"_1liyln51i",successSubtleHover:"_1liyln51j",successSubtleActive:"_1liyln51k",successSubtleForeground:"_1liyln51l",successSubtleBorder:"_1liyln51m",warning:"_1liyln51n",warningHover:"_1liyln51o",warningActive:"_1liyln51p",warningForeground:"_1liyln51q",warningSubtle:"_1liyln51r",warningSubtleHover:"_1liyln51s",warningSubtleActive:"_1liyln51t",warningSubtleForeground:"_1liyln51u",warningSubtleBorder:"_1liyln51v",info:"_1liyln51w",infoHover:"_1liyln51x",infoActive:"_1liyln51y",infoForeground:"_1liyln51z",infoSubtle:"_1liyln520",infoSubtleHover:"_1liyln521",infoSubtleActive:"_1liyln522",infoSubtleForeground:"_1liyln523",infoSubtleBorder:"_1liyln524",destructive:"_1liyln525",destructiveHover:"_1liyln526",destructiveActive:"_1liyln527",destructiveForeground:"_1liyln528",destructiveSubtle:"_1liyln529",destructiveSubtleHover:"_1liyln52a",destructiveSubtleActive:"_1liyln52b",destructiveSubtleForeground:"_1liyln52c",destructiveSubtleBorder:"_1liyln52d",purple:"_1liyln52e",purpleHover:"_1liyln52f",purpleActive:"_1liyln52g",purpleForeground:"_1liyln52h",purpleSubtle:"_1liyln52i",purpleSubtleHover:"_1liyln52j",purpleSubtleActive:"_1liyln52k",purpleSubtleForeground:"_1liyln52l",purpleSubtleBorder:"_1liyln52m",pink:"_1liyln52n",pinkHover:"_1liyln52o",pinkActive:"_1liyln52p",pinkForeground:"_1liyln52q",pinkSubtle:"_1liyln52r",pinkSubtleHover:"_1liyln52s",pinkSubtleActive:"_1liyln52t",pinkSubtleForeground:"_1liyln52u",pinkSubtleBorder:"_1liyln52v",orange:"_1liyln52w",orangeHover:"_1liyln52x",orangeActive:"_1liyln52y",orangeForeground:"_1liyln52z",orangeSubtle:"_1liyln530",orangeSubtleHover:"_1liyln531",orangeSubtleActive:"_1liyln532",orangeSubtleForeground:"_1liyln533",orangeSubtleBorder:"_1liyln534",teal:"_1liyln535",tealHover:"_1liyln536",tealActive:"_1liyln537",tealForeground:"_1liyln538",tealSubtle:"_1liyln539",tealSubtleHover:"_1liyln53a",tealSubtleActive:"_1liyln53b",tealSubtleForeground:"_1liyln53c",tealSubtleBorder:"_1liyln53d",cyan:"_1liyln53e",cyanHover:"_1liyln53f",cyanActive:"_1liyln53g",cyanForeground:"_1liyln53h",cyanSubtle:"_1liyln53i",cyanSubtleHover:"_1liyln53j",cyanSubtleActive:"_1liyln53k",cyanSubtleForeground:"_1liyln53l",cyanSubtleBorder:"_1liyln53m",indigo:"_1liyln53n",indigoHover:"_1liyln53o",indigoActive:"_1liyln53p",indigoForeground:"_1liyln53q",indigoSubtle:"_1liyln53r",indigoSubtleHover:"_1liyln53s",indigoSubtleActive:"_1liyln53t",indigoSubtleForeground:"_1liyln53u",indigoSubtleBorder:"_1liyln53v",border:"_1liyln53w",borderStrong:"_1liyln53x",input:"_1liyln53y",ring:"_1liyln53z",highlight:"_1liyln540",highlightForeground:"_1liyln541",skeleton:"_1liyln542",skeletonForeground:"_1liyln543",transparent:"_1liyln544"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit6.css');require('../../../../ui-kit7.css');require('../../../../ui-kit13.css');require('../../../../ui-kit11.css');require('../../../../ui-kit4.css');require('../../../../ui-kit9.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit8.css');require('../../../../ui-kit12.css');require('../../../../ui-kit5.css');require('../../../../ui-kit10.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                          */const l=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:l.createRuntimeFn({defaultClassName:"_1liyln50",variantClassNames:{size:{xs:"_1liyln51",sm:"_1liyln52",md:"_1liyln53",lg:"_1liyln54",xl:"_1liyln55","2xl":"_1liyln56"},spin:{true:"_1liyln57"},color:{background:"_1liyln58",foreground:"_1liyln59",text:"_1liyln5a",textSecondary:"_1liyln5b",textTertiary:"_1liyln5c",card:"_1liyln5d",cardForeground:"_1liyln5e",popover:"_1liyln5f",popoverForeground:"_1liyln5g",muted:"_1liyln5h",mutedForeground:"_1liyln5i",overlay:"_1liyln5j",primary:"_1liyln5k",primaryHover:"_1liyln5l",primaryActive:"_1liyln5m",primaryForeground:"_1liyln5n",primarySubtle:"_1liyln5o",primarySubtleHover:"_1liyln5p",primarySubtleActive:"_1liyln5q",primarySubtleForeground:"_1liyln5r",primarySubtleBorder:"_1liyln5s",link:"_1liyln5t",linkHover:"_1liyln5u",linkActive:"_1liyln5v",secondary:"_1liyln5w",secondaryHover:"_1liyln5x",secondaryActive:"_1liyln5y",secondaryForeground:"_1liyln5z",secondarySubtle:"_1liyln510",secondarySubtleHover:"_1liyln511",secondarySubtleActive:"_1liyln512",secondarySubtleForeground:"_1liyln513",secondarySubtleBorder:"_1liyln514",tertiary:"_1liyln515",tertiaryHover:"_1liyln516",tertiaryActive:"_1liyln517",tertiaryForeground:"_1liyln518",tertiarySubtle:"_1liyln519",tertiarySubtleHover:"_1liyln51a",tertiarySubtleActive:"_1liyln51b",tertiarySubtleForeground:"_1liyln51c",tertiarySubtleBorder:"_1liyln51d",success:"_1liyln51e",successHover:"_1liyln51f",successActive:"_1liyln51g",successForeground:"_1liyln51h",successSubtle:"_1liyln51i",successSubtleHover:"_1liyln51j",successSubtleActive:"_1liyln51k",successSubtleForeground:"_1liyln51l",successSubtleBorder:"_1liyln51m",warning:"_1liyln51n",warningHover:"_1liyln51o",warningActive:"_1liyln51p",warningForeground:"_1liyln51q",warningSubtle:"_1liyln51r",warningSubtleHover:"_1liyln51s",warningSubtleActive:"_1liyln51t",warningSubtleForeground:"_1liyln51u",warningSubtleBorder:"_1liyln51v",info:"_1liyln51w",infoHover:"_1liyln51x",infoActive:"_1liyln51y",infoForeground:"_1liyln51z",infoSubtle:"_1liyln520",infoSubtleHover:"_1liyln521",infoSubtleActive:"_1liyln522",infoSubtleForeground:"_1liyln523",infoSubtleBorder:"_1liyln524",destructive:"_1liyln525",destructiveHover:"_1liyln526",destructiveActive:"_1liyln527",destructiveForeground:"_1liyln528",destructiveSubtle:"_1liyln529",destructiveSubtleHover:"_1liyln52a",destructiveSubtleActive:"_1liyln52b",destructiveSubtleForeground:"_1liyln52c",destructiveSubtleBorder:"_1liyln52d",purple:"_1liyln52e",purpleHover:"_1liyln52f",purpleActive:"_1liyln52g",purpleForeground:"_1liyln52h",purpleSubtle:"_1liyln52i",purpleSubtleHover:"_1liyln52j",purpleSubtleActive:"_1liyln52k",purpleSubtleForeground:"_1liyln52l",purpleSubtleBorder:"_1liyln52m",pink:"_1liyln52n",pinkHover:"_1liyln52o",pinkActive:"_1liyln52p",pinkForeground:"_1liyln52q",pinkSubtle:"_1liyln52r",pinkSubtleHover:"_1liyln52s",pinkSubtleActive:"_1liyln52t",pinkSubtleForeground:"_1liyln52u",pinkSubtleBorder:"_1liyln52v",orange:"_1liyln52w",orangeHover:"_1liyln52x",orangeActive:"_1liyln52y",orangeForeground:"_1liyln52z",orangeSubtle:"_1liyln530",orangeSubtleHover:"_1liyln531",orangeSubtleActive:"_1liyln532",orangeSubtleForeground:"_1liyln533",orangeSubtleBorder:"_1liyln534",teal:"_1liyln535",tealHover:"_1liyln536",tealActive:"_1liyln537",tealForeground:"_1liyln538",tealSubtle:"_1liyln539",tealSubtleHover:"_1liyln53a",tealSubtleActive:"_1liyln53b",tealSubtleForeground:"_1liyln53c",tealSubtleBorder:"_1liyln53d",cyan:"_1liyln53e",cyanHover:"_1liyln53f",cyanActive:"_1liyln53g",cyanForeground:"_1liyln53h",cyanSubtle:"_1liyln53i",cyanSubtleHover:"_1liyln53j",cyanSubtleActive:"_1liyln53k",cyanSubtleForeground:"_1liyln53l",cyanSubtleBorder:"_1liyln53m",indigo:"_1liyln53n",indigoHover:"_1liyln53o",indigoActive:"_1liyln53p",indigoForeground:"_1liyln53q",indigoSubtle:"_1liyln53r",indigoSubtleHover:"_1liyln53s",indigoSubtleActive:"_1liyln53t",indigoSubtleForeground:"_1liyln53u",indigoSubtleBorder:"_1liyln53v",border:"_1liyln53w",borderStrong:"_1liyln53x",input:"_1liyln53y",ring:"_1liyln53z",highlight:"_1liyln540",highlightForeground:"_1liyln541",skeleton:"_1liyln542",skeletonForeground:"_1liyln543",transparent:"_1liyln544"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.ICON_STYLES=e;
 //# sourceMappingURL=Icon.css.cjs.map

package/dist/components/foundation/icon/styles/Icon.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit22.css';import '../../../../ui-kit14.css';import '../../../../ui-kit8.css';import '../../../../ui-kit12.css';import '../../../../ui-kit6.css';import '../../../../ui-kit5.css';import '../../../../ui-kit3.css';import '../../../../ui-kit4.css';import '../../../../ui-kit7.css';import '../../../../ui-kit10.css';import '../../../../ui-kit13.css';import '../../../../ui-kit9.css';import '../../../../ui-kit11.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit18.css';import '../../../../ui-kit6.css';import '../../../../ui-kit7.css';import '../../../../ui-kit13.css';import '../../../../ui-kit11.css';import '../../../../ui-kit4.css';import '../../../../ui-kit9.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit8.css';import '../../../../ui-kit12.css';import '../../../../ui-kit5.css';import '../../../../ui-kit10.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */

package/dist/components/foundation/typography/Typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[(variant as TypographyVariant) ?? 'span'] ?? 'span'\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","Element","TYPOGRAPHY_ELEMENT_MAP","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":"iOAQMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,GAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAUrB,GAAMsB,EAAAA,uBAAwBrB,GAAiC,MAAM,GAAK,OAEpFsB,EAA+B,CACjC,cAAAlB,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAeC,EAAgBU,EAAAA,KAAK,cAAcV,CAAa,EAAI,OACnE,GAAGI,CAAA,EAGP,OACIO,EAAAA,IAACJ,EAAA,CACG,IAAAF,EACA,UAAWO,EAAAA,GAAGC,EAAAA,kBAAkB,OAAO,CAAE,QAAA1B,EAAS,SAAAC,EAAU,WAAAC,EAAY,SAAAY,EAAU,SAAAC,EAAU,MAAAZ,CAAA,CAAO,EAAGa,CAAS,EAC/G,MAAOM,EACN,GAAGH,CAAA,CAAA,CAGhB,CAAC,EAEDtB,EAAW,YAAc"}
+{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[(variant as TypographyVariant) ?? 'span'] ?? 'span'\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","Element","TYPOGRAPHY_ELEMENT_MAP","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":"iOAqBMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,GAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAUrB,GAAMsB,EAAAA,uBAAwBrB,GAAiC,MAAM,GAAK,OAEpFsB,EAA+B,CACjC,cAAAlB,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAeC,EAAgBU,EAAAA,KAAK,cAAcV,CAAa,EAAI,OACnE,GAAGI,CAAA,EAGP,OACIO,EAAAA,IAACJ,EAAA,CACG,IAAAF,EACA,UAAWO,EAAAA,GAAGC,EAAAA,kBAAkB,OAAO,CAAE,QAAA1B,EAAS,SAAAC,EAAU,WAAAC,EAAY,SAAAY,EAAU,SAAAC,EAAU,MAAAZ,CAAA,CAAO,EAAGa,CAAS,EAC/G,MAAOM,EACN,GAAGH,CAAA,CAAA,CAGhB,CAAC,EAEDtB,EAAW,YAAc"}

package/dist/components/foundation/typography/Typography.d.ts

@@ -1,4 +1,17 @@
 import { TypographyProps } from './types/Typography.props.ts';
 import { FC } from 'react';
+/**
+ * Renders text with the library's semantic element, typography scale, and theme tokens.
+ *
+ * The rendered element defaults to the element associated with `variant` and can
+ * be overridden with `as` when a different HTML semantic is required.
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1" fontSize="4xl" fontWeight="bold">
+ *   Welcome
+ * </Typography>
+ * ```
+ */
 declare const Typography: FC<TypographyProps>;
 export default Typography;

package/dist/components/foundation/typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[(variant as TypographyVariant) ?? 'span'] ?? 'span'\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","Element","TYPOGRAPHY_ELEMENT_MAP","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":";;;;;;AAQA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAUrB,KAAMsB,EAAwBrB,KAAiC,MAAM,KAAK,QAEpFsB,IAA+B;AAAA,IACjC,eAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAeC,IAAgBU,EAAK,cAAcV,CAAa,IAAI;AAAA,IACnE,GAAGI;AAAA,EAAA;AAGP,SACI,gBAAAO;AAAA,IAACJ;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,WAAWO,EAAGC,EAAkB,OAAO,EAAE,SAAA1B,GAAS,UAAAC,GAAU,YAAAC,GAAY,UAAAY,GAAU,UAAAC,GAAU,OAAAZ,EAAA,CAAO,GAAGa,CAAS;AAAA,MAC/G,OAAOM;AAAA,MACN,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDtB,EAAW,cAAc;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[(variant as TypographyVariant) ?? 'span'] ?? 'span'\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","Element","TYPOGRAPHY_ELEMENT_MAP","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":";;;;;;AAqBA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAUrB,KAAMsB,EAAwBrB,KAAiC,MAAM,KAAK,QAEpFsB,IAA+B;AAAA,IACjC,eAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAeC,IAAgBU,EAAK,cAAcV,CAAa,IAAI;AAAA,IACnE,GAAGI;AAAA,EAAA;AAGP,SACI,gBAAAO;AAAA,IAACJ;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,WAAWO,EAAGC,EAAkB,OAAO,EAAE,SAAA1B,GAAS,UAAAC,GAAU,YAAAC,GAAY,UAAAY,GAAU,UAAAC,GAAU,OAAAZ,EAAA,CAAO,GAAGa,CAAS;AAAA,MAC/G,OAAOM;AAAA,MACN,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDtB,EAAW,cAAc;"}

package/dist/components/foundation/typography/styles/Typography.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit65.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={recipe:e.createRuntimeFn({defaultClassName:"lg1gei0",variantClassNames:{variant:{h1:"lg1gei1",h2:"lg1gei2",h3:"lg1gei3",h4:"lg1gei4",h5:"lg1gei5",h6:"lg1gei6",p:"lg1gei7",span:"lg1gei8",label:"lg1gei9",small:"lg1geia",strong:"lg1geib",em:"lg1geic",blockquote:"lg1geid",pre:"lg1geie",code:"lg1geif",kbd:"lg1geig",samp:"lg1geih",abbr:"lg1geii",cite:"lg1geij",mark:"lg1geik",del:"lg1geil",ins:"lg1geim",sub:"lg1gein",sup:"lg1geio"},fontSize:{"2xs":"lg1geip",xs:"lg1geiq",sm:"lg1geir",md:"lg1geis",lg:"lg1geit",xl:"lg1geiu","2xl":"lg1geiv","3xl":"lg1geiw","4xl":"lg1geix","5xl":"lg1geiy","6xl":"lg1geiz"},fontWeight:{thin:"lg1gei10",extralight:"lg1gei11",light:"lg1gei12",normal:"lg1gei13",medium:"lg1gei14",semibold:"lg1gei15",bold:"lg1gei16",extrabold:"lg1gei17",black:"lg1gei18"},ellipsis:{true:"lg1gei19"},maxLines:{1:"lg1gei1a",2:"lg1gei1b",3:"lg1gei1c",4:"lg1gei1d",5:"lg1gei1e",6:"lg1gei1f"},color:{background:"lg1gei1g",foreground:"lg1gei1h",text:"lg1gei1i",textSecondary:"lg1gei1j",textTertiary:"lg1gei1k",card:"lg1gei1l",cardForeground:"lg1gei1m",popover:"lg1gei1n",popoverForeground:"lg1gei1o",muted:"lg1gei1p",mutedForeground:"lg1gei1q",overlay:"lg1gei1r",primary:"lg1gei1s",primaryHover:"lg1gei1t",primaryActive:"lg1gei1u",primaryForeground:"lg1gei1v",primarySubtle:"lg1gei1w",primarySubtleHover:"lg1gei1x",primarySubtleActive:"lg1gei1y",primarySubtleForeground:"lg1gei1z",primarySubtleBorder:"lg1gei20",link:"lg1gei21",linkHover:"lg1gei22",linkActive:"lg1gei23",secondary:"lg1gei24",secondaryHover:"lg1gei25",secondaryActive:"lg1gei26",secondaryForeground:"lg1gei27",secondarySubtle:"lg1gei28",secondarySubtleHover:"lg1gei29",secondarySubtleActive:"lg1gei2a",secondarySubtleForeground:"lg1gei2b",secondarySubtleBorder:"lg1gei2c",tertiary:"lg1gei2d",tertiaryHover:"lg1gei2e",tertiaryActive:"lg1gei2f",tertiaryForeground:"lg1gei2g",tertiarySubtle:"lg1gei2h",tertiarySubtleHover:"lg1gei2i",tertiarySubtleActive:"lg1gei2j",tertiarySubtleForeground:"lg1gei2k",tertiarySubtleBorder:"lg1gei2l",success:"lg1gei2m",successHover:"lg1gei2n",successActive:"lg1gei2o",successForeground:"lg1gei2p",successSubtle:"lg1gei2q",successSubtleHover:"lg1gei2r",successSubtleActive:"lg1gei2s",successSubtleForeground:"lg1gei2t",successSubtleBorder:"lg1gei2u",warning:"lg1gei2v",warningHover:"lg1gei2w",warningActive:"lg1gei2x",warningForeground:"lg1gei2y",warningSubtle:"lg1gei2z",warningSubtleHover:"lg1gei30",warningSubtleActive:"lg1gei31",warningSubtleForeground:"lg1gei32",warningSubtleBorder:"lg1gei33",info:"lg1gei34",infoHover:"lg1gei35",infoActive:"lg1gei36",infoForeground:"lg1gei37",infoSubtle:"lg1gei38",infoSubtleHover:"lg1gei39",infoSubtleActive:"lg1gei3a",infoSubtleForeground:"lg1gei3b",infoSubtleBorder:"lg1gei3c",destructive:"lg1gei3d",destructiveHover:"lg1gei3e",destructiveActive:"lg1gei3f",destructiveForeground:"lg1gei3g",destructiveSubtle:"lg1gei3h",destructiveSubtleHover:"lg1gei3i",destructiveSubtleActive:"lg1gei3j",destructiveSubtleForeground:"lg1gei3k",destructiveSubtleBorder:"lg1gei3l",purple:"lg1gei3m",purpleHover:"lg1gei3n",purpleActive:"lg1gei3o",purpleForeground:"lg1gei3p",purpleSubtle:"lg1gei3q",purpleSubtleHover:"lg1gei3r",purpleSubtleActive:"lg1gei3s",purpleSubtleForeground:"lg1gei3t",purpleSubtleBorder:"lg1gei3u",pink:"lg1gei3v",pinkHover:"lg1gei3w",pinkActive:"lg1gei3x",pinkForeground:"lg1gei3y",pinkSubtle:"lg1gei3z",pinkSubtleHover:"lg1gei40",pinkSubtleActive:"lg1gei41",pinkSubtleForeground:"lg1gei42",pinkSubtleBorder:"lg1gei43",orange:"lg1gei44",orangeHover:"lg1gei45",orangeActive:"lg1gei46",orangeForeground:"lg1gei47",orangeSubtle:"lg1gei48",orangeSubtleHover:"lg1gei49",orangeSubtleActive:"lg1gei4a",orangeSubtleForeground:"lg1gei4b",orangeSubtleBorder:"lg1gei4c",teal:"lg1gei4d",tealHover:"lg1gei4e",tealActive:"lg1gei4f",tealForeground:"lg1gei4g",tealSubtle:"lg1gei4h",tealSubtleHover:"lg1gei4i",tealSubtleActive:"lg1gei4j",tealSubtleForeground:"lg1gei4k",tealSubtleBorder:"lg1gei4l",cyan:"lg1gei4m",cyanHover:"lg1gei4n",cyanActive:"lg1gei4o",cyanForeground:"lg1gei4p",cyanSubtle:"lg1gei4q",cyanSubtleHover:"lg1gei4r",cyanSubtleActive:"lg1gei4s",cyanSubtleForeground:"lg1gei4t",cyanSubtleBorder:"lg1gei4u",indigo:"lg1gei4v",indigoHover:"lg1gei4w",indigoActive:"lg1gei4x",indigoForeground:"lg1gei4y",indigoSubtle:"lg1gei4z",indigoSubtleHover:"lg1gei50",indigoSubtleActive:"lg1gei51",indigoSubtleForeground:"lg1gei52",indigoSubtleBorder:"lg1gei53",border:"lg1gei54",borderStrong:"lg1gei55",input:"lg1gei56",ring:"lg1gei57",highlight:"lg1gei58",highlightForeground:"lg1gei59",skeleton:"lg1gei5a",skeletonForeground:"lg1gei5b",transparent:"lg1gei5c"}},defaultVariants:{variant:"p"},compoundVariants:[]})};exports.TYPOGRAPHY_STYLES=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit33.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={recipe:e.createRuntimeFn({defaultClassName:"lg1gei0",variantClassNames:{variant:{h1:"lg1gei1",h2:"lg1gei2",h3:"lg1gei3",h4:"lg1gei4",h5:"lg1gei5",h6:"lg1gei6",p:"lg1gei7",span:"lg1gei8",label:"lg1gei9",small:"lg1geia",strong:"lg1geib",em:"lg1geic",blockquote:"lg1geid",pre:"lg1geie",code:"lg1geif",kbd:"lg1geig",samp:"lg1geih",abbr:"lg1geii",cite:"lg1geij",mark:"lg1geik",del:"lg1geil",ins:"lg1geim",sub:"lg1gein",sup:"lg1geio"},fontSize:{"2xs":"lg1geip",xs:"lg1geiq",sm:"lg1geir",md:"lg1geis",lg:"lg1geit",xl:"lg1geiu","2xl":"lg1geiv","3xl":"lg1geiw","4xl":"lg1geix","5xl":"lg1geiy","6xl":"lg1geiz"},fontWeight:{thin:"lg1gei10",extralight:"lg1gei11",light:"lg1gei12",normal:"lg1gei13",medium:"lg1gei14",semibold:"lg1gei15",bold:"lg1gei16",extrabold:"lg1gei17",black:"lg1gei18"},ellipsis:{true:"lg1gei19"},maxLines:{1:"lg1gei1a",2:"lg1gei1b",3:"lg1gei1c",4:"lg1gei1d",5:"lg1gei1e",6:"lg1gei1f"},color:{background:"lg1gei1g",foreground:"lg1gei1h",text:"lg1gei1i",textSecondary:"lg1gei1j",textTertiary:"lg1gei1k",card:"lg1gei1l",cardForeground:"lg1gei1m",popover:"lg1gei1n",popoverForeground:"lg1gei1o",muted:"lg1gei1p",mutedForeground:"lg1gei1q",overlay:"lg1gei1r",primary:"lg1gei1s",primaryHover:"lg1gei1t",primaryActive:"lg1gei1u",primaryForeground:"lg1gei1v",primarySubtle:"lg1gei1w",primarySubtleHover:"lg1gei1x",primarySubtleActive:"lg1gei1y",primarySubtleForeground:"lg1gei1z",primarySubtleBorder:"lg1gei20",link:"lg1gei21",linkHover:"lg1gei22",linkActive:"lg1gei23",secondary:"lg1gei24",secondaryHover:"lg1gei25",secondaryActive:"lg1gei26",secondaryForeground:"lg1gei27",secondarySubtle:"lg1gei28",secondarySubtleHover:"lg1gei29",secondarySubtleActive:"lg1gei2a",secondarySubtleForeground:"lg1gei2b",secondarySubtleBorder:"lg1gei2c",tertiary:"lg1gei2d",tertiaryHover:"lg1gei2e",tertiaryActive:"lg1gei2f",tertiaryForeground:"lg1gei2g",tertiarySubtle:"lg1gei2h",tertiarySubtleHover:"lg1gei2i",tertiarySubtleActive:"lg1gei2j",tertiarySubtleForeground:"lg1gei2k",tertiarySubtleBorder:"lg1gei2l",success:"lg1gei2m",successHover:"lg1gei2n",successActive:"lg1gei2o",successForeground:"lg1gei2p",successSubtle:"lg1gei2q",successSubtleHover:"lg1gei2r",successSubtleActive:"lg1gei2s",successSubtleForeground:"lg1gei2t",successSubtleBorder:"lg1gei2u",warning:"lg1gei2v",warningHover:"lg1gei2w",warningActive:"lg1gei2x",warningForeground:"lg1gei2y",warningSubtle:"lg1gei2z",warningSubtleHover:"lg1gei30",warningSubtleActive:"lg1gei31",warningSubtleForeground:"lg1gei32",warningSubtleBorder:"lg1gei33",info:"lg1gei34",infoHover:"lg1gei35",infoActive:"lg1gei36",infoForeground:"lg1gei37",infoSubtle:"lg1gei38",infoSubtleHover:"lg1gei39",infoSubtleActive:"lg1gei3a",infoSubtleForeground:"lg1gei3b",infoSubtleBorder:"lg1gei3c",destructive:"lg1gei3d",destructiveHover:"lg1gei3e",destructiveActive:"lg1gei3f",destructiveForeground:"lg1gei3g",destructiveSubtle:"lg1gei3h",destructiveSubtleHover:"lg1gei3i",destructiveSubtleActive:"lg1gei3j",destructiveSubtleForeground:"lg1gei3k",destructiveSubtleBorder:"lg1gei3l",purple:"lg1gei3m",purpleHover:"lg1gei3n",purpleActive:"lg1gei3o",purpleForeground:"lg1gei3p",purpleSubtle:"lg1gei3q",purpleSubtleHover:"lg1gei3r",purpleSubtleActive:"lg1gei3s",purpleSubtleForeground:"lg1gei3t",purpleSubtleBorder:"lg1gei3u",pink:"lg1gei3v",pinkHover:"lg1gei3w",pinkActive:"lg1gei3x",pinkForeground:"lg1gei3y",pinkSubtle:"lg1gei3z",pinkSubtleHover:"lg1gei40",pinkSubtleActive:"lg1gei41",pinkSubtleForeground:"lg1gei42",pinkSubtleBorder:"lg1gei43",orange:"lg1gei44",orangeHover:"lg1gei45",orangeActive:"lg1gei46",orangeForeground:"lg1gei47",orangeSubtle:"lg1gei48",orangeSubtleHover:"lg1gei49",orangeSubtleActive:"lg1gei4a",orangeSubtleForeground:"lg1gei4b",orangeSubtleBorder:"lg1gei4c",teal:"lg1gei4d",tealHover:"lg1gei4e",tealActive:"lg1gei4f",tealForeground:"lg1gei4g",tealSubtle:"lg1gei4h",tealSubtleHover:"lg1gei4i",tealSubtleActive:"lg1gei4j",tealSubtleForeground:"lg1gei4k",tealSubtleBorder:"lg1gei4l",cyan:"lg1gei4m",cyanHover:"lg1gei4n",cyanActive:"lg1gei4o",cyanForeground:"lg1gei4p",cyanSubtle:"lg1gei4q",cyanSubtleHover:"lg1gei4r",cyanSubtleActive:"lg1gei4s",cyanSubtleForeground:"lg1gei4t",cyanSubtleBorder:"lg1gei4u",indigo:"lg1gei4v",indigoHover:"lg1gei4w",indigoActive:"lg1gei4x",indigoForeground:"lg1gei4y",indigoSubtle:"lg1gei4z",indigoSubtleHover:"lg1gei50",indigoSubtleActive:"lg1gei51",indigoSubtleForeground:"lg1gei52",indigoSubtleBorder:"lg1gei53",border:"lg1gei54",borderStrong:"lg1gei55",input:"lg1gei56",ring:"lg1gei57",highlight:"lg1gei58",highlightForeground:"lg1gei59",skeleton:"lg1gei5a",skeletonForeground:"lg1gei5b",transparent:"lg1gei5c"}},defaultVariants:{variant:"p"},compoundVariants:[]})};exports.TYPOGRAPHY_STYLES=g;
 //# sourceMappingURL=Typography.css.cjs.map

package/dist/components/foundation/typography/styles/Typography.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit65.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit33.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                              */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: e({ defaultClassName: "lg1gei0", variantClassNames: { variant: { h1: "lg1gei1", h2: "lg1gei2", h3: "lg1gei3", h4: "lg1gei4", h5: "lg1gei5", h6: "lg1gei6", p: "lg1gei7", span: "lg1gei8", label: "lg1gei9", small: "lg1geia", strong: "lg1geib", em: "lg1geic", blockquote: "lg1geid", pre: "lg1geie", code: "lg1geif", kbd: "lg1geig", samp: "lg1geih", abbr: "lg1geii", cite: "lg1geij", mark: "lg1geik", del: "lg1geil", ins: "lg1geim", sub: "lg1gein", sup: "lg1geio" }, fontSize: { "2xs": "lg1geip", xs: "lg1geiq", sm: "lg1geir", md: "lg1geis", lg: "lg1geit", xl: "lg1geiu", "2xl": "lg1geiv", "3xl": "lg1geiw", "4xl": "lg1geix", "5xl": "lg1geiy", "6xl": "lg1geiz" }, fontWeight: { thin: "lg1gei10", extralight: "lg1gei11", light: "lg1gei12", normal: "lg1gei13", medium: "lg1gei14", semibold: "lg1gei15", bold: "lg1gei16", extrabold: "lg1gei17", black: "lg1gei18" }, ellipsis: { true: "lg1gei19" }, maxLines: { 1: "lg1gei1a", 2: "lg1gei1b", 3: "lg1gei1c", 4: "lg1gei1d", 5: "lg1gei1e", 6: "lg1gei1f" }, color: { background: "lg1gei1g", foreground: "lg1gei1h", text: "lg1gei1i", textSecondary: "lg1gei1j", textTertiary: "lg1gei1k", card: "lg1gei1l", cardForeground: "lg1gei1m", popover: "lg1gei1n", popoverForeground: "lg1gei1o", muted: "lg1gei1p", mutedForeground: "lg1gei1q", overlay: "lg1gei1r", primary: "lg1gei1s", primaryHover: "lg1gei1t", primaryActive: "lg1gei1u", primaryForeground: "lg1gei1v", primarySubtle: "lg1gei1w", primarySubtleHover: "lg1gei1x", primarySubtleActive: "lg1gei1y", primarySubtleForeground: "lg1gei1z", primarySubtleBorder: "lg1gei20", link: "lg1gei21", linkHover: "lg1gei22", linkActive: "lg1gei23", secondary: "lg1gei24", secondaryHover: "lg1gei25", secondaryActive: "lg1gei26", secondaryForeground: "lg1gei27", secondarySubtle: "lg1gei28", secondarySubtleHover: "lg1gei29", secondarySubtleActive: "lg1gei2a", secondarySubtleForeground: "lg1gei2b", secondarySubtleBorder: "lg1gei2c", tertiary: "lg1gei2d", tertiaryHover: "lg1gei2e", tertiaryActive: "lg1gei2f", tertiaryForeground: "lg1gei2g", tertiarySubtle: "lg1gei2h", tertiarySubtleHover: "lg1gei2i", tertiarySubtleActive: "lg1gei2j", tertiarySubtleForeground: "lg1gei2k", tertiarySubtleBorder: "lg1gei2l", success: "lg1gei2m", successHover: "lg1gei2n", successActive: "lg1gei2o", successForeground: "lg1gei2p", successSubtle: "lg1gei2q", successSubtleHover: "lg1gei2r", successSubtleActive: "lg1gei2s", successSubtleForeground: "lg1gei2t", successSubtleBorder: "lg1gei2u", warning: "lg1gei2v", warningHover: "lg1gei2w", warningActive: "lg1gei2x", warningForeground: "lg1gei2y", warningSubtle: "lg1gei2z", warningSubtleHover: "lg1gei30", warningSubtleActive: "lg1gei31", warningSubtleForeground: "lg1gei32", warningSubtleBorder: "lg1gei33", info: "lg1gei34", infoHover: "lg1gei35", infoActive: "lg1gei36", infoForeground: "lg1gei37", infoSubtle: "lg1gei38", infoSubtleHover: "lg1gei39", infoSubtleActive: "lg1gei3a", infoSubtleForeground: "lg1gei3b", infoSubtleBorder: "lg1gei3c", destructive: "lg1gei3d", destructiveHover: "lg1gei3e", destructiveActive: "lg1gei3f", destructiveForeground: "lg1gei3g", destructiveSubtle: "lg1gei3h", destructiveSubtleHover: "lg1gei3i", destructiveSubtleActive: "lg1gei3j", destructiveSubtleForeground: "lg1gei3k", destructiveSubtleBorder: "lg1gei3l", purple: "lg1gei3m", purpleHover: "lg1gei3n", purpleActive: "lg1gei3o", purpleForeground: "lg1gei3p", purpleSubtle: "lg1gei3q", purpleSubtleHover: "lg1gei3r", purpleSubtleActive: "lg1gei3s", purpleSubtleForeground: "lg1gei3t", purpleSubtleBorder: "lg1gei3u", pink: "lg1gei3v", pinkHover: "lg1gei3w", pinkActive: "lg1gei3x", pinkForeground: "lg1gei3y", pinkSubtle: "lg1gei3z", pinkSubtleHover: "lg1gei40", pinkSubtleActive: "lg1gei41", pinkSubtleForeground: "lg1gei42", pinkSubtleBorder: "lg1gei43", orange: "lg1gei44", orangeHover: "lg1gei45", orangeActive: "lg1gei46", orangeForeground: "lg1gei47", orangeSubtle: "lg1gei48", orangeSubtleHover: "lg1gei49", orangeSubtleActive: "lg1gei4a", orangeSubtleForeground: "lg1gei4b", orangeSubtleBorder: "lg1gei4c", teal: "lg1gei4d", tealHover: "lg1gei4e", tealActive: "lg1gei4f", tealForeground: "lg1gei4g", tealSubtle: "lg1gei4h", tealSubtleHover: "lg1gei4i", tealSubtleActive: "lg1gei4j", tealSubtleForeground: "lg1gei4k", tealSubtleBorder: "lg1gei4l", cyan: "lg1gei4m", cyanHover: "lg1gei4n", cyanActive: "lg1gei4o", cyanForeground: "lg1gei4p", cyanSubtle: "lg1gei4q", cyanSubtleHover: "lg1gei4r", cyanSubtleActive: "lg1gei4s", cyanSubtleForeground: "lg1gei4t", cyanSubtleBorder: "lg1gei4u", indigo: "lg1gei4v", indigoHover: "lg1gei4w", indigoActive: "lg1gei4x", indigoForeground: "lg1gei4y", indigoSubtle: "lg1gei4z", indigoSubtleHover: "lg1gei50", indigoSubtleActive: "lg1gei51", indigoSubtleForeground: "lg1gei52", indigoSubtleBorder: "lg1gei53", border: "lg1gei54", borderStrong: "lg1gei55", input: "lg1gei56", ring: "lg1gei57", highlight: "lg1gei58", highlightForeground: "lg1gei59", skeleton: "lg1gei5a", skeletonForeground: "lg1gei5b", transparent: "lg1gei5c" } }, defaultVariants: { variant: "p" }, compoundVariants: [] }) };

package/dist/components/layout/box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":"4IAKMA,EAAoBC,EAAAA,KAAK,CAAC,CAC5B,GAAIC,EAAU,MACd,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBC,EAAAA,QACpB,IACIC,GAAAA,WAAW,OAAO,CACd,aAAAnD,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,CAAA,CACH,EACL,CACIpB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CAAA,CACJ,EAGJ,OACIgC,EAAAA,IAACrD,EAAA,CACG,IAAAgD,EACA,UAAWM,GAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,QAAAxB,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDnD,EAAI,YAAc"}
+{"version":3,"file":"Box.cjs","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\n/**\r\n * Polymorphic layout primitive. Maps design-token props (padding, margin,\r\n * gap, border, background, box-shadow) to Vanilla Extract atomic classes\r\n * and passes layout props (display, flex, position, overflow) as inline\r\n * styles. Use the `as` prop to change the rendered element.\r\n */\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":"4IAWMA,EAAoBC,EAAAA,KAAK,CAAC,CAC5B,GAAIC,EAAU,MACd,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBC,EAAAA,QACpB,IACIC,GAAAA,WAAW,OAAO,CACd,aAAAnD,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,CAAA,CACH,EACL,CACIpB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CAAA,CACJ,EAGJ,OACIgC,EAAAA,IAACrD,EAAA,CACG,IAAAgD,EACA,UAAWM,GAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,QAAAxB,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDnD,EAAI,YAAc"}

package/dist/components/layout/box/Box.d.ts

@@ -1,4 +1,10 @@
 import { BoxProps } from './types/Box.props.ts';
 import { FC } from 'react';
+/**
+ * Polymorphic layout primitive. Maps design-token props (padding, margin,
+ * gap, border, background, box-shadow) to Vanilla Extract atomic classes
+ * and passes layout props (display, flex, position, overflow) as inline
+ * styles. Use the `as` prop to change the rendered element.
+ */
 declare const Box: FC<BoxProps>;
 export default Box;

package/dist/components/layout/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":";;;;AAKA,MAAMA,KAAoBC,GAAK,CAAC;AAAA,EAC5B,IAAIC,IAAU;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBC;AAAA,IACpB,MACIC,EAAW,OAAO;AAAA,MACd,cAAAnD;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,CACH;AAAA,IACL;AAAA,MACIpB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAgC;AAAA,IAACrD;AAAA,IAAA;AAAA,MACG,KAAAgD;AAAA,MACA,WAAWM,EAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,SAAAxB;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAC;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,MAEN,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDnD,GAAI,cAAc;"}
+{"version":3,"file":"Box.js","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\n/**\r\n * Polymorphic layout primitive. Maps design-token props (padding, margin,\r\n * gap, border, background, box-shadow) to Vanilla Extract atomic classes\r\n * and passes layout props (display, flex, position, overflow) as inline\r\n * styles. Use the `as` prop to change the rendered element.\r\n */\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":";;;;AAWA,MAAMA,KAAoBC,GAAK,CAAC;AAAA,EAC5B,IAAIC,IAAU;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBC;AAAA,IACpB,MACIC,EAAW,OAAO;AAAA,MACd,cAAAnD;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,CACH;AAAA,IACL;AAAA,MACIpB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAgC;AAAA,IAACrD;AAAA,IAAA;AAAA,MACG,KAAAgD;AAAA,MACA,WAAWM,EAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,SAAAxB;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAC;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,MAEN,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDnD,GAAI,cAAc;"}

package/dist/components/layout/box/styles/Box.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit68.css');require('../../../../ui-kit2.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                  */;/* empty css                         */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={recipe:e.createRuntimeFn({defaultClassName:"_1hizew70",variantClassNames:{borderRadius:{none:"_1hizew71",xs:"_1hizew72",sm:"_1hizew73",md:"_1hizew74",lg:"_1hizew75",xl:"_1hizew76","2xl":"_1hizew77",full:"_1hizew78"},padding:{none:"_1hizew79",px:"_1hizew7a",xxs:"_1hizew7b",xs:"_1hizew7c",xs2:"_1hizew7d",sm:"_1hizew7e",sm2:"_1hizew7f",md:"_1hizew7g",md2:"_1hizew7h",lg:"_1hizew7i",lg2:"_1hizew7j",xl:"_1hizew7k","2xl":"_1hizew7l","3xl":"_1hizew7m","4xl":"_1hizew7n","5xl":"_1hizew7o"},paddingX:{none:"_1hizew7p",px:"_1hizew7q",xxs:"_1hizew7r",xs:"_1hizew7s",xs2:"_1hizew7t",sm:"_1hizew7u",sm2:"_1hizew7v",md:"_1hizew7w",md2:"_1hizew7x",lg:"_1hizew7y",lg2:"_1hizew7z",xl:"_1hizew710","2xl":"_1hizew711","3xl":"_1hizew712","4xl":"_1hizew713","5xl":"_1hizew714"},paddingY:{none:"_1hizew715",px:"_1hizew716",xxs:"_1hizew717",xs:"_1hizew718",xs2:"_1hizew719",sm:"_1hizew71a",sm2:"_1hizew71b",md:"_1hizew71c",md2:"_1hizew71d",lg:"_1hizew71e",lg2:"_1hizew71f",xl:"_1hizew71g","2xl":"_1hizew71h","3xl":"_1hizew71i","4xl":"_1hizew71j","5xl":"_1hizew71k"},paddingTop:{none:"_1hizew71l",px:"_1hizew71m",xxs:"_1hizew71n",xs:"_1hizew71o",xs2:"_1hizew71p",sm:"_1hizew71q",sm2:"_1hizew71r",md:"_1hizew71s",md2:"_1hizew71t",lg:"_1hizew71u",lg2:"_1hizew71v",xl:"_1hizew71w","2xl":"_1hizew71x","3xl":"_1hizew71y","4xl":"_1hizew71z","5xl":"_1hizew720"},paddingRight:{none:"_1hizew721",px:"_1hizew722",xxs:"_1hizew723",xs:"_1hizew724",xs2:"_1hizew725",sm:"_1hizew726",sm2:"_1hizew727",md:"_1hizew728",md2:"_1hizew729",lg:"_1hizew72a",lg2:"_1hizew72b",xl:"_1hizew72c","2xl":"_1hizew72d","3xl":"_1hizew72e","4xl":"_1hizew72f","5xl":"_1hizew72g"},paddingBottom:{none:"_1hizew72h",px:"_1hizew72i",xxs:"_1hizew72j",xs:"_1hizew72k",xs2:"_1hizew72l",sm:"_1hizew72m",sm2:"_1hizew72n",md:"_1hizew72o",md2:"_1hizew72p",lg:"_1hizew72q",lg2:"_1hizew72r",xl:"_1hizew72s","2xl":"_1hizew72t","3xl":"_1hizew72u","4xl":"_1hizew72v","5xl":"_1hizew72w"},paddingLeft:{none:"_1hizew72x",px:"_1hizew72y",xxs:"_1hizew72z",xs:"_1hizew730",xs2:"_1hizew731",sm:"_1hizew732",sm2:"_1hizew733",md:"_1hizew734",md2:"_1hizew735",lg:"_1hizew736",lg2:"_1hizew737",xl:"_1hizew738","2xl":"_1hizew739","3xl":"_1hizew73a","4xl":"_1hizew73b","5xl":"_1hizew73c"},margin:{auto:"_1hizew73d",none:"_1hizew73e",px:"_1hizew73f",xxs:"_1hizew73g",xs:"_1hizew73h",xs2:"_1hizew73i",sm:"_1hizew73j",sm2:"_1hizew73k",md:"_1hizew73l",md2:"_1hizew73m",lg:"_1hizew73n",lg2:"_1hizew73o",xl:"_1hizew73p","2xl":"_1hizew73q","3xl":"_1hizew73r","4xl":"_1hizew73s","5xl":"_1hizew73t"},marginX:{auto:"_1hizew73u",none:"_1hizew73v",px:"_1hizew73w",xxs:"_1hizew73x",xs:"_1hizew73y",xs2:"_1hizew73z",sm:"_1hizew740",sm2:"_1hizew741",md:"_1hizew742",md2:"_1hizew743",lg:"_1hizew744",lg2:"_1hizew745",xl:"_1hizew746","2xl":"_1hizew747","3xl":"_1hizew748","4xl":"_1hizew749","5xl":"_1hizew74a"},marginY:{auto:"_1hizew74b",none:"_1hizew74c",px:"_1hizew74d",xxs:"_1hizew74e",xs:"_1hizew74f",xs2:"_1hizew74g",sm:"_1hizew74h",sm2:"_1hizew74i",md:"_1hizew74j",md2:"_1hizew74k",lg:"_1hizew74l",lg2:"_1hizew74m",xl:"_1hizew74n","2xl":"_1hizew74o","3xl":"_1hizew74p","4xl":"_1hizew74q","5xl":"_1hizew74r"},marginTop:{auto:"_1hizew74s",none:"_1hizew74t",px:"_1hizew74u",xxs:"_1hizew74v",xs:"_1hizew74w",xs2:"_1hizew74x",sm:"_1hizew74y",sm2:"_1hizew74z",md:"_1hizew750",md2:"_1hizew751",lg:"_1hizew752",lg2:"_1hizew753",xl:"_1hizew754","2xl":"_1hizew755","3xl":"_1hizew756","4xl":"_1hizew757","5xl":"_1hizew758"},marginRight:{auto:"_1hizew759",none:"_1hizew75a",px:"_1hizew75b",xxs:"_1hizew75c",xs:"_1hizew75d",xs2:"_1hizew75e",sm:"_1hizew75f",sm2:"_1hizew75g",md:"_1hizew75h",md2:"_1hizew75i",lg:"_1hizew75j",lg2:"_1hizew75k",xl:"_1hizew75l","2xl":"_1hizew75m","3xl":"_1hizew75n","4xl":"_1hizew75o","5xl":"_1hizew75p"},marginBottom:{auto:"_1hizew75q",none:"_1hizew75r",px:"_1hizew75s",xxs:"_1hizew75t",xs:"_1hizew75u",xs2:"_1hizew75v",sm:"_1hizew75w",sm2:"_1hizew75x",md:"_1hizew75y",md2:"_1hizew75z",lg:"_1hizew760",lg2:"_1hizew761",xl:"_1hizew762","2xl":"_1hizew763","3xl":"_1hizew764","4xl":"_1hizew765","5xl":"_1hizew766"},marginLeft:{auto:"_1hizew767",none:"_1hizew768",px:"_1hizew769",xxs:"_1hizew76a",xs:"_1hizew76b",xs2:"_1hizew76c",sm:"_1hizew76d",sm2:"_1hizew76e",md:"_1hizew76f",md2:"_1hizew76g",lg:"_1hizew76h",lg2:"_1hizew76i",xl:"_1hizew76j","2xl":"_1hizew76k","3xl":"_1hizew76l","4xl":"_1hizew76m","5xl":"_1hizew76n"},gap:{none:"_1hizew76o",px:"_1hizew76p",xxs:"_1hizew76q",xs:"_1hizew76r",xs2:"_1hizew76s",sm:"_1hizew76t",sm2:"_1hizew76u",md:"_1hizew76v",md2:"_1hizew76w",lg:"_1hizew76x",lg2:"_1hizew76y",xl:"_1hizew76z","2xl":"_1hizew770","3xl":"_1hizew771","4xl":"_1hizew772","5xl":"_1hizew773"},columnGap:{none:"_1hizew774",px:"_1hizew775",xxs:"_1hizew776",xs:"_1hizew777",xs2:"_1hizew778",sm:"_1hizew779",sm2:"_1hizew77a",md:"_1hizew77b",md2:"_1hizew77c",lg:"_1hizew77d",lg2:"_1hizew77e",xl:"_1hizew77f","2xl":"_1hizew77g","3xl":"_1hizew77h","4xl":"_1hizew77i","5xl":"_1hizew77j"},rowGap:{none:"_1hizew77k",px:"_1hizew77l",xxs:"_1hizew77m",xs:"_1hizew77n",xs2:"_1hizew77o",sm:"_1hizew77p",sm2:"_1hizew77q",md:"_1hizew77r",md2:"_1hizew77s",lg:"_1hizew77t",lg2:"_1hizew77u",xl:"_1hizew77v","2xl":"_1hizew77w","3xl":"_1hizew77x","4xl":"_1hizew77y","5xl":"_1hizew77z"},borderColor:{background:"_1hizew780",foreground:"_1hizew781",text:"_1hizew782",textSecondary:"_1hizew783",textTertiary:"_1hizew784",card:"_1hizew785",cardForeground:"_1hizew786",popover:"_1hizew787",popoverForeground:"_1hizew788",muted:"_1hizew789",mutedForeground:"_1hizew78a",overlay:"_1hizew78b",primary:"_1hizew78c",primaryHover:"_1hizew78d",primaryActive:"_1hizew78e",primaryForeground:"_1hizew78f",primarySubtle:"_1hizew78g",primarySubtleHover:"_1hizew78h",primarySubtleActive:"_1hizew78i",primarySubtleForeground:"_1hizew78j",primarySubtleBorder:"_1hizew78k",link:"_1hizew78l",linkHover:"_1hizew78m",linkActive:"_1hizew78n",secondary:"_1hizew78o",secondaryHover:"_1hizew78p",secondaryActive:"_1hizew78q",secondaryForeground:"_1hizew78r",secondarySubtle:"_1hizew78s",secondarySubtleHover:"_1hizew78t",secondarySubtleActive:"_1hizew78u",secondarySubtleForeground:"_1hizew78v",secondarySubtleBorder:"_1hizew78w",tertiary:"_1hizew78x",tertiaryHover:"_1hizew78y",tertiaryActive:"_1hizew78z",tertiaryForeground:"_1hizew790",tertiarySubtle:"_1hizew791",tertiarySubtleHover:"_1hizew792",tertiarySubtleActive:"_1hizew793",tertiarySubtleForeground:"_1hizew794",tertiarySubtleBorder:"_1hizew795",success:"_1hizew796",successHover:"_1hizew797",successActive:"_1hizew798",successForeground:"_1hizew799",successSubtle:"_1hizew79a",successSubtleHover:"_1hizew79b",successSubtleActive:"_1hizew79c",successSubtleForeground:"_1hizew79d",successSubtleBorder:"_1hizew79e",warning:"_1hizew79f",warningHover:"_1hizew79g",warningActive:"_1hizew79h",warningForeground:"_1hizew79i",warningSubtle:"_1hizew79j",warningSubtleHover:"_1hizew79k",warningSubtleActive:"_1hizew79l",warningSubtleForeground:"_1hizew79m",warningSubtleBorder:"_1hizew79n",info:"_1hizew79o",infoHover:"_1hizew79p",infoActive:"_1hizew79q",infoForeground:"_1hizew79r",infoSubtle:"_1hizew79s",infoSubtleHover:"_1hizew79t",infoSubtleActive:"_1hizew79u",infoSubtleForeground:"_1hizew79v",infoSubtleBorder:"_1hizew79w",destructive:"_1hizew79x",destructiveHover:"_1hizew79y",destructiveActive:"_1hizew79z",destructiveForeground:"_1hizew7a0",destructiveSubtle:"_1hizew7a1",destructiveSubtleHover:"_1hizew7a2",destructiveSubtleActive:"_1hizew7a3",destructiveSubtleForeground:"_1hizew7a4",destructiveSubtleBorder:"_1hizew7a5",purple:"_1hizew7a6",purpleHover:"_1hizew7a7",purpleActive:"_1hizew7a8",purpleForeground:"_1hizew7a9",purpleSubtle:"_1hizew7aa",purpleSubtleHover:"_1hizew7ab",purpleSubtleActive:"_1hizew7ac",purpleSubtleForeground:"_1hizew7ad",purpleSubtleBorder:"_1hizew7ae",pink:"_1hizew7af",pinkHover:"_1hizew7ag",pinkActive:"_1hizew7ah",pinkForeground:"_1hizew7ai",pinkSubtle:"_1hizew7aj",pinkSubtleHover:"_1hizew7ak",pinkSubtleActive:"_1hizew7al",pinkSubtleForeground:"_1hizew7am",pinkSubtleBorder:"_1hizew7an",orange:"_1hizew7ao",orangeHover:"_1hizew7ap",orangeActive:"_1hizew7aq",orangeForeground:"_1hizew7ar",orangeSubtle:"_1hizew7as",orangeSubtleHover:"_1hizew7at",orangeSubtleActive:"_1hizew7au",orangeSubtleForeground:"_1hizew7av",orangeSubtleBorder:"_1hizew7aw",teal:"_1hizew7ax",tealHover:"_1hizew7ay",tealActive:"_1hizew7az",tealForeground:"_1hizew7b0",tealSubtle:"_1hizew7b1",tealSubtleHover:"_1hizew7b2",tealSubtleActive:"_1hizew7b3",tealSubtleForeground:"_1hizew7b4",tealSubtleBorder:"_1hizew7b5",cyan:"_1hizew7b6",cyanHover:"_1hizew7b7",cyanActive:"_1hizew7b8",cyanForeground:"_1hizew7b9",cyanSubtle:"_1hizew7ba",cyanSubtleHover:"_1hizew7bb",cyanSubtleActive:"_1hizew7bc",cyanSubtleForeground:"_1hizew7bd",cyanSubtleBorder:"_1hizew7be",indigo:"_1hizew7bf",indigoHover:"_1hizew7bg",indigoActive:"_1hizew7bh",indigoForeground:"_1hizew7bi",indigoSubtle:"_1hizew7bj",indigoSubtleHover:"_1hizew7bk",indigoSubtleActive:"_1hizew7bl",indigoSubtleForeground:"_1hizew7bm",indigoSubtleBorder:"_1hizew7bn",border:"_1hizew7bo",borderStrong:"_1hizew7bp",input:"_1hizew7bq",ring:"_1hizew7br",highlight:"_1hizew7bs",highlightForeground:"_1hizew7bt",skeleton:"_1hizew7bu",skeletonForeground:"_1hizew7bv",transparent:"_1hizew7bw"},backgroundColor:{background:"_1hizew7bx",foreground:"_1hizew7by",text:"_1hizew7bz",textSecondary:"_1hizew7c0",textTertiary:"_1hizew7c1",card:"_1hizew7c2",cardForeground:"_1hizew7c3",popover:"_1hizew7c4",popoverForeground:"_1hizew7c5",muted:"_1hizew7c6",mutedForeground:"_1hizew7c7",overlay:"_1hizew7c8",primary:"_1hizew7c9",primaryHover:"_1hizew7ca",primaryActive:"_1hizew7cb",primaryForeground:"_1hizew7cc",primarySubtle:"_1hizew7cd",primarySubtleHover:"_1hizew7ce",primarySubtleActive:"_1hizew7cf",primarySubtleForeground:"_1hizew7cg",primarySubtleBorder:"_1hizew7ch",link:"_1hizew7ci",linkHover:"_1hizew7cj",linkActive:"_1hizew7ck",secondary:"_1hizew7cl",secondaryHover:"_1hizew7cm",secondaryActive:"_1hizew7cn",secondaryForeground:"_1hizew7co",secondarySubtle:"_1hizew7cp",secondarySubtleHover:"_1hizew7cq",secondarySubtleActive:"_1hizew7cr",secondarySubtleForeground:"_1hizew7cs",secondarySubtleBorder:"_1hizew7ct",tertiary:"_1hizew7cu",tertiaryHover:"_1hizew7cv",tertiaryActive:"_1hizew7cw",tertiaryForeground:"_1hizew7cx",tertiarySubtle:"_1hizew7cy",tertiarySubtleHover:"_1hizew7cz",tertiarySubtleActive:"_1hizew7d0",tertiarySubtleForeground:"_1hizew7d1",tertiarySubtleBorder:"_1hizew7d2",success:"_1hizew7d3",successHover:"_1hizew7d4",successActive:"_1hizew7d5",successForeground:"_1hizew7d6",successSubtle:"_1hizew7d7",successSubtleHover:"_1hizew7d8",successSubtleActive:"_1hizew7d9",successSubtleForeground:"_1hizew7da",successSubtleBorder:"_1hizew7db",warning:"_1hizew7dc",warningHover:"_1hizew7dd",warningActive:"_1hizew7de",warningForeground:"_1hizew7df",warningSubtle:"_1hizew7dg",warningSubtleHover:"_1hizew7dh",warningSubtleActive:"_1hizew7di",warningSubtleForeground:"_1hizew7dj",warningSubtleBorder:"_1hizew7dk",info:"_1hizew7dl",infoHover:"_1hizew7dm",infoActive:"_1hizew7dn",infoForeground:"_1hizew7do",infoSubtle:"_1hizew7dp",infoSubtleHover:"_1hizew7dq",infoSubtleActive:"_1hizew7dr",infoSubtleForeground:"_1hizew7ds",infoSubtleBorder:"_1hizew7dt",destructive:"_1hizew7du",destructiveHover:"_1hizew7dv",destructiveActive:"_1hizew7dw",destructiveForeground:"_1hizew7dx",destructiveSubtle:"_1hizew7dy",destructiveSubtleHover:"_1hizew7dz",destructiveSubtleActive:"_1hizew7e0",destructiveSubtleForeground:"_1hizew7e1",destructiveSubtleBorder:"_1hizew7e2",purple:"_1hizew7e3",purpleHover:"_1hizew7e4",purpleActive:"_1hizew7e5",purpleForeground:"_1hizew7e6",purpleSubtle:"_1hizew7e7",purpleSubtleHover:"_1hizew7e8",purpleSubtleActive:"_1hizew7e9",purpleSubtleForeground:"_1hizew7ea",purpleSubtleBorder:"_1hizew7eb",pink:"_1hizew7ec",pinkHover:"_1hizew7ed",pinkActive:"_1hizew7ee",pinkForeground:"_1hizew7ef",pinkSubtle:"_1hizew7eg",pinkSubtleHover:"_1hizew7eh",pinkSubtleActive:"_1hizew7ei",pinkSubtleForeground:"_1hizew7ej",pinkSubtleBorder:"_1hizew7ek",orange:"_1hizew7el",orangeHover:"_1hizew7em",orangeActive:"_1hizew7en",orangeForeground:"_1hizew7eo",orangeSubtle:"_1hizew7ep",orangeSubtleHover:"_1hizew7eq",orangeSubtleActive:"_1hizew7er",orangeSubtleForeground:"_1hizew7es",orangeSubtleBorder:"_1hizew7et",teal:"_1hizew7eu",tealHover:"_1hizew7ev",tealActive:"_1hizew7ew",tealForeground:"_1hizew7ex",tealSubtle:"_1hizew7ey",tealSubtleHover:"_1hizew7ez",tealSubtleActive:"_1hizew7f0",tealSubtleForeground:"_1hizew7f1",tealSubtleBorder:"_1hizew7f2",cyan:"_1hizew7f3",cyanHover:"_1hizew7f4",cyanActive:"_1hizew7f5",cyanForeground:"_1hizew7f6",cyanSubtle:"_1hizew7f7",cyanSubtleHover:"_1hizew7f8",cyanSubtleActive:"_1hizew7f9",cyanSubtleForeground:"_1hizew7fa",cyanSubtleBorder:"_1hizew7fb",indigo:"_1hizew7fc",indigoHover:"_1hizew7fd",indigoActive:"_1hizew7fe",indigoForeground:"_1hizew7ff",indigoSubtle:"_1hizew7fg",indigoSubtleHover:"_1hizew7fh",indigoSubtleActive:"_1hizew7fi",indigoSubtleForeground:"_1hizew7fj",indigoSubtleBorder:"_1hizew7fk",border:"_1hizew7fl",borderStrong:"_1hizew7fm",input:"_1hizew7fn",ring:"_1hizew7fo",highlight:"_1hizew7fp",highlightForeground:"_1hizew7fq",skeleton:"_1hizew7fr",skeletonForeground:"_1hizew7fs",transparent:"_1hizew7ft"},boxShadow:{none:"_1hizew7fu",xs:"_1hizew7fv",sm:"_1hizew7fw",md:"_1hizew7fx",lg:"_1hizew7fy",xl:"_1hizew7fz","2xl":"_1hizew7g0",inner:"_1hizew7g1"}},defaultVariants:{},compoundVariants:[]})};exports.BOX_STYLES=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit35.css');require('../../../../ui-kit2.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                  */;/* empty css                         */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={recipe:e.createRuntimeFn({defaultClassName:"_1hizew70",variantClassNames:{borderRadius:{none:"_1hizew71",xs:"_1hizew72",sm:"_1hizew73",md:"_1hizew74",lg:"_1hizew75",xl:"_1hizew76","2xl":"_1hizew77",full:"_1hizew78"},padding:{none:"_1hizew79",px:"_1hizew7a",xxs:"_1hizew7b",xs:"_1hizew7c",xs2:"_1hizew7d",sm:"_1hizew7e",sm2:"_1hizew7f",md:"_1hizew7g",md2:"_1hizew7h",lg:"_1hizew7i",lg2:"_1hizew7j",xl:"_1hizew7k","2xl":"_1hizew7l","3xl":"_1hizew7m","4xl":"_1hizew7n","5xl":"_1hizew7o"},paddingX:{none:"_1hizew7p",px:"_1hizew7q",xxs:"_1hizew7r",xs:"_1hizew7s",xs2:"_1hizew7t",sm:"_1hizew7u",sm2:"_1hizew7v",md:"_1hizew7w",md2:"_1hizew7x",lg:"_1hizew7y",lg2:"_1hizew7z",xl:"_1hizew710","2xl":"_1hizew711","3xl":"_1hizew712","4xl":"_1hizew713","5xl":"_1hizew714"},paddingY:{none:"_1hizew715",px:"_1hizew716",xxs:"_1hizew717",xs:"_1hizew718",xs2:"_1hizew719",sm:"_1hizew71a",sm2:"_1hizew71b",md:"_1hizew71c",md2:"_1hizew71d",lg:"_1hizew71e",lg2:"_1hizew71f",xl:"_1hizew71g","2xl":"_1hizew71h","3xl":"_1hizew71i","4xl":"_1hizew71j","5xl":"_1hizew71k"},paddingTop:{none:"_1hizew71l",px:"_1hizew71m",xxs:"_1hizew71n",xs:"_1hizew71o",xs2:"_1hizew71p",sm:"_1hizew71q",sm2:"_1hizew71r",md:"_1hizew71s",md2:"_1hizew71t",lg:"_1hizew71u",lg2:"_1hizew71v",xl:"_1hizew71w","2xl":"_1hizew71x","3xl":"_1hizew71y","4xl":"_1hizew71z","5xl":"_1hizew720"},paddingRight:{none:"_1hizew721",px:"_1hizew722",xxs:"_1hizew723",xs:"_1hizew724",xs2:"_1hizew725",sm:"_1hizew726",sm2:"_1hizew727",md:"_1hizew728",md2:"_1hizew729",lg:"_1hizew72a",lg2:"_1hizew72b",xl:"_1hizew72c","2xl":"_1hizew72d","3xl":"_1hizew72e","4xl":"_1hizew72f","5xl":"_1hizew72g"},paddingBottom:{none:"_1hizew72h",px:"_1hizew72i",xxs:"_1hizew72j",xs:"_1hizew72k",xs2:"_1hizew72l",sm:"_1hizew72m",sm2:"_1hizew72n",md:"_1hizew72o",md2:"_1hizew72p",lg:"_1hizew72q",lg2:"_1hizew72r",xl:"_1hizew72s","2xl":"_1hizew72t","3xl":"_1hizew72u","4xl":"_1hizew72v","5xl":"_1hizew72w"},paddingLeft:{none:"_1hizew72x",px:"_1hizew72y",xxs:"_1hizew72z",xs:"_1hizew730",xs2:"_1hizew731",sm:"_1hizew732",sm2:"_1hizew733",md:"_1hizew734",md2:"_1hizew735",lg:"_1hizew736",lg2:"_1hizew737",xl:"_1hizew738","2xl":"_1hizew739","3xl":"_1hizew73a","4xl":"_1hizew73b","5xl":"_1hizew73c"},margin:{auto:"_1hizew73d",none:"_1hizew73e",px:"_1hizew73f",xxs:"_1hizew73g",xs:"_1hizew73h",xs2:"_1hizew73i",sm:"_1hizew73j",sm2:"_1hizew73k",md:"_1hizew73l",md2:"_1hizew73m",lg:"_1hizew73n",lg2:"_1hizew73o",xl:"_1hizew73p","2xl":"_1hizew73q","3xl":"_1hizew73r","4xl":"_1hizew73s","5xl":"_1hizew73t"},marginX:{auto:"_1hizew73u",none:"_1hizew73v",px:"_1hizew73w",xxs:"_1hizew73x",xs:"_1hizew73y",xs2:"_1hizew73z",sm:"_1hizew740",sm2:"_1hizew741",md:"_1hizew742",md2:"_1hizew743",lg:"_1hizew744",lg2:"_1hizew745",xl:"_1hizew746","2xl":"_1hizew747","3xl":"_1hizew748","4xl":"_1hizew749","5xl":"_1hizew74a"},marginY:{auto:"_1hizew74b",none:"_1hizew74c",px:"_1hizew74d",xxs:"_1hizew74e",xs:"_1hizew74f",xs2:"_1hizew74g",sm:"_1hizew74h",sm2:"_1hizew74i",md:"_1hizew74j",md2:"_1hizew74k",lg:"_1hizew74l",lg2:"_1hizew74m",xl:"_1hizew74n","2xl":"_1hizew74o","3xl":"_1hizew74p","4xl":"_1hizew74q","5xl":"_1hizew74r"},marginTop:{auto:"_1hizew74s",none:"_1hizew74t",px:"_1hizew74u",xxs:"_1hizew74v",xs:"_1hizew74w",xs2:"_1hizew74x",sm:"_1hizew74y",sm2:"_1hizew74z",md:"_1hizew750",md2:"_1hizew751",lg:"_1hizew752",lg2:"_1hizew753",xl:"_1hizew754","2xl":"_1hizew755","3xl":"_1hizew756","4xl":"_1hizew757","5xl":"_1hizew758"},marginRight:{auto:"_1hizew759",none:"_1hizew75a",px:"_1hizew75b",xxs:"_1hizew75c",xs:"_1hizew75d",xs2:"_1hizew75e",sm:"_1hizew75f",sm2:"_1hizew75g",md:"_1hizew75h",md2:"_1hizew75i",lg:"_1hizew75j",lg2:"_1hizew75k",xl:"_1hizew75l","2xl":"_1hizew75m","3xl":"_1hizew75n","4xl":"_1hizew75o","5xl":"_1hizew75p"},marginBottom:{auto:"_1hizew75q",none:"_1hizew75r",px:"_1hizew75s",xxs:"_1hizew75t",xs:"_1hizew75u",xs2:"_1hizew75v",sm:"_1hizew75w",sm2:"_1hizew75x",md:"_1hizew75y",md2:"_1hizew75z",lg:"_1hizew760",lg2:"_1hizew761",xl:"_1hizew762","2xl":"_1hizew763","3xl":"_1hizew764","4xl":"_1hizew765","5xl":"_1hizew766"},marginLeft:{auto:"_1hizew767",none:"_1hizew768",px:"_1hizew769",xxs:"_1hizew76a",xs:"_1hizew76b",xs2:"_1hizew76c",sm:"_1hizew76d",sm2:"_1hizew76e",md:"_1hizew76f",md2:"_1hizew76g",lg:"_1hizew76h",lg2:"_1hizew76i",xl:"_1hizew76j","2xl":"_1hizew76k","3xl":"_1hizew76l","4xl":"_1hizew76m","5xl":"_1hizew76n"},gap:{none:"_1hizew76o",px:"_1hizew76p",xxs:"_1hizew76q",xs:"_1hizew76r",xs2:"_1hizew76s",sm:"_1hizew76t",sm2:"_1hizew76u",md:"_1hizew76v",md2:"_1hizew76w",lg:"_1hizew76x",lg2:"_1hizew76y",xl:"_1hizew76z","2xl":"_1hizew770","3xl":"_1hizew771","4xl":"_1hizew772","5xl":"_1hizew773"},columnGap:{none:"_1hizew774",px:"_1hizew775",xxs:"_1hizew776",xs:"_1hizew777",xs2:"_1hizew778",sm:"_1hizew779",sm2:"_1hizew77a",md:"_1hizew77b",md2:"_1hizew77c",lg:"_1hizew77d",lg2:"_1hizew77e",xl:"_1hizew77f","2xl":"_1hizew77g","3xl":"_1hizew77h","4xl":"_1hizew77i","5xl":"_1hizew77j"},rowGap:{none:"_1hizew77k",px:"_1hizew77l",xxs:"_1hizew77m",xs:"_1hizew77n",xs2:"_1hizew77o",sm:"_1hizew77p",sm2:"_1hizew77q",md:"_1hizew77r",md2:"_1hizew77s",lg:"_1hizew77t",lg2:"_1hizew77u",xl:"_1hizew77v","2xl":"_1hizew77w","3xl":"_1hizew77x","4xl":"_1hizew77y","5xl":"_1hizew77z"},borderColor:{background:"_1hizew780",foreground:"_1hizew781",text:"_1hizew782",textSecondary:"_1hizew783",textTertiary:"_1hizew784",card:"_1hizew785",cardForeground:"_1hizew786",popover:"_1hizew787",popoverForeground:"_1hizew788",muted:"_1hizew789",mutedForeground:"_1hizew78a",overlay:"_1hizew78b",primary:"_1hizew78c",primaryHover:"_1hizew78d",primaryActive:"_1hizew78e",primaryForeground:"_1hizew78f",primarySubtle:"_1hizew78g",primarySubtleHover:"_1hizew78h",primarySubtleActive:"_1hizew78i",primarySubtleForeground:"_1hizew78j",primarySubtleBorder:"_1hizew78k",link:"_1hizew78l",linkHover:"_1hizew78m",linkActive:"_1hizew78n",secondary:"_1hizew78o",secondaryHover:"_1hizew78p",secondaryActive:"_1hizew78q",secondaryForeground:"_1hizew78r",secondarySubtle:"_1hizew78s",secondarySubtleHover:"_1hizew78t",secondarySubtleActive:"_1hizew78u",secondarySubtleForeground:"_1hizew78v",secondarySubtleBorder:"_1hizew78w",tertiary:"_1hizew78x",tertiaryHover:"_1hizew78y",tertiaryActive:"_1hizew78z",tertiaryForeground:"_1hizew790",tertiarySubtle:"_1hizew791",tertiarySubtleHover:"_1hizew792",tertiarySubtleActive:"_1hizew793",tertiarySubtleForeground:"_1hizew794",tertiarySubtleBorder:"_1hizew795",success:"_1hizew796",successHover:"_1hizew797",successActive:"_1hizew798",successForeground:"_1hizew799",successSubtle:"_1hizew79a",successSubtleHover:"_1hizew79b",successSubtleActive:"_1hizew79c",successSubtleForeground:"_1hizew79d",successSubtleBorder:"_1hizew79e",warning:"_1hizew79f",warningHover:"_1hizew79g",warningActive:"_1hizew79h",warningForeground:"_1hizew79i",warningSubtle:"_1hizew79j",warningSubtleHover:"_1hizew79k",warningSubtleActive:"_1hizew79l",warningSubtleForeground:"_1hizew79m",warningSubtleBorder:"_1hizew79n",info:"_1hizew79o",infoHover:"_1hizew79p",infoActive:"_1hizew79q",infoForeground:"_1hizew79r",infoSubtle:"_1hizew79s",infoSubtleHover:"_1hizew79t",infoSubtleActive:"_1hizew79u",infoSubtleForeground:"_1hizew79v",infoSubtleBorder:"_1hizew79w",destructive:"_1hizew79x",destructiveHover:"_1hizew79y",destructiveActive:"_1hizew79z",destructiveForeground:"_1hizew7a0",destructiveSubtle:"_1hizew7a1",destructiveSubtleHover:"_1hizew7a2",destructiveSubtleActive:"_1hizew7a3",destructiveSubtleForeground:"_1hizew7a4",destructiveSubtleBorder:"_1hizew7a5",purple:"_1hizew7a6",purpleHover:"_1hizew7a7",purpleActive:"_1hizew7a8",purpleForeground:"_1hizew7a9",purpleSubtle:"_1hizew7aa",purpleSubtleHover:"_1hizew7ab",purpleSubtleActive:"_1hizew7ac",purpleSubtleForeground:"_1hizew7ad",purpleSubtleBorder:"_1hizew7ae",pink:"_1hizew7af",pinkHover:"_1hizew7ag",pinkActive:"_1hizew7ah",pinkForeground:"_1hizew7ai",pinkSubtle:"_1hizew7aj",pinkSubtleHover:"_1hizew7ak",pinkSubtleActive:"_1hizew7al",pinkSubtleForeground:"_1hizew7am",pinkSubtleBorder:"_1hizew7an",orange:"_1hizew7ao",orangeHover:"_1hizew7ap",orangeActive:"_1hizew7aq",orangeForeground:"_1hizew7ar",orangeSubtle:"_1hizew7as",orangeSubtleHover:"_1hizew7at",orangeSubtleActive:"_1hizew7au",orangeSubtleForeground:"_1hizew7av",orangeSubtleBorder:"_1hizew7aw",teal:"_1hizew7ax",tealHover:"_1hizew7ay",tealActive:"_1hizew7az",tealForeground:"_1hizew7b0",tealSubtle:"_1hizew7b1",tealSubtleHover:"_1hizew7b2",tealSubtleActive:"_1hizew7b3",tealSubtleForeground:"_1hizew7b4",tealSubtleBorder:"_1hizew7b5",cyan:"_1hizew7b6",cyanHover:"_1hizew7b7",cyanActive:"_1hizew7b8",cyanForeground:"_1hizew7b9",cyanSubtle:"_1hizew7ba",cyanSubtleHover:"_1hizew7bb",cyanSubtleActive:"_1hizew7bc",cyanSubtleForeground:"_1hizew7bd",cyanSubtleBorder:"_1hizew7be",indigo:"_1hizew7bf",indigoHover:"_1hizew7bg",indigoActive:"_1hizew7bh",indigoForeground:"_1hizew7bi",indigoSubtle:"_1hizew7bj",indigoSubtleHover:"_1hizew7bk",indigoSubtleActive:"_1hizew7bl",indigoSubtleForeground:"_1hizew7bm",indigoSubtleBorder:"_1hizew7bn",border:"_1hizew7bo",borderStrong:"_1hizew7bp",input:"_1hizew7bq",ring:"_1hizew7br",highlight:"_1hizew7bs",highlightForeground:"_1hizew7bt",skeleton:"_1hizew7bu",skeletonForeground:"_1hizew7bv",transparent:"_1hizew7bw"},backgroundColor:{background:"_1hizew7bx",foreground:"_1hizew7by",text:"_1hizew7bz",textSecondary:"_1hizew7c0",textTertiary:"_1hizew7c1",card:"_1hizew7c2",cardForeground:"_1hizew7c3",popover:"_1hizew7c4",popoverForeground:"_1hizew7c5",muted:"_1hizew7c6",mutedForeground:"_1hizew7c7",overlay:"_1hizew7c8",primary:"_1hizew7c9",primaryHover:"_1hizew7ca",primaryActive:"_1hizew7cb",primaryForeground:"_1hizew7cc",primarySubtle:"_1hizew7cd",primarySubtleHover:"_1hizew7ce",primarySubtleActive:"_1hizew7cf",primarySubtleForeground:"_1hizew7cg",primarySubtleBorder:"_1hizew7ch",link:"_1hizew7ci",linkHover:"_1hizew7cj",linkActive:"_1hizew7ck",secondary:"_1hizew7cl",secondaryHover:"_1hizew7cm",secondaryActive:"_1hizew7cn",secondaryForeground:"_1hizew7co",secondarySubtle:"_1hizew7cp",secondarySubtleHover:"_1hizew7cq",secondarySubtleActive:"_1hizew7cr",secondarySubtleForeground:"_1hizew7cs",secondarySubtleBorder:"_1hizew7ct",tertiary:"_1hizew7cu",tertiaryHover:"_1hizew7cv",tertiaryActive:"_1hizew7cw",tertiaryForeground:"_1hizew7cx",tertiarySubtle:"_1hizew7cy",tertiarySubtleHover:"_1hizew7cz",tertiarySubtleActive:"_1hizew7d0",tertiarySubtleForeground:"_1hizew7d1",tertiarySubtleBorder:"_1hizew7d2",success:"_1hizew7d3",successHover:"_1hizew7d4",successActive:"_1hizew7d5",successForeground:"_1hizew7d6",successSubtle:"_1hizew7d7",successSubtleHover:"_1hizew7d8",successSubtleActive:"_1hizew7d9",successSubtleForeground:"_1hizew7da",successSubtleBorder:"_1hizew7db",warning:"_1hizew7dc",warningHover:"_1hizew7dd",warningActive:"_1hizew7de",warningForeground:"_1hizew7df",warningSubtle:"_1hizew7dg",warningSubtleHover:"_1hizew7dh",warningSubtleActive:"_1hizew7di",warningSubtleForeground:"_1hizew7dj",warningSubtleBorder:"_1hizew7dk",info:"_1hizew7dl",infoHover:"_1hizew7dm",infoActive:"_1hizew7dn",infoForeground:"_1hizew7do",infoSubtle:"_1hizew7dp",infoSubtleHover:"_1hizew7dq",infoSubtleActive:"_1hizew7dr",infoSubtleForeground:"_1hizew7ds",infoSubtleBorder:"_1hizew7dt",destructive:"_1hizew7du",destructiveHover:"_1hizew7dv",destructiveActive:"_1hizew7dw",destructiveForeground:"_1hizew7dx",destructiveSubtle:"_1hizew7dy",destructiveSubtleHover:"_1hizew7dz",destructiveSubtleActive:"_1hizew7e0",destructiveSubtleForeground:"_1hizew7e1",destructiveSubtleBorder:"_1hizew7e2",purple:"_1hizew7e3",purpleHover:"_1hizew7e4",purpleActive:"_1hizew7e5",purpleForeground:"_1hizew7e6",purpleSubtle:"_1hizew7e7",purpleSubtleHover:"_1hizew7e8",purpleSubtleActive:"_1hizew7e9",purpleSubtleForeground:"_1hizew7ea",purpleSubtleBorder:"_1hizew7eb",pink:"_1hizew7ec",pinkHover:"_1hizew7ed",pinkActive:"_1hizew7ee",pinkForeground:"_1hizew7ef",pinkSubtle:"_1hizew7eg",pinkSubtleHover:"_1hizew7eh",pinkSubtleActive:"_1hizew7ei",pinkSubtleForeground:"_1hizew7ej",pinkSubtleBorder:"_1hizew7ek",orange:"_1hizew7el",orangeHover:"_1hizew7em",orangeActive:"_1hizew7en",orangeForeground:"_1hizew7eo",orangeSubtle:"_1hizew7ep",orangeSubtleHover:"_1hizew7eq",orangeSubtleActive:"_1hizew7er",orangeSubtleForeground:"_1hizew7es",orangeSubtleBorder:"_1hizew7et",teal:"_1hizew7eu",tealHover:"_1hizew7ev",tealActive:"_1hizew7ew",tealForeground:"_1hizew7ex",tealSubtle:"_1hizew7ey",tealSubtleHover:"_1hizew7ez",tealSubtleActive:"_1hizew7f0",tealSubtleForeground:"_1hizew7f1",tealSubtleBorder:"_1hizew7f2",cyan:"_1hizew7f3",cyanHover:"_1hizew7f4",cyanActive:"_1hizew7f5",cyanForeground:"_1hizew7f6",cyanSubtle:"_1hizew7f7",cyanSubtleHover:"_1hizew7f8",cyanSubtleActive:"_1hizew7f9",cyanSubtleForeground:"_1hizew7fa",cyanSubtleBorder:"_1hizew7fb",indigo:"_1hizew7fc",indigoHover:"_1hizew7fd",indigoActive:"_1hizew7fe",indigoForeground:"_1hizew7ff",indigoSubtle:"_1hizew7fg",indigoSubtleHover:"_1hizew7fh",indigoSubtleActive:"_1hizew7fi",indigoSubtleForeground:"_1hizew7fj",indigoSubtleBorder:"_1hizew7fk",border:"_1hizew7fl",borderStrong:"_1hizew7fm",input:"_1hizew7fn",ring:"_1hizew7fo",highlight:"_1hizew7fp",highlightForeground:"_1hizew7fq",skeleton:"_1hizew7fr",skeletonForeground:"_1hizew7fs",transparent:"_1hizew7ft"},boxShadow:{none:"_1hizew7fu",xs:"_1hizew7fv",sm:"_1hizew7fw",md:"_1hizew7fx",lg:"_1hizew7fy",xl:"_1hizew7fz","2xl":"_1hizew7g0",inner:"_1hizew7g1"}},defaultVariants:{},compoundVariants:[]})};exports.BOX_STYLES=i;
 //# sourceMappingURL=Box.css.cjs.map

package/dist/components/layout/box/styles/Box.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit68.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit35.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                */
 /* empty css                       */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/layout/fieldset/styles/Fieldset.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit21.css');;/* empty css                              */var e={root:"_13in8qw0"};exports.FIELDSET_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');;/* empty css                              */var e={root:"_13in8qw0"};exports.FIELDSET_STYLES=e;
 //# sourceMappingURL=Fieldset.css.cjs.map

package/dist/components/layout/fieldset/styles/Fieldset.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit21.css';/* empty css                            */
+import '../../../../ui-kit50.css';/* empty css                            */
 var r = { root: "_13in8qw0" };
 export {
   r as FIELDSET_STYLES

package/dist/components/layout/flex/Flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/layout/flex/Flex.tsx"],"sourcesContent":["import { FLEX_STYLES } from '@components/layout/flex/styles/Flex.css.ts'\r\nimport type { FlexProps } from '@components/layout/flex/types/Flex.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\nconst Flex: FC<FlexProps> = memo(({\r\n    inline,\r\n    gap = 'sm',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(FLEX_STYLES.recipe({ inline }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nFlex.displayName = 'Flex'\r\n\r\nexport default Flex\r\n"],"names":["Flex","memo","inline","gap","className","props","jsx","Box","cn","FLEX_STYLES"],"mappings":"uKAOMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,OAAAC,EACA,IAAAC,EAAM,KACN,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GAAGC,cAAY,OAAO,CAAE,OAAAP,CAAA,CAAQ,EAAGE,CAAS,EACtD,GAAGC,CAAA,CAAA,CAGf,EAEDL,EAAK,YAAc"}
+{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/layout/flex/Flex.tsx"],"sourcesContent":["import { FLEX_STYLES } from '@components/layout/flex/styles/Flex.css.ts'\r\nimport type { FlexProps } from '@components/layout/flex/types/Flex.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\n/**\r\n * Flex container built on `Box`. Sets `display: flex` (or `inline-flex`\r\n * when `inline` is true) with a configurable `gap` token. Accepts all\r\n * `Box` props for additional layout customization.\r\n */\r\nconst Flex: FC<FlexProps> = memo(({\r\n    inline,\r\n    gap = 'sm',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(FLEX_STYLES.recipe({ inline }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nFlex.displayName = 'Flex'\r\n\r\nexport default Flex\r\n"],"names":["Flex","memo","inline","gap","className","props","jsx","Box","cn","FLEX_STYLES"],"mappings":"uKAYMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,OAAAC,EACA,IAAAC,EAAM,KACN,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GAAGC,cAAY,OAAO,CAAE,OAAAP,CAAA,CAAQ,EAAGE,CAAS,EACtD,GAAGC,CAAA,CAAA,CAGf,EAEDL,EAAK,YAAc"}

package/dist/components/layout/flex/Flex.d.ts

@@ -1,4 +1,9 @@
 import { FlexProps } from './types/Flex.props.ts';
 import { FC } from 'react';
+/**
+ * Flex container built on `Box`. Sets `display: flex` (or `inline-flex`
+ * when `inline` is true) with a configurable `gap` token. Accepts all
+ * `Box` props for additional layout customization.
+ */
 declare const Flex: FC<FlexProps>;
 export default Flex;

package/dist/components/layout/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/layout/flex/Flex.tsx"],"sourcesContent":["import { FLEX_STYLES } from '@components/layout/flex/styles/Flex.css.ts'\r\nimport type { FlexProps } from '@components/layout/flex/types/Flex.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\nconst Flex: FC<FlexProps> = memo(({\r\n    inline,\r\n    gap = 'sm',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(FLEX_STYLES.recipe({ inline }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nFlex.displayName = 'Flex'\r\n\r\nexport default Flex\r\n"],"names":["Flex","memo","inline","gap","className","props","jsx","Box","cn","FLEX_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAJ;AAAA,IACA,WAAWK,EAAGC,EAAY,OAAO,EAAE,QAAAP,EAAA,CAAQ,GAAGE,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAK,cAAc;"}
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/layout/flex/Flex.tsx"],"sourcesContent":["import { FLEX_STYLES } from '@components/layout/flex/styles/Flex.css.ts'\r\nimport type { FlexProps } from '@components/layout/flex/types/Flex.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\n/**\r\n * Flex container built on `Box`. Sets `display: flex` (or `inline-flex`\r\n * when `inline` is true) with a configurable `gap` token. Accepts all\r\n * `Box` props for additional layout customization.\r\n */\r\nconst Flex: FC<FlexProps> = memo(({\r\n    inline,\r\n    gap = 'sm',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(FLEX_STYLES.recipe({ inline }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nFlex.displayName = 'Flex'\r\n\r\nexport default Flex\r\n"],"names":["Flex","memo","inline","gap","className","props","jsx","Box","cn","FLEX_STYLES"],"mappings":";;;;;AAYA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAJ;AAAA,IACA,WAAWK,EAAGC,EAAY,OAAO,EAAE,QAAAP,EAAA,CAAQ,GAAGE,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAK,cAAc;"}

package/dist/components/layout/flex/styles/Flex.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit53.css');;/* empty css                          */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1pj7eko0",variantClassNames:{inline:{true:"_1pj7eko1"}},defaultVariants:{},compoundVariants:[]})};exports.FLEX_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit60.css');;/* empty css                          */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1pj7eko0",variantClassNames:{inline:{true:"_1pj7eko1"}},defaultVariants:{},compoundVariants:[]})};exports.FLEX_STYLES=a;
 //# sourceMappingURL=Flex.css.cjs.map

package/dist/components/layout/flex/styles/Flex.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit53.css';/* empty css                        */
+import '../../../../ui-kit60.css';/* empty css                        */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_1pj7eko0", variantClassNames: { inline: { true: "_1pj7eko1" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/layout/form/styles/Form.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');;/* empty css                          */var e={root:"_1dn8qpd0"};exports.FORM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit54.css');;/* empty css                          */var e={root:"_1dn8qpd0"};exports.FORM_STYLES=e;
 //# sourceMappingURL=Form.css.cjs.map

package/dist/components/layout/form/styles/Form.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit23.css';/* empty css                        */
+import '../../../../ui-kit54.css';/* empty css                        */
 var r = { root: "_1dn8qpd0" };
 export {
   r as FORM_STYLES

package/dist/components/layout/grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/layout/grid/Grid.tsx"],"sourcesContent":["import { GRID_STYLES } from '@components/layout/grid/styles/Grid.css.ts'\r\nimport type { GridProps } from '@components/layout/grid/types/Grid.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\nconst Grid: FC<GridProps> = memo(({\r\n    columns,\r\n    gridAutoRows,\r\n    gridTemplateRows,\r\n    gridAutoFlow,\r\n    alignItems,\r\n    justifyItems,\r\n    alignContent,\r\n    justifyContent,\r\n    gap = 'md',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(\r\n                GRID_STYLES.recipe({\r\n                    columns,\r\n                    gridAutoRows,\r\n                    gridTemplateRows,\r\n                    gridAutoFlow,\r\n                    alignItems,\r\n                    justifyItems,\r\n                    alignContent,\r\n                    justifyContent,\r\n                }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nGrid.displayName = 'Grid'\r\n\r\nexport default Grid\r\n"],"names":["Grid","memo","columns","gridAutoRows","gridTemplateRows","gridAutoFlow","alignItems","justifyItems","alignContent","justifyContent","gap","className","props","jsx","Box","cn","GRID_STYLES"],"mappings":"uKAOMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,EACA,IAAAC,EAAM,KACN,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GACPC,EAAAA,YAAY,OAAO,CACf,QAAAd,EACA,aAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,CAAA,CACH,EACDE,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGf,EAEDZ,EAAK,YAAc"}
+{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/layout/grid/Grid.tsx"],"sourcesContent":["import { GRID_STYLES } from '@components/layout/grid/styles/Grid.css.ts'\r\nimport type { GridProps } from '@components/layout/grid/types/Grid.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\n/**\r\n * CSS grid container built on `Box`. Supports token-based `columns`,\r\n * `gridAutoRows`, `gridTemplateRows`, `gridAutoFlow`, alignment axes,\r\n * and `gap`. Accepts all `Box` props for additional layout customization.\r\n */\r\nconst Grid: FC<GridProps> = memo(({\r\n    columns,\r\n    gridAutoRows,\r\n    gridTemplateRows,\r\n    gridAutoFlow,\r\n    alignItems,\r\n    justifyItems,\r\n    alignContent,\r\n    justifyContent,\r\n    gap = 'md',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(\r\n                GRID_STYLES.recipe({\r\n                    columns,\r\n                    gridAutoRows,\r\n                    gridTemplateRows,\r\n                    gridAutoFlow,\r\n                    alignItems,\r\n                    justifyItems,\r\n                    alignContent,\r\n                    justifyContent,\r\n                }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nGrid.displayName = 'Grid'\r\n\r\nexport default Grid\r\n"],"names":["Grid","memo","columns","gridAutoRows","gridTemplateRows","gridAutoFlow","alignItems","justifyItems","alignContent","justifyContent","gap","className","props","jsx","Box","cn","GRID_STYLES"],"mappings":"uKAYMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,EACA,IAAAC,EAAM,KACN,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GACPC,EAAAA,YAAY,OAAO,CACf,QAAAd,EACA,aAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,CAAA,CACH,EACDE,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGf,EAEDZ,EAAK,YAAc"}

package/dist/components/layout/grid/Grid.d.ts

@@ -1,4 +1,9 @@
 import { GridProps } from './types/Grid.props.ts';
 import { FC } from 'react';
+/**
+ * CSS grid container built on `Box`. Supports token-based `columns`,
+ * `gridAutoRows`, `gridTemplateRows`, `gridAutoFlow`, alignment axes,
+ * and `gap`. Accepts all `Box` props for additional layout customization.
+ */
 declare const Grid: FC<GridProps>;
 export default Grid;

package/dist/components/layout/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/layout/grid/Grid.tsx"],"sourcesContent":["import { GRID_STYLES } from '@components/layout/grid/styles/Grid.css.ts'\r\nimport type { GridProps } from '@components/layout/grid/types/Grid.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\nconst Grid: FC<GridProps> = memo(({\r\n    columns,\r\n    gridAutoRows,\r\n    gridTemplateRows,\r\n    gridAutoFlow,\r\n    alignItems,\r\n    justifyItems,\r\n    alignContent,\r\n    justifyContent,\r\n    gap = 'md',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(\r\n                GRID_STYLES.recipe({\r\n                    columns,\r\n                    gridAutoRows,\r\n                    gridTemplateRows,\r\n                    gridAutoFlow,\r\n                    alignItems,\r\n                    justifyItems,\r\n                    alignContent,\r\n                    justifyContent,\r\n                }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nGrid.displayName = 'Grid'\r\n\r\nexport default Grid\r\n"],"names":["Grid","memo","columns","gridAutoRows","gridTemplateRows","gridAutoFlow","alignItems","justifyItems","alignContent","justifyContent","gap","className","props","jsx","Box","cn","GRID_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAJ;AAAA,IACA,WAAWK;AAAA,MACPC,EAAY,OAAO;AAAA,QACf,SAAAd;AAAA,QACA,cAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA,CACH;AAAA,MACDE;AAAA,IAAA;AAAA,IAEH,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDZ,EAAK,cAAc;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/layout/grid/Grid.tsx"],"sourcesContent":["import { GRID_STYLES } from '@components/layout/grid/styles/Grid.css.ts'\r\nimport type { GridProps } from '@components/layout/grid/types/Grid.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\n/**\r\n * CSS grid container built on `Box`. Supports token-based `columns`,\r\n * `gridAutoRows`, `gridTemplateRows`, `gridAutoFlow`, alignment axes,\r\n * and `gap`. Accepts all `Box` props for additional layout customization.\r\n */\r\nconst Grid: FC<GridProps> = memo(({\r\n    columns,\r\n    gridAutoRows,\r\n    gridTemplateRows,\r\n    gridAutoFlow,\r\n    alignItems,\r\n    justifyItems,\r\n    alignContent,\r\n    justifyContent,\r\n    gap = 'md',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(\r\n                GRID_STYLES.recipe({\r\n                    columns,\r\n                    gridAutoRows,\r\n                    gridTemplateRows,\r\n                    gridAutoFlow,\r\n                    alignItems,\r\n                    justifyItems,\r\n                    alignContent,\r\n                    justifyContent,\r\n                }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nGrid.displayName = 'Grid'\r\n\r\nexport default Grid\r\n"],"names":["Grid","memo","columns","gridAutoRows","gridTemplateRows","gridAutoFlow","alignItems","justifyItems","alignContent","justifyContent","gap","className","props","jsx","Box","cn","GRID_STYLES"],"mappings":";;;;;AAYA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAJ;AAAA,IACA,WAAWK;AAAA,MACPC,EAAY,OAAO;AAAA,QACf,SAAAd;AAAA,QACA,cAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA,CACH;AAAA,MACDE;AAAA,IAAA;AAAA,IAEH,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDZ,EAAK,cAAc;"}

package/dist/components/layout/grid/styles/Grid.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit48.css');;/* empty css                          */const d=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:d.createRuntimeFn({defaultClassName:"_2fgvjd0",variantClassNames:{columns:{1:"_2fgvjd1",2:"_2fgvjd2",3:"_2fgvjd3",4:"_2fgvjd4",5:"_2fgvjd5",6:"_2fgvjd6",7:"_2fgvjd7",8:"_2fgvjd8",9:"_2fgvjd9",10:"_2fgvjda",11:"_2fgvjdb",12:"_2fgvjdc",none:"_2fgvjdd"},gridAutoRows:{auto:"_2fgvjde",min:"_2fgvjdf",max:"_2fgvjdg",fr:"_2fgvjdh"},gridTemplateRows:{none:"_2fgvjdi",auto:"_2fgvjdj",min:"_2fgvjdk",max:"_2fgvjdl","1fr":"_2fgvjdm","0fr":"_2fgvjdn"},gridAutoFlow:{row:"_2fgvjdo",column:"_2fgvjdp",dense:"_2fgvjdq","row-dense":"_2fgvjdr","column-dense":"_2fgvjds"},alignItems:{start:"_2fgvjdt",end:"_2fgvjdu",center:"_2fgvjdv",stretch:"_2fgvjdw",baseline:"_2fgvjdx"},justifyItems:{start:"_2fgvjdy",end:"_2fgvjdz",center:"_2fgvjd10",stretch:"_2fgvjd11"},alignContent:{start:"_2fgvjd12",end:"_2fgvjd13",center:"_2fgvjd14",stretch:"_2fgvjd15",between:"_2fgvjd16",around:"_2fgvjd17",evenly:"_2fgvjd18"},justifyContent:{start:"_2fgvjd19",end:"_2fgvjd1a",center:"_2fgvjd1b",stretch:"_2fgvjd1c",between:"_2fgvjd1d",around:"_2fgvjd1e",evenly:"_2fgvjd1f"}},defaultVariants:{},compoundVariants:[]})};exports.GRID_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit57.css');;/* empty css                          */const d=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:d.createRuntimeFn({defaultClassName:"_2fgvjd0",variantClassNames:{columns:{1:"_2fgvjd1",2:"_2fgvjd2",3:"_2fgvjd3",4:"_2fgvjd4",5:"_2fgvjd5",6:"_2fgvjd6",7:"_2fgvjd7",8:"_2fgvjd8",9:"_2fgvjd9",10:"_2fgvjda",11:"_2fgvjdb",12:"_2fgvjdc",none:"_2fgvjdd"},gridAutoRows:{auto:"_2fgvjde",min:"_2fgvjdf",max:"_2fgvjdg",fr:"_2fgvjdh"},gridTemplateRows:{none:"_2fgvjdi",auto:"_2fgvjdj",min:"_2fgvjdk",max:"_2fgvjdl","1fr":"_2fgvjdm","0fr":"_2fgvjdn"},gridAutoFlow:{row:"_2fgvjdo",column:"_2fgvjdp",dense:"_2fgvjdq","row-dense":"_2fgvjdr","column-dense":"_2fgvjds"},alignItems:{start:"_2fgvjdt",end:"_2fgvjdu",center:"_2fgvjdv",stretch:"_2fgvjdw",baseline:"_2fgvjdx"},justifyItems:{start:"_2fgvjdy",end:"_2fgvjdz",center:"_2fgvjd10",stretch:"_2fgvjd11"},alignContent:{start:"_2fgvjd12",end:"_2fgvjd13",center:"_2fgvjd14",stretch:"_2fgvjd15",between:"_2fgvjd16",around:"_2fgvjd17",evenly:"_2fgvjd18"},justifyContent:{start:"_2fgvjd19",end:"_2fgvjd1a",center:"_2fgvjd1b",stretch:"_2fgvjd1c",between:"_2fgvjd1d",around:"_2fgvjd1e",evenly:"_2fgvjd1f"}},defaultVariants:{},compoundVariants:[]})};exports.GRID_STYLES=e;
 //# sourceMappingURL=Grid.css.cjs.map

package/dist/components/layout/grid/styles/Grid.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit48.css';/* empty css                        */
+import '../../../../ui-kit57.css';/* empty css                        */
 import { createRuntimeFn as d } from "@vanilla-extract/recipes/createRuntimeFn";
 var v = { recipe: d({ defaultClassName: "_2fgvjd0", variantClassNames: { columns: { 1: "_2fgvjd1", 2: "_2fgvjd2", 3: "_2fgvjd3", 4: "_2fgvjd4", 5: "_2fgvjd5", 6: "_2fgvjd6", 7: "_2fgvjd7", 8: "_2fgvjd8", 9: "_2fgvjd9", 10: "_2fgvjda", 11: "_2fgvjdb", 12: "_2fgvjdc", none: "_2fgvjdd" }, gridAutoRows: { auto: "_2fgvjde", min: "_2fgvjdf", max: "_2fgvjdg", fr: "_2fgvjdh" }, gridTemplateRows: { none: "_2fgvjdi", auto: "_2fgvjdj", min: "_2fgvjdk", max: "_2fgvjdl", "1fr": "_2fgvjdm", "0fr": "_2fgvjdn" }, gridAutoFlow: { row: "_2fgvjdo", column: "_2fgvjdp", dense: "_2fgvjdq", "row-dense": "_2fgvjdr", "column-dense": "_2fgvjds" }, alignItems: { start: "_2fgvjdt", end: "_2fgvjdu", center: "_2fgvjdv", stretch: "_2fgvjdw", baseline: "_2fgvjdx" }, justifyItems: { start: "_2fgvjdy", end: "_2fgvjdz", center: "_2fgvjd10", stretch: "_2fgvjd11" }, alignContent: { start: "_2fgvjd12", end: "_2fgvjd13", center: "_2fgvjd14", stretch: "_2fgvjd15", between: "_2fgvjd16", around: "_2fgvjd17", evenly: "_2fgvjd18" }, justifyContent: { start: "_2fgvjd19", end: "_2fgvjd1a", center: "_2fgvjd1b", stretch: "_2fgvjd1c", between: "_2fgvjd1d", around: "_2fgvjd1e", evenly: "_2fgvjd1f" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {