@choco-vanille/ui 1.14.5 → 1.14.7

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

@@ -1,8 +1,9 @@
-import '../../../../ui-kit25.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit70.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty 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", ring: "lg1gei56", highlight: "lg1gei57", highlightForeground: "lg1gei58", skeleton: "lg1gei59", skeletonForeground: "lg1gei5a", transparent: "lg1gei5b" } }, defaultVariants: { variant: "span" }, compoundVariants: [] }) };
+import { createRuntimeFn as g } from "@vanilla-extract/recipes/createRuntimeFn";
+var t = { recipe: g({ 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" }, margin: { auto: "lg1gei19", none: "lg1gei1a", px: "lg1gei1b", xxs: "lg1gei1c", xs: "lg1gei1d", xs2: "lg1gei1e", sm: "lg1gei1f", sm2: "lg1gei1g", md: "lg1gei1h", md2: "lg1gei1i", lg: "lg1gei1j", lg2: "lg1gei1k", xl: "lg1gei1l", "2xl": "lg1gei1m", "3xl": "lg1gei1n", "4xl": "lg1gei1o", "5xl": "lg1gei1p" }, ellipsis: { true: "lg1gei1q" }, maxLines: { 1: "lg1gei1r", 2: "lg1gei1s", 3: "lg1gei1t", 4: "lg1gei1u", 5: "lg1gei1v", 6: "lg1gei1w" }, color: { background: "lg1gei1x", foreground: "lg1gei1y", text: "lg1gei1z", textSecondary: "lg1gei20", textTertiary: "lg1gei21", card: "lg1gei22", cardForeground: "lg1gei23", popover: "lg1gei24", popoverForeground: "lg1gei25", muted: "lg1gei26", mutedForeground: "lg1gei27", overlay: "lg1gei28", primary: "lg1gei29", primaryHover: "lg1gei2a", primaryActive: "lg1gei2b", primaryForeground: "lg1gei2c", primarySubtle: "lg1gei2d", primarySubtleHover: "lg1gei2e", primarySubtleActive: "lg1gei2f", primarySubtleForeground: "lg1gei2g", primarySubtleBorder: "lg1gei2h", link: "lg1gei2i", linkHover: "lg1gei2j", linkActive: "lg1gei2k", secondary: "lg1gei2l", secondaryHover: "lg1gei2m", secondaryActive: "lg1gei2n", secondaryForeground: "lg1gei2o", secondarySubtle: "lg1gei2p", secondarySubtleHover: "lg1gei2q", secondarySubtleActive: "lg1gei2r", secondarySubtleForeground: "lg1gei2s", secondarySubtleBorder: "lg1gei2t", tertiary: "lg1gei2u", tertiaryHover: "lg1gei2v", tertiaryActive: "lg1gei2w", tertiaryForeground: "lg1gei2x", tertiarySubtle: "lg1gei2y", tertiarySubtleHover: "lg1gei2z", tertiarySubtleActive: "lg1gei30", tertiarySubtleForeground: "lg1gei31", tertiarySubtleBorder: "lg1gei32", success: "lg1gei33", successHover: "lg1gei34", successActive: "lg1gei35", successForeground: "lg1gei36", successSubtle: "lg1gei37", successSubtleHover: "lg1gei38", successSubtleActive: "lg1gei39", successSubtleForeground: "lg1gei3a", successSubtleBorder: "lg1gei3b", warning: "lg1gei3c", warningHover: "lg1gei3d", warningActive: "lg1gei3e", warningForeground: "lg1gei3f", warningSubtle: "lg1gei3g", warningSubtleHover: "lg1gei3h", warningSubtleActive: "lg1gei3i", warningSubtleForeground: "lg1gei3j", warningSubtleBorder: "lg1gei3k", info: "lg1gei3l", infoHover: "lg1gei3m", infoActive: "lg1gei3n", infoForeground: "lg1gei3o", infoSubtle: "lg1gei3p", infoSubtleHover: "lg1gei3q", infoSubtleActive: "lg1gei3r", infoSubtleForeground: "lg1gei3s", infoSubtleBorder: "lg1gei3t", destructive: "lg1gei3u", destructiveHover: "lg1gei3v", destructiveActive: "lg1gei3w", destructiveForeground: "lg1gei3x", destructiveSubtle: "lg1gei3y", destructiveSubtleHover: "lg1gei3z", destructiveSubtleActive: "lg1gei40", destructiveSubtleForeground: "lg1gei41", destructiveSubtleBorder: "lg1gei42", purple: "lg1gei43", purpleHover: "lg1gei44", purpleActive: "lg1gei45", purpleForeground: "lg1gei46", purpleSubtle: "lg1gei47", purpleSubtleHover: "lg1gei48", purpleSubtleActive: "lg1gei49", purpleSubtleForeground: "lg1gei4a", purpleSubtleBorder: "lg1gei4b", pink: "lg1gei4c", pinkHover: "lg1gei4d", pinkActive: "lg1gei4e", pinkForeground: "lg1gei4f", pinkSubtle: "lg1gei4g", pinkSubtleHover: "lg1gei4h", pinkSubtleActive: "lg1gei4i", pinkSubtleForeground: "lg1gei4j", pinkSubtleBorder: "lg1gei4k", orange: "lg1gei4l", orangeHover: "lg1gei4m", orangeActive: "lg1gei4n", orangeForeground: "lg1gei4o", orangeSubtle: "lg1gei4p", orangeSubtleHover: "lg1gei4q", orangeSubtleActive: "lg1gei4r", orangeSubtleForeground: "lg1gei4s", orangeSubtleBorder: "lg1gei4t", teal: "lg1gei4u", tealHover: "lg1gei4v", tealActive: "lg1gei4w", tealForeground: "lg1gei4x", tealSubtle: "lg1gei4y", tealSubtleHover: "lg1gei4z", tealSubtleActive: "lg1gei50", tealSubtleForeground: "lg1gei51", tealSubtleBorder: "lg1gei52", cyan: "lg1gei53", cyanHover: "lg1gei54", cyanActive: "lg1gei55", cyanForeground: "lg1gei56", cyanSubtle: "lg1gei57", cyanSubtleHover: "lg1gei58", cyanSubtleActive: "lg1gei59", cyanSubtleForeground: "lg1gei5a", cyanSubtleBorder: "lg1gei5b", indigo: "lg1gei5c", indigoHover: "lg1gei5d", indigoActive: "lg1gei5e", indigoForeground: "lg1gei5f", indigoSubtle: "lg1gei5g", indigoSubtleHover: "lg1gei5h", indigoSubtleActive: "lg1gei5i", indigoSubtleForeground: "lg1gei5j", indigoSubtleBorder: "lg1gei5k", border: "lg1gei5l", borderStrong: "lg1gei5m", ring: "lg1gei5n", highlight: "lg1gei5o", highlightForeground: "lg1gei5p", skeleton: "lg1gei5q", skeletonForeground: "lg1gei5r", transparent: "lg1gei5s" } }, defaultVariants: { variant: "span" }, compoundVariants: [] }) };
 export {
-  r as TYPOGRAPHY_STYLES
+  t as TYPOGRAPHY_STYLES
 };
 //# sourceMappingURL=Typography.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Typography.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -1,4 +1,5 @@
 import { TypographyLetterSpacing, TypographySize, TypographyVariant, TypographyWeight } from './Typography.types.ts';
+import { BoxMargin } from '../../../layout/box/types/Box.types.ts';
 import { CSSProperties, RefAttributes } from 'react';
 import { ThemeColor } from '../../../../theme';
 import type * as React from 'react';
@@ -19,6 +20,8 @@ export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> &
     textTransform?: CSSProperties['textTransform'];
     /** CSS `display` value applied to the text. */
     display?: CSSProperties['display'];
+    /** The margin token applied to all sides of the text. Supports `auto`. */
+    margin?: BoxMargin;
     /** CSS `width` value applied to the text. */
     width?: CSSProperties['width'];
     /** CSS `min-width` value applied to the text. */

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

@@ -1,2 +1,2 @@
-"use strict";const g=require("react/jsx-runtime"),ee=require("./styles/Box.css.cjs"),se=require("../../../utils/cn.cjs"),F=require("react"),H=F.memo(({as:I="div",borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:z,backgroundColor:A,boxShadow:D,display:J,width:K,minWidth:P,maxWidth:Q,height:U,minHeight:V,maxHeight:W,overflow:Z,overflowX:$,overflowY:k,position:r,flex:C,flexDirection:L,flexWrap:R,alignSelf:T,alignItems:X,alignContent:Y,justifyContent:f,borderWidth:w,borderTopWidth:G,borderRightWidth:h,borderBottomWidth:m,borderLeftWidth:b,borderStyle:o,className:n,style:i,ref:p,...a})=>{const d=F.useMemo(()=>ee.BOX_STYLES.recipe({borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:z,backgroundColor:A,boxShadow:D}),[e,s,c,t,u,x,q,N,j,y,B,_,l,v,E,M,O,S,z,A,D]);return g.jsx(I,{ref:p,className:se.cn(d,n),style:{display:J,width:K,minWidth:P,maxWidth:Q,height:U,minHeight:V,maxHeight:W,overflow:Z,overflowX:$,overflowY:k,position:r,flex:C,flexDirection:L,flexWrap:R,alignSelf:T,alignItems:X,alignContent:Y,justifyContent:f,borderWidth:w,borderTopWidth:G,borderRightWidth:h,borderBottomWidth:m,borderLeftWidth:b,borderStyle:o,...i},...a})});H.displayName="Box";module.exports=H;
+"use strict";const ee=require("react/jsx-runtime"),se=require("./styles/Box.css.cjs"),ce=require("../../../utils/cn.cjs"),F=require("react"),H=F.memo(({as:I="div",borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:z,backgroundColor:A,boxShadow:D,display:J,width:K,minWidth:P,maxWidth:Q,height:U,minHeight:V,maxHeight:W,overflow:Z,overflowX:$,overflowY:k,position:r,flex:C,flexDirection:L,flexWrap:R,alignSelf:T,alignItems:X,alignContent:Y,justifyContent:f,textAlign:w,borderWidth:G,borderTopWidth:h,borderRightWidth:m,borderBottomWidth:b,borderLeftWidth:o,borderStyle:n,className:i,style:p,ref:a,...d})=>{const g=F.useMemo(()=>se.BOX_STYLES.recipe({borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:z,backgroundColor:A,boxShadow:D}),[e,s,c,t,u,x,q,N,j,y,B,_,l,v,E,M,O,S,z,A,D]);return ee.jsx(I,{ref:a,className:ce.cn(g,i),style:{display:J,width:K,minWidth:P,maxWidth:Q,height:U,minHeight:V,maxHeight:W,overflow:Z,overflowX:$,overflowY:k,position:r,flex:C,flexDirection:L,flexWrap:R,alignSelf:T,alignItems:X,alignContent:Y,justifyContent:f,textAlign:w,borderWidth:G,borderTopWidth:h,borderRightWidth:m,borderBottomWidth:b,borderLeftWidth:o,borderStyle:n,...p},...d})});H.displayName="Box";module.exports=H;
 //# sourceMappingURL=Box.cjs.map

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\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"}
+{"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, text-align) 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    textAlign,\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                textAlign,\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","textAlign","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":"6IAWMA,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,UAAAC,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,aAAApD,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,OACIiC,GAAAA,IAACtD,EAAA,CACG,IAAAiD,EACA,UAAWM,GAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,QAAAzB,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,UAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDpD,EAAI,YAAc"}

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

@@ -3,7 +3,7 @@ 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
+ * and passes layout props (display, flex, position, overflow, text-align) as inline
  * styles. Use the `as` prop to change the rendered element.
  */
 declare const Box: FC<BoxProps>;

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

@@ -1,8 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import { BOX_STYLES as d } from "./styles/Box.css.js";
-import { cn as g } from "../../../utils/cn.js";
-import { memo as ss, useMemo as es } from "react";
-const cs = ss(({
+import { jsx as d } from "react/jsx-runtime";
+import { BOX_STYLES as g } from "./styles/Box.css.js";
+import { cn as ss } from "../../../utils/cn.js";
+import { memo as es, useMemo as cs } from "react";
+const ms = es(({
   as: A = "div",
   borderRadius: s,
   padding: e,
@@ -43,19 +43,20 @@ const cs = ss(({
   alignItems: L,
   alignContent: T,
   justifyContent: X,
-  borderWidth: Y,
-  borderTopWidth: o,
-  borderRightWidth: r,
-  borderBottomWidth: w,
-  borderLeftWidth: G,
-  borderStyle: h,
-  className: R,
-  style: b,
-  ref: p,
-  ...i
+  textAlign: Y,
+  borderWidth: o,
+  borderTopWidth: r,
+  borderRightWidth: w,
+  borderBottomWidth: G,
+  borderLeftWidth: h,
+  borderStyle: R,
+  className: b,
+  style: p,
+  ref: i,
+  ...a
 }) => {
-  const a = es(
-    () => d.recipe({
+  const n = cs(
+    () => g.recipe({
       borderRadius: s,
       padding: e,
       paddingX: c,
@@ -102,11 +103,11 @@ const cs = ss(({
       z
     ]
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ d(
     A,
     {
-      ref: p,
-      className: g(a, R),
+      ref: i,
+      className: ss(n, b),
       style: {
         display: D,
         width: F,
@@ -126,20 +127,21 @@ const cs = ss(({
         alignItems: L,
         alignContent: T,
         justifyContent: X,
-        borderWidth: Y,
-        borderTopWidth: o,
-        borderRightWidth: r,
-        borderBottomWidth: w,
-        borderLeftWidth: G,
-        borderStyle: h,
-        ...b
+        textAlign: Y,
+        borderWidth: o,
+        borderTopWidth: r,
+        borderRightWidth: w,
+        borderBottomWidth: G,
+        borderLeftWidth: h,
+        borderStyle: R,
+        ...p
       },
-      ...i
+      ...a
     }
   );
 });
-cs.displayName = "Box";
+ms.displayName = "Box";
 export {
-  cs as default
+  ms as default
 };
 //# sourceMappingURL=Box.js.map

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\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;"}
+{"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, text-align) 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    textAlign,\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                textAlign,\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","textAlign","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,WAAAC;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,cAAApD;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,gBAAAiC;AAAA,IAACtD;AAAA,IAAA;AAAA,MACG,KAAAiD;AAAA,MACA,WAAWM,GAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,SAAAzB;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,WAAAC;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;AAEDpD,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-kit62.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",ring:"_1hizew7bq",highlight:"_1hizew7br",highlightForeground:"_1hizew7bs",skeleton:"_1hizew7bt",skeletonForeground:"_1hizew7bu",transparent:"_1hizew7bv"},backgroundColor:{background:"_1hizew7bw",foreground:"_1hizew7bx",text:"_1hizew7by",textSecondary:"_1hizew7bz",textTertiary:"_1hizew7c0",card:"_1hizew7c1",cardForeground:"_1hizew7c2",popover:"_1hizew7c3",popoverForeground:"_1hizew7c4",muted:"_1hizew7c5",mutedForeground:"_1hizew7c6",overlay:"_1hizew7c7",primary:"_1hizew7c8",primaryHover:"_1hizew7c9",primaryActive:"_1hizew7ca",primaryForeground:"_1hizew7cb",primarySubtle:"_1hizew7cc",primarySubtleHover:"_1hizew7cd",primarySubtleActive:"_1hizew7ce",primarySubtleForeground:"_1hizew7cf",primarySubtleBorder:"_1hizew7cg",link:"_1hizew7ch",linkHover:"_1hizew7ci",linkActive:"_1hizew7cj",secondary:"_1hizew7ck",secondaryHover:"_1hizew7cl",secondaryActive:"_1hizew7cm",secondaryForeground:"_1hizew7cn",secondarySubtle:"_1hizew7co",secondarySubtleHover:"_1hizew7cp",secondarySubtleActive:"_1hizew7cq",secondarySubtleForeground:"_1hizew7cr",secondarySubtleBorder:"_1hizew7cs",tertiary:"_1hizew7ct",tertiaryHover:"_1hizew7cu",tertiaryActive:"_1hizew7cv",tertiaryForeground:"_1hizew7cw",tertiarySubtle:"_1hizew7cx",tertiarySubtleHover:"_1hizew7cy",tertiarySubtleActive:"_1hizew7cz",tertiarySubtleForeground:"_1hizew7d0",tertiarySubtleBorder:"_1hizew7d1",success:"_1hizew7d2",successHover:"_1hizew7d3",successActive:"_1hizew7d4",successForeground:"_1hizew7d5",successSubtle:"_1hizew7d6",successSubtleHover:"_1hizew7d7",successSubtleActive:"_1hizew7d8",successSubtleForeground:"_1hizew7d9",successSubtleBorder:"_1hizew7da",warning:"_1hizew7db",warningHover:"_1hizew7dc",warningActive:"_1hizew7dd",warningForeground:"_1hizew7de",warningSubtle:"_1hizew7df",warningSubtleHover:"_1hizew7dg",warningSubtleActive:"_1hizew7dh",warningSubtleForeground:"_1hizew7di",warningSubtleBorder:"_1hizew7dj",info:"_1hizew7dk",infoHover:"_1hizew7dl",infoActive:"_1hizew7dm",infoForeground:"_1hizew7dn",infoSubtle:"_1hizew7do",infoSubtleHover:"_1hizew7dp",infoSubtleActive:"_1hizew7dq",infoSubtleForeground:"_1hizew7dr",infoSubtleBorder:"_1hizew7ds",destructive:"_1hizew7dt",destructiveHover:"_1hizew7du",destructiveActive:"_1hizew7dv",destructiveForeground:"_1hizew7dw",destructiveSubtle:"_1hizew7dx",destructiveSubtleHover:"_1hizew7dy",destructiveSubtleActive:"_1hizew7dz",destructiveSubtleForeground:"_1hizew7e0",destructiveSubtleBorder:"_1hizew7e1",purple:"_1hizew7e2",purpleHover:"_1hizew7e3",purpleActive:"_1hizew7e4",purpleForeground:"_1hizew7e5",purpleSubtle:"_1hizew7e6",purpleSubtleHover:"_1hizew7e7",purpleSubtleActive:"_1hizew7e8",purpleSubtleForeground:"_1hizew7e9",purpleSubtleBorder:"_1hizew7ea",pink:"_1hizew7eb",pinkHover:"_1hizew7ec",pinkActive:"_1hizew7ed",pinkForeground:"_1hizew7ee",pinkSubtle:"_1hizew7ef",pinkSubtleHover:"_1hizew7eg",pinkSubtleActive:"_1hizew7eh",pinkSubtleForeground:"_1hizew7ei",pinkSubtleBorder:"_1hizew7ej",orange:"_1hizew7ek",orangeHover:"_1hizew7el",orangeActive:"_1hizew7em",orangeForeground:"_1hizew7en",orangeSubtle:"_1hizew7eo",orangeSubtleHover:"_1hizew7ep",orangeSubtleActive:"_1hizew7eq",orangeSubtleForeground:"_1hizew7er",orangeSubtleBorder:"_1hizew7es",teal:"_1hizew7et",tealHover:"_1hizew7eu",tealActive:"_1hizew7ev",tealForeground:"_1hizew7ew",tealSubtle:"_1hizew7ex",tealSubtleHover:"_1hizew7ey",tealSubtleActive:"_1hizew7ez",tealSubtleForeground:"_1hizew7f0",tealSubtleBorder:"_1hizew7f1",cyan:"_1hizew7f2",cyanHover:"_1hizew7f3",cyanActive:"_1hizew7f4",cyanForeground:"_1hizew7f5",cyanSubtle:"_1hizew7f6",cyanSubtleHover:"_1hizew7f7",cyanSubtleActive:"_1hizew7f8",cyanSubtleForeground:"_1hizew7f9",cyanSubtleBorder:"_1hizew7fa",indigo:"_1hizew7fb",indigoHover:"_1hizew7fc",indigoActive:"_1hizew7fd",indigoForeground:"_1hizew7fe",indigoSubtle:"_1hizew7ff",indigoSubtleHover:"_1hizew7fg",indigoSubtleActive:"_1hizew7fh",indigoSubtleForeground:"_1hizew7fi",indigoSubtleBorder:"_1hizew7fj",border:"_1hizew7fk",borderStrong:"_1hizew7fl",ring:"_1hizew7fm",highlight:"_1hizew7fn",highlightForeground:"_1hizew7fo",skeleton:"_1hizew7fp",skeletonForeground:"_1hizew7fq",transparent:"_1hizew7fr"},boxShadow:{none:"_1hizew7fs",xs:"_1hizew7ft",sm:"_1hizew7fu",md:"_1hizew7fv",lg:"_1hizew7fw",xl:"_1hizew7fx","2xl":"_1hizew7fy",inner:"_1hizew7fz"}},defaultVariants:{},compoundVariants:[]})};exports.BOX_STYLES=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit21.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",ring:"_1hizew7bq",highlight:"_1hizew7br",highlightForeground:"_1hizew7bs",skeleton:"_1hizew7bt",skeletonForeground:"_1hizew7bu",transparent:"_1hizew7bv"},backgroundColor:{background:"_1hizew7bw",foreground:"_1hizew7bx",text:"_1hizew7by",textSecondary:"_1hizew7bz",textTertiary:"_1hizew7c0",card:"_1hizew7c1",cardForeground:"_1hizew7c2",popover:"_1hizew7c3",popoverForeground:"_1hizew7c4",muted:"_1hizew7c5",mutedForeground:"_1hizew7c6",overlay:"_1hizew7c7",primary:"_1hizew7c8",primaryHover:"_1hizew7c9",primaryActive:"_1hizew7ca",primaryForeground:"_1hizew7cb",primarySubtle:"_1hizew7cc",primarySubtleHover:"_1hizew7cd",primarySubtleActive:"_1hizew7ce",primarySubtleForeground:"_1hizew7cf",primarySubtleBorder:"_1hizew7cg",link:"_1hizew7ch",linkHover:"_1hizew7ci",linkActive:"_1hizew7cj",secondary:"_1hizew7ck",secondaryHover:"_1hizew7cl",secondaryActive:"_1hizew7cm",secondaryForeground:"_1hizew7cn",secondarySubtle:"_1hizew7co",secondarySubtleHover:"_1hizew7cp",secondarySubtleActive:"_1hizew7cq",secondarySubtleForeground:"_1hizew7cr",secondarySubtleBorder:"_1hizew7cs",tertiary:"_1hizew7ct",tertiaryHover:"_1hizew7cu",tertiaryActive:"_1hizew7cv",tertiaryForeground:"_1hizew7cw",tertiarySubtle:"_1hizew7cx",tertiarySubtleHover:"_1hizew7cy",tertiarySubtleActive:"_1hizew7cz",tertiarySubtleForeground:"_1hizew7d0",tertiarySubtleBorder:"_1hizew7d1",success:"_1hizew7d2",successHover:"_1hizew7d3",successActive:"_1hizew7d4",successForeground:"_1hizew7d5",successSubtle:"_1hizew7d6",successSubtleHover:"_1hizew7d7",successSubtleActive:"_1hizew7d8",successSubtleForeground:"_1hizew7d9",successSubtleBorder:"_1hizew7da",warning:"_1hizew7db",warningHover:"_1hizew7dc",warningActive:"_1hizew7dd",warningForeground:"_1hizew7de",warningSubtle:"_1hizew7df",warningSubtleHover:"_1hizew7dg",warningSubtleActive:"_1hizew7dh",warningSubtleForeground:"_1hizew7di",warningSubtleBorder:"_1hizew7dj",info:"_1hizew7dk",infoHover:"_1hizew7dl",infoActive:"_1hizew7dm",infoForeground:"_1hizew7dn",infoSubtle:"_1hizew7do",infoSubtleHover:"_1hizew7dp",infoSubtleActive:"_1hizew7dq",infoSubtleForeground:"_1hizew7dr",infoSubtleBorder:"_1hizew7ds",destructive:"_1hizew7dt",destructiveHover:"_1hizew7du",destructiveActive:"_1hizew7dv",destructiveForeground:"_1hizew7dw",destructiveSubtle:"_1hizew7dx",destructiveSubtleHover:"_1hizew7dy",destructiveSubtleActive:"_1hizew7dz",destructiveSubtleForeground:"_1hizew7e0",destructiveSubtleBorder:"_1hizew7e1",purple:"_1hizew7e2",purpleHover:"_1hizew7e3",purpleActive:"_1hizew7e4",purpleForeground:"_1hizew7e5",purpleSubtle:"_1hizew7e6",purpleSubtleHover:"_1hizew7e7",purpleSubtleActive:"_1hizew7e8",purpleSubtleForeground:"_1hizew7e9",purpleSubtleBorder:"_1hizew7ea",pink:"_1hizew7eb",pinkHover:"_1hizew7ec",pinkActive:"_1hizew7ed",pinkForeground:"_1hizew7ee",pinkSubtle:"_1hizew7ef",pinkSubtleHover:"_1hizew7eg",pinkSubtleActive:"_1hizew7eh",pinkSubtleForeground:"_1hizew7ei",pinkSubtleBorder:"_1hizew7ej",orange:"_1hizew7ek",orangeHover:"_1hizew7el",orangeActive:"_1hizew7em",orangeForeground:"_1hizew7en",orangeSubtle:"_1hizew7eo",orangeSubtleHover:"_1hizew7ep",orangeSubtleActive:"_1hizew7eq",orangeSubtleForeground:"_1hizew7er",orangeSubtleBorder:"_1hizew7es",teal:"_1hizew7et",tealHover:"_1hizew7eu",tealActive:"_1hizew7ev",tealForeground:"_1hizew7ew",tealSubtle:"_1hizew7ex",tealSubtleHover:"_1hizew7ey",tealSubtleActive:"_1hizew7ez",tealSubtleForeground:"_1hizew7f0",tealSubtleBorder:"_1hizew7f1",cyan:"_1hizew7f2",cyanHover:"_1hizew7f3",cyanActive:"_1hizew7f4",cyanForeground:"_1hizew7f5",cyanSubtle:"_1hizew7f6",cyanSubtleHover:"_1hizew7f7",cyanSubtleActive:"_1hizew7f8",cyanSubtleForeground:"_1hizew7f9",cyanSubtleBorder:"_1hizew7fa",indigo:"_1hizew7fb",indigoHover:"_1hizew7fc",indigoActive:"_1hizew7fd",indigoForeground:"_1hizew7fe",indigoSubtle:"_1hizew7ff",indigoSubtleHover:"_1hizew7fg",indigoSubtleActive:"_1hizew7fh",indigoSubtleForeground:"_1hizew7fi",indigoSubtleBorder:"_1hizew7fj",border:"_1hizew7fk",borderStrong:"_1hizew7fl",ring:"_1hizew7fm",highlight:"_1hizew7fn",highlightForeground:"_1hizew7fo",skeleton:"_1hizew7fp",skeletonForeground:"_1hizew7fq",transparent:"_1hizew7fr"},boxShadow:{none:"_1hizew7fs",xs:"_1hizew7ft",sm:"_1hizew7fu",md:"_1hizew7fv",lg:"_1hizew7fw",xl:"_1hizew7fx","2xl":"_1hizew7fy",inner:"_1hizew7fz"}},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-kit62.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit21.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/box/types/Box.props.d.ts

@@ -40,6 +40,8 @@ export type BoxProps = HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>
     alignContent?: CSSProperties['alignContent'];
     /** The CSS `justify-content` value of the element. */
     justifyContent?: CSSProperties['justifyContent'];
+    /** The CSS `text-align` value of the element. */
+    textAlign?: CSSProperties['textAlign'];
     /** The CSS `border-width` value of the element. */
     borderWidth?: CSSProperties['borderWidth'];
     /** The CSS `border-top-width` value of the element. */

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit27.css');;/* empty css                              */var e={root:"_13in8qw0"};exports.FIELDSET_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit17.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-kit27.css';/* empty css                            */
+import '../../../../ui-kit17.css';/* empty css                            */
 var r = { root: "_13in8qw0" };
 export {
   r as FIELDSET_STYLES

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit48.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-kit22.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-kit48.css';/* empty css                        */
+import '../../../../ui-kit22.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-kit42.css');;/* empty css                          */var e={root:"_1dn8qpd0"};exports.FORM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit43.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-kit42.css';/* empty css                        */
+import '../../../../ui-kit43.css';/* empty css                        */
 var r = { root: "_1dn8qpd0" };
 export {
   r as FORM_STYLES

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.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-kit45.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-kit55.css';/* empty css                        */
+import '../../../../ui-kit45.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 {

package/dist/components/layout/image/styles/Image.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",ring:"kunpco54",highlight:"kunpco55",highlightForeground:"kunpco56",skeleton:"kunpco57",skeletonForeground:"kunpco58",transparent:"kunpco59"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",ring:"kunpco54",highlight:"kunpco55",highlightForeground:"kunpco56",skeleton:"kunpco57",skeletonForeground:"kunpco58",transparent:"kunpco59"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
 //# sourceMappingURL=Image.css.cjs.map

package/dist/components/layout/image/styles/Image.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit50.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit18.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";
 var c = { recipe: o({ defaultClassName: "kunpco0", variantClassNames: { objectFit: { contain: "kunpco1", cover: "kunpco2", fill: "kunpco3", none: "kunpco4", "scale-down": "kunpco5" }, objectPosition: { center: "kunpco6", top: "kunpco7", bottom: "kunpco8", left: "kunpco9", right: "kunpcoa", "top-left": "kunpcob", "top-right": "kunpcoc", "bottom-left": "kunpcod", "bottom-right": "kunpcoe" }, borderRadius: { none: "kunpcof", xs: "kunpcog", sm: "kunpcoh", md: "kunpcoi", lg: "kunpcoj", xl: "kunpcok", "2xl": "kunpcol", full: "kunpcom" }, padding: { none: "kunpcon", px: "kunpcoo", xxs: "kunpcop", xs: "kunpcoq", xs2: "kunpcor", sm: "kunpcos", md: "kunpcot", lg: "kunpcou", xl: "kunpcov", "2xl": "kunpcow", "3xl": "kunpcox", "4xl": "kunpcoy", "5xl": "kunpcoz" }, margin: { auto: "kunpco10", none: "kunpco11", px: "kunpco12", xxs: "kunpco13", xs: "kunpco14", xs2: "kunpco15", sm: "kunpco16", md: "kunpco17", lg: "kunpco18", xl: "kunpco19", "2xl": "kunpco1a", "3xl": "kunpco1b", "4xl": "kunpco1c", "5xl": "kunpco1d" }, backgroundColor: { background: "kunpco1e", foreground: "kunpco1f", text: "kunpco1g", textSecondary: "kunpco1h", textTertiary: "kunpco1i", card: "kunpco1j", cardForeground: "kunpco1k", popover: "kunpco1l", popoverForeground: "kunpco1m", muted: "kunpco1n", mutedForeground: "kunpco1o", overlay: "kunpco1p", primary: "kunpco1q", primaryHover: "kunpco1r", primaryActive: "kunpco1s", primaryForeground: "kunpco1t", primarySubtle: "kunpco1u", primarySubtleHover: "kunpco1v", primarySubtleActive: "kunpco1w", primarySubtleForeground: "kunpco1x", primarySubtleBorder: "kunpco1y", link: "kunpco1z", linkHover: "kunpco20", linkActive: "kunpco21", secondary: "kunpco22", secondaryHover: "kunpco23", secondaryActive: "kunpco24", secondaryForeground: "kunpco25", secondarySubtle: "kunpco26", secondarySubtleHover: "kunpco27", secondarySubtleActive: "kunpco28", secondarySubtleForeground: "kunpco29", secondarySubtleBorder: "kunpco2a", tertiary: "kunpco2b", tertiaryHover: "kunpco2c", tertiaryActive: "kunpco2d", tertiaryForeground: "kunpco2e", tertiarySubtle: "kunpco2f", tertiarySubtleHover: "kunpco2g", tertiarySubtleActive: "kunpco2h", tertiarySubtleForeground: "kunpco2i", tertiarySubtleBorder: "kunpco2j", success: "kunpco2k", successHover: "kunpco2l", successActive: "kunpco2m", successForeground: "kunpco2n", successSubtle: "kunpco2o", successSubtleHover: "kunpco2p", successSubtleActive: "kunpco2q", successSubtleForeground: "kunpco2r", successSubtleBorder: "kunpco2s", warning: "kunpco2t", warningHover: "kunpco2u", warningActive: "kunpco2v", warningForeground: "kunpco2w", warningSubtle: "kunpco2x", warningSubtleHover: "kunpco2y", warningSubtleActive: "kunpco2z", warningSubtleForeground: "kunpco30", warningSubtleBorder: "kunpco31", info: "kunpco32", infoHover: "kunpco33", infoActive: "kunpco34", infoForeground: "kunpco35", infoSubtle: "kunpco36", infoSubtleHover: "kunpco37", infoSubtleActive: "kunpco38", infoSubtleForeground: "kunpco39", infoSubtleBorder: "kunpco3a", destructive: "kunpco3b", destructiveHover: "kunpco3c", destructiveActive: "kunpco3d", destructiveForeground: "kunpco3e", destructiveSubtle: "kunpco3f", destructiveSubtleHover: "kunpco3g", destructiveSubtleActive: "kunpco3h", destructiveSubtleForeground: "kunpco3i", destructiveSubtleBorder: "kunpco3j", purple: "kunpco3k", purpleHover: "kunpco3l", purpleActive: "kunpco3m", purpleForeground: "kunpco3n", purpleSubtle: "kunpco3o", purpleSubtleHover: "kunpco3p", purpleSubtleActive: "kunpco3q", purpleSubtleForeground: "kunpco3r", purpleSubtleBorder: "kunpco3s", pink: "kunpco3t", pinkHover: "kunpco3u", pinkActive: "kunpco3v", pinkForeground: "kunpco3w", pinkSubtle: "kunpco3x", pinkSubtleHover: "kunpco3y", pinkSubtleActive: "kunpco3z", pinkSubtleForeground: "kunpco40", pinkSubtleBorder: "kunpco41", orange: "kunpco42", orangeHover: "kunpco43", orangeActive: "kunpco44", orangeForeground: "kunpco45", orangeSubtle: "kunpco46", orangeSubtleHover: "kunpco47", orangeSubtleActive: "kunpco48", orangeSubtleForeground: "kunpco49", orangeSubtleBorder: "kunpco4a", teal: "kunpco4b", tealHover: "kunpco4c", tealActive: "kunpco4d", tealForeground: "kunpco4e", tealSubtle: "kunpco4f", tealSubtleHover: "kunpco4g", tealSubtleActive: "kunpco4h", tealSubtleForeground: "kunpco4i", tealSubtleBorder: "kunpco4j", cyan: "kunpco4k", cyanHover: "kunpco4l", cyanActive: "kunpco4m", cyanForeground: "kunpco4n", cyanSubtle: "kunpco4o", cyanSubtleHover: "kunpco4p", cyanSubtleActive: "kunpco4q", cyanSubtleForeground: "kunpco4r", cyanSubtleBorder: "kunpco4s", indigo: "kunpco4t", indigoHover: "kunpco4u", indigoActive: "kunpco4v", indigoForeground: "kunpco4w", indigoSubtle: "kunpco4x", indigoSubtleHover: "kunpco4y", indigoSubtleActive: "kunpco4z", indigoSubtleForeground: "kunpco50", indigoSubtleBorder: "kunpco51", border: "kunpco52", borderStrong: "kunpco53", ring: "kunpco54", highlight: "kunpco55", highlightForeground: "kunpco56", skeleton: "kunpco57", skeletonForeground: "kunpco58", transparent: "kunpco59" } }, defaultVariants: {}, compoundVariants: [] }) };

package/dist/components/layout/inset/styles/Inset.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit59.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({defaultClassName:"v7yz9i1",variantClassNames:{clip:{"border-box":"v7yz9i2","padding-box":"v7yz9i3"},side:{all:"v7yz9i4",block:"v7yz9i5",inline:"v7yz9i6",top:"v7yz9i7",right:"v7yz9i8",bottom:"v7yz9i9",left:"v7yz9ia"}},defaultVariants:{clip:"border-box",side:"all"},compoundVariants:[]})};exports.INSET_STYLES=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit31.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({defaultClassName:"v7yz9i1",variantClassNames:{clip:{"border-box":"v7yz9i2","padding-box":"v7yz9i3"},side:{all:"v7yz9i4",block:"v7yz9i5",inline:"v7yz9i6",top:"v7yz9i7",right:"v7yz9i8",bottom:"v7yz9i9",left:"v7yz9ia"}},defaultVariants:{clip:"border-box",side:"all"},compoundVariants:[]})};exports.INSET_STYLES=i;
 //# sourceMappingURL=Inset.css.cjs.map

package/dist/components/layout/inset/styles/Inset.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit59.css';/* empty css                         */
+import '../../../../ui-kit31.css';/* empty css                         */
 import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { insetSpace: "var(--v7yz9i0)", insetSpaceProperty: "--v7yz9i0", recipe: i({ defaultClassName: "v7yz9i1", variantClassNames: { clip: { "border-box": "v7yz9i2", "padding-box": "v7yz9i3" }, side: { all: "v7yz9i4", block: "v7yz9i5", inline: "v7yz9i6", top: "v7yz9i7", right: "v7yz9i8", bottom: "v7yz9i9", left: "v7yz9ia" } }, defaultVariants: { clip: "border-box", side: "all" }, compoundVariants: [] }) };
 export {

package/dist/components/layout/legend/styles/Legend.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit30.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1crb3420"};exports.LEGEND_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit41.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1crb3420"};exports.LEGEND_STYLES=e;
 //# sourceMappingURL=Legend.css.cjs.map

package/dist/components/layout/legend/styles/Legend.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit30.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit41.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var t = { root: "_1crb3420" };
 export {

package/dist/components/layout/separator/styles/Separator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit41.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={line:"_15tx3000",horizontalLine:"_15tx3001",verticalLine:"_15tx3002",recipe:t.createRuntimeFn({defaultClassName:"_15tx3003",variantClassNames:{orientation:{horizontal:"_15tx3004",vertical:"_15tx3005"},color:{background:"_15tx3006",foreground:"_15tx3007",text:"_15tx3008",textSecondary:"_15tx3009",textTertiary:"_15tx300a",card:"_15tx300b",cardForeground:"_15tx300c",popover:"_15tx300d",popoverForeground:"_15tx300e",muted:"_15tx300f",mutedForeground:"_15tx300g",overlay:"_15tx300h",primary:"_15tx300i",primaryHover:"_15tx300j",primaryActive:"_15tx300k",primaryForeground:"_15tx300l",primarySubtle:"_15tx300m",primarySubtleHover:"_15tx300n",primarySubtleActive:"_15tx300o",primarySubtleForeground:"_15tx300p",primarySubtleBorder:"_15tx300q",link:"_15tx300r",linkHover:"_15tx300s",linkActive:"_15tx300t",secondary:"_15tx300u",secondaryHover:"_15tx300v",secondaryActive:"_15tx300w",secondaryForeground:"_15tx300x",secondarySubtle:"_15tx300y",secondarySubtleHover:"_15tx300z",secondarySubtleActive:"_15tx30010",secondarySubtleForeground:"_15tx30011",secondarySubtleBorder:"_15tx30012",tertiary:"_15tx30013",tertiaryHover:"_15tx30014",tertiaryActive:"_15tx30015",tertiaryForeground:"_15tx30016",tertiarySubtle:"_15tx30017",tertiarySubtleHover:"_15tx30018",tertiarySubtleActive:"_15tx30019",tertiarySubtleForeground:"_15tx3001a",tertiarySubtleBorder:"_15tx3001b",success:"_15tx3001c",successHover:"_15tx3001d",successActive:"_15tx3001e",successForeground:"_15tx3001f",successSubtle:"_15tx3001g",successSubtleHover:"_15tx3001h",successSubtleActive:"_15tx3001i",successSubtleForeground:"_15tx3001j",successSubtleBorder:"_15tx3001k",warning:"_15tx3001l",warningHover:"_15tx3001m",warningActive:"_15tx3001n",warningForeground:"_15tx3001o",warningSubtle:"_15tx3001p",warningSubtleHover:"_15tx3001q",warningSubtleActive:"_15tx3001r",warningSubtleForeground:"_15tx3001s",warningSubtleBorder:"_15tx3001t",info:"_15tx3001u",infoHover:"_15tx3001v",infoActive:"_15tx3001w",infoForeground:"_15tx3001x",infoSubtle:"_15tx3001y",infoSubtleHover:"_15tx3001z",infoSubtleActive:"_15tx30020",infoSubtleForeground:"_15tx30021",infoSubtleBorder:"_15tx30022",destructive:"_15tx30023",destructiveHover:"_15tx30024",destructiveActive:"_15tx30025",destructiveForeground:"_15tx30026",destructiveSubtle:"_15tx30027",destructiveSubtleHover:"_15tx30028",destructiveSubtleActive:"_15tx30029",destructiveSubtleForeground:"_15tx3002a",destructiveSubtleBorder:"_15tx3002b",purple:"_15tx3002c",purpleHover:"_15tx3002d",purpleActive:"_15tx3002e",purpleForeground:"_15tx3002f",purpleSubtle:"_15tx3002g",purpleSubtleHover:"_15tx3002h",purpleSubtleActive:"_15tx3002i",purpleSubtleForeground:"_15tx3002j",purpleSubtleBorder:"_15tx3002k",pink:"_15tx3002l",pinkHover:"_15tx3002m",pinkActive:"_15tx3002n",pinkForeground:"_15tx3002o",pinkSubtle:"_15tx3002p",pinkSubtleHover:"_15tx3002q",pinkSubtleActive:"_15tx3002r",pinkSubtleForeground:"_15tx3002s",pinkSubtleBorder:"_15tx3002t",orange:"_15tx3002u",orangeHover:"_15tx3002v",orangeActive:"_15tx3002w",orangeForeground:"_15tx3002x",orangeSubtle:"_15tx3002y",orangeSubtleHover:"_15tx3002z",orangeSubtleActive:"_15tx30030",orangeSubtleForeground:"_15tx30031",orangeSubtleBorder:"_15tx30032",teal:"_15tx30033",tealHover:"_15tx30034",tealActive:"_15tx30035",tealForeground:"_15tx30036",tealSubtle:"_15tx30037",tealSubtleHover:"_15tx30038",tealSubtleActive:"_15tx30039",tealSubtleForeground:"_15tx3003a",tealSubtleBorder:"_15tx3003b",cyan:"_15tx3003c",cyanHover:"_15tx3003d",cyanActive:"_15tx3003e",cyanForeground:"_15tx3003f",cyanSubtle:"_15tx3003g",cyanSubtleHover:"_15tx3003h",cyanSubtleActive:"_15tx3003i",cyanSubtleForeground:"_15tx3003j",cyanSubtleBorder:"_15tx3003k",indigo:"_15tx3003l",indigoHover:"_15tx3003m",indigoActive:"_15tx3003n",indigoForeground:"_15tx3003o",indigoSubtle:"_15tx3003p",indigoSubtleHover:"_15tx3003q",indigoSubtleActive:"_15tx3003r",indigoSubtleForeground:"_15tx3003s",indigoSubtleBorder:"_15tx3003t",border:"_15tx3003u",borderStrong:"_15tx3003v",ring:"_15tx3003w",highlight:"_15tx3003x",highlightForeground:"_15tx3003y",skeleton:"_15tx3003z",skeletonForeground:"_15tx30040",transparent:"_15tx30041"},hasLabel:{true:"_15tx30042",false:"_15tx30043"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[[{orientation:"horizontal",hasLabel:!0},"_15tx30044"],[{orientation:"vertical",hasLabel:!0},"_15tx30045"]]})};exports.SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit33.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={line:"_15tx3000",horizontalLine:"_15tx3001",verticalLine:"_15tx3002",recipe:t.createRuntimeFn({defaultClassName:"_15tx3003",variantClassNames:{orientation:{horizontal:"_15tx3004",vertical:"_15tx3005"},color:{background:"_15tx3006",foreground:"_15tx3007",text:"_15tx3008",textSecondary:"_15tx3009",textTertiary:"_15tx300a",card:"_15tx300b",cardForeground:"_15tx300c",popover:"_15tx300d",popoverForeground:"_15tx300e",muted:"_15tx300f",mutedForeground:"_15tx300g",overlay:"_15tx300h",primary:"_15tx300i",primaryHover:"_15tx300j",primaryActive:"_15tx300k",primaryForeground:"_15tx300l",primarySubtle:"_15tx300m",primarySubtleHover:"_15tx300n",primarySubtleActive:"_15tx300o",primarySubtleForeground:"_15tx300p",primarySubtleBorder:"_15tx300q",link:"_15tx300r",linkHover:"_15tx300s",linkActive:"_15tx300t",secondary:"_15tx300u",secondaryHover:"_15tx300v",secondaryActive:"_15tx300w",secondaryForeground:"_15tx300x",secondarySubtle:"_15tx300y",secondarySubtleHover:"_15tx300z",secondarySubtleActive:"_15tx30010",secondarySubtleForeground:"_15tx30011",secondarySubtleBorder:"_15tx30012",tertiary:"_15tx30013",tertiaryHover:"_15tx30014",tertiaryActive:"_15tx30015",tertiaryForeground:"_15tx30016",tertiarySubtle:"_15tx30017",tertiarySubtleHover:"_15tx30018",tertiarySubtleActive:"_15tx30019",tertiarySubtleForeground:"_15tx3001a",tertiarySubtleBorder:"_15tx3001b",success:"_15tx3001c",successHover:"_15tx3001d",successActive:"_15tx3001e",successForeground:"_15tx3001f",successSubtle:"_15tx3001g",successSubtleHover:"_15tx3001h",successSubtleActive:"_15tx3001i",successSubtleForeground:"_15tx3001j",successSubtleBorder:"_15tx3001k",warning:"_15tx3001l",warningHover:"_15tx3001m",warningActive:"_15tx3001n",warningForeground:"_15tx3001o",warningSubtle:"_15tx3001p",warningSubtleHover:"_15tx3001q",warningSubtleActive:"_15tx3001r",warningSubtleForeground:"_15tx3001s",warningSubtleBorder:"_15tx3001t",info:"_15tx3001u",infoHover:"_15tx3001v",infoActive:"_15tx3001w",infoForeground:"_15tx3001x",infoSubtle:"_15tx3001y",infoSubtleHover:"_15tx3001z",infoSubtleActive:"_15tx30020",infoSubtleForeground:"_15tx30021",infoSubtleBorder:"_15tx30022",destructive:"_15tx30023",destructiveHover:"_15tx30024",destructiveActive:"_15tx30025",destructiveForeground:"_15tx30026",destructiveSubtle:"_15tx30027",destructiveSubtleHover:"_15tx30028",destructiveSubtleActive:"_15tx30029",destructiveSubtleForeground:"_15tx3002a",destructiveSubtleBorder:"_15tx3002b",purple:"_15tx3002c",purpleHover:"_15tx3002d",purpleActive:"_15tx3002e",purpleForeground:"_15tx3002f",purpleSubtle:"_15tx3002g",purpleSubtleHover:"_15tx3002h",purpleSubtleActive:"_15tx3002i",purpleSubtleForeground:"_15tx3002j",purpleSubtleBorder:"_15tx3002k",pink:"_15tx3002l",pinkHover:"_15tx3002m",pinkActive:"_15tx3002n",pinkForeground:"_15tx3002o",pinkSubtle:"_15tx3002p",pinkSubtleHover:"_15tx3002q",pinkSubtleActive:"_15tx3002r",pinkSubtleForeground:"_15tx3002s",pinkSubtleBorder:"_15tx3002t",orange:"_15tx3002u",orangeHover:"_15tx3002v",orangeActive:"_15tx3002w",orangeForeground:"_15tx3002x",orangeSubtle:"_15tx3002y",orangeSubtleHover:"_15tx3002z",orangeSubtleActive:"_15tx30030",orangeSubtleForeground:"_15tx30031",orangeSubtleBorder:"_15tx30032",teal:"_15tx30033",tealHover:"_15tx30034",tealActive:"_15tx30035",tealForeground:"_15tx30036",tealSubtle:"_15tx30037",tealSubtleHover:"_15tx30038",tealSubtleActive:"_15tx30039",tealSubtleForeground:"_15tx3003a",tealSubtleBorder:"_15tx3003b",cyan:"_15tx3003c",cyanHover:"_15tx3003d",cyanActive:"_15tx3003e",cyanForeground:"_15tx3003f",cyanSubtle:"_15tx3003g",cyanSubtleHover:"_15tx3003h",cyanSubtleActive:"_15tx3003i",cyanSubtleForeground:"_15tx3003j",cyanSubtleBorder:"_15tx3003k",indigo:"_15tx3003l",indigoHover:"_15tx3003m",indigoActive:"_15tx3003n",indigoForeground:"_15tx3003o",indigoSubtle:"_15tx3003p",indigoSubtleHover:"_15tx3003q",indigoSubtleActive:"_15tx3003r",indigoSubtleForeground:"_15tx3003s",indigoSubtleBorder:"_15tx3003t",border:"_15tx3003u",borderStrong:"_15tx3003v",ring:"_15tx3003w",highlight:"_15tx3003x",highlightForeground:"_15tx3003y",skeleton:"_15tx3003z",skeletonForeground:"_15tx30040",transparent:"_15tx30041"},hasLabel:{true:"_15tx30042",false:"_15tx30043"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[[{orientation:"horizontal",hasLabel:!0},"_15tx30044"],[{orientation:"vertical",hasLabel:!0},"_15tx30045"]]})};exports.SEPARATOR_STYLES=e;
 //# sourceMappingURL=Separator.css.cjs.map

package/dist/components/layout/separator/styles/Separator.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit41.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit33.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";
 var x = { line: "_15tx3000", horizontalLine: "_15tx3001", verticalLine: "_15tx3002", recipe: t({ defaultClassName: "_15tx3003", variantClassNames: { orientation: { horizontal: "_15tx3004", vertical: "_15tx3005" }, color: { background: "_15tx3006", foreground: "_15tx3007", text: "_15tx3008", textSecondary: "_15tx3009", textTertiary: "_15tx300a", card: "_15tx300b", cardForeground: "_15tx300c", popover: "_15tx300d", popoverForeground: "_15tx300e", muted: "_15tx300f", mutedForeground: "_15tx300g", overlay: "_15tx300h", primary: "_15tx300i", primaryHover: "_15tx300j", primaryActive: "_15tx300k", primaryForeground: "_15tx300l", primarySubtle: "_15tx300m", primarySubtleHover: "_15tx300n", primarySubtleActive: "_15tx300o", primarySubtleForeground: "_15tx300p", primarySubtleBorder: "_15tx300q", link: "_15tx300r", linkHover: "_15tx300s", linkActive: "_15tx300t", secondary: "_15tx300u", secondaryHover: "_15tx300v", secondaryActive: "_15tx300w", secondaryForeground: "_15tx300x", secondarySubtle: "_15tx300y", secondarySubtleHover: "_15tx300z", secondarySubtleActive: "_15tx30010", secondarySubtleForeground: "_15tx30011", secondarySubtleBorder: "_15tx30012", tertiary: "_15tx30013", tertiaryHover: "_15tx30014", tertiaryActive: "_15tx30015", tertiaryForeground: "_15tx30016", tertiarySubtle: "_15tx30017", tertiarySubtleHover: "_15tx30018", tertiarySubtleActive: "_15tx30019", tertiarySubtleForeground: "_15tx3001a", tertiarySubtleBorder: "_15tx3001b", success: "_15tx3001c", successHover: "_15tx3001d", successActive: "_15tx3001e", successForeground: "_15tx3001f", successSubtle: "_15tx3001g", successSubtleHover: "_15tx3001h", successSubtleActive: "_15tx3001i", successSubtleForeground: "_15tx3001j", successSubtleBorder: "_15tx3001k", warning: "_15tx3001l", warningHover: "_15tx3001m", warningActive: "_15tx3001n", warningForeground: "_15tx3001o", warningSubtle: "_15tx3001p", warningSubtleHover: "_15tx3001q", warningSubtleActive: "_15tx3001r", warningSubtleForeground: "_15tx3001s", warningSubtleBorder: "_15tx3001t", info: "_15tx3001u", infoHover: "_15tx3001v", infoActive: "_15tx3001w", infoForeground: "_15tx3001x", infoSubtle: "_15tx3001y", infoSubtleHover: "_15tx3001z", infoSubtleActive: "_15tx30020", infoSubtleForeground: "_15tx30021", infoSubtleBorder: "_15tx30022", destructive: "_15tx30023", destructiveHover: "_15tx30024", destructiveActive: "_15tx30025", destructiveForeground: "_15tx30026", destructiveSubtle: "_15tx30027", destructiveSubtleHover: "_15tx30028", destructiveSubtleActive: "_15tx30029", destructiveSubtleForeground: "_15tx3002a", destructiveSubtleBorder: "_15tx3002b", purple: "_15tx3002c", purpleHover: "_15tx3002d", purpleActive: "_15tx3002e", purpleForeground: "_15tx3002f", purpleSubtle: "_15tx3002g", purpleSubtleHover: "_15tx3002h", purpleSubtleActive: "_15tx3002i", purpleSubtleForeground: "_15tx3002j", purpleSubtleBorder: "_15tx3002k", pink: "_15tx3002l", pinkHover: "_15tx3002m", pinkActive: "_15tx3002n", pinkForeground: "_15tx3002o", pinkSubtle: "_15tx3002p", pinkSubtleHover: "_15tx3002q", pinkSubtleActive: "_15tx3002r", pinkSubtleForeground: "_15tx3002s", pinkSubtleBorder: "_15tx3002t", orange: "_15tx3002u", orangeHover: "_15tx3002v", orangeActive: "_15tx3002w", orangeForeground: "_15tx3002x", orangeSubtle: "_15tx3002y", orangeSubtleHover: "_15tx3002z", orangeSubtleActive: "_15tx30030", orangeSubtleForeground: "_15tx30031", orangeSubtleBorder: "_15tx30032", teal: "_15tx30033", tealHover: "_15tx30034", tealActive: "_15tx30035", tealForeground: "_15tx30036", tealSubtle: "_15tx30037", tealSubtleHover: "_15tx30038", tealSubtleActive: "_15tx30039", tealSubtleForeground: "_15tx3003a", tealSubtleBorder: "_15tx3003b", cyan: "_15tx3003c", cyanHover: "_15tx3003d", cyanActive: "_15tx3003e", cyanForeground: "_15tx3003f", cyanSubtle: "_15tx3003g", cyanSubtleHover: "_15tx3003h", cyanSubtleActive: "_15tx3003i", cyanSubtleForeground: "_15tx3003j", cyanSubtleBorder: "_15tx3003k", indigo: "_15tx3003l", indigoHover: "_15tx3003m", indigoActive: "_15tx3003n", indigoForeground: "_15tx3003o", indigoSubtle: "_15tx3003p", indigoSubtleHover: "_15tx3003q", indigoSubtleActive: "_15tx3003r", indigoSubtleForeground: "_15tx3003s", indigoSubtleBorder: "_15tx3003t", border: "_15tx3003u", borderStrong: "_15tx3003v", ring: "_15tx3003w", highlight: "_15tx3003x", highlightForeground: "_15tx3003y", skeleton: "_15tx3003z", skeletonForeground: "_15tx30040", transparent: "_15tx30041" }, hasLabel: { true: "_15tx30042", false: "_15tx30043" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [[{ orientation: "horizontal", hasLabel: !0 }, "_15tx30044"], [{ orientation: "vertical", hasLabel: !0 }, "_15tx30045"]] }) };