@choco-vanille/ui 1.14.5 → 1.14.7

package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.css.js

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

package/dist/components/forms/select/components/select-trigger/SelectTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit77.css');require('../../../../../ui-kit78.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),j=require("react"),R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),N=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const B=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),C=require("../../../../../utils/cn.cjs"),D=require("./hooks/useSelectTrigger.hook.cjs"),F=require("../../../../../theme/contract.css.cjs"),n=j.memo(({className:i,placeholder:t,startIcon:r,size:o="md",fontSize:u="md",hasError:l=!1,width:q,children:a,onMouseDown:S,onFocus:d,onBlur:g,style:m,...T})=>{const{handleMouseDown:x,handleFocus:h,handleBlur:E,mergedStyle:_}=D({width:q,style:m,onMouseDown:S,onFocus:d,onBlur:g});return e.jsxs(c.Select.Trigger,{...T,className:C.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:l,hasStartIcon:!!r}),i),style:{fontSize:F.vars.fontSize[u],..._},onMouseDown:x,onFocus:h,onBlur:E,children:[r&&e.jsx(B,{icon:r,size:o}),a??e.jsx(c.Select.Value,{placeholder:t}),e.jsx(N,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(R,{icon:I,size:"md",color:"mutedForeground"})})]})});n.displayName="Select.Trigger";module.exports=n;
+"use strict";require('../../../../../ui-kit96.css');require('../../../../../ui-kit100.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),j=require("react"),R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),N=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const B=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),C=require("../../../../../utils/cn.cjs"),D=require("./hooks/useSelectTrigger.hook.cjs"),F=require("../../../../../theme/contract.css.cjs"),n=j.memo(({className:i,placeholder:t,startIcon:r,size:o="md",fontSize:u="md",hasError:l=!1,width:q,children:a,onMouseDown:S,onFocus:d,onBlur:g,style:m,...T})=>{const{handleMouseDown:x,handleFocus:h,handleBlur:E,mergedStyle:_}=D({width:q,style:m,onMouseDown:S,onFocus:d,onBlur:g});return e.jsxs(c.Select.Trigger,{...T,className:C.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:l,hasStartIcon:!!r}),i),style:{fontSize:F.vars.fontSize[u],..._},onMouseDown:x,onFocus:h,onBlur:E,children:[r&&e.jsx(B,{icon:r,size:o}),a??e.jsx(c.Select.Value,{placeholder:t}),e.jsx(N,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(R,{icon:I,size:"md",color:"mutedForeground"})})]})});n.displayName="Select.Trigger";module.exports=n;
 //# sourceMappingURL=SelectTrigger.cjs.map

package/dist/components/forms/select/components/select-trigger/SelectTrigger.js

@@ -7,7 +7,7 @@ import N from "../../../../../resources/asset/ChevronDownIcon.svg.js";
 import _ from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import B from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
-import '../../../../../ui-kit77.css';import '../../../../../ui-kit78.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit96.css';import '../../../../../ui-kit100.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit111.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit107.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
 //# sourceMappingURL=SelectTrigger.css.cjs.map

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit107.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = "_15nnodx0", e = { recipe: n({ defaultClassName: "_15nnodx1", variantClassNames: { size: { sm: "_15nnodx2", md: "_15nnodx3", lg: "_15nnodx4" }, hasError: { true: "_15nnodx5" }, hasStartIcon: { true: "_15nnodx6" }, hasEndIcon: { true: "_15nnodx7" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndIcon: !0 }, compoundVariants: [[{ hasStartIcon: !0 }, "_15nnodx8"], [{ hasEndIcon: !0 }, "_15nnodx9"]] }) };

package/dist/components/forms/select/styles/Select.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit40.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit60.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
 //# sourceMappingURL=Select.css.cjs.map

package/dist/components/forms/select/styles/Select.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit40.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit60.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var p = { placeholder: "f53dgk0" };
 export {

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit136.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit143.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
 //# sourceMappingURL=SliderHeader.css.cjs.map

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit136.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit143.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var o = { root: "tjesq90", label: "tjesq91", value: "tjesq92" };
 export {

package/dist/components/forms/slider/styles/Slider.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit38.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit44.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
 //# sourceMappingURL=Slider.css.cjs.map

package/dist/components/forms/slider/styles/Slider.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit38.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit44.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var b = { root: "_1exybeb0", helper: "_1exybeb1", error: "_1exybeb2" };
 export {

package/dist/components/forms/switch/styles/Switch.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit58.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit69.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
 //# sourceMappingURL=Switch.css.cjs.map

package/dist/components/forms/switch/styles/Switch.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit58.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit69.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { wrapper: "ih5w140", wrapperDisabled: "ih5w141", root: a({ defaultClassName: "ih5w142", variantClassNames: { size: { sm: "ih5w143", md: "ih5w144", lg: "ih5w145" }, error: { true: "ih5w146", false: "ih5w147" } }, defaultVariants: { size: "md", error: !1 }, compoundVariants: [] }), thumb: a({ defaultClassName: "ih5w148", variantClassNames: { size: { sm: "ih5w149", md: "ih5w14a", lg: "ih5w14b" } }, defaultVariants: { size: "sm" }, compoundVariants: [] }), label: "ih5w14c", labelDisabled: "ih5w14d" };

package/dist/components/forms/text-area/TextArea.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit89.css');require('../../../ui-kit79.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                              */const E=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const j=require("../_shared/components/form-label/FormLabel.cjs"),$=require("./styles/TextArea.css.cjs"),G=require("../_shared/components/helper-text/HelperText.cjs"),J=require("./hooks/useAutoResizeTextArea.hook.cjs"),O=require("./hooks/useTextArea.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../utils/cn.cjs"),V=require("../../../theme/contract.css.cjs"),s=require("react"),n=s.memo(d=>{const{inputId:o,helperId:x,hasError:i,hasStartIcon:I,hasEndAction:h,handleMouseDown:g,handleFocus:_,handleBlur:C}=O.useTextArea(d),{disabled:b,startIcon:f,className:k,width:q,error:a,helperText:c,label:l,endAction:D,size:F,fontSize:A="md",placeholder:L,value:m,onChange:p,onKeyDown:B,onKeyUp:N,ref:r,style:P,rows:u,minRows:T,maxRows:K,"aria-labelledby":M,...H}=d,R=F??"md",w=l&&o?`${o}-label`:void 0,y=s.useRef(null),U=s.useCallback(t=>{y.current=t,typeof r=="function"?r(t):r&&(r.current=t)},[r]),{isEnabled:X,resize:z}=J.useAutoResizeTextArea(y,{minRows:T??u,maxRows:K,value:m}),Y=s.useCallback(t=>{p?.(t),z()},[p,z]);return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[l&&e.jsx(j,{id:w,disabled:b,fontSize:A,children:l}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[f&&e.jsx(v,{icon:f,size:R}),e.jsx("textarea",{ref:U,id:o,disabled:b,"aria-labelledby":M??w,"aria-invalid":i||void 0,"aria-describedby":a||c?x:void 0,onMouseDown:g,onFocus:_,onBlur:C,className:Q.cn($.TEXT_AREA_STYLES.recipe({size:R,hasError:i,hasStartIcon:I,hasEndAction:h}),k),placeholder:L,value:m,onChange:Y,onKeyDown:B,onKeyUp:N,rows:X?T??u:u,...H,style:{fontSize:V.vars.fontSize[A],...P}}),h&&e.jsx(E,{children:D})]}),(a||c)&&e.jsx(G,{id:x,hasError:i,children:a??c})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=E;module.exports=n;
+"use strict";require('../../../ui-kit99.css');require('../../../ui-kit84.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                              */const E=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const j=require("../_shared/components/form-label/FormLabel.cjs"),$=require("./styles/TextArea.css.cjs"),G=require("../_shared/components/helper-text/HelperText.cjs"),J=require("./hooks/useAutoResizeTextArea.hook.cjs"),O=require("./hooks/useTextArea.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../utils/cn.cjs"),V=require("../../../theme/contract.css.cjs"),s=require("react"),n=s.memo(d=>{const{inputId:o,helperId:x,hasError:i,hasStartIcon:I,hasEndAction:h,handleMouseDown:g,handleFocus:_,handleBlur:C}=O.useTextArea(d),{disabled:b,startIcon:f,className:k,width:q,error:a,helperText:c,label:l,endAction:D,size:F,fontSize:A="md",placeholder:L,value:m,onChange:p,onKeyDown:B,onKeyUp:N,ref:r,style:P,rows:u,minRows:T,maxRows:K,"aria-labelledby":M,...H}=d,R=F??"md",w=l&&o?`${o}-label`:void 0,y=s.useRef(null),U=s.useCallback(t=>{y.current=t,typeof r=="function"?r(t):r&&(r.current=t)},[r]),{isEnabled:X,resize:z}=J.useAutoResizeTextArea(y,{minRows:T??u,maxRows:K,value:m}),Y=s.useCallback(t=>{p?.(t),z()},[p,z]);return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[l&&e.jsx(j,{id:w,disabled:b,fontSize:A,children:l}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[f&&e.jsx(v,{icon:f,size:R}),e.jsx("textarea",{ref:U,id:o,disabled:b,"aria-labelledby":M??w,"aria-invalid":i||void 0,"aria-describedby":a||c?x:void 0,onMouseDown:g,onFocus:_,onBlur:C,className:Q.cn($.TEXT_AREA_STYLES.recipe({size:R,hasError:i,hasStartIcon:I,hasEndAction:h}),k),placeholder:L,value:m,onChange:Y,onKeyDown:B,onKeyUp:N,rows:X?T??u:u,...H,style:{fontSize:V.vars.fontSize[A],...P}}),h&&e.jsx(E,{children:D})]}),(a||c)&&e.jsx(G,{id:x,hasError:i,children:a??c})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=E;module.exports=n;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/components/forms/text-area/TextArea.js

@@ -1,6 +1,6 @@
 import { jsxs as R, jsx as r } from "react/jsx-runtime";
 import I from "./components/text-area-start-icon/TextAreaStartIcon.js";
-import '../../../ui-kit89.css';import '../../../ui-kit79.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit99.css';import '../../../ui-kit84.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                            */
 import g from "./components/text-area-end-action/TextAreaEndAction.js";

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit89.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit99.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
 //# sourceMappingURL=TextAreaEndAction.css.cjs.map

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit89.css';/* empty css                                     */
+import '../../../../../../ui-kit99.css';/* empty css                                     */
 var r = { root: "lf8geo0" };
 export {
   r as TEXT_AREA_END_ACTION_STYLES

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                       */var e={root:"_1q572tr0"};exports.TEXT_AREA_START_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit84.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                       */var e={root:"_1q572tr0"};exports.TEXT_AREA_START_ICON_STYLES=e;
 //# sourceMappingURL=TextAreaStartIcon.css.cjs.map

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit84.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                     */
 var T = { root: "_1q572tr0" };

package/dist/components/forms/text-field/TextField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit77.css');require('../../../ui-kit78.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),X=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../_shared/components/form-label/FormLabel.cjs"),m=require("./components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                */const v=require("./components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                */const Y=require("./styles/TextField.css.cjs"),$=require("../_shared/components/helper-text/HelperText.cjs"),G=require("./constants/index.cjs"),J=require("./hooks/useTextfield.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../resources/asset/EyeIcon.svg.cjs"),V=require("../../../resources/asset/EyeOffIcon.svg.cjs"),W=require("../../../utils/cn.cjs"),Z=require("../../../theme/contract.css.cjs"),T=require("react"),r=T.memo(c=>{const{inputId:o,helperId:d,hasError:n,hasStartIcon:f,hasEndAction:u,handleMouseDown:z,handleFocus:F,handleBlur:E,resolvedType:j,isPassword:g,showPassword:i,setShowPassword:h}=J.useTextField(c),{disabled:p,startIcon:q,className:P,width:x,error:s,helperText:t,label:a,required:y,showRequiredIndicator:A=!0,endAction:_,size:D,fontSize:b="md",placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,ref:R,style:H,type:ee,"aria-labelledby":K,...M}=c,l=D??"md",w=a&&o?`${o}-label`:void 0,O=T.useCallback(()=>h(!i),[h,i]),U=g?e.jsx(X,{icon:i?V:Q,"aria-label":i?"Hide password":"Show password",variant:"ghost",color:"primary",size:G.fieldSizeToActionSize[l],type:"button",tabIndex:-1,onClick:O}):_;return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:x!==void 0?{width:x}:void 0,children:[a&&e.jsx(I,{id:w,disabled:p,required:y&&A,fontSize:b,children:a}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[q&&e.jsx(m,{icon:q,size:l}),e.jsx("input",{ref:R,id:o,type:j,disabled:p,required:y,"aria-labelledby":K??w,"aria-invalid":n||void 0,"aria-describedby":s||t?d:void 0,onMouseDown:z,onFocus:F,onBlur:E,className:W.cn(Y.TEXT_FIELD_STYLES.recipe({size:l,hasError:n,hasStartIcon:f,hasEndAction:u}),P),placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,...M,style:{fontSize:Z.vars.fontSize[b],...H}}),u&&e.jsx(v,{children:U})]}),(s||t)&&e.jsx($,{id:d,hasError:n,children:s??t})]})});r.displayName="TextField";r.Label=I;r.StartIcon=m;r.EndAction=v;module.exports=r;
+"use strict";require('../../../ui-kit96.css');require('../../../ui-kit100.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),X=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../_shared/components/form-label/FormLabel.cjs"),m=require("./components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                */const v=require("./components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                */const Y=require("./styles/TextField.css.cjs"),$=require("../_shared/components/helper-text/HelperText.cjs"),G=require("./constants/index.cjs"),J=require("./hooks/useTextfield.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../resources/asset/EyeIcon.svg.cjs"),V=require("../../../resources/asset/EyeOffIcon.svg.cjs"),W=require("../../../utils/cn.cjs"),Z=require("../../../theme/contract.css.cjs"),T=require("react"),r=T.memo(c=>{const{inputId:o,helperId:d,hasError:n,hasStartIcon:f,hasEndAction:u,handleMouseDown:z,handleFocus:F,handleBlur:E,resolvedType:j,isPassword:g,showPassword:i,setShowPassword:h}=J.useTextField(c),{disabled:p,startIcon:q,className:P,width:x,error:s,helperText:t,label:a,required:y,showRequiredIndicator:A=!0,endAction:_,size:D,fontSize:b="md",placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,ref:R,style:H,type:ee,"aria-labelledby":K,...M}=c,l=D??"md",w=a&&o?`${o}-label`:void 0,O=T.useCallback(()=>h(!i),[h,i]),U=g?e.jsx(X,{icon:i?V:Q,"aria-label":i?"Hide password":"Show password",variant:"ghost",color:"primary",size:G.fieldSizeToActionSize[l],type:"button",tabIndex:-1,onClick:O}):_;return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:x!==void 0?{width:x}:void 0,children:[a&&e.jsx(I,{id:w,disabled:p,required:y&&A,fontSize:b,children:a}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[q&&e.jsx(m,{icon:q,size:l}),e.jsx("input",{ref:R,id:o,type:j,disabled:p,required:y,"aria-labelledby":K??w,"aria-invalid":n||void 0,"aria-describedby":s||t?d:void 0,onMouseDown:z,onFocus:F,onBlur:E,className:W.cn(Y.TEXT_FIELD_STYLES.recipe({size:l,hasError:n,hasStartIcon:f,hasEndAction:u}),P),placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,...M,style:{fontSize:Z.vars.fontSize[b],...H}}),u&&e.jsx(v,{children:U})]}),(s||t)&&e.jsx($,{id:d,hasError:n,children:s??t})]})});r.displayName="TextField";r.Label=I;r.StartIcon=m;r.EndAction=v;module.exports=r;
 //# sourceMappingURL=TextField.cjs.map

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

@@ -3,7 +3,7 @@ import X from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
 import x from "../_shared/components/form-label/FormLabel.js";
 import I from "./components/text-field-start-icon/TextFieldStartIcon.js";
-import '../../../ui-kit77.css';import '../../../ui-kit78.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit96.css';import '../../../ui-kit100.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                              */
 import T from "./components/text-field-end-action/TextFieldEndAction.js";

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit77.css');;/* empty css                                        */var e={root:"_14iivnx0"};exports.TEXT_FIELD_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');;/* empty css                                        */var e={root:"_14iivnx0"};exports.TEXT_FIELD_END_ACTION_STYLES=e;
 //# sourceMappingURL=TextFieldEndAction.css.cjs.map

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit77.css';/* empty css                                      */
+import '../../../../../../ui-kit96.css';/* empty css                                      */
 var o = { root: "_14iivnx0" };
 export {
   o as TEXT_FIELD_END_ACTION_STYLES

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit78.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                        */var e={root:"_1hy9fia0"};exports.TEXT_FIELD_START_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit100.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                        */var e={root:"_1hy9fia0"};exports.TEXT_FIELD_START_ICON_STYLES=e;
 //# sourceMappingURL=TextFieldStartIcon.css.cjs.map

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit78.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit100.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                      */
 var T = { root: "_1hy9fia0" };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit61.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit68.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
 //# sourceMappingURL=TextField.css.cjs.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const x=require("react/jsx-runtime"),M=require("./styles/Typography.css.cjs"),n=require("./constants/index.cjs"),N=require("../../../utils/cn.cjs"),S=require("../../../theme/contract.css.cjs"),j=require("react"),G=e=>Object.prototype.hasOwnProperty.call(n.TYPOGRAPHY_ELEMENT_MAP,e),s=j.memo(({as:e,variant:o,fontSize:c,fontWeight:i,color:a,textTransform:p,display:y,width:u,minWidth:T,maxWidth:l,opacity:P,flex:E,flexGrow:d,flexShrink:m,letterSpacing:t,ellipsis:Y,maxLines:_,className:g,style:q,ref:h,...v})=>{const A=typeof e=="string"&&G(e)?e:void 0,r=o??A??"span",O=e??n.TYPOGRAPHY_ELEMENT_MAP[r],R={textTransform:p,display:y,width:u,minWidth:T,maxWidth:l,opacity:P,flex:E,flexGrow:d,flexShrink:m,letterSpacing:t?S.vars.letterSpacing[t]:void 0,...q};return x.jsx(O,{ref:h,className:N.cn(M.TYPOGRAPHY_STYLES.recipe({variant:r,fontSize:c,fontWeight:i,ellipsis:Y,maxLines:_,color:a}),g),style:R,...v})});s.displayName="Typography";module.exports=s;
+"use strict";const M=require("react/jsx-runtime"),N=require("./styles/Typography.css.cjs"),n=require("./constants/index.cjs"),S=require("../../../utils/cn.cjs"),j=require("../../../theme/contract.css.cjs"),G=require("react"),H=e=>Object.prototype.hasOwnProperty.call(n.TYPOGRAPHY_ELEMENT_MAP,e),s=G.memo(({as:e,variant:o,fontSize:c,fontWeight:i,color:a,textTransform:p,display:y,margin:u,width:T,minWidth:l,maxWidth:P,opacity:E,flex:d,flexGrow:m,flexShrink:Y,letterSpacing:t,ellipsis:_,maxLines:g,className:q,style:h,ref:v,...A})=>{const O=typeof e=="string"&&H(e)?e:void 0,r=o??O??"span",R=e??n.TYPOGRAPHY_ELEMENT_MAP[r],x={textTransform:p,display:y,width:T,minWidth:l,maxWidth:P,opacity:E,flex:d,flexGrow:m,flexShrink:Y,letterSpacing:t?j.vars.letterSpacing[t]:void 0,...h};return M.jsx(R,{ref:v,className:S.cn(N.TYPOGRAPHY_STYLES.recipe({variant:r,fontSize:c,fontWeight:i,margin:u,ellipsis:_,maxLines:g,color:a}),q),style:x,...A})});s.displayName="Typography";module.exports=s;
 //# sourceMappingURL=Typography.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst isTypographyVariant = (value: string): value is TypographyVariant =>\r\n    Object.prototype.hasOwnProperty.call(TYPOGRAPHY_ELEMENT_MAP, value)\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required. When\r\n * `variant` is omitted, a known typography element passed to `as` also selects\r\n * its matching visual variant.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const inferredVariant = typeof as === 'string' && isTypographyVariant(as) ? as : undefined\r\n    const resolvedVariant = variant ?? inferredVariant ?? 'span'\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[resolvedVariant]\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant: resolvedVariant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["isTypographyVariant","value","TYPOGRAPHY_ELEMENT_MAP","Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","inferredVariant","resolvedVariant","Element","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":"iOAQMA,EAAuBC,GACzB,OAAO,UAAU,eAAe,KAAKC,EAAAA,uBAAwBD,CAAK,EAiBhEE,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,GAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkB,OAAOrB,GAAO,UAAYL,EAAoBK,CAAE,EAAIA,EAAK,OAC3EsB,EAAkBrB,GAAWoB,GAAmB,OAChDE,EAAUvB,GAAMH,EAAAA,uBAAuByB,CAAe,EAEtDE,EAA+B,CACjC,cAAAnB,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAeC,EAAgBW,EAAAA,KAAK,cAAcX,CAAa,EAAI,OACnE,GAAGI,CAAA,EAGP,OACIQ,EAAAA,IAACH,EAAA,CACG,IAAAJ,EACA,UAAWQ,EAAAA,GAAGC,EAAAA,kBAAkB,OAAO,CAAE,QAASN,EAAiB,SAAApB,EAAU,WAAAC,EAAY,SAAAY,EAAU,SAAAC,EAAU,MAAAZ,CAAA,CAAO,EAAGa,CAAS,EAChI,MAAOO,EACN,GAAGJ,CAAA,CAAA,CAGhB,CAAC,EAEDtB,EAAW,YAAc"}
+{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst isTypographyVariant = (value: string): value is TypographyVariant =>\r\n    Object.prototype.hasOwnProperty.call(TYPOGRAPHY_ELEMENT_MAP, value)\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required. When\r\n * `variant` is omitted, a known typography element passed to `as` also selects\r\n * its matching visual variant.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    margin,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const inferredVariant = typeof as === 'string' && isTypographyVariant(as) ? as : undefined\r\n    const resolvedVariant = variant ?? inferredVariant ?? 'span'\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[resolvedVariant]\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant: resolvedVariant, fontSize, fontWeight, margin, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["isTypographyVariant","value","TYPOGRAPHY_ELEMENT_MAP","Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","margin","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","inferredVariant","resolvedVariant","Element","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":"iOAQMA,EAAuBC,GACzB,OAAO,UAAU,eAAe,KAAKC,EAAAA,uBAAwBD,CAAK,EAiBhEE,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,GAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkB,OAAOtB,GAAO,UAAYL,EAAoBK,CAAE,EAAIA,EAAK,OAC3EuB,EAAkBtB,GAAWqB,GAAmB,OAChDE,EAAUxB,GAAMH,EAAAA,uBAAuB0B,CAAe,EAEtDE,EAA+B,CACjC,cAAApB,EACA,QAAAC,EACA,MAAAE,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAeC,EAAgBW,EAAAA,KAAK,cAAcX,CAAa,EAAI,OACnE,GAAGI,CAAA,EAGP,OACIQ,EAAAA,IAACH,EAAA,CACG,IAAAJ,EACA,UAAWQ,EAAAA,GAAGC,EAAAA,kBAAkB,OAAO,CAAE,QAASN,EAAiB,SAAArB,EAAU,WAAAC,EAAY,OAAAI,EAAQ,SAAAS,EAAU,SAAAC,EAAU,MAAAb,CAAA,CAAO,EAAGc,CAAS,EACxI,MAAOO,EACN,GAAGJ,CAAA,CAAA,CAGhB,CAAC,EAEDvB,EAAW,YAAc"}

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

@@ -1,10 +1,10 @@
-import { jsx as N } from "react/jsx-runtime";
-import { TYPOGRAPHY_STYLES as V } from "./styles/Typography.css.js";
+import { jsx as V } from "react/jsx-runtime";
+import { TYPOGRAPHY_STYLES as _ } from "./styles/Typography.css.js";
 import { TYPOGRAPHY_ELEMENT_MAP as e } from "./constants/index.js";
-import { cn as _ } from "../../../utils/cn.js";
-import { vars as j } from "../../../theme/contract.css.js";
-import { memo as x } from "react";
-const G = (r) => Object.prototype.hasOwnProperty.call(e, r), H = x(({
+import { cn as j } from "../../../utils/cn.js";
+import { vars as x } from "../../../theme/contract.css.js";
+import { memo as G } from "react";
+const H = (r) => Object.prototype.hasOwnProperty.call(e, r), L = G(({
   as: r,
   variant: p,
   fontSize: a,
@@ -12,46 +12,47 @@ const G = (r) => Object.prototype.hasOwnProperty.call(e, r), H = x(({
   color: m,
   textTransform: n,
   display: s,
-  width: c,
-  minWidth: y,
-  maxWidth: l,
-  opacity: f,
-  flex: d,
-  flexGrow: T,
-  flexShrink: P,
+  margin: c,
+  width: y,
+  minWidth: l,
+  maxWidth: f,
+  opacity: d,
+  flex: T,
+  flexGrow: P,
+  flexShrink: g,
   letterSpacing: o,
-  ellipsis: g,
-  maxLines: v,
-  className: E,
-  style: Y,
-  ref: h,
-  ...O
+  ellipsis: v,
+  maxLines: E,
+  className: Y,
+  style: h,
+  ref: O,
+  ...S
 }) => {
-  const S = typeof r == "string" && G(r) ? r : void 0, t = p ?? S ?? "span", u = r ?? e[t], A = {
+  const u = typeof r == "string" && H(r) ? r : void 0, t = p ?? u ?? "span", A = r ?? e[t], N = {
     textTransform: n,
     display: s,
-    width: c,
-    minWidth: y,
-    maxWidth: l,
-    opacity: f,
-    flex: d,
-    flexGrow: T,
-    flexShrink: P,
-    letterSpacing: o ? j.letterSpacing[o] : void 0,
-    ...Y
+    width: y,
+    minWidth: l,
+    maxWidth: f,
+    opacity: d,
+    flex: T,
+    flexGrow: P,
+    flexShrink: g,
+    letterSpacing: o ? x.letterSpacing[o] : void 0,
+    ...h
   };
-  return /* @__PURE__ */ N(
-    u,
+  return /* @__PURE__ */ V(
+    A,
     {
-      ref: h,
-      className: _(V.recipe({ variant: t, fontSize: a, fontWeight: i, ellipsis: g, maxLines: v, color: m }), E),
-      style: A,
-      ...O
+      ref: O,
+      className: j(_.recipe({ variant: t, fontSize: a, fontWeight: i, margin: c, ellipsis: v, maxLines: E, color: m }), Y),
+      style: N,
+      ...S
     }
   );
 });
-H.displayName = "Typography";
+L.displayName = "Typography";
 export {
-  H as default
+  L as default
 };
 //# sourceMappingURL=Typography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst isTypographyVariant = (value: string): value is TypographyVariant =>\r\n    Object.prototype.hasOwnProperty.call(TYPOGRAPHY_ELEMENT_MAP, value)\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required. When\r\n * `variant` is omitted, a known typography element passed to `as` also selects\r\n * its matching visual variant.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const inferredVariant = typeof as === 'string' && isTypographyVariant(as) ? as : undefined\r\n    const resolvedVariant = variant ?? inferredVariant ?? 'span'\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[resolvedVariant]\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant: resolvedVariant, fontSize, fontWeight, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["isTypographyVariant","value","TYPOGRAPHY_ELEMENT_MAP","Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","inferredVariant","resolvedVariant","Element","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":";;;;;;AAQA,MAAMA,IAAsB,CAACC,MACzB,OAAO,UAAU,eAAe,KAAKC,GAAwBD,CAAK,GAiBhEE,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkB,OAAOrB,KAAO,YAAYL,EAAoBK,CAAE,IAAIA,IAAK,QAC3EsB,IAAkBrB,KAAWoB,KAAmB,QAChDE,IAAUvB,KAAMH,EAAuByB,CAAe,GAEtDE,IAA+B;AAAA,IACjC,eAAAnB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAeC,IAAgBW,EAAK,cAAcX,CAAa,IAAI;AAAA,IACnE,GAAGI;AAAA,EAAA;AAGP,SACI,gBAAAQ;AAAA,IAACH;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWQ,EAAGC,EAAkB,OAAO,EAAE,SAASN,GAAiB,UAAApB,GAAU,YAAAC,GAAY,UAAAY,GAAU,UAAAC,GAAU,OAAAZ,EAAA,CAAO,GAAGa,CAAS;AAAA,MAChI,OAAOO;AAAA,MACN,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDtB,EAAW,cAAc;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/foundation/typography/Typography.tsx"],"sourcesContent":["import { TYPOGRAPHY_STYLES } from '@components/foundation/typography/styles/Typography.css.ts'\r\nimport { TYPOGRAPHY_ELEMENT_MAP } from '@components/foundation/typography/constants'\r\nimport type { TypographyProps } from '@components/foundation/typography/types/Typography.props.ts'\r\nimport type { TypographyVariant } from '@components/foundation/typography/types/Typography.types.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst isTypographyVariant = (value: string): value is TypographyVariant =>\r\n    Object.prototype.hasOwnProperty.call(TYPOGRAPHY_ELEMENT_MAP, value)\r\n\r\n/**\r\n * Renders text with the library's semantic element, typography scale, and theme tokens.\r\n *\r\n * The rendered element defaults to the element associated with `variant` and can\r\n * be overridden with `as` when a different HTML semantic is required. When\r\n * `variant` is omitted, a known typography element passed to `as` also selects\r\n * its matching visual variant.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Typography variant=\"h1\" fontSize=\"4xl\" fontWeight=\"bold\">\r\n *   Welcome\r\n * </Typography>\r\n * ```\r\n */\r\nconst Typography: FC<TypographyProps> = memo(({\r\n    as,\r\n    variant,\r\n    fontSize,\r\n    fontWeight,\r\n    color,\r\n    textTransform,\r\n    display,\r\n    margin,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    opacity,\r\n    flex,\r\n    flexGrow,\r\n    flexShrink,\r\n    letterSpacing,\r\n    ellipsis,\r\n    maxLines,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const inferredVariant = typeof as === 'string' && isTypographyVariant(as) ? as : undefined\r\n    const resolvedVariant = variant ?? inferredVariant ?? 'span'\r\n    const Element = as ?? TYPOGRAPHY_ELEMENT_MAP[resolvedVariant]\r\n\r\n    const computedStyle: CSSProperties = {\r\n        textTransform,\r\n        display,\r\n        width,\r\n        minWidth,\r\n        maxWidth,\r\n        opacity,\r\n        flex,\r\n        flexGrow,\r\n        flexShrink,\r\n        letterSpacing: letterSpacing ? vars.letterSpacing[letterSpacing] : undefined,\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(TYPOGRAPHY_STYLES.recipe({ variant: resolvedVariant, fontSize, fontWeight, margin, ellipsis, maxLines, color }), className)}\r\n            style={computedStyle}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTypography.displayName = 'Typography'\r\n\r\nexport default Typography\r\n"],"names":["isTypographyVariant","value","TYPOGRAPHY_ELEMENT_MAP","Typography","memo","as","variant","fontSize","fontWeight","color","textTransform","display","margin","width","minWidth","maxWidth","opacity","flex","flexGrow","flexShrink","letterSpacing","ellipsis","maxLines","className","style","ref","props","inferredVariant","resolvedVariant","Element","computedStyle","vars","jsx","cn","TYPOGRAPHY_STYLES"],"mappings":";;;;;;AAQA,MAAMA,IAAsB,CAACC,MACzB,OAAO,UAAU,eAAe,KAAKC,GAAwBD,CAAK,GAiBhEE,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkB,OAAOtB,KAAO,YAAYL,EAAoBK,CAAE,IAAIA,IAAK,QAC3EuB,IAAkBtB,KAAWqB,KAAmB,QAChDE,IAAUxB,KAAMH,EAAuB0B,CAAe,GAEtDE,IAA+B;AAAA,IACjC,eAAApB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAE;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAeC,IAAgBW,EAAK,cAAcX,CAAa,IAAI;AAAA,IACnE,GAAGI;AAAA,EAAA;AAGP,SACI,gBAAAQ;AAAA,IAACH;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWQ,EAAGC,EAAkB,OAAO,EAAE,SAASN,GAAiB,UAAArB,GAAU,YAAAC,GAAY,QAAAI,GAAQ,UAAAS,GAAU,UAAAC,GAAU,OAAAb,EAAA,CAAO,GAAGc,CAAS;AAAA,MACxI,OAAOO;AAAA,MACN,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDvB,EAAW,cAAc;"}

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

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

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

@@ -209,6 +209,59 @@ export declare const TYPOGRAPHY_STYLES: {
                 fontWeight: `var(--${string})`;
             };
         };
+        margin: {
+            readonly auto: {
+                readonly margin: "auto";
+            };
+            readonly none: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly px: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly xxs: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly xs: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly xs2: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly sm: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly sm2: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly md: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly md2: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly lg: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly lg2: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly xl: {
+                readonly margin: `var(--${string})`;
+            };
+            readonly '2xl': {
+                readonly margin: `var(--${string})`;
+            };
+            readonly '3xl': {
+                readonly margin: `var(--${string})`;
+            };
+            readonly '4xl': {
+                readonly margin: `var(--${string})`;
+            };
+            readonly '5xl': {
+                readonly margin: `var(--${string})`;
+            };
+        };
         ellipsis: {
             true: {
                 overflow: "hidden";