@choco-vanille/ui 1.1.2 → 1.2.0

package/dist/components/forms/checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/checkbox"),r=require("react"),C=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const q=require("../../../constants/icons.cjs"),k=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const b=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const m=require("../../../utils/cn.cjs"),s=require("./styles/Checkbox.css.cjs"),t=r.memo(({label:c,id:a,className:u,onCheckedChange:o,...h})=>{const l=r.useId(),n=a??(c?l:void 0),d=r.useCallback(x=>o?.(x,{reason:"none"}),[o]);return e.jsxs(b,{as:"span",inline:!0,gap:"sm",children:[e.jsx(i.Checkbox.Root,{id:n,className:m.cn(s.CHECKBOX_STYLES.root,u),onCheckedChange:d,...h,children:e.jsx(i.Checkbox.Indicator,{className:s.CHECKBOX_STYLES.indicator,children:e.jsx(C,{icon:q.IconRegistry.check,size:"xs"})})}),c&&e.jsx(k,{as:"label",variant:"label",color:"foreground",htmlFor:n,className:s.CHECKBOX_STYLES.label,children:c})]})});t.displayName="Checkbox";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/checkbox"),n=require("react"),h=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const l=require("../../../constants/icons.cjs"),q=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const C=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const m=require("../../../utils/cn.cjs"),c=require("./styles/Checkbox.css.cjs"),i=n.memo(({label:r,id:t,className:a,onCheckedChange:u,...x})=>{const d=n.useId(),s=t??(r?d:void 0);return e.jsxs(C,{as:"span",inline:!0,gap:"sm",children:[e.jsx(o.Checkbox.Root,{id:s,className:m.cn(c.CHECKBOX_STYLES.root,a),onCheckedChange:u,...x,children:e.jsx(o.Checkbox.Indicator,{className:c.CHECKBOX_STYLES.indicator,children:e.jsx(h,{icon:l.IconRegistry.check,size:"xs"})})}),r&&e.jsx(q,{as:"label",variant:"label",color:"foreground",htmlFor:s,className:c.CHECKBOX_STYLES.label,children:r})]})});i.displayName="Checkbox";module.exports=i;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/forms/checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\r\nimport { memo, useCallback, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n  * A styled checkbox control built on top of `@base-ui/react/checkbox`.\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  * <Checkbox label=\"Accept terms\" checked={accepted} onCheckedChange={setAccepted} />\r\n  * ```\r\n  */\r\nconst Checkbox: FC<CheckboxProps> = memo(({ label, id, className, onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const checkboxId = id ?? (label ? generatedId : 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            gap={'sm'}\r\n        >\r\n            <BaseCheckbox.Root\r\n                id={checkboxId}\r\n                className={cn(CHECKBOX_STYLES.root, className)}\r\n                onCheckedChange={handleCheckedChange}\r\n                {...props}\r\n            >\r\n                <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseCheckbox.Indicator>\r\n            </BaseCheckbox.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={checkboxId}\r\n                    className={CHECKBOX_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","memo","label","id","className","onCheckedChange","props","generatedId","useId","checkboxId","handleCheckedChange","useCallback","checked","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":"miBAsBMA,EAA8BC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,GAAAC,EAAI,UAAAC,EAAW,gBAAAC,EAAiB,GAAGC,KAAY,CAC9F,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAaN,IAAOD,EAAQK,EAAc,QAE1CG,EAAsBC,EAAAA,YACvBC,GAAqBP,IAAkBO,EAAS,CAAE,OAAQ,OAAiB,EAC5E,CAACP,CAAe,CAAA,EAGpB,OACIQ,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KAEL,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAa,KAAb,CACG,GAAIP,EACJ,UAAWQ,EAAAA,GAAGC,kBAAgB,KAAMd,CAAS,EAC7C,gBAAiBM,EAChB,GAAGJ,EAEJ,eAACU,EAAAA,SAAa,UAAb,CAAuB,UAAWE,EAAAA,gBAAgB,UAC/C,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAGHlB,GACGa,EAAAA,IAACM,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAASZ,EACT,UAAWS,EAAAA,gBAAgB,MAE1B,SAAAhB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDF,EAAS,YAAc"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n  * A styled checkbox control built on top of `@base-ui/react/checkbox`.\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  * <Checkbox label=\"Accept terms\" checked={accepted} onCheckedChange={setAccepted} />\r\n  * ```\r\n  */\r\nconst Checkbox: FC<CheckboxProps> = memo(({ label, id, className, onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const checkboxId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <BaseCheckbox.Root\r\n                id={checkboxId}\r\n                className={cn(CHECKBOX_STYLES.root, className)}\r\n                onCheckedChange={onCheckedChange}\r\n                {...props}\r\n            >\r\n                <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseCheckbox.Indicator>\r\n            </BaseCheckbox.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={checkboxId}\r\n                    className={CHECKBOX_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","memo","label","id","className","onCheckedChange","props","generatedId","useId","checkboxId","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":"miBAsBMA,EAA8BC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,GAAAC,EAAI,UAAAC,EAAW,gBAAAC,EAAiB,GAAGC,KAAY,CAC9F,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAaN,IAAOD,EAAQK,EAAc,QAEhD,OACIG,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KAEL,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAa,KAAb,CACG,GAAIJ,EACJ,UAAWK,EAAAA,GAAGC,kBAAgB,KAAMX,CAAS,EAC7C,gBAAAC,EACC,GAAGC,EAEJ,eAACO,EAAAA,SAAa,UAAb,CAAuB,UAAWE,EAAAA,gBAAgB,UAC/C,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAGHf,GACGU,EAAAA,IAACM,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAAST,EACT,UAAWM,EAAAA,gBAAgB,MAE1B,SAAAb,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDF,EAAS,YAAc"}

package/dist/components/forms/checkbox/Checkbox.js

@@ -1,22 +1,19 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { Checkbox as i } from "@base-ui/react/checkbox";
-import { memo as h, useId as f, useCallback as x } from "react";
-import C from "../../foundation/icon/Icon.js";
+import { memo as d, useId as l } from "react";
+import h from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as k } from "../../../constants/icons.js";
-import b from "../../foundation/typography/Typography.js";
+import { IconRegistry as f } from "../../../constants/icons.js";
+import x from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import g from "../../layout/flex/Flex.js";
+import b from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
-import { cn as u } from "../../../utils/cn.js";
+import { cn as k } from "../../../utils/cn.js";
 import { CHECKBOX_STYLES as e } from "./styles/Checkbox.css.js";
-const I = h(({ label: r, id: t, className: a, onCheckedChange: m, ...n }) => {
-  const s = f(), c = t ?? (r ? s : void 0), l = x(
-    (p) => m?.(p, { reason: "none" }),
-    [m]
-  );
-  return /* @__PURE__ */ d(
-    g,
+const C = d(({ label: r, id: t, className: c, onCheckedChange: s, ...a }) => {
+  const n = l(), m = t ?? (r ? n : void 0);
+  return /* @__PURE__ */ p(
+    b,
     {
       as: "span",
       inline: !0,
@@ -25,26 +22,26 @@ const I = h(({ label: r, id: t, className: a, onCheckedChange: m, ...n }) => {
         /* @__PURE__ */ o(
           i.Root,
           {
-            id: c,
-            className: u(e.root, a),
-            onCheckedChange: l,
-            ...n,
+            id: m,
+            className: k(e.root, c),
+            onCheckedChange: s,
+            ...a,
             children: /* @__PURE__ */ o(i.Indicator, { className: e.indicator, children: /* @__PURE__ */ o(
-              C,
+              h,
               {
-                icon: k.check,
+                icon: f.check,
                 size: "xs"
               }
             ) })
           }
         ),
         r && /* @__PURE__ */ o(
-          b,
+          x,
           {
             as: "label",
             variant: "label",
             color: "foreground",
-            htmlFor: c,
+            htmlFor: m,
             className: e.label,
             children: r
           }
@@ -53,8 +50,8 @@ const I = h(({ label: r, id: t, className: a, onCheckedChange: m, ...n }) => {
     }
   );
 });
-I.displayName = "Checkbox";
+C.displayName = "Checkbox";
 export {
-  I as default
+  C as default
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/forms/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\r\nimport { memo, useCallback, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n  * A styled checkbox control built on top of `@base-ui/react/checkbox`.\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  * <Checkbox label=\"Accept terms\" checked={accepted} onCheckedChange={setAccepted} />\r\n  * ```\r\n  */\r\nconst Checkbox: FC<CheckboxProps> = memo(({ label, id, className, onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const checkboxId = id ?? (label ? generatedId : 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            gap={'sm'}\r\n        >\r\n            <BaseCheckbox.Root\r\n                id={checkboxId}\r\n                className={cn(CHECKBOX_STYLES.root, className)}\r\n                onCheckedChange={handleCheckedChange}\r\n                {...props}\r\n            >\r\n                <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseCheckbox.Indicator>\r\n            </BaseCheckbox.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={checkboxId}\r\n                    className={CHECKBOX_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","memo","label","id","className","onCheckedChange","props","generatedId","useId","checkboxId","handleCheckedChange","useCallback","checked","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA8BC,EAAK,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,GAAW,iBAAAC,GAAiB,GAAGC,QAAY;AAC9F,QAAMC,IAAcC,EAAA,GACdC,IAAaN,MAAOD,IAAQK,IAAc,SAE1CG,IAAsBC;AAAA,IACxB,CAACC,MAAqBP,IAAkBO,GAAS,EAAE,QAAQ,QAAiB;AAAA,IAC5E,CAACP,CAAe;AAAA,EAAA;AAGpB,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAa;AAAA,UAAb;AAAA,YACG,IAAIP;AAAA,YACJ,WAAWQ,EAAGC,EAAgB,MAAMd,CAAS;AAAA,YAC7C,iBAAiBM;AAAA,YAChB,GAAGJ;AAAA,YAEJ,4BAACU,EAAa,WAAb,EAAuB,WAAWE,EAAgB,WAC/C,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHlB,KACG,gBAAAa;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAASZ;AAAA,YACT,WAAWS,EAAgB;AAAA,YAE1B,UAAAhB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAS,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n  * A styled checkbox control built on top of `@base-ui/react/checkbox`.\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  * <Checkbox label=\"Accept terms\" checked={accepted} onCheckedChange={setAccepted} />\r\n  * ```\r\n  */\r\nconst Checkbox: FC<CheckboxProps> = memo(({ label, id, className, onCheckedChange, ...props }) => {\r\n    const generatedId = useId()\r\n    const checkboxId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <BaseCheckbox.Root\r\n                id={checkboxId}\r\n                className={cn(CHECKBOX_STYLES.root, className)}\r\n                onCheckedChange={onCheckedChange}\r\n                {...props}\r\n            >\r\n                <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseCheckbox.Indicator>\r\n            </BaseCheckbox.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={checkboxId}\r\n                    className={CHECKBOX_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","memo","label","id","className","onCheckedChange","props","generatedId","useId","checkboxId","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA8BC,EAAK,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,GAAW,iBAAAC,GAAiB,GAAGC,QAAY;AAC9F,QAAMC,IAAcC,EAAA,GACdC,IAAaN,MAAOD,IAAQK,IAAc;AAEhD,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAa;AAAA,UAAb;AAAA,YACG,IAAIJ;AAAA,YACJ,WAAWK,EAAGC,EAAgB,MAAMX,CAAS;AAAA,YAC7C,iBAAAC;AAAA,YACC,GAAGC;AAAA,YAEJ,4BAACO,EAAa,WAAb,EAAuB,WAAWE,EAAgB,WAC/C,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAAST;AAAA,YACT,WAAWM,EAAgB;AAAA,YAE1B,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAS,cAAc;"}

package/dist/components/forms/date-picker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),N=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const w=require("../text-field/TextField.cjs");require("../text-field/styles/TextField.css.cjs");;/* empty css                                               */;/* empty css                                                                                   */;/* empty css                                                                                            */;/* empty css                                                                                            */const u=require("../../overlay/popover/Popover.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                                  */const K=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const M=require("./hooks/useDatePicker.hook.cjs"),s=require("./styles/DatePicker.css.cjs"),A=require("../../../constants/icons.cjs"),d=require("../../../utils/cn.cjs"),r=require("react"),p=r.memo(({value:h,defaultValue:D,onChange:m,calendarProps:C,id:b,disabled:n,"aria-label":g,"aria-labelledby":x,calendarAriaLabel:y="Calendar",onKeyDown:l,...o})=>{const{selectedDate:i,inputValue:E,open:t,inputId:P,handleInputChange:f,handleInputKeyDown:c,handleCalendarSelect:k,setOpen:I}=M.useDatePicker({value:h,defaultValue:D,onChange:m,id:b}),q=r.useRef(null),R=r.useMemo(()=>i??new Date,[i]),S=r.useCallback(a=>{c(a),l?.(a)},[c,l]),T=r.useCallback(a=>{a.preventDefault()},[]),{className:_,...j}=C??{};return e.jsxs(u,{open:t,onOpenChange:I,children:[e.jsx(w,{...o,ref:q,id:P,type:"date",disabled:n,value:E,onChange:f,onKeyDown:S,className:d.cn(s.DATE_PICKER_STYLES.input,o.className),"aria-label":g,"aria-labelledby":x,"aria-haspopup":"dialog","aria-expanded":t,endAction:e.jsx(u.Trigger,{children:e.jsx(K,{icon:A.IconRegistry.calendar,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:"sm",type:"button",disabled:n,onMouseDown:T})})}),e.jsx(u.Content,{side:"bottom",align:"end",className:s.DATE_PICKER_STYLES.content,"aria-label":y,initialFocus:!1,finalFocus:q,children:e.jsx(N,{mode:"single",selected:i,onSelect:k,disabled:n,className:d.cn(s.DATE_PICKER_STYLES.calendar,_),...j,defaultMonth:R,autoFocus:t})})]})});p.displayName="DatePicker";module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),R=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const w=require("../text-field/TextField.cjs");require("../text-field/styles/TextField.css.cjs");;/* empty css                                               */;/* empty css                                                                                   */;/* empty css                                                                                            */;/* empty css                                                                                            */const u=require("../../overlay/popover/Popover.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                                  */const K=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const M=require("./hooks/useDatePicker.hook.cjs"),s=require("./styles/DatePicker.css.cjs"),A=require("../../../constants/icons.cjs"),d=require("../../../utils/cn.cjs"),r=require("react"),p=r.memo(({value:h,defaultValue:D,onChange:m,calendarProps:C,id:b,disabled:n,"aria-label":g,"aria-labelledby":x,calendarAriaLabel:y="Calendar",onKeyDown:l,...o})=>{const{selectedDate:i,inputValue:E,open:t,inputId:P,handleInputChange:f,handleInputKeyDown:c,handleCalendarSelect:k,setOpen:I}=M.useDatePicker({value:h,defaultValue:D,onChange:m,id:b}),q=r.useRef(null),S=r.useMemo(()=>i??new Date,[i]),T=r.useCallback(a=>{c(a),l?.(a)},[c,l]),_=r.useCallback(a=>{a.preventDefault()},[]),{className:j,...N}=C??{};return e.jsxs(u,{open:t,onOpenChange:I,children:[e.jsx(w,{...o,ref:q,id:P,type:"date",disabled:n,value:E,onChange:f,onKeyDown:T,className:d.cn(s.DATE_PICKER_STYLES.input,o.className),"aria-label":g,"aria-labelledby":x,"aria-haspopup":"dialog","aria-expanded":t,endAction:e.jsx(u.Trigger,{children:e.jsx(K,{icon:A.IconRegistry.calendar,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:"sm",type:"button",disabled:n,onMouseDown:_})})}),e.jsx(u.Content,{side:"bottom",align:"end",className:s.DATE_PICKER_STYLES.content,"aria-label":y,initialFocus:!1,finalFocus:q,children:e.jsx(R,{mode:"single",selected:i,onSelect:k,disabled:n,className:d.cn(s.DATE_PICKER_STYLES.calendar,j),...N,defaultMonth:S,autoFocus:t})})]})});p.displayName="DatePicker";module.exports=p;
 //# sourceMappingURL=DatePicker.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:s="Options",children:r,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":s,children:r})})})});n.displayName="Select.Content";module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:r="Options",children:s,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":r,children:s})})})});n.displayName="Select.Content";module.exports=n;
 //# sourceMappingURL=SelectContent.cjs.map

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/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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","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":";;;;;;;;;;AAqBA,MAAMA,IAA0BC,EAAK,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAC,GAAO,IAAAC,GAAI,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,MAAM,iBAAAC,GAAiB,GAAGC,QAAY;AACpI,QAAMC,IAAcC,EAAA,GACdC,IAAWR,MAAOH,IAAQS,IAAc,SACxCG,IAAW,EAAQV,GACnBW,IAAYZ,KAAcC,IAAS,GAAGS,CAAQ,YAAY,QAE1DG,IAAsBC;AAAA,IACxB,CAACC,MAAqBT,IAAkBS,GAAS,EAAE,QAAQ,QAAiB;AAAA,IAC5E,CAACT,CAAe;AAAA,EAAA;AAGpB,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,eAAe;AAAA,MACf,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAWC,EAAGC,EAAc,SAASf,KAAYe,EAAc,eAAe;AAAA,MAE9E,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,QAAM;AAAA,YACN,KAAK;AAAA,YACL,YAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC,EAAW;AAAA,gBAAX;AAAA,kBACG,IAAIX;AAAA,kBACJ,UAAAN;AAAA,kBACA,oBAAkBQ;AAAA,kBAClB,gBAAcD,KAAY;AAAA,kBAC1B,WAAWO,EAAGC,EAAc,KAAK,EAAE,MAAAd,GAAM,OAAOM,GAAU,GAAGR,CAAS;AAAA,kBACtE,iBAAiBU;AAAA,kBAChB,GAAGN;AAAA,kBAEJ,UAAA,gBAAAa,EAACC,EAAW,OAAX,EAAiB,WAAWF,EAAc,MAAM,EAAE,MAAAd,EAAA,CAAM,EAAA,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG/DN,KACG,gBAAAqB;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,SAASZ;AAAA,kBACT,WAAWQ,EAAGC,EAAc,OAAOf,KAAYe,EAAc,aAAa;AAAA,kBAEzE,UAAApB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,SAINE,KAASD,MACP,gBAAAoB;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAIX;AAAA,YACJ,UAAAD;AAAA,YAEC,UAAAV,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDH,EAAO,cAAc;"}
+{"version":3,"file":"Switch.js","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":";;;;;;;;;;AAqBA,MAAMA,IAA0BC,EAAK,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAC,GAAO,IAAAC,GAAI,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,MAAM,iBAAAC,GAAiB,GAAGC,QAAY;AACpI,QAAMC,IAAcC,EAAA,GACdC,IAAWR,MAAOH,IAAQS,IAAc,SACxCG,IAAW,EAAQV,GACnBW,IAAYZ,KAAcC,IAAS,GAAGS,CAAQ,YAAY;AAEhE,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,eAAe;AAAA,MACf,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAWC,EAAGC,EAAc,SAASZ,KAAYY,EAAc,eAAe;AAAA,MAE9E,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,QAAM;AAAA,YACN,KAAK;AAAA,YACL,YAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC,EAAW;AAAA,gBAAX;AAAA,kBACG,IAAIR;AAAA,kBACJ,UAAAN;AAAA,kBACA,oBAAkBQ;AAAA,kBAClB,gBAAcD,KAAY;AAAA,kBAC1B,WAAWI,EAAGC,EAAc,KAAK,EAAE,MAAAX,GAAM,OAAOM,GAAU,GAAGR,CAAS;AAAA,kBACtE,iBAAAG;AAAA,kBACC,GAAGC;AAAA,kBAEJ,UAAA,gBAAAU,EAACC,EAAW,OAAX,EAAiB,WAAWF,EAAc,MAAM,EAAE,MAAAX,EAAA,CAAM,EAAA,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG/DN,KACG,gBAAAkB;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,SAAST;AAAA,kBACT,WAAWK,EAAGC,EAAc,OAAOZ,KAAYY,EAAc,aAAa;AAAA,kBAEzE,UAAAjB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,SAINE,KAASD,MACP,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAIR;AAAA,YACJ,UAAAD;AAAA,YAEC,UAAAV,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDH,EAAO,cAAc;"}

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

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

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

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

package/dist/components/forms/text-area/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const TEXT_AREA_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+};

package/dist/components/forms/text-area/index.d.ts

@@ -5,5 +5,6 @@ export { TEXT_AREA_START_ICON_STYLES } from './components/text-area-start-icon/s
 export { TEXT_AREA_END_ACTION_STYLES } from './components/text-area-end-action/styles/TextAreaEndAction.css.ts';
 export type { TextAreaProps } from './types/TextArea.props.ts';
 export type { TextAreaSize } from './types/TextArea.types.ts';
+export type { TextAreaEndActionProps } from './components/text-area-end-action/types/TextAreaEndAction.props.ts';
 export type { TextAreaLabelProps } from './components/text-area-label/types/TextAreaLabel.props.ts';
 export type { TextAreaStartIconProps } from './components/text-area-start-icon/types/TextAreaStartIcon.types.ts';

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

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const TEXT_AREA_STYLES: {
     recipe: RuntimeFn<{
         size: {
@@ -50,4 +50,3 @@ export declare const TEXT_AREA_STYLES: {
         };
     }>;
 };
-export type TextAreaRecipeVariants = NonNullable<RecipeVariants<typeof TEXT_AREA_STYLES.recipe>>;

package/dist/components/forms/text-area/types/TextArea.props.d.ts

@@ -1,7 +1,7 @@
 import { RefAttributes } from 'react';
-import { TextAreaRecipeVariants } from '../styles/TextArea.css.ts';
+import { TextAreaSize } from './TextArea.types.ts';
 import type * as React from 'react';
-export type TextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & RefAttributes<HTMLTextAreaElement> & Pick<TextAreaRecipeVariants, 'size'> & {
+export type TextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & RefAttributes<HTMLTextAreaElement> & {
     /** Text label rendered above the textarea, linked via Radix Label for accessibility. */
     label?: string;
     /** Helper text rendered below the textarea. Hidden when `error` is provided. */
@@ -14,6 +14,8 @@ export type TextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElemen
     endAction?: React.ReactNode;
     /** CSS width of the outer wrapper. Defaults to `100%`. */
     width?: React.CSSProperties['width'];
+    /** Size variant of the textarea. Defaults to `md`. */
+    size?: TextAreaSize;
     /** Number of visible text lines. Maps to the native `rows` attribute. */
     rows?: number;
     /** Minimum number of visible text lines when auto-resizing. */

package/dist/components/forms/text-area/types/TextArea.types.d.ts

@@ -1,2 +1,3 @@
+import { TEXT_AREA_SIZES } from '../constants';
 /** Size variants for the TextArea component. */
-export type TextAreaSize = 'sm' | 'md' | 'lg';
+export type TextAreaSize = (typeof TEXT_AREA_SIZES)[keyof typeof TEXT_AREA_SIZES];

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

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

package/dist/components/forms/text-field/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as TextFieldStartIcon } from './text-field-start-icon/TextField
 export { TEXT_FIELD_START_ICON_STYLES } from './text-field-start-icon/styles/TextFieldStartIcon.css.ts';
 export { default as TextFieldEndAction } from './text-field-end-action/TextFieldEndAction.tsx';
 export { TEXT_FIELD_END_ACTION_STYLES } from './text-field-end-action/styles/TextFieldEndAction.css.ts';
+export type { TextFieldEndActionProps } from './text-field-end-action/types/TextFieldEndAction.props.ts';

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldEndAction.cjs","sources":["../../../../../../src/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.tsx"],"sourcesContent":["import { memo, type FC, type ReactNode } from 'react'\r\nimport { TEXT_FIELD_END_ACTION_STYLES } from '@components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.ts'\r\n\r\ntype TextFieldEndActionProps = {\r\n    children: ReactNode\r\n}\r\n\r\nconst TextFieldEndAction: FC<TextFieldEndActionProps> = memo(({ children }) => (\r\n    <span className={TEXT_FIELD_END_ACTION_STYLES.root}>\r\n        {children}\r\n    </span>\r\n))\r\n\r\nTextFieldEndAction.displayName = 'TextField.EndAction'\r\n\r\nexport default TextFieldEndAction\r\n"],"names":["TextFieldEndAction","memo","children","jsx","TEXT_FIELD_END_ACTION_STYLES"],"mappings":"sHAOMA,EAAkDC,EAAAA,KAAK,CAAC,CAAE,SAAAC,CAAA,IAC5DC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,6BAA6B,KACzC,SAAAF,CAAA,CACL,CACH,EAEDF,EAAmB,YAAc"}
+{"version":3,"file":"TextFieldEndAction.cjs","sources":["../../../../../../src/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_END_ACTION_STYLES } from '@components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.ts'\r\nimport type { TextFieldEndActionProps } from '@components/forms/text-field/components/text-field-end-action/types/TextFieldEndAction.props.ts'\r\n\r\nconst TextFieldEndAction: FC<TextFieldEndActionProps> = memo(({ children }) => (\r\n    <span className={TEXT_FIELD_END_ACTION_STYLES.root}>\r\n        {children}\r\n    </span>\r\n))\r\n\r\nTextFieldEndAction.displayName = 'TextField.EndAction'\r\n\r\nexport default TextFieldEndAction\r\n"],"names":["TextFieldEndAction","memo","children","jsx","TEXT_FIELD_END_ACTION_STYLES"],"mappings":"sHAIMA,EAAkDC,EAAAA,KAAK,CAAC,CAAE,SAAAC,CAAA,IAC5DC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,6BAA6B,KACzC,SAAAF,CAAA,CACL,CACH,EAEDF,EAAmB,YAAc"}

package/dist/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.d.ts

@@ -1,6 +1,4 @@
-import { FC, ReactNode } from 'react';
-type TextFieldEndActionProps = {
-    children: ReactNode;
-};
+import { FC } from 'react';
+import { TextFieldEndActionProps } from './types/TextFieldEndAction.props.ts';
 declare const TextFieldEndAction: FC<TextFieldEndActionProps>;
 export default TextFieldEndAction;

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldEndAction.js","sources":["../../../../../../src/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.tsx"],"sourcesContent":["import { memo, type FC, type ReactNode } from 'react'\r\nimport { TEXT_FIELD_END_ACTION_STYLES } from '@components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.ts'\r\n\r\ntype TextFieldEndActionProps = {\r\n    children: ReactNode\r\n}\r\n\r\nconst TextFieldEndAction: FC<TextFieldEndActionProps> = memo(({ children }) => (\r\n    <span className={TEXT_FIELD_END_ACTION_STYLES.root}>\r\n        {children}\r\n    </span>\r\n))\r\n\r\nTextFieldEndAction.displayName = 'TextField.EndAction'\r\n\r\nexport default TextFieldEndAction\r\n"],"names":["TextFieldEndAction","memo","children","jsx","TEXT_FIELD_END_ACTION_STYLES"],"mappings":";;;AAOA,MAAMA,IAAkDC,EAAK,CAAC,EAAE,UAAAC,EAAA,MAC5D,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAA6B,MACzC,UAAAF,EAAA,CACL,CACH;AAEDF,EAAmB,cAAc;"}
+{"version":3,"file":"TextFieldEndAction.js","sources":["../../../../../../src/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_END_ACTION_STYLES } from '@components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.ts'\r\nimport type { TextFieldEndActionProps } from '@components/forms/text-field/components/text-field-end-action/types/TextFieldEndAction.props.ts'\r\n\r\nconst TextFieldEndAction: FC<TextFieldEndActionProps> = memo(({ children }) => (\r\n    <span className={TEXT_FIELD_END_ACTION_STYLES.root}>\r\n        {children}\r\n    </span>\r\n))\r\n\r\nTextFieldEndAction.displayName = 'TextField.EndAction'\r\n\r\nexport default TextFieldEndAction\r\n"],"names":["TextFieldEndAction","memo","children","jsx","TEXT_FIELD_END_ACTION_STYLES"],"mappings":";;;AAIA,MAAMA,IAAkDC,EAAK,CAAC,EAAE,UAAAC,EAAA,MAC5D,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAA6B,MACzC,UAAAF,EAAA,CACL,CACH;AAEDF,EAAmB,cAAc;"}

package/dist/components/forms/text-field/components/text-field-end-action/types/TextFieldEndAction.props.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Props for the `TextField.EndAction` slot. */
+export type TextFieldEndActionProps = {
+    children: ReactNode;
+};

package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),o=require("./styles/TextFieldLabel.css.cjs"),e=l.memo(({htmlFor:s,disabled:t,children:a})=>i.jsx("label",{htmlFor:s,className:o.TEXT_FIELD_LABEL_STYLES.root,"data-disabled":t?"":void 0,children:a}));e.displayName="TextField.Label";module.exports=e;
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./styles/TextFieldLabel.css.cjs"),e=l.memo(({htmlFor:s,disabled:t,children:a})=>i.jsx("label",{htmlFor:s,className:r.TEXT_FIELD_LABEL_STYLES.root,"data-disabled":t?"":void 0,children:a}));e.displayName="TextField.Label";module.exports=e;
 //# sourceMappingURL=TextFieldLabel.cjs.map

package/dist/components/forms/text-field/constants/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/forms/text-field/constants/index.ts"],"sourcesContent":["import type { TextFieldSize } from '@components'\r\n\r\n/** Maps field size to the IconButton size used in the end-action slot. */\r\nexport const fieldSizeToActionSize: Record<NonNullable<TextFieldSize>, 'sm' | 'md'> = {\r\n    sm: 'sm',\r\n    md: 'sm',\r\n    lg: 'md',\r\n}\r\n"],"names":["fieldSizeToActionSize"],"mappings":"gFAGO,MAAMA,EAAyE,CAClF,GAAI,KACJ,GAAI,KACJ,GAAI,IACR"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/forms/text-field/constants/index.ts"],"sourcesContent":["import type { TextFieldSize } from '@components'\r\n\r\n/** Maps field size to the IconButton size used in the end-action slot. */\r\nexport const fieldSizeToActionSize: Record<NonNullable<TextFieldSize>, 'sm' | 'md'> = {\r\n    sm: 'sm',\r\n    md: 'sm',\r\n    lg: 'md',\r\n}\r\n\r\nexport const TEXT_FIELD_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n    lg: 'lg',\r\n} as const\r\n"],"names":["fieldSizeToActionSize"],"mappings":"gFAGO,MAAMA,EAAyE,CAClF,GAAI,KACJ,GAAI,KACJ,GAAI,IACR"}

package/dist/components/forms/text-field/constants/index.d.ts

@@ -1,3 +1,8 @@
 import { TextFieldSize } from '../../..';
 /** Maps field size to the IconButton size used in the end-action slot. */
 export declare const fieldSizeToActionSize: Record<NonNullable<TextFieldSize>, 'sm' | 'md'>;
+export declare const TEXT_FIELD_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+};