@televet/kibble-ui 5.0.12 → 5.0.13

package/dist/esm/components/index.js

@@ -1,20 +1,20 @@
 import { A as r, a as t } from "../../chunks/alert.types-BsTOOEB7.js";
 import { A as s } from "../../chunks/avatar.component-CzutRWy6.js";
 import { a as i, b as m } from "../../chunks/avatar.types-C6dZZjdi.js";
-import { A as f } from "../../chunks/avatarGroup.component-h4xoHbW8.js";
+import { A as f } from "../../chunks/avatarGroup.component-WSh9t8AX.js";
 import { B as c } from "../../chunks/button.component-BO6oee_V.js";
 import { b as l, d as u, c as T, e as S, a as b } from "../../chunks/button.types-BjfcUcMn.js";
-import { B as C } from "../../chunks/buttonGroup.component-2pDmPOps.js";
-import { C as g } from "../../chunks/calendar.component-Dc08F2HJ.js";
+import { B as C } from "../../chunks/buttonGroup.component-TsLHB-LO.js";
+import { C as g } from "../../chunks/calendar.component-CiBkNtlB.js";
 import { C as W } from "../../chunks/card.component-B1AznjWF.js";
 import { c as k } from "../../chunks/card.types-Cixp7ouC.js";
 import { C as y } from "../../chunks/characterCounter.component-CoMqt04J.js";
-import { W as I } from "../../chunks/checkbox.component-B19xJBOi.js";
-import { W as h } from "../../chunks/checkboxGroup.component-BpPgob6o.js";
-import { C as R } from "../../chunks/conversationCard.component-D0vu3SMP.js";
-import { D as w } from "../../chunks/datePicker.component-oxSyI0Oo.js";
-import { D as N } from "../../chunks/datePicker.provider-PdT2DDk_.js";
-import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-Bl0rjRi1.js";
+import { W as I } from "../../chunks/checkbox.component-C0XdgZkr.js";
+import { W as h } from "../../chunks/checkboxGroup.component-lxNvlmd_.js";
+import { C as R } from "../../chunks/conversationCard.component-B_XSYd1p.js";
+import { D as w } from "../../chunks/datePicker.component-BAaIqF1O.js";
+import { D as N } from "../../chunks/datePicker.provider-DEN8clnz.js";
+import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-NOJdpYNs.js";
 import { D as E } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as K, a as Q, b as U } from "../../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../../chunks/heading.component-PFNpLFT7.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../../chunks/icon.types-DLbVfMjG.js";
 import { L as ro } from "../../chunks/link.component--URNKuK2.js";
 import { L as eo, l as so } from "../../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../../chunks/menu.component-CnzGT_y3.js";
+import { M as io } from "../../chunks/menu.component-Cq9sPsTJ.js";
 import { M as no, c as fo, a as xo, b as co, m as lo } from "../../chunks/modal.types-CVy-QT6f.js";
 import { N as To } from "../../chunks/notificationCounter.component-BlGSd37B.js";
 import { n as bo, a as vo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as Po } from "../../chunks/picture.component-DzdHIFN_.js";
 import { W as Do, p as Wo } from "../../chunks/pinInput.types-B0nfeSUS.js";
 import { P as ko } from "../../chunks/popover.component-BsiKfJR7.js";
 import { p as yo, b as Bo, a as Io } from "../../chunks/popover.types-CQJj3uOX.js";
-import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-DjhmW46g.js";
+import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-B--54AgI.js";
 import { R as wo } from "../../chunks/radiomark.component-D_7wT5VA.js";
 import { W as No } from "../../chunks/rating.component-DHlwuL8y.js";
 import { W as Fo } from "../../chunks/ratingDots.component-C3ABFE0-.js";
@@ -44,7 +44,7 @@ import { W as ra } from "../../chunks/switch.component-xlG0hUNX.js";
 import { T as ea, a as sa, t as pa } from "../../chunks/tab.types-CO64KNxl.js";
 import { T as ma } from "../../chunks/tag.component-B7V76XfM.js";
 import { c as fa, t as xa } from "../../chunks/tag.types-B-pzEt1I.js";
-import { T as da, a as la } from "../../chunks/tagBlock.component-AV6xuUPp.js";
+import { T as da, a as la } from "../../chunks/tagBlock.component-BKYJDU4L.js";
 import { W as Ta } from "../../chunks/text.component-IjomJyJY.js";
 import { W as ba } from "../../chunks/textInput.component-BMy6cEdV.js";
 import { W as Ca } from "../../chunks/textarea.component-ChN0RGoe.js";

package/dist/esm/index.js

@@ -1,20 +1,20 @@
 import { A as a, a as e } from "../chunks/alert.types-BsTOOEB7.js";
 import { A as s } from "../chunks/avatar.component-CzutRWy6.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-h4xoHbW8.js";
+import { A as x } from "../chunks/avatarGroup.component-WSh9t8AX.js";
 import { B as c } from "../chunks/button.component-BO6oee_V.js";
 import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-BjfcUcMn.js";
-import { B as g } from "../chunks/buttonGroup.component-2pDmPOps.js";
-import { C as D } from "../chunks/calendar.component-Dc08F2HJ.js";
+import { B as g } from "../chunks/buttonGroup.component-TsLHB-LO.js";
+import { C as D } from "../chunks/calendar.component-CiBkNtlB.js";
 import { C as h } from "../chunks/card.component-B1AznjWF.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
 import { C as z } from "../chunks/characterCounter.component-CoMqt04J.js";
-import { W as V } from "../chunks/checkbox.component-B19xJBOi.js";
-import { W as B } from "../chunks/checkboxGroup.component-BpPgob6o.js";
-import { C as I } from "../chunks/conversationCard.component-D0vu3SMP.js";
-import { D as R } from "../chunks/datePicker.component-oxSyI0Oo.js";
-import { D as K } from "../chunks/datePicker.provider-PdT2DDk_.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-Bl0rjRi1.js";
+import { W as V } from "../chunks/checkbox.component-C0XdgZkr.js";
+import { W as B } from "../chunks/checkboxGroup.component-lxNvlmd_.js";
+import { C as I } from "../chunks/conversationCard.component-B_XSYd1p.js";
+import { D as R } from "../chunks/datePicker.component-BAaIqF1O.js";
+import { D as K } from "../chunks/datePicker.provider-DEN8clnz.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-NOJdpYNs.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../chunks/heading.component-PFNpLFT7.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as ao } from "../chunks/link.component--URNKuK2.js";
 import { L as to, l as so } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../chunks/menu.component-CnzGT_y3.js";
+import { M as io } from "../chunks/menu.component-Cq9sPsTJ.js";
 import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-CVy-QT6f.js";
 import { N as To } from "../chunks/notificationCounter.component-BlGSd37B.js";
 import { n as bo, a as Co } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as vo } from "../chunks/picture.component-DzdHIFN_.js";
 import { W as Po, p as ho } from "../chunks/pinInput.types-B0nfeSUS.js";
 import { P as yo } from "../chunks/popover.component-BsiKfJR7.js";
 import { p as zo, b as Mo, a as Vo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-DjhmW46g.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-B--54AgI.js";
 import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.js";
 import { W as Ko } from "../chunks/rating.component-DHlwuL8y.js";
 import { W as Oo } from "../chunks/ratingDots.component-C3ABFE0-.js";
@@ -44,7 +44,7 @@ import { W as ar } from "../chunks/switch.component-xlG0hUNX.js";
 import { T as tr, a as sr, t as pr } from "../chunks/tab.types-CO64KNxl.js";
 import { T as mr } from "../chunks/tag.component-B7V76XfM.js";
 import { c as xr, t as nr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as lr, a as dr } from "../chunks/tagBlock.component-AV6xuUPp.js";
+import { T as lr, a as dr } from "../chunks/tagBlock.component-BKYJDU4L.js";
 import { W as Tr } from "../chunks/text.component-IjomJyJY.js";
 import { W as br } from "../chunks/textInput.component-BMy6cEdV.js";
 import { W as gr } from "../chunks/textarea.component-ChN0RGoe.js";

package/dist/types/components/Checkbox/checkbox.component.d.ts

@@ -21,6 +21,8 @@ export interface CheckboxProps extends WithFormControlProps, Omit<CCheckbox.Root
     onCheckedChange?: (details: CheckedChangeDetails) => void;
     /** If true, the checkbox will be checked. Use `indeterminate` to show a checkbox with a dash in the middle. */
     checked?: CheckedState;
+    /** Tooltip text to show when hovering over the checkbox input or label. */
+    tooltipLabel?: string;
     /** Data test id for the checkbox.
      * @default kibble-checkbox
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "5.0.12",
+  "version": "5.0.13",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

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

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

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

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