@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/forms/select/components/select-content/SelectContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}
+{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}

package/dist/components/forms/select/components/select-content/SelectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAsB,MAAMb,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}
+{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAsB,MAAMb,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),d=require("react"),E=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const G=require("../../../_shared/components/helper-text/HelperText.cjs"),H=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"),M=require("./hooks/useSelectField.hook.cjs"),N=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:R,handleValueChange:h}=M({error:a,value:S,defaultValue:y,onValueChange:C}),_=d.useMemo(()=>N.flattenItems(t),[t]),D=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(E,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(H,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:R??null,onValueChange:D,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:_,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,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(G,{id:f,hasError:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
+"use strict";const l=require("react/jsx-runtime"),d=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"),R=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:_,handleValueChange:h}=N({error:a,value:S,defaultValue:y,onValueChange:C}),D=d.useMemo(()=>R.flattenItems(t),[t]),E=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(M,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:D,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,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:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
 //# sourceMappingURL=SelectField.cjs.map

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"),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;
+"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;
 //# sourceMappingURL=SelectLabel.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),R=require("react"),_=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const j=require("../../../../../constants/icons.cjs"),I=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 N=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"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=R.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(_,{icon:j.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=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 N=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"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
 //# sourceMappingURL=SelectTrigger.cjs.map

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

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=useSelectTrigger.hook.cjs.map

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

@@ -7,7 +7,7 @@ export type SelectTriggerProps = BaseSelect.Trigger.Props & {
     placeholder?: string;
     /** Iconify icon name rendered on the left side of the trigger. */
     startIcon?: string;
-    /** Visual size of the trigger. */
+    /** Visual size of the trigger. Defaults to `md`. */
     size?: TextFieldSize;
     /** Whether the trigger should be styled in its error state. */
     hasError?: boolean;

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

@@ -0,0 +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;
+//# sourceMappingURL=Slider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/forms/slider/Slider.tsx"],"sourcesContent":["import { Field } from '@base-ui/react/field'\r\nimport { Slider as BaseSlider } from '@base-ui/react/slider'\r\nimport { memo, type FC, useId } from 'react'\r\n\r\nimport SliderHeader from '@components/forms/slider/components/slider-header/SliderHeader.tsx'\r\nimport SliderTrack from '@components/forms/slider/components/slider-track/SliderTrack.tsx'\r\nimport { SLIDER_STYLES } from '@components/forms/slider/styles/Slider.css.ts'\r\nimport type { SliderProps } from '@components/forms/slider/types'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nexport const Slider: FC<SliderProps> = memo(({\r\n    label,\r\n    showValue = false,\r\n    helperText,\r\n    error,\r\n    width = '100%',\r\n    size = 'md',\r\n    color = 'primary',\r\n    className,\r\n    ref,\r\n    value,\r\n    defaultValue,\r\n    ...props\r\n}) => {\r\n    const descriptionId = useId()\r\n    const hasDescription = Boolean(error || helperText)\r\n    const range = Array.isArray(value ?? defaultValue)\r\n\r\n    return (\r\n        <Field.Root invalid={Boolean(error)}>\r\n            <BaseSlider.Root\r\n                ref={ref}\r\n                className={cn(SLIDER_STYLES.root, className)}\r\n                style={{ width }}\r\n                aria-describedby={hasDescription ? descriptionId : undefined}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                {...props}\r\n            >\r\n                <SliderHeader\r\n                    label={label}\r\n                    showValue={showValue}\r\n                />\r\n                <SliderTrack\r\n                    range={range}\r\n                    size={size}\r\n                    color={color}\r\n                    error={error}\r\n                    descriptionId={hasDescription ? descriptionId : undefined}\r\n                />\r\n                {hasDescription && (\r\n                    <span\r\n                        id={descriptionId}\r\n                        className={error ? SLIDER_STYLES.error : SLIDER_STYLES.helper}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </span>\r\n                )}\r\n            </BaseSlider.Root>\r\n        </Field.Root>\r\n    )\r\n})\r\n\r\nSlider.displayName = 'Slider'\r\n\r\nexport default Slider\r\n"],"names":["Slider","memo","label","showValue","helperText","error","width","size","color","className","ref","value","defaultValue","props","descriptionId","useId","hasDescription","range","Field","jsxs","BaseSlider","cn","SLIDER_STYLES","jsx","SliderHeader","SliderTrack"],"mappings":"iaAUaA,EAA0BC,EAAAA,KAAK,CAAC,CACzC,MAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,OACR,KAAAC,EAAO,KACP,MAAAC,EAAQ,UACR,UAAAC,EACA,IAAAC,EACA,MAAAC,EACA,aAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAgBC,EAAAA,MAAA,EAChBC,EAAiB,GAAQX,GAASD,GAClCa,EAAQ,MAAM,QAAQN,GAASC,CAAY,EAEjD,aACKM,EAAAA,MAAM,KAAN,CAAW,QAAS,EAAQb,EACzB,SAAAc,EAAAA,KAACC,EAAAA,OAAW,KAAX,CACG,IAAAV,EACA,UAAWW,EAAAA,GAAGC,gBAAc,KAAMb,CAAS,EAC3C,MAAO,CAAE,MAAAH,CAAA,EACT,mBAAkBU,EAAiBF,EAAgB,OACnD,MAAAH,EACA,aAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,IAACC,EAAA,CACG,MAAAtB,EACA,UAAAC,CAAA,CAAA,EAEJoB,EAAAA,IAACE,EAAA,CACG,MAAAR,EACA,KAAAV,EACA,MAAAC,EACA,MAAAH,EACA,cAAeW,EAAiBF,EAAgB,MAAA,CAAA,EAEnDE,GACGO,EAAAA,IAAC,OAAA,CACG,GAAIT,EACJ,UAAWT,EAAQiB,EAAAA,cAAc,MAAQA,EAAAA,cAAc,OAEtD,SAAAjB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,EAGZ,CAER,CAAC,EAEDJ,EAAO,YAAc"}

package/dist/components/forms/slider/Slider.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SliderProps } from './types';
+export declare const Slider: FC<SliderProps>;
+export default Slider;

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

@@ -0,0 +1,69 @@
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { Field as N } from "@base-ui/react/field";
+import { Slider as R } from "@base-ui/react/slider";
+import { memo as b, useId as j } from "react";
+import v from "./components/slider-header/SliderHeader.js";
+import x from "./components/slider-track/SliderTrack.js";
+import { SLIDER_STYLES as s } from "./styles/Slider.css.js";
+import { cn as A } from "../../../utils/cn.js";
+const B = b(({
+  label: t,
+  showValue: n = !1,
+  helperText: e,
+  error: i,
+  width: l = "100%",
+  size: c = "md",
+  color: p = "primary",
+  className: f,
+  ref: S,
+  value: m,
+  defaultValue: a,
+  ...y
+}) => {
+  const r = j(), d = !!(i || e), h = Array.isArray(m ?? a);
+  return /* @__PURE__ */ o(N.Root, { invalid: !!i, children: /* @__PURE__ */ I(
+    R.Root,
+    {
+      ref: S,
+      className: A(s.root, f),
+      style: { width: l },
+      "aria-describedby": d ? r : void 0,
+      value: m,
+      defaultValue: a,
+      ...y,
+      children: [
+        /* @__PURE__ */ o(
+          v,
+          {
+            label: t,
+            showValue: n
+          }
+        ),
+        /* @__PURE__ */ o(
+          x,
+          {
+            range: h,
+            size: c,
+            color: p,
+            error: i,
+            descriptionId: d ? r : void 0
+          }
+        ),
+        d && /* @__PURE__ */ o(
+          "span",
+          {
+            id: r,
+            className: i ? s.error : s.helper,
+            children: i ?? e
+          }
+        )
+      ]
+    }
+  ) });
+});
+B.displayName = "Slider";
+export {
+  B as Slider,
+  B as default
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/forms/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/forms/slider/Slider.tsx"],"sourcesContent":["import { Field } from '@base-ui/react/field'\r\nimport { Slider as BaseSlider } from '@base-ui/react/slider'\r\nimport { memo, type FC, useId } from 'react'\r\n\r\nimport SliderHeader from '@components/forms/slider/components/slider-header/SliderHeader.tsx'\r\nimport SliderTrack from '@components/forms/slider/components/slider-track/SliderTrack.tsx'\r\nimport { SLIDER_STYLES } from '@components/forms/slider/styles/Slider.css.ts'\r\nimport type { SliderProps } from '@components/forms/slider/types'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nexport const Slider: FC<SliderProps> = memo(({\r\n    label,\r\n    showValue = false,\r\n    helperText,\r\n    error,\r\n    width = '100%',\r\n    size = 'md',\r\n    color = 'primary',\r\n    className,\r\n    ref,\r\n    value,\r\n    defaultValue,\r\n    ...props\r\n}) => {\r\n    const descriptionId = useId()\r\n    const hasDescription = Boolean(error || helperText)\r\n    const range = Array.isArray(value ?? defaultValue)\r\n\r\n    return (\r\n        <Field.Root invalid={Boolean(error)}>\r\n            <BaseSlider.Root\r\n                ref={ref}\r\n                className={cn(SLIDER_STYLES.root, className)}\r\n                style={{ width }}\r\n                aria-describedby={hasDescription ? descriptionId : undefined}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                {...props}\r\n            >\r\n                <SliderHeader\r\n                    label={label}\r\n                    showValue={showValue}\r\n                />\r\n                <SliderTrack\r\n                    range={range}\r\n                    size={size}\r\n                    color={color}\r\n                    error={error}\r\n                    descriptionId={hasDescription ? descriptionId : undefined}\r\n                />\r\n                {hasDescription && (\r\n                    <span\r\n                        id={descriptionId}\r\n                        className={error ? SLIDER_STYLES.error : SLIDER_STYLES.helper}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </span>\r\n                )}\r\n            </BaseSlider.Root>\r\n        </Field.Root>\r\n    )\r\n})\r\n\r\nSlider.displayName = 'Slider'\r\n\r\nexport default Slider\r\n"],"names":["Slider","memo","label","showValue","helperText","error","width","size","color","className","ref","value","defaultValue","props","descriptionId","useId","hasDescription","range","Field","jsxs","BaseSlider","cn","SLIDER_STYLES","jsx","SliderHeader","SliderTrack"],"mappings":";;;;;;;;AAUO,MAAMA,IAA0BC,EAAK,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAA,GAChBC,IAAiB,GAAQX,KAASD,IAClCa,IAAQ,MAAM,QAAQN,KAASC,CAAY;AAEjD,2BACKM,EAAM,MAAN,EAAW,SAAS,EAAQb,GACzB,UAAA,gBAAAc;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,KAAAV;AAAA,MACA,WAAWW,EAAGC,EAAc,MAAMb,CAAS;AAAA,MAC3C,OAAO,EAAE,OAAAH,EAAA;AAAA,MACT,oBAAkBU,IAAiBF,IAAgB;AAAA,MACnD,OAAAH;AAAA,MACA,cAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAAtB;AAAA,YACA,WAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAoB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,OAAAR;AAAA,YACA,MAAAV;AAAA,YACA,OAAAC;AAAA,YACA,OAAAH;AAAA,YACA,eAAeW,IAAiBF,IAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnDE,KACG,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAIT;AAAA,YACJ,WAAWT,IAAQiB,EAAc,QAAQA,EAAc;AAAA,YAEtD,UAAAjB,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER,CAAC;AAEDJ,EAAO,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/slider"),s=require("./styles/SliderHeader.css.cjs"),c=({label:r,showValue:l})=>e.jsxs("div",{className:s.SLIDER_HEADER_STYLES.root,children:[r&&e.jsx(i.Slider.Label,{className:s.SLIDER_HEADER_STYLES.label,children:r}),l&&e.jsx(i.Slider.Value,{className:s.SLIDER_HEADER_STYLES.value,children:S=>S.join(" – ")})]});module.exports=c;
+//# sourceMappingURL=SliderHeader.cjs.map

package/dist/components/forms/slider/components/slider-header/SliderHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHeader.cjs","sources":["../../../../../../src/components/forms/slider/components/slider-header/SliderHeader.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_HEADER_STYLES } from '@components/forms/slider/components/slider-header/styles/SliderHeader.css.ts'\r\nimport type { SliderHeaderProps } from '@components/forms/slider/components/slider-header/types/SliderHeader.props.ts'\r\n\r\nconst SliderHeader = ({ label, showValue }: SliderHeaderProps) => (\r\n    <div className={SLIDER_HEADER_STYLES.root}>\r\n        {label && <BaseSlider.Label className={SLIDER_HEADER_STYLES.label}>{label}</BaseSlider.Label>}\r\n        {showValue && (\r\n            <BaseSlider.Value className={SLIDER_HEADER_STYLES.value}>\r\n                {(formattedValues) => formattedValues.join(' – ')}\r\n            </BaseSlider.Value>\r\n        )}\r\n    </div>\r\n)\r\n\r\nexport default SliderHeader\r\n"],"names":["SliderHeader","label","showValue","jsxs","SLIDER_HEADER_STYLES","BaseSlider","jsx","formattedValues"],"mappings":"gIAKMA,EAAe,CAAC,CAAE,MAAAC,EAAO,UAAAC,KAC3BC,EAAAA,KAAC,MAAA,CAAI,UAAWC,uBAAqB,KAChC,SAAA,CAAAH,SAAUI,EAAAA,OAAW,MAAX,CAAiB,UAAWD,EAAAA,qBAAqB,MAAQ,SAAAH,EAAM,EACzEC,GACGI,EAAAA,IAACD,EAAAA,OAAW,MAAX,CAAiB,UAAWD,EAAAA,qBAAqB,MAC7C,SAACG,GAAoBA,EAAgB,KAAK,KAAK,CAAA,CACpD,CAAA,CAAA,CAER"}

package/dist/components/forms/slider/components/slider-header/SliderHeader.d.ts

@@ -0,0 +1,3 @@
+import { SliderHeaderProps } from './types/SliderHeader.props.ts';
+declare const SliderHeader: ({ label, showValue }: SliderHeaderProps) => import("react").JSX.Element;
+export default SliderHeader;

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

@@ -0,0 +1,11 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { Slider as l } from "@base-ui/react/slider";
+import { SLIDER_HEADER_STYLES as e } from "./styles/SliderHeader.css.js";
+const t = ({ label: r, showValue: o }) => /* @__PURE__ */ i("div", { className: e.root, children: [
+  r && /* @__PURE__ */ a(l.Label, { className: e.label, children: r }),
+  o && /* @__PURE__ */ a(l.Value, { className: e.value, children: (s) => s.join(" – ") })
+] });
+export {
+  t as default
+};
+//# sourceMappingURL=SliderHeader.js.map

package/dist/components/forms/slider/components/slider-header/SliderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHeader.js","sources":["../../../../../../src/components/forms/slider/components/slider-header/SliderHeader.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_HEADER_STYLES } from '@components/forms/slider/components/slider-header/styles/SliderHeader.css.ts'\r\nimport type { SliderHeaderProps } from '@components/forms/slider/components/slider-header/types/SliderHeader.props.ts'\r\n\r\nconst SliderHeader = ({ label, showValue }: SliderHeaderProps) => (\r\n    <div className={SLIDER_HEADER_STYLES.root}>\r\n        {label && <BaseSlider.Label className={SLIDER_HEADER_STYLES.label}>{label}</BaseSlider.Label>}\r\n        {showValue && (\r\n            <BaseSlider.Value className={SLIDER_HEADER_STYLES.value}>\r\n                {(formattedValues) => formattedValues.join(' – ')}\r\n            </BaseSlider.Value>\r\n        )}\r\n    </div>\r\n)\r\n\r\nexport default SliderHeader\r\n"],"names":["SliderHeader","label","showValue","jsxs","SLIDER_HEADER_STYLES","BaseSlider","jsx","formattedValues"],"mappings":";;;AAKA,MAAMA,IAAe,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAC3B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAqB,MAChC,UAAA;AAAA,EAAAH,uBAAUI,EAAW,OAAX,EAAiB,WAAWD,EAAqB,OAAQ,UAAAH,GAAM;AAAA,EACzEC,KACG,gBAAAI,EAACD,EAAW,OAAX,EAAiB,WAAWD,EAAqB,OAC7C,UAAA,CAACG,MAAoBA,EAAgB,KAAK,KAAK,EAAA,CACpD;AAAA,EAAA,CAER;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHeader.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export declare const SLIDER_HEADER_STYLES: {
+    root: string;
+    label: string;
+    value: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                */
+var o = { root: "tjesq90", label: "tjesq91", value: "tjesq92" };
+export {
+  o as SLIDER_HEADER_STYLES
+};
+//# sourceMappingURL=SliderHeader.css.js.map

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

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

package/dist/components/forms/slider/components/slider-header/types/SliderHeader.props.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type SliderHeaderProps = {
+    label?: string;
+    showValue: boolean;
+    children?: ReactNode;
+};

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),e=require("@base-ui/react/slider"),s=require("./styles/SliderTrack.css.cjs"),n=({range:i,size:c,color:a,error:S,descriptionId:d})=>{const l=i?[0,1]:[0];return r.jsxs(e.Slider.Control,{className:s.SLIDER_TRACK_STYLES.control,children:[r.jsx(e.Slider.Track,{className:s.SLIDER_TRACK_STYLES.track({size:c}),children:r.jsx(e.Slider.Indicator,{className:s.SLIDER_TRACK_STYLES.indicator({color:a})})}),l.map(t=>r.jsx(e.Slider.Thumb,{index:i?t:void 0,className:s.SLIDER_TRACK_STYLES.thumb({size:c,color:a}),"aria-invalid":S?!0:void 0,"aria-describedby":d},t))]})};module.exports=n;
+//# sourceMappingURL=SliderTrack.cjs.map

package/dist/components/forms/slider/components/slider-track/SliderTrack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.cjs","sources":["../../../../../../src/components/forms/slider/components/slider-track/SliderTrack.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_TRACK_STYLES } from '@components/forms/slider/components/slider-track/styles/SliderTrack.css.ts'\r\nimport type { SliderTrackProps } from '@components/forms/slider/components/slider-track/types/SliderTrack.props.ts'\r\n\r\nconst SliderTrack = ({ range, size, color, error, descriptionId }: SliderTrackProps) => {\r\n    const thumbIndexes = range ? [0, 1] : [0]\r\n\r\n    return (\r\n        <BaseSlider.Control className={SLIDER_TRACK_STYLES.control}>\r\n            <BaseSlider.Track className={SLIDER_TRACK_STYLES.track({ size })}>\r\n                <BaseSlider.Indicator className={SLIDER_TRACK_STYLES.indicator({ color })} />\r\n            </BaseSlider.Track>\r\n            {thumbIndexes.map((index) => (\r\n                <BaseSlider.Thumb\r\n                    key={index}\r\n                    index={range ? index : undefined}\r\n                    className={SLIDER_TRACK_STYLES.thumb({ size, color })}\r\n                    aria-invalid={error ? true : undefined}\r\n                    aria-describedby={descriptionId}\r\n                />\r\n            ))}\r\n        </BaseSlider.Control>\r\n    )\r\n}\r\n\r\nexport default SliderTrack\r\n"],"names":["SliderTrack","range","size","color","error","descriptionId","thumbIndexes","BaseSlider","SLIDER_TRACK_STYLES","jsx","index"],"mappings":"+HAKMA,EAAc,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,cAAAC,KAAsC,CACpF,MAAMC,EAAeL,EAAQ,CAAC,EAAG,CAAC,EAAI,CAAC,CAAC,EAExC,cACKM,EAAAA,OAAW,QAAX,CAAmB,UAAWC,EAAAA,oBAAoB,QAC/C,SAAA,CAAAC,MAACF,EAAAA,OAAW,MAAX,CAAiB,UAAWC,EAAAA,oBAAoB,MAAM,CAAE,KAAAN,EAAM,EAC3D,eAACK,SAAW,UAAX,CAAqB,UAAWC,EAAAA,oBAAoB,UAAU,CAAE,MAAAL,CAAA,CAAO,CAAA,CAAG,EAC/E,EACCG,EAAa,IAAKI,GACfD,EAAAA,IAACF,EAAAA,OAAW,MAAX,CAEG,MAAON,EAAQS,EAAQ,OACvB,UAAWF,EAAAA,oBAAoB,MAAM,CAAE,KAAAN,EAAM,MAAAC,EAAO,EACpD,eAAcC,EAAQ,GAAO,OAC7B,mBAAkBC,CAAA,EAJbK,CAAA,CAMZ,CAAA,EACL,CAER"}

package/dist/components/forms/slider/components/slider-track/SliderTrack.d.ts

@@ -0,0 +1,3 @@
+import { SliderTrackProps } from './types/SliderTrack.props.ts';
+declare const SliderTrack: ({ range, size, color, error, descriptionId }: SliderTrackProps) => import("react").JSX.Element;
+export default SliderTrack;

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

@@ -0,0 +1,23 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { Slider as r } from "@base-ui/react/slider";
+import { SLIDER_TRACK_STYLES as a } from "./styles/SliderTrack.css.js";
+const h = ({ range: t, size: o, color: s, error: e, descriptionId: m }) => {
+  const d = t ? [0, 1] : [0];
+  return /* @__PURE__ */ l(r.Control, { className: a.control, children: [
+    /* @__PURE__ */ i(r.Track, { className: a.track({ size: o }), children: /* @__PURE__ */ i(r.Indicator, { className: a.indicator({ color: s }) }) }),
+    d.map((c) => /* @__PURE__ */ i(
+      r.Thumb,
+      {
+        index: t ? c : void 0,
+        className: a.thumb({ size: o, color: s }),
+        "aria-invalid": e ? !0 : void 0,
+        "aria-describedby": m
+      },
+      c
+    ))
+  ] });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=SliderTrack.js.map

package/dist/components/forms/slider/components/slider-track/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/forms/slider/components/slider-track/SliderTrack.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_TRACK_STYLES } from '@components/forms/slider/components/slider-track/styles/SliderTrack.css.ts'\r\nimport type { SliderTrackProps } from '@components/forms/slider/components/slider-track/types/SliderTrack.props.ts'\r\n\r\nconst SliderTrack = ({ range, size, color, error, descriptionId }: SliderTrackProps) => {\r\n    const thumbIndexes = range ? [0, 1] : [0]\r\n\r\n    return (\r\n        <BaseSlider.Control className={SLIDER_TRACK_STYLES.control}>\r\n            <BaseSlider.Track className={SLIDER_TRACK_STYLES.track({ size })}>\r\n                <BaseSlider.Indicator className={SLIDER_TRACK_STYLES.indicator({ color })} />\r\n            </BaseSlider.Track>\r\n            {thumbIndexes.map((index) => (\r\n                <BaseSlider.Thumb\r\n                    key={index}\r\n                    index={range ? index : undefined}\r\n                    className={SLIDER_TRACK_STYLES.thumb({ size, color })}\r\n                    aria-invalid={error ? true : undefined}\r\n                    aria-describedby={descriptionId}\r\n                />\r\n            ))}\r\n        </BaseSlider.Control>\r\n    )\r\n}\r\n\r\nexport default SliderTrack\r\n"],"names":["SliderTrack","range","size","color","error","descriptionId","thumbIndexes","BaseSlider","SLIDER_TRACK_STYLES","jsx","index"],"mappings":";;;AAKA,MAAMA,IAAc,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,eAAAC,QAAsC;AACpF,QAAMC,IAAeL,IAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAExC,2BACKM,EAAW,SAAX,EAAmB,WAAWC,EAAoB,SAC/C,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,OAAX,EAAiB,WAAWC,EAAoB,MAAM,EAAE,MAAAN,GAAM,GAC3D,4BAACK,EAAW,WAAX,EAAqB,WAAWC,EAAoB,UAAU,EAAE,OAAAL,EAAA,CAAO,EAAA,CAAG,GAC/E;AAAA,IACCG,EAAa,IAAI,CAACI,MACf,gBAAAD;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QAEG,OAAON,IAAQS,IAAQ;AAAA,QACvB,WAAWF,EAAoB,MAAM,EAAE,MAAAN,GAAM,OAAAC,GAAO;AAAA,QACpD,gBAAcC,IAAQ,KAAO;AAAA,QAC7B,oBAAkBC;AAAA,MAAA;AAAA,MAJbK;AAAA,IAAA,CAMZ;AAAA,EAAA,GACL;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,57 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SLIDER_TRACK_STYLES: {
+    control: string;
+    track: RuntimeFn<{
+        size: {
+            sm: {
+                height: "0.25rem";
+            };
+            md: {
+                height: "0.375rem";
+            };
+            lg: {
+                height: "0.5rem";
+            };
+        };
+    }>;
+    indicator: RuntimeFn<{
+        color: {
+            primary: {
+                backgroundColor: `var(--${string})`;
+            };
+            secondary: {
+                backgroundColor: `var(--${string})`;
+            };
+            destructive: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+    }>;
+    thumb: RuntimeFn<{
+        size: {
+            sm: {
+                width: "1rem";
+                height: "1rem";
+            };
+            md: {
+                width: "1.25rem";
+                height: "1.25rem";
+            };
+            lg: {
+                width: "1.5rem";
+                height: "1.5rem";
+            };
+        };
+        color: {
+            primary: {
+                border: `2px solid var(--${string})`;
+            };
+            secondary: {
+                border: `2px solid var(--${string})`;
+            };
+            destructive: {
+                border: `2px solid var(--${string})`;
+            };
+        };
+    }>;
+};

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

@@ -0,0 +1,8 @@
+/* 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: [] }) };
+export {
+  s as SLIDER_TRACK_STYLES
+};
+//# sourceMappingURL=SliderTrack.css.js.map

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

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

package/dist/components/forms/slider/components/slider-track/types/SliderTrack.props.d.ts

@@ -0,0 +1,8 @@
+import { SliderColor, SliderSize } from '../../../types/Slider.types.ts';
+export type SliderTrackProps = {
+    range: boolean;
+    size: SliderSize;
+    color: SliderColor;
+    error?: string;
+    descriptionId?: string;
+};

package/dist/components/forms/slider/constants/index.d.ts

@@ -0,0 +1,10 @@
+export declare const SLIDER_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+};
+export declare const SLIDER_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly destructive: "destructive";
+};

package/dist/components/forms/slider/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Slider } from './Slider.tsx';
+export { SLIDER_STYLES } from './styles/Slider.css.ts';
+export type { SliderProps } from './types/Slider.props.ts';
+export type { SliderColor, SliderSize } from './types/Slider.types.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/slider/styles/Slider.css.d.ts

@@ -0,0 +1,5 @@
+export declare const SLIDER_STYLES: {
+    root: string;
+    helper: string;
+    error: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                          */
+var b = { root: "_1exybeb0", helper: "_1exybeb1", error: "_1exybeb2" };
+export {
+  b as SLIDER_STYLES
+};
+//# sourceMappingURL=Slider.css.js.map

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

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

package/dist/components/forms/slider/types/Slider.props.d.ts

@@ -0,0 +1,36 @@
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import { SliderColor, SliderSize } from './Slider.types.ts';
+import type * as React from 'react';
+type SliderAccessibleName = {
+    label: string;
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+} | {
+    label?: never;
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    label?: never;
+    'aria-label'?: never;
+    'aria-labelledby': string;
+};
+export type SliderFieldProps = {
+    /** Visual size. Defaults to `md`. */
+    size?: SliderSize;
+    /** Semantic color intent. Defaults to `primary`. */
+    color?: SliderColor;
+    /** Width of the field wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Displays the current value next to the label. */
+    showValue?: boolean;
+    /** Help text announced together with the slider. */
+    helperText?: string;
+    /** Error text announced together with the slider and marks it invalid. */
+    error?: string;
+};
+export type SliderControlProps<Value extends number | readonly number[]> = Omit<BaseSlider.Root.Props<Value>, 'children' | 'className' | 'aria-label' | 'aria-labelledby'> & SliderFieldProps & SliderAccessibleName & {
+    className?: string;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type SliderProps = SliderControlProps<number | readonly [number, number]>;
+export {};

package/dist/components/forms/slider/types/Slider.types.d.ts

@@ -0,0 +1,3 @@
+import { SLIDER_COLORS, SLIDER_SIZES } from '../constants';
+export type SliderSize = (typeof SLIDER_SIZES)[keyof typeof SLIDER_SIZES];
+export type SliderColor = (typeof SLIDER_COLORS)[keyof typeof SLIDER_COLORS];

package/dist/components/forms/slider/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { SliderControlProps, SliderFieldProps, SliderProps } from './Slider.props.ts';
+export type { SliderColor, SliderSize } from './Slider.types.ts';

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("@base-ui/react/switch"),o=require("react"),g=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const _=require("../_shared/components/helper-text/HelperText.cjs"),m=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const l=require("../../../utils/cn.cjs"),s=require("./styles/Switch.css.cjs"),p=o.memo(({label:n,helperText:c,error:r,id:T,className:I,disabled:i,size:S="md",onCheckedChange:d,...q})=>{const x=o.useId(),a=T??(n?x:void 0),t=!!r,u=c||r?`${a}-helper`:void 0,w=o.useCallback(C=>d?.(C,{reason:"none"}),[d]);return e.jsxs(m,{as:"span",inline:!0,flexDirection:"column",gap:"xs",alignItems:"start",className:l.cn(s.SWITCH_STYLES.wrapper,i&&s.SWITCH_STYLES.wrapperDisabled),children:[e.jsxs(m,{as:"span",inline:!0,gap:"sm",alignItems:"center",children:[e.jsx(h.Switch.Root,{id:a,disabled:i,"aria-describedby":u,"aria-invalid":t||void 0,className:l.cn(s.SWITCH_STYLES.root({size:S,error:t}),I),onCheckedChange:w,...q,children:e.jsx(h.Switch.Thumb,{className:s.SWITCH_STYLES.thumb({size:S})})}),n&&e.jsx(g,{as:"label",variant:"label",color:"foreground",htmlFor:a,className:l.cn(s.SWITCH_STYLES.label,i&&s.SWITCH_STYLES.labelDisabled),children:n})]}),(r||c)&&e.jsx(_,{id:u,hasError:t,children:r??c})]})});p.displayName="Switch";module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),u=require("@base-ui/react/switch"),d=require("react"),w=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const _=require("../_shared/components/helper-text/HelperText.cjs"),h=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const o=require("../../../utils/cn.cjs"),s=require("./styles/Switch.css.cjs"),m=d.memo(({label:i,helperText:c,error:r,id:p,className:T,disabled:n,size:l="md",onCheckedChange:I,...q})=>{const x=d.useId(),t=p??(i?x:void 0),a=!!r,S=c||r?`${t}-helper`:void 0;return e.jsxs(h,{as:"span",inline:!0,flexDirection:"column",gap:"xs",alignItems:"start",className:o.cn(s.SWITCH_STYLES.wrapper,n&&s.SWITCH_STYLES.wrapperDisabled),children:[e.jsxs(h,{as:"span",inline:!0,gap:"sm",alignItems:"center",children:[e.jsx(u.Switch.Root,{id:t,disabled:n,"aria-describedby":S,"aria-invalid":a||void 0,className:o.cn(s.SWITCH_STYLES.root({size:l,error:a}),T),onCheckedChange:I,...q,children:e.jsx(u.Switch.Thumb,{className:s.SWITCH_STYLES.thumb({size:l})})}),i&&e.jsx(w,{as:"label",variant:"label",color:"foreground",htmlFor:t,className:o.cn(s.SWITCH_STYLES.label,n&&s.SWITCH_STYLES.labelDisabled),children:i})]}),(r||c)&&e.jsx(_,{id:S,hasError:a,children:r??c})]})});m.displayName="Switch";module.exports=m;
 //# sourceMappingURL=Switch.cjs.map

package/dist/components/forms/switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { Switch as BaseSwitch } from '@base-ui/react/switch'\r\nimport { memo, useCallback, useId, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SWITCH_STYLES } from '@components/forms/switch/styles/Switch.css.ts'\r\nimport type { SwitchProps } from '@components/forms/switch/types/Switch.props.ts'\r\n\r\n/**\r\n * A styled switch control built on top of `@base-ui/react/switch`.\r\n *\r\n * Supports controlled (`checked` + `onCheckedChange`) and uncontrolled\r\n * (`defaultChecked`) modes, plus an optional inline `label`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Switch label=\"Airplane mode\" checked={enabled} onCheckedChange={setEnabled} />\r\n * ```\r\n */\r\nconst Switch: FC<SwitchProps> = memo(({ label, helperText, error, id, className, disabled, size = 'md', onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const switchId = id ?? (label ? generatedId : undefined)\r\n    const hasError = Boolean(error)\r\n    const helperId = (helperText || error) ? `${switchId}-helper` : undefined\r\n\r\n    const handleCheckedChange = useCallback(\r\n        (checked: boolean) => onCheckedChange?.(checked, { reason: 'none' } as never),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'start'}\r\n            className={cn(SWITCH_STYLES.wrapper, disabled && SWITCH_STYLES.wrapperDisabled)}\r\n        >\r\n            <Flex\r\n                as={'span'}\r\n                inline\r\n                gap={'sm'}\r\n                alignItems={'center'}\r\n            >\r\n                <BaseSwitch.Root\r\n                    id={switchId}\r\n                    disabled={disabled}\r\n                    aria-describedby={helperId}\r\n                    aria-invalid={hasError || undefined}\r\n                    className={cn(SWITCH_STYLES.root({ size, error: hasError }), className)}\r\n                    onCheckedChange={handleCheckedChange}\r\n                    {...props}\r\n                >\r\n                    <BaseSwitch.Thumb className={SWITCH_STYLES.thumb({ size })} />\r\n                </BaseSwitch.Root>\r\n\r\n                {label && (\r\n                    <Typography\r\n                        as={'label'}\r\n                        variant={'label'}\r\n                        color={'foreground'}\r\n                        htmlFor={switchId}\r\n                        className={cn(SWITCH_STYLES.label, disabled && SWITCH_STYLES.labelDisabled)}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSwitch.displayName = 'Switch'\r\n\r\nexport default Switch\r\n"],"names":["Switch","memo","label","helperText","error","id","className","disabled","size","onCheckedChange","props","generatedId","useId","switchId","hasError","helperId","handleCheckedChange","useCallback","checked","jsxs","Flex","cn","SWITCH_STYLES","jsx","BaseSwitch","Typography","HelperText"],"mappings":"4cAqBMA,EAA0BC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAO,GAAAC,EAAI,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,KAAM,gBAAAC,EAAiB,GAAGC,KAAY,CACpI,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAWR,IAAOH,EAAQS,EAAc,QACxCG,EAAW,EAAQV,EACnBW,EAAYZ,GAAcC,EAAS,GAAGS,CAAQ,UAAY,OAE1DG,EAAsBC,EAAAA,YACvBC,GAAqBT,IAAkBS,EAAS,CAAE,OAAQ,OAAiB,EAC5E,CAACT,CAAe,CAAA,EAGpB,OACIU,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,cAAe,SACf,IAAK,KACL,WAAY,QACZ,UAAWC,EAAAA,GAAGC,EAAAA,cAAc,QAASf,GAAYe,EAAAA,cAAc,eAAe,EAE9E,SAAA,CAAAH,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KACL,WAAY,SAEZ,SAAA,CAAAG,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACG,GAAIX,EACJ,SAAAN,EACA,mBAAkBQ,EAClB,eAAcD,GAAY,OAC1B,UAAWO,EAAAA,GAAGC,EAAAA,cAAc,KAAK,CAAE,KAAAd,EAAM,MAAOM,EAAU,EAAGR,CAAS,EACtE,gBAAiBU,EAChB,GAAGN,EAEJ,SAAAa,EAAAA,IAACC,EAAAA,OAAW,MAAX,CAAiB,UAAWF,EAAAA,cAAc,MAAM,CAAE,KAAAd,CAAA,CAAM,CAAA,CAAG,CAAA,CAAA,EAG/DN,GACGqB,EAAAA,IAACE,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAASZ,EACT,UAAWQ,EAAAA,GAAGC,EAAAA,cAAc,MAAOf,GAAYe,EAAAA,cAAc,aAAa,EAEzE,SAAApB,CAAA,CAAA,CACL,CAAA,CAAA,GAINE,GAASD,IACPoB,EAAAA,IAACG,EAAA,CACG,GAAIX,EACJ,SAAAD,EAEC,SAAAV,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAO,YAAc"}
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { Switch as BaseSwitch } from '@base-ui/react/switch'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SWITCH_STYLES } from '@components/forms/switch/styles/Switch.css.ts'\r\nimport type { SwitchProps } from '@components/forms/switch/types/Switch.props.ts'\r\n\r\n/**\r\n * A styled switch control built on top of `@base-ui/react/switch`.\r\n *\r\n * Supports controlled (`checked` + `onCheckedChange`) and uncontrolled\r\n * (`defaultChecked`) modes, plus an optional inline `label`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Switch label=\"Airplane mode\" checked={enabled} onCheckedChange={setEnabled} />\r\n * ```\r\n */\r\nconst Switch: FC<SwitchProps> = memo(({ label, helperText, error, id, className, disabled, size = 'md', onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const switchId = id ?? (label ? generatedId : undefined)\r\n    const hasError = Boolean(error)\r\n    const helperId = (helperText || error) ? `${switchId}-helper` : undefined\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'start'}\r\n            className={cn(SWITCH_STYLES.wrapper, disabled && SWITCH_STYLES.wrapperDisabled)}\r\n        >\r\n            <Flex\r\n                as={'span'}\r\n                inline\r\n                gap={'sm'}\r\n                alignItems={'center'}\r\n            >\r\n                <BaseSwitch.Root\r\n                    id={switchId}\r\n                    disabled={disabled}\r\n                    aria-describedby={helperId}\r\n                    aria-invalid={hasError || undefined}\r\n                    className={cn(SWITCH_STYLES.root({ size, error: hasError }), className)}\r\n                    onCheckedChange={onCheckedChange}\r\n                    {...props}\r\n                >\r\n                    <BaseSwitch.Thumb className={SWITCH_STYLES.thumb({ size })} />\r\n                </BaseSwitch.Root>\r\n\r\n                {label && (\r\n                    <Typography\r\n                        as={'label'}\r\n                        variant={'label'}\r\n                        color={'foreground'}\r\n                        htmlFor={switchId}\r\n                        className={cn(SWITCH_STYLES.label, disabled && SWITCH_STYLES.labelDisabled)}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSwitch.displayName = 'Switch'\r\n\r\nexport default Switch\r\n"],"names":["Switch","memo","label","helperText","error","id","className","disabled","size","onCheckedChange","props","generatedId","useId","switchId","hasError","helperId","jsxs","Flex","cn","SWITCH_STYLES","jsx","BaseSwitch","Typography","HelperText"],"mappings":"4cAqBMA,EAA0BC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAO,GAAAC,EAAI,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,KAAM,gBAAAC,EAAiB,GAAGC,KAAY,CACpI,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAWR,IAAOH,EAAQS,EAAc,QACxCG,EAAW,EAAQV,EACnBW,EAAYZ,GAAcC,EAAS,GAAGS,CAAQ,UAAY,OAEhE,OACIG,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,cAAe,SACf,IAAK,KACL,WAAY,QACZ,UAAWC,EAAAA,GAAGC,EAAAA,cAAc,QAASZ,GAAYY,EAAAA,cAAc,eAAe,EAE9E,SAAA,CAAAH,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KACL,WAAY,SAEZ,SAAA,CAAAG,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACG,GAAIR,EACJ,SAAAN,EACA,mBAAkBQ,EAClB,eAAcD,GAAY,OAC1B,UAAWI,EAAAA,GAAGC,EAAAA,cAAc,KAAK,CAAE,KAAAX,EAAM,MAAOM,EAAU,EAAGR,CAAS,EACtE,gBAAAG,EACC,GAAGC,EAEJ,SAAAU,EAAAA,IAACC,EAAAA,OAAW,MAAX,CAAiB,UAAWF,EAAAA,cAAc,MAAM,CAAE,KAAAX,CAAA,CAAM,CAAA,CAAG,CAAA,CAAA,EAG/DN,GACGkB,EAAAA,IAACE,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAAST,EACT,UAAWK,EAAAA,GAAGC,EAAAA,cAAc,MAAOZ,GAAYY,EAAAA,cAAc,aAAa,EAEzE,SAAAjB,CAAA,CAAA,CACL,CAAA,CAAA,GAINE,GAASD,IACPiB,EAAAA,IAACG,EAAA,CACG,GAAIR,EACJ,SAAAD,EAEC,SAAAV,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAO,YAAc"}