@choco-vanille/ui 1.14.5 → 1.14.6

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-kit23.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-kit24.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-kit24.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-kit80.css');require('../../../ui-kit85.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-kit80.css';import '../../../ui-kit85.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-kit80.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-kit80.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-kit85.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-kit85.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                     */
 var T = { root: "_1q572tr0" };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit54.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */const a=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:a.createRuntimeFn({defaultClassName:"sqatm00",variantClassNames:{size:{sm:"sqatm01",md:"sqatm02",lg:"sqatm03"},hasError:{true:"sqatm04",false:"sqatm05"},hasStartIcon:{true:"sqatm06",false:"sqatm07"},hasEndAction:{true:"sqatm08",false:"sqatm09"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"sqatm0a"],[{size:"md",hasStartIcon:!0},"sqatm0b"],[{size:"lg",hasStartIcon:!0},"sqatm0c"],[{size:"sm",hasEndAction:!0},"sqatm0d"],[{size:"md",hasEndAction:!0},"sqatm0e"],[{size:"lg",hasEndAction:!0},"sqatm0f"]]})};exports.TEXT_AREA_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit75.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */const a=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:a.createRuntimeFn({defaultClassName:"sqatm00",variantClassNames:{size:{sm:"sqatm01",md:"sqatm02",lg:"sqatm03"},hasError:{true:"sqatm04",false:"sqatm05"},hasStartIcon:{true:"sqatm06",false:"sqatm07"},hasEndAction:{true:"sqatm08",false:"sqatm09"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"sqatm0a"],[{size:"md",hasStartIcon:!0},"sqatm0b"],[{size:"lg",hasStartIcon:!0},"sqatm0c"],[{size:"sm",hasEndAction:!0},"sqatm0d"],[{size:"md",hasEndAction:!0},"sqatm0e"],[{size:"lg",hasEndAction:!0},"sqatm0f"]]})};exports.TEXT_AREA_STYLES=t;
 //# sourceMappingURL=TextArea.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../ui-kit54.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit75.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var m = { recipe: a({ defaultClassName: "sqatm00", variantClassNames: { size: { sm: "sqatm01", md: "sqatm02", lg: "sqatm03" }, hasError: { true: "sqatm04", false: "sqatm05" }, hasStartIcon: { true: "sqatm06", false: "sqatm07" }, hasEndAction: { true: "sqatm08", false: "sqatm09" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "sqatm0a"], [{ size: "md", hasStartIcon: !0 }, "sqatm0b"], [{ size: "lg", hasStartIcon: !0 }, "sqatm0c"], [{ size: "sm", hasEndAction: !0 }, "sqatm0d"], [{ size: "md", hasEndAction: !0 }, "sqatm0e"], [{ size: "lg", hasEndAction: !0 }, "sqatm0f"]] }) };

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

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-kit62.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