@televet/kibble-ui 5.0.28 → 5.0.29-sc.1

package/dist/chunks/{theme.provider-CD72J0A7.js → theme.provider-BEOF1dv4.js}

@@ -1,17 +1,17 @@
 import { j as i } from "./jsx-runtime-C5mzlN2N.js";
-import { J as jt } from "./index-DAWHN3cH.js";
-import { c as p, a as At, b as Et, d as Ht, e as Ye } from "./index-CcwGiuyq.js";
-import { e as be, f as Lt, g as Ot, h as Gt, i as $t, a as b, j as te, d as o, b as G, k as Ft, l as s, n as Mt, c as qe } from "./config-Djkl1N81.js";
-import { a as Yt, b as qt, c as Xe, d as Xt, e as Ut, f as Kt, g as Jt, h as Qt, i as Zt, j as eo, k as to, l as Ue, m as oo, n as ro, o as ao, q as io, r as so, s as lo, t as Ke, u as Je, v as Qe, w as no, p as co, x as go, y as Ze, z as et, A as uo, B as po, C as bo, D as mo, E as tt, F as ot, G as rt, H as at, I as ho, J as it } from "./anatomy-DKlFmIC5.js";
-import { a as st, A as Y } from "./avatar.records-DFg5kBIk.js";
-import { c as lt } from "./checkbox.anatomy-B8fWV_mm.js";
+import { J as At } from "./index-DAWHN3cH.js";
+import { c as p, a as Et, b as Ht, d as Lt, e as Ye } from "./index-CcwGiuyq.js";
+import { e as be, f as Ot, g as $t, h as Gt, i as Ft, a as b, j as te, d as o, b as $, k as Mt, l as s, n as Yt, c as qe } from "./config-Djkl1N81.js";
+import { a as qt, b as Xt, c as Xe, d as Ut, e as Kt, f as Jt, g as Qt, h as Zt, i as eo, j as to, k as oo, l as Ue, m as ro, n as ao, o as io, q as Ke, r as so, s as lo, t as Je, u as Qe, v as Ze, w as no, p as co, x as go, y as et, z as tt, A as uo, B as po, C as bo, D as mo, E as ot, F as rt, G as at, H as it, I as ho, J as st } from "./anatomy-DKlFmIC5.js";
+import { a as lt, A as Y } from "./avatar.records-DFg5kBIk.js";
+import { c as nt } from "./checkbox.anatomy-B8fWV_mm.js";
 import { i as fo } from "./tooltip.component-CHohp2qn.js";
-import { a as nt } from "./index-BBvspkoa.js";
-import { a as dt } from "./index-BU6fRN91.js";
+import { a as dt } from "./index-BBvspkoa.js";
+import { a as ct } from "./index-BU6fRN91.js";
 import { a as me } from "./index-CgPTA7y6.js";
 import { a as vo } from "./index-DVGrQEJi.js";
-import { f as ct, a6 as $ } from "./index-BcafYtXX.js";
-import { c as he, a as xo, d as X, f as yo, u as gt, g as ut, n as pt } from "./use-locale-context-DmcfCmf9.js";
+import { f as gt, a6 as G } from "./index-BcafYtXX.js";
+import { c as he, a as xo, d as X, f as yo, u as ut, g as pt, n as bt } from "./use-locale-context-DmcfCmf9.js";
 import { blurs as ko } from "../esm/theme/tokens/blurs/index.js";
 import { borders as So, radii as zo } from "../esm/theme/tokens/borders/index.js";
 import { coreColors as wo } from "../esm/theme/tokens/colors/index.js";
@@ -26,13 +26,13 @@ import { f as ve, t as xe } from "./typography-Cqrokog3.js";
 import { b as we, c as _e } from "./button.recipe-CZ-PlRrK.js";
 import { Global as Ao } from "@emotion/react";
 import Eo, { forwardRef as N, useId as Ho } from "react";
-import { B as bt } from "./button.component-BO6oee_V.js";
+import { B as mt } from "./button.component-BO6oee_V.js";
 import { I as Lo } from "./icon.component-PV_nHBId.js";
-import { B as mt } from "./index-9BerxEcw.js";
+import { B as ht } from "./index-9BerxEcw.js";
 import { StatusIconMap as Oo } from "../esm/shared/records/index.js";
 import { W as Ce } from "./text.component-C9jh_JMO.js";
-import { F as Go } from "./flex-CX-8gE9T.js";
-import { c as $o } from "./create-slot-recipe-context-D_FXDJGp.js";
+import { F as $o } from "./flex-CX-8gE9T.js";
+import { c as Go } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { c as Fo } from "./factory-BQshv7_b.js";
 import { a as Mo, W as Re, C as Yo } from "./icons-CEVtpQAi.js";
 import { g as Ie, m as qo, c as Xo, b as Uo, a as Ko, d as Jo, t as Qo, e as Zo, f as er } from "./toaster.records-BzZmnA3j.js";
@@ -48,11 +48,11 @@ function lr() {
   if (typeof window < "u") return window;
   if (typeof global < "u") return global;
 }
-function ht(e, t) {
+function ft(e, t) {
   const r = lr();
   return r ? (r[e] || (r[e] = t()), r[e]) : t();
 }
-var Q = ht("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, dr = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, cr = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", gr = (e) => nr(e) || dr(e) || cr(e), ce = (e) => e !== null && typeof e == "object", Te = (e) => ce(e) && !Q.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !gr(e) && !(e instanceof WeakMap) && !(e instanceof WeakSet) && !(e instanceof Error) && !(e instanceof Number) && !(e instanceof Date) && !(e instanceof String) && !(e instanceof RegExp) && !(e instanceof ArrayBuffer) && !(e instanceof Promise), ge = () => process.env.NODE_ENV !== "production", L = ht("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap()), ur = (e = Object.is, t = (d, S) => new Proxy(d, S), r = /* @__PURE__ */ new WeakMap(), a = (d, S) => {
+var Q = ft("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, dr = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, cr = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", gr = (e) => nr(e) || dr(e) || cr(e), ce = (e) => e !== null && typeof e == "object", Te = (e) => ce(e) && !Q.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !gr(e) && !(e instanceof WeakMap) && !(e instanceof WeakSet) && !(e instanceof Error) && !(e instanceof Number) && !(e instanceof Date) && !(e instanceof String) && !(e instanceof RegExp) && !(e instanceof ArrayBuffer) && !(e instanceof Promise), ge = () => process.env.NODE_ENV !== "production", L = ft("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap()), ur = (e = Object.is, t = (d, S) => new Proxy(d, S), r = /* @__PURE__ */ new WeakMap(), a = (d, S) => {
   const w = r.get(d);
   if (w?.[0] === S)
     return w[1];
@@ -72,13 +72,13 @@ var Q = ht("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => ty
     w !== l && (w = l, v.forEach((c) => c(n, l)));
   };
   let C = f[1];
-  const Vt = (n = ++f[1]) => (C !== n && !v.size && (C = n, I.forEach(([l]) => {
+  const Bt = (n = ++f[1]) => (C !== n && !v.size && (C = n, I.forEach(([l]) => {
     const c = l[1](n);
     c > w && (w = c);
   })), w), ke = (n) => (l, c) => {
     const z = [...l];
     z[1] = [n, ...z[1]], R(z, c);
-  }, I = /* @__PURE__ */ new Map(), Bt = (n, l) => {
+  }, I = /* @__PURE__ */ new Map(), Dt = (n, l) => {
     if (ge() && I.has(n))
       throw new Error("prop listener already exists");
     if (v.size) {
@@ -89,7 +89,7 @@ var Q = ht("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => ty
   }, Se = (n) => {
     const l = I.get(n);
     l && (I.delete(n), l[1]?.());
-  }, Dt = (n) => (v.add(n), v.size === 1 && I.forEach(([c, z], j) => {
+  }, Nt = (n) => (v.add(n), v.size === 1 && I.forEach(([c, z], j) => {
     if (ge() && z)
       throw new Error("remove already exists");
     const M = c[3](ke(j));
@@ -112,16 +112,16 @@ var Q = ht("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => ty
       Se(l), ce(c) && (c = sr(c) || c);
       let K = c;
       if (!Object.getOwnPropertyDescriptor(n, l)?.set) {
-        !L.has(c) && Te(c) && (K = ft(c));
+        !L.has(c) && Te(c) && (K = vt(c));
         const ze = !Q.has(K) && L.get(K);
-        ze && Bt(l, ze);
+        ze && Dt(l, ze);
       }
       return Reflect.set(n, l, K, z), R(["set", [l], c, M]), !0;
     }
   });
   g.set(d, U);
-  const Nt = [re, Vt, a, Dt];
-  return L.set(U, Nt), Reflect.ownKeys(d).forEach((n) => {
+  const jt = [re, Bt, a, Nt];
+  return L.set(U, jt), Reflect.ownKeys(d).forEach((n) => {
     const l = Object.getOwnPropertyDescriptor(d, n);
     l.get || l.set ? Object.defineProperty(re, n, l) : U[n] = d[n];
   }), U;
@@ -140,7 +140,7 @@ var Q = ht("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), nr = (e) => ty
   g,
   f
 ], [pr] = ur();
-function ft(e = {}) {
+function vt(e = {}) {
   return pr(e);
 }
 function br(e) {
@@ -149,7 +149,7 @@ function br(e) {
   const [r, a, g] = t;
   return g(r, a());
 }
-var vt = ct("tree-view").parts(
+var xt = gt("tree-view").parts(
   "branch",
   "branchContent",
   "branchControl",
@@ -165,7 +165,7 @@ var vt = ct("tree-view").parts(
   "root",
   "tree"
 );
-vt.build();
+xt.build();
 he()([
   "ids",
   "collection",
@@ -192,64 +192,64 @@ he()([
   "loadChildren"
 ]);
 he()(["node", "indexPath"]);
-const xt = vo.rename("segment-group");
-xt.build();
+const yt = vo.rename("segment-group");
+yt.build();
 const [mr, F] = xo({
   name: "ToastContext",
   hookName: "useToastContext",
   providerName: "<ToastProvider />"
-}), yt = N((e, t) => {
-  const r = F(), a = $(r.getActionTriggerProps(), e);
+}), kt = N((e, t) => {
+  const r = F(), a = G(r.getActionTriggerProps(), e);
   return /* @__PURE__ */ i.jsx(X.button, { ...a, ref: t });
 });
-yt.displayName = "ToastActionTrigger";
-const kt = N((e, t) => {
-  const r = F(), a = $(r.getCloseTriggerProps(), e);
+kt.displayName = "ToastActionTrigger";
+const St = N((e, t) => {
+  const r = F(), a = G(r.getCloseTriggerProps(), e);
   return /* @__PURE__ */ i.jsx(X.button, { ...a, ref: t });
 });
-kt.displayName = "ToastCloseTrigger";
-const St = N((e, t) => {
-  const r = F(), a = $(r.getDescriptionProps(), e);
+St.displayName = "ToastCloseTrigger";
+const zt = N((e, t) => {
+  const r = F(), a = G(r.getDescriptionProps(), e);
   return /* @__PURE__ */ i.jsx(X.div, { ...a, ref: t });
 });
-St.displayName = "ToastDescription";
-const zt = N((e, t) => {
-  const r = F(), a = $(r.getRootProps(), e);
+zt.displayName = "ToastDescription";
+const wt = N((e, t) => {
+  const r = F(), a = G(r.getRootProps(), e);
   return /* @__PURE__ */ i.jsxs("div", { ...a, ref: t, children: [
     /* @__PURE__ */ i.jsx("div", { ...r.getGhostBeforeProps() }),
     e.children,
     /* @__PURE__ */ i.jsx("div", { ...r.getGhostAfterProps() })
   ] });
 });
-zt.displayName = "ToastRoot";
-const wt = N((e, t) => {
-  const r = F(), a = $(r.getTitleProps(), e);
+wt.displayName = "ToastRoot";
+const _t = N((e, t) => {
+  const r = F(), a = G(r.getTitleProps(), e);
   return /* @__PURE__ */ i.jsx(X.div, { ...a, ref: t });
 });
-wt.displayName = "ToastTitle";
-const _t = N((e, t) => {
-  const { toaster: r, children: a, ...g } = e, f = yo(), _ = gt(), d = ut(Ie.machine, {
+_t.displayName = "ToastTitle";
+const Ct = N((e, t) => {
+  const { toaster: r, children: a, ...g } = e, f = yo(), _ = ut(), d = pt(Ie.machine, {
     store: r,
     id: Ho(),
     dir: f?.dir,
     getRootNode: _?.getRootNode
-  }), S = Ie.connect(d, pt), w = $(S.getGroupProps(), g);
-  return /* @__PURE__ */ i.jsx(X.div, { ...w, ref: t, children: S.getToasts().map((v, R) => /* @__PURE__ */ i.jsx(Ct, { value: v, parent: d, index: R, children: (C) => a(C) }, v.id)) });
+  }), S = Ie.connect(d, bt), w = G(S.getGroupProps(), g);
+  return /* @__PURE__ */ i.jsx(X.div, { ...w, ref: t, children: S.getToasts().map((v, R) => /* @__PURE__ */ i.jsx(Rt, { value: v, parent: d, index: R, children: (C) => a(C) }, v.id)) });
 });
-_t.displayName = "Toaster";
-const Ct = (e) => {
-  const t = gt(), r = {
+Ct.displayName = "Toaster";
+const Rt = (e) => {
+  const t = ut(), r = {
     ...e.value,
     parent: e.parent,
     index: e.index,
     getRootNode: t.getRootNode
-  }, a = ut(qo, { ...r }), g = Xo(a, pt);
+  }, a = pt(qo, { ...r }), g = Xo(a, bt);
   return /* @__PURE__ */ i.jsx(mr, { value: g, children: e.children(e.value) });
 };
-Ct.displayName = "ToastActor";
-var Rt = ct("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
-Rt.build();
-ft({ id: null });
+Rt.displayName = "ToastActor";
+var It = gt("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
+It.build();
+vt({ id: null });
 he()([
   "aria-label",
   "closeDelay",
@@ -318,7 +318,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   transition: e,
   transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
   transitionDuration: "150ms"
-}), vr = Lt({
+}), vr = Ot({
   hover: [
     "@media (hover: hover)",
     "&:is(:hover, [data-hover]):not(:disabled, [data-disabled])"
@@ -426,7 +426,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   vertical: "&[data-orientation=vertical]",
   icon: "& :where(svg)",
   starting: "@starting-style"
-}), O = At("bg-currentcolor"), Be = (e) => e === O.ref || e === "currentBg", u = (e) => ({
+}), O = Et("bg-currentcolor"), Be = (e) => e === O.ref || e === "currentBg", u = (e) => ({
   ...e("colors"),
   currentBg: O
 }), xr = be({
@@ -1298,7 +1298,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, ae = "var(--chakra-empty,/*!*/ /*!*/)", Sr = Ot({
+}, ae = "var(--chakra-empty,/*!*/ /*!*/)", Sr = $t({
   "*": {
     fontFeatureSettings: '"cv11"',
     "--ring-inset": ae,
@@ -1457,7 +1457,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   none: {
     value: {}
   }
-}), wr = $t({
+}), wr = Ft({
   "slide-fade-in": {
     value: {
       transformOrigin: "var(--transform-origin)",
@@ -1836,7 +1836,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   },
   variants: Cr,
   defaultVariants: Rr
-}), It = b({
+}), Wt = b({
   className: "color-swatch",
   base: {
     boxSize: "var(--swatch-size)",
@@ -2531,8 +2531,8 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   icon: Tr,
   checkmark: x,
   radiomark: y,
-  colorSwatch: It
-}, Gr = te.colors({
+  colorSwatch: Wt
+}, $r = te.colors({
   bg: {
     DEFAULT: {
       value: { _light: "{colors.white}", _dark: "{colors.black}" }
@@ -2850,7 +2850,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
       value: { _light: "{colors.cyan.500}", _dark: "{colors.cyan.500}" }
     }
   }
-}), $r = te.radii({
+}), Gr = te.radii({
   l1: { value: "{radii.xs}" },
   l2: { value: "{radii.sm}" },
   l3: { value: "{radii.md}" }
@@ -2905,7 +2905,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Mr = o({
   className: "chakra-accordion",
-  slots: Yt.keys(),
+  slots: qt.keys(),
   base: {
     root: {
       width: "full",
@@ -3041,7 +3041,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Yr = o({
   className: "chakra-action-bar",
-  slots: qt.keys(),
+  slots: Xt.keys(),
   base: {
     positioner: {
       position: "fixed",
@@ -3238,7 +3238,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     inline: !1
   }
 }), Xr = o({
-  slots: st.keys(),
+  slots: lt.keys(),
   className: "chakra-avatar",
   base: {
     root: {
@@ -3371,7 +3371,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Ur = o({
   className: "chakra-blockquote",
-  slots: Xt.keys(),
+  slots: Ut.keys(),
   base: {
     root: {
       position: "relative",
@@ -3445,7 +3445,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Kr = o({
   className: "chakra-breadcrumb",
-  slots: Ut.keys(),
+  slots: Kt.keys(),
   base: {
     list: {
       display: "flex",
@@ -3536,7 +3536,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Jr = o({
   className: "chakra-card",
-  slots: Kt.keys(),
+  slots: Jt.keys(),
   base: {
     root: {
       display: "flex",
@@ -3629,7 +3629,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     size: "md"
   }
 }), Qr = o({
-  slots: lt.keys(),
+  slots: nt.keys(),
   className: "chakra-checkbox",
   base: {
     root: {
@@ -3688,7 +3688,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     size: "md"
   }
 }), Zr = o({
-  slots: Jt.keys(),
+  slots: Qt.keys(),
   className: "chakra-checkbox-card",
   base: {
     root: {
@@ -3888,7 +3888,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     orientation: "horizontal"
   }
 }), ea = o({
-  slots: Qt.keys(),
+  slots: Zt.keys(),
   className: "code-block",
   base: {
     root: {
@@ -4103,7 +4103,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     size: "md"
   }
 }), ta = o({
-  slots: Et.keys(),
+  slots: Ht.keys(),
   className: "chakra-collapsible",
   base: {
     content: {
@@ -4120,7 +4120,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), oa = o({
   className: "colorPicker",
-  slots: Zt.keys(),
+  slots: eo.keys(),
   base: {
     root: {
       display: "flex",
@@ -4233,7 +4233,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
       gap: "2"
     },
     swatch: {
-      ...It.base,
+      ...Wt.base,
       borderRadius: "l1"
     },
     swatchIndicator: {
@@ -4371,7 +4371,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), ra = o({
   className: "chakra-combobox",
-  slots: eo.keys(),
+  slots: to.keys(),
   base: {
     root: {
       display: "flex",
@@ -4644,7 +4644,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     variant: "outline"
   }
 }), aa = o({
-  slots: to.keys(),
+  slots: oo.keys(),
   className: "chakra-data-list",
   base: {
     itemLabel: {
@@ -4957,7 +4957,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     motionPreset: "scale"
   }
 }), sa = o({
-  slots: oo.keys(),
+  slots: ro.keys(),
   className: "chakra-drawer",
   base: {
     backdrop: {
@@ -5159,14 +5159,14 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     size: "xs",
     placement: "end"
   }
-}), De = G({
+}), De = $({
   fontSize: "inherit",
   fontWeight: "inherit",
   textAlign: "inherit",
   bg: "transparent",
   borderRadius: "l2"
 }), la = o({
-  slots: ro.keys(),
+  slots: ao.keys(),
   className: "chakra-editable",
   base: {
     root: {
@@ -5239,7 +5239,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
     size: "md"
   }
 }), na = o({
-  slots: ao.keys(),
+  slots: io.keys(),
   className: "chakra-empty-state",
   base: {
     root: {
@@ -5322,7 +5322,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), da = o({
   className: "chakra-field",
-  slots: io.keys(),
+  slots: Ke.keys(),
   base: {
     requiredIndicator: {
       color: "fg.error",
@@ -5605,7 +5605,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), pa = o({
   className: "chakra-list",
-  slots: Ke.keys(),
+  slots: Je.keys(),
   base: {
     root: {
       display: "flex",
@@ -5663,7 +5663,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), ba = o({
   className: "chakra-menu",
-  slots: Je.keys(),
+  slots: Qe.keys(),
   base: {
     content: {
       outline: 0,
@@ -5792,7 +5792,7 @@ const hr = (e) => /^var\(--.+\)$/.test(e), h = (e, t) => t != null ? `${e}(${t})
   }
 }), Z = o({
   className: "chakra-select",
-  slots: Qe.keys(),
+  slots: Ze.keys(),
   base: {
     root: {
       display: "flex",
@@ -6222,7 +6222,7 @@ function ue(e, t) {
   }
   return r;
 }
-const Ne = G({
+const Ne = $({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
@@ -6247,7 +6247,7 @@ const Ne = G({
   }
 }), ha = o({
   className: "chakra-number-input",
-  slots: nt.keys(),
+  slots: dt.keys(),
   base: {
     root: {
       position: "relative",
@@ -6328,7 +6328,7 @@ const Ne = G({
   }
 }), { variants: je, defaultVariants: fa } = m, va = o({
   className: "chakra-pin-input",
-  slots: dt.keys(),
+  slots: ct.keys(),
   base: {
     input: {
       ...m.base,
@@ -6656,7 +6656,7 @@ const Ne = G({
     size: "md"
   }
 }), Sa = o({
-  slots: Ht.keys(),
+  slots: Lt.keys(),
   className: "chakra-qr-code",
   base: {
     root: {
@@ -6919,7 +6919,7 @@ const Ne = G({
   }
 }), wa = o({
   className: "chakra-radio-group",
-  slots: Ze.keys(),
+  slots: et.keys(),
   base: {
     item: {
       display: "inline-flex",
@@ -6976,7 +6976,7 @@ const Ne = G({
   }
 }), _a = o({
   className: "chakra-rating-group",
-  slots: et.keys(),
+  slots: tt.keys(),
   base: {
     root: {
       display: "inline-flex"
@@ -7057,7 +7057,7 @@ const Ne = G({
   }
 }), Ca = o({
   className: "chakra-segment-group",
-  slots: xt.keys(),
+  slots: yt.keys(),
   base: {
     root: {
       "--segment-radius": "radii.l2",
@@ -7691,7 +7691,7 @@ const Ne = G({
     orientation: "horizontal"
   }
 }), Ta = o({
-  slots: tt.keys(),
+  slots: ot.keys(),
   className: "chakra-switch",
   base: {
     root: {
@@ -7848,7 +7848,7 @@ const Ne = G({
   }
 }), Va = o({
   className: "chakra-table",
-  slots: ot.keys(),
+  slots: rt.keys(),
   base: {
     root: {
       fontVariantNumeric: "lining-nums tabular-nums",
@@ -8005,7 +8005,7 @@ const Ne = G({
     size: "md"
   }
 }), Ba = o({
-  slots: rt.keys(),
+  slots: at.keys(),
   className: "chakra-tabs",
   base: {
     root: {
@@ -8272,7 +8272,7 @@ const Ne = G({
     variant: "line"
   }
 }), J = ye.variants?.variant, Da = o({
-  slots: at.keys(),
+  slots: it.keys(),
   className: "chakra-tag",
   base: {
     root: {
@@ -8524,7 +8524,7 @@ const Ne = G({
     variant: "solid"
   }
 }), ja = o({
-  slots: it.keys(),
+  slots: st.keys(),
   className: "chakra-toast",
   base: {
     root: {
@@ -8618,7 +8618,7 @@ const Ne = G({
     }
   }
 }), Aa = o({
-  slots: Rt.keys(),
+  slots: It.keys(),
   className: "chakra-tooltip",
   base: {
     content: {
@@ -8653,7 +8653,7 @@ const Ne = G({
       borderColor: "var(--tooltip-bg)"
     }
   }
-}), Ae = G({
+}), Ae = $({
   display: "flex",
   alignItems: "center",
   gap: "var(--tree-item-gap)",
@@ -8676,19 +8676,19 @@ const Ne = G({
   _disabled: {
     layerStyle: "disabled"
   }
-}), Ee = G({
+}), Ee = $({
   flex: "1"
-}), He = G({
+}), He = $({
   _selected: {
     bg: "colorPalette.subtle",
     color: "colorPalette.fg"
   }
-}), Le = G({
+}), Le = $({
   _selected: {
     layerStyle: "fill.solid"
   }
 }), Ea = o({
-  slots: vt.keys(),
+  slots: xt.keys(),
   className: "chakra-tree-view",
   base: {
     root: {
@@ -8858,7 +8858,7 @@ const Ne = G({
   colorPicker: oa,
   qrCode: Sa,
   treeView: Ea
-}, La = Ft({
+}, La = Mt({
   "2xs": { value: { fontSize: "2xs", lineHeight: "0.75rem" } },
   xs: { value: { fontSize: "xs", lineHeight: "1rem" } },
   sm: { value: { fontSize: "sm", lineHeight: "1.25rem" } },
@@ -8906,14 +8906,14 @@ const Ne = G({
   ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" },
   pulse: { value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" },
   bounce: { value: "bounce 1s infinite" }
-}), Ga = s.aspectRatios({
+}), $a = s.aspectRatios({
   square: { value: "1 / 1" },
   landscape: { value: "4 / 3" },
   portrait: { value: "3 / 4" },
   wide: { value: "16 / 9" },
   ultrawide: { value: "18 / 5" },
   golden: { value: "1.618 / 1" }
-}), $a = s.blurs({
+}), Ga = s.blurs({
   none: { value: " " },
   sm: { value: "4px" },
   md: { value: "8px" },
@@ -9146,7 +9146,7 @@ const Ne = G({
   mono: {
     value: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
   }
-}), Qa = Mt({
+}), Qa = Yt({
   spin: {
     "0%": { transform: "rotate(0deg)" },
     "100%": { transform: "rotate(360deg)" }
@@ -9325,7 +9325,7 @@ const Ne = G({
   "3xl": { value: "1.5rem" },
   "4xl": { value: "2rem" },
   full: { value: "9999px" }
-}), Wt = s.spacing({
+}), Pt = s.spacing({
   0.5: { value: "0.125rem" },
   1: { value: "0.25rem" },
   1.5: { value: "0.375rem" },
@@ -9417,7 +9417,7 @@ const Ne = G({
   "11/12": { value: "91.666667%" }
 }), ii = s.sizes({
   ...oi,
-  ...Wt,
+  ...Pt,
   ...ai,
   ...ri
 }), si = s.zIndex({
@@ -9435,9 +9435,9 @@ const Ne = G({
   tooltip: { value: 1800 },
   max: { value: 2147483647 }
 }), li = {
-  aspectRatios: Ga,
+  aspectRatios: $a,
   animations: Oa,
-  blurs: $a,
+  blurs: Ga,
   borders: Fa,
   colors: Ma,
   durations: qa,
@@ -9448,14 +9448,14 @@ const Ne = G({
   letterSpacings: Za,
   lineHeights: ei,
   radii: ti,
-  spacing: Wt,
+  spacing: Pt,
   sizes: ii,
   zIndex: si,
   cursor: Ya
 }, ni = {
-  colors: Gr,
+  colors: $r,
   shadows: Fr,
-  radii: $r
+  radii: Gr
 }, di = "chakra", ci = ":where(html, .chakra-theme)", gi = be({
   preflight: !0,
   cssVarsPrefix: di,
@@ -9472,31 +9472,31 @@ const Ne = G({
     layerStyles: zr,
     animationStyles: wr
   }
-}), Pt = qe(xr, gi);
-Ye(Pt);
+}), Tt = qe(xr, gi);
+Ye(Tt);
 const {
   withProvider: ui,
   withContext: oe,
   useStyles: pi
-} = $o({ key: "toast" }), bi = Fo(
-  _t,
+} = Go({ key: "toast" }), bi = Fo(
+  Ct,
   {},
   { forwardAsChild: !0 }
 ), mi = ui(
-  zt,
+  wt,
   "root",
   { forwardAsChild: !0 }
-), hi = oe(kt, "closeTrigger", {
+), hi = oe(St, "closeTrigger", {
   forwardAsChild: !0,
   defaultProps: {
     children: /* @__PURE__ */ i.jsx(Mo, {})
   }
 }), fi = oe(
-  wt,
+  _t,
   "title",
   { forwardAsChild: !0 }
-), vi = oe(St, "description", { forwardAsChild: !0 });
-oe(yt, "actionTrigger", { forwardAsChild: !0 });
+), vi = oe(zt, "description", { forwardAsChild: !0 });
+oe(kt, "actionTrigger", { forwardAsChild: !0 });
 const xi = {
   warning: Re,
   success: Yo,
@@ -9515,7 +9515,7 @@ N(
     ) : null;
   }
 );
-const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransitionOnChange: !0, ...e }), k = (e) => Object.fromEntries(Object.entries(e).map(([t, r]) => [t, { value: String(r) }])), ki = s.blurs(k(ko)), Si = s.borders(k(So)), zi = s.radii(k(zo)), wi = (e) => Object.fromEntries(
+const yi = (e) => /* @__PURE__ */ i.jsx(At, { attribute: "class", disableTransitionOnChange: !0, ...e }), k = (e) => Object.fromEntries(Object.entries(e).map(([t, r]) => [t, { value: String(r) }])), ki = s.blurs(k(ko)), Si = s.borders(k(So)), zi = s.radii(k(zo)), wi = (e) => Object.fromEntries(
   Object.entries(e).map(([t, r]) => [
     t,
     Object.fromEntries(Object.entries(r).map(([a, g]) => [a, { value: g }]))
@@ -9593,7 +9593,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     size: "lg",
     fontWeight: "semibold"
   }
-}), Gi = b({
+}), $i = b({
   base: {
     textDecoration: "underline",
     display: "inline-flex",
@@ -9609,7 +9609,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     size: "md",
     fontWeight: "normal"
   }
-}), $i = at.keys(), Fi = {
+}), Gi = it.keys(), Fi = {
   default: {
     root: {
       bgColor: "background.subtle.less",
@@ -9704,7 +9704,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   },
   never: {}
 }, qi = o({
-  slots: $i,
+  slots: Gi,
   base: {
     root: {
       borderRadius: "md",
@@ -9858,7 +9858,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     fontSize: "lg",
     minH: "48px"
   }
-}, Ge = b({
+}, $e = b({
   variants: {
     variant: {
       default: B("default"),
@@ -9878,7 +9878,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   sm: 2,
   md: 2,
   lg: 3
-}, Qi = lt.keys(), Zi = {
+}, Qi = nt.keys(), Zi = {
   sm: {
     control: {
       height: A.sm,
@@ -9921,7 +9921,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       gap: 0
     }
   }
-}, $e = {
+}, Ge = {
   bg: "background.secondary",
   borderColor: "background.secondary",
   color: "text.contrast",
@@ -9958,8 +9958,8 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       _hover: {
         borderColor: "border.strong"
       },
-      _checked: { ...$e },
-      _indeterminate: { ...$e },
+      _checked: { ...Ge },
+      _indeterminate: { ...Ge },
       _disabled: {
         bg: "background.subtle.less",
         borderColor: "background.subtle.less"
@@ -10136,7 +10136,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   sm: 2,
   md: 2,
   lg: 3
-}, os = Ze.keys(), rs = {
+}, os = et.keys(), rs = {
   sm: {
     itemControl: {
       height: E.sm,
@@ -10422,7 +10422,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       }
     }
   ]
-}), ss = tt.keys(), ls = {
+}), ss = ot.keys(), ls = {
   sm: {
     root: {
       "--switch-height": "12px",
@@ -10562,7 +10562,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     size: "md",
     variant: "default"
   }
-}), cs = rt.keys(), gs = {
+}), cs = at.keys(), gs = {
   xs: {
     root: {
       "--tabs-height": "36px"
@@ -10626,7 +10626,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   defaultVariants: {
     size: "md"
   }
-}), ps = st.keys(), bs = {
+}), ps = lt.keys(), bs = {
   xs: {
     root: {
       "--avatar-size": Y.xs
@@ -10814,16 +10814,16 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     interactive: !1,
     hideBorder: !1
   }
-}), Tt = {
+}), Vt = {
   padding: "8px 12px 8px 20px !important"
 }, le = {
-  ...Tt,
+  ...Vt,
   cursor: "pointer",
   _highlighted: {
     bgColor: "background.secondaryAlpha.hover !important"
   }
 }, fs = o({
-  slots: [...Je.keys(), "checkboxItem"],
+  slots: [...Qe.keys(), "checkboxItem"],
   base: {
     checkboxItem: le,
     content: {
@@ -10834,7 +10834,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       px: "0 !important"
     },
     item: le,
-    itemGroupLabel: Tt,
+    itemGroupLabel: Vt,
     trigger: {
       _icon: {
         h: "unset",
@@ -10844,7 +10844,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     triggerItem: le
   }
 }), Me = "8px 12px 8px 20px !important", vs = o({
-  slots: Qe.keys(),
+  slots: Ze.keys(),
   base: {
     content: {
       borderRadius: "base",
@@ -11138,7 +11138,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   },
   defaultVariants: {}
 }), zs = o({
-  slots: dt.keys(),
+  slots: ct.keys(),
   base: {},
   variants: {
     size: {
@@ -11165,7 +11165,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     size: "md",
     variant: "default"
   }
-}), ws = it.keys(), _s = {
+}), ws = st.keys(), _s = {
   default: {
     root: {
       bgColor: "background.contrast"
@@ -11288,7 +11288,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   defaultVariants: {
     variant: "primary"
   }
-}), Is = et.keys(), Ws = {
+}), Is = tt.keys(), Ws = {
   sm: {
     itemIndicator: {
       height: "16px",
@@ -11333,7 +11333,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     size: "md"
   }
 }), Ts = o({
-  slots: nt.keys(),
+  slots: dt.keys(),
   base: {
     incrementTrigger: {
       ...we.ghostNeutral,
@@ -11373,7 +11373,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     variant: "default"
   }
 }), Vs = o({
-  slots: Ke.keys(),
+  slots: Je.keys(),
   base: {},
   variants: {
     variant: {
@@ -11390,7 +11390,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     }
   }
 }), Bs = o({
-  slots: ot.keys(),
+  slots: rt.keys(),
   base: {
     root: {
       borderColor: "border",
@@ -11460,7 +11460,14 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       }
     }
   }
-}), Ds = b({
+}), Ds = o({
+  slots: Ke.keys(),
+  base: {
+    label: {
+      fontWeight: "semibold"
+    }
+  }
+}), Ns = b({
   variants: {
     variant: {
       default: { ...ee.default },
@@ -11470,7 +11477,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   defaultVariants: {
     variant: "default"
   }
-}), Ns = be({
+}), js = be({
   theme: {
     breakpoints: fe,
     tokens: {
@@ -11498,14 +11505,15 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       button: _e,
       heading: Oi,
       iconButton: _e,
-      input: Ge,
-      link: Gi,
+      input: $e,
+      link: $i,
       text: Hi,
-      textarea: Ge,
-      radiomark: Ds
+      textarea: $e,
+      radiomark: Ns
     },
     slotRecipes: {
       alert: ks,
+      field: Ds,
       avatar: hs,
       checkbox: ts,
       dialog: Ss,
@@ -11532,14 +11540,14 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       minHeight: "100%"
     }
   }
-}), js = qe(Pt, Ns), As = Ye(js), ne = ({
+}), As = qe(Tt, js), Es = Ye(As), ne = ({
   buttonPosition: e = "topRight",
   buttonText: t,
   status: r,
   ["data-testid"]: a = "kibble-toast-action",
   ...g
-}) => /* @__PURE__ */ i.jsx(mt, { className: "Toast__Action", "data-testid": a, ...e === "bottomLeft" && { pt: 2, pb: 1 }, children: /* @__PURE__ */ i.jsx(
-  bt,
+}) => /* @__PURE__ */ i.jsx(ht, { className: "Toast__Action", "data-testid": a, ...e === "bottomLeft" && { pt: 2, pb: 1 }, children: /* @__PURE__ */ i.jsx(
+  mt,
   {
     size: "xs",
     variant: r === "default" ? "primary" : "secondary",
@@ -11548,7 +11556,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
     onContrast: !0,
     children: t
   }
-) }), Es = ({
+) }), Hs = ({
   action: e,
   closable: t = !0,
   description: r,
@@ -11559,7 +11567,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   ["data-testid"]: d = "kibble-toast"
 }) => {
   e && !e.buttonPosition && (e.buttonPosition = "topRight");
-  const S = e && e.buttonPosition === "topRight", w = S ? Go : Eo.Fragment;
+  const S = e && e.buttonPosition === "topRight", w = S ? $o : Eo.Fragment;
   return /* @__PURE__ */ i.jsxs(mi, { className: "Toast", "data-testid": d, variant: f, hideIcon: a, children: [
     !a && /* @__PURE__ */ i.jsx(
       Lo,
@@ -11571,7 +11579,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
         ...g
       }
     ),
-    /* @__PURE__ */ i.jsxs(mt, { className: "Toast__Content", "data-testid": `${d}-content`, flexDirection: "column", flex: 1, children: [
+    /* @__PURE__ */ i.jsxs(ht, { className: "Toast__Content", "data-testid": `${d}-content`, flexDirection: "column", flex: 1, children: [
       _ && /* @__PURE__ */ i.jsxs(
         w,
         {
@@ -11592,7 +11600,7 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
       e?.buttonPosition === "bottomLeft" && /* @__PURE__ */ i.jsx(ne, { status: f, ...e })
     ] }),
     t && /* @__PURE__ */ i.jsx(hi, { asChild: !0, children: /* @__PURE__ */ i.jsx(
-      bt,
+      mt,
       {
         className: "Toast__CloseTrigger",
         "data-testid": `${d}-close-trigger`,
@@ -11608,13 +11616,13 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   ["data-testid"]: t = "kibble-toaster"
 }) => /* @__PURE__ */ i.jsx(tr, { children: /* @__PURE__ */ i.jsx(bi, { className: "Toaster", "data-testid": t, toaster: e, children: ({ title: r, description: a, meta: g }) => {
   const f = typeof r == "string" ? r : void 0, _ = typeof a == "string" ? a : void 0;
-  return /* @__PURE__ */ i.jsx(Es, { title: f, description: _, ...g });
-} }) }), Rl = ({
+  return /* @__PURE__ */ i.jsx(Hs, { title: f, description: _, ...g });
+} }) }), Il = ({
   customTheme: e,
   children: t,
   enableSystem: r = !1,
   ...a
-}) => /* @__PURE__ */ i.jsxs(rr, { value: e ?? As, children: [
+}) => /* @__PURE__ */ i.jsxs(rr, { value: e ?? Es, children: [
   /* @__PURE__ */ i.jsx(
     Ao,
     {
@@ -11656,8 +11664,8 @@ const yi = (e) => /* @__PURE__ */ i.jsx(jt, { attribute: "class", disableTransit
   /* @__PURE__ */ i.jsx(yi, { storageKey: or, enableSystem: r, ...a, children: t })
 ] });
 export {
-  Rl as K,
-  js as k,
-  As as s
+  Il as K,
+  As as k,
+  Es as s
 };
-//# sourceMappingURL=theme.provider-CD72J0A7.js.map
+//# sourceMappingURL=theme.provider-BEOF1dv4.js.map