@choco-vanille/ui 1.6.0 → 1.7.0

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

@@ -1,44 +1,45 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Checkbox as m } from "@base-ui/react/checkbox";
-import { memo as b, useId as s } from "react";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Checkbox as c } from "@base-ui/react/checkbox";
+import { memo as x, useId as s } from "react";
 import t from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as n } from "../../../constants/icons.js";
-import I from "../../foundation/typography/Typography.js";
+import b from "../../../resources/asset/CheckIcon.svg.js";
+import I from "../../../resources/asset/MinusIcon.svg.js";
+import k from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import k from "../../layout/flex/Flex.js";
+import C from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
-import { cn as u } from "../../../utils/cn.js";
+import { cn as g } from "../../../utils/cn.js";
 import { CHECKBOX_STYLES as o } from "./styles/Checkbox.css.js";
-const y = b(({
+const u = x(({
   label: r,
-  id: l,
-  className: d,
-  onCheckedChange: p,
-  "aria-labelledby": h,
-  ...f
+  id: n,
+  className: l,
+  onCheckedChange: d,
+  "aria-labelledby": p,
+  ...h
 }) => {
-  const x = s(), i = s(), a = l ?? (r ? x : void 0);
-  return /* @__PURE__ */ c(
-    k,
+  const f = s(), i = s(), m = n ?? (r ? f : void 0);
+  return /* @__PURE__ */ a(
+    C,
     {
       as: "span",
       inline: !0,
       gap: "sm",
       children: [
         /* @__PURE__ */ e(
-          m.Root,
+          c.Root,
           {
-            id: a,
-            className: u(o.root, d),
-            onCheckedChange: p,
-            "aria-labelledby": h ?? (r ? i : void 0),
-            ...f,
-            children: /* @__PURE__ */ c(m.Indicator, { className: o.indicator, children: [
+            id: m,
+            className: g(o.root, l),
+            onCheckedChange: d,
+            "aria-labelledby": p ?? (r ? i : void 0),
+            ...h,
+            children: /* @__PURE__ */ a(c.Indicator, { className: o.indicator, children: [
               /* @__PURE__ */ e(
                 t,
                 {
-                  icon: n.check,
+                  icon: b,
                   size: "xs",
                   className: o.checkIcon
                 }
@@ -46,7 +47,7 @@ const y = b(({
               /* @__PURE__ */ e(
                 t,
                 {
-                  icon: n.minus,
+                  icon: I,
                   size: "xs",
                   className: o.indeterminateIcon
                 }
@@ -55,13 +56,13 @@ const y = b(({
           }
         ),
         r && /* @__PURE__ */ e(
-          I,
+          k,
           {
             as: "label",
             variant: "label",
             color: "foreground",
             id: i,
-            htmlFor: a,
+            htmlFor: m,
             className: o.label,
             children: r
           }
@@ -70,8 +71,8 @@ const y = b(({
     }
   );
 });
-y.displayName = "Checkbox";
+u.displayName = "Checkbox";
 export {
-  y as default
+  u 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, 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(({\r\n    label,\r\n    id,\r\n    className,\r\n    onCheckedChange,\r\n    'aria-labelledby': ariaLabelledby,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const labelId = 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                aria-labelledby={ariaLabelledby ?? (label ? labelId : undefined)}\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                        className={CHECKBOX_STYLES.checkIcon}\r\n                    />\r\n                    <Icon\r\n                        icon={IconRegistry.minus}\r\n                        size={'xs'}\r\n                        className={CHECKBOX_STYLES.indeterminateIcon}\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                    id={labelId}\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","ariaLabelledby","props","generatedId","useId","labelId","checkboxId","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAmBC;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC,EAAA,GACdC,IAAUD,EAAA,GACVE,IAAaR,MAAOD,IAAQM,IAAc;AAEhD,SACI,gBAAAI;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,MAAMb,CAAS;AAAA,YAC7C,iBAAAC;AAAA,YACA,mBAAiBC,MAAmBJ,IAAQQ,IAAU;AAAA,YACrD,GAAGH;AAAA,YAEJ,4BAACQ,EAAa,WAAb,EAAuB,WAAWE,EAAgB,WAC/C,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,MAAM;AAAA,kBACN,WAAWF,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE/B,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,MAAM;AAAA,kBACN,WAAWF,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAY;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,IAAIV;AAAA,YACJ,SAASC;AAAA,YACT,WAAWM,EAAgB;AAAA,YAE1B,UAAAf;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 CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport MinusIcon from '@resources/asset/MinusIcon.svg?react'\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(({\r\n    label,\r\n    id,\r\n    className,\r\n    onCheckedChange,\r\n    'aria-labelledby': ariaLabelledby,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const labelId = 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                aria-labelledby={ariaLabelledby ?? (label ? labelId : undefined)}\r\n                {...props}\r\n            >\r\n                <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={CheckIcon}\r\n                        size={'xs'}\r\n                        className={CHECKBOX_STYLES.checkIcon}\r\n                    />\r\n                    <Icon\r\n                        icon={MinusIcon}\r\n                        size={'xs'}\r\n                        className={CHECKBOX_STYLES.indeterminateIcon}\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                    id={labelId}\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","ariaLabelledby","props","generatedId","useId","labelId","checkboxId","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","CheckIcon","MinusIcon","Typography"],"mappings":";;;;;;;;;;;;;AAuBA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAmBC;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC,EAAA,GACdC,IAAUD,EAAA,GACVE,IAAaR,MAAOD,IAAQM,IAAc;AAEhD,SACI,gBAAAI;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,MAAMb,CAAS;AAAA,YAC7C,iBAAAC;AAAA,YACA,mBAAiBC,MAAmBJ,IAAQQ,IAAU;AAAA,YACrD,GAAGH;AAAA,YAEJ,4BAACQ,EAAa,WAAb,EAAuB,WAAWE,EAAgB,WAC/C,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,MAAM;AAAA,kBACN,WAAWF,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE/B,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAME;AAAAA,kBACN,MAAM;AAAA,kBACN,WAAWH,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAY;AAAA,UAACO;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,IAAIX;AAAA,YACJ,SAASC;AAAA,YACT,WAAWM,EAAgB;AAAA,YAE1B,UAAAf;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAS,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit59.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */var e={root:"_1v8fbad0",indicator:"_1v8fbad1",checkIcon:"_1v8fbad2",indeterminateIcon:"_1v8fbad3",label:"_1v8fbad4"};exports.CHECKBOX_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit80.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */var e={root:"_1v8fbad0",indicator:"_1v8fbad1",checkIcon:"_1v8fbad2",indeterminateIcon:"_1v8fbad3",label:"_1v8fbad4"};exports.CHECKBOX_STYLES=e;
 //# sourceMappingURL=Checkbox.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../ui-kit59.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit80.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 var d = { root: "_1v8fbad0", indicator: "_1v8fbad1", checkIcon: "_1v8fbad2", indeterminateIcon: "_1v8fbad3", label: "_1v8fbad4" };
 export {

package/dist/components/forms/checkbox-group/components/header/CheckboxGroupHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),h=require("react"),x=require("../../../checkbox/Checkbox.cjs"),i=require("../../context/CheckboxGroup.context.cjs"),n=h.memo(r=>{const{value:o,allValues:t,onValueChange:c}=i.useCheckboxGroupContext(),e=o.length===t.length,s=o.length>0&&!e;return a.jsx(x,{...r,checked:e,indeterminate:s,onCheckedChange:(l,u)=>{c(e?[]:t,u)}})});n.displayName="CheckboxGroup.Header";module.exports=n;
+"use strict";const a=require("react/jsx-runtime"),h=require("react"),x=require("../../../checkbox/Checkbox.cjs"),i=require("../../context/CheckboxGroup.context.cjs"),n=h.memo(c=>{const{value:o,allValues:t,onValueChange:r}=i.useCheckboxGroupContext(),e=o.length===t.length,s=o.length>0&&!e;return a.jsx(x,{...c,checked:e,indeterminate:s,onCheckedChange:(l,u)=>{r(e?[]:t,u)}})});n.displayName="CheckboxGroup.Header";module.exports=n;
 //# sourceMappingURL=CheckboxGroupHeader.cjs.map

package/dist/components/forms/checkbox-group/context/CheckboxGroup.context.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=o.createContext(void 0),t=r.Provider,c=()=>{const e=o.useContext(r);if(!e)throw new Error("CheckboxGroup.Header must be used inside CheckboxGroup.");return e};exports.CheckboxGroupProvider=t;exports.useCheckboxGroupContext=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=o.createContext(void 0),r=t.Provider,c=()=>{const e=o.useContext(t);if(!e)throw new Error("CheckboxGroup.Header must be used inside CheckboxGroup.");return e};exports.CheckboxGroupProvider=r;exports.useCheckboxGroupContext=c;
 //# sourceMappingURL=CheckboxGroup.context.cjs.map

package/dist/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=e=>t.isValidElement(e)&&typeof e.props.value=="string",a=e=>{const r=t.Children.toArray(e).filter(s).map(o=>o.props.value);return[...new Set(r)]};exports.getCheckboxGroupValues=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=e=>t.isValidElement(e)&&typeof e.props.value=="string",a=e=>{const o=t.Children.toArray(e).filter(s).map(r=>r.props.value);return[...new Set(o)]};exports.getCheckboxGroupValues=a;
 //# sourceMappingURL=getCheckboxGroupValues.utils.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit94.css');require('../../../ui-kit6.css');require('../../../ui-kit14.css');require('../../../ui-kit13.css');require('../../../ui-kit12.css');require('../../../ui-kit4.css');require('../../../ui-kit10.css');require('../../../ui-kit11.css');require('../../../ui-kit8.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit9.css');require('../../../ui-kit5.css');require('../../../ui-kit82.css');require('../../../ui-kit77.css');require('../../../ui-kit93.css');require('../../../ui-kit2.css');require('../../../ui-kit96.css');require('../../../ui-kit88.css');require('../../../ui-kit55.css');require('../../../ui-kit51.css');require('../../../ui-kit101.css');require('../../../ui-kit25.css');require('../../../ui-kit.css');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 t=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"),u=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":y,calendarAriaLabel:E="Calendar",onKeyDown:s,...l})=>{const{selectedDate:i,inputValue:P,open:o,inputId:f,handleInputChange:k,handleInputKeyDown:c,handleCalendarSelect:x,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),s?.(a)},[c,s]),_=r.useCallback(a=>{a.preventDefault()},[]),{className:j,...N}=C??{};return e.jsxs(t,{open:o,onOpenChange:I,children:[e.jsx(w,{...l,ref:q,id:f,type:"date",disabled:n,value:P,onChange:k,onKeyDown:T,className:d.cn(u.DATE_PICKER_STYLES.input,l.className),"aria-label":g,"aria-labelledby":y,"aria-haspopup":"dialog",endAction:e.jsx(t.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(t.Content,{side:"bottom",align:"end",className:u.DATE_PICKER_STYLES.content,"aria-label":E,initialFocus:!1,finalFocus:q,children:e.jsx(R,{mode:"single",selected:i,onSelect:x,disabled:n,className:d.cn(u.DATE_PICKER_STYLES.calendar,j),...N,defaultMonth:S,autoFocus:o})})]})});p.displayName="DatePicker";module.exports=p;
+"use strict";require('../../../ui-kit94.css');require('../../../ui-kit12.css');require('../../../ui-kit13.css');require('../../../ui-kit14.css');require('../../../ui-kit3.css');require('../../../ui-kit5.css');require('../../../ui-kit11.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit8.css');require('../../../ui-kit9.css');require('../../../ui-kit10.css');require('../../../ui-kit7.css');require('../../../ui-kit88.css');require('../../../ui-kit89.css');require('../../../ui-kit90.css');require('../../../ui-kit2.css');require('../../../ui-kit98.css');require('../../../ui-kit99.css');require('../../../ui-kit72.css');require('../../../ui-kit57.css');require('../../../ui-kit86.css');require('../../../ui-kit55.css');require('../../../ui-kit.css');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"),t=require("./styles/DatePicker.css.cjs"),A=require("../../../resources/asset/CalendarIcon.svg.cjs"),d=require("../../../utils/cn.cjs"),r=require("react"),p=r.memo(({value:h,defaultValue:C,onChange:D,calendarProps:m,id:b,disabled:n,"aria-label":g,"aria-labelledby":E,calendarAriaLabel:P="Calendar",onKeyDown:s,...l})=>{const{selectedDate:i,inputValue:f,open:o,inputId:k,handleInputChange:x,handleInputKeyDown:c,handleCalendarSelect:y,setOpen:I}=M.useDatePicker({value:h,defaultValue:C,onChange:D,id:b}),q=r.useRef(null),S=r.useMemo(()=>i??new Date,[i]),T=r.useCallback(a=>{c(a),s?.(a)},[c,s]),_=r.useCallback(a=>{a.preventDefault()},[]),{className:j,...N}=m??{};return e.jsxs(u,{open:o,onOpenChange:I,children:[e.jsx(w,{...l,ref:q,id:k,type:"date",disabled:n,value:f,onChange:x,onKeyDown:T,className:d.cn(t.DATE_PICKER_STYLES.input,l.className),"aria-label":g,"aria-labelledby":E,"aria-haspopup":"dialog",endAction:e.jsx(u.Trigger,{children:e.jsx(K,{icon:A,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:"sm",type:"button",disabled:n,onMouseDown:_})})}),e.jsx(u.Content,{side:"bottom",align:"end",className:t.DATE_PICKER_STYLES.content,"aria-label":P,initialFocus:!1,finalFocus:q,children:e.jsx(R,{mode:"single",selected:i,onSelect:y,disabled:n,className:d.cn(t.DATE_PICKER_STYLES.calendar,j),...N,defaultMonth:S,autoFocus:o})})]})});p.displayName="DatePicker";module.exports=p;
 //# sourceMappingURL=DatePicker.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={IconRegistry.calendar}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","IconRegistry","Calendar"],"mappings":"8/EA4BMA,EAAaC,EAAAA,KACf,CAAC,CACG,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAAC,EACA,SAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,kBAAAC,EAAoB,WACpB,UAAAC,EACA,GAAGC,CAAA,IACgB,CACnB,KAAM,CACF,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,QAAAC,CAAA,EACAC,EAAAA,cAAc,CAAE,MAAAnB,EAAO,aAAAC,EAAc,SAAAC,EAAU,GAAAE,EAAI,EAEjDgB,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAuBC,EAAAA,QACzB,IAAMZ,GAAgB,IAAI,KAC1B,CAACA,CAAY,CAAA,EAGXa,EAAgBC,EAAAA,YACjBC,GAAiD,CAC9CV,EAAmBU,CAAK,EACxBjB,IAAYiB,CAAK,CACrB,EACA,CAACV,EAAoBP,CAAS,CAAA,EAG5BkB,EAAgCF,EAAAA,YACjCC,GAA+C,CAC5CA,EAAM,eAAA,CACV,EACA,CAAA,CAAC,EAGC,CAAE,UAAWE,EAAmB,GAAGC,CAAA,EACrC1B,GAAiB,CAAA,EAErB,OACI2B,EAAAA,KAACC,EAAA,CACG,KAAAlB,EACA,aAAcK,EAEd,SAAA,CAAAc,EAAAA,IAACC,EAAA,CACI,GAAGvB,EACJ,IAAKU,EACL,GAAIN,EACJ,KAAM,OACN,SAAAT,EACA,MAAOO,EACP,SAAUG,EACV,UAAWS,EACX,UAAWU,EAAAA,GAAGC,EAAAA,mBAAmB,MAAOzB,EAAe,SAAS,EAChE,aAAYJ,EACZ,kBAAiBC,EACjB,gBAAe,SACf,UACIyB,EAAAA,IAACD,EAAQ,QAAR,CACG,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,SACnB,aAAY,gBACZ,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,SACN,SAAAhC,EACA,YAAasB,CAAA,CAAA,CACjB,CACJ,CAAA,CAAA,EAIRK,EAAAA,IAACD,EAAQ,QAAR,CACG,KAAM,SACN,MAAO,MACP,UAAWI,EAAAA,mBAAmB,QAC9B,aAAY3B,EACZ,aAAc,GACd,WAAYY,EAEZ,SAAAY,EAAAA,IAACM,EAAA,CACG,KAAM,SACN,SAAU3B,EACV,SAAUM,EACV,SAAAZ,EACA,UAAW6B,EAAAA,GAAGC,qBAAmB,SAAUP,CAAiB,EAC3D,GAAGC,EACJ,aAAcP,EACd,UAAWT,CAAA,CAAA,CACf,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAf,EAAW,YAAc"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={CalendarIcon}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":"+gFA4BMA,EAAaC,EAAAA,KACf,CAAC,CACG,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAAC,EACA,SAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,kBAAAC,EAAoB,WACpB,UAAAC,EACA,GAAGC,CAAA,IACgB,CACnB,KAAM,CACF,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,QAAAC,CAAA,EACAC,EAAAA,cAAc,CAAE,MAAAnB,EAAO,aAAAC,EAAc,SAAAC,EAAU,GAAAE,EAAI,EAEjDgB,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAuBC,EAAAA,QACzB,IAAMZ,GAAgB,IAAI,KAC1B,CAACA,CAAY,CAAA,EAGXa,EAAgBC,EAAAA,YACjBC,GAAiD,CAC9CV,EAAmBU,CAAK,EACxBjB,IAAYiB,CAAK,CACrB,EACA,CAACV,EAAoBP,CAAS,CAAA,EAG5BkB,EAAgCF,EAAAA,YACjCC,GAA+C,CAC5CA,EAAM,eAAA,CACV,EACA,CAAA,CAAC,EAGC,CAAE,UAAWE,EAAmB,GAAGC,CAAA,EACrC1B,GAAiB,CAAA,EAErB,OACI2B,EAAAA,KAACC,EAAA,CACG,KAAAlB,EACA,aAAcK,EAEd,SAAA,CAAAc,EAAAA,IAACC,EAAA,CACI,GAAGvB,EACJ,IAAKU,EACL,GAAIN,EACJ,KAAM,OACN,SAAAT,EACA,MAAOO,EACP,SAAUG,EACV,UAAWS,EACX,UAAWU,EAAAA,GAAGC,EAAAA,mBAAmB,MAAOzB,EAAe,SAAS,EAChE,aAAYJ,EACZ,kBAAiBC,EACjB,gBAAe,SACf,UACIyB,EAAAA,IAACD,EAAQ,QAAR,CACG,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,aAAY,gBACZ,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,SACN,SAAAhC,EACA,YAAasB,CAAA,CAAA,CACjB,CACJ,CAAA,CAAA,EAIRK,EAAAA,IAACD,EAAQ,QAAR,CACG,KAAM,SACN,MAAO,MACP,UAAWI,EAAAA,mBAAmB,QAC9B,aAAY3B,EACZ,aAAc,GACd,WAAYY,EAEZ,SAAAY,EAAAA,IAACM,EAAA,CACG,KAAM,SACN,SAAU3B,EACV,SAAUM,EACV,SAAAZ,EACA,UAAW6B,EAAAA,GAAGC,qBAAmB,SAAUP,CAAiB,EAC3D,GAAGC,EACJ,aAAcP,EACd,UAAWT,CAAA,CAAA,CACf,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAf,EAAW,YAAc"}

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

@@ -1,13 +1,13 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import E from "../calendar/Calendar.js";
-import '../../../ui-kit94.css';import '../../../ui-kit6.css';import '../../../ui-kit14.css';import '../../../ui-kit13.css';import '../../../ui-kit12.css';import '../../../ui-kit4.css';import '../../../ui-kit10.css';import '../../../ui-kit11.css';import '../../../ui-kit8.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit9.css';import '../../../ui-kit5.css';import '../../../ui-kit82.css';import '../../../ui-kit77.css';import '../../../ui-kit93.css';import '../../../ui-kit2.css';import '../../../ui-kit96.css';import '../../../ui-kit88.css';import '../../../ui-kit55.css';import '../../../ui-kit51.css';import '../../../ui-kit101.css';import '../../../ui-kit25.css';import '../../../ui-kit.css';/* empty css                                         */
+import { jsxs as E, jsx as e } from "react/jsx-runtime";
+import F from "../calendar/Calendar.js";
+import '../../../ui-kit94.css';import '../../../ui-kit12.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit5.css';import '../../../ui-kit11.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit8.css';import '../../../ui-kit9.css';import '../../../ui-kit10.css';import '../../../ui-kit7.css';import '../../../ui-kit88.css';import '../../../ui-kit89.css';import '../../../ui-kit90.css';import '../../../ui-kit2.css';import '../../../ui-kit98.css';import '../../../ui-kit99.css';import '../../../ui-kit72.css';import '../../../ui-kit57.css';import '../../../ui-kit86.css';import '../../../ui-kit55.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                 */
 /* empty css                                                                                */
 /* empty css                                                 */
 /* empty css                                                      */
 /* empty css                                                                                     */
 /* empty css                                                                                   */
-import F from "../text-field/TextField.js";
+import K from "../text-field/TextField.js";
 import "../text-field/styles/TextField.css.js";
 /* empty css                                             */
 /* empty css                                                                                 */
@@ -27,11 +27,11 @@ import r from "../../overlay/popover/Popover.js";
 /* empty css                                                                  */
 /* empty css                                                                  */
 /* empty css                                                                                */
-import K from "../../actions/icon-button/IconButton.js";
+import O from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
-import { useDatePicker as O } from "./hooks/useDatePicker.hook.js";
+import { useDatePicker as R } from "./hooks/useDatePicker.hook.js";
 import { DATE_PICKER_STYLES as n } from "./styles/DatePicker.css.js";
-import { IconRegistry as j } from "../../../constants/icons.js";
+import j from "../../../resources/asset/CalendarIcon.svg.js";
 import { cn as c } from "../../../utils/cn.js";
 import { memo as A, useRef as B, useMemo as _, useCallback as d } from "react";
 const z = A(
@@ -57,28 +57,28 @@ const z = A(
       handleInputKeyDown: p,
       handleCalendarSelect: M,
       setOpen: P
-    } = O({ value: u, defaultValue: f, onChange: h, id: D }), s = B(null), k = _(
+    } = R({ value: u, defaultValue: f, onChange: h, id: D }), s = B(null), S = _(
       () => a ?? /* @__PURE__ */ new Date(),
       [a]
-    ), R = d(
+    ), k = d(
       (o) => {
         p(o), i?.(o);
       },
       [p, i]
-    ), S = d(
+    ), v = d(
       (o) => {
         o.preventDefault();
       },
       []
-    ), { className: T, ...v } = C ?? {};
-    return /* @__PURE__ */ x(
+    ), { className: T, ...x } = C ?? {};
+    return /* @__PURE__ */ E(
       r,
       {
         open: l,
         onOpenChange: P,
         children: [
           /* @__PURE__ */ e(
-            F,
+            K,
             {
               ...m,
               ref: s,
@@ -87,22 +87,22 @@ const z = A(
               disabled: t,
               value: N,
               onChange: w,
-              onKeyDown: R,
+              onKeyDown: k,
               className: c(n.input, m.className),
               "aria-label": g,
               "aria-labelledby": b,
               "aria-haspopup": "dialog",
               endAction: /* @__PURE__ */ e(r.Trigger, { children: /* @__PURE__ */ e(
-                K,
+                O,
                 {
-                  icon: j.calendar,
+                  icon: j,
                   "aria-label": "Open calendar",
                   variant: "ghost",
                   color: "primary",
                   size: "sm",
                   type: "button",
                   disabled: t,
-                  onMouseDown: S
+                  onMouseDown: v
                 }
               ) })
             }
@@ -117,15 +117,15 @@ const z = A(
               initialFocus: !1,
               finalFocus: s,
               children: /* @__PURE__ */ e(
-                E,
+                F,
                 {
                   mode: "single",
                   selected: a,
                   onSelect: M,
                   disabled: t,
                   className: c(n.calendar, T),
-                  ...v,
-                  defaultMonth: k,
+                  ...x,
+                  defaultMonth: S,
                   autoFocus: l
                 }
               )

package/dist/components/forms/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={IconRegistry.calendar}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","IconRegistry","Calendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAaC;AAAA,EACf,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACgB;AACnB,UAAM;AAAA,MACF,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACAC,EAAc,EAAE,OAAAnB,GAAO,cAAAC,GAAc,UAAAC,GAAU,IAAAE,GAAI,GAEjDgB,IAAWC,EAAyB,IAAI,GACxCC,IAAuBC;AAAA,MACzB,MAAMZ,KAAgB,oBAAI,KAAA;AAAA,MAC1B,CAACA,CAAY;AAAA,IAAA,GAGXa,IAAgBC;AAAA,MAClB,CAACC,MAAiD;AAC9C,QAAAV,EAAmBU,CAAK,GACxBjB,IAAYiB,CAAK;AAAA,MACrB;AAAA,MACA,CAACV,GAAoBP,CAAS;AAAA,IAAA,GAG5BkB,IAAgCF;AAAA,MAClC,CAACC,MAA+C;AAC5C,QAAAA,EAAM,eAAA;AAAA,MACV;AAAA,MACA,CAAA;AAAA,IAAC,GAGC,EAAE,WAAWE,GAAmB,GAAGC,EAAA,IACrC1B,KAAiB,CAAA;AAErB,WACI,gBAAA2B;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAlB;AAAA,QACA,cAAcK;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGvB;AAAA,cACJ,KAAKU;AAAA,cACL,IAAIN;AAAA,cACJ,MAAM;AAAA,cACN,UAAAT;AAAA,cACA,OAAOO;AAAA,cACP,UAAUG;AAAA,cACV,WAAWS;AAAA,cACX,WAAWU,EAAGC,EAAmB,OAAOzB,EAAe,SAAS;AAAA,cAChE,cAAYJ;AAAA,cACZ,mBAAiBC;AAAA,cACjB,iBAAe;AAAA,cACf,WACI,gBAAAyB,EAACD,EAAQ,SAAR,EACG,UAAA,gBAAAC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,cAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,UAAAhC;AAAA,kBACA,aAAasB;AAAA,gBAAA;AAAA,cAAA,EACjB,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,gBAAAK;AAAA,YAACD,EAAQ;AAAA,YAAR;AAAA,cACG,MAAM;AAAA,cACN,OAAO;AAAA,cACP,WAAWI,EAAmB;AAAA,cAC9B,cAAY3B;AAAA,cACZ,cAAc;AAAA,cACd,YAAYY;AAAA,cAEZ,UAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,UAAU3B;AAAA,kBACV,UAAUM;AAAA,kBACV,UAAAZ;AAAA,kBACA,WAAW6B,EAAGC,EAAmB,UAAUP,CAAiB;AAAA,kBAC3D,GAAGC;AAAA,kBACJ,cAAcP;AAAA,kBACd,WAAWT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAf,EAAW,cAAc;"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={CalendarIcon}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAaC;AAAA,EACf,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACgB;AACnB,UAAM;AAAA,MACF,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACAC,EAAc,EAAE,OAAAnB,GAAO,cAAAC,GAAc,UAAAC,GAAU,IAAAE,GAAI,GAEjDgB,IAAWC,EAAyB,IAAI,GACxCC,IAAuBC;AAAA,MACzB,MAAMZ,KAAgB,oBAAI,KAAA;AAAA,MAC1B,CAACA,CAAY;AAAA,IAAA,GAGXa,IAAgBC;AAAA,MAClB,CAACC,MAAiD;AAC9C,QAAAV,EAAmBU,CAAK,GACxBjB,IAAYiB,CAAK;AAAA,MACrB;AAAA,MACA,CAACV,GAAoBP,CAAS;AAAA,IAAA,GAG5BkB,IAAgCF;AAAA,MAClC,CAACC,MAA+C;AAC5C,QAAAA,EAAM,eAAA;AAAA,MACV;AAAA,MACA,CAAA;AAAA,IAAC,GAGC,EAAE,WAAWE,GAAmB,GAAGC,EAAA,IACrC1B,KAAiB,CAAA;AAErB,WACI,gBAAA2B;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAlB;AAAA,QACA,cAAcK;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGvB;AAAA,cACJ,KAAKU;AAAA,cACL,IAAIN;AAAA,cACJ,MAAM;AAAA,cACN,UAAAT;AAAA,cACA,OAAOO;AAAA,cACP,UAAUG;AAAA,cACV,WAAWS;AAAA,cACX,WAAWU,EAAGC,EAAmB,OAAOzB,EAAe,SAAS;AAAA,cAChE,cAAYJ;AAAA,cACZ,mBAAiBC;AAAA,cACjB,iBAAe;AAAA,cACf,WACI,gBAAAyB,EAACD,EAAQ,SAAR,EACG,UAAA,gBAAAC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,cAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,UAAAhC;AAAA,kBACA,aAAasB;AAAA,gBAAA;AAAA,cAAA,EACjB,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,gBAAAK;AAAA,YAACD,EAAQ;AAAA,YAAR;AAAA,cACG,MAAM;AAAA,cACN,OAAO;AAAA,cACP,WAAWI,EAAmB;AAAA,cAC9B,cAAY3B;AAAA,cACZ,cAAc;AAAA,cACd,YAAYY;AAAA,cAEZ,UAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,UAAU3B;AAAA,kBACV,UAAUM;AAAA,kBACV,UAAAZ;AAAA,kBACA,WAAW6B,EAAGC,EAAmB,UAAUP,CAAiB;AAAA,kBAC3D,GAAGC;AAAA,kBACJ,cAAcP;AAAA,kBACd,WAAWT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAf,EAAW,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit41.css');;/* empty css                                */var e={input:"_6hs4r90",content:"_6hs4r91",calendar:"_6hs4r92"};exports.DATE_PICKER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit46.css');;/* empty css                                */var e={input:"_6hs4r90",content:"_6hs4r91",calendar:"_6hs4r92"};exports.DATE_PICKER_STYLES=e;
 //# sourceMappingURL=DatePicker.css.cjs.map

package/dist/components/forms/date-picker/styles/DatePicker.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit41.css';/* empty css                              */
+import '../../../../ui-kit46.css';/* empty css                              */
 var t = { input: "_6hs4r90", content: "_6hs4r91", calendar: "_6hs4r92" };
 export {
   t as DATE_PICKER_STYLES

package/dist/components/forms/number-field/NumberField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit82.css');require('../../../ui-kit77.css');require('../../../ui-kit93.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),P=require("@base-ui/react/number-field"),c=require("react"),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 M=require("../_shared/components/helper-text/HelperText.cjs"),U=require("./components/number-field-input/NumberFieldInput.cjs"),W=require("./styles/NumberField.css.cjs"),Y=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const m=c.memo(p=>{const{id:q,label:t,helperText:i,error:r,width:s,size:b="md",fontSize:l="md",className:x,disabled:o,required:h,readOnly:F,name:f,form:N,min:j,max:I,step:S,smallStep:g,largeStep:y,allowOutOfRange:v,allowWheelScrub:B,snapOnStep:R,format:w,locale:z,value:E,defaultValue:O,onValueChange:T,onValueCommitted:D,ref:L,"aria-describedby":V,..._}=p,n=c.useId(),d=q??n,u=`${n}-helper`,a=!!r,C=[V,r||i?u:void 0].filter(Boolean).join(" ")||void 0;return e.jsxs(Y,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:s!==void 0?{width:s}:void 0,children:[t&&e.jsx(H,{htmlFor:d,disabled:o,fontSize:l,children:t}),e.jsx(P.NumberField.Root,{id:d,min:j,max:I,step:S,smallStep:g,largeStep:y,allowOutOfRange:v,allowWheelScrub:B,snapOnStep:R,format:w,locale:z,value:E,defaultValue:O,onValueChange:T,onValueCommitted:D,disabled:o,readOnly:F,required:h,name:f,form:N,className:W.NUMBER_FIELD_STYLES.root,children:e.jsx(U,{inputProps:_,inputRef:L,className:x,describedBy:C,hasError:a,size:b,fontSize:l})}),(r||i)&&e.jsx(M,{id:u,hasError:a,children:r??i})]})});m.displayName="NumberField";module.exports=m;
+"use strict";require('../../../ui-kit88.css');require('../../../ui-kit89.css');require('../../../ui-kit90.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),P=require("@base-ui/react/number-field"),c=require("react"),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 M=require("../_shared/components/helper-text/HelperText.cjs"),U=require("./components/number-field-input/NumberFieldInput.cjs"),W=require("./styles/NumberField.css.cjs"),Y=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const m=c.memo(p=>{const{id:q,label:t,helperText:i,error:r,width:s,size:b="md",fontSize:l="md",className:x,disabled:o,required:h,readOnly:F,name:f,form:N,min:j,max:I,step:S,smallStep:g,largeStep:y,allowOutOfRange:R,allowWheelScrub:v,snapOnStep:B,format:w,locale:z,value:E,defaultValue:O,onValueChange:T,onValueCommitted:D,ref:L,"aria-describedby":V,..._}=p,n=c.useId(),d=q??n,u=`${n}-helper`,a=!!r,C=[V,r||i?u:void 0].filter(Boolean).join(" ")||void 0;return e.jsxs(Y,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:s!==void 0?{width:s}:void 0,children:[t&&e.jsx(H,{htmlFor:d,disabled:o,fontSize:l,children:t}),e.jsx(P.NumberField.Root,{id:d,min:j,max:I,step:S,smallStep:g,largeStep:y,allowOutOfRange:R,allowWheelScrub:v,snapOnStep:B,format:w,locale:z,value:E,defaultValue:O,onValueChange:T,onValueCommitted:D,disabled:o,readOnly:F,required:h,name:f,form:N,className:W.NUMBER_FIELD_STYLES.root,children:e.jsx(U,{inputProps:_,inputRef:L,className:x,describedBy:C,hasError:a,size:b,fontSize:l})}),(r||i)&&e.jsx(M,{id:u,hasError:a,children:r??i})]})});m.displayName="NumberField";module.exports=m;
 //# sourceMappingURL=NumberField.cjs.map

package/dist/components/forms/number-field/NumberField.js

@@ -2,7 +2,7 @@ import { jsxs as P, jsx as r } from "react/jsx-runtime";
 import { NumberField as _ } from "@base-ui/react/number-field";
 import { memo as $, useId as q } from "react";
 import H from "../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../ui-kit82.css';import '../../../ui-kit77.css';import '../../../ui-kit93.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit88.css';import '../../../ui-kit89.css';import '../../../ui-kit90.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                                 */
 import "../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit119.css');;/* empty css                                      */var e={group:"c0w2cl0"};exports.NUMBER_FIELD_INPUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit138.css');;/* empty css                                      */var e={group:"c0w2cl0"};exports.NUMBER_FIELD_INPUT_STYLES=e;
 //# sourceMappingURL=NumberFieldInput.css.cjs.map

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit119.css';/* empty css                                    */
+import '../../../../../../ui-kit138.css';/* empty css                                    */
 var o = { group: "c0w2cl0" };
 export {
   o as NUMBER_FIELD_INPUT_STYLES

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/number-field"),c=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const s=require("./styles/NumberFieldSteppers.css.cjs"),n=require("../../../../../constants/icons.cjs"),S=require("../../../../../utils/cn.cjs"),i=({className:E})=>e.jsxs("span",{className:S.cn(s.NUMBER_FIELD_STEPPERS_STYLES.group,E),children:[e.jsx(r.NumberField.Increment,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(c,{icon:n.IconRegistry.chevronUp,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})}),e.jsx(r.NumberField.Decrement,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(c,{icon:n.IconRegistry.chevronDown,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})})]});i.displayName="NumberFieldSteppers";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/number-field"),n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const s=require("./styles/NumberFieldSteppers.css.cjs"),E=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),S=require("../../../../../resources/asset/ChevronUpIcon.svg.cjs"),o=require("../../../../../utils/cn.cjs"),c=({className:i})=>e.jsxs("span",{className:o.cn(s.NUMBER_FIELD_STEPPERS_STYLES.group,i),children:[e.jsx(r.NumberField.Increment,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(n,{icon:S,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})}),e.jsx(r.NumberField.Decrement,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(n,{icon:E,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})})]});c.displayName="NumberFieldSteppers";module.exports=c;
 //# sourceMappingURL=NumberFieldSteppers.cjs.map

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldSteppers.cjs","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronUp}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronDown}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","IconRegistry"],"mappings":"yVAQMA,EAAsB,CAAC,CAAE,UAAAC,KAC3BC,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,6BAA6B,MAAOH,CAAS,EAC7D,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMC,EAAAA,aAAa,UACnB,KAAM,KACN,UAAWJ,EAAAA,6BAA6B,IAAA,CAAA,EAEhD,QACCE,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,KAAM,KACN,UAAWJ,EAAAA,6BAA6B,IAAA,CAAA,CAC5C,CACJ,CAAA,CAAA,CACJ,EAGJJ,EAAoB,YAAc"}
+{"version":3,"file":"NumberFieldSteppers.cjs","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport ChevronUpIcon from '@resources/asset/ChevronUpIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={ChevronUpIcon}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={ChevronDownIcon}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","ChevronUpIcon","ChevronDownIcon"],"mappings":"+aASMA,EAAsB,CAAC,CAAE,UAAAC,KAC3BC,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,6BAA6B,MAAOH,CAAS,EAC7D,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMC,EACN,KAAM,KACN,UAAWJ,EAAAA,6BAA6B,IAAA,CAAA,EAEhD,QACCE,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAME,EACN,KAAM,KACN,UAAWL,EAAAA,6BAA6B,IAAA,CAAA,CAC5C,CACJ,CAAA,CAAA,CACJ,EAGJJ,EAAoB,YAAc"}

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.js

@@ -1,30 +1,31 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { NumberField as o } from "@base-ui/react/number-field";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { NumberField as r } from "@base-ui/react/number-field";
 import m from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
 import { NUMBER_FIELD_STEPPERS_STYLES as e } from "./styles/NumberFieldSteppers.css.js";
-import { IconRegistry as s } from "../../../../../constants/icons.js";
-import { cn as n } from "../../../../../utils/cn.js";
-const t = ({ className: i }) => /* @__PURE__ */ c("span", { className: n(e.group, i), children: [
-  /* @__PURE__ */ r(o.Increment, { className: e.button, children: /* @__PURE__ */ r(
+import n from "../../../../../resources/asset/ChevronDownIcon.svg.js";
+import c from "../../../../../resources/asset/ChevronUpIcon.svg.js";
+import { cn as t } from "../../../../../utils/cn.js";
+const p = ({ className: s }) => /* @__PURE__ */ i("span", { className: t(e.group, s), children: [
+  /* @__PURE__ */ o(r.Increment, { className: e.button, children: /* @__PURE__ */ o(
     m,
     {
-      icon: s.chevronUp,
+      icon: c,
       size: "xs",
       className: e.icon
     }
   ) }),
-  /* @__PURE__ */ r(o.Decrement, { className: e.button, children: /* @__PURE__ */ r(
+  /* @__PURE__ */ o(r.Decrement, { className: e.button, children: /* @__PURE__ */ o(
     m,
     {
-      icon: s.chevronDown,
+      icon: n,
       size: "xs",
       className: e.icon
     }
   ) })
 ] });
-t.displayName = "NumberFieldSteppers";
+p.displayName = "NumberFieldSteppers";
 export {
-  t as default
+  p as default
 };
 //# sourceMappingURL=NumberFieldSteppers.js.map

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldSteppers.js","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronUp}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronDown}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","IconRegistry"],"mappings":";;;;;;;AAQA,MAAMA,IAAsB,CAAC,EAAE,WAAAC,QAC3B,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAA6B,OAAOH,CAAS,GAC7D,UAAA;AAAA,EAAA,gBAAAI,EAACC,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAMC,EAAa;AAAA,MACnB,MAAM;AAAA,MACN,WAAWJ,EAA6B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAAA,oBACCE,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAMC,EAAa;AAAA,MACnB,MAAM;AAAA,MACN,WAAWJ,EAA6B;AAAA,IAAA;AAAA,EAAA,EAC5C,CACJ;AAAA,EAAA,CACJ;AAGJJ,EAAoB,cAAc;"}
+{"version":3,"file":"NumberFieldSteppers.js","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport ChevronUpIcon from '@resources/asset/ChevronUpIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={ChevronUpIcon}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={ChevronDownIcon}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","ChevronUpIcon","ChevronDownIcon"],"mappings":";;;;;;;;AASA,MAAMA,IAAsB,CAAC,EAAE,WAAAC,QAC3B,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAA6B,OAAOH,CAAS,GAC7D,UAAA;AAAA,EAAA,gBAAAI,EAACC,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAMC;AAAAA,MACN,MAAM;AAAA,MACN,WAAWJ,EAA6B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAAA,oBACCE,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAME;AAAAA,MACN,MAAM;AAAA,MACN,WAAWL,EAA6B;AAAA,IAAA;AAAA,EAAA,EAC5C,CACJ;AAAA,EAAA,CACJ;AAGJJ,EAAoB,cAAc;"}

package/dist/components/forms/number-field/styles/NumberField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit28.css');;/* empty css                                 */var e={root:"_1g01svz0"};exports.NUMBER_FIELD_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit71.css');;/* empty css                                 */var e={root:"_1g01svz0"};exports.NUMBER_FIELD_STYLES=e;
 //# sourceMappingURL=NumberField.css.cjs.map

package/dist/components/forms/number-field/styles/NumberField.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit28.css';/* empty css                               */
+import '../../../../ui-kit71.css';/* empty css                               */
 var r = { root: "_1g01svz0" };
 export {
   r as NUMBER_FIELD_STYLES

package/dist/components/forms/radio-group/components/radio-item/RadioItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/radio"),n=require("react"),l=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../../constants/icons.cjs"),q=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const R=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=require("./styles/RadioItem.css.cjs"),c=n.memo(({label:r,id:t,className:a,value:d,...u})=>{const I=n.useId(),i=t??(r?I:void 0);return e.jsxs(R,{as:"span",inline:!0,gap:"sm",children:[e.jsx(s.Radio.Root,{id:i,value:d,className:x.cn(o.RADIO_ITEM_STYLES.root,a),...u,children:e.jsx(s.Radio.Indicator,{className:o.RADIO_ITEM_STYLES.indicator,children:e.jsx(l,{icon:m.IconRegistry.radioIndicator,size:"xs"})})}),r&&e.jsx(q,{as:"label",variant:"label",color:"foreground",htmlFor:i,className:o.RADIO_ITEM_STYLES.label,children:r})]})});c.displayName="RadioGroup.Item";module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/radio"),c=require("react"),I=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../../resources/asset/CircleIcon.svg.cjs"),q=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const R=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=require("./styles/RadioItem.css.cjs"),n=c.memo(({label:r,id:t,className:a,value:d,...u})=>{const l=c.useId(),s=t??(r?l:void 0);return e.jsxs(R,{as:"span",inline:!0,gap:"sm",children:[e.jsx(i.Radio.Root,{id:s,value:d,className:x.cn(o.RADIO_ITEM_STYLES.root,a),...u,children:e.jsx(i.Radio.Indicator,{className:o.RADIO_ITEM_STYLES.indicator,children:e.jsx(I,{icon:m,size:"xs"})})}),r&&e.jsx(q,{as:"label",variant:"label",color:"foreground",htmlFor:s,className:o.RADIO_ITEM_STYLES.label,children:r})]})});n.displayName="RadioGroup.Item";module.exports=n;
 //# sourceMappingURL=RadioItem.cjs.map

package/dist/components/forms/radio-group/components/radio-item/RadioItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.cjs","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\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 { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = 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            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.radioIndicator}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":"ilBAoBMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,MAAAC,EACA,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAUN,IAAOD,EAAQK,EAAc,QAE7C,OACIG,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KAEL,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAM,KAAN,CACG,GAAIJ,EACJ,MAAAJ,EACA,UAAWS,EAAAA,GAAGC,oBAAkB,KAAMX,CAAS,EAC9C,GAAGE,EAEJ,eAACO,EAAAA,MAAM,UAAN,CAAgB,UAAWE,EAAAA,kBAAkB,UAC1C,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,eACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAGHf,GACGU,EAAAA,IAACM,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAAST,EACT,UAAWM,EAAAA,kBAAkB,MAE5B,SAAAb,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDF,EAAU,YAAc"}
+{"version":3,"file":"RadioItem.cjs","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CircleIcon from '@resources/asset/CircleIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = 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            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={CircleIcon}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","CircleIcon","Typography"],"mappings":"gmBAoBMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,MAAAC,EACA,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAUN,IAAOD,EAAQK,EAAc,QAE7C,OACIG,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KAEL,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAM,KAAN,CACG,GAAIJ,EACJ,MAAAJ,EACA,UAAWS,EAAAA,GAAGC,oBAAkB,KAAMX,CAAS,EAC9C,GAAGE,EAEJ,eAACO,EAAAA,MAAM,UAAN,CAAgB,UAAWE,EAAAA,kBAAkB,UAC1C,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAGHf,GACGU,EAAAA,IAACM,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAAST,EACT,UAAWM,EAAAA,kBAAkB,MAE5B,SAAAb,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDF,EAAU,YAAc"}