@choco-vanille/ui 1.6.0 → 1.7.0

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit112.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit5.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                                   */var e={positioner:"k8yojq0",root:"k8yojq1"};exports.SELECT_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit112.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit7.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                                   */var e={positioner:"k8yojq0",root:"k8yojq1"};exports.SELECT_CONTENT_STYLES=e;
 //# sourceMappingURL=SelectContent.css.cjs.map

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.js

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

package/dist/components/forms/select/components/select-field/SelectField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit82.css');require('../../../../../ui-kit77.css');require('../../../../../ui-kit93.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),i=require("react"),H=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const M=require("../../../_shared/components/helper-text/HelperText.cjs"),N=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const r=require("../../Select.cjs"),R=require("./hooks/useSelectField.hook.cjs"),T=require("./utils/flattenItems.utils.cjs"),j=i.memo(({label:c,helperText:s,error:a,startIcon:g,placeholder:v,size:o="md",fontSize:n="md",width:q,disabled:x,required:I,listboxAriaLabel:F,options:t,className:y,value:C,defaultValue:S,onValueChange:p,open:V,defaultOpen:L,onOpenChange:$,name:k,..._})=>{const{triggerId:h,helperId:f,hasError:d,selectedValue:D,handleValueChange:m}=R({error:a,value:C,defaultValue:S,onValueChange:p}),E=i.useMemo(()=>T.flattenItems(t),[t]),G=i.useCallback(e=>{e!==null&&m(e)},[m]);return l.jsxs(H,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,className:y,..._,children:[c&&l.jsx(N,{htmlFor:h,disabled:x,fontSize:n,children:c}),l.jsxs(r.default,{value:D??null,onValueChange:G,disabled:x,required:I,open:V,defaultOpen:L,onOpenChange:$,name:k,items:E,children:[l.jsx(r.default.Trigger,{id:h,placeholder:v,startIcon:g,size:o,fontSize:n,hasError:d,"aria-describedby":a||s?f:void 0,"aria-invalid":d||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:F,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(M,{id:f,hasError:d,children:a??s})]})});j.displayName="SelectField";module.exports=j;
+"use strict";require('../../../../../ui-kit88.css');require('../../../../../ui-kit89.css');require('../../../../../ui-kit90.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),i=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),T=require("./utils/flattenItems.utils.cjs"),j=i.memo(({label:c,helperText:s,error:a,startIcon:g,placeholder:v,size:o="md",fontSize:n="md",width:q,disabled:x,required:I,listboxAriaLabel:F,options:t,className:y,value:C,defaultValue:S,onValueChange:p,open:V,defaultOpen:L,onOpenChange:$,name:k,...R})=>{const{triggerId:h,helperId:f,hasError:d,selectedValue:_,handleValueChange:m}=N({error:a,value:C,defaultValue:S,onValueChange:p}),D=i.useMemo(()=>T.flattenItems(t),[t]),E=i.useCallback(e=>{e!==null&&m(e)},[m]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,className:y,...R,children:[c&&l.jsx(M,{htmlFor:h,disabled:x,fontSize:n,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:x,required:I,open:V,defaultOpen:L,onOpenChange:$,name:k,items:D,children:[l.jsx(r.default.Trigger,{id:h,placeholder:v,startIcon:g,size:o,fontSize:n,hasError:d,"aria-describedby":a||s?f:void 0,"aria-invalid":d||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:F,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:d,children:a??s})]})});j.displayName="SelectField";module.exports=j;
 //# sourceMappingURL=SelectField.cjs.map

package/dist/components/forms/select/components/select-field/SelectField.js

@@ -4,7 +4,7 @@ import q from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
 import w from "../../../_shared/components/helper-text/HelperText.js";
 import A from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit82.css';import '../../../../../ui-kit77.css';import '../../../../../ui-kit93.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit88.css';import '../../../../../ui-kit89.css';import '../../../../../ui-kit90.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/select/components/select-item/SelectItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),l=require("react"),m=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const S=require("../../../../../constants/icons.cjs"),I=require("../../../../../utils/cn.cjs"),s=require("./styles/SelectItem.css.cjs"),t=l.memo(({className:r,label:i,children:n,...o})=>e.jsxs(c.Select.Item,{className:I.cn(s.SELECT_ITEM_STYLES.root,r),...o,children:[e.jsx("span",{className:s.SELECT_ITEM_STYLES.indicator,children:e.jsx(c.Select.ItemIndicator,{children:e.jsx(m,{icon:S.IconRegistry.check,size:"xs"})})}),e.jsx(c.Select.ItemText,{children:i??n})]}));t.displayName="Select.Item";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),l=require("react"),m=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const S=require("../../../../../resources/asset/CheckIcon.svg.cjs"),I=require("../../../../../utils/cn.cjs"),t=require("./styles/SelectItem.css.cjs"),s=l.memo(({className:r,label:n,children:i,...o})=>e.jsxs(c.Select.Item,{className:I.cn(t.SELECT_ITEM_STYLES.root,r),...o,children:[e.jsx("span",{className:t.SELECT_ITEM_STYLES.indicator,children:e.jsx(c.Select.ItemIndicator,{children:e.jsx(m,{icon:S,size:"xs"})})}),e.jsx(c.Select.ItemText,{children:n??i})]}));s.displayName="Select.Item";module.exports=s;
 //# sourceMappingURL=SelectItem.cjs.map

package/dist/components/forms/select/components/select-item/SelectItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.cjs","sources":["../../../../../../src/components/forms/select/components/select-item/SelectItem.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nimport type { SelectItemProps } from '@components/forms/select/components/select-item/types/SelectItem.props.ts'\r\n\r\n/**\r\n  * A single selectable option inside the listbox.\r\n  */\r\nconst SelectItem: FC<SelectItemProps> = memo(({\r\n    className,\r\n    label,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseSelect.Item\r\n        className={cn(SELECT_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <span className={SELECT_ITEM_STYLES.indicator}>\r\n            <BaseSelect.ItemIndicator>\r\n                <Icon\r\n                    icon={IconRegistry.check}\r\n                    size={'xs'}\r\n                />\r\n            </BaseSelect.ItemIndicator>\r\n        </span>\r\n        <BaseSelect.ItemText>{label ?? children}</BaseSelect.ItemText>\r\n    </BaseSelect.Item>\r\n))\r\n\r\nSelectItem.displayName = 'Select.Item'\r\n\r\nexport default SelectItem\r\n"],"names":["SelectItem","memo","className","label","children","props","jsxs","BaseSelect","cn","SELECT_ITEM_STYLES","jsx","Icon","IconRegistry"],"mappings":"6VAYMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,OAAW,KAAX,CACG,UAAWC,EAAAA,GAAGC,qBAAmB,KAAMP,CAAS,EAC/C,GAAGG,EAEJ,SAAA,CAAAK,EAAAA,IAAC,QAAK,UAAWD,EAAAA,mBAAmB,UAChC,SAAAC,EAAAA,IAACH,EAAAA,OAAW,cAAX,CACG,SAAAG,EAAAA,IAACC,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,KAAM,IAAA,CAAA,EAEd,CAAA,CACJ,EACAF,EAAAA,IAACH,EAAAA,OAAW,SAAX,CAAqB,YAASH,CAAA,CAAS,CAAA,CAAA,CAC5C,CACH,EAEDJ,EAAW,YAAc"}
+{"version":3,"file":"SelectItem.cjs","sources":["../../../../../../src/components/forms/select/components/select-item/SelectItem.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nimport type { SelectItemProps } from '@components/forms/select/components/select-item/types/SelectItem.props.ts'\r\n\r\n/**\r\n  * A single selectable option inside the listbox.\r\n  */\r\nconst SelectItem: FC<SelectItemProps> = memo(({\r\n    className,\r\n    label,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseSelect.Item\r\n        className={cn(SELECT_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <span className={SELECT_ITEM_STYLES.indicator}>\r\n            <BaseSelect.ItemIndicator>\r\n                <Icon\r\n                    icon={CheckIcon}\r\n                    size={'xs'}\r\n                />\r\n            </BaseSelect.ItemIndicator>\r\n        </span>\r\n        <BaseSelect.ItemText>{label ?? children}</BaseSelect.ItemText>\r\n    </BaseSelect.Item>\r\n))\r\n\r\nSelectItem.displayName = 'Select.Item'\r\n\r\nexport default SelectItem\r\n"],"names":["SelectItem","memo","className","label","children","props","jsxs","BaseSelect","cn","SELECT_ITEM_STYLES","jsx","Icon","CheckIcon"],"mappings":"2WAYMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,OAAW,KAAX,CACG,UAAWC,EAAAA,GAAGC,qBAAmB,KAAMP,CAAS,EAC/C,GAAGG,EAEJ,SAAA,CAAAK,EAAAA,IAAC,QAAK,UAAWD,EAAAA,mBAAmB,UAChC,SAAAC,EAAAA,IAACH,EAAAA,OAAW,cAAX,CACG,SAAAG,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,EAEd,CAAA,CACJ,EACAF,EAAAA,IAACH,EAAAA,OAAW,SAAX,CAAqB,YAASH,CAAA,CAAS,CAAA,CAAA,CAC5C,CACH,EAEDJ,EAAW,YAAc"}

package/dist/components/forms/select/components/select-item/SelectItem.js

@@ -1,30 +1,30 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Select as m } from "@base-ui/react/select";
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { Select as o } from "@base-ui/react/select";
 import { memo as n } from "react";
 import a from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as l } from "../../../../../constants/icons.js";
+import l from "../../../../../resources/asset/CheckIcon.svg.js";
 import { cn as p } from "../../../../../utils/cn.js";
-import { SELECT_ITEM_STYLES as o } from "./styles/SelectItem.css.js";
+import { SELECT_ITEM_STYLES as e } from "./styles/SelectItem.css.js";
 const I = n(({
   className: r,
   label: t,
   children: i,
   ...c
 }) => /* @__PURE__ */ s(
-  m.Item,
+  o.Item,
   {
-    className: p(o.root, r),
+    className: p(e.root, r),
     ...c,
     children: [
-      /* @__PURE__ */ e("span", { className: o.indicator, children: /* @__PURE__ */ e(m.ItemIndicator, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ m("span", { className: e.indicator, children: /* @__PURE__ */ m(o.ItemIndicator, { children: /* @__PURE__ */ m(
         a,
         {
-          icon: l.check,
+          icon: l,
           size: "xs"
         }
       ) }) }),
-      /* @__PURE__ */ e(m.ItemText, { children: t ?? i })
+      /* @__PURE__ */ m(o.ItemText, { children: t ?? i })
     ]
   }
 ));

package/dist/components/forms/select/components/select-item/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","sources":["../../../../../../src/components/forms/select/components/select-item/SelectItem.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nimport type { SelectItemProps } from '@components/forms/select/components/select-item/types/SelectItem.props.ts'\r\n\r\n/**\r\n  * A single selectable option inside the listbox.\r\n  */\r\nconst SelectItem: FC<SelectItemProps> = memo(({\r\n    className,\r\n    label,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseSelect.Item\r\n        className={cn(SELECT_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <span className={SELECT_ITEM_STYLES.indicator}>\r\n            <BaseSelect.ItemIndicator>\r\n                <Icon\r\n                    icon={IconRegistry.check}\r\n                    size={'xs'}\r\n                />\r\n            </BaseSelect.ItemIndicator>\r\n        </span>\r\n        <BaseSelect.ItemText>{label ?? children}</BaseSelect.ItemText>\r\n    </BaseSelect.Item>\r\n))\r\n\r\nSelectItem.displayName = 'Select.Item'\r\n\r\nexport default SelectItem\r\n"],"names":["SelectItem","memo","className","label","children","props","jsxs","BaseSelect","cn","SELECT_ITEM_STYLES","jsx","Icon","IconRegistry"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAmB,MAAMP,CAAS;AAAA,IAC/C,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAAC,UAAK,WAAWD,EAAmB,WAChC,UAAA,gBAAAC,EAACH,EAAW,eAAX,EACG,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAMC,EAAa;AAAA,UACnB,MAAM;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACJ;AAAA,MACA,gBAAAF,EAACH,EAAW,UAAX,EAAqB,eAASH,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAC5C,CACH;AAEDJ,EAAW,cAAc;"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../../../src/components/forms/select/components/select-item/SelectItem.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nimport type { SelectItemProps } from '@components/forms/select/components/select-item/types/SelectItem.props.ts'\r\n\r\n/**\r\n  * A single selectable option inside the listbox.\r\n  */\r\nconst SelectItem: FC<SelectItemProps> = memo(({\r\n    className,\r\n    label,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseSelect.Item\r\n        className={cn(SELECT_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <span className={SELECT_ITEM_STYLES.indicator}>\r\n            <BaseSelect.ItemIndicator>\r\n                <Icon\r\n                    icon={CheckIcon}\r\n                    size={'xs'}\r\n                />\r\n            </BaseSelect.ItemIndicator>\r\n        </span>\r\n        <BaseSelect.ItemText>{label ?? children}</BaseSelect.ItemText>\r\n    </BaseSelect.Item>\r\n))\r\n\r\nSelectItem.displayName = 'Select.Item'\r\n\r\nexport default SelectItem\r\n"],"names":["SelectItem","memo","className","label","children","props","jsxs","BaseSelect","cn","SELECT_ITEM_STYLES","jsx","Icon","CheckIcon"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAmB,MAAMP,CAAS;AAAA,IAC/C,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAAC,UAAK,WAAWD,EAAmB,WAChC,UAAA,gBAAAC,EAACH,EAAW,eAAX,EACG,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAMC;AAAAA,UACN,MAAM;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACJ;AAAA,MACA,gBAAAF,EAACH,EAAW,UAAX,EAAqB,eAASH,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAC5C,CACH;AAEDJ,EAAW,cAAc;"}

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit102.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
 //# sourceMappingURL=SelectItem.css.cjs.map

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit102.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit103.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 var r = { root: "_64wk5i0", indicator: "_64wk5i1" };
 export {

package/dist/components/forms/select/components/select-label/SelectLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/select"),n=require("react"),o=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const i=require("../../../../../utils/cn.cjs"),l=require("./styles/SelectLabel.css.cjs"),r=n.memo(({className:s,children:c,...t})=>e.jsx(a.Select.GroupLabel,{className:i.cn(l.SELECT_LABEL_STYLES.root,s),...t,children:e.jsx(o,{as:"span",variant:"span",children:c})}));r.displayName="Select.Label";module.exports=r;
+"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/select"),n=require("react"),o=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const i=require("../../../../../utils/cn.cjs"),l=require("./styles/SelectLabel.css.cjs"),s=n.memo(({className:r,children:c,...t})=>e.jsx(a.Select.GroupLabel,{className:i.cn(l.SELECT_LABEL_STYLES.root,r),...t,children:e.jsx(o,{as:"span",variant:"span",children:c})}));s.displayName="Select.Label";module.exports=s;
 //# sourceMappingURL=SelectLabel.cjs.map

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit111.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
 //# sourceMappingURL=SelectLabel.css.cjs.map

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.js

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

package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.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                                     */var e={root:"_1g2ch1s0"};exports.SELECT_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={root:"_1g2ch1s0"};exports.SELECT_SEPARATOR_STYLES=e;
 //# sourceMappingURL=SelectSeparator.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit106.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-kit82.css');require('../../../../../ui-kit77.css');require('../../../../../ui-kit93.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("../../../../../constants/icons.cjs"),N=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const y=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),B=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:B.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(y,{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.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});n.displayName="Select.Trigger";module.exports=n;
+"use strict";require('../../../../../ui-kit88.css');require('../../../../../ui-kit89.css');require('../../../../../ui-kit90.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");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const B=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* 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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.cjs","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={IconRegistry.chevronDown}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","IconRegistry"],"mappings":"2vCAwBMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,WAAAC,EAAY,YAAAC,CAAA,EAC9CC,EAAiB,CACb,MAAAX,EACA,MAAAK,EACA,YAAAH,EACA,QAAAC,EACA,OAAAC,CAAA,CACH,EAEL,OACIQ,EAAAA,KAACC,EAAAA,OAAW,QAAX,CACI,GAAGP,EACJ,UAAWQ,EAAAA,GACPC,EAAAA,sBAAsB,OAAO,CACzB,KAAAlB,EACA,SAAAE,EACA,aAAc,EAAQH,CAAS,CAClC,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUsB,EAAAA,KAAK,SAASlB,CAAQ,EAAG,GAAGY,CAAA,EAC/C,YAAaH,EACb,QAASC,EACT,OAAQC,EAEP,SAAA,CAAAb,GACGqB,EAAAA,IAACC,EAAA,CACG,KAAMtB,EACN,KAAAC,CAAA,CAAA,EAGPI,GAAYgB,EAAAA,IAACJ,EAAAA,OAAW,MAAX,CAAiB,YAAAlB,CAAA,CAA0B,EACzDsB,EAAAA,IAACE,EAAA,CAAI,UAAWC,EAAAA,wBACZ,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,KAAM,KACN,MAAO,iBAAA,CAAA,CACX,CACJ,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED9B,EAAc,YAAc"}
+{"version":3,"file":"SelectTrigger.cjs","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":"+wCAwBMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,WAAAC,EAAY,YAAAC,CAAA,EAC9CC,EAAiB,CACb,MAAAX,EACA,MAAAK,EACA,YAAAH,EACA,QAAAC,EACA,OAAAC,CAAA,CACH,EAEL,OACIQ,EAAAA,KAACC,EAAAA,OAAW,QAAX,CACI,GAAGP,EACJ,UAAWQ,EAAAA,GACPC,EAAAA,sBAAsB,OAAO,CACzB,KAAAlB,EACA,SAAAE,EACA,aAAc,EAAQH,CAAS,CAClC,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUsB,EAAAA,KAAK,SAASlB,CAAQ,EAAG,GAAGY,CAAA,EAC/C,YAAaH,EACb,QAASC,EACT,OAAQC,EAEP,SAAA,CAAAb,GACGqB,EAAAA,IAACC,EAAA,CACG,KAAMtB,EACN,KAAAC,CAAA,CAAA,EAGPI,GAAYgB,EAAAA,IAACJ,EAAAA,OAAW,MAAX,CAAiB,YAAAlB,CAAA,CAA0B,EACzDsB,EAAAA,IAACE,EAAA,CAAI,UAAWC,EAAAA,wBACZ,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,KAAM,KACN,MAAO,iBAAA,CAAA,CACX,CACJ,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED9B,EAAc,YAAc"}

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

@@ -3,22 +3,22 @@ import { Select as m } from "@base-ui/react/select";
 import { memo as x } from "react";
 import I from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as N } from "../../../../../constants/icons.js";
-import R from "../../../../layout/box/Box.js";
+import N from "../../../../../resources/asset/ChevronDownIcon.svg.js";
+import _ from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit82.css';import '../../../../../ui-kit77.css';import '../../../../../ui-kit93.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit88.css';import '../../../../../ui-kit89.css';import '../../../../../ui-kit90.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
-import _ from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+import B from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
-import { SELECT_TRIGGER_END_ICON as y, SELECT_TRIGGER_STYLES as B } from "./styles/SelectTrigger.css.js";
-import { cn as D } from "../../../../../utils/cn.js";
-import F from "./hooks/useSelectTrigger.hook.js";
-import { vars as G } from "../../../../../theme/contract.css.js";
-const w = x(({
+import { SELECT_TRIGGER_END_ICON as C, SELECT_TRIGGER_STYLES as D } from "./styles/SelectTrigger.css.js";
+import { cn as F } from "../../../../../utils/cn.js";
+import G from "./hooks/useSelectTrigger.hook.js";
+import { vars as R } from "../../../../../theme/contract.css.js";
+const v = x(({
   className: t,
   placeholder: i,
   startIcon: r,
@@ -33,7 +33,7 @@ const w = x(({
   style: d,
   ...S
 }) => {
-  const { handleMouseDown: u, handleFocus: g, handleBlur: T, mergedStyle: E } = F({
+  const { handleMouseDown: u, handleFocus: g, handleBlur: T, mergedStyle: E } = G({
     width: l,
     style: d,
     onMouseDown: s,
@@ -44,31 +44,31 @@ const w = x(({
     m.Trigger,
     {
       ...S,
-      className: D(
-        B.recipe({
+      className: F(
+        D.recipe({
           size: e,
           hasError: p,
           hasStartIcon: !!r
         }),
         t
       ),
-      style: { fontSize: G.fontSize[n], ...E },
+      style: { fontSize: R.fontSize[n], ...E },
       onMouseDown: u,
       onFocus: g,
       onBlur: T,
       children: [
         r && /* @__PURE__ */ o(
-          _,
+          B,
           {
             icon: r,
             size: e
           }
         ),
         c ?? /* @__PURE__ */ o(m.Value, { placeholder: i }),
-        /* @__PURE__ */ o(R, { className: y, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(_, { className: C, children: /* @__PURE__ */ o(
           I,
           {
-            icon: N.chevronDown,
+            icon: N,
             size: "md",
             color: "mutedForeground"
           }
@@ -77,8 +77,8 @@ const w = x(({
     }
   );
 });
-w.displayName = "Select.Trigger";
+v.displayName = "Select.Trigger";
 export {
-  w as default
+  v as default
 };
 //# sourceMappingURL=SelectTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={IconRegistry.chevronDown}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","IconRegistry"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,YAAAC,GAAY,aAAAC,EAAA,IAC9CC,EAAiB;AAAA,IACb,OAAAX;AAAA,IACA,OAAAK;AAAA,IACA,aAAAH;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,CACH;AAEL,SACI,gBAAAQ;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACI,GAAGP;AAAA,MACJ,WAAWQ;AAAA,QACPC,EAAsB,OAAO;AAAA,UACzB,MAAAlB;AAAA,UACA,UAAAE;AAAA,UACA,cAAc,EAAQH;AAAA,QAAS,CAClC;AAAA,QACDF;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,UAAUsB,EAAK,SAASlB,CAAQ,GAAG,GAAGY,EAAA;AAAA,MAC/C,aAAaH;AAAA,MACb,SAASC;AAAA,MACT,QAAQC;AAAA,MAEP,UAAA;AAAA,QAAAb,KACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMtB;AAAA,YACN,MAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPI,KAAY,gBAAAgB,EAACJ,EAAW,OAAX,EAAiB,aAAAlB,EAAA,CAA0B;AAAA,QACzD,gBAAAsB,EAACE,GAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QAAA,EACX,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED9B,EAAc,cAAc;"}
+{"version":3,"file":"SelectTrigger.js","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,YAAAC,GAAY,aAAAC,EAAA,IAC9CC,EAAiB;AAAA,IACb,OAAAX;AAAA,IACA,OAAAK;AAAA,IACA,aAAAH;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,CACH;AAEL,SACI,gBAAAQ;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACI,GAAGP;AAAA,MACJ,WAAWQ;AAAA,QACPC,EAAsB,OAAO;AAAA,UACzB,MAAAlB;AAAA,UACA,UAAAE;AAAA,UACA,cAAc,EAAQH;AAAA,QAAS,CAClC;AAAA,QACDF;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,UAAUsB,EAAK,SAASlB,CAAQ,GAAG,GAAGY,EAAA;AAAA,MAC/C,aAAaH;AAAA,MACb,SAASC;AAAA,MACT,QAAQC;AAAA,MAEP,UAAA;AAAA,QAAAb,KACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMtB;AAAA,YACN,MAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPI,KAAY,gBAAAgB,EAACJ,EAAW,OAAX,EAAiB,aAAAlB,EAAA,CAA0B;AAAA,QACzD,gBAAAsB,EAACE,GAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QAAA,EACX,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED9B,EAAc,cAAc;"}

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("react"),d=({width:s,style:c,onMouseDown:u,onFocus:a,onBlur:n})=>{const r=t.useRef(!1),l=t.useCallback(e=>{r.current=!0,u?.(e)},[u]),o=t.useCallback(e=>{r.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),r.current=!1),a?.(e)},[a]),f=t.useCallback(e=>{r.current=!1,e.currentTarget.removeAttribute("data-mouse-focus"),n?.(e)},[n]),i=s!==void 0?{...c,width:s}:c;return{handleMouseDown:l,handleFocus:o,handleBlur:f,mergedStyle:i}};module.exports=d;
+"use strict";const r=require("react"),d=({width:s,style:c,onMouseDown:u,onFocus:a,onBlur:n})=>{const t=r.useRef(!1),l=r.useCallback(e=>{t.current=!0,u?.(e)},[u]),o=r.useCallback(e=>{t.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),t.current=!1),a?.(e)},[a]),f=r.useCallback(e=>{t.current=!1,e.currentTarget.removeAttribute("data-mouse-focus"),n?.(e)},[n]),i=s!==void 0?{...c,width:s}:c;return{handleMouseDown:l,handleFocus:o,handleBlur:f,mergedStyle:i}};module.exports=d;
 //# sourceMappingURL=useSelectTrigger.hook.cjs.map

package/dist/components/forms/select/components/select-trigger/types/SelectTrigger.props.d.ts

@@ -1,13 +1,14 @@
 import { Select as BaseSelect } from '@base-ui/react/select';
 import { TextFieldSize } from '../../../../text-field/types/TextField.types.ts';
 import { TypographySize } from '../../../../../foundation/typography/types/Typography.types.ts';
+import { IconComponent } from '../../../../../foundation/icon';
 import type * as React from 'react';
 /** Props for the styled trigger subcomponent. */
 export type SelectTriggerProps = BaseSelect.Trigger.Props & {
     /** Placeholder shown when no option is selected. */
     placeholder?: string;
     /** Iconify icon name rendered on the left side of the trigger. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Visual size of the trigger. Defaults to `md`. */
     size?: TextFieldSize;
     /** Font size applied to the trigger text. @default 'md' */

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit32.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-kit79.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-kit32.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit79.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var p = { placeholder: "f53dgk0" };
 export {

package/dist/components/forms/select/types/Select.props.d.ts

@@ -1,3 +1,4 @@
+import { IconComponent } from '../../../foundation/icon';
 import { TextFieldSize } from '../../text-field/types/TextField.types.ts';
 import { TypographySize } from '../../../foundation/typography/types/Typography.types.ts';
 import type * as React from 'react';
@@ -32,7 +33,7 @@ export type SelectFieldProps = {
     /** Error message rendered below the trigger. When set, the trigger is styled in its error state. */
     error?: string;
     /** Iconify icon name rendered on the left side of the trigger. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Placeholder shown when no option is selected. */
     placeholder?: string;
     /** Visual size of the trigger. */

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),I=require("@base-ui/react/field"),L=require("@base-ui/react/slider"),l=require("react"),R=require("./components/slider-header/SliderHeader.cjs"),_=require("./components/slider-track/SliderTrack.cjs"),d=require("./styles/Slider.css.cjs"),x=require("../../../utils/cn.cjs"),o=l.memo(({label:a,showValue:S=!1,helperText:n,error:e,width:u="100%",size:m="md",color:q="primary",className:j,ref:p,value:c,defaultValue:t,...y})=>{const r=l.useId(),s=!!(e||n),E=Array.isArray(c??t);return i.jsx(I.Field.Root,{invalid:!!e,children:i.jsxs(L.Slider.Root,{ref:p,className:x.cn(d.SLIDER_STYLES.root,j),style:{width:u},"aria-describedby":s?r:void 0,value:c,defaultValue:t,...y,children:[i.jsx(R,{label:a,showValue:S}),i.jsx(_,{range:E,size:m,color:q,error:e,descriptionId:s?r:void 0}),s&&i.jsx("span",{id:r,className:e?d.SLIDER_STYLES.error:d.SLIDER_STYLES.helper,children:e??n})]})})});o.displayName="Slider";exports.Slider=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),E=require("@base-ui/react/field"),I=require("@base-ui/react/slider"),l=require("react"),L=require("./components/slider-header/SliderHeader.cjs"),_=require("./components/slider-track/SliderTrack.cjs"),d=require("./styles/Slider.css.cjs"),x=require("../../../utils/cn.cjs"),o=l.memo(({label:a,showValue:S=!1,helperText:n,error:e,width:u="100%",size:m="md",color:q="primary",className:j,ref:p,value:c,defaultValue:t,...y})=>{const s=l.useId(),r=!!(e||n),R=Array.isArray(c??t);return i.jsx(E.Field.Root,{invalid:!!e,children:i.jsxs(I.Slider.Root,{ref:p,className:x.cn(d.SLIDER_STYLES.root,j),style:{width:u},"aria-describedby":r?s:void 0,value:c,defaultValue:t,...y,children:[i.jsx(L,{label:a,showValue:S}),i.jsx(_,{range:R,size:m,color:q,error:e,descriptionId:r?s:void 0}),r&&i.jsx("span",{id:s,className:e?d.SLIDER_STYLES.error:d.SLIDER_STYLES.helper,children:e??n})]})})});o.displayName="Slider";exports.Slider=o;exports.default=o;
 //# sourceMappingURL=Slider.cjs.map

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit139.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit131.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
 //# sourceMappingURL=SliderTrack.css.cjs.map

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit139.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit131.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { control: "ky6kla0", track: a({ defaultClassName: "ky6kla1", variantClassNames: { size: { sm: "ky6kla2", md: "ky6kla3", lg: "ky6kla4" } }, defaultVariants: { size: "md" }, compoundVariants: [] }), indicator: a({ defaultClassName: "ky6kla5", variantClassNames: { color: { primary: "ky6kla6", secondary: "ky6kla7", destructive: "ky6kla8" } }, defaultVariants: { color: "primary" }, compoundVariants: [] }), thumb: a({ defaultClassName: "ky6kla9", variantClassNames: { size: { sm: "ky6klaa", md: "ky6klab", lg: "ky6klac" }, color: { primary: "ky6klad", secondary: "ky6klae", destructive: "ky6klaf" } }, defaultVariants: { size: "md", color: "primary" }, compoundVariants: [] }) };

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import v from "./components/text-area-label/TextAreaLabel.js";
-import '../../../ui-kit91.css';import '../../../ui-kit90.css';import '../../../ui-kit85.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit93.css';import '../../../ui-kit87.css';import '../../../ui-kit101.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                   */
 import I from "./components/text-area-start-icon/TextAreaStartIcon.js";

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),o=require("./styles/TextAreaEndAction.css.cjs"),c=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const e=s.memo(({children:r})=>t.jsx(c,{className:o.TEXT_AREA_END_ACTION_STYLES.root,children:r}));e.displayName="TextArea.EndAction";module.exports=e;
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./styles/TextAreaEndAction.css.cjs"),c=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const e=s.memo(({children:t})=>r.jsx(c,{className:o.TEXT_AREA_END_ACTION_STYLES.root,children:t}));e.displayName="TextArea.EndAction";module.exports=e;
 //# sourceMappingURL=TextAreaEndAction.cjs.map

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-kit91.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-kit93.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-kit91.css';/* empty css                                     */
+import '../../../../../../ui-kit93.css';/* empty css                                     */
 var r = { root: "lf8geo0" };
 export {
   r as TEXT_AREA_END_ACTION_STYLES

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

@@ -1,2 +1,2 @@
-"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:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit101.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                   */var e={root:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
 //# sourceMappingURL=TextAreaLabel.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit85.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit101.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                 */
 var p = { root: "_1sjl5hx0" };

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-kit90.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-kit87.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-kit90.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit87.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/components/text-area-start-icon/types/TextAreaStartIcon.types.d.ts

@@ -1,5 +1,6 @@
 import { TextAreaSize } from '../../../../..';
+import { IconComponent } from '../../../../../foundation/icon';
 export type TextAreaStartIconProps = {
-    icon: string;
+    icon: IconComponent;
     size: NonNullable<TextAreaSize>;
 };

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