@purpur/library 9.2.3 → 9.4.0

package/dist/carousel.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./carousel-BCw-5u92.js");exports.Carousel=e.Carousel;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./carousel-DXrtxRz5.js");exports.Carousel=e.Carousel;
 //# sourceMappingURL=carousel.cjs.js.map

package/dist/carousel.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./carousel-BkxojLwn.mjs";
+import { C as a } from "./carousel-DLkTL9sj.mjs";
 export {
   a as Carousel
 };

package/dist/checkbox-BHTx89JQ.mjs

@@ -0,0 +1,236 @@
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import * as u from "react";
+import { forwardRef as M } from "react";
+import { F as B } from "./field-error-text-CBSX8dGx.mjs";
+import { F as O } from "./field-helper-text-C5ee4SFV.mjs";
+import { b as $ } from "./icon.es-CZcKxTaM.mjs";
+import { l as j } from "./checkmark-bold.es-CV3e_t3E.mjs";
+import { L as q } from "./label-7sJe5-pX.mjs";
+import { P as A } from "./paragraph-DSxXmX_0.mjs";
+import { u as K } from "./index-DLcqcWxM.mjs";
+import { c as X } from "./index-DOfn3ixy.mjs";
+import { u as Z, c as R, a as G } from "./index-tyLV0iiH.mjs";
+import { u as J } from "./index-DPxjTK4w.mjs";
+import { P as Q } from "./index-C1AXAWlO.mjs";
+import { P as N } from "./index-CCNZ9uWB.mjs";
+import { c as U } from "./bind-CU-R61T-.mjs";
+const V = {
+  name: "minus-bold",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',
+  keywords: ["minus-bold"],
+  category: "utility"
+};
+var P = "Checkbox", [W] = X(P), [Y, I] = W(P), S = u.forwardRef(
+  (e, s) => {
+    const {
+      __scopeCheckbox: r,
+      name: d,
+      checked: l,
+      defaultChecked: o,
+      required: p,
+      disabled: c,
+      value: _ = "on",
+      onCheckedChange: n,
+      form: h,
+      ...k
+    } = e, [b, z] = u.useState(null), y = K(s, (a) => z(a)), g = u.useRef(!1), E = b ? h || !!b.closest("form") : !0, [x = !1, w] = Z({
+      prop: l,
+      defaultProp: o,
+      onChange: n
+    }), L = u.useRef(x);
+    return u.useEffect(() => {
+      const a = b?.form;
+      if (a) {
+        const C = () => w(L.current);
+        return a.addEventListener("reset", C), () => a.removeEventListener("reset", C);
+      }
+    }, [b, w]), /* @__PURE__ */ v(Y, { scope: r, state: x, disabled: c, children: [
+      /* @__PURE__ */ t(
+        N.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": m(x) ? "mixed" : x,
+          "aria-required": p,
+          "data-state": H(x),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: _,
+          ...k,
+          ref: y,
+          onKeyDown: R(e.onKeyDown, (a) => {
+            a.key === "Enter" && a.preventDefault();
+          }),
+          onClick: R(e.onClick, (a) => {
+            w((C) => m(C) ? !0 : !C), E && (g.current = a.isPropagationStopped(), g.current || a.stopPropagation());
+          })
+        }
+      ),
+      E && /* @__PURE__ */ t(
+        T,
+        {
+          control: b,
+          bubbles: !g.current,
+          name: d,
+          value: _,
+          checked: x,
+          required: p,
+          disabled: c,
+          form: h,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: m(o) ? !1 : o
+        }
+      )
+    ] });
+  }
+);
+S.displayName = P;
+var F = "CheckboxIndicator", D = u.forwardRef(
+  (e, s) => {
+    const { __scopeCheckbox: r, forceMount: d, ...l } = e, o = I(F, r);
+    return /* @__PURE__ */ t(Q, { present: d || m(o.state) || o.state === !0, children: /* @__PURE__ */ t(
+      N.span,
+      {
+        "data-state": H(o.state),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...l,
+        ref: s,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+D.displayName = F;
+var T = (e) => {
+  const { control: s, checked: r, bubbles: d = !0, defaultChecked: l, ...o } = e, p = u.useRef(null), c = G(r), _ = J(s);
+  u.useEffect(() => {
+    const h = p.current, k = window.HTMLInputElement.prototype, z = Object.getOwnPropertyDescriptor(k, "checked").set;
+    if (c !== r && z) {
+      const y = new Event("click", { bubbles: d });
+      h.indeterminate = m(r), z.call(h, m(r) ? !1 : r), h.dispatchEvent(y);
+    }
+  }, [c, r, d]);
+  const n = u.useRef(m(r) ? !1 : r);
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: l ?? n.current,
+      ...o,
+      tabIndex: -1,
+      ref: p,
+      style: {
+        ...e.style,
+        ..._,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function m(e) {
+  return e === "indeterminate";
+}
+function H(e) {
+  return m(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var ee = S, re = D;
+const te = {
+  "purpur-checkbox": "_purpur-checkbox_1u1zz_1",
+  "purpur-checkbox__box": "_purpur-checkbox__box_1u1zz_7",
+  "purpur-checkbox--error": "_purpur-checkbox--error_1u1zz_16",
+  "purpur-checkbox--error-checkbox": "_purpur-checkbox--error-checkbox_1u1zz_16",
+  "purpur-checkbox--negative": "_purpur-checkbox--negative_1u1zz_49",
+  "purpur-checkbox__indicator": "_purpur-checkbox__indicator_1u1zz_80",
+  "purpur-checkbox__label-container": "_purpur-checkbox__label-container_1u1zz_107",
+  "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_1u1zz_113",
+  "purpur-checkbox__container": "_purpur-checkbox__container_1u1zz_119"
+}, f = U.bind(te), xe = ["indeterminate", !0, !1], i = "purpur-checkbox", oe = M(
+  ({
+    ["data-testid"]: e,
+    checked: s,
+    className: r,
+    error: d = !1,
+    errorText: l,
+    label: o,
+    helperText: p,
+    negative: c = !1,
+    onChange: _,
+    ...n
+  }, h) => {
+    const k = l && !s, b = d && !s;
+    return /* @__PURE__ */ v("div", { className: f([`${i}__wrapper`, r]), children: [
+      /* @__PURE__ */ v("div", { className: f([`${i}__container`, r]), children: [
+        /* @__PURE__ */ t(
+          ee,
+          {
+            ...n,
+            checked: s,
+            className: f([
+              i,
+              {
+                [`${i}--error`]: k,
+                [`${i}--error-checkbox`]: b,
+                [`${i}--negative`]: c
+              }
+            ]),
+            "data-testid": e,
+            onCheckedChange: _,
+            ref: h,
+            children: /* @__PURE__ */ t("span", { className: f(`${i}__box`), children: /* @__PURE__ */ t(re, { className: f(`${i}__indicator`), children: s === "indeterminate" ? /* @__PURE__ */ t(
+              $,
+              {
+                "data-testid": e && `${e}-checked-icon`,
+                size: "xs",
+                svg: V
+              }
+            ) : /* @__PURE__ */ t(
+              $,
+              {
+                "data-testid": e && `${e}-indeterminate-icon`,
+                size: "xs",
+                svg: j
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ v("span", { className: f(`${i}__label-container`), children: [
+          o && /* @__PURE__ */ t(
+            q,
+            {
+              htmlFor: n.id,
+              "data-testid": e && `${e}-label`,
+              disabled: n.disabled,
+              negative: c,
+              children: /* @__PURE__ */ v(A, { variant: "paragraph-100", disabled: n.disabled, negative: c, children: [
+                n.required && /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "* " }),
+                o
+              ] })
+            }
+          ),
+          p && /* @__PURE__ */ t(
+            O,
+            {
+              className: f(`${i}__helper`),
+              "data-testid": e && `${e}-helper-text`,
+              disabled: n.disabled,
+              id: `${n.id}-helper-text`,
+              negative: c,
+              children: p
+            }
+          )
+        ] })
+      ] }),
+      k && /* @__PURE__ */ t(B, { "data-testid": e && `${e}-error-text`, negative: c, children: l })
+    ] });
+  }
+);
+oe.displayName = "Checkbox";
+export {
+  oe as C,
+  xe as c
+};
+//# sourceMappingURL=checkbox-BHTx89JQ.mjs.map

package/dist/checkbox-BHTx89JQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-BHTx89JQ.mjs","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/checkbox-CDNcNv6d.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),q=require("react"),M=require("./field-error-text-FhQulSV5.js"),B=require("./field-helper-text-DSKO-Tce.js"),E=require("./icon.es-j3eRib6d.js"),F=require("./checkmark-bold.es-DdJFVVJG.js"),L=require("./label-yHK80hhV.js"),A=require("./paragraph-By4jMjnH.js"),K=require("./index-_XxjJPRD.js"),X=require("./index-kcwFA4Dv.js"),j=require("./index-CxBG4Ssm.js"),Z=require("./index-DOFLOnao.js"),G=require("./index-HJvG7FXj.js"),P=require("./index-Hk_HrrHM.js"),J=require("./bind-DeUYJ6m9.js");function Q(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const d=Q(q),U={name:"minus-bold",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',keywords:["minus-bold"],category:"utility"};var $="Checkbox",[V]=X.createContextScope($),[W,Y]=V($),R=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,name:s,checked:l,defaultChecked:o,required:p,disabled:n,value:f="on",onCheckedChange:i,form:h,...k}=e,[b,v]=d.useState(null),g=K.useComposedRefs(c,a=>v(a)),y=d.useRef(!1),w=b?h||!!b.closest("form"):!0,[m=!1,z]=j.useControllableState({prop:l,defaultProp:o,onChange:i}),H=d.useRef(m);return d.useEffect(()=>{const a=b?.form;if(a){const C=()=>z(H.current);return a.addEventListener("reset",C),()=>a.removeEventListener("reset",C)}},[b,z]),t.jsxs(W,{scope:r,state:m,disabled:n,children:[t.jsx(P.Primitive.button,{type:"button",role:"checkbox","aria-checked":x(m)?"mixed":m,"aria-required":p,"data-state":O(m),"data-disabled":n?"":void 0,disabled:n,value:f,...k,ref:g,onKeyDown:j.composeEventHandlers(e.onKeyDown,a=>{a.key==="Enter"&&a.preventDefault()}),onClick:j.composeEventHandlers(e.onClick,a=>{z(C=>x(C)?!0:!C),w&&(y.current=a.isPropagationStopped(),y.current||a.stopPropagation())})}),w&&t.jsx(I,{control:b,bubbles:!y.current,name:s,value:f,checked:m,required:p,disabled:n,form:h,style:{transform:"translateX(-100%)"},defaultChecked:x(o)?!1:o})]})});R.displayName=$;var N="CheckboxIndicator",S=d.forwardRef((e,c)=>{const{__scopeCheckbox:r,forceMount:s,...l}=e,o=Y(N,r);return t.jsx(G.Presence,{present:s||x(o.state)||o.state===!0,children:t.jsx(P.Primitive.span,{"data-state":O(o.state),"data-disabled":o.disabled?"":void 0,...l,ref:c,style:{pointerEvents:"none",...e.style}})})});S.displayName=N;var I=e=>{const{control:c,checked:r,bubbles:s=!0,defaultChecked:l,...o}=e,p=d.useRef(null),n=j.usePrevious(r),f=Z.useSize(c);d.useEffect(()=>{const h=p.current,k=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(k,"checked").set;if(n!==r&&v){const g=new Event("click",{bubbles:s});h.indeterminate=x(r),v.call(h,x(r)?!1:r),h.dispatchEvent(g)}},[n,r,s]);const i=d.useRef(x(r)?!1:r);return t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:l??i.current,...o,tabIndex:-1,ref:p,style:{...e.style,...f,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function x(e){return e==="indeterminate"}function O(e){return x(e)?"indeterminate":e?"checked":"unchecked"}var T=R,ee=S;const re={"purpur-checkbox":"_purpur-checkbox_1u1zz_1","purpur-checkbox__box":"_purpur-checkbox__box_1u1zz_7","purpur-checkbox--error":"_purpur-checkbox--error_1u1zz_16","purpur-checkbox--error-checkbox":"_purpur-checkbox--error-checkbox_1u1zz_16","purpur-checkbox--negative":"_purpur-checkbox--negative_1u1zz_49","purpur-checkbox__indicator":"_purpur-checkbox__indicator_1u1zz_80","purpur-checkbox__label-container":"_purpur-checkbox__label-container_1u1zz_107","purpur-checkbox__wrapper":"_purpur-checkbox__wrapper_1u1zz_113","purpur-checkbox__container":"_purpur-checkbox__container_1u1zz_119"},_=J.c.bind(re),te=["indeterminate",!0,!1],u="purpur-checkbox",D=q.forwardRef(({["data-testid"]:e,checked:c,className:r,error:s=!1,errorText:l,label:o,helperText:p,negative:n=!1,onChange:f,...i},h)=>{const k=l&&!c,b=s&&!c;return t.jsxs("div",{className:_([`${u}__wrapper`,r]),children:[t.jsxs("div",{className:_([`${u}__container`,r]),children:[t.jsx(T,{...i,checked:c,className:_([u,{[`${u}--error`]:k,[`${u}--error-checkbox`]:b,[`${u}--negative`]:n}]),"data-testid":e,onCheckedChange:f,ref:h,children:t.jsx("span",{className:_(`${u}__box`),children:t.jsx(ee,{className:_(`${u}__indicator`),children:c==="indeterminate"?t.jsx(E.b,{"data-testid":e&&`${e}-checked-icon`,size:"xs",svg:U}):t.jsx(E.b,{"data-testid":e&&`${e}-indeterminate-icon`,size:"xs",svg:F.l})})})}),t.jsxs("span",{className:_(`${u}__label-container`),children:[o&&t.jsx(L.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,negative:n,children:t.jsxs(A.Paragraph,{variant:"paragraph-100",disabled:i.disabled,negative:n,children:[i.required&&t.jsx("span",{"aria-hidden":!0,children:"* "}),o]})}),p&&t.jsx(B.FieldHelperText,{className:_(`${u}__helper`),"data-testid":e&&`${e}-helper-text`,disabled:i.disabled,id:`${i.id}-helper-text`,negative:n,children:p})]})]}),k&&t.jsx(M.FieldErrorText,{"data-testid":e&&`${e}-error-text`,negative:n,children:l})]})});D.displayName="Checkbox";exports.Checkbox=D;exports.checkedState=te;
+//# sourceMappingURL=checkbox-CDNcNv6d.js.map

package/dist/checkbox-CDNcNv6d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-CDNcNv6d.js","sources":["../../../components/icon/dist/assets/minus-bold.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-checkbox@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_f616ca483e8f11c8b6f09ac94c17a7b2/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../../../components/checkbox/src/checkbox.tsx"],"sourcesContent":["const l = {\n  name: \"minus-bold\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus-bold\"],\n  category: \"utility\"\n};\nexport {\n  l as minusBold\n};\n//# sourceMappingURL=minus-bold.es.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { minusBold } from \"@purpur/icon/assets/minus-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./checkbox.module.scss\";\nconst cx = c.bind(styles);\n\nexport const checkedState = [\"indeterminate\", true, false] as const;\n\nexport type CheckedState = (typeof checkedState)[number];\nexport type CheckboxProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\"> & {\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * To use when no label is given (not recommended).\n   * */\n  [\"aria-label\"]?: string;\n  checked?: CheckedState;\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean;\n  /**\n   * Use to render error state on the actual checkbox only. No error text below the checkbox will appear and the label will not\n   * be shown as an error, unless errorText is set.\n   * */\n  error?: boolean;\n  /**\n   * Use to render error message below the checkbox. The checkbox renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * ID of the checkbox.\n   * */\n  id: string;\n  /**\n   * The label of the checkbox. Label can't be a block element\n   * */\n  label?: ReactNode;\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * The helper text displayed below the checkbox.\n   */\n  helperText?: string;\n  /**\n   * When `true`, renders the checkbox for use on dark or colored backgrounds.\n   */\n  negative?: boolean;\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   * */\n  onChange?: (value: CheckedState) => void;\n  /**\n   * When `true`, indicates that the user must check the checkbox before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when submitted with a name.\n   * */\n  value?: string;\n};\n\nconst rootClassName = \"purpur-checkbox\";\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      checked,\n      className,\n      error = false,\n      errorText,\n      label,\n      helperText,\n      negative = false,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const isError = errorText && !checked;\n    const isCheckboxError = error && !checked;\n\n    return (\n      <div className={cx([`${rootClassName}__wrapper`, className])}>\n        <div className={cx([`${rootClassName}__container`, className])}>\n          <RadixCheckbox.Root\n            {...props}\n            checked={checked}\n            className={cx([\n              rootClassName,\n              {\n                [`${rootClassName}--error`]: isError,\n                [`${rootClassName}--error-checkbox`]: isCheckboxError,\n                [`${rootClassName}--negative`]: negative,\n              },\n            ])}\n            data-testid={dataTestId}\n            onCheckedChange={onChange}\n            ref={ref}\n          >\n            <span className={cx(`${rootClassName}__box`)}>\n              <RadixCheckbox.Indicator className={cx(`${rootClassName}__indicator`)}>\n                {checked === \"indeterminate\" ? (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-checked-icon`}\n                    size=\"xs\"\n                    svg={minusBold}\n                  />\n                ) : (\n                  <Icon\n                    data-testid={dataTestId && `${dataTestId}-indeterminate-icon`}\n                    size=\"xs\"\n                    svg={checkmarkBold}\n                  />\n                )}\n              </RadixCheckbox.Indicator>\n            </span>\n          </RadixCheckbox.Root>\n          <span className={cx(`${rootClassName}__label-container`)}>\n            {label && (\n              <Label\n                htmlFor={props.id}\n                data-testid={dataTestId && `${dataTestId}-label`}\n                disabled={props.disabled}\n                negative={negative}\n              >\n                <Paragraph variant=\"paragraph-100\" disabled={props.disabled} negative={negative}>\n                  {props.required && <span aria-hidden>{\"* \"}</span>}\n                  {label}\n                </Paragraph>\n              </Label>\n            )}\n            {helperText && (\n              <FieldHelperText\n                className={cx(`${rootClassName}__helper`)}\n                data-testid={dataTestId && `${dataTestId}-helper-text`}\n                disabled={props.disabled}\n                id={`${props.id}-helper-text`}\n                negative={negative}\n              >\n                {helperText}\n              </FieldHelperText>\n            )}\n          </span>\n        </div>\n        {isError && (\n          <FieldErrorText data-testid={dataTestId && `${dataTestId}-error-text`} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["l","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","cx","c","styles","checkedState","rootClassName","forwardRef","dataTestId","className","error","errorText","label","helperText","negative","onChange","isError","isCheckboxError","RadixCheckbox.Root","RadixCheckbox.Indicator","Icon","minusBold","checkmarkBold","Label","Paragraph","FieldHelperText","FieldErrorText"],"mappings":"ozBAAMA,EAAI,CACR,KAAM,aACN,IAAK,sPACL,SAAU,CAAC,YAAY,EACvB,SAAU,SACZ,ECQA,IAAIC,EAAgB,WAChB,CAACC,CAA0C,EAAIC,EAAAA,mBAAmBF,CAAa,EAC/E,CAACG,EAAkBC,CAAkB,EAAIH,EAAsBD,CAAa,EAC5EK,EAAWC,EAAM,WACnB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CACJ,gBAAAC,EACA,KAAAC,EACA,QAASC,EACT,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,KACR,gBAAAC,EACA,KAAAC,EACA,GAAGC,CACT,EAAQX,EACE,CAACY,EAAQC,CAAS,EAAId,EAAM,SAAS,IAAI,EACzCe,EAAeC,EAAAA,gBAAgBd,EAAee,GAASH,EAAUG,CAAI,CAAC,EACtEC,EAAmClB,EAAM,OAAO,EAAK,EACrDmB,EAAgBN,EAASF,GAAQ,CAAC,CAACE,EAAO,QAAQ,MAAM,EAAI,GAC5D,CAACO,EAAU,GAAOC,CAAU,EAAIC,EAAAA,qBAAqB,CACzD,KAAMjB,EACN,YAAaC,EACb,SAAUI,CAChB,CAAK,EACKa,EAAyBvB,EAAM,OAAOoB,CAAO,EACnDpB,OAAAA,EAAM,UAAU,IAAM,CACpB,MAAMwB,EAAQX,GAAQ,KACtB,GAAIW,EAAO,CACT,MAAMC,EAAQ,IAAMJ,EAAWE,EAAuB,OAAO,EAC7D,OAAAC,EAAM,iBAAiB,QAASC,CAAK,EAC9B,IAAMD,EAAM,oBAAoB,QAASC,CAAK,CACvD,CACF,EAAG,CAACZ,EAAQQ,CAAU,CAAC,EACAK,EAAAA,KAAK7B,EAAkB,CAAE,MAAOM,EAAiB,MAAOiB,EAAS,SAAAZ,EAAU,SAAU,CAC1FmB,EAAAA,IACdC,EAAAA,UAAU,OACV,CACE,KAAM,SACN,KAAM,WACN,eAAgBC,EAAgBT,CAAO,EAAI,QAAUA,EACrD,gBAAiBb,EACjB,aAAcuB,EAASV,CAAO,EAC9B,gBAAiBZ,EAAW,GAAK,OACjC,SAAAA,EACA,MAAAC,EACA,GAAGG,EACH,IAAKG,EACL,UAAWgB,EAAAA,qBAAqB9B,EAAM,UAAY+B,GAAU,CACtDA,EAAM,MAAQ,SAASA,EAAM,eAAc,CACjD,CAAC,EACD,QAASD,EAAAA,qBAAqB9B,EAAM,QAAU+B,GAAU,CACtDX,EAAYY,GAAgBJ,EAAgBI,CAAW,EAAI,GAAO,CAACA,CAAW,EAC1Ed,IACFD,EAAiC,QAAUc,EAAM,qBAAoB,EAChEd,EAAiC,SAASc,EAAM,gBAAe,EAExE,CAAC,CACX,CACA,EACMb,GAAiCQ,EAAAA,IAC/BO,EACA,CACE,QAASrB,EACT,QAAS,CAACK,EAAiC,QAC3C,KAAAd,EACA,MAAAK,EACA,QAAAW,EACA,SAAAb,EACA,SAAAC,EACA,KAAAG,EACA,MAAO,CAAE,UAAW,mBAAmB,EACvC,eAAgBkB,EAAgBvB,CAAc,EAAI,GAAQA,CACpE,CACA,CACA,EAAO,CACL,CACF,EACAP,EAAS,YAAcL,EACvB,IAAIyC,EAAiB,oBACjBC,EAAoBpC,EAAM,WAC5B,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,gBAAAC,EAAiB,WAAAkC,EAAY,GAAGC,CAAc,EAAKrC,EACrDsC,EAAUzC,EAAmBqC,EAAgBhC,CAAe,EAClE,OAAuBwB,EAAAA,IAAIa,EAAAA,SAAU,CAAE,QAASH,GAAcR,EAAgBU,EAAQ,KAAK,GAAKA,EAAQ,QAAU,GAAM,SAA0BZ,EAAAA,IAChJC,EAAAA,UAAU,KACV,CACE,aAAcE,EAASS,EAAQ,KAAK,EACpC,gBAAiBA,EAAQ,SAAW,GAAK,OACzC,GAAGD,EACH,IAAKpC,EACL,MAAO,CAAE,cAAe,OAAQ,GAAGD,EAAM,KAAK,CACtD,CACA,EAAO,CACL,CACF,EACAmC,EAAkB,YAAcD,EAChC,IAAID,EAAejC,GAAU,CAC3B,KAAM,CAAE,QAAAwC,EAAS,QAAArB,EAAS,QAAAsB,EAAU,GAAM,eAAApC,EAAgB,GAAGqC,CAAU,EAAK1C,EACtE2C,EAAM5C,EAAM,OAAO,IAAI,EACvBiC,EAAcY,EAAAA,YAAYzB,CAAO,EACjC0B,EAAcC,EAAAA,QAAQN,CAAO,EACnCzC,EAAM,UAAU,IAAM,CACpB,MAAMgD,EAAQJ,EAAI,QACZK,EAAa,OAAO,iBAAiB,UAErC5B,EADa,OAAO,yBAAyB4B,EAAY,SAAS,EAC1C,IAC9B,GAAIhB,IAAgBb,GAAWC,EAAY,CACzC,MAAMW,EAAQ,IAAI,MAAM,QAAS,CAAE,QAAAU,CAAO,CAAE,EAC5CM,EAAM,cAAgBnB,EAAgBT,CAAO,EAC7CC,EAAW,KAAK2B,EAAOnB,EAAgBT,CAAO,EAAI,GAAQA,CAAO,EACjE4B,EAAM,cAAchB,CAAK,CAC3B,CACF,EAAG,CAACC,EAAab,EAASsB,CAAO,CAAC,EAClC,MAAMQ,EAAoBlD,EAAM,OAAO6B,EAAgBT,CAAO,EAAI,GAAQA,CAAO,EACjF,OAAuBO,EAAAA,IACrB,QACA,CACE,KAAM,WACN,cAAe,GACf,eAAgBrB,GAAkB4C,EAAkB,QACpD,GAAGP,EACH,SAAU,GACV,IAAAC,EACA,MAAO,CACL,GAAG3C,EAAM,MACT,GAAG6C,EACH,SAAU,WACV,cAAe,OACf,QAAS,EACT,OAAQ,CAChB,CACA,CACA,CACA,EACA,SAASjB,EAAgBT,EAAS,CAChC,OAAOA,IAAY,eACrB,CACA,SAASU,EAASV,EAAS,CACzB,OAAOS,EAAgBT,CAAO,EAAI,gBAAkBA,EAAU,UAAY,WAC5E,CACA,IAAI+B,EAAOpD,EACPqD,GAAYhB,wlBC/IViB,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAEXC,GAAe,CAAC,gBAAiB,GAAM,EAAK,EAgEnDC,EAAgB,kBAET1D,EAAW2D,EAAAA,WACtB,CACE,CACE,CAAC,eAAgBC,EACjB,QAAAvC,EACA,UAAAwC,EACA,MAAAC,EAAQ,GACR,UAAAC,EAAA,MACAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,GAAGjE,CAAA,EAEL2C,IACG,CACH,MAAMuB,EAAUL,GAAa,CAAC1C,EACxBgD,EAAkBP,GAAS,CAACzC,EAElC,OACEM,OAAC,MAAA,CAAI,UAAW2B,EAAG,CAAC,GAAGI,CAAa,YAAaG,CAAS,CAAC,EACzD,SAAA,CAAAlC,EAAAA,KAAC,MAAA,CAAI,UAAW2B,EAAG,CAAC,GAAGI,CAAa,cAAeG,CAAS,CAAC,EAC3D,SAAA,CAAAjC,EAAAA,IAAC0C,EAAA,CACE,GAAGpE,EACJ,QAAAmB,EACA,UAAWiC,EAAG,CACZI,EACA,CACE,CAAC,GAAGA,CAAa,SAAS,EAAGU,EAC7B,CAAC,GAAGV,CAAa,kBAAkB,EAAGW,EACtC,CAAC,GAAGX,CAAa,YAAY,EAAGQ,CAAA,CAClC,CACD,EACD,cAAaN,EACb,gBAAiBO,EACjB,IAAAtB,EAEA,eAAC,OAAA,CAAK,UAAWS,EAAG,GAAGI,CAAa,OAAO,EACzC,SAAA9B,EAAAA,IAAC2C,GAAA,CAAwB,UAAWjB,EAAG,GAAGI,CAAa,aAAa,EACjE,aAAY,gBACX9B,EAAAA,IAAC4C,EAAAA,EAAA,CACC,cAAaZ,GAAc,GAAGA,CAAU,gBACxC,KAAK,KACL,IAAKa,CAAA,CAAA,EAGP7C,EAAAA,IAAC4C,EAAAA,EAAA,CACC,cAAaZ,GAAc,GAAGA,CAAU,sBACxC,KAAK,KACL,IAAKc,EAAAA,CAAA,CAAA,EAGX,CAAA,CACF,CAAA,CAAA,SAED,OAAA,CAAK,UAAWpB,EAAG,GAAGI,CAAa,mBAAmB,EACpD,SAAA,CAAAM,GACCpC,EAAAA,IAAC+C,EAAAA,MAAA,CACC,QAASzE,EAAM,GACf,cAAa0D,GAAc,GAAGA,CAAU,SACxC,SAAU1D,EAAM,SAChB,SAAAgE,EAEA,gBAACU,YAAA,CAAU,QAAQ,gBAAgB,SAAU1E,EAAM,SAAU,SAAAgE,EAC1D,SAAA,CAAAhE,EAAM,UAAY0B,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAE,SAAA,KAAK,EAC1CoC,CAAA,CAAA,CACH,CAAA,CAAA,EAGHC,GACCrC,EAAAA,IAACiD,EAAAA,gBAAA,CACC,UAAWvB,EAAG,GAAGI,CAAa,UAAU,EACxC,cAAaE,GAAc,GAAGA,CAAU,eACxC,SAAU1D,EAAM,SAChB,GAAI,GAAGA,EAAM,EAAE,eACf,SAAAgE,EAEC,SAAAD,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,EACF,EACCG,SACEU,iBAAA,CAAe,cAAalB,GAAc,GAAGA,CAAU,cAAe,SAAAM,EACpE,SAAAH,CAAA,CACH,CAAA,EAEJ,CAEJ,CACF,EAEA/D,EAAS,YAAc","x_google_ignoreList":[1]}

package/dist/checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./checkbox-Dk3bZkZ3.js");exports.Checkbox=e.Checkbox;exports.checkedState=e.checkedState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./checkbox-CDNcNv6d.js");exports.Checkbox=e.Checkbox;exports.checkedState=e.checkedState;
 //# sourceMappingURL=checkbox.cjs.js.map

package/dist/checkbox.es.js

@@ -1,4 +1,4 @@
-import { C as a, c as o } from "./checkbox-D6qWgpWR.mjs";
+import { C as a, c as o } from "./checkbox-BHTx89JQ.mjs";
 export {
   a as Checkbox,
   o as checkedState