@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    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"}
+{"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

@@ -1,6 +1,6 @@
-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                                         */
+import '../../../ui-kit80.css';import '../../../ui-kit4.css';import '../../../ui-kit6.css';import '../../../ui-kit3.css';import '../../../ui-kit8.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit12.css';import '../../../ui-kit10.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit11.css';import '../../../ui-kit9.css';import '../../../ui-kit49.css';import '../../../ui-kit75.css';import '../../../ui-kit35.css';import '../../../ui-kit2.css';import '../../../ui-kit57.css';import '../../../ui-kit61.css';import '../../../ui-kit27.css';import '../../../ui-kit25.css';import '../../../ui-kit48.css';import '../../../ui-kit16.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                 */
 /* 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/date-picker/styles/DatePicker.css.cjs

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

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

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

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";require('../../../ui-kit49.css');require('../../../ui-kit75.css');require('../../../ui-kit35.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');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;