@recursica/mantine-adapter 0.6.0 → 0.7.0

package/dist/mantine-adapter.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as j, Fragment as ie } from "react/jsx-runtime";
-import O, { forwardRef as f, useState as ke, useEffect as le, useCallback as Te, useId as Re } from "react";
-import { Accordion as Z, Avatar as Le, Badge as we, Breadcrumbs as Ee, Button as Fe, Card as K, Input as de, Box as pe, Checkbox as me } from "@mantine/core";
+import { jsx as o, jsxs as L, Fragment as ie } from "react/jsx-runtime";
+import O, { forwardRef as y, useId as We, useEffect as ke } from "react";
+import { Accordion as K, Avatar as we, Badge as Te, Breadcrumbs as Ie, Button as Fe, Card as Z, Input as le, Box as de, Checkbox as pe, Chip as Re } from "@mantine/core";
 const Se = [
   "className",
   "classNames",
@@ -69,8 +69,8 @@ const Se = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function b(e, r) {
-  if (r)
+function $(e, n) {
+  if (n)
     return e;
   const a = { ...e };
   for (const s of Se)
@@ -79,451 +79,408 @@ function b(e, r) {
     typeof t == "string" && t.startsWith("rec-") && ze.has(s) && t in se && (a[s] = se[t]);
   return a;
 }
-const Be = "Accordion-module__root___Dem6d", Ie = "Accordion-module__item___7ryVk", Oe = "Accordion-module__noDivider___Ni2tT", je = "Accordion-module__control___b4wgX", qe = "Accordion-module__label___Ss7uW", Ve = "Accordion-module__chevron___i-HVZ", Ge = "Accordion-module__iconLeftWrapper___5oLen", De = "Accordion-module__panel___Wx50w", Me = "Accordion-module__content___PEM9t", S = {
-  root: Be,
-  item: Ie,
-  noDivider: Oe,
+const Le = "Accordion-module__root___Dem6d", Be = "Accordion-module__item___7ryVk", Ee = "Accordion-module__noDivider___Ni2tT", je = "Accordion-module__control___b4wgX", Oe = "Accordion-module__label___Ss7uW", Me = "Accordion-module__chevron___i-HVZ", Ve = "Accordion-module__iconLeftWrapper___5oLen", qe = "Accordion-module__panel___Wx50w", De = "Accordion-module__content___PEM9t", z = {
+  root: Le,
+  item: Be,
+  noDivider: Ee,
   control: je,
-  label: qe,
-  chevron: Ve,
-  iconLeftWrapper: Ge,
-  panel: De,
-  content: Me
+  label: Oe,
+  chevron: Me,
+  iconLeftWrapper: Ve,
+  panel: qe,
+  content: De
 }, _e = function({
-  variant: r = "unstyled",
+  variant: n = "unstyled",
   overStyled: a = !1,
   ...s
 }) {
-  const t = b(s, a), n = {
-    root: S.root,
-    item: S.item,
-    control: S.control,
-    label: S.label,
-    chevron: S.chevron,
-    panel: S.panel,
-    content: S.content
+  const t = $(s, a), r = {
+    root: z.root,
+    item: z.item,
+    control: z.control,
+    label: z.label,
+    chevron: z.chevron,
+    panel: z.panel,
+    content: z.content
   }, i = t.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
-    const l = i;
-    Object.keys(l).forEach((c) => {
-      n[c] ? n[c] = `${n[c]} ${l[c]}` : n[c] = l[c];
+    const d = i;
+    Object.keys(d).forEach((c) => {
+      r[c] ? r[c] = `${r[c]} ${d[c]}` : r[c] = d[c];
     });
   }
-  const d = t.className;
+  const l = t.className;
   return /* @__PURE__ */ o(
-    Z,
+    K,
     {
-      variant: r,
-      className: d,
-      classNames: n,
+      variant: n,
+      className: l,
+      classNames: r,
       ...t
     }
   );
 };
 _e.displayName = "Accordion";
-const ue = f(function({ title: r, leftIcon: a, divider: s = !0, children: t, overStyled: n = !1, ...i }, d) {
-  const l = b(i, n), c = l.className, m = [s ? void 0 : S.noDivider, c].filter(Boolean).join(" ") || void 0;
+const me = y(function({ title: n, leftIcon: a, divider: s = !0, children: t, overStyled: r = !1, ...i }, l) {
+  const d = $(i, r), c = d.className, p = [s ? void 0 : z.noDivider, c].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ o(
-    Z.Item,
+    K.Item,
     {
-      ref: d,
-      className: m,
-      ...l,
-      children: r ? /* @__PURE__ */ j(ie, { children: [
-        /* @__PURE__ */ o(Q, { leftIcon: a, children: r }),
-        /* @__PURE__ */ o(ee, { children: t })
+      ref: l,
+      className: p,
+      ...d,
+      children: n ? /* @__PURE__ */ L(ie, { children: [
+        /* @__PURE__ */ o(ee, { leftIcon: a, children: n }),
+        /* @__PURE__ */ o(oe, { children: t })
       ] }) : t
     }
   );
 });
-ue.displayName = "AccordionItem";
-const Q = f(function({ leftIcon: r, children: a, overStyled: s = !1, ...t }, n) {
-  const i = b(t, s), d = i.className;
+me.displayName = "AccordionItem";
+const ee = y(function({ leftIcon: n, children: a, overStyled: s = !1, ...t }, r) {
+  const i = $(t, s), l = i.className;
   return /* @__PURE__ */ o(
-    Z.Control,
+    K.Control,
     {
-      ref: n,
-      className: d,
-      icon: r ? /* @__PURE__ */ o("span", { className: S.iconLeftWrapper, "aria-hidden": !0, children: r }) : void 0,
+      ref: r,
+      className: l,
+      icon: n ? /* @__PURE__ */ o("span", { className: z.iconLeftWrapper, "aria-hidden": !0, children: n }) : void 0,
       ...i,
       children: a
     }
   );
 });
-Q.displayName = "AccordionControl";
-const ee = f(function({ overStyled: r = !1, ...a }, s) {
-  const t = b(a, r), n = t.className;
+ee.displayName = "AccordionControl";
+const oe = y(function({ overStyled: n = !1, ...a }, s) {
+  const t = $(a, n), r = t.className;
   return /* @__PURE__ */ o(
-    Z.Panel,
+    K.Panel,
     {
       ref: s,
-      className: n,
+      className: r,
       ...t
     }
   );
 });
-ee.displayName = "AccordionPanel";
-const oe = _e;
-oe.Item = ue;
-oe.Control = Q;
-oe.Panel = ee;
-const He = "Avatar-module__root___fXu-J", Ze = "Avatar-module__iconWrapper___ojly2", Ke = "Avatar-module__textWrapper___zp-jD", Ye = "Avatar-module__image___ieqGp", Ue = "Avatar-module__placeholder___IDW7-", k = {
-  root: He,
-  iconWrapper: Ze,
+oe.displayName = "AccordionPanel";
+const te = _e;
+te.Item = me;
+te.Control = ee;
+te.Panel = oe;
+const Ge = "Avatar-module__root___fXu-J", He = "Avatar-module__iconWrapper___ojly2", Ke = "Avatar-module__textWrapper___zp-jD", Ze = "Avatar-module__image___ieqGp", Ye = "Avatar-module__placeholder___IDW7-", k = {
+  root: Ge,
+  iconWrapper: He,
   textWrapper: Ke,
-  image: Ye,
-  placeholder: Ue
-}, Xe = f(function({
-  size: r = "default",
+  image: Ze,
+  placeholder: Ye
+}, Ue = y(function({
+  size: n = "default",
   variant: a = "solid",
   icon: s,
   className: t,
-  classNames: n,
+  classNames: r,
   children: i,
-  style: d,
-  src: l,
+  style: l,
+  src: d,
   ...c
-}, m) {
-  const _ = {
+}, p) {
+  const m = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, N = {
+  }, b = {
     default: "md",
     small: "sm",
     large: "lg"
   };
-  let y = "text";
-  l ? y = "image" : s && (y = "icon");
-  const p = {
+  let _ = "text";
+  d ? _ = "image" : s && (_ = "icon");
+  const h = {
     root: k.root,
     image: k.image,
     placeholder: k.placeholder
   };
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const h = n;
-    p.root = h.root ? `${k.root} ${h.root}` : k.root, p.image = h.image ? `${k.image} ${h.image}` : k.image, p.placeholder = h.placeholder ? `${k.placeholder} ${h.placeholder}` : k.placeholder;
+  if (r && typeof r == "object" && !Array.isArray(r)) {
+    const N = r;
+    h.root = N.root ? `${k.root} ${N.root}` : k.root, h.image = N.image ? `${k.image} ${N.image}` : k.image, h.placeholder = N.placeholder ? `${k.placeholder} ${N.placeholder}` : k.placeholder;
   }
   return /* @__PURE__ */ o(
-    Le,
+    we,
     {
-      ref: m,
+      ref: p,
       className: t,
-      classNames: p,
-      variant: _[a],
-      size: N[r],
-      style: d,
-      src: l,
+      classNames: h,
+      variant: m[a],
+      size: b[n],
+      style: l,
+      src: d,
       "data-variant": a,
-      "data-size": r,
-      "data-style": y,
+      "data-size": n,
+      "data-style": _,
       ...c,
       children: s != null ? /* @__PURE__ */ o("span", { className: k.iconWrapper, "aria-hidden": !0, children: s }) : i != null ? /* @__PURE__ */ o("span", { className: k.textWrapper, children: i }) : void 0
     }
   );
 });
-Xe.displayName = "Avatar";
-const Je = "Badge-module__root___5osNT", E = {
-  root: Je
-}, Qe = f(function({ variant: r = "primary-color", overStyled: a = !1, ...s }, t) {
-  const n = b(s, a), i = {
-    root: E.root,
-    section: E.section,
-    label: E.label
-  }, d = n.classNames;
-  if (d && typeof d == "object" && !Array.isArray(d)) {
-    const m = d;
-    i.root = m.root ? `${E.root} ${m.root}` : E.root, i.section = m.section ?? E.section, i.label = m.label ?? E.label;
+Ue.displayName = "Avatar";
+const Xe = "Badge-module__root___5osNT", R = {
+  root: Xe
+}, Je = y(function({ variant: n = "primary-color", overStyled: a = !1, ...s }, t) {
+  const r = $(s, a), i = {
+    root: R.root,
+    section: R.section,
+    label: R.label
+  }, l = r.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const p = l;
+    i.root = p.root ? `${R.root} ${p.root}` : R.root, i.section = p.section ?? R.section, i.label = p.label ?? R.label;
   }
-  const l = n.className, c = l ? `${E.root} ${l}` : E.root;
+  const d = r.className, c = d ? `${R.root} ${d}` : R.root;
   return /* @__PURE__ */ o(
-    we,
+    Te,
     {
       ref: t,
       variant: "filled",
-      "data-variant": r,
-      ...n,
+      "data-variant": n,
+      ...r,
       className: c,
       classNames: i
     }
   );
 });
-Qe.displayName = "Badge";
-const eo = "Breadcrumb-module__root___x-9ln", oo = "Breadcrumb-module__separator___qrUX-", B = {
-  root: eo,
-  separator: oo
-}, to = f(
-  function({ overStyled: r = !1, ...a }, s) {
-    const t = b(a, r), n = {
-      root: B.root,
-      separator: B.separator
-    }, i = t.classNames;
-    if (i && typeof i == "object" && !Array.isArray(i)) {
-      const c = i;
-      n.root = c.root ? `${B.root} ${c.root}` : B.root, n.separator = c.separator ? `${B.separator} ${c.separator}` : B.separator;
+Je.displayName = "Badge";
+const Qe = "Breadcrumb-module__root___x-9ln", eo = "Breadcrumb-module__separator___qrUX-", E = {
+  root: Qe,
+  separator: eo
+}, oo = y(
+  function({ overStyled: n = !1, separator: a = ">", ...s }, t) {
+    const r = $(
+      { separator: a, ...s },
+      n
+    ), i = {
+      root: E.root,
+      separator: E.separator
+    }, l = r.classNames;
+    if (l && typeof l == "object" && !Array.isArray(l)) {
+      const p = l;
+      i.root = p.root ? `${E.root} ${p.root}` : E.root, i.separator = p.separator ? `${E.separator} ${p.separator}` : E.separator;
     }
-    const d = t.className, l = d ? `${B.root} ${d}` : B.root;
+    const d = r.className, c = d ? `${E.root} ${d}` : E.root;
     return /* @__PURE__ */ o(
-      Ee,
+      Ie,
       {
-        ref: s,
-        ...t,
-        className: l,
-        classNames: n
+        ref: t,
+        ...r,
+        className: c,
+        classNames: i
       }
     );
   }
 );
-to.displayName = "Breadcrumb";
-const ro = "Button-module__root___Q2R8-", no = "Button-module__label___UJ3Zt", so = "Button-module__labelText___rFV5p", ao = "Button-module__iconWrapper___uEKPa", co = "Button-module__section___f2mKr", T = {
-  root: ro,
-  label: no,
-  labelText: so,
-  iconWrapper: ao,
-  section: co
+oo.displayName = "Breadcrumb";
+const to = "Button-module__root___Q2R8-", ro = "Button-module__label___UJ3Zt", no = "Button-module__labelText___rFV5p", so = "Button-module__iconWrapper___uEKPa", ao = "Button-module__section___f2mKr", w = {
+  root: to,
+  label: ro,
+  labelText: no,
+  iconWrapper: so,
+  section: ao
 };
-function io(e) {
+function co(e) {
   return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
 }
-const lo = f(
+const io = y(
   function({
-    variant: r = "solid",
+    variant: n = "solid",
     size: a = "default",
     icon: s,
     children: t,
-    overStyled: n = !1,
+    overStyled: r = !1,
     ...i
-  }, d) {
-    const l = {
+  }, l) {
+    const d = {
       solid: "filled",
       outline: "outline",
       text: "subtle"
     }, c = {
       default: "md",
       small: "sm"
-    }, m = b(i, n), _ = m;
-    delete _.fullWidth;
-    const N = !!s || !!_.leftSection, y = !!_.rightSection, p = (N || y) && !io(t);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && p && !_["aria-label"] && console.warn(
+    }, p = $(i, r), m = p;
+    delete m.fullWidth;
+    const b = !!s || !!m.leftSection, _ = !!m.rightSection, h = (b || _) && !co(t);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && h && !m["aria-label"] && console.warn(
       '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
     );
-    const h = {
-      root: T.root,
-      section: T.section,
-      label: T.label
-    }, C = _.classNames;
+    const N = {
+      root: w.root,
+      section: w.section,
+      label: w.label
+    }, C = m.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
-      const g = C;
-      h.root = g.root ? `${T.root} ${g.root}` : T.root, h.section = g.section ?? T.section, h.label = g.label ?? T.label;
+      const x = C;
+      N.root = x.root ? `${w.root} ${x.root}` : w.root, N.section = x.section ?? w.section, N.label = x.label ?? w.label;
     }
-    const v = _.className, $ = v ? `${T.root} ${v}` : T.root;
+    const u = m.className, v = u ? `${w.root} ${u}` : w.root;
     return /* @__PURE__ */ o(
       Fe,
       {
-        ref: d,
-        className: $,
-        classNames: h,
-        variant: l[r],
+        ref: l,
+        className: v,
+        classNames: N,
+        variant: d[n],
         size: c[a],
-        leftSection: s != null ? /* @__PURE__ */ o("span", { className: T.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
-        "data-variant": r,
+        leftSection: s != null ? /* @__PURE__ */ o("span", { className: w.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+        "data-variant": n,
         "data-size": a,
-        ...p ? { "data-icon-only": "" } : {},
-        ...m,
-        children: /* @__PURE__ */ o("span", { className: T.labelText, children: t })
+        ...h ? { "data-icon-only": "" } : {},
+        ...p,
+        children: /* @__PURE__ */ o("span", { className: w.labelText, children: t })
       }
     );
   }
 );
-lo.displayName = "Button";
-const po = "Card-module__root___c9KvZ", mo = "Card-module__header___PTXf2", _o = "Card-module__footer___Mu-JC", uo = "Card-module__section___BRT8H", ho = "Card-module__content___oFIQa", z = {
-  root: po,
-  header: mo,
+io.displayName = "Button";
+const lo = "Card-module__root___c9KvZ", po = "Card-module__header___PTXf2", _o = "Card-module__footer___Mu-JC", mo = "Card-module__section___BRT8H", uo = "Card-module__content___oFIQa", B = {
+  root: lo,
+  header: po,
   footer: _o,
-  section: uo,
-  content: ho
-}, he = f(function({ overStyled: r = !1, ...a }, s) {
-  const t = b(a, r), n = {
-    root: z.root
+  section: mo,
+  content: uo
+}, ue = y(function({ overStyled: n = !1, ...a }, s) {
+  const t = $(a, n), r = {
+    root: B.root
   }, i = t.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
-    const l = i;
-    Object.keys(l).forEach((c) => {
-      n[c] ? n[c] = `${n[c]} ${l[c]}` : n[c] = l[c];
+    const d = i;
+    Object.keys(d).forEach((c) => {
+      r[c] ? r[c] = `${r[c]} ${d[c]}` : r[c] = d[c];
     });
   }
-  const d = t.className;
+  const l = t.className;
   return /* @__PURE__ */ o(
-    K,
+    Z,
     {
       ref: s,
-      className: d,
-      classNames: n,
+      className: l,
+      classNames: r,
       ...t
     }
   );
 });
-he.displayName = "Card";
-const fe = f(
-  function({ overStyled: r = !1, ...a }, s) {
-    const t = b(a, r), n = t.className;
+ue.displayName = "Card";
+const he = y(
+  function({ overStyled: n = !1, ...a }, s) {
+    const t = $(a, n), r = t.className;
     return /* @__PURE__ */ o(
-      K.Section,
+      Z.Section,
       {
         ref: s,
-        className: n ? `${z.section} ${n}` : z.section,
+        className: r ? `${B.section} ${r}` : B.section,
         ...t
       }
     );
   }
 );
-fe.displayName = "CardSection";
-const be = f(
-  function({ overStyled: r = !1, ...a }, s) {
-    const t = b(a, r), n = t.className;
+he.displayName = "CardSection";
+const fe = y(
+  function({ overStyled: n = !1, ...a }, s) {
+    const t = $(a, n), r = t.className;
     return /* @__PURE__ */ o(
-      K.Section,
+      Z.Section,
       {
         ref: s,
-        className: n ? `${z.header} ${n}` : z.header,
+        className: r ? `${B.header} ${r}` : B.header,
         ...t
       }
     );
   }
 );
-be.displayName = "CardHeader";
-const Ne = f(
-  function({ overStyled: r = !1, ...a }, s) {
-    const t = b(a, r), n = t.className;
+fe.displayName = "CardHeader";
+const be = y(
+  function({ overStyled: n = !1, ...a }, s) {
+    const t = $(a, n), r = t.className;
     return /* @__PURE__ */ o(
-      K.Section,
+      Z.Section,
       {
         ref: s,
-        className: n ? `${z.footer} ${n}` : z.footer,
+        className: r ? `${B.footer} ${r}` : B.footer,
         ...t
       }
     );
   }
 );
-Ne.displayName = "CardFooter";
-const ye = f(
-  function({ overStyled: r = !1, ...a }, s) {
-    const t = b(a, r), n = t.className;
+be.displayName = "CardFooter";
+const Ne = y(
+  function({ overStyled: n = !1, ...a }, s) {
+    const t = $(a, n), r = t.className;
     return /* @__PURE__ */ o(
       "div",
       {
         ref: s,
-        className: n ? `${z.content} ${n}` : z.content,
+        className: r ? `${B.content} ${r}` : B.content,
         ...t
       }
     );
   }
 );
-ye.displayName = "CardContent";
-const Y = he;
-Y.Section = fe;
-Y.Header = be;
-Y.Footer = Ne;
-Y.Content = ye;
-const fo = "_root_1qhn7_3", bo = "_contents_1qhn7_18", G = {
-  root: fo,
-  contents: bo
-}, No = f(function({ layer: e, contentsOnly: r, children: a, className: s, style: t, ...n }, i) {
-  const d = r ? s ? `${G.root} ${G.contents} ${s}` : `${G.root} ${G.contents}` : s ? `${G.root} ${s}` : G.root;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: i,
-      className: d,
-      style: t,
-      ...r ? {} : { "data-recursica-layer": String(e) },
-      ...n,
-      children: a
-    }
-  );
-});
-No.displayName = "Layer";
-function te(e, r) {
-  const [a, s] = ke(!!e);
-  le(() => {
-    s(!!e);
-  }, [e]);
-  const t = Te(
-    (n) => {
-      s(!1), r == null || r(n);
-    },
-    [r]
-  );
-  return { isReadOnly: a, handleEditClick: t };
-}
-const H = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ o(O.Fragment, { children: e });
-H.displayName = "EmptyValueRenderer";
-H.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
-const ae = "data-recursica-theme";
-function Yo({
-  children: e,
-  theme: r = "light"
-}) {
-  return le(() => {
-    const a = document.documentElement;
-    return a.setAttribute(ae, r), () => {
-      a.removeAttribute(ae);
-    };
-  }, [r]), /* @__PURE__ */ o(ie, { children: e });
-}
-const yo = "Label-module__root___e6HXZ", $o = "Label-module__labelText___rieFR", Co = "Label-module__required___Ggrzc", vo = "Label-module__optionalText___Y2yun", go = "Label-module__actionAreaWrapper___ELoZK", xo = "Label-module__editIconWrapper___NG2xW", P = {
-  root: yo,
-  labelText: $o,
-  required: Co,
-  optionalText: vo,
-  actionAreaWrapper: go,
-  editIconWrapper: xo
-}, $e = f(function({
-  formLayout: r = "stacked",
+Ne.displayName = "CardContent";
+const Y = ue;
+Y.Section = he;
+Y.Header = fe;
+Y.Footer = be;
+Y.Content = Ne;
+const ho = "Label-module__root___e6HXZ", fo = "Label-module__labelText___rieFR", bo = "Label-module__required___Ggrzc", No = "Label-module__optionalText___Y2yun", yo = "Label-module__actionAreaWrapper___ELoZK", $o = "Label-module__editIconWrapper___NG2xW", A = {
+  root: ho,
+  labelText: fo,
+  required: bo,
+  optionalText: No,
+  actionAreaWrapper: yo,
+  editIconWrapper: $o
+}, ye = y(function({
+  formLayout: n = "stacked",
   labelSize: a = "default",
   labelAlignment: s,
   required: t = !1,
-  labelOptionalText: n,
+  labelOptionalText: r,
   labelWithEditIcon: i,
-  labelActionArea: d,
-  onLabelEditClick: l,
+  labelActionArea: l,
+  onLabelEditClick: d,
   children: c,
-  overStyled: m = !1,
-  ..._
-}, N) {
-  const y = s || (r === "side-by-side" ? "right" : "left");
-  let p;
-  t || (n === !0 ? p = "optional" : n && (p = n));
-  const h = b(_, m), C = h, v = {
-    label: P.root,
-    required: P.required
-  }, $ = C.classNames;
-  if ($ && typeof $ == "object" && !Array.isArray($)) {
-    const W = $;
-    v.label = W.label ? `${P.root} ${W.label}` : P.root, v.required = W.required ? `${P.required} ${W.required}` : P.required;
+  overStyled: p = !1,
+  ...m
+}, b) {
+  const _ = s || (n === "side-by-side" ? "right" : "left");
+  let h;
+  t || (r === !0 ? h = "optional" : r && (h = r));
+  const N = $(m, p), C = N, u = {
+    label: A.root,
+    required: A.required
+  }, v = C.classNames;
+  if (v && typeof v == "object" && !Array.isArray(v)) {
+    const W = v;
+    u.label = W.label ? `${A.root} ${W.label}` : A.root, u.required = W.required ? `${A.required} ${W.required}` : A.required;
   }
-  const g = C.className, R = g ? `${P.root} ${g}` : P.root;
-  return /* @__PURE__ */ j(
-    de.Label,
+  const x = C.className, T = x ? `${A.root} ${x}` : A.root;
+  return /* @__PURE__ */ L(
+    le.Label,
     {
-      ref: N,
-      className: R,
-      classNames: v,
-      "data-layout": r,
+      ref: b,
+      className: T,
+      classNames: u,
+      "data-layout": n,
       "data-size": a,
-      "data-alignment": y,
+      "data-alignment": _,
       required: t && !i,
-      ...h,
+      ...N,
       children: [
-        /* @__PURE__ */ o("span", { className: P.labelText, children: c }),
-        p && /* @__PURE__ */ o("span", { className: P.optionalText, children: typeof p == "string" ? `(${p})` : p }),
-        d ? /* @__PURE__ */ o("span", { className: P.actionAreaWrapper, children: d }) : i ? /* @__PURE__ */ o(
+        /* @__PURE__ */ o("span", { className: A.labelText, children: c }),
+        h && /* @__PURE__ */ o("span", { className: A.optionalText, children: typeof h == "string" ? `(${h})` : h }),
+        l ? /* @__PURE__ */ o("span", { className: A.actionAreaWrapper, children: l }) : i ? /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: P.editIconWrapper,
+            className: A.editIconWrapper,
             "data-replaces-asterisk": t ? "true" : void 0,
-            onClick: l,
+            onClick: d,
             "aria-label": "Edit",
             children: /* @__PURE__ */ o(
               "svg",
@@ -550,12 +507,12 @@ const yo = "Label-module__root___e6HXZ", $o = "Label-module__labelText___rieFR",
     }
   );
 });
-$e.displayName = "Label";
-const Ao = "AssistiveElement-module__root___WhQ43", Po = "AssistiveElement-module__textWrapper___sfy5E", Wo = "AssistiveElement-module__iconWrapper___gObRF", U = {
-  root: Ao,
-  textWrapper: Po,
-  iconWrapper: Wo
-}, ko = () => /* @__PURE__ */ j(
+ye.displayName = "Label";
+const vo = "AssistiveElement-module__root___WhQ43", Co = "AssistiveElement-module__textWrapper___sfy5E", go = "AssistiveElement-module__iconWrapper___gObRF", X = {
+  root: vo,
+  textWrapper: Co,
+  iconWrapper: go
+}, xo = () => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -571,7 +528,7 @@ const Ao = "AssistiveElement-module__root___WhQ43", Po = "AssistiveElement-modul
       /* @__PURE__ */ o("path", { d: "M12 8h.01" })
     ]
   }
-), To = () => /* @__PURE__ */ j(
+), Po = () => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -587,113 +544,115 @@ const Ao = "AssistiveElement-module__root___WhQ43", Po = "AssistiveElement-modul
       /* @__PURE__ */ o("path", { d: "M12 17h.01" })
     ]
   }
-), J = f(function({
-  assistiveVariant: r = "help",
+), Q = y(function({
+  assistiveVariant: n = "help",
   assistiveWithIcon: a = !0,
   children: s,
   className: t,
-  overStyled: n = !1,
+  overStyled: r = !1,
   ...i
-}, d) {
-  const c = b(i, n), m = U.root, _ = t ? `${m} ${t}` : m, N = r === "error" ? To : ko;
-  return /* @__PURE__ */ j(
+}, l) {
+  const c = $(i, r), p = X.root, m = t ? `${p} ${t}` : p, b = n === "error" ? Po : xo;
+  return /* @__PURE__ */ L(
     "div",
     {
-      ref: d,
-      className: _,
-      "data-variant": r,
+      ref: l,
+      className: m,
+      "data-variant": n,
       style: c.style,
       ...c,
       children: [
-        a && /* @__PURE__ */ o("span", { className: U.iconWrapper, children: /* @__PURE__ */ o(N, {}) }),
-        /* @__PURE__ */ o("span", { className: U.textWrapper, children: s })
+        a && /* @__PURE__ */ o("span", { className: X.iconWrapper, children: /* @__PURE__ */ o(b, {}) }),
+        /* @__PURE__ */ o("span", { className: X.textWrapper, children: s })
       ]
     }
   );
 });
-J.displayName = "AssistiveElement";
-const Ro = "FormControlWrapper-module__root___c-UHo", Lo = "FormControlWrapper-module__labelSection___hxSY4", wo = "FormControlWrapper-module__inputSection___HenXk", X = {
-  root: Ro,
-  labelSection: Lo,
-  inputSection: wo
-}, q = f(function({
-  formLayout: r,
+Q.displayName = "AssistiveElement";
+const Ao = "FormControlWrapper-module__root___c-UHo", Wo = "FormControlWrapper-module__labelSection___hxSY4", ko = "FormControlWrapper-module__inputSection___HenXk", J = {
+  root: Ao,
+  labelSection: Wo,
+  inputSection: ko
+}, M = y(function({
+  formLayout: n,
   labelSize: a,
   labelAlignment: s,
   labelOptionalText: t,
-  labelWithEditIcon: n,
+  labelWithEditIcon: r,
   labelActionArea: i,
-  onLabelEditClick: d,
-  label: l,
+  onLabelEditClick: l,
+  label: d,
   description: c,
-  assistiveText: m,
-  assistiveWithIcon: _ = !0,
-  controlMaxWidth: N,
-  controlMinWidth: y,
-  error: p,
-  required: h,
+  assistiveText: p,
+  assistiveWithIcon: m = !0,
+  controlMaxWidth: b,
+  controlMinWidth: _,
+  error: h,
+  required: N,
   withAsterisk: C,
-  id: v,
-  children: $,
-  className: g,
-  overStyled: R = !1,
-  ...W
-}, D) {
-  const V = Re(), L = v || `recursica-fc-${V}`, x = m || c, w = x ? `${L}-assistive` : void 0, A = p ? `${L}-error` : void 0, M = b(W, R), re = g || M.className, ne = X.root, Pe = re ? `${ne} ${re}` : ne, We = O.isValidElement($) ? O.cloneElement(
-    $,
+  id: u,
+  children: v,
+  className: x,
+  overStyled: T = !1,
+  labelElement: W,
+  // Extracted safely preventing bleeding into HTML domains
+  ...G
+}, V) {
+  const q = We(), P = u || `recursica-fc-${q}`, I = p || c, j = I ? `${P}-assistive` : void 0, F = h ? `${P}-error` : void 0, U = $(G, T), re = x || U.className, ne = J.root, Pe = re ? `${ne} ${re}` : ne, Ae = O.isValidElement(v) ? O.cloneElement(
+    v,
     {
-      ...x && !$.props["aria-describedby"] ? { "aria-describedby": w } : {},
-      ...p && !$.props["aria-errormessage"] ? { "aria-errormessage": A } : {}
+      ...I && !v.props["aria-describedby"] ? { "aria-describedby": j } : {},
+      ...h && !v.props["aria-errormessage"] ? { "aria-errormessage": F } : {}
     }
-  ) : $;
-  return /* @__PURE__ */ j(
-    pe,
+  ) : v;
+  return /* @__PURE__ */ L(
+    de,
     {
-      ref: D,
+      ref: V,
       className: Pe,
-      "data-form-layout": r || "stacked",
+      "data-form-layout": n || "stacked",
       "data-form-alignment": s || "left",
       style: {
-        ...M.style || {},
-        ...N ? { "--form-control-max-width": N } : {},
-        ...y ? { "--form-control-min-width": y } : {}
+        ...U.style || {},
+        ...b ? { "--form-control-max-width": b } : {},
+        ..._ ? { "--form-control-min-width": _ } : {}
       },
-      ...M,
+      ...U,
       children: [
-        l && /* @__PURE__ */ o("div", { className: X.labelSection, children: /* @__PURE__ */ o(
-          $e,
+        d && /* @__PURE__ */ o("div", { className: J.labelSection, children: /* @__PURE__ */ o(
+          ye,
           {
-            id: L,
-            formLayout: r,
+            id: P,
+            formLayout: n,
             labelSize: a,
             labelAlignment: s,
             labelOptionalText: t,
-            labelWithEditIcon: n,
+            labelWithEditIcon: r,
             labelActionArea: i,
-            onLabelEditClick: d,
-            required: C ?? h,
-            ...M.labelElement === "div" ? { as: "div" } : {},
-            children: l
+            onLabelEditClick: l,
+            required: C ?? N,
+            ...W === "div" ? { as: "div" } : {},
+            children: d
           }
         ) }),
-        /* @__PURE__ */ j("div", { className: X.inputSection, children: [
-          We,
-          p && /* @__PURE__ */ o(
-            J,
+        /* @__PURE__ */ L("div", { className: J.inputSection, children: [
+          Ae,
+          h && /* @__PURE__ */ o(
+            Q,
             {
-              id: A,
+              id: F,
               assistiveVariant: "error",
-              assistiveWithIcon: _,
-              children: p
+              assistiveWithIcon: m,
+              children: h
             }
           ),
-          !p && x && /* @__PURE__ */ o(
-            J,
+          !h && I && /* @__PURE__ */ o(
+            Q,
             {
-              id: w,
+              id: j,
               assistiveVariant: "help",
-              assistiveWithIcon: _,
-              children: x
+              assistiveWithIcon: m,
+              children: I
             }
           )
         ] })
@@ -701,155 +660,275 @@ const Ro = "FormControlWrapper-module__root___c-UHo", Lo = "FormControlWrapper-m
     }
   );
 });
-q.displayName = "FormControlWrapper";
-const Eo = "Checkbox-module__groupRoot___cBS0o", Fo = "Checkbox-module__root___mY3qk", So = "Checkbox-module__body___5yC7q", zo = "Checkbox-module__inner___rTke4", Bo = "Checkbox-module__input___2kt-h", Io = "Checkbox-module__icon___-O7i6", Oo = "Checkbox-module__labelWrapper___GpZkr", jo = "Checkbox-module__label___cwRtI", u = {
-  groupRoot: Eo,
-  root: Fo,
-  body: So,
-  inner: zo,
-  input: Bo,
-  icon: Io,
-  labelWrapper: Oo,
-  label: jo
-}, Ce = f(
+M.displayName = "FormControlWrapper";
+const wo = "Checkbox-module__groupRoot___cBS0o", To = "Checkbox-module__root___mY3qk", Io = "Checkbox-module__body___5yC7q", Fo = "Checkbox-module__inner___rTke4", Ro = "Checkbox-module__input___2kt-h", So = "Checkbox-module__icon___-O7i6", zo = "Checkbox-module__labelWrapper___GpZkr", Lo = "Checkbox-module__label___cwRtI", f = {
+  groupRoot: wo,
+  root: To,
+  body: Io,
+  inner: Fo,
+  input: Ro,
+  icon: So,
+  labelWrapper: zo,
+  label: Lo
+}, $e = y(
   function({
-    overStyled: r = !1,
+    overStyled: n = !1,
     formLayout: a = "stacked",
     // Label Wrappers
     labelSize: s,
     labelAlignment: t,
-    labelOptionalText: n,
+    labelOptionalText: r,
     labelWithEditIcon: i,
-    onLabelEditClick: d,
+    onLabelEditClick: l,
     // Base Mantine Extracted Attributes
-    label: l,
+    label: d,
     description: c,
-    assistiveText: m,
-    assistiveWithIcon: _,
-    error: N,
-    required: y,
-    withAsterisk: p,
-    id: h,
+    assistiveText: p,
+    assistiveWithIcon: m,
+    error: b,
+    required: _,
+    withAsterisk: h,
+    id: N,
     className: C,
-    style: v,
-    children: $,
-    readOnly: g,
-    readOnlyComponent: R,
+    style: u,
+    children: v,
+    readOnly: x,
+    readOnlyComponent: T,
     ...W
-  }, D) {
-    const { isReadOnly: V, handleEditClick: L } = te(
-      g,
-      d
-    ), x = b(W, r), w = x;
-    return delete w.size, V && R ? /* @__PURE__ */ o(
-      q,
+  }, G) {
+    const V = $(W, n), q = V;
+    return delete q.size, x && T ? /* @__PURE__ */ o(
+      M,
       {
         className: C,
-        style: v,
-        overStyled: r,
+        style: u,
+        controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
+        controlMinWidth: void 0,
+        overStyled: n,
         labelElement: "div",
         formLayout: a,
         labelSize: s,
         labelAlignment: t,
-        labelOptionalText: n,
+        labelOptionalText: r,
         labelWithEditIcon: i,
-        onLabelEditClick: L,
-        label: l,
+        onLabelEditClick: l,
+        label: d,
         description: c,
-        assistiveText: m,
-        assistiveWithIcon: _,
-        error: N,
-        required: y,
-        withAsterisk: p,
-        id: h,
-        children: R
+        assistiveText: p,
+        assistiveWithIcon: m,
+        error: b,
+        required: _,
+        withAsterisk: h,
+        id: N,
+        children: T
       }
     ) : /* @__PURE__ */ o(
-      q,
+      M,
       {
         className: C,
-        style: v,
-        overStyled: r,
+        style: u,
+        controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
+        controlMinWidth: void 0,
+        overStyled: n,
         labelElement: "div",
         formLayout: a,
         labelSize: s,
         labelAlignment: t,
-        labelOptionalText: n,
+        labelOptionalText: r,
         labelWithEditIcon: i,
-        onLabelEditClick: L,
-        label: l,
+        onLabelEditClick: l,
+        label: d,
         description: c,
-        assistiveText: m,
-        assistiveWithIcon: _,
-        error: N,
-        required: y,
-        withAsterisk: p,
-        id: h,
+        assistiveText: p,
+        assistiveWithIcon: m,
+        error: b,
+        required: _,
+        withAsterisk: h,
+        id: N,
         children: /* @__PURE__ */ o(
-          me.Group,
+          pe.Group,
           {
-            ref: D,
-            ...x,
-            children: /* @__PURE__ */ o("div", { className: u.groupRoot, "data-layout": a, children: O.Children.map($, (A) => O.isValidElement(A) ? O.cloneElement(A, {
-              disabled: V || A.props.disabled
-            }) : A) })
+            ref: G,
+            ...V,
+            children: /* @__PURE__ */ o("div", { className: f.groupRoot, "data-layout": a, children: O.Children.map(v, (P) => O.isValidElement(P) ? O.cloneElement(P, {
+              disabled: x || P.props.disabled
+            }) : P) })
           }
         )
       }
     );
   }
 );
-Ce.displayName = "CheckboxGroup";
-const ve = f(
-  function({ overStyled: r = !1, readOnly: a, readOnlyComponent: s, disabled: t, ...n }, i) {
-    const { isReadOnly: d } = te(a), l = b(n, r), c = l;
-    if (delete c.size, delete c.color, delete c.radius, delete c.variant, delete c.iconColor, d && s)
+$e.displayName = "CheckboxGroup";
+const ve = y(
+  function({ overStyled: n = !1, readOnly: a, readOnlyComponent: s, disabled: t, ...r }, i) {
+    const l = $(r, n), d = l;
+    if (delete d.size, delete d.color, delete d.radius, delete d.variant, delete d.iconColor, a && s)
       return /* @__PURE__ */ o(
-        q,
+        M,
         {
-          overStyled: r,
+          overStyled: n,
           ...l,
           children: s
         }
       );
-    const m = {
-      root: u.root,
-      body: u.body,
-      inner: u.inner,
-      input: u.input,
-      icon: u.icon,
-      labelWrapper: u.labelWrapper,
-      label: u.label
-    }, _ = c.classNames;
-    if (_ && typeof _ == "object" && !Array.isArray(_)) {
-      const p = _;
-      m.root = p.root ? `${u.root} ${p.root}` : u.root, m.body = p.body ? `${u.body} ${p.body}` : u.body, m.inner = p.inner ? `${u.inner} ${p.inner}` : u.inner, m.input = p.input ? `${u.input} ${p.input}` : u.input, m.icon = p.icon ? `${u.icon} ${p.icon}` : u.icon, m.labelWrapper = p.labelWrapper ? `${u.labelWrapper} ${p.labelWrapper}` : u.labelWrapper, m.label = p.label ? `${u.label} ${p.label}` : u.label;
+    const c = {
+      root: f.root,
+      body: f.body,
+      inner: f.inner,
+      input: f.input,
+      icon: f.icon,
+      labelWrapper: f.labelWrapper,
+      label: f.label
+    }, p = d.classNames;
+    if (p && typeof p == "object" && !Array.isArray(p)) {
+      const _ = p;
+      c.root = _.root ? `${f.root} ${_.root}` : f.root, c.body = _.body ? `${f.body} ${_.body}` : f.body, c.inner = _.inner ? `${f.inner} ${_.inner}` : f.inner, c.input = _.input ? `${f.input} ${_.input}` : f.input, c.icon = _.icon ? `${f.icon} ${_.icon}` : f.icon, c.labelWrapper = _.labelWrapper ? `${f.labelWrapper} ${_.labelWrapper}` : f.labelWrapper, c.label = _.label ? `${f.label} ${_.label}` : f.label;
     }
-    const N = c.className, y = N ? `${u.root} ${N}` : u.root;
+    const m = d.className, b = m ? `${f.root} ${m}` : f.root;
     return /* @__PURE__ */ o(
-      me,
+      pe,
       {
         ref: i,
-        className: y,
-        classNames: m,
-        disabled: d || t,
+        className: b,
+        classNames: c,
+        disabled: a || t,
         ...l
       }
     );
   }
 );
 ve.displayName = "Checkbox";
-ve.Group = Ce;
-const Uo = (e) => /* @__PURE__ */ o("div", { ...e, children: "Chip" }), Xo = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), Jo = (e) => /* @__PURE__ */ o("div", { ...e, children: "Dropdown" }), Qo = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), et = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), ot = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), tt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), rt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Loader" }), nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), st = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), at = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), it = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), lt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), dt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Radio" }), qo = "ReadOnlyField-module__textField___qKn25", ce = {
-  textField: qo
-}, ge = ({
+ve.Group = $e;
+const Bo = "Chip-module__root___f5pFk", Eo = "Chip-module__label___Ov9pg", jo = "Chip-module__mantineIconWrapper___KLSz6", Oo = "Chip-module__innerWrapper___EnrTF", Mo = "Chip-module__children___zbRAR", Vo = "Chip-module__leadingIcon___JBtjQ", qo = "Chip-module__removeIcon___pVju-", g = {
+  root: Bo,
+  label: Eo,
+  mantineIconWrapper: jo,
+  innerWrapper: Oo,
+  children: Mo,
+  leadingIcon: Vo,
+  removeIcon: qo
+};
+function Do(e) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...e,
+      children: [
+        /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+const Go = y(function({
+  error: n = !1,
+  icon: a,
+  onRemove: s,
+  removeLabel: t = "Remove",
+  children: r,
+  overStyled: i = !1,
+  ...l
+}, d) {
+  const c = $(l, i), p = c, m = {
+    root: g.root,
+    label: g.label,
+    input: g.input,
+    iconWrapper: g.mantineIconWrapper,
+    checkIcon: g.checkIcon
+  }, b = p.classNames;
+  if (b && typeof b == "object" && !Array.isArray(b)) {
+    const u = b;
+    m.root = u.root ? `${g.root} ${u.root}` : g.root, m.label = u.label ? `${g.label} ${u.label}` : g.label;
+  }
+  const _ = p.className, h = _ ? `${g.root} ${_}` : g.root;
+  return /* @__PURE__ */ o(
+    Re,
+    {
+      ref: d,
+      className: h,
+      classNames: m,
+      ...(n ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
+      ...!r && (!!a || !!s) ? { "data-icon-only": "" } : {},
+      ...c,
+      children: /* @__PURE__ */ L("span", { className: g.innerWrapper, children: [
+        a && /* @__PURE__ */ o("span", { className: g.leadingIcon, "aria-hidden": !0, children: a }),
+        /* @__PURE__ */ o("span", { className: g.children, children: r }),
+        s && /* @__PURE__ */ o(
+          "span",
+          {
+            role: "button",
+            className: g.removeIcon,
+            onClick: (u) => {
+              u.preventDefault(), u.stopPropagation(), s(u);
+            },
+            "aria-label": t,
+            onKeyDown: (u) => {
+              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), s(
+                u
+              ));
+            },
+            tabIndex: 0,
+            children: /* @__PURE__ */ o(Do, {})
+          }
+        )
+      ] })
+    }
+  );
+});
+Go.displayName = "Chip";
+const nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), st = (e) => /* @__PURE__ */ o("div", { ...e, children: "Dropdown" }), at = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), it = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), lt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), dt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Loader" }), pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), _t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), mt = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), ut = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), ht = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), ft = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), bt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Radio" }), Ho = "_root_1qhn7_3", Ko = "_contents_1qhn7_18", D = {
+  root: Ho,
+  contents: Ko
+}, Zo = y(function({ layer: e, contentsOnly: n, children: a, className: s, style: t, ...r }, i) {
+  const l = n ? s ? `${D.root} ${D.contents} ${s}` : `${D.root} ${D.contents}` : s ? `${D.root} ${s}` : D.root;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: i,
+      className: l,
+      style: t,
+      ...n ? {} : { "data-recursica-layer": String(e) },
+      ...r,
+      children: a
+    }
+  );
+});
+Zo.displayName = "Layer";
+const H = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ o(O.Fragment, { children: e });
+H.displayName = "EmptyValueRenderer";
+H.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
+const ae = "data-recursica-theme";
+function Nt({
+  children: e,
+  theme: n = "light"
+}) {
+  return ke(() => {
+    const a = document.documentElement;
+    return a.setAttribute(ae, n), () => {
+      a.removeAttribute(ae);
+    };
+  }, [n]), /* @__PURE__ */ o(ie, { children: e });
+}
+const Yo = "ReadOnlyField-module__textField___qKn25", ce = {
+  textField: Yo
+}, Ce = ({
   value: e,
-  overStyled: r = !1,
+  overStyled: n = !1,
   ...a
 }) => {
-  const s = b(a, r), t = s.className;
+  const s = $(a, n), t = s.className;
   return /* @__PURE__ */ o(
-    pe,
+    de,
     {
       component: "p",
       className: t ? `${ce.textField} ${t}` : ce.textField,
@@ -858,162 +937,158 @@ const Uo = (e) => /* @__PURE__ */ o("div", { ...e, children: "Chip" }), Xo = (e)
     }
   );
 };
-ge.displayName = "ReadOnlyTextField";
-const xe = f(
-  function({ value: r, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...n }, i) {
-    let d = null;
-    const l = b(n, t), c = s || H, _ = (c.check ? c.check(r) : H.check(r)) ? /* @__PURE__ */ o(c, { value: r }) : r;
+Ce.displayName = "ReadOnlyTextField";
+const ge = y(
+  function({ value: n, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...r }, i) {
+    let l = null;
+    const d = $(r, t), c = s || H, m = (c.check ? c.check(n) : H.check(n)) ? /* @__PURE__ */ o(c, { value: n }) : n;
     switch (a) {
       case "text":
       default:
-        d = /* @__PURE__ */ o(
-          ge,
+        l = /* @__PURE__ */ o(
+          Ce,
           {
-            value: _,
+            value: m,
             overStyled: t
           }
         );
         break;
     }
     return /* @__PURE__ */ o(
-      q,
+      M,
       {
         ref: i,
         overStyled: t,
-        ...l,
-        children: d
+        ...d,
+        children: l
       }
     );
   }
 );
-xe.displayName = "ReadOnlyField";
-const Ae = f(function({
-  readOnly: r,
+ge.displayName = "ReadOnlyField";
+const xe = y(function({
+  readOnly: n,
   readOnlyComponent: a,
   readOnlyType: s = "text",
   readOnlyValue: t,
-  activeComponent: n,
+  activeComponent: r,
   overStyled: i,
-  onLabelEditClick: d,
-  ...l
+  onLabelEditClick: l,
+  ...d
 }, c) {
-  const { isReadOnly: m, handleEditClick: _ } = te(
-    r,
-    d
-  );
-  return m ? a ? /* @__PURE__ */ o(
-    q,
+  return n ? a ? /* @__PURE__ */ o(
+    M,
     {
       ref: c,
-      ...l,
-      onLabelEditClick: _,
+      ...d,
+      onLabelEditClick: l,
       overStyled: i,
       children: a
     }
   ) : /* @__PURE__ */ o(
-    xe,
+    ge,
     {
       ref: c,
       type: s,
       value: t,
-      onLabelEditClick: _,
+      onLabelEditClick: l,
       overStyled: i,
-      ...l
+      ...d
     }
   ) : /* @__PURE__ */ o(
-    q,
+    M,
     {
       ref: c,
-      ...l,
-      onLabelEditClick: _,
+      ...d,
+      onLabelEditClick: l,
       overStyled: i,
-      children: n
+      children: r
     }
   );
 });
-Ae.displayName = "WithReadOnlyWrapper";
-const pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), mt = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), _t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), ut = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), ht = (e) => /* @__PURE__ */ o("div", { ...e, children: "Switch" }), ft = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), bt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), Nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextArea" }), Vo = "TextField-module__root___2ZYkG", Go = "TextField-module__input___RL-My", Do = "TextField-module__section___bCIJ0", F = {
-  root: Vo,
-  input: Go,
-  section: Do
-}, Mo = f(
+xe.displayName = "WithReadOnlyWrapper";
+const yt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), $t = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), vt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), Ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), gt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Switch" }), xt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), Pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), At = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextArea" }), Uo = "TextField-module__root___2ZYkG", Xo = "TextField-module__input___RL-My", Jo = "TextField-module__section___bCIJ0", S = {
+  root: Uo,
+  input: Xo,
+  section: Jo
+}, Qo = y(
   function({
-    overStyled: r = !1,
+    overStyled: n = !1,
     formLayout: a = "stacked",
     // Label & Wrapper Maps
     labelSize: s,
     labelAlignment: t,
-    labelOptionalText: n,
+    labelOptionalText: r,
     labelWithEditIcon: i,
-    onLabelEditClick: d,
-    label: l,
+    onLabelEditClick: l,
+    label: d,
     assistiveText: c,
-    assistiveWithIcon: m,
-    error: _,
-    required: N,
-    withAsterisk: y,
-    id: p,
-    className: h,
+    assistiveWithIcon: p,
+    error: m,
+    required: b,
+    withAsterisk: _,
+    id: h,
+    className: N,
     style: C,
-    disabled: v,
-    readOnly: $,
-    readOnlyComponent: g,
-    value: R,
+    disabled: u,
+    readOnly: v,
+    readOnlyComponent: x,
+    value: T,
     defaultValue: W,
-    ...D
+    ...G
   }, V) {
-    const L = b(D, r), x = L;
-    delete x.size, delete x.variant, delete x.radius;
-    const w = {
-      wrapper: F.root,
+    const q = $(G, n), P = q;
+    delete P.size, delete P.variant, delete P.radius;
+    const I = {
+      wrapper: S.root,
       // The nested Input internal relative wrapper bounding box
-      input: F.input,
-      section: F.section
-    }, A = x.classNames;
-    if (A && typeof A == "object" && !Array.isArray(A)) {
-      const I = A;
-      w.wrapper = I.wrapper ? `${F.root} ${I.wrapper}` : F.root, w.input = I.input ? `${F.input} ${I.input}` : F.input, w.section = I.section ? `${F.section} ${I.section}` : F.section;
+      input: S.input,
+      section: S.section
+    }, j = P.classNames;
+    if (j && typeof j == "object" && !Array.isArray(j)) {
+      const F = j;
+      I.wrapper = F.wrapper ? `${S.root} ${F.wrapper}` : S.root, I.input = F.input ? `${S.input} ${F.input}` : S.input, I.section = F.section ? `${S.section} ${F.section}` : S.section;
     }
     return /* @__PURE__ */ o(
-      Ae,
+      xe,
       {
-        className: h,
+        className: N,
         style: C,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: r,
+        overStyled: n,
         formLayout: a,
         labelSize: s,
         labelAlignment: t,
-        labelOptionalText: n,
+        labelOptionalText: r,
         labelWithEditIcon: i,
-        onLabelEditClick: d,
-        label: l,
+        onLabelEditClick: l,
+        label: d,
         assistiveText: c,
-        assistiveWithIcon: m,
-        error: _,
-        required: N,
-        withAsterisk: y,
-        id: p,
-        readOnly: $,
-        readOnlyComponent: g,
+        assistiveWithIcon: p,
+        error: m,
+        required: b,
+        withAsterisk: _,
+        id: h,
+        readOnly: v,
+        readOnlyComponent: x,
         readOnlyType: "text",
-        readOnlyValue: R !== void 0 ? R : W,
+        readOnlyValue: T !== void 0 ? T : W,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ o(
-            de,
+            le,
             {
               ref: V,
-              classNames: w,
-              disabled: v,
-              value: R,
+              classNames: I,
+              disabled: u,
+              value: T,
               defaultValue: W,
               wrapperProps: {
-                "data-disabled": v ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-disabled": u ? "true" : void 0,
+                "data-error": m ? "true" : void 0
               },
-              ...L
+              ...q
             }
           )
         )
@@ -1021,60 +1096,59 @@ const pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), mt = (
     );
   }
 );
-Mo.displayName = "TextField";
-const yt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), $t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), Ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), vt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), gt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" });
+Qo.displayName = "TextField";
+const Wt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), kt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), wt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), Tt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), It = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" });
 export {
-  oe as Accordion,
-  Q as AccordionControl,
-  ue as AccordionItem,
-  ee as AccordionPanel,
-  Xe as Avatar,
-  Qe as Badge,
-  to as Breadcrumb,
-  lo as Button,
+  te as Accordion,
+  ee as AccordionControl,
+  me as AccordionItem,
+  oe as AccordionPanel,
+  Ue as Avatar,
+  Je as Badge,
+  oo as Breadcrumb,
+  io as Button,
   Y as Card,
-  ye as CardContent,
-  Ne as CardFooter,
-  be as CardHeader,
-  fe as CardSection,
+  Ne as CardContent,
+  be as CardFooter,
+  fe as CardHeader,
+  he as CardSection,
   ve as Checkbox,
-  Ce as CheckboxGroup,
-  Uo as Chip,
-  Xo as DatePicker,
-  Jo as Dropdown,
+  $e as CheckboxGroup,
+  Go as Chip,
+  nt as DatePicker,
+  st as Dropdown,
   H as EmptyValueRenderer,
-  Qo as FileInput,
-  et as FileUpload,
-  ot as HoverCard,
-  $e as Label,
-  No as Layer,
-  tt as Link,
-  rt as Loader,
-  nt as Menu,
-  st as Modal,
-  at as NumberInput,
-  ct as Pagination,
-  it as Panel,
-  lt as Popover,
-  dt as Radio,
-  xe as ReadOnlyField,
-  ge as ReadOnlyTextField,
-  Yo as RecursicaThemeProvider,
-  pt as Search,
-  mt as SegmentedControl,
-  _t as Slider,
-  ut as Stepper,
-  ht as Switch,
-  ft as Table,
-  bt as Tabs,
-  Nt as TextArea,
-  Mo as TextField,
-  yt as TimePicker,
-  $t as Timeline,
-  Ct as Toast,
-  vt as Tooltip,
-  gt as TransferList,
-  Ae as WithReadOnlyWrapper,
-  te as useReadOnlyControl
+  at as FileInput,
+  ct as FileUpload,
+  it as HoverCard,
+  ye as Label,
+  Zo as Layer,
+  lt as Link,
+  dt as Loader,
+  pt as Menu,
+  _t as Modal,
+  mt as NumberInput,
+  ut as Pagination,
+  ht as Panel,
+  ft as Popover,
+  bt as Radio,
+  ge as ReadOnlyField,
+  Ce as ReadOnlyTextField,
+  Nt as RecursicaThemeProvider,
+  yt as Search,
+  $t as SegmentedControl,
+  vt as Slider,
+  Ct as Stepper,
+  gt as Switch,
+  xt as Table,
+  Pt as Tabs,
+  At as TextArea,
+  Qo as TextField,
+  Wt as TimePicker,
+  kt as Timeline,
+  wt as Toast,
+  Tt as Tooltip,
+  It as TransferList,
+  xe as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map