@recursica/mantine-adapter 0.10.0 → 0.11.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as D, Fragment as so } from "react/jsx-runtime";
-import j, { forwardRef as f, useId as qo, useEffect as Oo } from "react";
-import { Accordion as no, Avatar as Yo, Badge as Ho, Breadcrumbs as Ko, Button as Uo, Card as co, Input as vo, Box as Co, Checkbox as go, Chip as Zo, Container as Qo, Select as Xo, Flex as Jo, Group as oe, Loader as ee, Radio as xo, Stack as te, Switch as wo, CheckIcon as re, CloseIcon as se, Text as ae, Textarea as ne, Title as ce } from "@mantine/core";
-const ie = [
+import { jsx as e, jsxs as B, Fragment as ne } from "react/jsx-runtime";
+import j, { forwardRef as $, useId as Ye, useEffect as Ze } from "react";
+import { Accordion as ue, Avatar as He, Badge as Ke, Breadcrumbs as Ue, Button as Qe, Card as _e, Input as We, Box as fe, Checkbox as ke, Chip as Xe, Container as Je, Select as eo, Flex as oo, Group as to, Loader as ro, Radio as we, Stack as ao, Switch as Ae, CheckIcon as so, CloseIcon as no, Text as lo, Textarea as io, Title as co } from "@mantine/core";
+const po = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const ie = [
   "mih",
   "mah"
   // Dimensions
-], le = /* @__PURE__ */ new Set([
+], mo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const ie = [
   "left",
   "bottom",
   "right"
-]), fo = {
+]), Ce = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -69,420 +69,418 @@ const ie = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function N(e, t) {
+function C(o, t) {
   if (t)
-    return e;
-  const s = { ...e };
-  for (const c of ie)
-    c in s && delete s[c];
-  for (const [c, a] of Object.entries(s))
-    typeof a == "string" && a.startsWith("rec-") && le.has(c) && a in fo && (s[c] = fo[a]);
-  return s;
+    return o;
+  const n = { ...o };
+  for (const a of po)
+    a in n && delete n[a];
+  for (const [a, r] of Object.entries(n))
+    typeof r == "string" && r.startsWith("rec-") && mo.has(a) && r in Ce && (n[a] = Ce[r]);
+  return n;
 }
-const de = "Accordion-module__root___Dem6d", pe = "Accordion-module__item___7ryVk", _e = "Accordion-module__noDivider___Ni2tT", me = "Accordion-module__control___b4wgX", ue = "Accordion-module__label___Ss7uW", be = "Accordion-module__chevron___i-HVZ", he = "Accordion-module__iconLeftWrapper___5oLen", $e = "Accordion-module__panel___Wx50w", fe = "Accordion-module__content___PEM9t", Y = {
-  root: de,
-  item: pe,
-  noDivider: _e,
-  control: me,
-  label: ue,
-  chevron: be,
-  iconLeftWrapper: he,
-  panel: $e,
-  content: fe
-}, Po = function({
+const uo = "Accordion-module__root___Dem6d", _o = "Accordion-module__item___7ryVk", bo = "Accordion-module__noDivider___Ni2tT", yo = "Accordion-module__control___b4wgX", ho = "Accordion-module__label___Ss7uW", fo = "Accordion-module__chevron___i-HVZ", No = "Accordion-module__iconLeftWrapper___5oLen", $o = "Accordion-module__panel___Wx50w", vo = "Accordion-module__content___PEM9t", Z = {
+  root: uo,
+  item: _o,
+  noDivider: bo,
+  control: yo,
+  label: ho,
+  chevron: fo,
+  iconLeftWrapper: No,
+  panel: $o,
+  content: vo
+}, Pe = function({
   variant: t = "unstyled",
-  overStyled: s = !1,
-  ...c
+  overStyled: n = !1,
+  ...a
 }) {
-  const a = N(c, s), n = {
-    root: Y.root,
-    item: Y.item,
-    control: Y.control,
-    label: Y.label,
-    chevron: Y.chevron,
-    panel: Y.panel,
-    content: Y.content
-  }, l = a.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const i = l;
-    Object.keys(i).forEach((r) => {
-      n[r] ? n[r] = `${n[r]} ${i[r]}` : n[r] = i[r];
+  const r = C(a, n), s = {
+    root: Z.root,
+    item: Z.item,
+    control: Z.control,
+    label: Z.label,
+    chevron: Z.chevron,
+    panel: Z.panel,
+    content: Z.content
+  }, c = r.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const d = c;
+    Object.keys(d).forEach((i) => {
+      s[i] ? s[i] = `${s[i]} ${d[i]}` : s[i] = d[i];
     });
   }
-  const d = a.className;
-  return /* @__PURE__ */ o(
-    no,
+  const l = r.className;
+  return /* @__PURE__ */ e(
+    ue,
     {
       variant: t,
-      className: d,
-      classNames: n,
-      ...a
+      className: l,
+      classNames: s,
+      ...r
     }
   );
 };
-Po.displayName = "Accordion";
-const Wo = f(function({ title: t, leftIcon: s, divider: c = !0, children: a, overStyled: n = !1, ...l }, d) {
-  const i = N(l, n), r = i.className, p = [c ? void 0 : Y.noDivider, r].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ o(
-    no.Item,
+Pe.displayName = "Accordion";
+const Se = $(function({ title: t, leftIcon: n, divider: a = !0, children: r, overStyled: s = !1, ...c }, l) {
+  const d = C(c, s), i = d.className, p = [a ? void 0 : Z.noDivider, i].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ e(
+    ue.Item,
     {
-      ref: d,
+      ref: l,
       className: p,
-      ...i,
-      children: t ? /* @__PURE__ */ D(so, { children: [
-        /* @__PURE__ */ o(uo, { leftIcon: s, children: t }),
-        /* @__PURE__ */ o(bo, { children: a })
-      ] }) : a
+      ...d,
+      children: t ? /* @__PURE__ */ B(ne, { children: [
+        /* @__PURE__ */ e(Ne, { leftIcon: n, children: t }),
+        /* @__PURE__ */ e($e, { children: r })
+      ] }) : r
     }
   );
 });
-Wo.displayName = "AccordionItem";
-const uo = f(function({ leftIcon: t, children: s, overStyled: c = !1, ...a }, n) {
-  const l = N(a, c), d = l.className;
-  return /* @__PURE__ */ o(
-    no.Control,
+Se.displayName = "AccordionItem";
+const Ne = $(function({ leftIcon: t, children: n, overStyled: a = !1, ...r }, s) {
+  const c = C(r, a), l = c.className;
+  return /* @__PURE__ */ e(
+    ue.Control,
     {
-      ref: n,
-      className: d,
-      icon: t ? /* @__PURE__ */ o("span", { className: Y.iconLeftWrapper, "aria-hidden": !0, children: t }) : void 0,
-      ...l,
-      children: s
+      ref: s,
+      className: l,
+      icon: t ? /* @__PURE__ */ e("span", { className: Z.iconLeftWrapper, "aria-hidden": !0, children: t }) : void 0,
+      ...c,
+      children: n
     }
   );
 });
-uo.displayName = "AccordionControl";
-const bo = f(function({ overStyled: t = !1, ...s }, c) {
-  const a = N(s, t), n = a.className;
-  return /* @__PURE__ */ o(
-    no.Panel,
+Ne.displayName = "AccordionControl";
+const $e = $(function({ overStyled: t = !1, ...n }, a) {
+  const r = C(n, t), s = r.className;
+  return /* @__PURE__ */ e(
+    ue.Panel,
     {
-      ref: c,
-      className: n,
-      ...a
+      ref: a,
+      className: s,
+      ...r
     }
   );
 });
-bo.displayName = "AccordionPanel";
-const ho = Po;
-ho.Item = Wo;
-ho.Control = uo;
-ho.Panel = bo;
-const Ne = "Avatar-module__root___fXu-J", ye = "Avatar-module__iconWrapper___ojly2", ve = "Avatar-module__textWrapper___zp-jD", Ce = "Avatar-module__image___ieqGp", ge = "Avatar-module__placeholder___IDW7-", G = {
-  root: Ne,
-  iconWrapper: ye,
-  textWrapper: ve,
-  image: Ce,
-  placeholder: ge
-}, xe = f(function({
+$e.displayName = "AccordionPanel";
+const ve = Pe;
+ve.Item = Se;
+ve.Control = Ne;
+ve.Panel = $e;
+const Co = "Avatar-module__root___fXu-J", xo = "Avatar-module__iconWrapper___ojly2", go = "Avatar-module__textWrapper___zp-jD", Wo = "Avatar-module__image___ieqGp", ko = "Avatar-module__placeholder___IDW7-", M = {
+  root: Co,
+  iconWrapper: xo,
+  textWrapper: go,
+  image: Wo,
+  placeholder: ko
+}, wo = $(function({
   size: t = "default",
-  variant: s = "solid",
-  icon: c,
-  className: a,
-  classNames: n,
-  children: l,
-  style: d,
-  src: i,
-  ...r
+  variant: n = "solid",
+  icon: a,
+  className: r,
+  classNames: s,
+  children: c,
+  style: l,
+  src: d,
+  ...i
 }, p) {
-  const m = {
+  const u = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, u = {
+  }, y = {
     default: "md",
     small: "sm",
     large: "lg"
   };
-  let _ = "text";
-  i ? _ = "image" : c && (_ = "icon");
-  const h = {
-    root: G.root,
-    image: G.image,
-    placeholder: G.placeholder
+  let m = "text";
+  d ? m = "image" : a && (m = "icon");
+  const _ = {
+    root: M.root,
+    image: M.image,
+    placeholder: M.placeholder
   };
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const b = n;
-    h.root = b.root ? `${G.root} ${b.root}` : G.root, h.image = b.image ? `${G.image} ${b.image}` : G.image, h.placeholder = b.placeholder ? `${G.placeholder} ${b.placeholder}` : G.placeholder;
+  if (s && typeof s == "object" && !Array.isArray(s)) {
+    const h = s;
+    _.root = h.root ? `${M.root} ${h.root}` : M.root, _.image = h.image ? `${M.image} ${h.image}` : M.image, _.placeholder = h.placeholder ? `${M.placeholder} ${h.placeholder}` : M.placeholder;
   }
-  return /* @__PURE__ */ o(
-    Yo,
+  return /* @__PURE__ */ e(
+    He,
     {
       ref: p,
-      className: a,
-      classNames: h,
-      variant: m[s],
-      size: u[t],
-      style: d,
-      src: i,
-      "data-variant": s,
+      className: r,
+      classNames: _,
+      variant: u[n],
+      size: y[t],
+      style: l,
+      src: d,
+      "data-variant": n,
       "data-size": t,
-      "data-style": _,
-      ...r,
-      children: c != null ? /* @__PURE__ */ o("span", { className: G.iconWrapper, "aria-hidden": !0, children: c }) : l != null ? /* @__PURE__ */ o("span", { className: G.textWrapper, children: l }) : void 0
+      "data-style": m,
+      ...i,
+      children: a != null ? /* @__PURE__ */ e("span", { className: M.iconWrapper, "aria-hidden": !0, children: a }) : c != null ? /* @__PURE__ */ e("span", { className: M.textWrapper, children: c }) : void 0
     }
   );
 });
-xe.displayName = "Avatar";
-const we = "Badge-module__root___5osNT", q = {
-  root: we
-}, Pe = f(function({ variant: t = "primary-color", overStyled: s = !1, ...c }, a) {
-  const n = N(c, s), l = {
-    root: q.root,
-    section: q.section,
-    label: q.label
-  }, d = n.classNames;
-  if (d && typeof d == "object" && !Array.isArray(d)) {
-    const p = d;
-    l.root = p.root ? `${q.root} ${p.root}` : q.root, l.section = p.section ?? q.section, l.label = p.label ?? q.label;
+wo.displayName = "Avatar";
+const Ao = "Badge-module__root___5osNT", D = {
+  root: Ao
+}, Po = $(function({ variant: t = "primary-color", overStyled: n = !1, ...a }, r) {
+  const s = C(a, n), c = {
+    root: D.root,
+    section: D.section,
+    label: D.label
+  }, l = s.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const p = l;
+    c.root = p.root ? `${D.root} ${p.root}` : D.root, c.section = p.section ?? D.section, c.label = p.label ?? D.label;
   }
-  const i = n.className, r = i ? `${q.root} ${i}` : q.root;
-  return /* @__PURE__ */ o(
-    Ho,
+  const d = s.className, i = d ? `${D.root} ${d}` : D.root;
+  return /* @__PURE__ */ e(
+    Ke,
     {
-      ref: a,
+      ref: r,
       variant: "filled",
       "data-variant": t,
-      ...n,
-      className: r,
-      classNames: l
+      ...s,
+      className: i,
+      classNames: c
     }
   );
 });
-Pe.displayName = "Badge";
-const We = "Breadcrumb-module__root___x-9ln", ke = "Breadcrumb-module__separator___qrUX-", K = {
-  root: We,
-  separator: ke
-}, Ae = f(
-  function({ overStyled: t = !1, separator: s = ">", ...c }, a) {
-    const n = N(
-      { separator: s, ...c },
+Po.displayName = "Badge";
+const So = "Breadcrumb-module__root___x-9ln", Oo = "Breadcrumb-module__separator___qrUX-", K = {
+  root: So,
+  separator: Oo
+}, Ro = $(
+  function({ overStyled: t = !1, separator: n = ">", ...a }, r) {
+    const s = C(
+      { separator: n, ...a },
       t
-    ), l = {
+    ), c = {
       root: K.root,
       separator: K.separator
-    }, d = n.classNames;
-    if (d && typeof d == "object" && !Array.isArray(d)) {
-      const p = d;
-      l.root = p.root ? `${K.root} ${p.root}` : K.root, l.separator = p.separator ? `${K.separator} ${p.separator}` : K.separator;
+    }, l = s.classNames;
+    if (l && typeof l == "object" && !Array.isArray(l)) {
+      const p = l;
+      c.root = p.root ? `${K.root} ${p.root}` : K.root, c.separator = p.separator ? `${K.separator} ${p.separator}` : K.separator;
     }
-    const i = n.className, r = i ? `${K.root} ${i}` : K.root;
-    return /* @__PURE__ */ o(
-      Ko,
+    const d = s.className, i = d ? `${K.root} ${d}` : K.root;
+    return /* @__PURE__ */ e(
+      Ue,
       {
-        ref: a,
-        ...n,
-        className: r,
-        classNames: l
+        ref: r,
+        ...s,
+        className: i,
+        classNames: c
       }
     );
   }
 );
-Ae.displayName = "Breadcrumb";
-const Re = "Button-module__root___Q2R8-", Se = "Button-module__label___UJ3Zt", Te = "Button-module__labelText___rFV5p", ze = "Button-module__iconWrapper___uEKPa", Ie = "Button-module__section___f2mKr", M = {
-  root: Re,
-  label: Se,
-  labelText: Te,
-  iconWrapper: ze,
-  section: Ie
+Ro.displayName = "Breadcrumb";
+const To = "Button-module__root___Q2R8-", Lo = "Button-module__label___UJ3Zt", Io = "Button-module__labelText___rFV5p", zo = "Button-module__iconWrapper___uEKPa", Fo = "Button-module__section___f2mKr", q = {
+  root: To,
+  label: Lo,
+  labelText: Io,
+  iconWrapper: zo,
+  section: Fo
 };
-function Fe(e) {
-  return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
+function Eo(o) {
+  return o == null || o === "" ? !1 : typeof o == "string" ? o.trim() !== "" : !0;
 }
-const Le = f(
+const Bo = $(
   function({
     variant: t = "solid",
-    size: s = "default",
-    icon: c,
-    children: a,
-    overStyled: n = !1,
-    ...l
-  }, d) {
-    const i = {
+    size: n = "default",
+    icon: a,
+    children: r,
+    overStyled: s = !1,
+    ...c
+  }, l) {
+    const d = {
       solid: "filled",
       outline: "outline",
       text: "subtle"
-    }, r = {
+    }, i = {
       default: "md",
       small: "sm"
-    }, p = N(l, n), m = p;
-    delete m.fullWidth;
-    const u = !!c || !!m.leftSection, _ = !!m.rightSection, h = (u || _) && !Fe(a);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && h && !m["aria-label"] && console.warn(
+    }, p = C(c, s), u = p;
+    delete u.fullWidth;
+    const y = !!a || !!u.leftSection, m = !!u.rightSection, _ = (y || m) && !Eo(r);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !u["aria-label"] && console.warn(
       '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
     );
-    const b = {
-      root: M.root,
-      section: M.section,
-      label: M.label
-    }, C = m.classNames;
-    if (C && typeof C == "object" && !Array.isArray(C)) {
-      const x = C;
-      b.root = x.root ? `${M.root} ${x.root}` : M.root, b.section = x.section ?? M.section, b.label = x.label ?? M.label;
+    const h = {
+      root: q.root,
+      section: q.section,
+      label: q.label
+    }, v = u.classNames;
+    if (v && typeof v == "object" && !Array.isArray(v)) {
+      const b = v;
+      h.root = b.root ? `${q.root} ${b.root}` : q.root, h.section = b.section ?? q.section, h.label = b.label ?? q.label;
     }
-    const $ = m.className, g = $ ? `${M.root} ${$}` : M.root;
-    return /* @__PURE__ */ o(
-      Uo,
+    const f = u.className, x = f ? `${q.root} ${f}` : q.root;
+    return /* @__PURE__ */ e(
+      Qe,
       {
-        ref: d,
-        className: g,
-        classNames: b,
-        variant: i[t],
-        size: r[s],
-        leftSection: c != null ? /* @__PURE__ */ o("span", { className: M.iconWrapper, "aria-hidden": !0, children: c }) : void 0,
+        ref: l,
+        className: x,
+        classNames: h,
+        variant: d[t],
+        size: i[n],
+        leftSection: a != null ? /* @__PURE__ */ e("span", { className: q.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
         "data-variant": t,
-        "data-size": s,
-        ...h ? { "data-icon-only": "" } : {},
+        "data-size": n,
+        ..._ ? { "data-icon-only": "" } : {},
         ...p,
-        children: /* @__PURE__ */ o("span", { className: M.labelText, children: a })
+        children: /* @__PURE__ */ e("span", { className: q.labelText, children: r })
       }
     );
   }
 );
-Le.displayName = "Button";
-const Be = "Card-module__root___c9KvZ", je = "Card-module__header___PTXf2", Ee = "Card-module__footer___Mu-JC", Ge = "Card-module__section___BRT8H", Me = "Card-module__content___oFIQa", H = {
-  root: Be,
-  header: je,
-  footer: Ee,
-  section: Ge,
-  content: Me
-}, ko = f(function({ overStyled: t = !1, ...s }, c) {
-  const a = N(s, t), n = {
+Bo.displayName = "Button";
+const jo = "Card-module__root___c9KvZ", Vo = "Card-module__header___PTXf2", Go = "Card-module__footer___Mu-JC", Mo = "Card-module__section___BRT8H", qo = "Card-module__content___oFIQa", H = {
+  root: jo,
+  header: Vo,
+  footer: Go,
+  section: Mo,
+  content: qo
+}, Oe = $(function({ overStyled: t = !1, ...n }, a) {
+  const r = C(n, t), s = {
     root: H.root
-  }, l = a.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const i = l;
-    Object.keys(i).forEach((r) => {
-      n[r] ? n[r] = `${n[r]} ${i[r]}` : n[r] = i[r];
+  }, c = r.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const d = c;
+    Object.keys(d).forEach((i) => {
+      s[i] ? s[i] = `${s[i]} ${d[i]}` : s[i] = d[i];
     });
   }
-  const d = a.className;
-  return /* @__PURE__ */ o(
-    co,
+  const l = r.className;
+  return /* @__PURE__ */ e(
+    _e,
     {
-      ref: c,
-      className: d,
-      classNames: n,
-      ...a
+      ref: a,
+      className: l,
+      classNames: s,
+      ...r
     }
   );
 });
-ko.displayName = "Card";
-const Ao = f(
-  function({ overStyled: t = !1, ...s }, c) {
-    const a = N(s, t), n = a.className;
-    return /* @__PURE__ */ o(
-      co.Section,
+Oe.displayName = "Card";
+const Re = $(
+  function({ overStyled: t = !1, ...n }, a) {
+    const r = C(n, t), s = r.className;
+    return /* @__PURE__ */ e(
+      _e.Section,
       {
-        ref: c,
-        className: n ? `${H.section} ${n}` : H.section,
-        ...a
+        ref: a,
+        className: s ? `${H.section} ${s}` : H.section,
+        ...r
       }
     );
   }
 );
-Ao.displayName = "CardSection";
-const Ro = f(
-  function({ overStyled: t = !1, ...s }, c) {
-    const a = N(s, t), n = a.className;
-    return /* @__PURE__ */ o(
-      co.Section,
+Re.displayName = "CardSection";
+const Te = $(
+  function({ overStyled: t = !1, ...n }, a) {
+    const r = C(n, t), s = r.className;
+    return /* @__PURE__ */ e(
+      _e.Section,
       {
-        ref: c,
-        className: n ? `${H.header} ${n}` : H.header,
-        ...a
+        ref: a,
+        className: s ? `${H.header} ${s}` : H.header,
+        ...r
       }
     );
   }
 );
-Ro.displayName = "CardHeader";
-const So = f(
-  function({ overStyled: t = !1, ...s }, c) {
-    const a = N(s, t), n = a.className;
-    return /* @__PURE__ */ o(
-      co.Section,
+Te.displayName = "CardHeader";
+const Le = $(
+  function({ overStyled: t = !1, ...n }, a) {
+    const r = C(n, t), s = r.className;
+    return /* @__PURE__ */ e(
+      _e.Section,
       {
-        ref: c,
-        className: n ? `${H.footer} ${n}` : H.footer,
-        ...a
+        ref: a,
+        className: s ? `${H.footer} ${s}` : H.footer,
+        ...r
       }
     );
   }
 );
-So.displayName = "CardFooter";
-const To = f(
-  function({ overStyled: t = !1, ...s }, c) {
-    const a = N(s, t), n = a.className;
-    return /* @__PURE__ */ o(
+Le.displayName = "CardFooter";
+const Ie = $(
+  function({ overStyled: t = !1, ...n }, a) {
+    const r = C(n, t), s = r.className;
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: c,
-        className: n ? `${H.content} ${n}` : H.content,
-        ...a
+        ref: a,
+        className: s ? `${H.content} ${s}` : H.content,
+        ...r
       }
     );
   }
 );
-To.displayName = "CardContent";
-const io = ko;
-io.Section = Ao;
-io.Header = Ro;
-io.Footer = So;
-io.Content = To;
-const De = "Label-module__root___e6HXZ", Ve = "Label-module__labelText___rieFR", qe = "Label-module__required___Ggrzc", Oe = "Label-module__optionalText___Y2yun", Ye = "Label-module__actionAreaWrapper___ELoZK", He = "Label-module__editIconWrapper___NG2xW", E = {
-  root: De,
-  labelText: Ve,
-  required: qe,
-  optionalText: Oe,
-  actionAreaWrapper: Ye,
-  editIconWrapper: He
-}, zo = f(function({
-  formLayout: t = "stacked",
-  labelSize: s = "default",
-  labelAlignment: c,
+Ie.displayName = "CardContent";
+const be = Oe;
+be.Section = Re;
+be.Header = Te;
+be.Footer = Le;
+be.Content = Ie;
+const Do = "Label-module__root___e6HXZ", Yo = "Label-module__labelText___rieFR", Zo = "Label-module__required___Ggrzc", Ho = "Label-module__optionalText___Y2yun", Ko = "Label-module__actionAreaWrapper___ELoZK", Uo = "Label-module__editIconWrapper___NG2xW", G = {
+  root: Do,
+  labelText: Yo,
+  required: Zo,
+  optionalText: Ho,
+  actionAreaWrapper: Ko,
+  editIconWrapper: Uo
+}, ze = $(function({
+  labelSize: t = "default",
+  labelAlignment: n,
   required: a = !1,
-  labelOptionalText: n,
-  labelWithEditIcon: l,
-  labelActionArea: d,
-  onLabelEditClick: i,
-  children: r,
-  overStyled: p = !1,
-  ...m
+  labelOptionalText: r,
+  labelWithEditIcon: s,
+  labelActionArea: c,
+  onLabelEditClick: l,
+  children: d,
+  overStyled: i = !1,
+  ...p
 }, u) {
-  const _ = c || (t === "side-by-side" ? "right" : "left");
-  let h;
-  a || (n === !0 ? h = "optional" : n && (h = n));
-  const b = N(m, p), C = b, $ = {
-    label: E.root,
-    required: E.required
-  }, g = C.classNames;
-  if (g && typeof g == "object" && !Array.isArray(g)) {
-    const k = g;
-    $.label = k.label ? `${E.root} ${k.label}` : E.root, $.required = k.required ? `${E.required} ${k.required}` : E.required;
+  const y = n || "left";
+  let m;
+  a || (r === !0 ? m = "optional" : r && (m = r));
+  const _ = C(p, i), h = _, v = {
+    label: G.root,
+    required: G.required
+  }, f = h.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const k = f;
+    v.label = k.label ? `${G.root} ${k.label}` : G.root, v.required = k.required ? `${G.required} ${k.required}` : G.required;
   }
-  const x = C.className, W = x ? `${E.root} ${x}` : E.root;
-  return /* @__PURE__ */ D(
-    vo.Label,
+  const x = h.className, b = x ? `${G.root} ${x}` : G.root;
+  return /* @__PURE__ */ B(
+    We.Label,
     {
       ref: u,
-      className: W,
-      classNames: $,
-      "data-layout": t,
-      "data-size": s,
-      "data-alignment": _,
-      required: a && !l,
-      ...b,
+      className: b,
+      classNames: v,
+      "data-size": t,
+      "data-alignment": y,
+      required: a && !s,
+      ..._,
       children: [
-        /* @__PURE__ */ o("span", { className: E.labelText, children: r }),
-        h && /* @__PURE__ */ o("span", { className: E.optionalText, children: typeof h == "string" ? `(${h})` : h }),
-        d ? /* @__PURE__ */ o("span", { className: E.actionAreaWrapper, children: d }) : l ? /* @__PURE__ */ o(
+        /* @__PURE__ */ e("span", { className: G.labelText, children: d }),
+        m && /* @__PURE__ */ e("span", { className: G.optionalText, children: typeof m == "string" ? `(${m})` : m }),
+        c ? /* @__PURE__ */ e("span", { className: G.actionAreaWrapper, children: c }) : s ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: E.editIconWrapper,
+            className: G.editIconWrapper,
             "data-replaces-asterisk": a ? "true" : void 0,
-            onClick: i,
+            onClick: l,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ e(
               "svg",
               {
                 width: "16",
@@ -490,7 +488,7 @@ const De = "Label-module__root___e6HXZ", Ve = "Label-module__labelText___rieFR",
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M11.5303 2.46967C11.8232 2.17678 12.2981 2.17678 12.591 2.46967L13.5303 3.40898C13.8232 3.70188 13.8232 4.17675 13.5303 4.46964L5.61288 12.3871C5.45268 12.5473 5.24434 12.6483 5.01809 12.6766L2.39534 13.0044C2.10091 13.0412 1.83856 12.7789 1.87538 12.4845L2.2032 9.86175C2.23147 9.63551 2.3325 9.42716 2.4927 9.26696L11.5303 2.46967Z",
@@ -507,12 +505,48 @@ const De = "Label-module__root___e6HXZ", Ve = "Label-module__labelText___rieFR",
     }
   );
 });
-zo.displayName = "Label";
-const Ke = "AssistiveElement-module__root___WhQ43", Ue = "AssistiveElement-module__textWrapper___sfy5E", Ze = "AssistiveElement-module__iconWrapper___gObRF", po = {
-  root: Ke,
-  textWrapper: Ue,
-  iconWrapper: Ze
-}, Qe = () => /* @__PURE__ */ D(
+ze.displayName = "Label";
+const Qo = "FormControlLayout-module__root___yNDhZ", Xo = "FormControlLayout-module__leftSection___GBM1r", Jo = "FormControlLayout-module__rightSection___bcL4v", ie = {
+  root: Qo,
+  leftSection: Xo,
+  rightSection: Jo
+}, U = $(function({
+  formLayout: t = "stacked",
+  labelSize: n = "default",
+  controlMaxWidth: a,
+  controlMinWidth: r,
+  leftSection: s,
+  children: c,
+  className: l,
+  style: d,
+  ...i
+}, p) {
+  const u = l ? `${ie.root} ${l}` : ie.root, m = s != null || t === "side-by-side";
+  return /* @__PURE__ */ B(
+    "div",
+    {
+      ref: p,
+      className: u,
+      "data-form-layout": t,
+      style: {
+        ...d,
+        ...a ? { "--form-control-max-width": a } : {},
+        ...r ? { "--form-control-min-width": r } : {}
+      },
+      ...i,
+      children: [
+        m && /* @__PURE__ */ e("div", { className: ie.leftSection, "data-size": n, children: s }),
+        /* @__PURE__ */ e("div", { className: ie.rightSection, children: c })
+      ]
+    }
+  );
+});
+U.displayName = "FormControlLayout";
+const et = "AssistiveElement-module__root___WhQ43", ot = "AssistiveElement-module__textWrapper___sfy5E", tt = "AssistiveElement-module__iconWrapper___gObRF", ye = {
+  root: et,
+  textWrapper: ot,
+  iconWrapper: tt
+}, rt = () => /* @__PURE__ */ B(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -523,12 +557,12 @@ const Ke = "AssistiveElement-module__root___WhQ43", Ue = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ o("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ o("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ e("path", { d: "M12 8h.01" })
     ]
   }
-), Xe = () => /* @__PURE__ */ D(
+), at = () => /* @__PURE__ */ B(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -539,233 +573,362 @@ const Ke = "AssistiveElement-module__root___WhQ43", Ue = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ o("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-      /* @__PURE__ */ o("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ o("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ e("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+      /* @__PURE__ */ e("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ e("path", { d: "M12 17h.01" })
     ]
   }
-), mo = f(function({
+), he = $(function({
   assistiveVariant: t = "help",
-  assistiveWithIcon: s = !0,
-  children: c,
-  className: a,
-  overStyled: n = !1,
-  ...l
-}, d) {
-  const r = N(l, n), p = po.root, m = a ? `${p} ${a}` : p, u = t === "error" ? Xe : Qe;
-  return /* @__PURE__ */ D(
+  assistiveWithIcon: n = !0,
+  children: a,
+  className: r,
+  overStyled: s = !1,
+  ...c
+}, l) {
+  const i = C(c, s), p = ye.root, u = r ? `${p} ${r}` : p, y = t === "error" ? at : rt;
+  return /* @__PURE__ */ B(
     "div",
     {
-      ref: d,
-      className: m,
+      ref: l,
+      className: u,
       "data-variant": t,
-      style: r.style,
-      ...r,
+      style: i.style,
+      ...i,
       children: [
-        s && /* @__PURE__ */ o("span", { className: po.iconWrapper, children: /* @__PURE__ */ o(u, {}) }),
-        /* @__PURE__ */ o("span", { className: po.textWrapper, children: c })
+        n && /* @__PURE__ */ e("span", { className: ye.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ e("span", { className: ye.textWrapper, children: a })
       ]
     }
   );
 });
-mo.displayName = "AssistiveElement";
-const Je = "FormControlWrapper-module__root___c-UHo", ot = "FormControlWrapper-module__labelSection___hxSY4", et = "FormControlWrapper-module__inputSection___HenXk", _o = {
-  root: Je,
-  labelSection: ot,
-  inputSection: et
-}, V = f(function({
+he.displayName = "AssistiveElement";
+const st = "FormControlWrapper-module__inputSection___HenXk", xe = {
+  inputSection: st
+}, de = $(function({
   formLayout: t,
-  labelSize: s,
-  labelAlignment: c,
-  labelOptionalText: a,
-  labelWithEditIcon: n,
-  labelActionArea: l,
-  onLabelEditClick: d,
-  label: i,
-  description: r,
+  labelSize: n,
+  labelAlignment: a,
+  labelOptionalText: r,
+  labelWithEditIcon: s,
+  labelActionArea: c,
+  onLabelEditClick: l,
+  label: d,
+  description: i,
   assistiveText: p,
-  assistiveWithIcon: m = !0,
-  controlMaxWidth: u,
-  controlMinWidth: _,
-  error: h,
-  required: b,
-  withAsterisk: C,
-  id: $,
-  children: g,
-  className: x,
-  overStyled: W = !1,
-  labelElement: k,
+  assistiveWithIcon: u = !0,
+  controlMaxWidth: y,
+  controlMinWidth: m,
+  error: _,
+  required: h,
+  withAsterisk: v,
+  id: f,
+  children: x,
+  className: b,
+  overStyled: k = !1,
+  labelElement: N,
   // Extracted safely preventing bleeding into HTML domains
   ...z
-}, S) {
-  const I = qo(), y = $ || `recursica-fc-${I}`, T = p || r, R = T ? `${y}-assistive` : void 0, A = h ? `${y}-error` : void 0, X = N(z, W), B = x || X.className, $o = _o.root, Do = B ? `${$o} ${B}` : $o, Vo = j.isValidElement(g) ? j.cloneElement(
-    g,
+}, T) {
+  const P = Ye(), L = f || `recursica-fc-${P}`, I = p || i, S = I ? `${L}-assistive` : void 0, O = _ ? `${L}-error` : void 0, R = C(z, k), Q = b || R.className, le = xe.root, V = Q ? `${le} ${Q}` : le, qe = j.isValidElement(x) ? j.cloneElement(
+    x,
     {
-      ...T && !g.props["aria-describedby"] ? { "aria-describedby": R } : {},
-      ...h && !g.props["aria-errormessage"] ? { "aria-errormessage": A } : {}
+      ...I && !x.props["aria-describedby"] ? { "aria-describedby": S } : {},
+      ..._ && !x.props["aria-errormessage"] ? { "aria-errormessage": O } : {}
     }
-  ) : g;
-  return /* @__PURE__ */ D(
-    Co,
+  ) : x, De = d ? /* @__PURE__ */ e(
+    ze,
     {
-      ref: S,
-      className: Do,
-      "data-form-layout": t || "stacked",
-      "data-form-alignment": c || "left",
-      style: {
-        ...X.style || {},
-        ...u ? { "--form-control-max-width": u } : {},
-        ..._ ? { "--form-control-min-width": _ } : {}
-      },
-      ...X,
-      children: [
-        i && /* @__PURE__ */ o("div", { className: _o.labelSection, children: /* @__PURE__ */ o(
-          zo,
+      id: L,
+      labelAlignment: a,
+      labelOptionalText: r,
+      labelWithEditIcon: s,
+      labelActionArea: c,
+      onLabelEditClick: l,
+      required: v ?? h,
+      ...N === "div" ? { as: "div" } : {},
+      children: d
+    }
+  ) : void 0;
+  return /* @__PURE__ */ e(
+    U,
+    {
+      ref: T,
+      className: V,
+      formLayout: t,
+      labelSize: n,
+      controlMaxWidth: y,
+      controlMinWidth: m,
+      leftSection: De,
+      ...R,
+      children: /* @__PURE__ */ B("div", { className: xe.inputSection, children: [
+        qe,
+        _ && /* @__PURE__ */ e(
+          he,
           {
-            id: y,
-            formLayout: t,
-            labelSize: s,
-            labelAlignment: c,
-            labelOptionalText: a,
-            labelWithEditIcon: n,
-            labelActionArea: l,
-            onLabelEditClick: d,
-            required: C ?? b,
-            ...k === "div" ? { as: "div" } : {},
-            children: i
+            id: O,
+            assistiveVariant: "error",
+            assistiveWithIcon: u,
+            children: _
           }
-        ) }),
-        /* @__PURE__ */ D("div", { className: _o.inputSection, children: [
-          Vo,
-          h && /* @__PURE__ */ o(
-            mo,
-            {
-              id: A,
-              assistiveVariant: "error",
-              assistiveWithIcon: m,
-              children: h
-            }
-          ),
-          !h && T && /* @__PURE__ */ o(
-            mo,
-            {
-              id: R,
-              assistiveVariant: "help",
-              assistiveWithIcon: m,
-              children: T
-            }
-          )
-        ] })
-      ]
+        ),
+        !_ && I && /* @__PURE__ */ e(
+          he,
+          {
+            id: S,
+            assistiveVariant: "help",
+            assistiveWithIcon: u,
+            children: I
+          }
+        )
+      ] })
     }
   );
 });
-V.displayName = "FormControlWrapper";
-const tt = "Checkbox-module__groupRoot___cBS0o", rt = "Checkbox-module__root___mY3qk", st = "Checkbox-module__body___5yC7q", at = "Checkbox-module__inner___rTke4", nt = "Checkbox-module__input___2kt-h", ct = "Checkbox-module__icon___-O7i6", it = "Checkbox-module__labelWrapper___GpZkr", lt = "Checkbox-module__label___cwRtI", w = {
-  groupRoot: tt,
-  root: rt,
-  body: st,
-  inner: at,
-  input: nt,
-  icon: ct,
-  labelWrapper: it,
-  label: lt
-}, Io = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    // Label Wrappers
-    labelSize: c,
-    labelAlignment: a,
-    labelOptionalText: n,
-    labelWithEditIcon: l,
-    onLabelEditClick: d,
-    // Base Mantine Extracted Attributes
-    label: i,
-    description: r,
-    assistiveText: p,
-    assistiveWithIcon: m,
-    error: u,
-    required: _,
-    withAsterisk: h,
-    id: b,
-    className: C,
-    style: $,
-    children: g,
-    readOnly: x,
-    readOnlyComponent: W,
-    ...k
-  }, z) {
-    const S = N(k, t), I = S;
-    return delete I.size, x && W ? /* @__PURE__ */ o(
-      V,
+de.displayName = "FormControlWrapper";
+const nt = "_root_1qhn7_3", lt = "_contents_1qhn7_18", J = {
+  root: nt,
+  contents: lt
+}, it = $(function({ layer: o, contentsOnly: t, children: n, className: a, style: r, ...s }, c) {
+  const l = t ? a ? `${J.root} ${J.contents} ${a}` : `${J.root} ${J.contents}` : a ? `${J.root} ${a}` : J.root;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      className: l,
+      style: r,
+      ...t ? {} : { "data-recursica-layer": String(o) },
+      ...s,
+      children: n
+    }
+  );
+});
+it.displayName = "Layer";
+const pe = ({ emptyText: o = "N/A" }) => /* @__PURE__ */ e(j.Fragment, { children: o });
+pe.displayName = "EmptyValueRenderer";
+pe.check = (o) => o == null || o === "" || Array.isArray(o) && o.length === 0;
+const ge = "data-recursica-theme";
+function Cr({
+  children: o,
+  theme: t = "light"
+}) {
+  return Ze(() => {
+    const n = document.documentElement;
+    return n.setAttribute(ge, t), () => {
+      n.removeAttribute(ge);
+    };
+  }, [t]), /* @__PURE__ */ e(ne, { children: o });
+}
+const ct = "ReadOnlyField-module__textField___qKn25", me = {
+  textField: ct
+}, ce = ({
+  value: o,
+  overStyled: t = !1,
+  ...n
+}) => {
+  const a = C(n, t), r = a.className;
+  return /* @__PURE__ */ e(
+    fe,
+    {
+      component: "p",
+      className: r ? `${me.textField} ${r}` : me.textField,
+      ...a,
+      children: o != null ? j.isValidElement(o) ? o : Array.isArray(o) ? o.join(", ") : String(o) : ""
+    }
+  );
+};
+ce.displayName = "ReadOnlyTextField";
+const Fe = $(
+  function({ value: t, type: n = "text", emptyValueComponent: a, overStyled: r = !1, ...s }, c) {
+    let l = null;
+    const d = C(s, r), i = a || pe, u = (i.check ? i.check(t) : pe.check(t)) ? /* @__PURE__ */ e(i, { value: t }) : t;
+    switch (n) {
+      case "boolean":
+        l = /* @__PURE__ */ e(
+          ce,
+          {
+            value: t === !0 ? "True" : t === !1 ? "False" : u,
+            overStyled: r
+          }
+        );
+        break;
+      case "switch":
+        l = /* @__PURE__ */ e(
+          ce,
+          {
+            value: t === !0 ? "On" : t === !1 ? "Off" : u,
+            overStyled: r
+          }
+        );
+        break;
+      case "text":
+      default:
+        l = /* @__PURE__ */ e(
+          ce,
+          {
+            value: u,
+            overStyled: r
+          }
+        );
+        break;
+    }
+    return /* @__PURE__ */ e(
+      de,
       {
-        className: C,
-        style: $,
-        controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
-        controlMinWidth: void 0,
-        overStyled: t,
-        labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
-        assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: W
+        ref: c,
+        overStyled: r,
+        ...d,
+        children: l
       }
-    ) : /* @__PURE__ */ o(
-      V,
+    );
+  }
+);
+Fe.displayName = "ReadOnlyField";
+const X = $(function({
+  readOnly: t,
+  readOnlyComponent: n,
+  readOnlyType: a = "text",
+  readOnlyValue: r,
+  readOnlyNativeProps: s,
+  emptyValueComponent: c,
+  activeComponent: l,
+  overStyled: d,
+  onLabelEditClick: i,
+  ...p
+}, u) {
+  return t ? n ? /* @__PURE__ */ e(
+    de,
+    {
+      ref: u,
+      ...p,
+      onLabelEditClick: i,
+      overStyled: d,
+      children: /* @__PURE__ */ e(n, { ...s })
+    }
+  ) : /* @__PURE__ */ e(
+    Fe,
+    {
+      ref: u,
+      type: a,
+      value: r,
+      emptyValueComponent: c,
+      onLabelEditClick: i,
+      overStyled: d,
+      ...p
+    }
+  ) : /* @__PURE__ */ e(
+    de,
+    {
+      ref: u,
+      ...p,
+      onLabelEditClick: i,
+      overStyled: d,
+      children: l
+    }
+  );
+});
+X.displayName = "WithReadOnlyWrapper";
+const dt = "Checkbox-module__groupRoot___cBS0o", pt = "Checkbox-module__root___mY3qk", mt = "Checkbox-module__body___5yC7q", ut = "Checkbox-module__inner___rTke4", _t = "Checkbox-module__input___2kt-h", bt = "Checkbox-module__icon___-O7i6", yt = "Checkbox-module__labelWrapper___GpZkr", ht = "Checkbox-module__label___cwRtI", w = {
+  groupRoot: dt,
+  root: pt,
+  body: mt,
+  inner: ut,
+  input: _t,
+  icon: bt,
+  labelWrapper: yt,
+  label: ht
+}, Ee = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      // Label Wrappers
+      labelSize: s,
+      labelAlignment: c,
+      labelOptionalText: l,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      // Base Mantine Extracted Attributes
+      label: p,
+      description: u,
+      assistiveText: y,
+      assistiveWithIcon: m,
+      error: _,
+      required: h,
+      withAsterisk: v,
+      id: f,
+      className: x,
+      style: b,
+      children: k,
+      readOnly: N,
+      readOnlyComponent: z,
+      emptyValueComponent: T,
+      value: P,
+      defaultValue: L,
+      ...I
+    } = t, S = C(I, a), O = S;
+    return delete O.size, /* @__PURE__ */ e(
+      X,
       {
-        className: C,
-        style: $,
+        className: x,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: t,
+        overStyled: a,
         labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
+        formLayout: r,
+        labelSize: s,
+        labelAlignment: c,
+        labelOptionalText: l,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        description: u,
+        assistiveText: y,
         assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: /* @__PURE__ */ o(
-          go.Group,
+        error: _,
+        required: h,
+        withAsterisk: v,
+        id: f,
+        readOnly: N && !!z,
+        readOnlyComponent: z,
+        emptyValueComponent: T,
+        readOnlyType: "text",
+        readOnlyValue: P !== void 0 ? P : L,
+        readOnlyNativeProps: t,
+        activeComponent: /* @__PURE__ */ e(
+          ke.Group,
           {
-            ref: z,
+            ref: n,
             ...S,
-            children: /* @__PURE__ */ o("div", { className: w.groupRoot, "data-layout": s, children: j.Children.map(g, (y) => j.isValidElement(y) ? j.cloneElement(y, {
-              disabled: x || y.props.disabled
-            }) : y) })
+            disabled: N || O.disabled,
+            value: P,
+            defaultValue: L,
+            children: /* @__PURE__ */ e("div", { className: w.groupRoot, "data-layout": r, children: j.Children.map(k, (g) => j.isValidElement(g) ? j.cloneElement(g, {
+              disabled: N || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-Io.displayName = "CheckboxGroup";
-const Fo = f(
-  function({ overStyled: t = !1, readOnly: s, readOnlyComponent: c, disabled: a, ...n }, l) {
-    const d = N(n, t), i = d;
-    if (delete i.size, delete i.color, delete i.radius, delete i.variant, delete i.iconColor, s && c)
-      return /* @__PURE__ */ o(so, { children: c });
-    const r = {
+Ee.displayName = "CheckboxGroup";
+const Be = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      readOnly: r,
+      readOnlyComponent: s,
+      disabled: c,
+      formLayout: l,
+      labelSize: d,
+      controlMaxWidth: i,
+      controlMinWidth: p,
+      ...u
+    } = t, y = C(u, a), m = y;
+    delete m.size, delete m.color, delete m.radius, delete m.variant, delete m.iconColor;
+    const _ = {
       root: w.root,
       body: w.body,
       inner: w.inner,
@@ -773,37 +936,67 @@ const Fo = f(
       icon: w.icon,
       labelWrapper: w.labelWrapper,
       label: w.label
-    }, p = i.classNames;
-    if (p && typeof p == "object" && !Array.isArray(p)) {
-      const _ = p;
-      r.root = _.root ? `${w.root} ${_.root}` : w.root, r.body = _.body ? `${w.body} ${_.body}` : w.body, r.inner = _.inner ? `${w.inner} ${_.inner}` : w.inner, r.input = _.input ? `${w.input} ${_.input}` : w.input, r.icon = _.icon ? `${w.icon} ${_.icon}` : w.icon, r.labelWrapper = _.labelWrapper ? `${w.labelWrapper} ${_.labelWrapper}` : w.labelWrapper, r.label = _.label ? `${w.label} ${_.label}` : w.label;
+    }, h = m.classNames;
+    if (h && typeof h == "object" && !Array.isArray(h)) {
+      const b = h;
+      _.root = b.root ? `${w.root} ${b.root}` : w.root, _.body = b.body ? `${w.body} ${b.body}` : w.body, _.inner = b.inner ? `${w.inner} ${b.inner}` : w.inner, _.input = b.input ? `${w.input} ${b.input}` : w.input, _.icon = b.icon ? `${w.icon} ${b.icon}` : w.icon, _.labelWrapper = b.labelWrapper ? `${w.labelWrapper} ${b.labelWrapper}` : w.labelWrapper, _.label = b.label ? `${w.label} ${b.label}` : w.label;
     }
-    const m = i.className, u = m ? `${w.root} ${m}` : w.root;
-    return /* @__PURE__ */ o(
-      go,
+    const v = m.className, f = v ? `${w.root} ${v}` : w.root;
+    if (r && s) {
+      const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
+        s,
+        {
+          ...t,
+          checked: b,
+          label: m.label
+        }
+      );
+      return l ? /* @__PURE__ */ e(
+        U,
+        {
+          formLayout: l,
+          labelSize: d,
+          controlMaxWidth: i,
+          controlMinWidth: p,
+          children: N
+        }
+      ) : /* @__PURE__ */ e(ne, { children: N });
+    }
+    const x = /* @__PURE__ */ e(
+      ke,
       {
-        ref: l,
-        className: u,
-        classNames: r,
-        disabled: s || a,
-        ...d
+        ref: n,
+        className: f,
+        classNames: _,
+        disabled: r || c,
+        ...y
       }
     );
+    return l ? /* @__PURE__ */ e(
+      U,
+      {
+        formLayout: l,
+        labelSize: d,
+        controlMaxWidth: i,
+        controlMinWidth: p,
+        children: x
+      }
+    ) : x;
   }
 );
-Fo.displayName = "Checkbox";
-Fo.Group = Io;
-const dt = "Chip-module__root___f5pFk", pt = "Chip-module__label___Ov9pg", _t = "Chip-module__mantineIconWrapper___KLSz6", mt = "Chip-module__innerWrapper___EnrTF", ut = "Chip-module__children___zbRAR", bt = "Chip-module__leadingIcon___JBtjQ", ht = "Chip-module__removeIcon___pVju-", F = {
-  root: dt,
-  label: pt,
-  mantineIconWrapper: _t,
-  innerWrapper: mt,
-  children: ut,
-  leadingIcon: bt,
-  removeIcon: ht
+Be.displayName = "Checkbox";
+Be.Group = Ee;
+const ft = "Chip-module__root___f5pFk", Nt = "Chip-module__label___Ov9pg", $t = "Chip-module__mantineIconWrapper___KLSz6", vt = "Chip-module__innerWrapper___EnrTF", Ct = "Chip-module__children___zbRAR", xt = "Chip-module__leadingIcon___JBtjQ", gt = "Chip-module__removeIcon___pVju-", F = {
+  root: ft,
+  label: Nt,
+  mantineIconWrapper: $t,
+  innerWrapper: vt,
+  children: Ct,
+  leadingIcon: xt,
+  removeIcon: gt
 };
-function $t(e) {
-  return /* @__PURE__ */ D(
+function Wt(o) {
+  return /* @__PURE__ */ B(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -815,322 +1008,204 @@ function $t(e) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...e,
+      ...o,
       children: [
-        /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const ft = f(function({
+const kt = $(function({
   error: t = !1,
-  icon: s,
-  onRemove: c,
-  removeLabel: a = "Remove",
-  children: n,
-  overStyled: l = !1,
-  ...d
-}, i) {
-  const r = N(d, l), p = r, m = {
+  icon: n,
+  onRemove: a,
+  removeLabel: r = "Remove",
+  children: s,
+  overStyled: c = !1,
+  ...l
+}, d) {
+  const i = C(l, c), p = i, u = {
     root: F.root,
     label: F.label,
     input: F.input,
     iconWrapper: F.mantineIconWrapper,
     checkIcon: F.checkIcon
-  }, u = p.classNames;
-  if (u && typeof u == "object" && !Array.isArray(u)) {
-    const $ = u;
-    m.root = $.root ? `${F.root} ${$.root}` : F.root, m.label = $.label ? `${F.label} ${$.label}` : F.label;
+  }, y = p.classNames;
+  if (y && typeof y == "object" && !Array.isArray(y)) {
+    const f = y;
+    u.root = f.root ? `${F.root} ${f.root}` : F.root, u.label = f.label ? `${F.label} ${f.label}` : F.label;
   }
-  const _ = p.className, h = _ ? `${F.root} ${_}` : F.root;
-  return /* @__PURE__ */ o(
-    Zo,
+  const m = p.className, _ = m ? `${F.root} ${m}` : F.root;
+  return /* @__PURE__ */ e(
+    Xe,
     {
-      ref: i,
-      className: h,
-      classNames: m,
+      ref: d,
+      className: _,
+      classNames: u,
       ...(t ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!n && (!!s || !!c) ? { "data-icon-only": "" } : {},
-      ...r,
-      children: /* @__PURE__ */ D("span", { className: F.innerWrapper, children: [
-        s && /* @__PURE__ */ o("span", { className: F.leadingIcon, "aria-hidden": !0, children: s }),
-        /* @__PURE__ */ o("span", { className: F.children, children: n }),
-        c && /* @__PURE__ */ o(
+      ...!s && (!!n || !!a) ? { "data-icon-only": "" } : {},
+      ...i,
+      children: /* @__PURE__ */ B("span", { className: F.innerWrapper, children: [
+        n && /* @__PURE__ */ e("span", { className: F.leadingIcon, "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ e("span", { className: F.children, children: s }),
+        a && /* @__PURE__ */ e(
           "span",
           {
             role: "button",
             className: F.removeIcon,
-            onClick: ($) => {
-              $.preventDefault(), $.stopPropagation(), c($);
+            onClick: (f) => {
+              f.preventDefault(), f.stopPropagation(), a(f);
             },
-            "aria-label": a,
-            onKeyDown: ($) => {
-              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), c(
-                $
+            "aria-label": r,
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), a(
+                f
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ o($t, {})
+            children: /* @__PURE__ */ e(Wt, {})
           }
         )
       ] })
     }
   );
 });
-ft.displayName = "Chip";
-const Nt = "Container-module__root___UVssr", J = {
-  root: Nt
-}, yt = f(
-  function({ children: t, size: s, overStyled: c = !1, ...a }, n) {
-    const l = N(a, c), d = l, i = {
+kt.displayName = "Chip";
+const wt = "Container-module__root___UVssr", oe = {
+  root: wt
+}, At = $(
+  function({ children: t, size: n, overStyled: a = !1, ...r }, s) {
+    const c = C(r, a), l = c, d = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, r = typeof s == "string" && i[s] ? i[s] : s, p = {
-      root: J.root
-    }, m = d.classNames;
-    if (m && typeof m == "object" && !Array.isArray(m)) {
-      const h = m;
-      p.root = h.root ? `${J.root} ${h.root}` : J.root;
+    }, i = typeof n == "string" && d[n] ? d[n] : n, p = {
+      root: oe.root
+    }, u = l.classNames;
+    if (u && typeof u == "object" && !Array.isArray(u)) {
+      const _ = u;
+      p.root = _.root ? `${oe.root} ${_.root}` : oe.root;
     }
-    const u = d.className, _ = u ? `${J.root} ${u}` : J.root;
-    return /* @__PURE__ */ o(
-      Qo,
+    const y = l.className, m = y ? `${oe.root} ${y}` : oe.root;
+    return /* @__PURE__ */ e(
+      Je,
       {
-        ref: n,
-        size: r,
-        className: _,
+        ref: s,
+        size: i,
+        className: m,
         classNames: p,
-        ...l,
+        ...c,
         children: t
       }
     );
   }
 );
-yt.displayName = "Container";
-const hr = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), vt = "_root_1qhn7_3", Ct = "_contents_1qhn7_18", U = {
-  root: vt,
-  contents: Ct
-}, gt = f(function({ layer: e, contentsOnly: t, children: s, className: c, style: a, ...n }, l) {
-  const d = t ? c ? `${U.root} ${U.contents} ${c}` : `${U.root} ${U.contents}` : c ? `${U.root} ${c}` : U.root;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: l,
-      className: d,
-      style: a,
-      ...t ? {} : { "data-recursica-layer": String(e) },
-      ...n,
-      children: s
-    }
-  );
-});
-gt.displayName = "Layer";
-const ao = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ o(j.Fragment, { children: e });
-ao.displayName = "EmptyValueRenderer";
-ao.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
-const No = "data-recursica-theme";
-function $r({
-  children: e,
-  theme: t = "light"
-}) {
-  return Oo(() => {
-    const s = document.documentElement;
-    return s.setAttribute(No, t), () => {
-      s.removeAttribute(No);
-    };
-  }, [t]), /* @__PURE__ */ o(so, { children: e });
-}
-const xt = "ReadOnlyField-module__textField___qKn25", yo = {
-  textField: xt
-}, Lo = ({
-  value: e,
-  overStyled: t = !1,
-  ...s
-}) => {
-  const c = N(s, t), a = c.className;
-  return /* @__PURE__ */ o(
-    Co,
-    {
-      component: "p",
-      className: a ? `${yo.textField} ${a}` : yo.textField,
-      ...c,
-      children: e != null ? j.isValidElement(e) ? e : String(e) : ""
-    }
-  );
-};
-Lo.displayName = "ReadOnlyTextField";
-const Bo = f(
-  function({ value: t, type: s = "text", emptyValueComponent: c, overStyled: a = !1, ...n }, l) {
-    let d = null;
-    const i = N(n, a), r = c || ao, m = (r.check ? r.check(t) : ao.check(t)) ? /* @__PURE__ */ o(r, { value: t }) : t;
-    switch (s) {
-      case "text":
-      default:
-        d = /* @__PURE__ */ o(
-          Lo,
-          {
-            value: m,
-            overStyled: a
-          }
-        );
-        break;
-    }
-    return /* @__PURE__ */ o(
-      V,
-      {
-        ref: l,
-        overStyled: a,
-        ...i,
-        children: d
-      }
-    );
-  }
-);
-Bo.displayName = "ReadOnlyField";
-const lo = f(function({
-  readOnly: t,
-  readOnlyComponent: s,
-  readOnlyType: c = "text",
-  readOnlyValue: a,
-  activeComponent: n,
-  overStyled: l,
-  onLabelEditClick: d,
-  ...i
-}, r) {
-  return t ? s ? /* @__PURE__ */ o(
-    V,
-    {
-      ref: r,
-      ...i,
-      onLabelEditClick: d,
-      overStyled: l,
-      children: s
-    }
-  ) : /* @__PURE__ */ o(
-    Bo,
-    {
-      ref: r,
-      type: c,
-      value: a,
-      onLabelEditClick: d,
-      overStyled: l,
-      ...i
-    }
-  ) : /* @__PURE__ */ o(
-    V,
-    {
-      ref: r,
-      ...i,
-      onLabelEditClick: d,
-      overStyled: l,
-      children: n
-    }
-  );
-});
-lo.displayName = "WithReadOnlyWrapper";
-const wt = "Dropdown-module__root___uVyL0", Pt = "Dropdown-module__input___dK4dN", Wt = "Dropdown-module__section___j3MRB", kt = "Dropdown-module__dropdown___gG-Sw", At = "Dropdown-module__option___nAGU-", L = {
-  root: wt,
-  input: Pt,
-  section: Wt,
-  dropdown: kt,
-  option: At
-}, Rt = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    containerWidth: c,
-    // Label & Wrapper Maps
-    labelSize: a,
-    labelAlignment: n,
-    labelOptionalText: l,
-    labelWithEditIcon: d,
-    onLabelEditClick: i,
-    label: r,
-    assistiveText: p,
-    assistiveWithIcon: m,
-    error: u,
-    required: _,
-    withAsterisk: h,
-    id: b,
-    className: C,
-    style: $,
-    disabled: g,
-    readOnly: x,
-    readOnlyComponent: W,
-    value: k,
-    defaultValue: z,
-    data: S,
-    ...I
-  }, y) {
-    const T = N(I, t), R = T;
-    delete R.size, delete R.variant, delete R.radius;
-    const A = {
-      wrapper: L.root,
+At.displayName = "Container";
+const xr = (o) => /* @__PURE__ */ e("div", { ...o, children: "DatePicker" }), Pt = "Dropdown-module__root___uVyL0", St = "Dropdown-module__input___dK4dN", Ot = "Dropdown-module__section___j3MRB", Rt = "Dropdown-module__dropdown___gG-Sw", Tt = "Dropdown-module__option___nAGU-", E = {
+  root: Pt,
+  input: St,
+  section: Ot,
+  dropdown: Rt,
+  option: Tt
+}, Lt = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      containerWidth: s,
+      // Label & Wrapper Maps
+      labelSize: c,
+      labelAlignment: l,
+      labelOptionalText: d,
+      labelWithEditIcon: i,
+      onLabelEditClick: p,
+      label: u,
+      assistiveText: y,
+      assistiveWithIcon: m,
+      error: _,
+      required: h,
+      withAsterisk: v,
+      id: f,
+      className: x,
+      style: b,
+      disabled: k,
+      readOnly: N,
+      readOnlyComponent: z,
+      emptyValueComponent: T,
+      value: P,
+      defaultValue: L,
+      data: I,
+      ...S
+    } = t, O = C(S, a), g = O;
+    delete g.size, delete g.variant, delete g.radius;
+    const R = {
+      wrapper: E.root,
       // The nested Input internal relative wrapper bounding box
-      input: L.input,
-      section: L.section,
-      dropdown: L.dropdown,
-      option: L.option
-    }, Q = R.classNames;
+      input: E.input,
+      section: E.section,
+      dropdown: E.dropdown,
+      option: E.option
+    }, Q = g.classNames;
     if (Q && typeof Q == "object" && !Array.isArray(Q)) {
-      const B = Q;
-      A.wrapper = B.wrapper ? `${L.root} ${B.wrapper}` : L.root, A.input = B.input ? `${L.input} ${B.input}` : L.input, A.section = B.section ? `${L.section} ${B.section}` : L.section, A.dropdown = B.dropdown ? `${L.dropdown} ${B.dropdown}` : L.dropdown, A.option = B.option ? `${L.option} ${B.option}` : L.option;
+      const V = Q;
+      R.wrapper = V.wrapper ? `${E.root} ${V.wrapper}` : E.root, R.input = V.input ? `${E.input} ${V.input}` : E.input, R.section = V.section ? `${E.section} ${V.section}` : E.section, R.dropdown = V.dropdown ? `${E.dropdown} ${V.dropdown}` : E.dropdown, R.option = V.option ? `${E.option} ${V.option}` : E.option;
     }
-    const X = {
-      ...$ || {},
-      width: c || "100%"
+    const le = {
+      ...b || {},
+      width: s || "100%"
     };
-    return /* @__PURE__ */ o(
-      lo,
+    return /* @__PURE__ */ e(
+      X,
       {
-        className: C,
-        style: X,
+        className: x,
+        style: le,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: t,
-        formLayout: s,
-        labelSize: a,
-        labelAlignment: n,
-        labelOptionalText: l,
-        labelWithEditIcon: d,
-        onLabelEditClick: i,
-        label: r,
-        assistiveText: p,
+        overStyled: a,
+        formLayout: r,
+        labelSize: c,
+        labelAlignment: l,
+        labelOptionalText: d,
+        labelWithEditIcon: i,
+        onLabelEditClick: p,
+        label: u,
+        assistiveText: y,
         assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        readOnly: x,
-        readOnlyComponent: W,
+        error: _,
+        required: h,
+        withAsterisk: v,
+        id: f,
+        readOnly: N,
+        readOnlyComponent: z,
+        emptyValueComponent: T,
         readOnlyType: "text",
-        readOnlyValue: k !== void 0 ? String(k) : z ? String(z) : void 0,
+        readOnlyValue: P !== void 0 ? String(P) : L ? String(L) : void 0,
+        readOnlyNativeProps: t,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ o(
-            Xo,
+          /* @__PURE__ */ e(
+            eo,
             {
-              ref: y,
-              classNames: A,
-              disabled: g,
-              value: k,
-              defaultValue: z,
-              data: S || [],
+              ref: n,
+              classNames: R,
+              disabled: k,
+              value: P,
+              defaultValue: L,
+              data: I || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": g ? "true" : void 0,
-                "data-error": u ? "true" : void 0
+                "data-disabled": k ? "true" : void 0,
+                "data-error": _ ? "true" : void 0
               },
-              ...T
+              ...O
             }
           )
         )
@@ -1138,486 +1213,571 @@ const wt = "Dropdown-module__root___uVyL0", Pt = "Dropdown-module__input___dK4dN
     );
   }
 );
-Rt.displayName = "Dropdown";
-const fr = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), Nr = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), St = "Flex-module__root___yYser", oo = {
-  root: St
-}, Tt = f(function({ children: t, overStyled: s = !1, gap: c = "rec-default", ...a }, n) {
-  const l = N({ ...a, gap: c }, s), d = l, i = {
-    root: oo.root
-  }, r = d.classNames;
-  if (r && typeof r == "object" && !Array.isArray(r)) {
-    const u = r;
-    i.root = u.root ? `${oo.root} ${u.root}` : oo.root;
+Lt.displayName = "Dropdown";
+const gr = (o) => /* @__PURE__ */ e("div", { ...o, children: "FileInput" }), Wr = (o) => /* @__PURE__ */ e("div", { ...o, children: "FileUpload" }), It = "Flex-module__root___yYser", te = {
+  root: It
+}, zt = $(function({ children: t, overStyled: n = !1, gap: a = "rec-default", ...r }, s) {
+  const c = C({ ...r, gap: a }, n), l = c, d = {
+    root: te.root
+  }, i = l.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const y = i;
+    d.root = y.root ? `${te.root} ${y.root}` : te.root;
   }
-  const p = d.className, m = p ? `${oo.root} ${p}` : oo.root;
-  return /* @__PURE__ */ o(
-    Jo,
+  const p = l.className, u = p ? `${te.root} ${p}` : te.root;
+  return /* @__PURE__ */ e(
+    oo,
     {
-      ref: n,
-      className: m,
-      classNames: i,
-      ...l,
+      ref: s,
+      className: u,
+      classNames: d,
+      ...c,
       children: t
     }
   );
 });
-Tt.displayName = "Flex";
-const zt = "Group-module__root___ftO64", eo = {
-  root: zt
-}, It = f(function({ children: t, overStyled: s = !1, gap: c = "rec-default", ...a }, n) {
-  const l = N({ ...a, gap: c }, s), d = l, i = {
-    root: eo.root
-  }, r = d.classNames;
-  if (r && typeof r == "object" && !Array.isArray(r)) {
-    const u = r;
-    i.root = u.root ? `${eo.root} ${u.root}` : eo.root;
+zt.displayName = "Flex";
+const Ft = "Group-module__root___ftO64", re = {
+  root: Ft
+}, Et = $(function({ children: t, overStyled: n = !1, gap: a = "rec-default", ...r }, s) {
+  const c = C({ ...r, gap: a }, n), l = c, d = {
+    root: re.root
+  }, i = l.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const y = i;
+    d.root = y.root ? `${re.root} ${y.root}` : re.root;
   }
-  const p = d.className, m = p ? `${eo.root} ${p}` : eo.root;
-  return /* @__PURE__ */ o(
-    oe,
+  const p = l.className, u = p ? `${re.root} ${p}` : re.root;
+  return /* @__PURE__ */ e(
+    to,
     {
-      ref: n,
-      className: m,
-      classNames: i,
-      ...l,
+      ref: s,
+      className: u,
+      classNames: d,
+      ...c,
       children: t
     }
   );
 });
-It.displayName = "Group";
-const yr = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), vr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), Ft = "Loader-module__root___6iYOP", to = {
-  root: Ft
-}, Lt = f(function({ variant: t = "oval", size: s = "default", overStyled: c = !1, ...a }, n) {
-  const d = {
+Et.displayName = "Group";
+const kr = (o) => /* @__PURE__ */ e("div", { ...o, children: "HoverCard" }), wr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Link" }), Bt = "Loader-module__root___6iYOP", ae = {
+  root: Bt
+}, jt = $(function({ variant: t = "oval", size: n = "default", overStyled: a = !1, ...r }, s) {
+  const l = {
     sm: "small",
     md: "default",
     lg: "large",
     small: "small",
     default: "default",
     large: "large"
-  }[s] || "default", i = N(a, c), r = {
-    root: to.root
-  }, p = i.classNames;
+  }[n] || "default", d = C(r, a), i = {
+    root: ae.root
+  }, p = d.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
-    const _ = p;
-    r.root = _.root ? `${to.root} ${_.root}` : to.root;
+    const m = p;
+    i.root = m.root ? `${ae.root} ${m.root}` : ae.root;
   }
-  const m = i.className, u = m ? `${to.root} ${m}` : to.root;
-  return /* @__PURE__ */ o(
-    ee,
+  const u = d.className, y = u ? `${ae.root} ${u}` : ae.root;
+  return /* @__PURE__ */ e(
+    ro,
     {
-      ref: n,
+      ref: s,
       type: t,
       "data-variant": t,
-      "data-size": d,
-      ...i,
-      className: u,
-      classNames: r
+      "data-size": l,
+      ...d,
+      className: y,
+      classNames: i
     }
   );
 });
-Lt.displayName = "Loader";
-const Cr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), gr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), xr = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), wr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), Pr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), Wr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), Bt = "Radio-module__groupRoot___bfUii", jt = "Radio-module__root___kAjTD", Et = "Radio-module__body___q2Wpj", Gt = "Radio-module__inner___QaTBB", Mt = "Radio-module__radio___MfgN-", Dt = "Radio-module__icon___DWznm", Vt = "Radio-module__labelWrapper___dB0Gi", qt = "Radio-module__label___vAFIP", P = {
-  groupRoot: Bt,
-  root: jt,
-  body: Et,
-  inner: Gt,
-  radio: Mt,
-  icon: Dt,
-  labelWrapper: Vt,
-  label: qt
-}, jo = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    // Label Wrappers
-    labelSize: c,
-    labelAlignment: a,
-    labelOptionalText: n,
-    labelWithEditIcon: l,
-    onLabelEditClick: d,
-    // Base Mantine Extracted Attributes
-    label: i,
-    description: r,
-    assistiveText: p,
-    assistiveWithIcon: m,
-    error: u,
-    required: _,
-    withAsterisk: h,
-    id: b,
-    className: C,
-    style: $,
-    children: g,
-    readOnly: x,
-    readOnlyComponent: W,
-    ...k
-  }, z) {
-    const S = N(k, t), I = S;
-    return delete I.size, x && W ? /* @__PURE__ */ o(
-      V,
+jt.displayName = "Loader";
+const Ar = (o) => /* @__PURE__ */ e("div", { ...o, children: "Menu" }), Pr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Modal" }), Sr = (o) => /* @__PURE__ */ e("div", { ...o, children: "NumberInput" }), Or = (o) => /* @__PURE__ */ e("div", { ...o, children: "Pagination" }), Rr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Panel" }), Tr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Popover" }), Vt = "Radio-module__groupRoot___bfUii", Gt = "Radio-module__root___kAjTD", Mt = "Radio-module__body___q2Wpj", qt = "Radio-module__inner___QaTBB", Dt = "Radio-module__radio___MfgN-", Yt = "Radio-module__icon___DWznm", Zt = "Radio-module__labelWrapper___dB0Gi", Ht = "Radio-module__label___vAFIP", A = {
+  groupRoot: Vt,
+  root: Gt,
+  body: Mt,
+  inner: qt,
+  radio: Dt,
+  icon: Yt,
+  labelWrapper: Zt,
+  label: Ht
+}, je = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      // Label Wrappers
+      labelSize: s,
+      labelAlignment: c,
+      labelOptionalText: l,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      // Base Mantine Extracted Attributes
+      label: p,
+      description: u,
+      assistiveText: y,
+      assistiveWithIcon: m,
+      error: _,
+      required: h,
+      withAsterisk: v,
+      id: f,
+      className: x,
+      style: b,
+      children: k,
+      readOnly: N,
+      readOnlyComponent: z,
+      emptyValueComponent: T,
+      value: P,
+      defaultValue: L,
+      ...I
+    } = t, S = C(I, a), O = S;
+    return delete O.size, /* @__PURE__ */ e(
+      X,
       {
-        className: C,
-        style: $,
+        className: x,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: t,
-        labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
-        assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: W
-      }
-    ) : /* @__PURE__ */ o(
-      V,
-      {
-        className: C,
-        style: $,
-        controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
-        controlMinWidth: void 0,
-        overStyled: t,
+        overStyled: a,
         labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
+        formLayout: r,
+        labelSize: s,
+        labelAlignment: c,
+        labelOptionalText: l,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        description: u,
+        assistiveText: y,
         assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: /* @__PURE__ */ o(
-          xo.Group,
+        error: _,
+        required: h,
+        withAsterisk: v,
+        id: f,
+        readOnly: N && !!z,
+        readOnlyComponent: z,
+        emptyValueComponent: T,
+        readOnlyType: "text",
+        readOnlyValue: P !== void 0 ? P : L,
+        readOnlyNativeProps: t,
+        activeComponent: /* @__PURE__ */ e(
+          we.Group,
           {
-            ref: z,
+            ref: n,
             ...S,
-            children: /* @__PURE__ */ o("div", { className: P.groupRoot, "data-layout": s, children: j.Children.map(g, (y) => j.isValidElement(y) ? j.cloneElement(y, {
-              disabled: x || y.props.disabled
-            }) : y) })
+            disabled: N || O.disabled,
+            value: P,
+            defaultValue: L,
+            children: /* @__PURE__ */ e("div", { className: A.groupRoot, "data-layout": r, children: j.Children.map(k, (g) => j.isValidElement(g) ? j.cloneElement(g, {
+              disabled: N || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-jo.displayName = "RadioGroup";
-const Ot = ({ className: e, style: t }) => /* @__PURE__ */ o(
+je.displayName = "RadioGroup";
+const Kt = ({ className: o, style: t }) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: e,
+    className: o,
     style: t,
-    children: /* @__PURE__ */ o("circle", { cx: "8", cy: "8", r: "5" })
-  }
-), Eo = f(function({ overStyled: t = !1, readOnly: s, readOnlyComponent: c, disabled: a, ...n }, l) {
-  const d = N(n, t), i = d;
-  if (delete i.size, delete i.color, delete i.radius, delete i.variant, delete i.iconColor, s && c)
-    return /* @__PURE__ */ o(so, { children: c });
-  const r = {
-    root: P.root,
-    body: P.body,
-    inner: P.inner,
-    radio: P.radio,
-    icon: P.icon,
-    labelWrapper: P.labelWrapper,
-    label: P.label
-  }, p = i.classNames;
-  if (p && typeof p == "object" && !Array.isArray(p)) {
-    const _ = p;
-    r.root = _.root ? `${P.root} ${_.root}` : P.root, r.body = _.body ? `${P.body} ${_.body}` : P.body, r.inner = _.inner ? `${P.inner} ${_.inner}` : P.inner, r.radio = _.radio ? `${P.radio} ${_.radio}` : P.radio, r.icon = _.icon ? `${P.icon} ${_.icon}` : P.icon, r.labelWrapper = _.labelWrapper ? `${P.labelWrapper} ${_.labelWrapper}` : P.labelWrapper, r.label = _.label ? `${P.label} ${_.label}` : P.label;
+    children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "5" })
   }
-  const m = i.className, u = m ? `${P.root} ${m}` : P.root;
-  return /* @__PURE__ */ o(
-    xo,
-    {
-      ref: l,
-      icon: Ot,
-      className: u,
-      classNames: r,
-      disabled: s || a,
-      ...d
+), Ve = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      readOnly: r,
+      readOnlyComponent: s,
+      disabled: c,
+      formLayout: l,
+      labelSize: d,
+      controlMaxWidth: i,
+      controlMinWidth: p,
+      ...u
+    } = t, y = C(u, a), m = y;
+    delete m.size, delete m.color, delete m.radius, delete m.variant, delete m.iconColor;
+    const _ = {
+      root: A.root,
+      body: A.body,
+      inner: A.inner,
+      radio: A.radio,
+      icon: A.icon,
+      labelWrapper: A.labelWrapper,
+      label: A.label
+    }, h = m.classNames;
+    if (h && typeof h == "object" && !Array.isArray(h)) {
+      const b = h;
+      _.root = b.root ? `${A.root} ${b.root}` : A.root, _.body = b.body ? `${A.body} ${b.body}` : A.body, _.inner = b.inner ? `${A.inner} ${b.inner}` : A.inner, _.radio = b.radio ? `${A.radio} ${b.radio}` : A.radio, _.icon = b.icon ? `${A.icon} ${b.icon}` : A.icon, _.labelWrapper = b.labelWrapper ? `${A.labelWrapper} ${b.labelWrapper}` : A.labelWrapper, _.label = b.label ? `${A.label} ${b.label}` : A.label;
     }
-  );
-});
-Eo.displayName = "Radio";
-Eo.Group = jo;
-const kr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), Ar = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), Rr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), Yt = "Stack-module__root___NUN-x", ro = {
-  root: Yt
-}, Ht = f(function({ children: t, overStyled: s = !1, gap: c = "rec-default", ...a }, n) {
-  const l = N({ ...a, gap: c }, s), d = l, i = {
-    root: ro.root
-  }, r = d.classNames;
-  if (r && typeof r == "object" && !Array.isArray(r)) {
-    const u = r;
-    i.root = u.root ? `${ro.root} ${u.root}` : ro.root;
+    const v = m.className, f = v ? `${A.root} ${v}` : A.root;
+    if (r && s) {
+      const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
+        s,
+        {
+          ...t,
+          checked: b,
+          label: m.label
+        }
+      );
+      return l ? /* @__PURE__ */ e(
+        U,
+        {
+          formLayout: l,
+          labelSize: d,
+          controlMaxWidth: i,
+          controlMinWidth: p,
+          children: N
+        }
+      ) : /* @__PURE__ */ e(ne, { children: N });
+    }
+    const x = /* @__PURE__ */ e(
+      we,
+      {
+        ref: n,
+        icon: Kt,
+        className: f,
+        classNames: _,
+        disabled: r || c,
+        ...y
+      }
+    );
+    return l ? /* @__PURE__ */ e(
+      U,
+      {
+        formLayout: l,
+        labelSize: d,
+        controlMaxWidth: i,
+        controlMinWidth: p,
+        children: x
+      }
+    ) : x;
   }
-  const p = d.className, m = p ? `${ro.root} ${p}` : ro.root;
-  return /* @__PURE__ */ o(
-    te,
+);
+Ve.displayName = "Radio";
+Ve.Group = je;
+const Ut = ({ checked: o, label: t }) => /* @__PURE__ */ B(
+  fe,
+  {
+    component: "span",
+    className: me.textField,
+    style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
+    children: [
+      t && /* @__PURE__ */ B("span", { style: { fontWeight: 500 }, children: [
+        t,
+        ":"
+      ] }),
+      /* @__PURE__ */ e("span", { children: o ? "On" : "Off" })
+    ]
+  }
+);
+Ut.displayName = "ReadOnlySwitchField";
+const Qt = ({ checked: o, label: t }) => /* @__PURE__ */ B(
+  fe,
+  {
+    component: "span",
+    className: me.textField,
+    style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
+    children: [
+      t && /* @__PURE__ */ B("span", { style: { fontWeight: 500 }, children: [
+        t,
+        ":"
+      ] }),
+      /* @__PURE__ */ e("span", { children: o ? "True" : "False" })
+    ]
+  }
+);
+Qt.displayName = "ReadOnlyBooleanField";
+const Lr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Search" }), Ir = (o) => /* @__PURE__ */ e("div", { ...o, children: "SegmentedControl" }), zr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Slider" }), Xt = "Stack-module__root___NUN-x", se = {
+  root: Xt
+}, Jt = $(function({ children: t, overStyled: n = !1, gap: a = "rec-default", ...r }, s) {
+  const c = C({ ...r, gap: a }, n), l = c, d = {
+    root: se.root
+  }, i = l.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const y = i;
+    d.root = y.root ? `${se.root} ${y.root}` : se.root;
+  }
+  const p = l.className, u = p ? `${se.root} ${p}` : se.root;
+  return /* @__PURE__ */ e(
+    ao,
     {
-      ref: n,
-      className: m,
-      classNames: i,
-      ...l,
+      ref: s,
+      className: u,
+      classNames: d,
+      ...c,
       children: t
     }
   );
 });
-Ht.displayName = "Stack";
-const Sr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), Kt = "Switch-module__root___Y5Ydi", Ut = "Switch-module__body___Sw9Wr", Zt = "Switch-module__track___7ObdZ", Qt = "Switch-module__thumb___-FTeK", Xt = "Switch-module__labelWrapper___YSOwx", Jt = "Switch-module__label___LrH7V", or = "Switch-module__thumbIconWrapper___sCY-1", er = "Switch-module__checkIcon___ZBAQN", tr = "Switch-module__closeIcon___bLLGw", rr = "Switch-module__groupRoot___-Uepi", v = {
-  root: Kt,
-  body: Ut,
-  track: Zt,
-  thumb: Qt,
-  labelWrapper: Xt,
-  label: Jt,
-  thumbIconWrapper: or,
-  checkIcon: er,
-  closeIcon: tr,
-  groupRoot: rr
-}, Go = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    // Label Wrappers
-    labelSize: c,
-    labelAlignment: a,
-    labelOptionalText: n,
-    labelWithEditIcon: l,
-    onLabelEditClick: d,
-    // Base Mantine Extracted Attributes
-    label: i,
-    description: r,
-    assistiveText: p,
-    assistiveWithIcon: m,
-    error: u,
-    required: _,
-    withAsterisk: h,
-    id: b,
-    className: C,
-    style: $,
-    children: g,
-    readOnly: x,
-    readOnlyComponent: W,
-    ...k
-  }, z) {
-    const S = N(k, t), I = S;
-    return delete I.size, x && W ? /* @__PURE__ */ o(
-      V,
-      {
-        className: C,
-        style: $,
-        controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
-        controlMinWidth: void 0,
-        overStyled: t,
-        labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
-        assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: W
-      }
-    ) : /* @__PURE__ */ o(
-      V,
+Jt.displayName = "Stack";
+const Fr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Stepper" }), er = "Switch-module__root___Y5Ydi", or = "Switch-module__body___Sw9Wr", tr = "Switch-module__track___7ObdZ", rr = "Switch-module__thumb___-FTeK", ar = "Switch-module__labelWrapper___YSOwx", sr = "Switch-module__label___LrH7V", nr = "Switch-module__thumbIconWrapper___sCY-1", lr = "Switch-module__checkIcon___ZBAQN", ir = "Switch-module__closeIcon___bLLGw", cr = "Switch-module__groupRoot___-Uepi", W = {
+  root: er,
+  body: or,
+  track: tr,
+  thumb: rr,
+  labelWrapper: ar,
+  label: sr,
+  thumbIconWrapper: nr,
+  checkIcon: lr,
+  closeIcon: ir,
+  groupRoot: cr
+}, Ge = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      // Label Wrappers
+      labelSize: s,
+      labelAlignment: c,
+      labelOptionalText: l,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      // Base Mantine Extracted Attributes
+      label: p,
+      description: u,
+      assistiveText: y,
+      assistiveWithIcon: m,
+      error: _,
+      required: h,
+      withAsterisk: v,
+      id: f,
+      className: x,
+      style: b,
+      children: k,
+      readOnly: N,
+      readOnlyComponent: z,
+      emptyValueComponent: T,
+      value: P,
+      defaultValue: L,
+      ...I
+    } = t, S = C(I, a), O = S;
+    return delete O.size, /* @__PURE__ */ e(
+      X,
       {
-        className: C,
-        style: $,
+        className: x,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: t,
+        overStyled: a,
         labelElement: "div",
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        description: r,
-        assistiveText: p,
+        formLayout: r,
+        labelSize: s,
+        labelAlignment: c,
+        labelOptionalText: l,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        description: u,
+        assistiveText: y,
         assistiveWithIcon: m,
-        error: u,
-        required: _,
-        withAsterisk: h,
-        id: b,
-        children: /* @__PURE__ */ o(
-          wo.Group,
+        error: _,
+        required: h,
+        withAsterisk: v,
+        id: f,
+        readOnly: N && !!z,
+        readOnlyComponent: z,
+        emptyValueComponent: T,
+        readOnlyType: "text",
+        readOnlyValue: P !== void 0 ? P : L,
+        readOnlyNativeProps: t,
+        activeComponent: /* @__PURE__ */ e(
+          Ae.Group,
           {
-            ref: z,
+            ref: n,
             ...S,
-            children: /* @__PURE__ */ o("div", { className: v.groupRoot, "data-layout": s, children: j.Children.map(g, (y) => j.isValidElement(y) ? j.cloneElement(y, {
-              disabled: x || y.props.disabled
-            }) : y) })
+            disabled: N || O.disabled,
+            value: P,
+            defaultValue: L,
+            children: /* @__PURE__ */ e("div", { className: W.groupRoot, children: j.Children.map(k, (g) => j.isValidElement(g) ? j.cloneElement(g, {
+              disabled: N || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-Go.displayName = "SwitchGroup";
-const Mo = f(function({
-  overStyled: t = !1,
-  readOnly: s,
-  readOnlyComponent: c,
-  disabled: a,
-  thumbIcon: n,
-  ...l
-}, d) {
-  const i = N(l, t), r = i;
-  if (delete r.size, delete r.color, delete r.radius, delete r.variant, s && c)
-    return /* @__PURE__ */ o(so, { children: c });
-  const p = {
-    root: v.root,
-    body: v.body,
-    track: v.track,
-    thumb: v.thumb,
-    trackLabel: v.trackLabel,
-    labelWrapper: v.labelWrapper,
-    label: v.label
-  }, m = r.classNames;
-  if (m && typeof m == "object" && !Array.isArray(m)) {
-    const b = m;
-    p.root = b.root ? `${v.root} ${b.root}` : v.root, p.body = b.body ? `${v.body} ${b.body}` : v.body, p.track = b.track ? `${v.track} ${b.track}` : v.track, p.thumb = b.thumb ? `${v.thumb} ${b.thumb}` : v.thumb, p.trackLabel = b.trackLabel ? `${v.trackLabel} ${b.trackLabel}` : v.trackLabel, p.labelWrapper = b.labelWrapper ? `${v.labelWrapper} ${b.labelWrapper}` : v.labelWrapper, p.label = b.label ? `${v.label} ${b.label}` : v.label;
-  }
-  const u = r.className, _ = u ? `${v.root} ${u}` : v.root, h = /* @__PURE__ */ D("div", { className: v.thumbIconWrapper, children: [
-    /* @__PURE__ */ o(re, { className: v.checkIcon }),
-    /* @__PURE__ */ o(se, { className: v.closeIcon })
-  ] });
-  return /* @__PURE__ */ o(
-    wo,
-    {
-      ref: d,
-      className: _,
-      classNames: p,
-      disabled: s || a,
-      thumbIcon: n ?? h,
-      ...i
+Ge.displayName = "SwitchGroup";
+const Me = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      readOnly: r,
+      readOnlyComponent: s,
+      disabled: c,
+      thumbIcon: l,
+      formLayout: d,
+      labelSize: i,
+      controlMaxWidth: p,
+      controlMinWidth: u,
+      ...y
+    } = t, m = C(y, a), _ = m;
+    delete _.size, delete _.color, delete _.radius, delete _.variant;
+    const h = {
+      root: W.root,
+      body: W.body,
+      track: W.track,
+      thumb: W.thumb,
+      trackLabel: W.trackLabel,
+      labelWrapper: W.labelWrapper,
+      label: W.label
+    }, v = _.classNames;
+    if (v && typeof v == "object" && !Array.isArray(v)) {
+      const N = v;
+      h.root = N.root ? `${W.root} ${N.root}` : W.root, h.body = N.body ? `${W.body} ${N.body}` : W.body, h.track = N.track ? `${W.track} ${N.track}` : W.track, h.thumb = N.thumb ? `${W.thumb} ${N.thumb}` : W.thumb, h.trackLabel = N.trackLabel ? `${W.trackLabel} ${N.trackLabel}` : W.trackLabel, h.labelWrapper = N.labelWrapper ? `${W.labelWrapper} ${N.labelWrapper}` : W.labelWrapper, h.label = N.label ? `${W.label} ${N.label}` : W.label;
     }
-  );
-});
-Mo.displayName = "Switch";
-Mo.Group = Go;
-const Tr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), zr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), sr = f(function({ overStyled: t = !1, variant: s = "body", ...c }, a) {
-  const n = N(c, t), l = n.className, d = `recursica_brand_typography_${s}`, i = l ? `${d} ${l}` : d;
-  return /* @__PURE__ */ o(
-    ae,
+    const f = _.className, x = f ? `${W.root} ${f}` : W.root;
+    if (r && s) {
+      const N = !!(_.checked ?? _.defaultChecked), T = /* @__PURE__ */ e(
+        s,
+        {
+          ...t,
+          checked: N,
+          label: _.label
+        }
+      );
+      return d ? /* @__PURE__ */ e(
+        U,
+        {
+          formLayout: d,
+          labelSize: i,
+          controlMaxWidth: p,
+          controlMinWidth: u,
+          children: T
+        }
+      ) : /* @__PURE__ */ e(ne, { children: T });
+    }
+    const b = /* @__PURE__ */ B("div", { className: W.thumbIconWrapper, children: [
+      /* @__PURE__ */ e(so, { className: W.checkIcon }),
+      /* @__PURE__ */ e(no, { className: W.closeIcon })
+    ] }), k = /* @__PURE__ */ e(
+      Ae,
+      {
+        ref: n,
+        className: x,
+        classNames: h,
+        disabled: r || c,
+        thumbIcon: l ?? b,
+        ...m
+      }
+    );
+    return d ? /* @__PURE__ */ e(
+      U,
+      {
+        formLayout: d,
+        labelSize: i,
+        controlMaxWidth: p,
+        controlMinWidth: u,
+        children: k
+      }
+    ) : k;
+  }
+);
+Me.displayName = "Switch";
+Me.Group = Ge;
+const Er = (o) => /* @__PURE__ */ e("div", { ...o, children: "Table" }), Br = (o) => /* @__PURE__ */ e("div", { ...o, children: "Tabs" }), dr = $(function({ overStyled: t = !1, variant: n = "body", ...a }, r) {
+  const s = C(a, t), c = s.className, l = `recursica_brand_typography_${n}`, d = c ? `${l} ${c}` : l;
+  return /* @__PURE__ */ e(
+    lo,
     {
-      ref: a,
-      className: i,
-      ...n
+      ref: r,
+      className: d,
+      ...s
     }
   );
 });
-sr.displayName = "Text";
-const ar = "TextArea-module__root___3dyeu", nr = "TextArea-module__input___8l36v", Z = {
-  root: ar,
-  input: nr
-}, cr = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    // Label & Wrapper Maps
-    labelSize: c,
-    labelAlignment: a,
-    labelOptionalText: n,
-    labelWithEditIcon: l,
-    onLabelEditClick: d,
-    label: i,
-    assistiveText: r,
-    assistiveWithIcon: p,
-    error: m,
-    required: u,
-    withAsterisk: _,
-    id: h,
-    className: b,
-    style: C,
-    disabled: $,
-    readOnly: g,
-    readOnlyComponent: x,
-    value: W,
-    defaultValue: k,
-    ...z
-  }, S) {
-    const I = N(z, t), y = I;
-    delete y.size, delete y.variant, delete y.radius;
-    const T = {
-      wrapper: Z.root,
+dr.displayName = "Text";
+const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v", ee = {
+  root: pr,
+  input: mr
+}, ur = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      // Label & Wrapper Maps
+      labelSize: s,
+      labelAlignment: c,
+      labelOptionalText: l,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      label: p,
+      assistiveText: u,
+      assistiveWithIcon: y,
+      error: m,
+      required: _,
+      withAsterisk: h,
+      id: v,
+      className: f,
+      style: x,
+      disabled: b,
+      readOnly: k,
+      readOnlyComponent: N,
+      emptyValueComponent: z,
+      value: T,
+      defaultValue: P,
+      ...L
+    } = t, I = C(L, a), S = I;
+    delete S.size, delete S.variant, delete S.radius;
+    const O = {
+      wrapper: ee.root,
       // The nested Input internal relative wrapper bounding box
-      input: Z.input
-    }, R = y.classNames;
-    if (R && typeof R == "object" && !Array.isArray(R)) {
-      const A = R;
-      T.wrapper = A.wrapper ? `${Z.root} ${A.wrapper}` : Z.root, T.input = A.input ? `${Z.input} ${A.input}` : Z.input;
+      input: ee.input
+    }, g = S.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const R = g;
+      O.wrapper = R.wrapper ? `${ee.root} ${R.wrapper}` : ee.root, O.input = R.input ? `${ee.input} ${R.input}` : ee.input;
     }
-    return /* @__PURE__ */ o(
-      lo,
+    return /* @__PURE__ */ e(
+      X,
       {
-        className: b,
-        style: C,
+        className: f,
+        style: x,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: t,
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        assistiveText: r,
-        assistiveWithIcon: p,
+        overStyled: a,
+        formLayout: r,
+        labelSize: s,
+        labelAlignment: c,
+        labelOptionalText: l,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        assistiveText: u,
+        assistiveWithIcon: y,
         error: m,
-        required: u,
-        withAsterisk: _,
-        id: h,
-        readOnly: g,
-        readOnlyComponent: x,
+        required: _,
+        withAsterisk: h,
+        id: v,
+        readOnly: k,
+        readOnlyComponent: N,
+        emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: W !== void 0 ? W : k,
+        readOnlyValue: T !== void 0 ? T : P,
+        readOnlyNativeProps: t,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ o(
-            ne,
+          /* @__PURE__ */ e(
+            io,
             {
-              ref: S,
-              classNames: T,
-              disabled: $,
-              value: W,
-              defaultValue: k,
+              ref: n,
+              classNames: O,
+              disabled: b,
+              value: T,
+              defaultValue: P,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": $ ? "true" : void 0,
+                "data-disabled": b ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
               ...I
@@ -1628,86 +1788,89 @@ const ar = "TextArea-module__root___3dyeu", nr = "TextArea-module__input___8l36v
     );
   }
 );
-cr.displayName = "TextArea";
-const ir = "TextField-module__root___2ZYkG", lr = "TextField-module__input___RL-My", dr = "TextField-module__section___bCIJ0", O = {
-  root: ir,
-  input: lr,
-  section: dr
-}, pr = f(
-  function({
-    overStyled: t = !1,
-    formLayout: s = "stacked",
-    // Label & Wrapper Maps
-    labelSize: c,
-    labelAlignment: a,
-    labelOptionalText: n,
-    labelWithEditIcon: l,
-    onLabelEditClick: d,
-    label: i,
-    assistiveText: r,
-    assistiveWithIcon: p,
-    error: m,
-    required: u,
-    withAsterisk: _,
-    id: h,
-    className: b,
-    style: C,
-    disabled: $,
-    readOnly: g,
-    readOnlyComponent: x,
-    value: W,
-    defaultValue: k,
-    ...z
-  }, S) {
-    const I = N(z, t), y = I;
-    delete y.size, delete y.variant, delete y.radius;
-    const T = {
-      wrapper: O.root,
+ur.displayName = "TextArea";
+const _r = "TextField-module__root___2ZYkG", br = "TextField-module__input___RL-My", yr = "TextField-module__section___bCIJ0", Y = {
+  root: _r,
+  input: br,
+  section: yr
+}, hr = $(
+  function(t, n) {
+    const {
+      overStyled: a = !1,
+      formLayout: r = "stacked",
+      // Label & Wrapper Maps
+      labelSize: s,
+      labelAlignment: c,
+      labelOptionalText: l,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      label: p,
+      assistiveText: u,
+      assistiveWithIcon: y,
+      error: m,
+      required: _,
+      withAsterisk: h,
+      id: v,
+      className: f,
+      style: x,
+      disabled: b,
+      readOnly: k,
+      readOnlyComponent: N,
+      emptyValueComponent: z,
+      value: T,
+      defaultValue: P,
+      ...L
+    } = t, I = C(L, a), S = I;
+    delete S.size, delete S.variant, delete S.radius;
+    const O = {
+      wrapper: Y.root,
       // The nested Input internal relative wrapper bounding box
-      input: O.input,
-      section: O.section
-    }, R = y.classNames;
-    if (R && typeof R == "object" && !Array.isArray(R)) {
-      const A = R;
-      T.wrapper = A.wrapper ? `${O.root} ${A.wrapper}` : O.root, T.input = A.input ? `${O.input} ${A.input}` : O.input, T.section = A.section ? `${O.section} ${A.section}` : O.section;
+      input: Y.input,
+      section: Y.section
+    }, g = S.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const R = g;
+      O.wrapper = R.wrapper ? `${Y.root} ${R.wrapper}` : Y.root, O.input = R.input ? `${Y.input} ${R.input}` : Y.input, O.section = R.section ? `${Y.section} ${R.section}` : Y.section;
     }
-    return /* @__PURE__ */ o(
-      lo,
+    return /* @__PURE__ */ e(
+      X,
       {
-        className: b,
-        style: C,
+        className: f,
+        style: x,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: t,
-        formLayout: s,
-        labelSize: c,
-        labelAlignment: a,
-        labelOptionalText: n,
-        labelWithEditIcon: l,
-        onLabelEditClick: d,
-        label: i,
-        assistiveText: r,
-        assistiveWithIcon: p,
+        overStyled: a,
+        formLayout: r,
+        labelSize: s,
+        labelAlignment: c,
+        labelOptionalText: l,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        assistiveText: u,
+        assistiveWithIcon: y,
         error: m,
-        required: u,
-        withAsterisk: _,
-        id: h,
-        readOnly: g,
-        readOnlyComponent: x,
+        required: _,
+        withAsterisk: h,
+        id: v,
+        readOnly: k,
+        readOnlyComponent: N,
+        emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: W !== void 0 ? W : k,
+        readOnlyValue: T !== void 0 ? T : P,
+        readOnlyNativeProps: t,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ o(
-            vo,
+          /* @__PURE__ */ e(
+            We,
             {
-              ref: S,
-              classNames: T,
-              disabled: $,
-              value: W,
-              defaultValue: k,
+              ref: n,
+              classNames: O,
+              disabled: b,
+              value: T,
+              defaultValue: P,
               wrapperProps: {
-                "data-disabled": $ ? "true" : void 0,
+                "data-disabled": b ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
               ...I
@@ -1718,80 +1881,83 @@ const ir = "TextField-module__root___2ZYkG", lr = "TextField-module__input___RL-
     );
   }
 );
-pr.displayName = "TextField";
-const Ir = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), Fr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), _r = f(function({ overStyled: t = !1, order: s = 1, ...c }, a) {
-  const n = N(c, t), l = n.className, d = `recursica_brand_typography_h${s}`, i = l ? `${d} ${l}` : d;
-  return /* @__PURE__ */ o(
-    ce,
+hr.displayName = "TextField";
+const jr = (o) => /* @__PURE__ */ e("div", { ...o, children: "TimePicker" }), Vr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Timeline" }), fr = $(function({ overStyled: t = !1, order: n = 1, ...a }, r) {
+  const s = C(a, t), c = s.className, l = `recursica_brand_typography_h${n}`, d = c ? `${l} ${c}` : l;
+  return /* @__PURE__ */ e(
+    co,
     {
-      ref: a,
-      order: s,
-      className: i,
-      ...n
+      ref: r,
+      order: n,
+      className: d,
+      ...s
     }
   );
 });
-_r.displayName = "Title";
-const Lr = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), Br = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), jr = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" });
+fr.displayName = "Title";
+const Gr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Toast" }), Mr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Tooltip" }), qr = (o) => /* @__PURE__ */ e("div", { ...o, children: "TransferList" });
 export {
-  ho as Accordion,
-  uo as AccordionControl,
-  Wo as AccordionItem,
-  bo as AccordionPanel,
-  xe as Avatar,
-  Pe as Badge,
-  Ae as Breadcrumb,
-  Le as Button,
-  io as Card,
-  To as CardContent,
-  So as CardFooter,
-  Ro as CardHeader,
-  Ao as CardSection,
-  Fo as Checkbox,
-  Io as CheckboxGroup,
-  ft as Chip,
-  yt as Container,
-  hr as DatePicker,
-  Rt as Dropdown,
-  ao as EmptyValueRenderer,
-  fr as FileInput,
-  Nr as FileUpload,
-  Tt as Flex,
-  It as Group,
-  yr as HoverCard,
-  zo as Label,
-  gt as Layer,
-  vr as Link,
-  Lt as Loader,
-  Cr as Menu,
-  gr as Modal,
-  xr as NumberInput,
-  wr as Pagination,
-  Pr as Panel,
-  Wr as Popover,
-  Eo as Radio,
-  jo as RadioGroup,
-  Bo as ReadOnlyField,
-  Lo as ReadOnlyTextField,
-  $r as RecursicaThemeProvider,
-  kr as Search,
-  Ar as SegmentedControl,
-  Rr as Slider,
-  Ht as Stack,
-  Sr as Stepper,
-  Mo as Switch,
-  Go as SwitchGroup,
-  Tr as Table,
-  zr as Tabs,
-  sr as Text,
-  cr as TextArea,
-  pr as TextField,
-  Ir as TimePicker,
-  Fr as Timeline,
-  _r as Title,
-  Lr as Toast,
-  Br as Tooltip,
-  jr as TransferList,
-  lo as WithReadOnlyWrapper
+  ve as Accordion,
+  Ne as AccordionControl,
+  Se as AccordionItem,
+  $e as AccordionPanel,
+  wo as Avatar,
+  Po as Badge,
+  Ro as Breadcrumb,
+  Bo as Button,
+  be as Card,
+  Ie as CardContent,
+  Le as CardFooter,
+  Te as CardHeader,
+  Re as CardSection,
+  Be as Checkbox,
+  Ee as CheckboxGroup,
+  kt as Chip,
+  At as Container,
+  xr as DatePicker,
+  Lt as Dropdown,
+  pe as EmptyValueRenderer,
+  gr as FileInput,
+  Wr as FileUpload,
+  zt as Flex,
+  U as FormControlLayout,
+  Et as Group,
+  kr as HoverCard,
+  ze as Label,
+  it as Layer,
+  wr as Link,
+  jt as Loader,
+  Ar as Menu,
+  Pr as Modal,
+  Sr as NumberInput,
+  Or as Pagination,
+  Rr as Panel,
+  Tr as Popover,
+  Ve as Radio,
+  je as RadioGroup,
+  Qt as ReadOnlyBooleanField,
+  Fe as ReadOnlyField,
+  Ut as ReadOnlySwitchField,
+  ce as ReadOnlyTextField,
+  Cr as RecursicaThemeProvider,
+  Lr as Search,
+  Ir as SegmentedControl,
+  zr as Slider,
+  Jt as Stack,
+  Fr as Stepper,
+  Me as Switch,
+  Ge as SwitchGroup,
+  Er as Table,
+  Br as Tabs,
+  dr as Text,
+  ur as TextArea,
+  hr as TextField,
+  jr as TimePicker,
+  Vr as Timeline,
+  fr as Title,
+  Gr as Toast,
+  Mr as Tooltip,
+  qr as TransferList,
+  X as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map