npm - @choco-vanille/ui - Versions diffs - 1.2.0 → 1.3.0 - Mend

@choco-vanille/ui 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1010) hide show

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

	@@ -1 +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(({ label, id, className, onCheckedChange, ...props }) => {\r\n const generatedId = useId()\r\n const checkboxId = id ?? (label ? generatedId : undefined)\r\n\r\n return (\r\n <Flex\r\n as={'span'}\r\n inline\r\n gap={'sm'}\r\n >\r\n <BaseCheckbox.Root\r\n id={checkboxId}\r\n className={cn(CHECKBOX_STYLES.root, className)}\r\n onCheckedChange={onCheckedChange}\r\n {...props}\r\n >\r\n <BaseCheckbox.Indicator className={CHECKBOX_STYLES.indicator}>\r\n <Icon\r\n icon={IconRegistry.check}\r\n size={'xs'}\r\n />\r\n </BaseCheckbox.Indicator>\r\n </BaseCheckbox.Root>\r\n\r\n {label && (\r\n <Typography\r\n as={'label'}\r\n variant={'label'}\r\n color={'foreground'}\r\n htmlFor={checkboxId}\r\n className={CHECKBOX_STYLES.label}\r\n >\r\n {label}\r\n </Typography>\r\n )}\r\n </Flex>\r\n )\r\n})\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","memo","label","id","className","onCheckedChange","props","generatedId","useId","checkboxId","jsxs","Flex","jsx","BaseCheckbox","cn","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA8BC,EAAK,CAAC,~~EAAE~~,OAAAC,~~GAAO~~,IAAAC,~~GAAI~~,WAAAC,~~GAAW~~,iBAAAC,~~GAAiB~~,GAAGC,~~QAAY~~;~~AAC9F~~,QAAMC,IAAcC,EAAA,GACdC,~~IAAaN~~,MAAOD,~~IAAQK~~,IAAc;AAEhD,SACI,~~gBAAAG~~;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAa;AAAA,UAAb;AAAA,YACG,IAAIJ;AAAA,YACJ,WAAWK,EAAGC,EAAgB,~~MAAMX~~,CAAS;AAAA,YAC7C,iBAAAC;AAAA,~~YACC~~,~~GAAGC~~;AAAA,YAEJ,~~4BAACO~~,EAAa,WAAb,EAAuB,WAAWE,EAAgB,WAC/C,UAAA,gBAAAH;AAAA,~~cAACI~~;AAAA,cAAA;AAAA,~~gBACG~~,MAAMC,EAAa;AAAA,~~gBACnB~~,MAAM;AAAA,cAAA;AAAA,~~YAAA~~,~~EACV~~,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,~~gBAAAU~~;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,~~SAAST~~;AAAA,YACT,WAAWM,EAAgB;AAAA,YAE1B,~~UAAAb~~;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAS,cAAc;"}
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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                              */var e={root:"_1v8fbad0",indicator:"_1v8fbad1",label:"_1v8fbad2"};exports.CHECKBOX_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.d.ts CHANGED Viewed

@@ -19,6 +19,8 @@ export declare const CHECKBOX_STYLES: {
      * `color: inherit` picks up the `primaryForeground` set on the root when checked.
      */
     indicator: string;
+    checkIcon: string;
+    indeterminateIcon: string;
     /** Typography label associated with the checkbox control. */
     label: string;
 };

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

@@ -1,7 +1,7 @@
 /* empty css                                            */
 /* empty css                            */
-var r = { root: "_1v8fbad0", indicator: "_1v8fbad1", label: "_1v8fbad2" };
+var d = { root: "_1v8fbad0", indicator: "_1v8fbad1", checkIcon: "_1v8fbad2", indeterminateIcon: "_1v8fbad3", label: "_1v8fbad4" };
 export {
-  r as CHECKBOX_STYLES
+  d as CHECKBOX_STYLES
 };
 //# sourceMappingURL=Checkbox.css.js.map

package/dist/components/forms/checkbox-group/CheckboxGroup.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const o=require("react/jsx-runtime"),k=require("@base-ui/react/checkbox-group"),u=require("react"),q=require("../checkbox/Checkbox.cjs"),V=require("./components/header/CheckboxGroupHeader.cjs"),m=require("./context/CheckboxGroup.context.cjs"),G=require("./utils/getCheckboxGroupValues.utils.cjs"),d=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const g=require("../../../utils/cn.cjs"),e=u.memo(({className:i,children:c,value:r,defaultValue:x,allValues:h,onValueChange:s,...p})=>{const t=h??G.getCheckboxGroupValues(c),[C,b]=u.useState(x??[]),n=r??C,l=u.useCallback((...a)=>{r===void 0&&b(a[0]),s?.(...a)},[s,r]);return o.jsx(k.CheckboxGroup,{className:g.cn(i),onValueChange:l,value:n,allValues:t,...p,children:o.jsx(m.CheckboxGroupProvider,{value:{value:n,allValues:t,onValueChange:l},children:o.jsx(d,{flexDirection:"column",gap:"sm",alignItems:"start",children:c})})})});e.displayName="CheckboxGroup";e.Item=q;e.Header=V;module.exports=e;
2	+ //# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/components/forms/checkbox-group/CheckboxGroup.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroup.cjs","sources":["../../../../src/components/forms/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group'\r\nimport { memo, useCallback, useState } from 'react'\r\n\r\nimport Checkbox from '@components/forms/checkbox/Checkbox.tsx'\r\nimport CheckboxGroupHeader from '@components/forms/checkbox-group/components/header/CheckboxGroupHeader.tsx'\r\nimport { CheckboxGroupProvider } from '@components/forms/checkbox-group/context/CheckboxGroup.context.ts'\r\nimport type { CheckboxGroupCompound } from '@components/forms/checkbox-group/types/CheckboxGroupCompound.ts'\r\nimport type { CheckboxGroupProps } from '@components/forms/checkbox-group/types/CheckboxGroup.props.ts'\r\nimport { getCheckboxGroupValues } from '@components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The root container for a group of `CheckboxGroup.Item` components.\r\n * Manages the selection state for multiple checkboxes.\r\n *\r\n * @example\r\n * ```tsx\r\n * <CheckboxGroup value={values} onValueChange={setValues}>\r\n * <CheckboxGroup.Item value=\"email\" label=\"Email\" />\r\n * <CheckboxGroup.Item value=\"sms\" label=\"SMS\" />\r\n * </CheckboxGroup>\r\n *\r\n * `allValues` is inferred from direct `CheckboxGroup.Item` children. Provide it\r\n * explicitly only when the values are rendered indirectly or need an override.\r\n * ```\r\n */\r\nconst CheckboxGroup = memo<CheckboxGroupProps>(({\r\n className,\r\n children,\r\n value,\r\n defaultValue,\r\n allValues,\r\n onValueChange,\r\n ...props\r\n}) => {\r\n const resolvedAllValues = allValues ?? getCheckboxGroupValues(children)\r\n const [internalValue, setInternalValue] = useState(defaultValue ?? [])\r\n const currentValue = value ?? internalValue\r\n const handleValueChange = useCallback(\r\n (...args: Parameters<NonNullable<CheckboxGroupProps['onValueChange']>>) => {\r\n if (value === undefined) {\r\n setInternalValue(args[0])\r\n }\r\n onValueChange?.(...args)\r\n },\r\n [onValueChange, value],\r\n )\r\n\r\n return (\r\n <BaseCheckboxGroup\r\n className={cn(className)}\r\n onValueChange={handleValueChange}\r\n value={currentValue}\r\n allValues={resolvedAllValues}\r\n {...props}\r\n >\r\n <CheckboxGroupProvider value={{ value: currentValue, allValues: resolvedAllValues, onValueChange: handleValueChange }}>\r\n <Flex\r\n flexDirection={'column'}\r\n gap={'sm'}\r\n alignItems={'start'}\r\n >\r\n {children}\r\n </Flex>\r\n </CheckboxGroupProvider>\r\n </BaseCheckboxGroup>\r\n )\r\n}) as unknown as CheckboxGroupCompound\r\n\r\nCheckboxGroup.displayName = 'CheckboxGroup'\r\nCheckboxGroup.Item = Checkbox\r\nCheckboxGroup.Header = CheckboxGroupHeader\r\n\r\nexport default CheckboxGroup\r\n"],"names":["CheckboxGroup","memo","className","children","value","defaultValue","allValues","onValueChange","props","resolvedAllValues","getCheckboxGroupValues","internalValue","setInternalValue","useState","currentValue","handleValueChange","useCallback","args","jsx","BaseCheckboxGroup","cn","CheckboxGroupProvider","Flex","Checkbox","CheckboxGroupHeader"],"mappings":"wbA2BMA,EAAgBC,EAAAA,KAAyB,CAAC,CAC5C,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAoBH,GAAaI,EAAAA,uBAAuBP,CAAQ,EAChE,CAACQ,EAAeC,CAAgB,EAAIC,EAAAA,SAASR,GAAgB,CAAA,CAAE,EAC/DS,EAAeV,GAASO,EACxBI,EAAoBC,EAAAA,YACtB,IAAIC,IAAuE,CACnEb,IAAU,QACVQ,EAAiBK,EAAK,CAAC,CAAC,EAE5BV,IAAgB,GAAGU,CAAI,CAC3B,EACA,CAACV,EAAeH,CAAK,CAAA,EAGzB,OACIc,EAAAA,IAACC,EAAAA,cAAA,CACG,UAAWC,EAAAA,GAAGlB,CAAS,EACvB,cAAea,EACf,MAAOD,EACP,UAAWL,EACV,GAAGD,EAEJ,SAAAU,EAAAA,IAACG,EAAAA,sBAAA,CAAsB,MAAO,CAAE,MAAOP,EAAc,UAAWL,EAAmB,cAAeM,CAAA,EAC9F,SAAAG,EAAAA,IAACI,EAAA,CACG,cAAe,SACf,IAAK,KACL,WAAY,QAEX,SAAAnB,CAAA,CAAA,CACL,CACJ,CAAA,CAAA,CAGZ,CAAC,EAEDH,EAAc,YAAc,gBAC5BA,EAAc,KAAOuB,EACrBvB,EAAc,OAASwB"}

package/dist/components/forms/checkbox-group/CheckboxGroup.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { CheckboxGroupCompound } from './types/CheckboxGroupCompound.ts';
+/**
+ * The root container for a group of `CheckboxGroup.Item` components.
+ * Manages the selection state for multiple checkboxes.
+ *
+ * @example
+ * ```tsx
+ * <CheckboxGroup value={values} onValueChange={setValues}>
+ *   <CheckboxGroup.Item value="email" label="Email" />
+ *   <CheckboxGroup.Item value="sms" label="SMS" />
+ * </CheckboxGroup>
+ *
+ * `allValues` is inferred from direct `CheckboxGroup.Item` children. Provide it
+ * explicitly only when the values are rendered indirectly or need an override.
+ * ```
+ */
+declare const CheckboxGroup: CheckboxGroupCompound;
+export default CheckboxGroup;

package/dist/components/forms/checkbox-group/CheckboxGroup.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CheckboxGroup as x } from "@base-ui/react/checkbox-group";
+import { memo as C, useState as b, useCallback as d } from "react";
+import k from "../checkbox/Checkbox.js";
+import V from "./components/header/CheckboxGroupHeader.js";
+import { CheckboxGroupProvider as G } from "./context/CheckboxGroup.context.js";
+import { getCheckboxGroupValues as g } from "./utils/getCheckboxGroupValues.utils.js";
+import v from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import { cn as I } from "../../../utils/cn.js";
+const r = C(({
+  className: c,
+  children: a,
+  value: e,
+  defaultValue: n,
+  allValues: p,
+  onValueChange: l,
+  ...i
+}) => {
+  const t = p ?? g(a), [f, h] = b(n ?? []), m = e ?? f, u = d(
+    (...s) => {
+      e === void 0 && h(s[0]), l?.(...s);
+    },
+    [l, e]
+  );
+  return /* @__PURE__ */ o(
+    x,
+    {
+      className: I(c),
+      onValueChange: u,
+      value: m,
+      allValues: t,
+      ...i,
+      children: /* @__PURE__ */ o(G, { value: { value: m, allValues: t, onValueChange: u }, children: /* @__PURE__ */ o(
+        v,
+        {
+          flexDirection: "column",
+          gap: "sm",
+          alignItems: "start",
+          children: a
+        }
+      ) })
+    }
+  );
+});
+r.displayName = "CheckboxGroup";
+r.Item = k;
+r.Header = V;
+export {
+  r as default
+};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/forms/checkbox-group/CheckboxGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/forms/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group'\r\nimport { memo, useCallback, useState } from 'react'\r\n\r\nimport Checkbox from '@components/forms/checkbox/Checkbox.tsx'\r\nimport CheckboxGroupHeader from '@components/forms/checkbox-group/components/header/CheckboxGroupHeader.tsx'\r\nimport { CheckboxGroupProvider } from '@components/forms/checkbox-group/context/CheckboxGroup.context.ts'\r\nimport type { CheckboxGroupCompound } from '@components/forms/checkbox-group/types/CheckboxGroupCompound.ts'\r\nimport type { CheckboxGroupProps } from '@components/forms/checkbox-group/types/CheckboxGroup.props.ts'\r\nimport { getCheckboxGroupValues } from '@components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The root container for a group of `CheckboxGroup.Item` components.\r\n * Manages the selection state for multiple checkboxes.\r\n *\r\n * @example\r\n * ```tsx\r\n * <CheckboxGroup value={values} onValueChange={setValues}>\r\n * <CheckboxGroup.Item value=\"email\" label=\"Email\" />\r\n * <CheckboxGroup.Item value=\"sms\" label=\"SMS\" />\r\n * </CheckboxGroup>\r\n *\r\n * `allValues` is inferred from direct `CheckboxGroup.Item` children. Provide it\r\n * explicitly only when the values are rendered indirectly or need an override.\r\n * ```\r\n */\r\nconst CheckboxGroup = memo<CheckboxGroupProps>(({\r\n className,\r\n children,\r\n value,\r\n defaultValue,\r\n allValues,\r\n onValueChange,\r\n ...props\r\n}) => {\r\n const resolvedAllValues = allValues ?? getCheckboxGroupValues(children)\r\n const [internalValue, setInternalValue] = useState(defaultValue ?? [])\r\n const currentValue = value ?? internalValue\r\n const handleValueChange = useCallback(\r\n (...args: Parameters<NonNullable<CheckboxGroupProps['onValueChange']>>) => {\r\n if (value === undefined) {\r\n setInternalValue(args[0])\r\n }\r\n onValueChange?.(...args)\r\n },\r\n [onValueChange, value],\r\n )\r\n\r\n return (\r\n <BaseCheckboxGroup\r\n className={cn(className)}\r\n onValueChange={handleValueChange}\r\n value={currentValue}\r\n allValues={resolvedAllValues}\r\n {...props}\r\n >\r\n <CheckboxGroupProvider value={{ value: currentValue, allValues: resolvedAllValues, onValueChange: handleValueChange }}>\r\n <Flex\r\n flexDirection={'column'}\r\n gap={'sm'}\r\n alignItems={'start'}\r\n >\r\n {children}\r\n </Flex>\r\n </CheckboxGroupProvider>\r\n </BaseCheckboxGroup>\r\n )\r\n}) as unknown as CheckboxGroupCompound\r\n\r\nCheckboxGroup.displayName = 'CheckboxGroup'\r\nCheckboxGroup.Item = Checkbox\r\nCheckboxGroup.Header = CheckboxGroupHeader\r\n\r\nexport default CheckboxGroup\r\n"],"names":["CheckboxGroup","memo","className","children","value","defaultValue","allValues","onValueChange","props","resolvedAllValues","getCheckboxGroupValues","internalValue","setInternalValue","useState","currentValue","handleValueChange","useCallback","args","jsx","BaseCheckboxGroup","cn","CheckboxGroupProvider","Flex","Checkbox","CheckboxGroupHeader"],"mappings":";;;;;;;;;;AA2BA,MAAMA,IAAgBC,EAAyB,CAAC;AAAA,EAC5C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAoBH,KAAaI,EAAuBP,CAAQ,GAChE,CAACQ,GAAeC,CAAgB,IAAIC,EAASR,KAAgB,CAAA,CAAE,GAC/DS,IAAeV,KAASO,GACxBI,IAAoBC;AAAA,IACtB,IAAIC,MAAuE;AACvE,MAAIb,MAAU,UACVQ,EAAiBK,EAAK,CAAC,CAAC,GAE5BV,IAAgB,GAAGU,CAAI;AAAA,IAC3B;AAAA,IACA,CAACV,GAAeH,CAAK;AAAA,EAAA;AAGzB,SACI,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,WAAWC,EAAGlB,CAAS;AAAA,MACvB,eAAea;AAAA,MACf,OAAOD;AAAA,MACP,WAAWL;AAAA,MACV,GAAGD;AAAA,MAEJ,UAAA,gBAAAU,EAACG,GAAA,EAAsB,OAAO,EAAE,OAAOP,GAAc,WAAWL,GAAmB,eAAeM,EAAA,GAC9F,UAAA,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,KAAK;AAAA,UACL,YAAY;AAAA,UAEX,UAAAnB;AAAA,QAAA;AAAA,MAAA,EACL,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDH,EAAc,cAAc;AAC5BA,EAAc,OAAOuB;AACrBvB,EAAc,SAASwB;"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroupHeader.cjs","sources":["../../../../../../src/components/forms/checkbox-group/components/header/CheckboxGroupHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport Checkbox from '@components/forms/checkbox/Checkbox.tsx'\r\nimport { useCheckboxGroupContext } from '@components/forms/checkbox-group/context/CheckboxGroup.context.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n * A parent checkbox that controls every checkbox in its group.\r\n * The containing `CheckboxGroup` must provide `allValues`.\r\n */\r\nconst CheckboxGroupHeader: FC<CheckboxProps> = memo((props) => {\r\n const { value, allValues, onValueChange } = useCheckboxGroupContext()\r\n const checked = value.length === allValues.length\r\n const indeterminate = value.length > 0 && !checked\r\n\r\n return (\r\n <Checkbox\r\n {...props}\r\n checked={checked}\r\n indeterminate={indeterminate}\r\n onCheckedChange={(_, eventDetails) => {\r\n onValueChange(checked ? [] : allValues, eventDetails)\r\n }}\r\n />\r\n )\r\n})\r\n\r\nCheckboxGroupHeader.displayName = 'CheckboxGroup.Header'\r\n\r\nexport default CheckboxGroupHeader\r\n"],"names":["CheckboxGroupHeader","memo","props","value","allValues","onValueChange","useCheckboxGroupContext","checked","indeterminate","jsx","Checkbox","_","eventDetails"],"mappings":"sKAUMA,EAAyCC,EAAAA,KAAMC,GAAU,CAC3D,KAAM,CAAE,MAAAC,EAAO,UAAAC,EAAW,cAAAC,CAAA,EAAkBC,EAAAA,wBAAA,EACtCC,EAAUJ,EAAM,SAAWC,EAAU,OACrCI,EAAgBL,EAAM,OAAS,GAAK,CAACI,EAE3C,OACIE,EAAAA,IAACC,EAAA,CACI,GAAGR,EACJ,QAAAK,EACA,cAAAC,EACA,gBAAiB,CAACG,EAAGC,IAAiB,CAClCP,EAAcE,EAAU,GAAKH,EAAWQ,CAAY,CACxD,CAAA,CAAA,CAGZ,CAAC,EAEDZ,EAAoB,YAAc"}

package/dist/components/forms/checkbox-group/components/header/CheckboxGroupHeader.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CheckboxProps } from '../../../checkbox/types/Checkbox.props.ts';
+/**
+ * A parent checkbox that controls every checkbox in its group.
+ * The containing `CheckboxGroup` must provide `allValues`.
+ */
+declare const CheckboxGroupHeader: FC<CheckboxProps>;
+export default CheckboxGroupHeader;

package/dist/components/forms/checkbox-group/components/header/CheckboxGroupHeader.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as h } from "react";
+import l from "../../../checkbox/Checkbox.js";
+import { useCheckboxGroupContext as p } from "../../context/CheckboxGroup.context.js";
+const s = h((r) => {
+  const { value: o, allValues: t, onValueChange: n } = p(), e = o.length === t.length, a = o.length > 0 && !e;
+  return /* @__PURE__ */ c(
+    l,
+    {
+      ...r,
+      checked: e,
+      indeterminate: a,
+      onCheckedChange: (u, m) => {
+        n(e ? [] : t, m);
+      }
+    }
+  );
+});
+s.displayName = "CheckboxGroup.Header";
+export {
+  s as default
+};
+//# sourceMappingURL=CheckboxGroupHeader.js.map

package/dist/components/forms/checkbox-group/components/header/CheckboxGroupHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroupHeader.js","sources":["../../../../../../src/components/forms/checkbox-group/components/header/CheckboxGroupHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport Checkbox from '@components/forms/checkbox/Checkbox.tsx'\r\nimport { useCheckboxGroupContext } from '@components/forms/checkbox-group/context/CheckboxGroup.context.ts'\r\nimport type { CheckboxProps } from '@components/forms/checkbox/types/Checkbox.props.ts'\r\n\r\n/**\r\n * A parent checkbox that controls every checkbox in its group.\r\n * The containing `CheckboxGroup` must provide `allValues`.\r\n */\r\nconst CheckboxGroupHeader: FC<CheckboxProps> = memo((props) => {\r\n const { value, allValues, onValueChange } = useCheckboxGroupContext()\r\n const checked = value.length === allValues.length\r\n const indeterminate = value.length > 0 && !checked\r\n\r\n return (\r\n <Checkbox\r\n {...props}\r\n checked={checked}\r\n indeterminate={indeterminate}\r\n onCheckedChange={(_, eventDetails) => {\r\n onValueChange(checked ? [] : allValues, eventDetails)\r\n }}\r\n />\r\n )\r\n})\r\n\r\nCheckboxGroupHeader.displayName = 'CheckboxGroup.Header'\r\n\r\nexport default CheckboxGroupHeader\r\n"],"names":["CheckboxGroupHeader","memo","props","value","allValues","onValueChange","useCheckboxGroupContext","checked","indeterminate","jsx","Checkbox","_","eventDetails"],"mappings":";;;;AAUA,MAAMA,IAAyCC,EAAK,CAACC,MAAU;AAC3D,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,eAAAC,EAAA,IAAkBC,EAAA,GACtCC,IAAUJ,EAAM,WAAWC,EAAU,QACrCI,IAAgBL,EAAM,SAAS,KAAK,CAACI;AAE3C,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,SAAAK;AAAA,MACA,eAAAC;AAAA,MACA,iBAAiB,CAACG,GAAGC,MAAiB;AAClC,QAAAP,EAAcE,IAAU,KAAKH,GAAWQ,CAAY;AAAA,MACxD;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDZ,EAAoB,cAAc;"}

package/dist/components/forms/checkbox-group/components/header/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default as CheckboxGroupHeader } from './CheckboxGroupHeader.tsx';

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroup.context.cjs","sources":["../../../../../src/components/forms/checkbox-group/context/CheckboxGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nimport type { CheckboxGroupProps } from '@components/forms/checkbox-group/types/CheckboxGroup.props.ts'\r\n\r\nexport type CheckboxGroupContextValue = {\r\n value: string[]\r\n allValues: string[]\r\n onValueChange: NonNullable<CheckboxGroupProps['onValueChange']>\r\n}\r\n\r\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | undefined>(undefined)\r\n\r\nexport const CheckboxGroupProvider = CheckboxGroupContext.Provider\r\n\r\nexport const useCheckboxGroupContext = () => {\r\n const context = useContext(CheckboxGroupContext)\r\n\r\n if (!context) {\r\n throw new Error('CheckboxGroup.Header must be used inside CheckboxGroup.')\r\n }\r\n\r\n return context\r\n}\r\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroupProvider","useCheckboxGroupContext","context","useContext"],"mappings":"yGAUMA,EAAuBC,EAAAA,cAAqD,MAAS,EAE9EC,EAAwBF,EAAqB,SAE7CG,EAA0B,IAAM,CACzC,MAAMC,EAAUC,EAAAA,WAAWL,CAAoB,EAE/C,GAAI,CAACI,EACD,MAAM,IAAI,MAAM,yDAAyD,EAG7E,OAAOA,CACX"}

package/dist/components/forms/checkbox-group/context/CheckboxGroup.context.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { CheckboxGroupProps } from '../types/CheckboxGroup.props.ts';
+import { Provider } from 'react';
+export type CheckboxGroupContextValue = {
+    value: string[];
+    allValues: string[];
+    onValueChange: NonNullable<CheckboxGroupProps['onValueChange']>;
+};
+export declare const CheckboxGroupProvider: Provider<CheckboxGroupContextValue | undefined>;
+export declare const useCheckboxGroupContext: () => CheckboxGroupContextValue;

package/dist/components/forms/checkbox-group/context/CheckboxGroup.context.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { createContext as r, useContext as t } from "react";
+const e = r(void 0), c = e.Provider, x = () => {
+  const o = t(e);
+  if (!o)
+    throw new Error("CheckboxGroup.Header must be used inside CheckboxGroup.");
+  return o;
+};
+export {
+  c as CheckboxGroupProvider,
+  x as useCheckboxGroupContext
+};
+//# sourceMappingURL=CheckboxGroup.context.js.map

package/dist/components/forms/checkbox-group/context/CheckboxGroup.context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroup.context.js","sources":["../../../../../src/components/forms/checkbox-group/context/CheckboxGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nimport type { CheckboxGroupProps } from '@components/forms/checkbox-group/types/CheckboxGroup.props.ts'\r\n\r\nexport type CheckboxGroupContextValue = {\r\n value: string[]\r\n allValues: string[]\r\n onValueChange: NonNullable<CheckboxGroupProps['onValueChange']>\r\n}\r\n\r\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | undefined>(undefined)\r\n\r\nexport const CheckboxGroupProvider = CheckboxGroupContext.Provider\r\n\r\nexport const useCheckboxGroupContext = () => {\r\n const context = useContext(CheckboxGroupContext)\r\n\r\n if (!context) {\r\n throw new Error('CheckboxGroup.Header must be used inside CheckboxGroup.')\r\n }\r\n\r\n return context\r\n}\r\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroupProvider","useCheckboxGroupContext","context","useContext"],"mappings":";AAUA,MAAMA,IAAuBC,EAAqD,MAAS,GAE9EC,IAAwBF,EAAqB,UAE7CG,IAA0B,MAAM;AACzC,QAAMC,IAAUC,EAAWL,CAAoB;AAE/C,MAAI,CAACI;AACD,UAAM,IAAI,MAAM,yDAAyD;AAG7E,SAAOA;AACX;"}

package/dist/components/forms/checkbox-group/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as CheckboxGroup } from './CheckboxGroup.tsx';
2	+ export type { CheckboxGroupProps } from './types/CheckboxGroup.props.ts';

package/dist/components/forms/checkbox-group/types/CheckboxGroup.props.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { CheckboxGroup } from '@base-ui/react/checkbox-group';
2	+ export type CheckboxGroupProps = CheckboxGroup.Props;

package/dist/components/forms/checkbox-group/types/CheckboxGroupCompound.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { default as Checkbox } from '../../checkbox/Checkbox.tsx';
+import { default as CheckboxGroupHeader } from '../components/header/CheckboxGroupHeader.tsx';
+import { CheckboxGroupProps } from './CheckboxGroup.props.ts';
+export type CheckboxGroupCompound = FC<CheckboxGroupProps> & {
+    Item: typeof Checkbox;
+    Header: typeof CheckboxGroupHeader;
+};

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"getCheckboxGroupValues.utils.cjs","sources":["../../../../../src/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.ts"],"sourcesContent":["import { Children, isValidElement, type ReactElement, type ReactNode } from 'react'\r\n\r\ntype CheckboxValueProps = {\r\n value: string\r\n}\r\n\r\nconst hasCheckboxValue = (child: ReactNode): child is ReactElement<CheckboxValueProps> =>\r\n isValidElement<CheckboxValueProps>(child) && typeof child.props.value === 'string'\r\n\r\nexport const getCheckboxGroupValues = (children: ReactNode): string[] => {\r\n const values = Children.toArray(children)\r\n .filter(hasCheckboxValue)\r\n .map((child) => child.props.value)\r\n\r\n return [...new Set(values)]\r\n}\r\n"],"names":["hasCheckboxValue","child","isValidElement","getCheckboxGroupValues","children","values","Children"],"mappings":"yGAMMA,EAAoBC,GACtBC,iBAAmCD,CAAK,GAAK,OAAOA,EAAM,MAAM,OAAU,SAEjEE,EAA0BC,GAAkC,CACrE,MAAMC,EAASC,EAAAA,SAAS,QAAQF,CAAQ,EACnC,OAAOJ,CAAgB,EACvB,IAAKC,GAAUA,EAAM,MAAM,KAAK,EAErC,MAAO,CAAC,GAAG,IAAI,IAAII,CAAM,CAAC,CAC9B"}

package/dist/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ReactNode } from 'react';
2	+ export declare const getCheckboxGroupValues: (children: ReactNode) => string[];

package/dist/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { Children as t, isValidElement as s } from "react";
+const a = (e) => s(e) && typeof e.props.value == "string", l = (e) => {
+  const o = t.toArray(e).filter(a).map((r) => r.props.value);
+  return [...new Set(o)];
+};
+export {
+  l as getCheckboxGroupValues
+};
+//# sourceMappingURL=getCheckboxGroupValues.utils.js.map

package/dist/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getCheckboxGroupValues.utils.js","sources":["../../../../../src/components/forms/checkbox-group/utils/getCheckboxGroupValues.utils.ts"],"sourcesContent":["import { Children, isValidElement, type ReactElement, type ReactNode } from 'react'\r\n\r\ntype CheckboxValueProps = {\r\n value: string\r\n}\r\n\r\nconst hasCheckboxValue = (child: ReactNode): child is ReactElement<CheckboxValueProps> =>\r\n isValidElement<CheckboxValueProps>(child) && typeof child.props.value === 'string'\r\n\r\nexport const getCheckboxGroupValues = (children: ReactNode): string[] => {\r\n const values = Children.toArray(children)\r\n .filter(hasCheckboxValue)\r\n .map((child) => child.props.value)\r\n\r\n return [...new Set(values)]\r\n}\r\n"],"names":["hasCheckboxValue","child","isValidElement","getCheckboxGroupValues","children","values","Children"],"mappings":";AAMA,MAAMA,IAAmB,CAACC,MACtBC,EAAmCD,CAAK,KAAK,OAAOA,EAAM,MAAM,SAAU,UAEjEE,IAAyB,CAACC,MAAkC;AACrE,QAAMC,IAASC,EAAS,QAAQF,CAAQ,EACnC,OAAOJ,CAAgB,EACvB,IAAI,CAACC,MAAUA,EAAM,MAAM,KAAK;AAErC,SAAO,CAAC,GAAG,IAAI,IAAII,CAAM,CAAC;AAC9B;"}

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

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

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

	@@ -1 +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 ~~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":"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,~~gBAAeM~~,~~EACf,UACImB,~~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"}
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"}

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

@@ -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 CHANGED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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