@choco-vanille/ui 1.1.2 → 1.3.0

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

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

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

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

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

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

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

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

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

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

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