@choco-vanille/ui 1.1.2 → 1.3.0

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

@@ -1,4 +1,4 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
 import E from "../calendar/Calendar.js";
 /* empty css                                         */
 /* empty css                                                 */
@@ -13,7 +13,7 @@ import "../text-field/styles/TextField.css.js";
 /* empty css                                                                                 */
 /* empty css                                                                                          */
 /* empty css                                                                                          */
-import n from "../../overlay/popover/Popover.js";
+import r from "../../overlay/popover/Popover.js";
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */
@@ -30,7 +30,7 @@ import n from "../../overlay/popover/Popover.js";
 import K from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
 import { useDatePicker as O } from "./hooks/useDatePicker.hook.js";
-import { DATE_PICKER_STYLES as i } from "./styles/DatePicker.css.js";
+import { DATE_PICKER_STYLES as n } from "./styles/DatePicker.css.js";
 import { IconRegistry as j } from "../../../constants/icons.js";
 import { cn as c } from "../../../utils/cn.js";
 import { memo as A, useRef as B, useMemo as _, useCallback as d } from "react";
@@ -41,59 +41,58 @@ const z = A(
     onChange: h,
     calendarProps: C,
     id: D,
-    disabled: a,
+    disabled: t,
     "aria-label": g,
     "aria-labelledby": b,
     calendarAriaLabel: y = "Calendar",
-    onKeyDown: m,
-    ...l
+    onKeyDown: i,
+    ...m
   }) => {
     const {
-      selectedDate: t,
+      selectedDate: a,
       inputValue: N,
-      open: r,
+      open: l,
       inputId: I,
       handleInputChange: w,
       handleInputKeyDown: p,
       handleCalendarSelect: M,
       setOpen: P
     } = O({ value: u, defaultValue: f, onChange: h, id: D }), s = B(null), k = _(
-      () => t ?? /* @__PURE__ */ new Date(),
-      [t]
-    ), x = d(
+      () => a ?? /* @__PURE__ */ new Date(),
+      [a]
+    ), R = d(
       (o) => {
-        p(o), m?.(o);
+        p(o), i?.(o);
       },
-      [p, m]
-    ), R = d(
+      [p, i]
+    ), S = d(
       (o) => {
         o.preventDefault();
       },
       []
-    ), { className: S, ...T } = C ?? {};
-    return /* @__PURE__ */ v(
-      n,
+    ), { className: T, ...v } = C ?? {};
+    return /* @__PURE__ */ x(
+      r,
       {
-        open: r,
+        open: l,
         onOpenChange: P,
         children: [
           /* @__PURE__ */ e(
             F,
             {
-              ...l,
+              ...m,
               ref: s,
               id: I,
               type: "date",
-              disabled: a,
+              disabled: t,
               value: N,
               onChange: w,
-              onKeyDown: x,
-              className: c(i.input, l.className),
+              onKeyDown: R,
+              className: c(n.input, m.className),
               "aria-label": g,
               "aria-labelledby": b,
               "aria-haspopup": "dialog",
-              "aria-expanded": r,
-              endAction: /* @__PURE__ */ e(n.Trigger, { children: /* @__PURE__ */ e(
+              endAction: /* @__PURE__ */ e(r.Trigger, { children: /* @__PURE__ */ e(
                 K,
                 {
                   icon: j.calendar,
@@ -102,18 +101,18 @@ const z = A(
                   color: "primary",
                   size: "sm",
                   type: "button",
-                  disabled: a,
-                  onMouseDown: R
+                  disabled: t,
+                  onMouseDown: S
                 }
               ) })
             }
           ),
           /* @__PURE__ */ e(
-            n.Content,
+            r.Content,
             {
               side: "bottom",
               align: "end",
-              className: i.content,
+              className: n.content,
               "aria-label": y,
               initialFocus: !1,
               finalFocus: s,
@@ -121,13 +120,13 @@ const z = A(
                 E,
                 {
                   mode: "single",
-                  selected: t,
+                  selected: a,
                   onSelect: M,
-                  disabled: a,
-                  className: c(i.calendar, S),
-                  ...T,
+                  disabled: t,
+                  className: c(n.calendar, T),
+                  ...v,
                   defaultMonth: k,
-                  autoFocus: r
+                  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                    aria-expanded={open}\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,iBAAeM;AAAA,cACf,WACI,gBAAAmB,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 { 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;"}

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

@@ -1,10 +1,14 @@
 export * from './autocomplete';
 export * from './calendar';
 export * from './checkbox';
+export * from './checkbox-group';
 export * from './date-picker';
 export * from './radio-group';
+export * from './rich-text-editor';
 export * from './select';
+export * from './slider';
 export * from './switch';
 export * from './text-area';
 export * from './text-field';
+export * from './number-field';
 export * from './_shared';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.cjs","sources":["../../../../src/components/forms/number-field/NumberField.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\nimport { memo, useId } from 'react'\r\n\r\nimport { TextFieldLabel } from '@components/forms/text-field/components'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport NumberFieldInput from '@components/forms/number-field/components/number-field-input/NumberFieldInput.tsx'\r\nimport { NUMBER_FIELD_STYLES } from '@components/forms/number-field/styles/NumberField.css.ts'\r\nimport type { NumberFieldProps } from '@components/forms/number-field/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A numeric field with keyboard and button increments, min/max constraints and\r\n * the same label, helper and error API as TextField.\r\n */\r\nconst NumberField = memo<NumberFieldProps>((props) => {\r\n    const {\r\n        id,\r\n        label,\r\n        helperText,\r\n        error,\r\n        width,\r\n        size: sizeProp = 'md',\r\n        className,\r\n        disabled,\r\n        required,\r\n        readOnly,\r\n        name,\r\n        form,\r\n        min,\r\n        max,\r\n        step,\r\n        smallStep,\r\n        largeStep,\r\n        allowOutOfRange,\r\n        allowWheelScrub,\r\n        snapOnStep,\r\n        format,\r\n        locale,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        onValueCommitted,\r\n        ref,\r\n        'aria-describedby': ariaDescribedBy,\r\n        ...inputProps\r\n    } = props\r\n    const generatedId = useId()\r\n    const inputId = id ?? generatedId\r\n    const helperId = `${generatedId}-helper`\r\n    const hasError = Boolean(error)\r\n    const describedBy =\r\n    [ariaDescribedBy, error || helperText ? helperId : undefined]\r\n        .filter(Boolean)\r\n        .join(' ') || undefined\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <BaseNumberField.Root\r\n                id={inputId}\r\n                min={min}\r\n                max={max}\r\n                step={step}\r\n                smallStep={smallStep}\r\n                largeStep={largeStep}\r\n                allowOutOfRange={allowOutOfRange}\r\n                allowWheelScrub={allowWheelScrub}\r\n                snapOnStep={snapOnStep}\r\n                format={format}\r\n                locale={locale}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                onValueChange={onValueChange}\r\n                onValueCommitted={onValueCommitted}\r\n                disabled={disabled}\r\n                readOnly={readOnly}\r\n                required={required}\r\n                name={name}\r\n                form={form}\r\n                className={NUMBER_FIELD_STYLES.root}\r\n            >\r\n                <NumberFieldInput\r\n                    inputProps={inputProps}\r\n                    inputRef={ref}\r\n                    className={className}\r\n                    describedBy={describedBy}\r\n                    hasError={hasError}\r\n                    size={sizeProp}\r\n                />\r\n            </BaseNumberField.Root>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nNumberField.displayName = 'NumberField'\r\n\r\nexport default NumberField\r\n"],"names":["NumberField","memo","props","id","label","helperText","error","width","sizeProp","className","disabled","required","readOnly","name","form","min","max","step","smallStep","largeStep","allowOutOfRange","allowWheelScrub","snapOnStep","format","locale","value","defaultValue","onValueChange","onValueCommitted","ref","ariaDescribedBy","inputProps","generatedId","useId","inputId","helperId","hasError","describedBy","jsxs","Flex","jsx","TextFieldLabel","BaseNumberField","NUMBER_FIELD_STYLES","NumberFieldInput","HelperText"],"mappings":"mhCAcA,MAAMA,EAAcC,EAAAA,KAAwBC,GAAU,CAClD,KAAM,CACF,GAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAMC,EAAW,KACjB,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,IAAAC,EACA,mBAAoBC,EACpB,GAAGC,CAAA,EACH7B,EACE8B,EAAcC,EAAAA,MAAA,EACdC,EAAU/B,GAAM6B,EAChBG,EAAW,GAAGH,CAAW,UACzBI,EAAW,EAAQ9B,EACnB+B,EACN,CAACP,EAAiBxB,GAASD,EAAa8B,EAAW,MAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OAElB,OACIG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAOhC,IAAU,OAAY,CAAE,MAAAA,GAAU,OAExC,SAAA,CAAAH,GACGoC,EAAAA,IAACC,EAAA,CACG,QAASP,EACT,SAAAxB,EAEC,SAAAN,CAAA,CAAA,EAIToC,EAAAA,IAACE,EAAAA,YAAgB,KAAhB,CACG,GAAIR,EACJ,IAAAnB,EACA,IAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,SAAAlB,EACA,SAAAE,EACA,SAAAD,EACA,KAAAE,EACA,KAAAC,EACA,UAAW6B,EAAAA,oBAAoB,KAE/B,SAAAH,EAAAA,IAACI,EAAA,CACG,WAAAb,EACA,SAAUF,EACV,UAAApB,EACA,YAAA4B,EACA,SAAAD,EACA,KAAM5B,CAAA,CAAA,CACV,CAAA,GAGFF,GAASD,IACPmC,EAAAA,IAACK,EAAA,CACG,GAAIV,EACJ,SAAAC,EAEC,SAAA9B,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAY,YAAc"}

package/dist/components/forms/number-field/NumberField.d.ts

@@ -0,0 +1,8 @@
+import { NumberFieldProps } from './types';
+import { NamedExoticComponent } from 'react';
+/**
+ * A numeric field with keyboard and button increments, min/max constraints and
+ * the same label, helper and error API as TextField.
+ */
+declare const NumberField: NamedExoticComponent<NumberFieldProps>;
+export default NumberField;

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

@@ -0,0 +1,119 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { NumberField as P } from "@base-ui/react/number-field";
+import { memo as _, useId as $ } from "react";
+import q from "../text-field/components/text-field-label/TextFieldLabel.js";
+/* empty css                                         */
+/* empty css                                             */
+/* empty css                                                                                 */
+import "../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+/* empty css                                                                                          */
+import "../text-field/components/text-field-end-action/TextFieldEndAction.js";
+/* empty css                                                                                          */
+import H from "../_shared/components/helper-text/HelperText.js";
+import M from "./components/number-field-input/NumberFieldInput.js";
+import { NUMBER_FIELD_STYLES as U } from "./styles/NumberField.css.js";
+import W from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+const Y = _((s) => {
+  const {
+    id: n,
+    label: i,
+    helperText: o,
+    error: e,
+    width: t,
+    size: u = "md",
+    className: c,
+    disabled: l,
+    required: f,
+    readOnly: b,
+    name: h,
+    form: x,
+    min: F,
+    max: N,
+    step: I,
+    smallStep: g,
+    largeStep: y,
+    allowOutOfRange: S,
+    allowWheelScrub: v,
+    snapOnStep: B,
+    format: w,
+    locale: E,
+    value: O,
+    defaultValue: R,
+    onValueChange: T,
+    onValueCommitted: j,
+    ref: z,
+    "aria-describedby": D,
+    ...L
+  } = s, m = $(), a = n ?? m, d = `${m}-helper`, p = !!e, V = [D, e || o ? d : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ C(
+    W,
+    {
+      flexDirection: "column",
+      gap: "xs",
+      width: "100%",
+      alignItems: "start",
+      style: t !== void 0 ? { width: t } : void 0,
+      children: [
+        i && /* @__PURE__ */ r(
+          q,
+          {
+            htmlFor: a,
+            disabled: l,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r(
+          P.Root,
+          {
+            id: a,
+            min: F,
+            max: N,
+            step: I,
+            smallStep: g,
+            largeStep: y,
+            allowOutOfRange: S,
+            allowWheelScrub: v,
+            snapOnStep: B,
+            format: w,
+            locale: E,
+            value: O,
+            defaultValue: R,
+            onValueChange: T,
+            onValueCommitted: j,
+            disabled: l,
+            readOnly: b,
+            required: f,
+            name: h,
+            form: x,
+            className: U.root,
+            children: /* @__PURE__ */ r(
+              M,
+              {
+                inputProps: L,
+                inputRef: z,
+                className: c,
+                describedBy: V,
+                hasError: p,
+                size: u
+              }
+            )
+          }
+        ),
+        (e || o) && /* @__PURE__ */ r(
+          H,
+          {
+            id: d,
+            hasError: p,
+            children: e ?? o
+          }
+        )
+      ]
+    }
+  );
+});
+Y.displayName = "NumberField";
+export {
+  Y as default
+};
+//# sourceMappingURL=NumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../../src/components/forms/number-field/NumberField.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\nimport { memo, useId } from 'react'\r\n\r\nimport { TextFieldLabel } from '@components/forms/text-field/components'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport NumberFieldInput from '@components/forms/number-field/components/number-field-input/NumberFieldInput.tsx'\r\nimport { NUMBER_FIELD_STYLES } from '@components/forms/number-field/styles/NumberField.css.ts'\r\nimport type { NumberFieldProps } from '@components/forms/number-field/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A numeric field with keyboard and button increments, min/max constraints and\r\n * the same label, helper and error API as TextField.\r\n */\r\nconst NumberField = memo<NumberFieldProps>((props) => {\r\n    const {\r\n        id,\r\n        label,\r\n        helperText,\r\n        error,\r\n        width,\r\n        size: sizeProp = 'md',\r\n        className,\r\n        disabled,\r\n        required,\r\n        readOnly,\r\n        name,\r\n        form,\r\n        min,\r\n        max,\r\n        step,\r\n        smallStep,\r\n        largeStep,\r\n        allowOutOfRange,\r\n        allowWheelScrub,\r\n        snapOnStep,\r\n        format,\r\n        locale,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        onValueCommitted,\r\n        ref,\r\n        'aria-describedby': ariaDescribedBy,\r\n        ...inputProps\r\n    } = props\r\n    const generatedId = useId()\r\n    const inputId = id ?? generatedId\r\n    const helperId = `${generatedId}-helper`\r\n    const hasError = Boolean(error)\r\n    const describedBy =\r\n    [ariaDescribedBy, error || helperText ? helperId : undefined]\r\n        .filter(Boolean)\r\n        .join(' ') || undefined\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <BaseNumberField.Root\r\n                id={inputId}\r\n                min={min}\r\n                max={max}\r\n                step={step}\r\n                smallStep={smallStep}\r\n                largeStep={largeStep}\r\n                allowOutOfRange={allowOutOfRange}\r\n                allowWheelScrub={allowWheelScrub}\r\n                snapOnStep={snapOnStep}\r\n                format={format}\r\n                locale={locale}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                onValueChange={onValueChange}\r\n                onValueCommitted={onValueCommitted}\r\n                disabled={disabled}\r\n                readOnly={readOnly}\r\n                required={required}\r\n                name={name}\r\n                form={form}\r\n                className={NUMBER_FIELD_STYLES.root}\r\n            >\r\n                <NumberFieldInput\r\n                    inputProps={inputProps}\r\n                    inputRef={ref}\r\n                    className={className}\r\n                    describedBy={describedBy}\r\n                    hasError={hasError}\r\n                    size={sizeProp}\r\n                />\r\n            </BaseNumberField.Root>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nNumberField.displayName = 'NumberField'\r\n\r\nexport default NumberField\r\n"],"names":["NumberField","memo","props","id","label","helperText","error","width","sizeProp","className","disabled","required","readOnly","name","form","min","max","step","smallStep","largeStep","allowOutOfRange","allowWheelScrub","snapOnStep","format","locale","value","defaultValue","onValueChange","onValueCommitted","ref","ariaDescribedBy","inputProps","generatedId","useId","inputId","helperId","hasError","describedBy","jsxs","Flex","jsx","TextFieldLabel","BaseNumberField","NUMBER_FIELD_STYLES","NumberFieldInput","HelperText"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAMA,IAAcC,EAAuB,CAACC,MAAU;AAClD,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAMC,IAAW;AAAA,IACjB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACH7B,GACE8B,IAAcC,EAAA,GACdC,IAAU/B,KAAM6B,GAChBG,IAAW,GAAGH,CAAW,WACzBI,IAAW,EAAQ9B,GACnB+B,IACN,CAACP,GAAiBxB,KAASD,IAAa8B,IAAW,MAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAOhC,MAAU,SAAY,EAAE,OAAAA,MAAU;AAAA,MAExC,UAAA;AAAA,QAAAH,KACG,gBAAAoC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAASP;AAAA,YACT,UAAAxB;AAAA,YAEC,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAIT,gBAAAoC;AAAA,UAACE,EAAgB;AAAA,UAAhB;AAAA,YACG,IAAIR;AAAA,YACJ,KAAAnB;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,OAAAC;AAAA,YACA,cAAAC;AAAA,YACA,eAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,UAAAlB;AAAA,YACA,UAAAE;AAAA,YACA,UAAAD;AAAA,YACA,MAAAE;AAAA,YACA,MAAAC;AAAA,YACA,WAAW6B,EAAoB;AAAA,YAE/B,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,YAAAb;AAAA,gBACA,UAAUF;AAAA,gBACV,WAAApB;AAAA,gBACA,aAAA4B;AAAA,gBACA,UAAAD;AAAA,gBACA,MAAM5B;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,SAGFF,KAASD,MACP,gBAAAmC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,IAAIV;AAAA,YACJ,UAAAC;AAAA,YAEC,UAAA9B,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAY,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/number-field"),a=require("../../../text-field/styles/TextField.css.cjs"),l=require("./styles/NumberFieldInput.css.cjs"),o=require("../../../../../utils/cn.cjs"),m=require("../number-field-steppers/NumberFieldSteppers.cjs"),i=({inputProps:u,inputRef:t,className:n,describedBy:c,hasError:r,size:d})=>e.jsxs(s.NumberField.Group,{className:l.NUMBER_FIELD_INPUT_STYLES.group,children:[e.jsx(s.NumberField.Input,{ref:t,...u,"aria-invalid":r||void 0,"aria-describedby":c,className:o.cn(a.TEXT_FIELD_STYLES.recipe({size:d,hasError:r,hasStartIcon:!1,hasEndAction:!0}),n)}),e.jsx(m,{})]});i.displayName="NumberFieldInput";module.exports=i;
+//# sourceMappingURL=NumberFieldInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.cjs","sources":["../../../../../../src/components/forms/number-field/components/number-field-input/NumberFieldInput.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { NUMBER_FIELD_INPUT_STYLES } from '@components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.ts'\r\nimport type { NumberFieldInputProps } from '@components/forms/number-field/components/number-field-input/types'\r\nimport { cn } from '@utils/cn.ts'\r\nimport NumberFieldSteppers from '@components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx'\r\n\r\nconst NumberFieldInput = ({\r\n    inputProps,\r\n    inputRef,\r\n    className,\r\n    describedBy,\r\n    hasError,\r\n    size,\r\n}: NumberFieldInputProps) => (\r\n    <BaseNumberField.Group className={NUMBER_FIELD_INPUT_STYLES.group}>\r\n        <BaseNumberField.Input\r\n            ref={inputRef}\r\n            {...inputProps}\r\n            aria-invalid={hasError || undefined}\r\n            aria-describedby={describedBy}\r\n            className={cn(\r\n                TEXT_FIELD_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: false,\r\n                    hasEndAction: true,\r\n                }),\r\n                className,\r\n            )}\r\n        />\r\n        <NumberFieldSteppers />\r\n    </BaseNumberField.Group>\r\n)\r\n\r\nNumberFieldInput.displayName = 'NumberFieldInput'\r\n\r\nexport default NumberFieldInput\r\n"],"names":["NumberFieldInput","inputProps","inputRef","className","describedBy","hasError","size","BaseNumberField","NUMBER_FIELD_INPUT_STYLES","jsx","cn","TEXT_FIELD_STYLES","NumberFieldSteppers"],"mappings":"2SAQMA,EAAmB,CAAC,CACtB,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,CACJ,WACKC,EAAAA,YAAgB,MAAhB,CAAsB,UAAWC,EAAAA,0BAA0B,MACxD,SAAA,CAAAC,EAAAA,IAACF,EAAAA,YAAgB,MAAhB,CACG,IAAKL,EACJ,GAAGD,EACJ,eAAcI,GAAY,OAC1B,mBAAkBD,EAClB,UAAWM,EAAAA,GACPC,EAAAA,kBAAkB,OAAO,CACrB,KAAAL,EACA,SAAAD,EACA,aAAc,GACd,aAAc,EAAA,CACjB,EACDF,CAAA,CACJ,CAAA,QAEHS,EAAA,CAAA,CAAoB,CAAA,CAAA,CACzB,EAGJZ,EAAiB,YAAc"}

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.d.ts

@@ -0,0 +1,6 @@
+import { NumberFieldInputProps } from './types';
+declare const NumberFieldInput: {
+    ({ inputProps, inputRef, className, describedBy, hasError, size, }: NumberFieldInputProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default NumberFieldInput;

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

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { NumberField as i } from "@base-ui/react/number-field";
+import { TEXT_FIELD_STYLES as d } from "../../../text-field/styles/TextField.css.js";
+import { NUMBER_FIELD_INPUT_STYLES as l } from "./styles/NumberFieldInput.css.js";
+import { cn as u } from "../../../../../utils/cn.js";
+import n from "../number-field-steppers/NumberFieldSteppers.js";
+const c = ({
+  inputProps: m,
+  inputRef: o,
+  className: t,
+  describedBy: a,
+  hasError: r,
+  size: p
+}) => /* @__PURE__ */ s(i.Group, { className: l.group, children: [
+  /* @__PURE__ */ e(
+    i.Input,
+    {
+      ref: o,
+      ...m,
+      "aria-invalid": r || void 0,
+      "aria-describedby": a,
+      className: u(
+        d.recipe({
+          size: p,
+          hasError: r,
+          hasStartIcon: !1,
+          hasEndAction: !0
+        }),
+        t
+      )
+    }
+  ),
+  /* @__PURE__ */ e(n, {})
+] });
+c.displayName = "NumberFieldInput";
+export {
+  c as default
+};
+//# sourceMappingURL=NumberFieldInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.js","sources":["../../../../../../src/components/forms/number-field/components/number-field-input/NumberFieldInput.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { NUMBER_FIELD_INPUT_STYLES } from '@components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.ts'\r\nimport type { NumberFieldInputProps } from '@components/forms/number-field/components/number-field-input/types'\r\nimport { cn } from '@utils/cn.ts'\r\nimport NumberFieldSteppers from '@components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx'\r\n\r\nconst NumberFieldInput = ({\r\n    inputProps,\r\n    inputRef,\r\n    className,\r\n    describedBy,\r\n    hasError,\r\n    size,\r\n}: NumberFieldInputProps) => (\r\n    <BaseNumberField.Group className={NUMBER_FIELD_INPUT_STYLES.group}>\r\n        <BaseNumberField.Input\r\n            ref={inputRef}\r\n            {...inputProps}\r\n            aria-invalid={hasError || undefined}\r\n            aria-describedby={describedBy}\r\n            className={cn(\r\n                TEXT_FIELD_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: false,\r\n                    hasEndAction: true,\r\n                }),\r\n                className,\r\n            )}\r\n        />\r\n        <NumberFieldSteppers />\r\n    </BaseNumberField.Group>\r\n)\r\n\r\nNumberFieldInput.displayName = 'NumberFieldInput'\r\n\r\nexport default NumberFieldInput\r\n"],"names":["NumberFieldInput","inputProps","inputRef","className","describedBy","hasError","size","BaseNumberField","NUMBER_FIELD_INPUT_STYLES","jsx","cn","TEXT_FIELD_STYLES","NumberFieldSteppers"],"mappings":";;;;;;AAQA,MAAMA,IAAmB,CAAC;AAAA,EACtB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AACJ,wBACKC,EAAgB,OAAhB,EAAsB,WAAWC,EAA0B,OACxD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACF,EAAgB;AAAA,IAAhB;AAAA,MACG,KAAKL;AAAA,MACJ,GAAGD;AAAA,MACJ,gBAAcI,KAAY;AAAA,MAC1B,oBAAkBD;AAAA,MAClB,WAAWM;AAAA,QACPC,EAAkB,OAAO;AAAA,UACrB,MAAAL;AAAA,UACA,UAAAD;AAAA,UACA,cAAc;AAAA,UACd,cAAc;AAAA,QAAA,CACjB;AAAA,QACDF;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,oBAEHS,GAAA,CAAA,CAAoB;AAAA,EAAA,CACzB;AAGJZ,EAAiB,cAAc;"}

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const NUMBER_FIELD_INPUT_STYLES: {
+    group: string;
+};

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

@@ -0,0 +1,6 @@
+/* empty css                                    */
+var o = { group: "c0w2cl0" };
+export {
+  o as NUMBER_FIELD_INPUT_STYLES
+};
+//# sourceMappingURL=NumberFieldInput.css.js.map

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

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

package/dist/components/forms/number-field/components/number-field-input/types/NumberFieldInput.props.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { NumberFieldSize } from '../../../types/NumberField.types.ts';
+export type NumberFieldInputProps = {
+    inputProps: Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'defaultValue' | 'type' | 'value'>;
+    inputRef?: Ref<HTMLInputElement>;
+    className?: string;
+    describedBy?: string;
+    hasError: boolean;
+    size: NumberFieldSize;
+};

package/dist/components/forms/number-field/components/number-field-input/types/index.d.ts

@@ -0,0 +1 @@
+export type { NumberFieldInputProps } from './NumberFieldInput.props.ts';

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

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

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

@@ -0,0 +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"}

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.d.ts

@@ -0,0 +1,6 @@
+import { NumberFieldSteppersProps } from './types';
+declare const NumberFieldSteppers: {
+    ({ className }: NumberFieldSteppersProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default NumberFieldSteppers;

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

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { NumberField as o } 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(
+    m,
+    {
+      icon: s.chevronUp,
+      size: "xs",
+      className: e.icon
+    }
+  ) }),
+  /* @__PURE__ */ r(o.Decrement, { className: e.button, children: /* @__PURE__ */ r(
+    m,
+    {
+      icon: s.chevronDown,
+      size: "xs",
+      className: e.icon
+    }
+  ) })
+] });
+t.displayName = "NumberFieldSteppers";
+export {
+  t as default
+};
+//# sourceMappingURL=NumberFieldSteppers.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                         */var e={group:"_1sbt75z0",button:"_1sbt75z1",icon:"_1sbt75z2"};exports.NUMBER_FIELD_STEPPERS_STYLES=e;
+//# sourceMappingURL=NumberFieldSteppers.css.cjs.map

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

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

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.d.ts

@@ -0,0 +1,5 @@
+export declare const NUMBER_FIELD_STEPPERS_STYLES: {
+    group: string;
+    button: string;
+    icon: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                       */
+var _ = { group: "_1sbt75z0", button: "_1sbt75z1", icon: "_1sbt75z2" };
+export {
+  _ as NUMBER_FIELD_STEPPERS_STYLES
+};
+//# sourceMappingURL=NumberFieldSteppers.css.js.map

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

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

package/dist/components/forms/number-field/components/number-field-steppers/types/NumberFieldSteppers.props.d.ts

@@ -0,0 +1,3 @@
+export type NumberFieldSteppersProps = {
+    className?: string;
+};

package/dist/components/forms/number-field/components/number-field-steppers/types/index.d.ts

@@ -0,0 +1 @@
+export type { NumberFieldSteppersProps } from './NumberFieldSteppers.props.ts';

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

@@ -0,0 +1,4 @@
+export { default as NumberField } from './NumberField.tsx';
+export { NUMBER_FIELD_STYLES } from './styles/NumberField.css.ts';
+export type { NumberFieldProps } from './types/NumberField.props.ts';
+export type { NumberFieldSize } from './types/NumberField.types.ts';

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const NUMBER_FIELD_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,6 @@
+/* empty css                               */
+var r = { root: "_1g01svz0" };
+export {
+  r as NUMBER_FIELD_STYLES
+};
+//# sourceMappingURL=NumberField.css.js.map

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

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