@recursica/mantine-adapter 0.11.0 → 0.13.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 de } from "react/jsx-runtime";
+import B, { forwardRef as $, useId as _o, useEffect as bo } from "react";
+import { Accordion as he, Avatar as yo, createPolymorphicComponent as Q, Badge as ho, Breadcrumbs as fo, Button as No, Card as fe, Input as Se, Box as ge, Checkbox as Te, Chip as $o, Container as vo, Select as Co, Flex as go, Group as xo, Loader as wo, Menu as q, Radio as Ie, Stack as Po, Switch as Le, CheckIcon as Wo, CloseIcon as Ao, Text as ko, Textarea as So, Title as To } from "@mantine/core";
+const Io = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const po = [
   "mih",
   "mah"
   // Dimensions
-], mo = /* @__PURE__ */ new Set([
+], Lo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const po = [
   "left",
   "bottom",
   "right"
-]), Ce = {
+]), We = {
   "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,415 +69,413 @@ 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 Io)
+    s in n && delete n[s];
+  for (const [s, t] of Object.entries(n))
+    typeof t == "string" && t.startsWith("rec-") && Lo.has(s) && t in We && (n[s] = We[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 Ro = "Accordion-module__root___Dem6d", Oo = "Accordion-module__item___7ryVk", zo = "Accordion-module__noDivider___Ni2tT", Mo = "Accordion-module__control___b4wgX", Fo = "Accordion-module__label___Ss7uW", Eo = "Accordion-module__chevron___i-HVZ", Bo = "Accordion-module__iconLeftWrapper___5oLen", jo = "Accordion-module__panel___Wx50w", Do = "Accordion-module__content___PEM9t", H = {
+  root: Ro,
+  item: Oo,
+  noDivider: zo,
+  control: Mo,
+  label: Fo,
+  chevron: Eo,
+  iconLeftWrapper: Bo,
+  panel: jo,
+  content: Do
+}, Re = 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,
+    he,
     {
-      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;
+Re.displayName = "Accordion";
+const Oe = $(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,
+    he.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(de, { children: [
+        /* @__PURE__ */ e(xe, { leftIcon: n, children: o }),
+        /* @__PURE__ */ e(we, { 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;
+Oe.displayName = "AccordionItem";
+const xe = $(function({ leftIcon: o, children: n, overStyled: s = !1, ...t }, a) {
+  const c = v(t, s), l = c.className;
   return /* @__PURE__ */ e(
-    ue.Control,
+    he.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;
+xe.displayName = "AccordionControl";
+const we = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = t.className;
   return /* @__PURE__ */ e(
-    ue.Panel,
+    he.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",
+we.displayName = "AccordionPanel";
+const Pe = Re;
+Pe.Item = Oe;
+Pe.Control = xe;
+Pe.Panel = we;
+const Vo = "Avatar-module__root___fXu-J", Go = "Avatar-module__iconWrapper___ojly2", qo = "Avatar-module__textWrapper___zp-jD", Yo = "Avatar-module__image___ieqGp", Zo = "Avatar-module__placeholder___IDW7-", V = {
+  root: Vo,
+  iconWrapper: Go,
+  textWrapper: qo,
+  image: Yo,
+  placeholder: Zo
+}, ze = $(function({
+  size: o = "default",
   variant: n = "solid",
-  icon: a,
-  className: r,
-  classNames: s,
-  children: c,
-  style: l,
-  src: d,
-  ...i
-}, p) {
-  const u = {
+  icon: s,
+  children: t,
+  src: a,
+  overStyled: c = !1,
+  ...l
+}, d) {
+  const i = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, y = {
+  }, p = {
     default: "md",
     small: "sm",
     large: "lg"
-  };
-  let m = "text";
-  d ? m = "image" : a && (m = "icon");
+  }, m = v(l, c), y = m;
+  let u = "text";
+  a ? u = "image" : s && (u = "icon");
   const _ = {
-    root: M.root,
-    image: M.image,
-    placeholder: M.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;
+    root: V.root,
+    image: V.image,
+    placeholder: V.placeholder
+  }, f = y.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const h = f;
+    _.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;
   }
+  const C = y.className;
   return /* @__PURE__ */ e(
-    He,
+    yo,
     {
-      ref: p,
-      className: r,
+      ref: d,
+      className: C,
       classNames: _,
-      variant: u[n],
-      size: y[t],
-      style: l,
-      src: d,
+      variant: i[n],
+      size: p[o],
+      src: a,
       "data-variant": n,
-      "data-size": t,
-      "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
+      "data-size": o,
+      "data-style": u,
+      ...m,
+      children: s != null ? /* @__PURE__ */ e("span", { className: V.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ e("span", { className: V.textWrapper, children: t }) : 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;
+ze.displayName = "Avatar";
+const Zr = Q(ze), Ho = "Badge-module__root___5osNT", Y = {
+  root: Ho
+}, Me = $(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,
+    ho,
     {
-      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
+Me.displayName = "Badge";
+const Hr = Q(Me), Ko = "Breadcrumb-module__root___x-9ln", Uo = "Breadcrumb-module__separator___qrUX-", U = {
+  root: Ko,
+  separator: Uo
+}, Xo = $(
+  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,
+      fo,
       {
-        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
+Xo.displayName = "Breadcrumb";
+const Qo = "Button-module__root___Q2R8-", Jo = "Button-module__label___UJ3Zt", et = "Button-module__labelText___rFV5p", ot = "Button-module__iconWrapper___uEKPa", tt = "Button-module__section___f2mKr", G = {
+  root: Qo,
+  label: Jo,
+  labelText: et,
+  iconWrapper: ot,
+  section: tt
 };
-function Eo(o) {
-  return o == null || o === "" ? !1 : typeof o == "string" ? o.trim() !== "" : !0;
+function rt(r) {
+  return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
 }
-const Bo = $(
-  function({
-    variant: t = "solid",
-    size: n = "default",
-    icon: a,
-    children: r,
-    overStyled: s = !1,
-    ...c
-  }, l) {
-    const d = {
-      solid: "filled",
-      outline: "outline",
-      text: "subtle"
-    }, i = {
-      default: "md",
-      small: "sm"
-    }, p = C(c, s), u = p;
-    delete u.fullWidth;
-    const y = !!a || !!u.leftSection, m = !!u.rightSection, _ = (y || m) && !Eo(r);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !u["aria-label"] && console.warn(
-      '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
-    );
-    const h = {
-      root: q.root,
-      section: q.section,
-      label: q.label
-    }, v = u.classNames;
-    if (v && typeof v == "object" && !Array.isArray(v)) {
-      const b = v;
-      h.root = b.root ? `${q.root} ${b.root}` : q.root, h.section = b.section ?? q.section, h.label = b.label ?? q.label;
-    }
-    const f = u.className, x = f ? `${q.root} ${f}` : q.root;
-    return /* @__PURE__ */ e(
-      Qe,
-      {
-        ref: l,
-        className: x,
-        classNames: h,
-        variant: d[t],
-        size: i[n],
-        leftSection: a != null ? /* @__PURE__ */ e("span", { className: q.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
-        "data-variant": t,
-        "data-size": n,
-        ..._ ? { "data-icon-only": "" } : {},
-        ...p,
-        children: /* @__PURE__ */ e("span", { className: q.labelText, children: r })
-      }
-    );
+const Fe = $(function({
+  variant: o = "solid",
+  size: n = "default",
+  icon: s,
+  children: t,
+  overStyled: a = !1,
+  ...c
+}, l) {
+  const d = {
+    solid: "filled",
+    outline: "outline",
+    text: "subtle"
+  }, i = {
+    default: "md",
+    small: "sm"
+  }, p = v(c, a), m = p;
+  delete m.fullWidth;
+  const y = !!s || !!m.leftSection, u = !!m.rightSection, _ = (y || u) && !rt(t);
+  typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !m["aria-label"] && console.warn(
+    '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
+  );
+  const f = {
+    root: G.root,
+    section: G.section,
+    label: G.label
+  }, C = m.classNames;
+  if (C && typeof C == "object" && !Array.isArray(C)) {
+    const b = C;
+    f.root = b.root ? `${G.root} ${b.root}` : G.root, f.section = b.section ?? G.section, f.label = b.label ?? G.label;
   }
-);
-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;
+  const h = m.className, g = h ? `${G.root} ${h}` : G.root;
+  return /* @__PURE__ */ e(
+    No,
+    {
+      ref: l,
+      className: g,
+      classNames: f,
+      variant: d[o],
+      size: i[n],
+      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: G.labelText, children: t })
+    }
+  );
+});
+Fe.displayName = "Button";
+const Kr = Q(
+  Fe
+), at = "Card-module__root___c9KvZ", st = "Card-module__header___PTXf2", nt = "Card-module__footer___Mu-JC", lt = "Card-module__section___BRT8H", ct = "Card-module__content___oFIQa", K = {
+  root: at,
+  header: st,
+  footer: nt,
+  section: lt,
+  content: ct
+}, Ee = $(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,
+    fe,
     {
-      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;
+Ee.displayName = "Card";
+const Be = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      fe.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;
+Be.displayName = "CardSection";
+const je = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      fe.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;
+je.displayName = "CardHeader";
+const De = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      _e.Section,
+      fe.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;
+De.displayName = "CardFooter";
+const Ve = $(
+  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",
+Ve.displayName = "CardContent";
+const Ge = Q(Ee), Ne = Ge;
+Ne.Section = Be;
+Ne.Header = je;
+Ne.Footer = De;
+Ne.Content = Ve;
+const Ur = Ge, it = "Label-module__root___e6HXZ", dt = "Label-module__labelText___rieFR", pt = "Label-module__required___Ggrzc", mt = "Label-module__optionalText___Y2yun", ut = "Label-module__actionAreaWrapper___ELoZK", _t = "Label-module__editIconWrapper___NG2xW", D = {
+  root: it,
+  labelText: dt,
+  required: pt,
+  optionalText: mt,
+  actionAreaWrapper: ut,
+  editIconWrapper: _t
+}, qe = $(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,
   overStyled: i = !1,
   ...p
-}, u) {
+}, m) {
   const y = n || "left";
-  let m;
-  a || (r === !0 ? m = "optional" : r && (m = r));
-  const _ = C(p, i), h = _, v = {
-    label: G.root,
-    required: G.required
-  }, f = h.classNames;
-  if (f && typeof f == "object" && !Array.isArray(f)) {
-    const k = f;
-    v.label = k.label ? `${G.root} ${k.label}` : G.root, v.required = k.required ? `${G.required} ${k.required}` : G.required;
+  let u;
+  s || (t === !0 ? u = "optional" : t && (u = t));
+  const _ = v(p, i), f = _, C = {
+    label: D.root,
+    required: D.required
+  }, h = f.classNames;
+  if (h && typeof h == "object" && !Array.isArray(h)) {
+    const P = h;
+    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 = f.className, b = g ? `${D.root} ${g}` : D.root;
+  return /* @__PURE__ */ E(
+    Se.Label,
     {
-      ref: u,
+      ref: m,
       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 }),
+        u && /* @__PURE__ */ e("span", { className: D.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        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 +503,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",
+qe.displayName = "Label";
+const bt = "FormControlLayout-module__root___yNDhZ", yt = "FormControlLayout-module__leftSection___GBM1r", ht = "FormControlLayout-module__rightSection___bcL4v", me = {
+  root: bt,
+  leftSection: yt,
+  rightSection: ht
+}, 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 m = l ? `${me.root} ${l}` : me.root, u = a != null || o === "side-by-side";
+  return /* @__PURE__ */ E(
     "div",
     {
       ref: p,
-      className: u,
-      "data-form-layout": t,
+      className: m,
+      "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 })
+        u && /* @__PURE__ */ e("div", { className: me.leftSection, "data-size": n, children: a }),
+        /* @__PURE__ */ e("div", { className: me.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 ft = "AssistiveElement-module__root___WhQ43", Nt = "AssistiveElement-module__textWrapper___sfy5E", $t = "AssistiveElement-module__iconWrapper___gObRF", ve = {
+  root: ft,
+  textWrapper: Nt,
+  iconWrapper: $t
+}, vt = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -562,7 +560,7 @@ const et = "AssistiveElement-module__root___WhQ43", ot = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 8h.01" })
     ]
   }
-), at = () => /* @__PURE__ */ B(
+), Ct = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -578,248 +576,248 @@ const et = "AssistiveElement-module__root___WhQ43", ot = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 17h.01" })
     ]
   }
-), he = $(function({
-  assistiveVariant: t = "help",
+), Ce = $(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 = ve.root, m = t ? `${p} ${t}` : p, y = o === "error" ? Ct : vt;
+  return /* @__PURE__ */ E(
     "div",
     {
       ref: l,
-      className: u,
-      "data-variant": t,
+      className: m,
+      "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: ve.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ e("span", { className: ve.textWrapper, children: s })
       ]
     }
   );
 });
-he.displayName = "AssistiveElement";
-const st = "FormControlWrapper-module__inputSection___HenXk", xe = {
-  inputSection: st
-}, de = $(function({
-  formLayout: t,
+Ce.displayName = "AssistiveElement";
+const gt = "FormControlWrapper-module__inputSection___HenXk", Ae = {
+  inputSection: gt
+}, _e = $(function({
+  formLayout: o,
   labelSize: n,
-  labelAlignment: a,
-  labelOptionalText: r,
-  labelWithEditIcon: s,
+  labelAlignment: s,
+  labelOptionalText: t,
+  labelWithEditIcon: a,
   labelActionArea: c,
   onLabelEditClick: l,
   label: d,
   description: i,
   assistiveText: p,
-  assistiveWithIcon: u = !0,
+  assistiveWithIcon: m = !0,
   controlMaxWidth: y,
-  controlMinWidth: m,
+  controlMinWidth: u,
   error: _,
-  required: h,
-  withAsterisk: v,
-  id: f,
-  children: x,
+  required: f,
+  withAsterisk: C,
+  id: h,
+  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 k = _o(), R = h || `recursica-fc-${k}`, O = p || i, S = O ? `${R}-assistive` : void 0, T = _ ? `${R}-error` : void 0, I = v(z, P), J = b || I.className, pe = Ae.root, j = J ? `${pe} ${J}` : pe, mo = 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, uo = d ? /* @__PURE__ */ e(
+    qe,
     {
-      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 ?? f,
       ...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,
+      controlMinWidth: u,
+      leftSection: uo,
+      ...I,
+      children: /* @__PURE__ */ E("div", { className: Ae.inputSection, children: [
+        mo,
         _ && /* @__PURE__ */ e(
-          he,
+          Ce,
           {
-            id: O,
+            id: T,
             assistiveVariant: "error",
-            assistiveWithIcon: u,
+            assistiveWithIcon: m,
             children: _
           }
         ),
-        !_ && I && /* @__PURE__ */ e(
-          he,
+        !_ && O && /* @__PURE__ */ e(
+          Ce,
           {
             id: S,
             assistiveVariant: "help",
-            assistiveWithIcon: u,
-            children: I
+            assistiveWithIcon: m,
+            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;
+_e.displayName = "FormControlWrapper";
+const xt = "_root_1qhn7_3", wt = "_contents_1qhn7_18", te = {
+  root: xt,
+  contents: wt
+}, Pt = $(function({ layer: r, contentsOnly: o, children: n, className: s, style: t, ...a }, c) {
+  const l = o ? s ? `${te.root} ${te.contents} ${s}` : `${te.root} ${te.contents}` : s ? `${te.root} ${s}` : te.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"
+Pt.displayName = "Layer";
+const be = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ e(B.Fragment, { children: r });
+be.displayName = "EmptyValueRenderer";
+be.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
+const ke = "data-recursica-theme";
+function Xr({
+  children: r,
+  theme: o = "light"
 }) {
-  return Ze(() => {
+  return bo(() => {
     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(de, { children: r });
 }
-const ct = "ReadOnlyField-module__textField___qKn25", me = {
-  textField: ct
-}, ce = ({
-  value: o,
-  overStyled: t = !1,
+const Wt = "ReadOnlyField-module__textField___qKn25", ye = {
+  textField: Wt
+}, ue = ({
+  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,
+    ge,
     {
       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 ? `${ye.textField} ${t}` : ye.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) {
+ue.displayName = "ReadOnlyTextField";
+const Ye = $(
+  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 || be, m = (i.check ? i.check(o) : be.check(o)) ? /* @__PURE__ */ e(i, { value: o }) : o;
     switch (n) {
       case "boolean":
         l = /* @__PURE__ */ e(
-          ce,
+          ue,
           {
-            value: t === !0 ? "True" : t === !1 ? "False" : u,
-            overStyled: r
+            value: o === !0 ? "True" : o === !1 ? "False" : m,
+            overStyled: t
           }
         );
         break;
       case "switch":
         l = /* @__PURE__ */ e(
-          ce,
+          ue,
           {
-            value: t === !0 ? "On" : t === !1 ? "Off" : u,
-            overStyled: r
+            value: o === !0 ? "On" : o === !1 ? "Off" : m,
+            overStyled: t
           }
         );
         break;
       case "text":
       default:
         l = /* @__PURE__ */ e(
-          ce,
+          ue,
           {
-            value: u,
-            overStyled: r
+            value: m,
+            overStyled: t
           }
         );
         break;
     }
     return /* @__PURE__ */ e(
-      de,
+      _e,
       {
         ref: c,
-        overStyled: r,
+        overStyled: t,
         ...d,
         children: l
       }
     );
   }
 );
-Fe.displayName = "ReadOnlyField";
-const X = $(function({
-  readOnly: t,
+Ye.displayName = "ReadOnlyField";
+const oe = $(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,
+}, m) {
+  return o ? n ? /* @__PURE__ */ e(
+    _e,
     {
-      ref: u,
+      ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
-      children: /* @__PURE__ */ e(n, { ...s })
+      children: /* @__PURE__ */ e(n, { ...a })
     }
   ) : /* @__PURE__ */ e(
-    Fe,
+    Ye,
     {
-      ref: u,
-      type: a,
-      value: r,
+      ref: m,
+      type: s,
+      value: t,
       emptyValueComponent: c,
       onLabelEditClick: i,
       overStyled: d,
       ...p
     }
   ) : /* @__PURE__ */ e(
-    de,
+    _e,
     {
-      ref: u,
+      ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
@@ -827,132 +825,132 @@ 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) {
+oe.displayName = "WithReadOnlyWrapper";
+const At = "Checkbox-module__groupRoot___cBS0o", kt = "Checkbox-module__root___mY3qk", St = "Checkbox-module__body___5yC7q", Tt = "Checkbox-module__inner___rTke4", It = "Checkbox-module__input___2kt-h", Lt = "Checkbox-module__icon___-O7i6", Rt = "Checkbox-module__labelWrapper___GpZkr", Ot = "Checkbox-module__label___cwRtI", W = {
+  groupRoot: At,
+  root: kt,
+  body: St,
+  inner: Tt,
+  input: It,
+  icon: Lt,
+  labelWrapper: Rt,
+  label: Ot
+}, Ze = $(
+  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,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
-      withAsterisk: v,
-      id: f,
-      className: x,
+      required: f,
+      withAsterisk: C,
+      id: h,
+      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: k,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      oe,
       {
-        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,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
-        withAsterisk: v,
-        id: f,
+        required: f,
+        withAsterisk: C,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: k !== void 0 ? k : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          ke.Group,
+          Te.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: k,
+            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) {
+Ze.displayName = "CheckboxGroup";
+const He = $(
+  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;
-    delete m.size, delete m.color, delete m.radius, delete m.variant, delete m.iconColor;
+      ...m
+    } = o, y = v(m, s), u = y;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
-      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: W.root,
+      body: W.body,
+      inner: W.inner,
+      input: W.input,
+      icon: W.icon,
+      labelWrapper: W.labelWrapper,
+      label: W.label
+    }, f = u.classNames;
+    if (f && typeof f == "object" && !Array.isArray(f)) {
+      const b = f;
+      _.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 b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
-        s,
+    const C = u.className, h = C ? `${W.root} ${C}` : W.root;
+    if (t && a) {
+      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
+        a,
         {
-          ...t,
+          ...o,
           checked: b,
-          label: m.label
+          label: u.label
         }
       );
       return l ? /* @__PURE__ */ e(
-        U,
+        X,
         {
           formLayout: l,
           labelSize: d,
@@ -960,43 +958,43 @@ const Be = $(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ne, { children: N });
+      ) : /* @__PURE__ */ e(de, { children: N });
     }
-    const x = /* @__PURE__ */ e(
-      ke,
+    const g = /* @__PURE__ */ e(
+      Te,
       {
         ref: n,
-        className: f,
+        className: h,
         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
+He.displayName = "Checkbox";
+He.Group = Ze;
+const zt = "Chip-module__root___f5pFk", Mt = "Chip-module__label___Ov9pg", Ft = "Chip-module__mantineIconWrapper___KLSz6", Et = "Chip-module__innerWrapper___EnrTF", Bt = "Chip-module__children___zbRAR", jt = "Chip-module__leadingIcon___JBtjQ", Dt = "Chip-module__removeIcon___pVju-", M = {
+  root: zt,
+  label: Mt,
+  mantineIconWrapper: Ft,
+  innerWrapper: Et,
+  children: Bt,
+  leadingIcon: jt,
+  removeIcon: Dt
 };
-function Wt(o) {
-  return /* @__PURE__ */ B(
+function Vt(r) {
+  return /* @__PURE__ */ E(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1008,7 +1006,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 +1014,67 @@ function Wt(o) {
     }
   );
 }
-const kt = $(function({
-  error: t = !1,
+const Gt = $(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, m = {
+    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;
+    const h = y;
+    m.root = h.root ? `${M.root} ${h.root}` : M.root, m.label = h.label ? `${M.label} ${h.label}` : M.label;
   }
-  const m = p.className, _ = m ? `${F.root} ${m}` : F.root;
+  const u = p.className, _ = u ? `${M.root} ${u}` : M.root;
   return /* @__PURE__ */ e(
-    Xe,
+    $o,
     {
       ref: d,
       className: _,
-      classNames: u,
-      ...(t ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!s && (!!n || !!a) ? { "data-icon-only": "" } : {},
+      classNames: m,
+      ...(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,
-            onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), a(f);
+            className: M.removeIcon,
+            onClick: (h) => {
+              h.preventDefault(), h.stopPropagation(), s(h);
             },
-            "aria-label": r,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), a(
-                f
+            "aria-label": t,
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
+                h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ e(Wt, {})
+            children: /* @__PURE__ */ e(Vt, {})
           }
         )
       ] })
     }
   );
 });
-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 = {
+Gt.displayName = "Chip";
+const qt = "Container-module__root___UVssr", se = {
+  root: qt
+}, Yt = $(
+  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,128 +1082,128 @@ 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
-    }, u = l.classNames;
-    if (u && typeof u == "object" && !Array.isArray(u)) {
-      const _ = u;
-      p.root = _.root ? `${oe.root} ${_.root}` : oe.root;
+      root: se.root
+    }, m = l.classNames;
+    if (m && typeof m == "object" && !Array.isArray(m)) {
+      const _ = m;
+      p.root = _.root ? `${se.root} ${_.root}` : se.root;
     }
-    const y = l.className, m = y ? `${oe.root} ${y}` : oe.root;
+    const y = l.className, u = y ? `${se.root} ${y}` : se.root;
     return /* @__PURE__ */ e(
-      Je,
+      vo,
       {
-        ref: s,
+        ref: a,
         size: i,
-        className: m,
+        className: u,
         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) {
+Yt.displayName = "Container";
+const Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Zt = "Dropdown-module__root___uVyL0", Ht = "Dropdown-module__input___dK4dN", Kt = "Dropdown-module__section___j3MRB", Ut = "Dropdown-module__dropdown___gG-Sw", Xt = "Dropdown-module__option___nAGU-", F = {
+  root: Zt,
+  input: Ht,
+  section: Kt,
+  dropdown: Ut,
+  option: Xt
+}, Qt = $(
+  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,
       labelOptionalText: d,
       labelWithEditIcon: i,
       onLabelEditClick: p,
-      label: u,
+      label: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
-      withAsterisk: v,
-      id: f,
-      className: x,
+      required: f,
+      withAsterisk: C,
+      id: h,
+      className: g,
       style: b,
-      disabled: k,
+      disabled: P,
       readOnly: N,
       readOnlyComponent: z,
-      emptyValueComponent: T,
-      value: P,
-      defaultValue: L,
-      data: I,
+      emptyValueComponent: L,
+      value: k,
+      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;
-    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;
+      input: F.input,
+      section: F.section,
+      dropdown: F.dropdown,
+      option: F.option
+    }, J = x.classNames;
+    if (J && typeof J == "object" && !Array.isArray(J)) {
+      const j = J;
+      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 pe = {
       ...b || {},
-      width: s || "100%"
+      width: a || "100%"
     };
     return /* @__PURE__ */ e(
-      X,
+      oe,
       {
-        className: x,
-        style: le,
+        className: g,
+        style: pe,
         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,
         labelWithEditIcon: i,
         onLabelEditClick: p,
-        label: u,
+        label: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
-        withAsterisk: v,
-        id: f,
+        required: f,
+        withAsterisk: C,
+        id: h,
         readOnly: N,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? String(P) : L ? String(L) : void 0,
-        readOnlyNativeProps: t,
+        readOnlyValue: k !== void 0 ? String(k) : R ? String(R) : void 0,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            eo,
+            Co,
             {
               ref: n,
-              classNames: R,
-              disabled: k,
-              value: P,
-              defaultValue: L,
-              data: I || [],
+              classNames: I,
+              disabled: P,
+              value: k,
+              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 +1211,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
+Qt.displayName = "Dropdown";
+const Jr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileInput" }), ea = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileUpload" }), Jt = "Flex-module__root___yYser", ne = {
+  root: Jt
+}, Ke = $(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 ? `${te.root} ${y.root}` : te.root;
+    d.root = y.root ? `${ne.root} ${y.root}` : ne.root;
   }
-  const p = l.className, u = p ? `${te.root} ${p}` : te.root;
+  const p = l.className, m = p ? `${ne.root} ${p}` : ne.root;
   return /* @__PURE__ */ e(
-    oo,
+    go,
     {
-      ref: s,
-      className: u,
+      ref: a,
+      className: m,
       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
+Ke.displayName = "Flex";
+const oa = Q(Ke), er = "Group-module__root___ftO64", le = {
+  root: er
+}, or = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+  const c = v({ ...t, gap: s }, n), l = c, d = {
+    root: le.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 ? `${le.root} ${y.root}` : le.root;
   }
-  const p = l.className, u = p ? `${re.root} ${p}` : re.root;
+  const p = l.className, m = p ? `${le.root} ${p}` : le.root;
   return /* @__PURE__ */ e(
-    to,
+    xo,
     {
-      ref: s,
-      className: u,
+      ref: a,
+      className: m,
       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) {
+or.displayName = "Group";
+const ta = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Link" }), tr = "Loader-module__root___6iYOP", ce = {
+  root: tr
+}, rr = $(function({ variant: o = "oval", size: n = "default", overStyled: s = !1, ...t }, a) {
   const l = {
     sm: "small",
     md: "default",
@@ -1270,20 +1268,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: ce.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;
+    const u = p;
+    i.root = u.root ? `${ce.root} ${u.root}` : ce.root;
   }
-  const u = d.className, y = u ? `${ae.root} ${u}` : ae.root;
+  const m = d.className, y = m ? `${ce.root} ${m}` : ce.root;
   return /* @__PURE__ */ e(
-    ro,
+    wo,
     {
-      ref: s,
-      type: t,
-      "data-variant": t,
+      ref: a,
+      type: o,
+      "data-variant": o,
       "data-size": l,
       ...d,
       className: y,
@@ -1291,117 +1289,261 @@ 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) {
+rr.displayName = "Loader";
+const ar = "Menu-module__dropdown___j4xuA", sr = "Menu-module__item___NMXha", nr = "Menu-module__itemLabel___zvcqC", lr = "Menu-module__itemSection___pRIcn", cr = "Menu-module__divider___wPiNq", ir = "Menu-module__label___4FBGa", dr = "Menu-module__chevron___hEEiy", ee = {
+  dropdown: ar,
+  item: sr,
+  itemLabel: nr,
+  itemSection: lr,
+  divider: cr,
+  label: ir,
+  chevron: dr
+}, Ue = function({ overStyled: o = !1, ...n }) {
+  const s = v(n, o), t = {
+    dropdown: ee.dropdown,
+    item: ee.item,
+    itemLabel: ee.itemLabel,
+    itemSection: ee.itemSection,
+    divider: ee.divider,
+    label: ee.label,
+    chevron: ee.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
+    }
+  );
+};
+Ue.displayName = "Menu";
+const Xe = function(o) {
+  return /* @__PURE__ */ e(q.Target, { ...o });
+};
+Xe.displayName = "MenuTarget";
+const Qe = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
+    return /* @__PURE__ */ e(
+      q.Dropdown,
+      {
+        ref: s,
+        className: a,
+        ...t
+      }
+    );
+  }
+);
+Qe.displayName = "MenuDropdown";
+const Je = $(
+  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
+      }
+    );
+  }
+);
+Je.displayName = "MenuItem";
+const pr = Q(Je), eo = $(
+  function({ overStyled: o = !1, ...n }, s) {
+    const t = v(n, o), a = t.className;
+    return /* @__PURE__ */ e(
+      q.Divider,
+      {
+        ref: s,
+        className: a,
+        ...t
+      }
+    );
+  }
+);
+eo.displayName = "MenuDivider";
+const oo = $(function({ overStyled: o = !1, ...n }, s) {
+  const t = v(n, o), a = t.className;
+  return /* @__PURE__ */ e(
+    q.Label,
+    {
+      ref: s,
+      className: a,
+      ...t
+    }
+  );
+});
+oo.displayName = "MenuLabel";
+const to = function(o) {
+  return /* @__PURE__ */ e(q.Sub, { ...o });
+};
+to.displayName = "MenuSub";
+const ro = function(o) {
+  return /* @__PURE__ */ e(q.Sub.Target, { ...o });
+};
+ro.displayName = "MenuSubTarget";
+const ao = $(
+  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
+      }
+    );
+  }
+);
+ao.displayName = "MenuSubItem";
+const mr = Q(
+  ao
+), so = $(
+  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
+      }
+    );
+  }
+);
+so.displayName = "MenuSubDropdown";
+const $e = to;
+$e.Target = ro;
+$e.Item = mr;
+$e.Dropdown = so;
+const ae = Ue;
+ae.Target = Xe;
+ae.Dropdown = Qe;
+ae.Item = pr;
+ae.Divider = eo;
+ae.Label = oo;
+ae.Sub = $e;
+const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), sa = (r) => /* @__PURE__ */ e("div", { ...r, children: "NumberInput" }), na = (r) => /* @__PURE__ */ e("div", { ...r, children: "Pagination" }), la = (r) => /* @__PURE__ */ e("div", { ...r, children: "Panel" }), ca = (r) => /* @__PURE__ */ e("div", { ...r, children: "Popover" }), ur = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD", br = "Radio-module__body___q2Wpj", yr = "Radio-module__inner___QaTBB", hr = "Radio-module__radio___MfgN-", fr = "Radio-module__icon___DWznm", Nr = "Radio-module__labelWrapper___dB0Gi", $r = "Radio-module__label___vAFIP", A = {
+  groupRoot: ur,
+  root: _r,
+  body: br,
+  inner: yr,
+  radio: hr,
+  icon: fr,
+  labelWrapper: Nr,
+  label: $r
+}, no = $(
+  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,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
-      withAsterisk: v,
-      id: f,
-      className: x,
+      required: f,
+      withAsterisk: C,
+      id: h,
+      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: k,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      oe,
       {
-        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,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
-        withAsterisk: v,
-        id: f,
+        required: f,
+        withAsterisk: C,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: k !== void 0 ? k : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          we.Group,
+          Ie.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: k,
+            defaultValue: R,
+            children: /* @__PURE__ */ e("div", { className: A.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(
+no.displayName = "RadioGroup";
+const vr = ({ 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) {
+), lo = $(
+  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;
-    delete m.size, delete m.color, delete m.radius, delete m.variant, delete m.iconColor;
+      ...m
+    } = o, y = v(m, s), u = y;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
       root: A.root,
       body: A.body,
@@ -1410,23 +1552,23 @@ const Kt = ({ className: o, style: t }) => /* @__PURE__ */ e(
       icon: A.icon,
       labelWrapper: A.labelWrapper,
       label: A.label
-    }, h = m.classNames;
-    if (h && typeof h == "object" && !Array.isArray(h)) {
-      const b = h;
+    }, f = u.classNames;
+    if (f && typeof f == "object" && !Array.isArray(f)) {
+      const b = f;
       _.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;
     }
-    const v = m.className, f = v ? `${A.root} ${v}` : A.root;
-    if (r && s) {
-      const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
-        s,
+    const C = u.className, h = C ? `${A.root} ${C}` : A.root;
+    if (t && a) {
+      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
+        a,
         {
-          ...t,
+          ...o,
           checked: b,
-          label: m.label
+          label: u.label
         }
       );
       return l ? /* @__PURE__ */ e(
-        U,
+        X,
         {
           formLayout: l,
           labelSize: d,
@@ -1434,343 +1576,343 @@ const Kt = ({ className: o, style: t }) => /* @__PURE__ */ e(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ne, { children: N });
+      ) : /* @__PURE__ */ e(de, { children: N });
     }
-    const x = /* @__PURE__ */ e(
-      we,
+    const g = /* @__PURE__ */ e(
+      Ie,
       {
         ref: n,
-        icon: Kt,
-        className: f,
+        icon: vr,
+        className: h,
         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,
+lo.displayName = "Radio";
+lo.Group = no;
+const Cr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  ge,
   {
     component: "span",
-    className: me.textField,
+    className: ye.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,
+Cr.displayName = "ReadOnlySwitchField";
+const gr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  ge,
   {
     component: "span",
-    className: me.textField,
+    className: ye.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
+gr.displayName = "ReadOnlyBooleanField";
+const ia = (r) => /* @__PURE__ */ e("div", { ...r, children: "Search" }), da = (r) => /* @__PURE__ */ e("div", { ...r, children: "SegmentedControl" }), pa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Slider" }), xr = "Stack-module__root___NUN-x", ie = {
+  root: xr
+}, wr = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+  const c = v({ ...t, gap: s }, n), l = c, d = {
+    root: ie.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 ? `${ie.root} ${y.root}` : ie.root;
   }
-  const p = l.className, u = p ? `${se.root} ${p}` : se.root;
+  const p = l.className, m = p ? `${ie.root} ${p}` : ie.root;
   return /* @__PURE__ */ e(
-    ao,
+    Po,
     {
-      ref: s,
-      className: u,
+      ref: a,
+      className: m,
       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) {
+wr.displayName = "Stack";
+const ma = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), Pr = "Switch-module__root___Y5Ydi", Wr = "Switch-module__body___Sw9Wr", Ar = "Switch-module__track___7ObdZ", kr = "Switch-module__thumb___-FTeK", Sr = "Switch-module__labelWrapper___YSOwx", Tr = "Switch-module__label___LrH7V", Ir = "Switch-module__thumbIconWrapper___sCY-1", Lr = "Switch-module__checkIcon___ZBAQN", Rr = "Switch-module__closeIcon___bLLGw", Or = "Switch-module__groupRoot___-Uepi", w = {
+  root: Pr,
+  body: Wr,
+  track: Ar,
+  thumb: kr,
+  labelWrapper: Sr,
+  label: Tr,
+  thumbIconWrapper: Ir,
+  checkIcon: Lr,
+  closeIcon: Rr,
+  groupRoot: Or
+}, co = $(
+  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,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
-      withAsterisk: v,
-      id: f,
-      className: x,
+      required: f,
+      withAsterisk: C,
+      id: h,
+      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: k,
+      defaultValue: R,
+      ...O
+    } = o, S = v(O, s), T = S;
+    return delete T.size, /* @__PURE__ */ e(
+      oe,
       {
-        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,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
-        withAsterisk: v,
-        id: f,
+        required: f,
+        withAsterisk: C,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: T,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: P !== void 0 ? P : L,
-        readOnlyNativeProps: t,
+        readOnlyValue: k !== void 0 ? k : R,
+        readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          Ae.Group,
+          Le.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: k,
+            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) {
+co.displayName = "SwitchGroup";
+const io = $(
+  function(o, n) {
     const {
-      overStyled: a = !1,
-      readOnly: r,
-      readOnlyComponent: s,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: a,
       disabled: c,
       thumbIcon: l,
       formLayout: d,
       labelSize: i,
       controlMaxWidth: p,
-      controlMinWidth: u,
+      controlMinWidth: m,
       ...y
-    } = t, m = C(y, a), _ = m;
+    } = o, u = v(y, s), _ = u;
     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;
+    const f = {
+      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;
+      f.root = N.root ? `${w.root} ${N.root}` : w.root, f.body = N.body ? `${w.body} ${N.body}` : w.body, f.track = N.track ? `${w.track} ${N.track}` : w.track, f.thumb = N.thumb ? `${w.thumb} ${N.thumb}` : w.thumb, f.trackLabel = N.trackLabel ? `${w.trackLabel} ${N.trackLabel}` : w.trackLabel, f.labelWrapper = N.labelWrapper ? `${w.labelWrapper} ${N.labelWrapper}` : w.labelWrapper, f.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 h = _.className, g = h ? `${w.root} ${h}` : 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
+          controlMinWidth: m,
+          children: L
         }
-      ) : /* @__PURE__ */ e(ne, { children: T });
+      ) : /* @__PURE__ */ e(de, { 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(Wo, { className: w.checkIcon }),
+      /* @__PURE__ */ e(Ao, { className: w.closeIcon })
+    ] }), P = /* @__PURE__ */ e(
+      Le,
       {
         ref: n,
-        className: x,
-        classNames: h,
-        disabled: r || c,
+        className: g,
+        classNames: f,
+        disabled: t || c,
         thumbIcon: l ?? b,
-        ...m
+        ...u
       }
     );
     return d ? /* @__PURE__ */ e(
-      U,
+      X,
       {
         formLayout: d,
         labelSize: i,
         controlMaxWidth: p,
-        controlMinWidth: u,
-        children: k
+        controlMinWidth: m,
+        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;
+io.displayName = "Switch";
+io.Group = co;
+const ua = (r) => /* @__PURE__ */ e("div", { ...r, children: "Table" }), _a = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tabs" }), po = $(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,
+    ko,
     {
-      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) {
+po.displayName = "Text";
+const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__input___8l36v", re = {
+  root: zr,
+  input: 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,
       onLabelEditClick: i,
       label: p,
-      assistiveText: u,
+      assistiveText: m,
       assistiveWithIcon: y,
-      error: m,
+      error: u,
       required: _,
-      withAsterisk: h,
-      id: v,
-      className: f,
-      style: x,
+      withAsterisk: f,
+      id: C,
+      className: h,
+      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: k,
+      ...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: re.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: re.input
+    }, x = S.classNames;
+    if (x && typeof x == "object" && !Array.isArray(x)) {
+      const I = x;
+      T.wrapper = I.wrapper ? `${re.root} ${I.wrapper}` : re.root, T.input = I.input ? `${re.input} ${I.input}` : re.input;
     }
     return /* @__PURE__ */ e(
-      X,
+      oe,
       {
-        className: f,
-        style: x,
+        className: h,
+        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,
         onLabelEditClick: i,
         label: p,
-        assistiveText: u,
+        assistiveText: m,
         assistiveWithIcon: y,
-        error: m,
+        error: u,
         required: _,
-        withAsterisk: h,
-        id: v,
-        readOnly: k,
+        withAsterisk: f,
+        id: C,
+        readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : P,
-        readOnlyNativeProps: t,
+        readOnlyValue: L !== void 0 ? L : k,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            io,
+            So,
             {
               ref: n,
-              classNames: O,
+              classNames: T,
               disabled: b,
-              value: T,
-              defaultValue: P,
+              value: L,
+              defaultValue: k,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1778,9 +1920,9 @@ const pr = "TextArea-module__root___3dyeu", mr = "TextArea-module__input___8l36v
               withAsterisk: void 0,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": m ? "true" : void 0
+                "data-error": u ? "true" : void 0
               },
-              ...I
+              ...O
             }
           )
         )
@@ -1788,92 +1930,92 @@ 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) {
+Fr.displayName = "TextArea";
+const Er = "TextField-module__root___2ZYkG", Br = "TextField-module__input___RL-My", jr = "TextField-module__section___bCIJ0", Z = {
+  root: Er,
+  input: Br,
+  section: jr
+}, Dr = $(
+  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,
       onLabelEditClick: i,
       label: p,
-      assistiveText: u,
+      assistiveText: m,
       assistiveWithIcon: y,
-      error: m,
+      error: u,
       required: _,
-      withAsterisk: h,
-      id: v,
-      className: f,
-      style: x,
+      withAsterisk: f,
+      id: C,
+      className: h,
+      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: k,
+      ...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,
+      oe,
       {
-        className: f,
-        style: x,
+        className: h,
+        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,
         onLabelEditClick: i,
         label: p,
-        assistiveText: u,
+        assistiveText: m,
         assistiveWithIcon: y,
-        error: m,
+        error: u,
         required: _,
-        withAsterisk: h,
-        id: v,
-        readOnly: k,
+        withAsterisk: f,
+        id: C,
+        readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : P,
-        readOnlyNativeProps: t,
+        readOnlyValue: L !== void 0 ? L : k,
+        readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            We,
+            Se,
             {
               ref: n,
-              classNames: O,
+              classNames: T,
               disabled: b,
-              value: T,
-              defaultValue: P,
+              value: L,
+              defaultValue: k,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": m ? "true" : void 0
+                "data-error": u ? "true" : void 0
               },
-              ...I
+              ...O
             }
           )
         )
@@ -1881,83 +2023,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;
+Dr.displayName = "TextField";
+const ya = (r) => /* @__PURE__ */ e("div", { ...r, children: "TimePicker" }), ha = (r) => /* @__PURE__ */ e("div", { ...r, children: "Timeline" }), Vr = $(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,
+    To,
     {
-      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" });
+Vr.displayName = "Title";
+const fa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Toast" }), Na = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tooltip" }), $a = (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
+  Pe as Accordion,
+  xe as AccordionControl,
+  Oe as AccordionItem,
+  we as AccordionPanel,
+  Zr as Avatar,
+  Hr as Badge,
+  Xo as Breadcrumb,
+  Kr as Button,
+  Ur as Card,
+  Ve as CardContent,
+  De as CardFooter,
+  je as CardHeader,
+  Be as CardSection,
+  He as Checkbox,
+  Ze as CheckboxGroup,
+  Gt as Chip,
+  Yt as Container,
+  Qr as DatePicker,
+  Qt as Dropdown,
+  be as EmptyValueRenderer,
+  Jr as FileInput,
+  ea as FileUpload,
+  oa as Flex,
+  X as FormControlLayout,
+  or as Group,
+  ta as HoverCard,
+  qe as Label,
+  Pt as Layer,
+  ra as Link,
+  rr as Loader,
+  ae as Menu,
+  aa as Modal,
+  sa as NumberInput,
+  na as Pagination,
+  la as Panel,
+  ca as Popover,
+  lo as Radio,
+  no as RadioGroup,
+  gr as ReadOnlyBooleanField,
+  Ye as ReadOnlyField,
+  Cr as ReadOnlySwitchField,
+  ue as ReadOnlyTextField,
+  Xr as RecursicaThemeProvider,
+  ia as Search,
+  da as SegmentedControl,
+  pa as Slider,
+  wr as Stack,
+  ma as Stepper,
+  io as Switch,
+  co as SwitchGroup,
+  ua as Table,
+  _a as Tabs,
+  ba as Text,
+  Fr as TextArea,
+  Dr as TextField,
+  ya as TimePicker,
+  ha as Timeline,
+  Vr as Title,
+  fa as Toast,
+  Na as Tooltip,
+  $a as TransferList,
+  oe as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map