@recursica/mantine-adapter 0.11.0 → 0.12.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-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 = [
+import { jsx as e, jsxs as E, Fragment as ie } from "react/jsx-runtime";
+import B, { forwardRef as $, useId as no, useEffect as lo } from "react";
+import { Accordion as ye, Avatar as co, Badge as io, Breadcrumbs as po, Button as mo, Card as he, Input as Ae, Box as Ce, Checkbox as Se, Chip as uo, Container as _o, Select as bo, Flex as yo, Group as ho, Loader as fo, Menu as q, Radio as Te, Stack as No, Switch as Ie, CheckIcon as $o, CloseIcon as vo, Text as Co, Textarea as go, Title as xo } from "@mantine/core";
+const wo = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const po = [
   "mih",
   "mah"
   // Dimensions
-], mo = /* @__PURE__ */ new Set([
+], Po = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const po = [
   "left",
   "bottom",
   "right"
-]), Ce = {
+]), Pe = {
   "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,116 +69,116 @@ const po = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function C(o, t) {
-  if (t)
-    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]);
+function v(r, o) {
+  if (o)
+    return r;
+  const n = { ...r };
+  for (const s of wo)
+    s in n && delete n[s];
+  for (const [s, t] of Object.entries(n))
+    typeof t == "string" && t.startsWith("rec-") && Po.has(s) && t in Pe && (n[s] = Pe[t]);
   return n;
 }
-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",
+const Wo = "Accordion-module__root___Dem6d", ko = "Accordion-module__item___7ryVk", Ao = "Accordion-module__noDivider___Ni2tT", So = "Accordion-module__control___b4wgX", To = "Accordion-module__label___Ss7uW", Io = "Accordion-module__chevron___i-HVZ", Lo = "Accordion-module__iconLeftWrapper___5oLen", Ro = "Accordion-module__panel___Wx50w", Oo = "Accordion-module__content___PEM9t", H = {
+  root: Wo,
+  item: ko,
+  noDivider: Ao,
+  control: So,
+  label: To,
+  chevron: Io,
+  iconLeftWrapper: Lo,
+  panel: Ro,
+  content: Oo
+}, Le = function({
+  variant: o = "unstyled",
   overStyled: n = !1,
-  ...a
+  ...s
 }) {
-  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;
+  const t = v(s, n), a = {
+    root: H.root,
+    item: H.item,
+    control: H.control,
+    label: H.label,
+    chevron: H.chevron,
+    panel: H.panel,
+    content: H.content
+  }, c = t.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];
+      a[i] ? a[i] = `${a[i]} ${d[i]}` : a[i] = d[i];
     });
   }
-  const l = r.className;
+  const l = t.className;
   return /* @__PURE__ */ e(
-    ue,
+    ye,
     {
-      variant: t,
+      variant: o,
       className: l,
-      classNames: s,
-      ...r
+      classNames: a,
+      ...t
     }
   );
 };
-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;
+Le.displayName = "Accordion";
+const Re = $(function({ title: o, leftIcon: n, divider: s = !0, children: t, overStyled: a = !1, ...c }, l) {
+  const d = v(c, a), i = d.className, p = [s ? void 0 : H.noDivider, i].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ e(
-    ue.Item,
+    ye.Item,
     {
       ref: l,
       className: p,
       ...d,
-      children: t ? /* @__PURE__ */ B(ne, { children: [
-        /* @__PURE__ */ e(Ne, { leftIcon: n, children: t }),
-        /* @__PURE__ */ e($e, { children: r })
-      ] }) : r
+      children: o ? /* @__PURE__ */ E(ie, { children: [
+        /* @__PURE__ */ e(ge, { leftIcon: n, children: o }),
+        /* @__PURE__ */ e(xe, { children: t })
+      ] }) : t
     }
   );
 });
-Se.displayName = "AccordionItem";
-const Ne = $(function({ leftIcon: t, children: n, overStyled: a = !1, ...r }, s) {
-  const c = C(r, a), l = c.className;
+Re.displayName = "AccordionItem";
+const ge = $(function({ leftIcon: o, children: n, overStyled: s = !1, ...t }, a) {
+  const c = v(t, s), l = c.className;
   return /* @__PURE__ */ e(
-    ue.Control,
+    ye.Control,
     {
-      ref: s,
+      ref: a,
       className: l,
-      icon: t ? /* @__PURE__ */ e("span", { className: Z.iconLeftWrapper, "aria-hidden": !0, children: t }) : void 0,
+      icon: o ? /* @__PURE__ */ e("span", { className: H.iconLeftWrapper, "aria-hidden": !0, children: o }) : void 0,
       ...c,
       children: n
     }
   );
 });
-Ne.displayName = "AccordionControl";
-const $e = $(function({ overStyled: t = !1, ...n }, a) {
-  const r = C(n, t), s = r.className;
+ge.displayName = "AccordionControl";
+const xe = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = t.className;
   return /* @__PURE__ */ e(
-    ue.Panel,
+    ye.Panel,
     {
-      ref: a,
-      className: s,
-      ...r
+      ref: s,
+      className: a,
+      ...t
     }
   );
 });
-$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",
+xe.displayName = "AccordionPanel";
+const we = Le;
+we.Item = Re;
+we.Control = ge;
+we.Panel = xe;
+const zo = "Avatar-module__root___fXu-J", Mo = "Avatar-module__iconWrapper___ojly2", Fo = "Avatar-module__textWrapper___zp-jD", Eo = "Avatar-module__image___ieqGp", Bo = "Avatar-module__placeholder___IDW7-", V = {
+  root: zo,
+  iconWrapper: Mo,
+  textWrapper: Fo,
+  image: Eo,
+  placeholder: Bo
+}, jo = $(function({
+  size: o = "default",
   variant: n = "solid",
-  icon: a,
-  className: r,
-  classNames: s,
+  icon: s,
+  className: t,
+  classNames: a,
   children: c,
   style: l,
   src: d,
@@ -194,107 +194,107 @@ const Co = "Avatar-module__root___fXu-J", xo = "Avatar-module__iconWrapper___ojl
     large: "lg"
   };
   let m = "text";
-  d ? m = "image" : a && (m = "icon");
+  d ? m = "image" : s && (m = "icon");
   const _ = {
-    root: M.root,
-    image: M.image,
-    placeholder: M.placeholder
+    root: V.root,
+    image: V.image,
+    placeholder: V.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;
+  if (a && typeof a == "object" && !Array.isArray(a)) {
+    const h = a;
+    _.root = h.root ? `${V.root} ${h.root}` : V.root, _.image = h.image ? `${V.image} ${h.image}` : V.image, _.placeholder = h.placeholder ? `${V.placeholder} ${h.placeholder}` : V.placeholder;
   }
   return /* @__PURE__ */ e(
-    He,
+    co,
     {
       ref: p,
-      className: r,
+      className: t,
       classNames: _,
       variant: u[n],
-      size: y[t],
+      size: y[o],
       style: l,
       src: d,
       "data-variant": n,
-      "data-size": t,
+      "data-size": o,
       "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
+      children: s != null ? /* @__PURE__ */ e("span", { className: V.iconWrapper, "aria-hidden": !0, children: s }) : c != null ? /* @__PURE__ */ e("span", { className: V.textWrapper, children: c }) : void 0
     }
   );
 });
-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;
+jo.displayName = "Avatar";
+const Do = "Badge-module__root___5osNT", Y = {
+  root: Do
+}, Vo = $(function({ variant: o = "primary-color", overStyled: n = !1, ...s }, t) {
+  const a = v(s, n), c = {
+    root: Y.root,
+    section: Y.section,
+    label: Y.label
+  }, l = a.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;
+    c.root = p.root ? `${Y.root} ${p.root}` : Y.root, c.section = p.section ?? Y.section, c.label = p.label ?? Y.label;
   }
-  const d = s.className, i = d ? `${D.root} ${d}` : D.root;
+  const d = a.className, i = d ? `${Y.root} ${d}` : Y.root;
   return /* @__PURE__ */ e(
-    Ke,
+    io,
     {
-      ref: r,
+      ref: t,
       variant: "filled",
-      "data-variant": t,
-      ...s,
+      "data-variant": o,
+      ...a,
       className: i,
       classNames: 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
+Vo.displayName = "Badge";
+const Go = "Breadcrumb-module__root___x-9ln", qo = "Breadcrumb-module__separator___qrUX-", U = {
+  root: Go,
+  separator: qo
+}, Yo = $(
+  function({ overStyled: o = !1, separator: n = ">", ...s }, t) {
+    const a = v(
+      { separator: n, ...s },
+      o
     ), c = {
-      root: K.root,
-      separator: K.separator
-    }, l = s.classNames;
+      root: U.root,
+      separator: U.separator
+    }, l = a.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;
+      c.root = p.root ? `${U.root} ${p.root}` : U.root, c.separator = p.separator ? `${U.separator} ${p.separator}` : U.separator;
     }
-    const d = s.className, i = d ? `${K.root} ${d}` : K.root;
+    const d = a.className, i = d ? `${U.root} ${d}` : U.root;
     return /* @__PURE__ */ e(
-      Ue,
+      po,
       {
-        ref: r,
-        ...s,
+        ref: t,
+        ...a,
         className: i,
         classNames: c
       }
     );
   }
 );
-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
+Yo.displayName = "Breadcrumb";
+const Zo = "Button-module__root___Q2R8-", Ho = "Button-module__label___UJ3Zt", Ko = "Button-module__labelText___rFV5p", Uo = "Button-module__iconWrapper___uEKPa", Xo = "Button-module__section___f2mKr", G = {
+  root: Zo,
+  label: Ho,
+  labelText: Ko,
+  iconWrapper: Uo,
+  section: Xo
 };
-function Eo(o) {
-  return o == null || o === "" ? !1 : typeof o == "string" ? o.trim() !== "" : !0;
+function Qo(r) {
+  return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
 }
-const Bo = $(
+const Jo = $(
   function({
-    variant: t = "solid",
+    variant: o = "solid",
     size: n = "default",
-    icon: a,
-    children: r,
-    overStyled: s = !1,
+    icon: s,
+    children: t,
+    overStyled: a = !1,
     ...c
   }, l) {
     const d = {
@@ -304,143 +304,143 @@ const Bo = $(
     }, i = {
       default: "md",
       small: "sm"
-    }, p = C(c, s), u = p;
+    }, p = v(c, a), u = p;
     delete u.fullWidth;
-    const y = !!a || !!u.leftSection, m = !!u.rightSection, _ = (y || m) && !Eo(r);
+    const y = !!s || !!u.leftSection, m = !!u.rightSection, _ = (y || m) && !Qo(t);
     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 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;
+      root: G.root,
+      section: G.section,
+      label: G.label
+    }, C = u.classNames;
+    if (C && typeof C == "object" && !Array.isArray(C)) {
+      const b = C;
+      h.root = b.root ? `${G.root} ${b.root}` : G.root, h.section = b.section ?? G.section, h.label = b.label ?? G.label;
     }
-    const f = u.className, x = f ? `${q.root} ${f}` : q.root;
+    const f = u.className, g = f ? `${G.root} ${f}` : G.root;
     return /* @__PURE__ */ e(
-      Qe,
+      mo,
       {
         ref: l,
-        className: x,
+        className: g,
         classNames: h,
-        variant: d[t],
+        variant: d[o],
         size: i[n],
-        leftSection: a != null ? /* @__PURE__ */ e("span", { className: q.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
-        "data-variant": t,
+        leftSection: s != null ? /* @__PURE__ */ e("span", { className: G.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+        "data-variant": o,
         "data-size": n,
         ..._ ? { "data-icon-only": "" } : {},
         ...p,
-        children: /* @__PURE__ */ e("span", { className: q.labelText, children: r })
+        children: /* @__PURE__ */ e("span", { className: G.labelText, children: t })
       }
     );
   }
 );
-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
-  }, c = r.classNames;
+Jo.displayName = "Button";
+const et = "Card-module__root___c9KvZ", ot = "Card-module__header___PTXf2", tt = "Card-module__footer___Mu-JC", rt = "Card-module__section___BRT8H", at = "Card-module__content___oFIQa", K = {
+  root: et,
+  header: ot,
+  footer: tt,
+  section: rt,
+  content: at
+}, Oe = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = {
+    root: K.root
+  }, c = t.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];
+      a[i] ? a[i] = `${a[i]} ${d[i]}` : a[i] = d[i];
     });
   }
-  const l = r.className;
+  const l = t.className;
   return /* @__PURE__ */ e(
-    _e,
+    he,
     {
-      ref: a,
+      ref: s,
       className: l,
-      classNames: s,
-      ...r
+      classNames: a,
+      ...t
     }
   );
 });
 Oe.displayName = "Card";
-const Re = $(
-  function({ overStyled: t = !1, ...n }, a) {
-    const r = C(n, t), s = r.className;
+const ze = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      he.Section,
       {
-        ref: a,
-        className: s ? `${H.section} ${s}` : H.section,
-        ...r
+        ref: s,
+        className: a ? `${K.section} ${a}` : K.section,
+        ...t
       }
     );
   }
 );
-Re.displayName = "CardSection";
-const Te = $(
-  function({ overStyled: t = !1, ...n }, a) {
-    const r = C(n, t), s = r.className;
+ze.displayName = "CardSection";
+const Me = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      he.Section,
       {
-        ref: a,
-        className: s ? `${H.header} ${s}` : H.header,
-        ...r
+        ref: s,
+        className: a ? `${K.header} ${a}` : K.header,
+        ...t
       }
     );
   }
 );
-Te.displayName = "CardHeader";
-const Le = $(
-  function({ overStyled: t = !1, ...n }, a) {
-    const r = C(n, t), s = r.className;
+Me.displayName = "CardHeader";
+const Fe = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      he.Section,
       {
-        ref: a,
-        className: s ? `${H.footer} ${s}` : H.footer,
-        ...r
+        ref: s,
+        className: a ? `${K.footer} ${a}` : K.footer,
+        ...t
       }
     );
   }
 );
-Le.displayName = "CardFooter";
-const Ie = $(
-  function({ overStyled: t = !1, ...n }, a) {
-    const r = C(n, t), s = r.className;
+Fe.displayName = "CardFooter";
+const Ee = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
-        className: s ? `${H.content} ${s}` : H.content,
-        ...r
+        ref: s,
+        className: a ? `${K.content} ${a}` : K.content,
+        ...t
       }
     );
   }
 );
-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",
+Ee.displayName = "CardContent";
+const fe = Oe;
+fe.Section = ze;
+fe.Header = Me;
+fe.Footer = Fe;
+fe.Content = Ee;
+const st = "Label-module__root___e6HXZ", nt = "Label-module__labelText___rieFR", lt = "Label-module__required___Ggrzc", ct = "Label-module__optionalText___Y2yun", it = "Label-module__actionAreaWrapper___ELoZK", dt = "Label-module__editIconWrapper___NG2xW", D = {
+  root: st,
+  labelText: nt,
+  required: lt,
+  optionalText: ct,
+  actionAreaWrapper: it,
+  editIconWrapper: dt
+}, Be = $(function({
+  labelSize: o = "default",
   labelAlignment: n,
-  required: a = !1,
-  labelOptionalText: r,
-  labelWithEditIcon: s,
+  required: s = !1,
+  labelOptionalText: t,
+  labelWithEditIcon: a,
   labelActionArea: c,
   onLabelEditClick: l,
   children: d,
@@ -449,35 +449,35 @@ const Do = "Label-module__root___e6HXZ", Yo = "Label-module__labelText___rieFR",
 }, u) {
   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
+  s || (t === !0 ? m = "optional" : t && (m = t));
+  const _ = v(p, i), h = _, C = {
+    label: D.root,
+    required: D.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 P = f;
+    C.label = P.label ? `${D.root} ${P.label}` : D.root, C.required = P.required ? `${D.required} ${P.required}` : D.required;
   }
-  const x = h.className, b = x ? `${G.root} ${x}` : G.root;
-  return /* @__PURE__ */ B(
-    We.Label,
+  const g = h.className, b = g ? `${D.root} ${g}` : D.root;
+  return /* @__PURE__ */ E(
+    Ae.Label,
     {
       ref: u,
       className: b,
-      classNames: v,
-      "data-size": t,
+      classNames: C,
+      "data-size": o,
       "data-alignment": y,
-      required: a && !s,
+      required: s && !a,
       ..._,
       children: [
-        /* @__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(
+        /* @__PURE__ */ e("span", { className: D.labelText, children: d }),
+        m && /* @__PURE__ */ e("span", { className: D.optionalText, children: typeof m == "string" ? `(${m})` : m }),
+        c ? /* @__PURE__ */ e("span", { className: D.actionAreaWrapper, children: c }) : a ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: G.editIconWrapper,
-            "data-replaces-asterisk": a ? "true" : void 0,
+            className: D.editIconWrapper,
+            "data-replaces-asterisk": s ? "true" : void 0,
             onClick: l,
             "aria-label": "Edit",
             children: /* @__PURE__ */ e(
@@ -505,48 +505,48 @@ const Do = "Label-module__root___e6HXZ", Yo = "Label-module__labelText___rieFR",
     }
   );
 });
-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",
+Be.displayName = "Label";
+const pt = "FormControlLayout-module__root___yNDhZ", mt = "FormControlLayout-module__leftSection___GBM1r", ut = "FormControlLayout-module__rightSection___bcL4v", pe = {
+  root: pt,
+  leftSection: mt,
+  rightSection: ut
+}, X = $(function({
+  formLayout: o = "stacked",
   labelSize: n = "default",
-  controlMaxWidth: a,
-  controlMinWidth: r,
-  leftSection: s,
+  controlMaxWidth: s,
+  controlMinWidth: t,
+  leftSection: a,
   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(
+  const u = l ? `${pe.root} ${l}` : pe.root, m = a != null || o === "side-by-side";
+  return /* @__PURE__ */ E(
     "div",
     {
       ref: p,
       className: u,
-      "data-form-layout": t,
+      "data-form-layout": o,
       style: {
         ...d,
-        ...a ? { "--form-control-max-width": a } : {},
-        ...r ? { "--form-control-min-width": r } : {}
+        ...s ? { "--form-control-max-width": s } : {},
+        ...t ? { "--form-control-min-width": t } : {}
       },
       ...i,
       children: [
-        m && /* @__PURE__ */ e("div", { className: ie.leftSection, "data-size": n, children: s }),
-        /* @__PURE__ */ e("div", { className: ie.rightSection, children: c })
+        m && /* @__PURE__ */ e("div", { className: pe.leftSection, "data-size": n, children: a }),
+        /* @__PURE__ */ e("div", { className: pe.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(
+X.displayName = "FormControlLayout";
+const _t = "AssistiveElement-module__root___WhQ43", bt = "AssistiveElement-module__textWrapper___sfy5E", yt = "AssistiveElement-module__iconWrapper___gObRF", $e = {
+  root: _t,
+  textWrapper: bt,
+  iconWrapper: yt
+}, ht = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -562,7 +562,7 @@ const et = "AssistiveElement-module__root___WhQ43", ot = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 8h.01" })
     ]
   }
-), at = () => /* @__PURE__ */ B(
+), ft = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -578,39 +578,39 @@ const et = "AssistiveElement-module__root___WhQ43", ot = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 17h.01" })
     ]
   }
-), he = $(function({
-  assistiveVariant: t = "help",
+), ve = $(function({
+  assistiveVariant: o = "help",
   assistiveWithIcon: n = !0,
-  children: a,
-  className: r,
-  overStyled: s = !1,
+  children: s,
+  className: t,
+  overStyled: a = !1,
   ...c
 }, l) {
-  const i = C(c, s), p = ye.root, u = r ? `${p} ${r}` : p, y = t === "error" ? at : rt;
-  return /* @__PURE__ */ B(
+  const i = v(c, a), p = $e.root, u = t ? `${p} ${t}` : p, y = o === "error" ? ft : ht;
+  return /* @__PURE__ */ E(
     "div",
     {
       ref: l,
       className: u,
-      "data-variant": t,
+      "data-variant": o,
       style: i.style,
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: ye.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
-        /* @__PURE__ */ e("span", { className: ye.textWrapper, children: a })
+        n && /* @__PURE__ */ e("span", { className: $e.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ e("span", { className: $e.textWrapper, children: s })
       ]
     }
   );
 });
-he.displayName = "AssistiveElement";
-const st = "FormControlWrapper-module__inputSection___HenXk", xe = {
-  inputSection: st
-}, de = $(function({
-  formLayout: t,
+ve.displayName = "AssistiveElement";
+const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
+  inputSection: Nt
+}, ue = $(function({
+  formLayout: o,
   labelSize: n,
-  labelAlignment: a,
-  labelOptionalText: r,
-  labelWithEditIcon: s,
+  labelAlignment: s,
+  labelOptionalText: t,
+  labelWithEditIcon: a,
   labelActionArea: c,
   onLabelEditClick: l,
   label: d,
@@ -621,203 +621,203 @@ const st = "FormControlWrapper-module__inputSection___HenXk", xe = {
   controlMinWidth: m,
   error: _,
   required: h,
-  withAsterisk: v,
+  withAsterisk: C,
   id: f,
-  children: x,
+  children: g,
   className: b,
-  overStyled: k = !1,
+  overStyled: P = !1,
   labelElement: N,
   // Extracted safely preventing bleeding into HTML domains
   ...z
-}, 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,
+}, L) {
+  const A = no(), R = f || `recursica-fc-${A}`, O = p || i, S = O ? `${R}-assistive` : void 0, T = _ ? `${R}-error` : void 0, I = v(z, P), Q = b || I.className, de = We.root, j = Q ? `${de} ${Q}` : de, ao = B.isValidElement(g) ? B.cloneElement(
+    g,
     {
-      ...I && !x.props["aria-describedby"] ? { "aria-describedby": S } : {},
-      ..._ && !x.props["aria-errormessage"] ? { "aria-errormessage": O } : {}
+      ...O && !g.props["aria-describedby"] ? { "aria-describedby": S } : {},
+      ..._ && !g.props["aria-errormessage"] ? { "aria-errormessage": T } : {}
     }
-  ) : x, De = d ? /* @__PURE__ */ e(
-    ze,
+  ) : g, so = d ? /* @__PURE__ */ e(
+    Be,
     {
-      id: L,
-      labelAlignment: a,
-      labelOptionalText: r,
-      labelWithEditIcon: s,
+      id: R,
+      labelAlignment: s,
+      labelOptionalText: t,
+      labelWithEditIcon: a,
       labelActionArea: c,
       onLabelEditClick: l,
-      required: v ?? h,
+      required: C ?? h,
       ...N === "div" ? { as: "div" } : {},
       children: d
     }
   ) : void 0;
   return /* @__PURE__ */ e(
-    U,
+    X,
     {
-      ref: T,
-      className: V,
-      formLayout: t,
+      ref: L,
+      className: j,
+      formLayout: o,
       labelSize: n,
       controlMaxWidth: y,
       controlMinWidth: m,
-      leftSection: De,
-      ...R,
-      children: /* @__PURE__ */ B("div", { className: xe.inputSection, children: [
-        qe,
+      leftSection: so,
+      ...I,
+      children: /* @__PURE__ */ E("div", { className: We.inputSection, children: [
+        ao,
         _ && /* @__PURE__ */ e(
-          he,
+          ve,
           {
-            id: O,
+            id: T,
             assistiveVariant: "error",
             assistiveWithIcon: u,
             children: _
           }
         ),
-        !_ && I && /* @__PURE__ */ e(
-          he,
+        !_ && O && /* @__PURE__ */ e(
+          ve,
           {
             id: S,
             assistiveVariant: "help",
             assistiveWithIcon: u,
-            children: I
+            children: O
           }
         )
       ] })
     }
   );
 });
-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;
+ue.displayName = "FormControlWrapper";
+const $t = "_root_1qhn7_3", vt = "_contents_1qhn7_18", oe = {
+  root: $t,
+  contents: vt
+}, Ct = $(function({ layer: r, contentsOnly: o, children: n, className: s, style: t, ...a }, c) {
+  const l = o ? s ? `${oe.root} ${oe.contents} ${s}` : `${oe.root} ${oe.contents}` : s ? `${oe.root} ${s}` : oe.root;
   return /* @__PURE__ */ e(
     "div",
     {
       ref: c,
       className: l,
-      style: r,
-      ...t ? {} : { "data-recursica-layer": String(o) },
-      ...s,
+      style: t,
+      ...o ? {} : { "data-recursica-layer": String(r) },
+      ...a,
       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"
+Ct.displayName = "Layer";
+const _e = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ e(B.Fragment, { children: r });
+_e.displayName = "EmptyValueRenderer";
+_e.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
+const ke = "data-recursica-theme";
+function Vr({
+  children: r,
+  theme: o = "light"
 }) {
-  return Ze(() => {
+  return lo(() => {
     const n = document.documentElement;
-    return n.setAttribute(ge, t), () => {
-      n.removeAttribute(ge);
+    return n.setAttribute(ke, o), () => {
+      n.removeAttribute(ke);
     };
-  }, [t]), /* @__PURE__ */ e(ne, { children: o });
+  }, [o]), /* @__PURE__ */ e(ie, { children: r });
 }
-const ct = "ReadOnlyField-module__textField___qKn25", me = {
-  textField: ct
-}, ce = ({
-  value: o,
-  overStyled: t = !1,
+const gt = "ReadOnlyField-module__textField___qKn25", be = {
+  textField: gt
+}, me = ({
+  value: r,
+  overStyled: o = !1,
   ...n
 }) => {
-  const a = C(n, t), r = a.className;
+  const s = v(n, o), t = s.className;
   return /* @__PURE__ */ e(
-    fe,
+    Ce,
     {
       component: "p",
-      className: r ? `${me.textField} ${r}` : me.textField,
-      ...a,
-      children: o != null ? j.isValidElement(o) ? o : Array.isArray(o) ? o.join(", ") : String(o) : ""
+      className: t ? `${be.textField} ${t}` : be.textField,
+      ...s,
+      children: r != null ? B.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
     }
   );
 };
-ce.displayName = "ReadOnlyTextField";
-const Fe = $(
-  function({ value: t, type: n = "text", emptyValueComponent: a, overStyled: r = !1, ...s }, c) {
+me.displayName = "ReadOnlyTextField";
+const je = $(
+  function({ value: o, type: n = "text", emptyValueComponent: s, overStyled: t = !1, ...a }, 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;
+    const d = v(a, t), i = s || _e, u = (i.check ? i.check(o) : _e.check(o)) ? /* @__PURE__ */ e(i, { value: o }) : o;
     switch (n) {
       case "boolean":
         l = /* @__PURE__ */ e(
-          ce,
+          me,
           {
-            value: t === !0 ? "True" : t === !1 ? "False" : u,
-            overStyled: r
+            value: o === !0 ? "True" : o === !1 ? "False" : u,
+            overStyled: t
           }
         );
         break;
       case "switch":
         l = /* @__PURE__ */ e(
-          ce,
+          me,
           {
-            value: t === !0 ? "On" : t === !1 ? "Off" : u,
-            overStyled: r
+            value: o === !0 ? "On" : o === !1 ? "Off" : u,
+            overStyled: t
           }
         );
         break;
       case "text":
       default:
         l = /* @__PURE__ */ e(
-          ce,
+          me,
           {
             value: u,
-            overStyled: r
+            overStyled: t
           }
         );
         break;
     }
     return /* @__PURE__ */ e(
-      de,
+      ue,
       {
         ref: c,
-        overStyled: r,
+        overStyled: t,
         ...d,
         children: l
       }
     );
   }
 );
-Fe.displayName = "ReadOnlyField";
-const X = $(function({
-  readOnly: t,
+je.displayName = "ReadOnlyField";
+const ee = $(function({
+  readOnly: o,
   readOnlyComponent: n,
-  readOnlyType: a = "text",
-  readOnlyValue: r,
-  readOnlyNativeProps: s,
+  readOnlyType: s = "text",
+  readOnlyValue: t,
+  readOnlyNativeProps: a,
   emptyValueComponent: c,
   activeComponent: l,
   overStyled: d,
   onLabelEditClick: i,
   ...p
 }, u) {
-  return t ? n ? /* @__PURE__ */ e(
-    de,
+  return o ? n ? /* @__PURE__ */ e(
+    ue,
     {
       ref: u,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
-      children: /* @__PURE__ */ e(n, { ...s })
+      children: /* @__PURE__ */ e(n, { ...a })
     }
   ) : /* @__PURE__ */ e(
-    Fe,
+    je,
     {
       ref: u,
-      type: a,
-      value: r,
+      type: s,
+      value: t,
       emptyValueComponent: c,
       onLabelEditClick: i,
       overStyled: d,
       ...p
     }
   ) : /* @__PURE__ */ e(
-    de,
+    ue,
     {
       ref: u,
       ...p,
@@ -827,23 +827,23 @@ const X = $(function({
     }
   );
 });
-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) {
+ee.displayName = "WithReadOnlyWrapper";
+const xt = "Checkbox-module__groupRoot___cBS0o", wt = "Checkbox-module__root___mY3qk", Pt = "Checkbox-module__body___5yC7q", Wt = "Checkbox-module__inner___rTke4", kt = "Checkbox-module__input___2kt-h", At = "Checkbox-module__icon___-O7i6", St = "Checkbox-module__labelWrapper___GpZkr", Tt = "Checkbox-module__label___cwRtI", W = {
+  groupRoot: xt,
+  root: wt,
+  body: Pt,
+  inner: Wt,
+  input: kt,
+  icon: At,
+  labelWrapper: St,
+  label: Tt
+}, De = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: s,
+      labelSize: a,
       labelAlignment: c,
       labelOptionalText: l,
       labelWithEditIcon: d,
@@ -855,29 +855,29 @@ const dt = "Checkbox-module__groupRoot___cBS0o", pt = "Checkbox-module__root___m
       assistiveWithIcon: m,
       error: _,
       required: h,
-      withAsterisk: v,
+      withAsterisk: C,
       id: f,
-      className: x,
+      className: g,
       style: b,
-      children: k,
+      children: P,
       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,
+      emptyValueComponent: L,
+      value: A,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      ee,
       {
-        className: x,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: r,
-        labelSize: s,
+        formLayout: t,
+        labelSize: a,
         labelAlignment: c,
         labelOptionalText: l,
         labelWithEditIcon: d,
@@ -888,71 +888,71 @@ const dt = "Checkbox-module__groupRoot___cBS0o", pt = "Checkbox-module__root___m
         assistiveWithIcon: m,
         error: _,
         required: h,
-        withAsterisk: v,
+        withAsterisk: C,
         id: f,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          ke.Group,
+          Se.Group,
           {
             ref: n,
             ...S,
-            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) })
+            disabled: N || T.disabled,
+            value: A,
+            defaultValue: R,
+            children: /* @__PURE__ */ e("div", { className: W.groupRoot, "data-layout": t, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
+              disabled: N || x.props.disabled
+            }) : x) })
           }
         )
       }
     );
   }
 );
-Ee.displayName = "CheckboxGroup";
-const Be = $(
-  function(t, n) {
+De.displayName = "CheckboxGroup";
+const Ve = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      readOnly: r,
-      readOnlyComponent: s,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: a,
       disabled: c,
       formLayout: l,
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
       ...u
-    } = t, y = C(u, a), m = y;
+    } = o, y = v(u, s), 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,
-      input: w.input,
-      icon: w.icon,
-      labelWrapper: w.labelWrapper,
-      label: w.label
+      root: W.root,
+      body: W.body,
+      inner: W.inner,
+      input: W.input,
+      icon: W.icon,
+      labelWrapper: W.labelWrapper,
+      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;
+      _.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 v = m.className, f = v ? `${w.root} ${v}` : w.root;
-    if (r && s) {
+    const C = m.className, f = C ? `${W.root} ${C}` : W.root;
+    if (t && a) {
       const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
-        s,
+        a,
         {
-          ...t,
+          ...o,
           checked: b,
           label: m.label
         }
       );
       return l ? /* @__PURE__ */ e(
-        U,
+        X,
         {
           formLayout: l,
           labelSize: d,
@@ -960,43 +960,43 @@ const Be = $(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ne, { children: N });
+      ) : /* @__PURE__ */ e(ie, { children: N });
     }
-    const x = /* @__PURE__ */ e(
-      ke,
+    const g = /* @__PURE__ */ e(
+      Se,
       {
         ref: n,
         className: f,
         classNames: _,
-        disabled: r || c,
+        disabled: t || c,
         ...y
       }
     );
     return l ? /* @__PURE__ */ e(
-      U,
+      X,
       {
         formLayout: l,
         labelSize: d,
         controlMaxWidth: i,
         controlMinWidth: p,
-        children: x
+        children: g
       }
-    ) : x;
+    ) : g;
   }
 );
-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
+Ve.displayName = "Checkbox";
+Ve.Group = De;
+const It = "Chip-module__root___f5pFk", Lt = "Chip-module__label___Ov9pg", Rt = "Chip-module__mantineIconWrapper___KLSz6", Ot = "Chip-module__innerWrapper___EnrTF", zt = "Chip-module__children___zbRAR", Mt = "Chip-module__leadingIcon___JBtjQ", Ft = "Chip-module__removeIcon___pVju-", M = {
+  root: It,
+  label: Lt,
+  mantineIconWrapper: Rt,
+  innerWrapper: Ot,
+  children: zt,
+  leadingIcon: Mt,
+  removeIcon: Ft
 };
-function Wt(o) {
-  return /* @__PURE__ */ B(
+function Et(r) {
+  return /* @__PURE__ */ E(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1008,7 +1008,7 @@ function Wt(o) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...o,
+      ...r,
       children: [
         /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -1016,67 +1016,67 @@ function Wt(o) {
     }
   );
 }
-const kt = $(function({
-  error: t = !1,
+const Bt = $(function({
+  error: o = !1,
   icon: n,
-  onRemove: a,
-  removeLabel: r = "Remove",
-  children: s,
+  onRemove: s,
+  removeLabel: t = "Remove",
+  children: a,
   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
+  const i = v(l, c), p = i, u = {
+    root: M.root,
+    label: M.label,
+    input: M.input,
+    iconWrapper: M.mantineIconWrapper,
+    checkIcon: M.checkIcon
   }, 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;
+    u.root = f.root ? `${M.root} ${f.root}` : M.root, u.label = f.label ? `${M.label} ${f.label}` : M.label;
   }
-  const m = p.className, _ = m ? `${F.root} ${m}` : F.root;
+  const m = p.className, _ = m ? `${M.root} ${m}` : M.root;
   return /* @__PURE__ */ e(
-    Xe,
+    uo,
     {
       ref: d,
       className: _,
       classNames: u,
-      ...(t ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!s && (!!n || !!a) ? { "data-icon-only": "" } : {},
+      ...(o ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
+      ...!a && (!!n || !!s) ? { "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(
+      children: /* @__PURE__ */ E("span", { className: M.innerWrapper, children: [
+        n && /* @__PURE__ */ e("span", { className: M.leadingIcon, "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ e("span", { className: M.children, children: a }),
+        s && /* @__PURE__ */ e(
           "span",
           {
             role: "button",
-            className: F.removeIcon,
+            className: M.removeIcon,
             onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), a(f);
+              f.preventDefault(), f.stopPropagation(), s(f);
             },
-            "aria-label": r,
+            "aria-label": t,
             onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), a(
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), s(
                 f
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ e(Wt, {})
+            children: /* @__PURE__ */ e(Et, {})
           }
         )
       ] })
     }
   );
 });
-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 = {
+Bt.displayName = "Chip";
+const jt = "Container-module__root___UVssr", ae = {
+  root: jt
+}, Dt = $(
+  function({ children: o, size: n, overStyled: s = !1, ...t }, a) {
+    const c = v(t, s), l = c, d = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
@@ -1084,39 +1084,39 @@ const wt = "Container-module__root___UVssr", oe = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, i = typeof n == "string" && d[n] ? d[n] : n, p = {
-      root: oe.root
+      root: ae.root
     }, u = l.classNames;
     if (u && typeof u == "object" && !Array.isArray(u)) {
       const _ = u;
-      p.root = _.root ? `${oe.root} ${_.root}` : oe.root;
+      p.root = _.root ? `${ae.root} ${_.root}` : ae.root;
     }
-    const y = l.className, m = y ? `${oe.root} ${y}` : oe.root;
+    const y = l.className, m = y ? `${ae.root} ${y}` : ae.root;
     return /* @__PURE__ */ e(
-      Je,
+      _o,
       {
-        ref: s,
+        ref: a,
         size: i,
         className: m,
         classNames: p,
         ...c,
-        children: t
+        children: o
       }
     );
   }
 );
-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) {
+Dt.displayName = "Container";
+const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt = "Dropdown-module__root___uVyL0", Gt = "Dropdown-module__input___dK4dN", qt = "Dropdown-module__section___j3MRB", Yt = "Dropdown-module__dropdown___gG-Sw", Zt = "Dropdown-module__option___nAGU-", F = {
+  root: Vt,
+  input: Gt,
+  section: qt,
+  dropdown: Yt,
+  option: Zt
+}, Ht = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
-      containerWidth: s,
+      overStyled: s = !1,
+      formLayout: t = "stacked",
+      containerWidth: a,
       // Label & Wrapper Maps
       labelSize: c,
       labelAlignment: l,
@@ -1128,45 +1128,45 @@ const xr = (o) => /* @__PURE__ */ e("div", { ...o, children: "DatePicker" }), Pt
       assistiveWithIcon: m,
       error: _,
       required: h,
-      withAsterisk: v,
+      withAsterisk: C,
       id: f,
-      className: x,
+      className: g,
       style: b,
-      disabled: k,
+      disabled: P,
       readOnly: N,
       readOnlyComponent: z,
-      emptyValueComponent: T,
-      value: P,
-      defaultValue: L,
-      data: I,
+      emptyValueComponent: L,
+      value: A,
+      defaultValue: R,
+      data: O,
       ...S
-    } = t, O = C(S, a), g = O;
-    delete g.size, delete g.variant, delete g.radius;
-    const R = {
-      wrapper: E.root,
+    } = o, T = v(S, s), x = T;
+    delete x.size, delete x.variant, delete x.radius;
+    const I = {
+      wrapper: F.root,
       // The nested Input internal relative wrapper bounding box
-      input: E.input,
-      section: E.section,
-      dropdown: E.dropdown,
-      option: E.option
-    }, Q = g.classNames;
+      input: F.input,
+      section: F.section,
+      dropdown: F.dropdown,
+      option: F.option
+    }, Q = x.classNames;
     if (Q && typeof Q == "object" && !Array.isArray(Q)) {
-      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 j = Q;
+      I.wrapper = j.wrapper ? `${F.root} ${j.wrapper}` : F.root, I.input = j.input ? `${F.input} ${j.input}` : F.input, I.section = j.section ? `${F.section} ${j.section}` : F.section, I.dropdown = j.dropdown ? `${F.dropdown} ${j.dropdown}` : F.dropdown, I.option = j.option ? `${F.option} ${j.option}` : F.option;
     }
-    const le = {
+    const de = {
       ...b || {},
-      width: s || "100%"
+      width: a || "100%"
     };
     return /* @__PURE__ */ e(
-      X,
+      ee,
       {
-        className: x,
-        style: le,
+        className: g,
+        style: de,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: a,
-        formLayout: r,
+        overStyled: s,
+        formLayout: t,
         labelSize: c,
         labelAlignment: l,
         labelOptionalText: d,
@@ -1177,35 +1177,35 @@ const xr = (o) => /* @__PURE__ */ e("div", { ...o, children: "DatePicker" }), Pt
         assistiveWithIcon: m,
         error: _,
         required: h,
-        withAsterisk: v,
+        withAsterisk: C,
         id: f,
         readOnly: N,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? String(P) : L ? String(L) : void 0,
-        readOnlyNativeProps: t,
+        readOnlyValue: A !== void 0 ? String(A) : R ? String(R) : void 0,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            eo,
+            bo,
             {
               ref: n,
-              classNames: R,
-              disabled: k,
-              value: P,
-              defaultValue: L,
-              data: I || [],
+              classNames: I,
+              disabled: P,
+              value: A,
+              defaultValue: R,
+              data: O || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": k ? "true" : void 0,
+                "data-disabled": P ? "true" : void 0,
                 "data-error": _ ? "true" : void 0
               },
-              ...O
+              ...T
             }
           )
         )
@@ -1213,56 +1213,56 @@ const xr = (o) => /* @__PURE__ */ e("div", { ...o, children: "DatePicker" }), Pt
     );
   }
 );
-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
+Ht.displayName = "Dropdown";
+const qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileInput" }), Yr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileUpload" }), Kt = "Flex-module__root___yYser", se = {
+  root: Kt
+}, Ut = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+  const c = v({ ...t, gap: s }, 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 ? `${te.root} ${y.root}` : te.root;
+    d.root = y.root ? `${se.root} ${y.root}` : se.root;
   }
-  const p = l.className, u = p ? `${te.root} ${p}` : te.root;
+  const p = l.className, u = p ? `${se.root} ${p}` : se.root;
   return /* @__PURE__ */ e(
-    oo,
+    yo,
     {
-      ref: s,
+      ref: a,
       className: u,
       classNames: d,
       ...c,
-      children: t
+      children: o
     }
   );
 });
-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
+Ut.displayName = "Flex";
+const Xt = "Group-module__root___ftO64", ne = {
+  root: Xt
+}, Qt = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+  const c = v({ ...t, gap: s }, n), l = c, d = {
+    root: ne.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;
+    d.root = y.root ? `${ne.root} ${y.root}` : ne.root;
   }
-  const p = l.className, u = p ? `${re.root} ${p}` : re.root;
+  const p = l.className, u = p ? `${ne.root} ${p}` : ne.root;
   return /* @__PURE__ */ e(
-    to,
+    ho,
     {
-      ref: s,
+      ref: a,
       className: u,
       classNames: d,
       ...c,
-      children: t
+      children: o
     }
   );
 });
-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) {
+Qt.displayName = "Group";
+const Zr = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), Hr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Link" }), Jt = "Loader-module__root___6iYOP", le = {
+  root: Jt
+}, er = $(function({ variant: o = "oval", size: n = "default", overStyled: s = !1, ...t }, a) {
   const l = {
     sm: "small",
     md: "default",
@@ -1270,20 +1270,20 @@ const kr = (o) => /* @__PURE__ */ e("div", { ...o, children: "HoverCard" }), wr
     small: "small",
     default: "default",
     large: "large"
-  }[n] || "default", d = C(r, a), i = {
-    root: ae.root
+  }[n] || "default", d = v(t, s), i = {
+    root: le.root
   }, p = d.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
     const m = p;
-    i.root = m.root ? `${ae.root} ${m.root}` : ae.root;
+    i.root = m.root ? `${le.root} ${m.root}` : le.root;
   }
-  const u = d.className, y = u ? `${ae.root} ${u}` : ae.root;
+  const u = d.className, y = u ? `${le.root} ${u}` : le.root;
   return /* @__PURE__ */ e(
-    ro,
+    fo,
     {
-      ref: s,
-      type: t,
-      "data-variant": t,
+      ref: a,
+      type: o,
+      "data-variant": o,
       "data-size": l,
       ...d,
       className: y,
@@ -1291,23 +1291,163 @@ const kr = (o) => /* @__PURE__ */ e("div", { ...o, children: "HoverCard" }), wr
     }
   );
 });
-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) {
+er.displayName = "Loader";
+const or = "Menu-module__dropdown___j4xuA", tr = "Menu-module__item___NMXha", rr = "Menu-module__itemLabel___zvcqC", ar = "Menu-module__itemSection___pRIcn", sr = "Menu-module__divider___wPiNq", nr = "Menu-module__label___4FBGa", lr = "Menu-module__chevron___hEEiy", J = {
+  dropdown: or,
+  item: tr,
+  itemLabel: rr,
+  itemSection: ar,
+  divider: sr,
+  label: nr,
+  chevron: lr
+}, Ge = function({ overStyled: o = !1, ...n }) {
+  const s = v(n, o), t = {
+    dropdown: J.dropdown,
+    item: J.item,
+    itemLabel: J.itemLabel,
+    itemSection: J.itemSection,
+    divider: J.divider,
+    label: J.label,
+    chevron: J.chevron
+  }, a = s.classNames;
+  if (a && typeof a == "object" && !Array.isArray(a)) {
+    const c = a;
+    Object.keys(c).forEach((l) => {
+      t[l] ? t[l] = `${t[l]} ${c[l]}` : t[l] = c[l];
+    });
+  }
+  return /* @__PURE__ */ e(
+    q,
+    {
+      classNames: t,
+      ...s
+    }
+  );
+};
+Ge.displayName = "Menu";
+const qe = function(o) {
+  return /* @__PURE__ */ e(q.Target, { ...o });
+};
+qe.displayName = "MenuTarget";
+const Ye = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
+    return /* @__PURE__ */ e(
+      q.Dropdown,
+      {
+        ref: s,
+        className: a,
+        ...t
+      }
+    );
+  }
+);
+Ye.displayName = "MenuDropdown";
+const Ze = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = t;
+  o || delete a.color;
+  const c = a.className;
+  return /* @__PURE__ */ e(
+    q.Item,
+    {
+      ref: s,
+      className: c,
+      ...t
+    }
+  );
+});
+Ze.displayName = "MenuItem";
+const He = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
+    return /* @__PURE__ */ e(
+      q.Divider,
+      {
+        ref: s,
+        className: a,
+        ...t
+      }
+    );
+  }
+);
+He.displayName = "MenuDivider";
+const Ke = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = t.className;
+  return /* @__PURE__ */ e(
+    q.Label,
+    {
+      ref: s,
+      className: a,
+      ...t
+    }
+  );
+});
+Ke.displayName = "MenuLabel";
+const Ue = function(o) {
+  return /* @__PURE__ */ e(q.Sub, { ...o });
+};
+Ue.displayName = "MenuSub";
+const Xe = function(o) {
+  return /* @__PURE__ */ e(q.Sub.Target, { ...o });
+};
+Xe.displayName = "MenuSubTarget";
+const Qe = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t;
+    o || delete a.color;
+    const c = a.className;
+    return /* @__PURE__ */ e(
+      q.Sub.Item,
+      {
+        ref: s,
+        className: c,
+        ...t
+      }
+    );
+  }
+);
+Qe.displayName = "MenuSubItem";
+const Je = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
+    return /* @__PURE__ */ e(
+      q.Sub.Dropdown,
+      {
+        ref: s,
+        className: a,
+        ...t
+      }
+    );
+  }
+);
+Je.displayName = "MenuSubDropdown";
+const Ne = Ue;
+Ne.Target = Xe;
+Ne.Item = Qe;
+Ne.Dropdown = Je;
+const re = Ge;
+re.Target = qe;
+re.Dropdown = Ye;
+re.Item = Ze;
+re.Divider = He;
+re.Label = Ke;
+re.Sub = Ne;
+const Kr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), Ur = (r) => /* @__PURE__ */ e("div", { ...r, children: "NumberInput" }), Xr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Pagination" }), Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Panel" }), Jr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Popover" }), cr = "Radio-module__groupRoot___bfUii", ir = "Radio-module__root___kAjTD", dr = "Radio-module__body___q2Wpj", pr = "Radio-module__inner___QaTBB", mr = "Radio-module__radio___MfgN-", ur = "Radio-module__icon___DWznm", _r = "Radio-module__labelWrapper___dB0Gi", br = "Radio-module__label___vAFIP", k = {
+  groupRoot: cr,
+  root: ir,
+  body: dr,
+  inner: pr,
+  radio: mr,
+  icon: ur,
+  labelWrapper: _r,
+  label: br
+}, eo = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: s,
+      labelSize: a,
       labelAlignment: c,
       labelOptionalText: l,
       labelWithEditIcon: d,
@@ -1319,29 +1459,29 @@ const Ar = (o) => /* @__PURE__ */ e("div", { ...o, children: "Menu" }), Pr = (o)
       assistiveWithIcon: m,
       error: _,
       required: h,
-      withAsterisk: v,
+      withAsterisk: C,
       id: f,
-      className: x,
+      className: g,
       style: b,
-      children: k,
+      children: P,
       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,
+      emptyValueComponent: L,
+      value: A,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      ee,
       {
-        className: x,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: r,
-        labelSize: s,
+        formLayout: t,
+        labelSize: a,
         labelAlignment: c,
         labelOptionalText: l,
         labelWithEditIcon: d,
@@ -1352,81 +1492,81 @@ const Ar = (o) => /* @__PURE__ */ e("div", { ...o, children: "Menu" }), Pr = (o)
         assistiveWithIcon: m,
         error: _,
         required: h,
-        withAsterisk: v,
+        withAsterisk: C,
         id: f,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          we.Group,
+          Te.Group,
           {
             ref: n,
             ...S,
-            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) })
+            disabled: N || T.disabled,
+            value: A,
+            defaultValue: R,
+            children: /* @__PURE__ */ e("div", { className: k.groupRoot, "data-layout": t, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
+              disabled: N || x.props.disabled
+            }) : x) })
           }
         )
       }
     );
   }
 );
-je.displayName = "RadioGroup";
-const Kt = ({ className: o, style: t }) => /* @__PURE__ */ e(
+eo.displayName = "RadioGroup";
+const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: o,
-    style: t,
+    className: r,
+    style: o,
     children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Ve = $(
-  function(t, n) {
+), oo = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      readOnly: r,
-      readOnlyComponent: s,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: a,
       disabled: c,
       formLayout: l,
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
       ...u
-    } = t, y = C(u, a), m = y;
+    } = o, y = v(u, s), 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
+      root: k.root,
+      body: k.body,
+      inner: k.inner,
+      radio: k.radio,
+      icon: k.icon,
+      labelWrapper: k.labelWrapper,
+      label: k.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;
+      _.root = b.root ? `${k.root} ${b.root}` : k.root, _.body = b.body ? `${k.body} ${b.body}` : k.body, _.inner = b.inner ? `${k.inner} ${b.inner}` : k.inner, _.radio = b.radio ? `${k.radio} ${b.radio}` : k.radio, _.icon = b.icon ? `${k.icon} ${b.icon}` : k.icon, _.labelWrapper = b.labelWrapper ? `${k.labelWrapper} ${b.labelWrapper}` : k.labelWrapper, _.label = b.label ? `${k.label} ${b.label}` : k.label;
     }
-    const v = m.className, f = v ? `${A.root} ${v}` : A.root;
-    if (r && s) {
+    const C = m.className, f = C ? `${k.root} ${C}` : k.root;
+    if (t && a) {
       const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
-        s,
+        a,
         {
-          ...t,
+          ...o,
           checked: b,
           label: m.label
         }
       );
       return l ? /* @__PURE__ */ e(
-        U,
+        X,
         {
           formLayout: l,
           labelSize: d,
@@ -1434,106 +1574,106 @@ const Kt = ({ className: o, style: t }) => /* @__PURE__ */ e(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ne, { children: N });
+      ) : /* @__PURE__ */ e(ie, { children: N });
     }
-    const x = /* @__PURE__ */ e(
-      we,
+    const g = /* @__PURE__ */ e(
+      Te,
       {
         ref: n,
-        icon: Kt,
+        icon: yr,
         className: f,
         classNames: _,
-        disabled: r || c,
+        disabled: t || c,
         ...y
       }
     );
     return l ? /* @__PURE__ */ e(
-      U,
+      X,
       {
         formLayout: l,
         labelSize: d,
         controlMaxWidth: i,
         controlMinWidth: p,
-        children: x
+        children: g
       }
-    ) : x;
+    ) : g;
   }
 );
-Ve.displayName = "Radio";
-Ve.Group = je;
-const Ut = ({ checked: o, label: t }) => /* @__PURE__ */ B(
-  fe,
+oo.displayName = "Radio";
+oo.Group = eo;
+const hr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  Ce,
   {
     component: "span",
-    className: me.textField,
+    className: be.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      t && /* @__PURE__ */ B("span", { style: { fontWeight: 500 }, children: [
-        t,
+      o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
+        o,
         ":"
       ] }),
-      /* @__PURE__ */ e("span", { children: o ? "On" : "Off" })
+      /* @__PURE__ */ e("span", { children: r ? "On" : "Off" })
     ]
   }
 );
-Ut.displayName = "ReadOnlySwitchField";
-const Qt = ({ checked: o, label: t }) => /* @__PURE__ */ B(
-  fe,
+hr.displayName = "ReadOnlySwitchField";
+const fr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  Ce,
   {
     component: "span",
-    className: me.textField,
+    className: be.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      t && /* @__PURE__ */ B("span", { style: { fontWeight: 500 }, children: [
-        t,
+      o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
+        o,
         ":"
       ] }),
-      /* @__PURE__ */ e("span", { children: o ? "True" : "False" })
+      /* @__PURE__ */ e("span", { children: r ? "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
+fr.displayName = "ReadOnlyBooleanField";
+const ea = (r) => /* @__PURE__ */ e("div", { ...r, children: "Search" }), oa = (r) => /* @__PURE__ */ e("div", { ...r, children: "SegmentedControl" }), ta = (r) => /* @__PURE__ */ e("div", { ...r, children: "Slider" }), Nr = "Stack-module__root___NUN-x", ce = {
+  root: Nr
+}, $r = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+  const c = v({ ...t, gap: s }, n), l = c, d = {
+    root: ce.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;
+    d.root = y.root ? `${ce.root} ${y.root}` : ce.root;
   }
-  const p = l.className, u = p ? `${se.root} ${p}` : se.root;
+  const p = l.className, u = p ? `${ce.root} ${p}` : ce.root;
   return /* @__PURE__ */ e(
-    ao,
+    No,
     {
-      ref: s,
+      ref: a,
       className: u,
       classNames: d,
       ...c,
-      children: t
+      children: o
     }
   );
 });
-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) {
+$r.displayName = "Stack";
+const ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), vr = "Switch-module__root___Y5Ydi", Cr = "Switch-module__body___Sw9Wr", gr = "Switch-module__track___7ObdZ", xr = "Switch-module__thumb___-FTeK", wr = "Switch-module__labelWrapper___YSOwx", Pr = "Switch-module__label___LrH7V", Wr = "Switch-module__thumbIconWrapper___sCY-1", kr = "Switch-module__checkIcon___ZBAQN", Ar = "Switch-module__closeIcon___bLLGw", Sr = "Switch-module__groupRoot___-Uepi", w = {
+  root: vr,
+  body: Cr,
+  track: gr,
+  thumb: xr,
+  labelWrapper: wr,
+  label: Pr,
+  thumbIconWrapper: Wr,
+  checkIcon: kr,
+  closeIcon: Ar,
+  groupRoot: Sr
+}, to = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: s,
+      labelSize: a,
       labelAlignment: c,
       labelOptionalText: l,
       labelWithEditIcon: d,
@@ -1545,29 +1685,29 @@ const Fr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Stepper" }), er =
       assistiveWithIcon: m,
       error: _,
       required: h,
-      withAsterisk: v,
+      withAsterisk: C,
       id: f,
-      className: x,
+      className: g,
       style: b,
-      children: k,
+      children: P,
       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,
+      emptyValueComponent: L,
+      value: A,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      ee,
       {
-        className: x,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: r,
-        labelSize: s,
+        formLayout: t,
+        labelSize: a,
         labelAlignment: c,
         labelOptionalText: l,
         labelWithEditIcon: d,
@@ -1578,38 +1718,38 @@ const Fr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Stepper" }), er =
         assistiveWithIcon: m,
         error: _,
         required: h,
-        withAsterisk: v,
+        withAsterisk: C,
         id: f,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          Ae.Group,
+          Ie.Group,
           {
             ref: n,
             ...S,
-            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) })
+            disabled: N || T.disabled,
+            value: A,
+            defaultValue: R,
+            children: /* @__PURE__ */ e("div", { className: w.groupRoot, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
+              disabled: N || x.props.disabled
+            }) : x) })
           }
         )
       }
     );
   }
 );
-Ge.displayName = "SwitchGroup";
-const Me = $(
-  function(t, n) {
+to.displayName = "SwitchGroup";
+const ro = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      readOnly: r,
-      readOnlyComponent: s,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: a,
       disabled: c,
       thumbIcon: l,
       formLayout: d,
@@ -1617,92 +1757,92 @@ const Me = $(
       controlMaxWidth: p,
       controlMinWidth: u,
       ...y
-    } = t, m = C(y, a), _ = m;
+    } = o, m = v(y, s), _ = 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;
+      root: w.root,
+      body: w.body,
+      track: w.track,
+      thumb: w.thumb,
+      trackLabel: w.trackLabel,
+      labelWrapper: w.labelWrapper,
+      label: w.label
+    }, C = _.classNames;
+    if (C && typeof C == "object" && !Array.isArray(C)) {
+      const N = C;
+      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;
     }
-    const f = _.className, x = f ? `${W.root} ${f}` : W.root;
-    if (r && s) {
-      const N = !!(_.checked ?? _.defaultChecked), T = /* @__PURE__ */ e(
-        s,
+    const f = _.className, g = f ? `${w.root} ${f}` : w.root;
+    if (t && a) {
+      const N = !!(_.checked ?? _.defaultChecked), L = /* @__PURE__ */ e(
+        a,
         {
-          ...t,
+          ...o,
           checked: N,
           label: _.label
         }
       );
       return d ? /* @__PURE__ */ e(
-        U,
+        X,
         {
           formLayout: d,
           labelSize: i,
           controlMaxWidth: p,
           controlMinWidth: u,
-          children: T
+          children: L
         }
-      ) : /* @__PURE__ */ e(ne, { children: T });
+      ) : /* @__PURE__ */ e(ie, { children: L });
     }
-    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,
+    const b = /* @__PURE__ */ E("div", { className: w.thumbIconWrapper, children: [
+      /* @__PURE__ */ e($o, { className: w.checkIcon }),
+      /* @__PURE__ */ e(vo, { className: w.closeIcon })
+    ] }), P = /* @__PURE__ */ e(
+      Ie,
       {
         ref: n,
-        className: x,
+        className: g,
         classNames: h,
-        disabled: r || c,
+        disabled: t || c,
         thumbIcon: l ?? b,
         ...m
       }
     );
     return d ? /* @__PURE__ */ e(
-      U,
+      X,
       {
         formLayout: d,
         labelSize: i,
         controlMaxWidth: p,
         controlMinWidth: u,
-        children: k
+        children: P
       }
-    ) : k;
+    ) : P;
   }
 );
-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;
+ro.displayName = "Switch";
+ro.Group = to;
+const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Table" }), sa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tabs" }), Tr = $(function({ overStyled: o = !1, variant: n = "body", ...s }, t) {
+  const a = v(s, o), c = a.className, l = `recursica_brand_typography_${n}`, d = c ? `${l} ${c}` : l;
   return /* @__PURE__ */ e(
-    lo,
+    Co,
     {
-      ref: r,
+      ref: t,
       className: d,
-      ...s
+      ...a
     }
   );
 });
-dr.displayName = "Text";
-const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v", ee = {
-  root: pr,
-  input: mr
-}, ur = $(
-  function(t, n) {
+Tr.displayName = "Text";
+const Ir = "TextArea-module__root___3dyeu", Lr = "TextArea-module__input___8l36v", te = {
+  root: Ir,
+  input: Lr
+}, Rr = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label & Wrapper Maps
-      labelSize: s,
+      labelSize: a,
       labelAlignment: c,
       labelOptionalText: l,
       labelWithEditIcon: d,
@@ -1713,37 +1853,37 @@ const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v
       error: m,
       required: _,
       withAsterisk: h,
-      id: v,
+      id: C,
       className: f,
-      style: x,
+      style: g,
       disabled: b,
-      readOnly: k,
+      readOnly: P,
       readOnlyComponent: N,
       emptyValueComponent: z,
-      value: T,
-      defaultValue: P,
-      ...L
-    } = t, I = C(L, a), S = I;
+      value: L,
+      defaultValue: A,
+      ...R
+    } = o, O = v(R, s), S = O;
     delete S.size, delete S.variant, delete S.radius;
-    const O = {
-      wrapper: ee.root,
+    const T = {
+      wrapper: te.root,
       // The nested Input internal relative wrapper bounding box
-      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;
+      input: te.input
+    }, x = S.classNames;
+    if (x && typeof x == "object" && !Array.isArray(x)) {
+      const I = x;
+      T.wrapper = I.wrapper ? `${te.root} ${I.wrapper}` : te.root, T.input = I.input ? `${te.input} ${I.input}` : te.input;
     }
     return /* @__PURE__ */ e(
-      X,
+      ee,
       {
         className: f,
-        style: x,
+        style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: a,
-        formLayout: r,
-        labelSize: s,
+        overStyled: s,
+        formLayout: t,
+        labelSize: a,
         labelAlignment: c,
         labelOptionalText: l,
         labelWithEditIcon: d,
@@ -1754,23 +1894,23 @@ const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v
         error: m,
         required: _,
         withAsterisk: h,
-        id: v,
-        readOnly: k,
+        id: C,
+        readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : P,
-        readOnlyNativeProps: t,
+        readOnlyValue: L !== void 0 ? L : A,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            io,
+            go,
             {
               ref: n,
-              classNames: O,
+              classNames: T,
               disabled: b,
-              value: T,
-              defaultValue: P,
+              value: L,
+              defaultValue: A,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1780,7 +1920,7 @@ const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v
                 "data-disabled": b ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
-              ...I
+              ...O
             }
           )
         )
@@ -1788,18 +1928,18 @@ const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v
     );
   }
 );
-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) {
+Rr.displayName = "TextArea";
+const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-My", Mr = "TextField-module__section___bCIJ0", Z = {
+  root: Or,
+  input: zr,
+  section: Mr
+}, Fr = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      formLayout: r = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label & Wrapper Maps
-      labelSize: s,
+      labelSize: a,
       labelAlignment: c,
       labelOptionalText: l,
       labelWithEditIcon: d,
@@ -1810,38 +1950,38 @@ const _r = "TextField-module__root___2ZYkG", br = "TextField-module__input___RL-
       error: m,
       required: _,
       withAsterisk: h,
-      id: v,
+      id: C,
       className: f,
-      style: x,
+      style: g,
       disabled: b,
-      readOnly: k,
+      readOnly: P,
       readOnlyComponent: N,
       emptyValueComponent: z,
-      value: T,
-      defaultValue: P,
-      ...L
-    } = t, I = C(L, a), S = I;
+      value: L,
+      defaultValue: A,
+      ...R
+    } = o, O = v(R, s), S = O;
     delete S.size, delete S.variant, delete S.radius;
-    const O = {
-      wrapper: Y.root,
+    const T = {
+      wrapper: Z.root,
       // The nested Input internal relative wrapper bounding box
-      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;
+      input: Z.input,
+      section: Z.section
+    }, x = S.classNames;
+    if (x && typeof x == "object" && !Array.isArray(x)) {
+      const I = x;
+      T.wrapper = I.wrapper ? `${Z.root} ${I.wrapper}` : Z.root, T.input = I.input ? `${Z.input} ${I.input}` : Z.input, T.section = I.section ? `${Z.section} ${I.section}` : Z.section;
     }
     return /* @__PURE__ */ e(
-      X,
+      ee,
       {
         className: f,
-        style: x,
+        style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: a,
-        formLayout: r,
-        labelSize: s,
+        overStyled: s,
+        formLayout: t,
+        labelSize: a,
         labelAlignment: c,
         labelOptionalText: l,
         labelWithEditIcon: d,
@@ -1852,28 +1992,28 @@ const _r = "TextField-module__root___2ZYkG", br = "TextField-module__input___RL-
         error: m,
         required: _,
         withAsterisk: h,
-        id: v,
-        readOnly: k,
+        id: C,
+        readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : P,
-        readOnlyNativeProps: t,
+        readOnlyValue: L !== void 0 ? L : A,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            We,
+            Ae,
             {
               ref: n,
-              classNames: O,
+              classNames: T,
               disabled: b,
-              value: T,
-              defaultValue: P,
+              value: L,
+              defaultValue: A,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
-              ...I
+              ...O
             }
           )
         )
@@ -1881,83 +2021,83 @@ const _r = "TextField-module__root___2ZYkG", br = "TextField-module__input___RL-
     );
   }
 );
-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;
+Fr.displayName = "TextField";
+const na = (r) => /* @__PURE__ */ e("div", { ...r, children: "TimePicker" }), la = (r) => /* @__PURE__ */ e("div", { ...r, children: "Timeline" }), Er = $(function({ overStyled: o = !1, order: n = 1, ...s }, t) {
+  const a = v(s, o), c = a.className, l = `recursica_brand_typography_h${n}`, d = c ? `${l} ${c}` : l;
   return /* @__PURE__ */ e(
-    co,
+    xo,
     {
-      ref: r,
+      ref: t,
       order: n,
       className: d,
-      ...s
+      ...a
     }
   );
 });
-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" });
+Er.displayName = "Title";
+const ca = (r) => /* @__PURE__ */ e("div", { ...r, children: "Toast" }), ia = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tooltip" }), da = (r) => /* @__PURE__ */ e("div", { ...r, children: "TransferList" });
 export {
-  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
+  we as Accordion,
+  ge as AccordionControl,
+  Re as AccordionItem,
+  xe as AccordionPanel,
+  jo as Avatar,
+  Vo as Badge,
+  Yo as Breadcrumb,
+  Jo as Button,
+  fe as Card,
+  Ee as CardContent,
+  Fe as CardFooter,
+  Me as CardHeader,
+  ze as CardSection,
+  Ve as Checkbox,
+  De as CheckboxGroup,
+  Bt as Chip,
+  Dt as Container,
+  Gr as DatePicker,
+  Ht as Dropdown,
+  _e as EmptyValueRenderer,
+  qr as FileInput,
+  Yr as FileUpload,
+  Ut as Flex,
+  X as FormControlLayout,
+  Qt as Group,
+  Zr as HoverCard,
+  Be as Label,
+  Ct as Layer,
+  Hr as Link,
+  er as Loader,
+  re as Menu,
+  Kr as Modal,
+  Ur as NumberInput,
+  Xr as Pagination,
+  Qr as Panel,
+  Jr as Popover,
+  oo as Radio,
+  eo as RadioGroup,
+  fr as ReadOnlyBooleanField,
+  je as ReadOnlyField,
+  hr as ReadOnlySwitchField,
+  me as ReadOnlyTextField,
+  Vr as RecursicaThemeProvider,
+  ea as Search,
+  oa as SegmentedControl,
+  ta as Slider,
+  $r as Stack,
+  ra as Stepper,
+  ro as Switch,
+  to as SwitchGroup,
+  aa as Table,
+  sa as Tabs,
+  Tr as Text,
+  Rr as TextArea,
+  Fr as TextField,
+  na as TimePicker,
+  la as Timeline,
+  Er as Title,
+  ca as Toast,
+  ia as Tooltip,
+  da as TransferList,
+  ee as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map