@televet/kibble-ui 4.0.0-beta.13 → 4.0.0-beta.130

package/dist/chunks/checkbox.anatomy-Cay-Mr3g.js

@@ -0,0 +1,256 @@
+import { b as P, c as F, z as S, A as D, E as N, D as O, F as H, d as i, w as x, G } from "./index-1syExFDc.js";
+import { t as K, i as R } from "./index-4eV_IBpJ.js";
+import { e as A } from "./use-locale-context-DMynFc1_.js";
+var T = P("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, b = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, L = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, X = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
+function w(e, t) {
+  const { send: a, context: d, prop: s, computed: C, scope: c } = e, o = s("disabled"), p = s("readOnly"), v = s("invalid"), E = !o && d.get("focused"), I = !o && d.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
+    "data-active": i(d.get("active")),
+    "data-focus": i(E),
+    "data-focus-visible": i(I),
+    "data-readonly": i(p),
+    "data-hover": i(d.get("hovered")),
+    "data-disabled": i(o),
+    "data-state": k ? "indeterminate" : n ? "checked" : "unchecked",
+    "data-invalid": i(v)
+  };
+  return {
+    checked: n,
+    disabled: o,
+    indeterminate: k,
+    focused: E,
+    checkedState: n,
+    setChecked(r) {
+      a({ type: "CHECKED.SET", checked: r, isTrusted: !1 });
+    },
+    toggleChecked() {
+      a({ type: "CHECKED.TOGGLE", checked: n, isTrusted: !1 });
+    },
+    getRootProps() {
+      return t.label({
+        ...h.root.attrs,
+        ...u,
+        dir: s("dir"),
+        id: V(c),
+        htmlFor: g(c),
+        onPointerMove() {
+          o || a({ type: "CONTEXT.SET", context: { hovered: !0 } });
+        },
+        onPointerLeave() {
+          o || a({ type: "CONTEXT.SET", context: { hovered: !1 } });
+        },
+        onClick(r) {
+          G(r) === l(c) && r.stopPropagation();
+        }
+      });
+    },
+    getLabelProps() {
+      return t.element({
+        ...h.label.attrs,
+        ...u,
+        dir: s("dir"),
+        id: b(c)
+      });
+    },
+    getControlProps() {
+      return t.element({
+        ...h.control.attrs,
+        ...u,
+        dir: s("dir"),
+        id: L(c),
+        "aria-hidden": !0
+      });
+    },
+    getIndicatorProps() {
+      return t.element({
+        ...h.indicator.attrs,
+        ...u,
+        dir: s("dir"),
+        hidden: !k && !n
+      });
+    },
+    getHiddenInputProps() {
+      return t.input({
+        id: g(c),
+        type: "checkbox",
+        required: s("required"),
+        defaultChecked: n,
+        disabled: o,
+        "aria-labelledby": b(c),
+        "aria-invalid": v,
+        name: s("name"),
+        form: s("form"),
+        value: s("value"),
+        style: x,
+        onFocus() {
+          const r = R();
+          a({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: r } });
+        },
+        onBlur() {
+          a({ type: "CONTEXT.SET", context: { focused: !1, focusVisible: !1 } });
+        },
+        onClick(r) {
+          if (p) {
+            r.preventDefault();
+            return;
+          }
+          const m = r.currentTarget.checked;
+          a({ type: "CHECKED.SET", checked: m, isTrusted: !0 });
+        }
+      });
+    }
+  };
+}
+var { not: y } = S(), W = F({
+  props({ props: e }) {
+    return {
+      value: "on",
+      ...e,
+      defaultChecked: !!e.defaultChecked
+    };
+  },
+  initialState() {
+    return "ready";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      checked: t(() => ({
+        defaultValue: e("defaultChecked"),
+        value: e("checked"),
+        onChange(a) {
+          e("onCheckedChange")?.({ checked: a });
+        }
+      })),
+      fieldsetDisabled: t(() => ({ defaultValue: !1 })),
+      focusVisible: t(() => ({ defaultValue: !1 })),
+      active: t(() => ({ defaultValue: !1 })),
+      focused: t(() => ({ defaultValue: !1 })),
+      hovered: t(() => ({ defaultValue: !1 }))
+    };
+  },
+  watch({ track: e, context: t, prop: a, action: d }) {
+    e([() => a("disabled")], () => {
+      d(["removeFocusIfNeeded"]);
+    }), e([() => t.get("checked")], () => {
+      d(["syncInputElement"]);
+    });
+  },
+  effects: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
+  on: {
+    "CHECKED.TOGGLE": [
+      {
+        guard: y("isTrusted"),
+        actions: ["toggleChecked", "dispatchChangeEvent"]
+      },
+      {
+        actions: ["toggleChecked"]
+      }
+    ],
+    "CHECKED.SET": [
+      {
+        guard: y("isTrusted"),
+        actions: ["setChecked", "dispatchChangeEvent"]
+      },
+      {
+        actions: ["setChecked"]
+      }
+    ],
+    "CONTEXT.SET": {
+      actions: ["setContext"]
+    }
+  },
+  computed: {
+    indeterminate: ({ context: e }) => f(e.get("checked")),
+    checked: ({ context: e }) => q(e.get("checked")),
+    disabled: ({ context: e, prop: t }) => !!t("disabled") || e.get("fieldsetDisabled")
+  },
+  states: {
+    ready: {}
+  },
+  implementations: {
+    guards: {
+      isTrusted: ({ event: e }) => !!e.isTrusted
+    },
+    effects: {
+      trackPressEvent({ context: e, computed: t, scope: a }) {
+        if (!t("disabled"))
+          return H({
+            pointerNode: X(a),
+            keyboardNode: l(a),
+            isValidKey: (d) => d.key === " ",
+            onPress: () => e.set("active", !1),
+            onPressStart: () => e.set("active", !0),
+            onPressEnd: () => e.set("active", !1)
+          });
+      },
+      trackFocusVisible({ computed: e, scope: t }) {
+        if (!e("disabled"))
+          return K({ root: t.getRootNode?.() });
+      },
+      trackFormControlState({ context: e, scope: t }) {
+        return O(l(t), {
+          onFieldsetDisabledChange(a) {
+            e.set("fieldsetDisabled", a);
+          },
+          onFormReset() {
+            e.set("checked", e.initial("checked"));
+          }
+        });
+      }
+    },
+    actions: {
+      setContext({ context: e, event: t }) {
+        for (const a in t.context)
+          e.set(a, t.context[a]);
+      },
+      syncInputElement({ context: e, computed: t, scope: a }) {
+        const d = l(a);
+        d && (N(d, t("checked")), d.indeterminate = f(e.get("checked")));
+      },
+      removeFocusIfNeeded({ context: e, prop: t }) {
+        t("disabled") && e.get("focused") && (e.set("focused", !1), e.set("focusVisible", !1));
+      },
+      setChecked({ context: e, event: t }) {
+        e.set("checked", t.checked);
+      },
+      toggleChecked({ context: e, computed: t }) {
+        const a = f(t("checked")) ? !0 : !t("checked");
+        e.set("checked", a);
+      },
+      dispatchChangeEvent({ computed: e, scope: t }) {
+        queueMicrotask(() => {
+          const a = l(t);
+          D(a, { checked: e("checked") });
+        });
+      }
+    }
+  }
+});
+function f(e) {
+  return e === "indeterminate";
+}
+function q(e) {
+  return f(e) ? !1 : !!e;
+}
+A()([
+  "defaultChecked",
+  "checked",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "name",
+  "onCheckedChange",
+  "readOnly",
+  "required",
+  "value"
+]);
+const j = T.extendWith("group");
+export {
+  w as a,
+  j as c,
+  W as m
+};
+//# sourceMappingURL=checkbox.anatomy-Cay-Mr3g.js.map

package/dist/chunks/checkbox.anatomy-Cay-Mr3g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.anatomy-Cay-Mr3g.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n  const { send, context, prop, computed, scope } = service;\n  const disabled = prop(\"disabled\");\n  const readOnly = prop(\"readOnly\");\n  const invalid = prop(\"invalid\");\n  const focused = !disabled && context.get(\"focused\");\n  const focusVisible = !disabled && context.get(\"focusVisible\");\n  const checked = computed(\"checked\");\n  const indeterminate = computed(\"indeterminate\");\n  const dataAttrs = {\n    \"data-active\": dataAttr(context.get(\"active\")),\n    \"data-focus\": dataAttr(focused),\n    \"data-focus-visible\": dataAttr(focusVisible),\n    \"data-readonly\": dataAttr(readOnly),\n    \"data-hover\": dataAttr(context.get(\"hovered\")),\n    \"data-disabled\": dataAttr(disabled),\n    \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n    \"data-invalid\": dataAttr(invalid)\n  };\n  return {\n    checked,\n    disabled,\n    indeterminate,\n    focused,\n    checkedState: checked,\n    setChecked(checked2) {\n      send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n    },\n    toggleChecked() {\n      send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n    },\n    getRootProps() {\n      return normalize.label({\n        ...parts.root.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope),\n        htmlFor: getHiddenInputId(scope),\n        onPointerMove() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n        },\n        onPointerLeave() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n        },\n        onClick(event) {\n          const target = getEventTarget(event);\n          if (target === getHiddenInputEl(scope)) {\n            event.stopPropagation();\n          }\n        }\n      });\n    },\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getLabelId(scope)\n      });\n    },\n    getControlProps() {\n      return normalize.element({\n        ...parts.control.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getControlId(scope),\n        \"aria-hidden\": true\n      });\n    },\n    getIndicatorProps() {\n      return normalize.element({\n        ...parts.indicator.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        hidden: !indeterminate && !checked\n      });\n    },\n    getHiddenInputProps() {\n      return normalize.input({\n        id: getHiddenInputId(scope),\n        type: \"checkbox\",\n        required: prop(\"required\"),\n        defaultChecked: checked,\n        disabled,\n        \"aria-labelledby\": getLabelId(scope),\n        \"aria-invalid\": invalid,\n        name: prop(\"name\"),\n        form: prop(\"form\"),\n        value: prop(\"value\"),\n        style: visuallyHiddenStyle,\n        onFocus() {\n          const focusVisible2 = isFocusVisible();\n          send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n        },\n        onBlur() {\n          send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n        },\n        onClick(event) {\n          if (readOnly) {\n            event.preventDefault();\n            return;\n          }\n          const checked2 = event.currentTarget.checked;\n          send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n        }\n      });\n    }\n  };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n  props({ props: props2 }) {\n    return {\n      value: \"on\",\n      ...props2,\n      defaultChecked: !!props2.defaultChecked\n    };\n  },\n  initialState() {\n    return \"ready\";\n  },\n  context({ prop, bindable }) {\n    return {\n      checked: bindable(() => ({\n        defaultValue: prop(\"defaultChecked\"),\n        value: prop(\"checked\"),\n        onChange(checked) {\n          prop(\"onCheckedChange\")?.({ checked });\n        }\n      })),\n      fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n      focusVisible: bindable(() => ({ defaultValue: false })),\n      active: bindable(() => ({ defaultValue: false })),\n      focused: bindable(() => ({ defaultValue: false })),\n      hovered: bindable(() => ({ defaultValue: false }))\n    };\n  },\n  watch({ track, context, prop, action }) {\n    track([() => prop(\"disabled\")], () => {\n      action([\"removeFocusIfNeeded\"]);\n    });\n    track([() => context.get(\"checked\")], () => {\n      action([\"syncInputElement\"]);\n    });\n  },\n  effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n  on: {\n    \"CHECKED.TOGGLE\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"toggleChecked\"]\n      }\n    ],\n    \"CHECKED.SET\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"setChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"setChecked\"]\n      }\n    ],\n    \"CONTEXT.SET\": {\n      actions: [\"setContext\"]\n    }\n  },\n  computed: {\n    indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n    checked: ({ context }) => isChecked(context.get(\"checked\")),\n    disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n  },\n  states: {\n    ready: {}\n  },\n  implementations: {\n    guards: {\n      isTrusted: ({ event }) => !!event.isTrusted\n    },\n    effects: {\n      trackPressEvent({ context, computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackPress({\n          pointerNode: getRootEl(scope),\n          keyboardNode: getHiddenInputEl(scope),\n          isValidKey: (event) => event.key === \" \",\n          onPress: () => context.set(\"active\", false),\n          onPressStart: () => context.set(\"active\", true),\n          onPressEnd: () => context.set(\"active\", false)\n        });\n      },\n      trackFocusVisible({ computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackFocusVisible({ root: scope.getRootNode?.() });\n      },\n      trackFormControlState({ context, scope }) {\n        return trackFormControl(getHiddenInputEl(scope), {\n          onFieldsetDisabledChange(disabled) {\n            context.set(\"fieldsetDisabled\", disabled);\n          },\n          onFormReset() {\n            context.set(\"checked\", context.initial(\"checked\"));\n          }\n        });\n      }\n    },\n    actions: {\n      setContext({ context, event }) {\n        for (const key in event.context) {\n          context.set(key, event.context[key]);\n        }\n      },\n      syncInputElement({ context, computed, scope }) {\n        const inputEl = getHiddenInputEl(scope);\n        if (!inputEl) return;\n        setElementChecked(inputEl, computed(\"checked\"));\n        inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n      },\n      removeFocusIfNeeded({ context, prop }) {\n        if (prop(\"disabled\") && context.get(\"focused\")) {\n          context.set(\"focused\", false);\n          context.set(\"focusVisible\", false);\n        }\n      },\n      setChecked({ context, event }) {\n        context.set(\"checked\", event.checked);\n      },\n      toggleChecked({ context, computed }) {\n        const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n        context.set(\"checked\", checked);\n      },\n      dispatchChangeEvent({ computed, scope }) {\n        queueMicrotask(() => {\n          const inputEl = getHiddenInputEl(scope);\n          dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n        });\n      }\n    }\n  }\n});\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n  return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n  \"defaultChecked\",\n  \"checked\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"name\",\n  \"onCheckedChange\",\n  \"readOnly\",\n  \"required\",\n  \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/chunks/checkbox.component-Wke7fO3F.js

@@ -0,0 +1,260 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import W, { forwardRef as h, useState as $, useCallback as M, useMemo as q, useId as T } from "react";
+import { w as D } from "./withFormControl-6X6RWCqX.js";
+import { W as F } from "./text.component-nhTe7fy0.js";
+import { c as Y } from "./create-slot-recipe-context-BJmsuxih.js";
+import { c as p } from "./factory-Ctbv0Ozn.js";
+import { d as B } from "./attr-sm10PXOd.js";
+import { a as U } from "./empty-BU2EAux9.js";
+import { u as z } from "./use-recipe-d63ABaZ3.js";
+import { c as j, i as b, o as J, a as g, u as K, b as Q, d as X, n as Z } from "./use-locale-context-DMynFc1_.js";
+import { c as ee, m as oe, a as te } from "./checkbox.anatomy-Cay-Mr3g.js";
+import { a1 as k } from "./index-1syExFDc.js";
+import { u as N } from "./use-field-context-DF-c50-r.js";
+const [V, f] = j({
+  name: "CheckboxContext",
+  hookName: "useCheckboxContext",
+  providerName: "<CheckboxProvider />"
+}), R = h((r, e) => {
+  const o = f(), t = k(o.getControlProps(), r);
+  return /* @__PURE__ */ n.jsx(b.div, { ...t, ref: e });
+});
+R.displayName = "CheckboxControl";
+function re(r) {
+  const { value: e, onChange: o, defaultValue: t } = r, [s, a] = $(t), c = e !== void 0, i = c ? e : s, l = M(
+    (u) => (c || a(u), o?.(u)),
+    [c, o]
+  );
+  return [i, l];
+}
+function se(r = {}) {
+  const { defaultValue: e, value: o, onValueChange: t, disabled: s, readOnly: a, name: c, invalid: i } = r, l = !(s || a), u = J(t, { sync: !0 }), [C, m] = re({
+    value: o,
+    defaultValue: e || [],
+    onChange: u
+  }), x = (d) => C.some((v) => String(v) === String(d)), P = (d) => {
+    x(d) ? H(d) : y(d);
+  }, y = (d) => {
+    l && (x(d) || m(C.concat(d)));
+  }, H = (d) => {
+    l && m(C.filter((v) => String(v) !== String(d)));
+  };
+  return {
+    isChecked: x,
+    value: C,
+    name: c,
+    disabled: !!s,
+    readOnly: !!a,
+    invalid: !!i,
+    setValue: m,
+    addValue: y,
+    toggleValue: P,
+    getItemProps: (d) => ({
+      checked: d.value != null ? x(d.value) : void 0,
+      onCheckedChange() {
+        d.value != null && P(d.value);
+      },
+      name: c,
+      disabled: s,
+      readOnly: a,
+      invalid: i
+    })
+  };
+}
+const [ne, ce] = j({
+  name: "CheckboxGroupContext",
+  hookName: "useCheckboxGroupContext",
+  providerName: "<CheckboxGroupProvider />",
+  strict: !1
+}), I = h((r, e) => {
+  const [o, t] = g()(r, [
+    "defaultValue",
+    "value",
+    "onValueChange",
+    "disabled",
+    "invalid",
+    "readOnly",
+    "name"
+  ]), s = se(o);
+  return /* @__PURE__ */ n.jsx(ne, { value: s, children: /* @__PURE__ */ n.jsx(b.div, { ref: e, role: "group", ...t, ...ee.build().group.attrs }) });
+});
+I.displayName = "CheckboxGroup";
+const G = h((r, e) => {
+  const o = f(), t = k(o.getHiddenInputProps(), r), s = N();
+  return /* @__PURE__ */ n.jsx(b.input, { "aria-describedby": s?.ariaDescribedby, ...t, ref: e });
+});
+G.displayName = "CheckboxHiddenInput";
+const S = h((r, e) => {
+  const o = f(), t = k(o.getLabelProps(), r);
+  return /* @__PURE__ */ n.jsx(b.span, { ...t, ref: e });
+});
+S.displayName = "CheckboxLabel";
+const ae = (r = {}) => {
+  const e = ce(), o = N(), t = q(() => k(r, e?.getItemProps({ value: r.value }) ?? {}), [r, e]), s = T(), { getRootNode: a } = K(), { dir: c } = Q(), i = {
+    id: s,
+    ids: {
+      label: o?.ids.label,
+      hiddenInput: o?.ids.control
+    },
+    dir: c,
+    disabled: o?.disabled,
+    readOnly: o?.readOnly,
+    invalid: o?.invalid,
+    required: o?.required,
+    getRootNode: a,
+    ...t
+  }, l = X(oe, i);
+  return te(l, Z);
+}, _ = h((r, e) => {
+  const [o, t] = g()(r, [
+    "checked",
+    "defaultChecked",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "invalid",
+    "name",
+    "onCheckedChange",
+    "readOnly",
+    "required",
+    "value"
+  ]), s = ae(o), a = k(s.getRootProps(), t);
+  return /* @__PURE__ */ n.jsx(V, { value: s, children: /* @__PURE__ */ n.jsx(b.label, { ...a, ref: e }) });
+});
+_.displayName = "CheckboxRoot";
+const w = h((r, e) => {
+  const [{ value: o }, t] = g()(r, ["value"]), s = k(o.getRootProps(), t);
+  return /* @__PURE__ */ n.jsx(V, { value: o, children: /* @__PURE__ */ n.jsx(b.label, { ...s, ref: e }) });
+});
+w.displayName = "CheckboxRootProvider";
+const ie = h(
+  function(e, o) {
+    const t = z({ key: "checkmark", recipe: e.recipe }), [s, a] = t.splitVariantProps(e), { checked: c, indeterminate: i, disabled: l, unstyled: u, children: C, ...m } = a, x = u ? U : t(s);
+    return /* @__PURE__ */ n.jsx(
+      p.svg,
+      {
+        ref: o,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "3px",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "data-state": i ? "indeterminate" : c ? "checked" : "unchecked",
+        "data-disabled": B(l),
+        css: [x, e.css],
+        ...m,
+        children: i ? /* @__PURE__ */ n.jsx("path", { d: "M5 12h14" }) : c ? /* @__PURE__ */ n.jsx("polyline", { points: "20 6 9 17 4 12" }) : null
+      }
+    );
+  }
+), {
+  withProvider: L,
+  withContext: A,
+  useStyles: de
+} = Y({ key: "checkbox" });
+L(w, "root", { forwardAsChild: !0 });
+const le = L(
+  _,
+  "root",
+  { forwardAsChild: !0 }
+), ue = A(
+  S,
+  "label",
+  { forwardAsChild: !0 }
+), O = h(function(e, o) {
+  const { checked: t, indeterminate: s, ...a } = e, c = f(), i = de();
+  return t && c.checked ? /* @__PURE__ */ n.jsx(
+    p.svg,
+    {
+      ref: o,
+      asChild: !0,
+      ...a,
+      css: [i.indicator, e.css],
+      children: t
+    }
+  ) : s && c.indeterminate ? /* @__PURE__ */ n.jsx(
+    p.svg,
+    {
+      ref: o,
+      asChild: !0,
+      ...a,
+      css: [i.indicator, e.css],
+      children: s
+    }
+  ) : /* @__PURE__ */ n.jsx(
+    ie,
+    {
+      ref: o,
+      checked: c.checked,
+      indeterminate: c.indeterminate,
+      disabled: c.disabled,
+      unstyled: !0,
+      ...a,
+      css: [i.indicator, e.css]
+    }
+  );
+}), he = A(
+  R,
+  "control",
+  {
+    forwardAsChild: !0,
+    defaultProps: { children: /* @__PURE__ */ n.jsx(O, {}) }
+  }
+), Ie = p(
+  I,
+  {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "1.5"
+    }
+  },
+  { forwardAsChild: !0 }
+), xe = G, E = W.forwardRef(
+  ({ checkboxRef: r, children: e, indeterminate: o = !1, onContrast: t, rootRef: s, size: a = "md", withCard: c = !1, ...i }, l) => {
+    const u = t ? "onContrast" : "default";
+    return /* @__PURE__ */ n.jsxs(
+      le,
+      {
+        className: "Checkbox",
+        "data-testid": "kibble-checkbox",
+        checked: o ? "indeterminate" : i.checked,
+        ref: s,
+        variant: u,
+        size: a,
+        withCard: c,
+        ...i,
+        children: [
+          /* @__PURE__ */ n.jsx(
+            xe,
+            {
+              className: "Checkbox__Input",
+              "data-testid": "kibble-checkbox-input",
+              ref: r || l
+            }
+          ),
+          /* @__PURE__ */ n.jsx(he, { className: "Checkbox__Control", "data-testid": "kibble-checkbox-control", children: /* @__PURE__ */ n.jsx(O, { className: "Checkbox__Indicator", "data-testid": "kibble-checkbox-indicator" }) }),
+          !!e && /* @__PURE__ */ n.jsx(
+            ue,
+            {
+              className: "Checkbox__Label",
+              "data-testid": "kibble-checkbox-label",
+              ...c && typeof e != "string" && { mt: "-4px" },
+              children: typeof e == "string" ? /* @__PURE__ */ n.jsx(F, { size: a, lineHeight: "unset", variant: t ? "onContrast" : "default", children: e }) : e
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+E.displayName = "Checkbox";
+const Ge = D(E);
+export {
+  Ie as C,
+  Ge as W,
+  se as u
+};
+//# sourceMappingURL=checkbox.component-Wke7fO3F.js.map

package/dist/chunks/checkbox.component-Wke7fO3F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-Wke7fO3F.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n  name: \"CheckboxContext\",\n  hookName: \"useCheckboxContext\",\n  providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n  const { value, onChange, defaultValue } = props;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const controlled = value !== void 0;\n  const currentValue = controlled ? value : uncontrolledValue;\n  const setValue = useCallback(\n    (value2) => {\n      if (controlled) {\n        return onChange?.(value2);\n      }\n      setUncontrolledValue(value2);\n      return onChange?.(value2);\n    },\n    [controlled, onChange]\n  );\n  return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n  const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n  const interactive = !(disabled || readOnly);\n  const onChangeProp = useEvent(onValueChange, { sync: true });\n  const [value, setValue] = useControllableState({\n    value: controlledValue,\n    defaultValue: defaultValue || [],\n    onChange: onChangeProp\n  });\n  const isChecked = (val) => {\n    return value.some((v) => String(v) === String(val));\n  };\n  const toggleValue = (val) => {\n    isChecked(val) ? removeValue(val) : addValue(val);\n  };\n  const addValue = (val) => {\n    if (!interactive) return;\n    if (isChecked(val)) return;\n    setValue(value.concat(val));\n  };\n  const removeValue = (val) => {\n    if (!interactive) return;\n    setValue(value.filter((v) => String(v) !== String(val)));\n  };\n  const getItemProps = (props2) => {\n    return {\n      checked: props2.value != null ? isChecked(props2.value) : void 0,\n      onCheckedChange() {\n        if (props2.value != null) {\n          toggleValue(props2.value);\n        }\n      },\n      name,\n      disabled,\n      readOnly,\n      invalid\n    };\n  };\n  return {\n    isChecked,\n    value,\n    name,\n    disabled: !!disabled,\n    readOnly: !!readOnly,\n    invalid: !!invalid,\n    setValue,\n    addValue,\n    toggleValue,\n    getItemProps\n  };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n  name: \"CheckboxGroupContext\",\n  hookName: \"useCheckboxGroupContext\",\n  providerName: \"<CheckboxGroupProvider />\",\n  strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n  const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"value\",\n    \"onValueChange\",\n    \"disabled\",\n    \"invalid\",\n    \"readOnly\",\n    \"name\"\n  ]);\n  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n  return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n  const checkboxGroup = useCheckboxGroupContext();\n  const field = useFieldContext();\n  const props = useMemo(() => {\n    return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n  }, [ownProps, checkboxGroup]);\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenInput: field?.ids.control\n    },\n    dir,\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    invalid: field?.invalid,\n    required: field?.required,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(checkbox.machine, machineProps);\n  return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n  const [useCheckboxProps, localProps] = createSplitProps()(props, [\n    \"checked\",\n    \"defaultChecked\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"name\",\n    \"onCheckedChange\",\n    \"readOnly\",\n    \"required\",\n    \"value\"\n  ]);\n  const checkbox = useCheckbox(useCheckboxProps);\n  const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n  const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n  function Checkmark2(props, ref) {\n    const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        stroke: \"currentColor\",\n        strokeWidth: \"3px\",\n        strokeLinecap: \"round\",\n        strokeLinejoin: \"round\",\n        \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n        \"data-disabled\": dataAttr(disabled),\n        css: [styles, props.css],\n        ...rest,\n        children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n      }\n    );\n  }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useCheckboxStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n  Checkbox.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n  Checkbox.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n  const { checked, indeterminate, ...rest } = props;\n  const api = useCheckboxContext();\n  const styles = useCheckboxStyles();\n  if (checked && api.checked) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        asChild: true,\n        ...rest,\n        css: [styles.indicator, props.css],\n        children: checked\n      }\n    );\n  }\n  if (indeterminate && api.indeterminate) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        asChild: true,\n        ...rest,\n        css: [styles.indicator, props.css],\n        children: indeterminate\n      }\n    );\n  }\n  return /* @__PURE__ */ jsx(\n    Checkmark,\n    {\n      ref,\n      checked: api.checked,\n      indeterminate: api.indeterminate,\n      disabled: api.disabled,\n      unstyled: true,\n      ...rest,\n      css: [styles.indicator, props.css]\n    }\n  );\n});\nconst CheckboxControl = withContext(\n  Checkbox.Control,\n  \"control\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n  }\n);\nconst CheckboxGroup = chakra(\n  Checkbox.Group,\n  {\n    base: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"1.5\"\n    }\n  },\n  { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Text } from 'components/Text/text.component';\n\nexport interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {\n  checkboxRef?: React.Ref<HTMLInputElement | null>;\n  indeterminate?: boolean;\n  rootRef?: React.Ref<HTMLLabelElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    { checkboxRef, children, indeterminate = false, onContrast, rootRef, size = 'md', withCard = false, ...rest },\n    ref,\n  ): React.ReactNode => {\n    const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n    return (\n      <CCheckbox.Root\n        className=\"Checkbox\"\n        data-testid=\"kibble-checkbox\"\n        checked={indeterminate ? 'indeterminate' : rest.checked}\n        ref={rootRef}\n        variant={_computedVariant}\n        size={size}\n        withCard={withCard}\n        {...rest}\n      >\n        <CCheckbox.HiddenInput\n          className=\"Checkbox__Input\"\n          data-testid=\"kibble-checkbox-input\"\n          ref={checkboxRef || ref}\n        />\n        <CCheckbox.Control className=\"Checkbox__Control\" data-testid=\"kibble-checkbox-control\">\n          <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid=\"kibble-checkbox-indicator\" />\n        </CCheckbox.Control>\n        {!!children && (\n          <CCheckbox.Label\n            className=\"Checkbox__Label\"\n            data-testid=\"kibble-checkbox-label\"\n            {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </CCheckbox.Label>\n        )}\n      </CCheckbox.Root>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","React","checkboxRef","onContrast","rootRef","size","withCard","_computedVariant","jsxs","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/checkbox.component-u7MR3n4o.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),F=require("./withFormControl-COwU1OTv.js"),H=require("./text.component-waIIFgwB.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),m=require("./factory-D6tdBUPG.js"),$=require("./attr-BMs6szZx.js"),W=require("./empty-B5_AO6Pg.js"),D=require("./use-recipe-DaPWl_pL.js"),d=require("./use-locale-context-D0LByRu9.js"),R=require("./checkbox.anatomy-BJmDPPss.js"),k=require("./index-CHIISuTq.js"),P=require("./use-field-context-CArmgHPP.js"),T=o=>o&&o.__esModule?o:{default:o},Y=T(u),[y,f]=d.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),E=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(d.ark.div,{...r,ref:e})});E.displayName="CheckboxControl";function B(o){const{value:e,onChange:t,defaultValue:r}=o,[s,a]=u.useState(r),c=e!==void 0,i=c?e:s,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[i,x]}function N(o={}){const{defaultValue:e,value:t,onValueChange:r,disabled:s,readOnly:a,name:c,invalid:i}=o,x=!(s||a),h=d.useEvent(r,{sync:!0}),[b,C]=B({value:t,defaultValue:e||[],onChange:h}),p=l=>b.some(j=>String(j)===String(l)),v=l=>{p(l)?O(l):g(l)},g=l=>{x&&(p(l)||C(b.concat(l)))},O=l=>{x&&C(b.filter(j=>String(j)!==String(l)))};return{isChecked:p,value:b,name:c,disabled:!!s,readOnly:!!a,invalid:!!i,setValue:C,addValue:g,toggleValue:v,getItemProps:l=>({checked:l.value!=null?p(l.value):void 0,onCheckedChange(){l.value!=null&&v(l.value)},name:c,disabled:s,readOnly:a,invalid:i})}}const[U,z]=d.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),V=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),s=N(t);return n.jsxRuntimeExports.jsx(U,{value:s,children:n.jsxRuntimeExports.jsx(d.ark.div,{ref:e,role:"group",...r,...R.checkboxAnatomy.build().group.attrs})})});V.displayName="CheckboxGroup";const _=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getHiddenInputProps(),o),s=P.useFieldContext();return n.jsxRuntimeExports.jsx(d.ark.input,{"aria-describedby":s?.ariaDescribedby,...r,ref:e})});_.displayName="CheckboxHiddenInput";const q=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(d.ark.span,{...r,ref:e})});q.displayName="CheckboxLabel";const J=(o={})=>{const e=z(),t=P.useFieldContext(),r=u.useMemo(()=>k.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),s=u.useId(),{getRootNode:a}=d.useEnvironmentContext(),{dir:c}=d.useLocaleContext(),i={id:s,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...r},x=d.useMachine(R.machine,i);return R.connect(x,d.normalizeProps)},w=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),s=J(t),a=k.mergeProps(s.getRootProps(),r);return n.jsxRuntimeExports.jsx(y,{value:s,children:n.jsxRuntimeExports.jsx(d.ark.label,{...a,ref:e})})});w.displayName="CheckboxRoot";const S=u.forwardRef((o,e)=>{const[{value:t},r]=d.createSplitProps()(o,["value"]),s=k.mergeProps(t.getRootProps(),r);return n.jsxRuntimeExports.jsx(y,{value:t,children:n.jsxRuntimeExports.jsx(d.ark.label,{...s,ref:e})})});S.displayName="CheckboxRootProvider";const K=u.forwardRef(function(e,t){const r=D.useRecipe({key:"checkmark",recipe:e.recipe}),[s,a]=r.splitVariantProps(e),{checked:c,indeterminate:i,disabled:x,unstyled:h,children:b,...C}=a,p=h?W.EMPTY_STYLES:r(s);return n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":i?"indeterminate":c?"checked":"unchecked","data-disabled":$.dataAttr(x),css:[p,e.css],...C,children:i?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:G,withContext:I,useStyles:Q}=M.createSlotRecipeContext({key:"checkbox"});G(S,"root",{forwardAsChild:!0});const X=G(w,"root",{forwardAsChild:!0}),Z=I(q,"label",{forwardAsChild:!0}),L=u.forwardRef(function(e,t){const{checked:r,indeterminate:s,...a}=e,c=f(),i=Q();return r&&c.checked?n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,asChild:!0,...a,css:[i.indicator,e.css],children:r}):s&&c.indeterminate?n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,asChild:!0,...a,css:[i.indicator,e.css],children:s}):n.jsxRuntimeExports.jsx(K,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[i.indicator,e.css]})}),ee=I(E,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(L,{})}}),te=m.chakra(V,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),oe=_,A=Y.default.forwardRef(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:r,rootRef:s,size:a="md",withCard:c=!1,...i},x)=>{const h=r?"onContrast":"default";return n.jsxRuntimeExports.jsxs(X,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":i.checked,ref:s,variant:h,size:a,withCard:c,...i,children:[n.jsxRuntimeExports.jsx(oe,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input",ref:o||x}),n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(L,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(Z,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",...c&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?n.jsxRuntimeExports.jsx(H.WrappedText,{size:a,lineHeight:"unset",variant:r?"onContrast":"default",children:e}):e})]})});A.displayName="Checkbox";const re=F.withFormControl(A);exports.CheckboxGroup=te;exports.WrappedCheckbox=re;exports.useCheckboxGroup=N;
+//# sourceMappingURL=checkbox.component-u7MR3n4o.js.map