@recursica/mantine-adapter 0.12.0 → 0.13.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as E, Fragment as ie } from "react/jsx-runtime";
-import B, { forwardRef as $, useId as no, useEffect as lo } from "react";
-import { Accordion as ye, Avatar as co, Badge as io, Breadcrumbs as po, Button as mo, Card as he, Input as Ae, Box as Ce, Checkbox as Se, Chip as uo, Container as _o, Select as bo, Flex as yo, Group as ho, Loader as fo, Menu as q, Radio as Te, Stack as No, Switch as Ie, CheckIcon as $o, CloseIcon as vo, Text as Co, Textarea as go, Title as xo } from "@mantine/core";
-const wo = [
+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 wo = [
   "mih",
   "mah"
   // Dimensions
-], Po = /* @__PURE__ */ new Set([
+], Lo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const wo = [
   "left",
   "bottom",
   "right"
-]), Pe = {
+]), 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)",
@@ -73,23 +73,23 @@ function v(r, o) {
   if (o)
     return r;
   const n = { ...r };
-  for (const s of wo)
+  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-") && Po.has(s) && t in Pe && (n[s] = Pe[t]);
+    typeof t == "string" && t.startsWith("rec-") && Lo.has(s) && t in We && (n[s] = We[t]);
   return n;
 }
-const Wo = "Accordion-module__root___Dem6d", ko = "Accordion-module__item___7ryVk", Ao = "Accordion-module__noDivider___Ni2tT", So = "Accordion-module__control___b4wgX", To = "Accordion-module__label___Ss7uW", Io = "Accordion-module__chevron___i-HVZ", Lo = "Accordion-module__iconLeftWrapper___5oLen", Ro = "Accordion-module__panel___Wx50w", Oo = "Accordion-module__content___PEM9t", H = {
-  root: Wo,
-  item: ko,
-  noDivider: Ao,
-  control: So,
-  label: To,
-  chevron: Io,
-  iconLeftWrapper: Lo,
-  panel: Ro,
-  content: Oo
-}, Le = function({
+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,
   ...s
@@ -111,7 +111,7 @@ const Wo = "Accordion-module__root___Dem6d", ko = "Accordion-module__item___7ryV
   }
   const l = t.className;
   return /* @__PURE__ */ e(
-    ye,
+    he,
     {
       variant: o,
       className: l,
@@ -120,27 +120,27 @@ const Wo = "Accordion-module__root___Dem6d", ko = "Accordion-module__item___7ryV
     }
   );
 };
-Le.displayName = "Accordion";
-const Re = $(function({ title: o, leftIcon: n, divider: s = !0, children: t, overStyled: a = !1, ...c }, l) {
+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(
-    ye.Item,
+    he.Item,
     {
       ref: l,
       className: p,
       ...d,
-      children: o ? /* @__PURE__ */ E(ie, { children: [
-        /* @__PURE__ */ e(ge, { leftIcon: n, children: o }),
-        /* @__PURE__ */ e(xe, { children: t })
+      children: o ? /* @__PURE__ */ E(de, { children: [
+        /* @__PURE__ */ e(xe, { leftIcon: n, children: o }),
+        /* @__PURE__ */ e(we, { children: t })
       ] }) : t
     }
   );
 });
-Re.displayName = "AccordionItem";
-const ge = $(function({ leftIcon: o, children: n, overStyled: s = !1, ...t }, a) {
+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(
-    ye.Control,
+    he.Control,
     {
       ref: a,
       className: l,
@@ -150,11 +150,11 @@ const ge = $(function({ leftIcon: o, children: n, overStyled: s = !1, ...t }, a)
     }
   );
 });
-ge.displayName = "AccordionControl";
-const xe = $(function({ overStyled: o = !1, ...n }, s) {
+xe.displayName = "AccordionControl";
+const we = $(function({ overStyled: o = !1, ...n }, s) {
   const t = v(n, o), a = t.className;
   return /* @__PURE__ */ e(
-    ye.Panel,
+    he.Panel,
     {
       ref: s,
       className: a,
@@ -162,70 +162,68 @@ const xe = $(function({ overStyled: o = !1, ...n }, s) {
     }
   );
 });
-xe.displayName = "AccordionPanel";
-const we = Le;
-we.Item = Re;
-we.Control = ge;
-we.Panel = xe;
-const zo = "Avatar-module__root___fXu-J", Mo = "Avatar-module__iconWrapper___ojly2", Fo = "Avatar-module__textWrapper___zp-jD", Eo = "Avatar-module__image___ieqGp", Bo = "Avatar-module__placeholder___IDW7-", V = {
-  root: zo,
-  iconWrapper: Mo,
-  textWrapper: Fo,
-  image: Eo,
-  placeholder: Bo
-}, jo = $(function({
+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: s,
-  className: t,
-  classNames: a,
-  children: c,
-  style: l,
-  src: d,
-  ...i
-}, p) {
-  const u = {
+  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" : s && (m = "icon");
+  }, m = v(l, c), y = m;
+  let u = "text";
+  a ? u = "image" : s && (u = "icon");
   const _ = {
     root: V.root,
     image: V.image,
     placeholder: V.placeholder
-  };
-  if (a && typeof a == "object" && !Array.isArray(a)) {
-    const h = a;
+  }, 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(
-    co,
+    yo,
     {
-      ref: p,
-      className: t,
+      ref: d,
+      className: C,
       classNames: _,
-      variant: u[n],
-      size: y[o],
-      style: l,
-      src: d,
+      variant: i[n],
+      size: p[o],
+      src: a,
       "data-variant": n,
       "data-size": o,
-      "data-style": m,
-      ...i,
-      children: s != null ? /* @__PURE__ */ e("span", { className: V.iconWrapper, "aria-hidden": !0, children: s }) : c != null ? /* @__PURE__ */ e("span", { className: V.textWrapper, children: c }) : void 0
+      "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
     }
   );
 });
-jo.displayName = "Avatar";
-const Do = "Badge-module__root___5osNT", Y = {
-  root: Do
-}, Vo = $(function({ variant: o = "primary-color", overStyled: n = !1, ...s }, t) {
+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,
@@ -237,7 +235,7 @@ const Do = "Badge-module__root___5osNT", Y = {
   }
   const d = a.className, i = d ? `${Y.root} ${d}` : Y.root;
   return /* @__PURE__ */ e(
-    io,
+    ho,
     {
       ref: t,
       variant: "filled",
@@ -248,11 +246,11 @@ const Do = "Badge-module__root___5osNT", Y = {
     }
   );
 });
-Vo.displayName = "Badge";
-const Go = "Breadcrumb-module__root___x-9ln", qo = "Breadcrumb-module__separator___qrUX-", U = {
-  root: Go,
-  separator: qo
-}, Yo = $(
+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 },
@@ -267,7 +265,7 @@ const Go = "Breadcrumb-module__root___x-9ln", qo = "Breadcrumb-module__separator
     }
     const d = a.className, i = d ? `${U.root} ${d}` : U.root;
     return /* @__PURE__ */ e(
-      po,
+      fo,
       {
         ref: t,
         ...a,
@@ -277,75 +275,75 @@ const Go = "Breadcrumb-module__root___x-9ln", qo = "Breadcrumb-module__separator
     );
   }
 );
-Yo.displayName = "Breadcrumb";
-const Zo = "Button-module__root___Q2R8-", Ho = "Button-module__label___UJ3Zt", Ko = "Button-module__labelText___rFV5p", Uo = "Button-module__iconWrapper___uEKPa", Xo = "Button-module__section___f2mKr", G = {
-  root: Zo,
-  label: Ho,
-  labelText: Ko,
-  iconWrapper: Uo,
-  section: Xo
+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 Qo(r) {
+function rt(r) {
   return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
 }
-const Jo = $(
-  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), u = p;
-    delete u.fullWidth;
-    const y = !!s || !!u.leftSection, m = !!u.rightSection, _ = (y || m) && !Qo(t);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !u["aria-label"] && console.warn(
-      '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
-    );
-    const h = {
-      root: G.root,
-      section: G.section,
-      label: G.label
-    }, C = u.classNames;
-    if (C && typeof C == "object" && !Array.isArray(C)) {
-      const b = C;
-      h.root = b.root ? `${G.root} ${b.root}` : G.root, h.section = b.section ?? G.section, h.label = b.label ?? G.label;
-    }
-    const f = u.className, g = f ? `${G.root} ${f}` : G.root;
-    return /* @__PURE__ */ e(
-      mo,
-      {
-        ref: l,
-        className: g,
-        classNames: h,
-        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 })
-      }
-    );
+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;
   }
-);
-Jo.displayName = "Button";
-const et = "Card-module__root___c9KvZ", ot = "Card-module__header___PTXf2", tt = "Card-module__footer___Mu-JC", rt = "Card-module__section___BRT8H", at = "Card-module__content___oFIQa", K = {
-  root: et,
-  header: ot,
-  footer: tt,
-  section: rt,
-  content: at
-}, Oe = $(function({ overStyled: o = !1, ...n }, s) {
+  const 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;
@@ -357,7 +355,7 @@ const et = "Card-module__root___c9KvZ", ot = "Card-module__header___PTXf2", tt =
   }
   const l = t.className;
   return /* @__PURE__ */ e(
-    he,
+    fe,
     {
       ref: s,
       className: l,
@@ -366,12 +364,12 @@ const et = "Card-module__root___c9KvZ", ot = "Card-module__header___PTXf2", tt =
     }
   );
 });
-Oe.displayName = "Card";
-const ze = $(
+Ee.displayName = "Card";
+const Be = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      he.Section,
+      fe.Section,
       {
         ref: s,
         className: a ? `${K.section} ${a}` : K.section,
@@ -380,12 +378,12 @@ const ze = $(
     );
   }
 );
-ze.displayName = "CardSection";
-const Me = $(
+Be.displayName = "CardSection";
+const je = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      he.Section,
+      fe.Section,
       {
         ref: s,
         className: a ? `${K.header} ${a}` : K.header,
@@ -394,12 +392,12 @@ const Me = $(
     );
   }
 );
-Me.displayName = "CardHeader";
-const Fe = $(
+je.displayName = "CardHeader";
+const De = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
-      he.Section,
+      fe.Section,
       {
         ref: s,
         className: a ? `${K.footer} ${a}` : K.footer,
@@ -408,8 +406,8 @@ const Fe = $(
     );
   }
 );
-Fe.displayName = "CardFooter";
-const Ee = $(
+De.displayName = "CardFooter";
+const Ve = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
@@ -422,20 +420,20 @@ const Ee = $(
     );
   }
 );
-Ee.displayName = "CardContent";
-const fe = Oe;
-fe.Section = ze;
-fe.Header = Me;
-fe.Footer = Fe;
-fe.Content = Ee;
-const st = "Label-module__root___e6HXZ", nt = "Label-module__labelText___rieFR", lt = "Label-module__required___Ggrzc", ct = "Label-module__optionalText___Y2yun", it = "Label-module__actionAreaWrapper___ELoZK", dt = "Label-module__editIconWrapper___NG2xW", D = {
-  root: st,
-  labelText: nt,
-  required: lt,
-  optionalText: ct,
-  actionAreaWrapper: it,
-  editIconWrapper: dt
-}, Be = $(function({
+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: s = !1,
@@ -446,23 +444,23 @@ const st = "Label-module__root___e6HXZ", nt = "Label-module__labelText___rieFR",
   children: d,
   overStyled: i = !1,
   ...p
-}, u) {
+}, m) {
   const y = n || "left";
-  let m;
-  s || (t === !0 ? m = "optional" : t && (m = t));
-  const _ = v(p, i), h = _, C = {
+  let u;
+  s || (t === !0 ? u = "optional" : t && (u = t));
+  const _ = v(p, i), f = _, C = {
     label: D.root,
     required: D.required
-  }, f = h.classNames;
-  if (f && typeof f == "object" && !Array.isArray(f)) {
-    const P = f;
+  }, 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 g = h.className, b = g ? `${D.root} ${g}` : D.root;
+  const g = f.className, b = g ? `${D.root} ${g}` : D.root;
   return /* @__PURE__ */ E(
-    Ae.Label,
+    Se.Label,
     {
-      ref: u,
+      ref: m,
       className: b,
       classNames: C,
       "data-size": o,
@@ -471,7 +469,7 @@ const st = "Label-module__root___e6HXZ", nt = "Label-module__labelText___rieFR",
       ..._,
       children: [
         /* @__PURE__ */ e("span", { className: D.labelText, children: d }),
-        m && /* @__PURE__ */ e("span", { className: D.optionalText, children: typeof m == "string" ? `(${m})` : m }),
+        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",
           {
@@ -505,11 +503,11 @@ const st = "Label-module__root___e6HXZ", nt = "Label-module__labelText___rieFR",
     }
   );
 });
-Be.displayName = "Label";
-const pt = "FormControlLayout-module__root___yNDhZ", mt = "FormControlLayout-module__leftSection___GBM1r", ut = "FormControlLayout-module__rightSection___bcL4v", pe = {
-  root: pt,
-  leftSection: mt,
-  rightSection: ut
+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",
@@ -521,12 +519,12 @@ const pt = "FormControlLayout-module__root___yNDhZ", mt = "FormControlLayout-mod
   style: d,
   ...i
 }, p) {
-  const u = l ? `${pe.root} ${l}` : pe.root, m = a != null || o === "side-by-side";
+  const m = l ? `${me.root} ${l}` : me.root, u = a != null || o === "side-by-side";
   return /* @__PURE__ */ E(
     "div",
     {
       ref: p,
-      className: u,
+      className: m,
       "data-form-layout": o,
       style: {
         ...d,
@@ -535,18 +533,18 @@ const pt = "FormControlLayout-module__root___yNDhZ", mt = "FormControlLayout-mod
       },
       ...i,
       children: [
-        m && /* @__PURE__ */ e("div", { className: pe.leftSection, "data-size": n, children: a }),
-        /* @__PURE__ */ e("div", { className: pe.rightSection, children: c })
+        u && /* @__PURE__ */ e("div", { className: me.leftSection, "data-size": n, children: a }),
+        /* @__PURE__ */ e("div", { className: me.rightSection, children: c })
       ]
     }
   );
 });
 X.displayName = "FormControlLayout";
-const _t = "AssistiveElement-module__root___WhQ43", bt = "AssistiveElement-module__textWrapper___sfy5E", yt = "AssistiveElement-module__iconWrapper___gObRF", $e = {
-  root: _t,
-  textWrapper: bt,
-  iconWrapper: yt
-}, ht = () => /* @__PURE__ */ E(
+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 _t = "AssistiveElement-module__root___WhQ43", bt = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 8h.01" })
     ]
   }
-), ft = () => /* @__PURE__ */ E(
+), Ct = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -578,7 +576,7 @@ const _t = "AssistiveElement-module__root___WhQ43", bt = "AssistiveElement-modul
       /* @__PURE__ */ e("path", { d: "M12 17h.01" })
     ]
   }
-), ve = $(function({
+), Ce = $(function({
   assistiveVariant: o = "help",
   assistiveWithIcon: n = !0,
   children: s,
@@ -586,26 +584,26 @@ const _t = "AssistiveElement-module__root___WhQ43", bt = "AssistiveElement-modul
   overStyled: a = !1,
   ...c
 }, l) {
-  const i = v(c, a), p = $e.root, u = t ? `${p} ${t}` : p, y = o === "error" ? ft : ht;
+  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,
+      className: m,
       "data-variant": o,
       style: i.style,
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: $e.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
-        /* @__PURE__ */ e("span", { className: $e.textWrapper, children: s })
+        n && /* @__PURE__ */ e("span", { className: ve.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ e("span", { className: ve.textWrapper, children: s })
       ]
     }
   );
 });
-ve.displayName = "AssistiveElement";
-const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
-  inputSection: Nt
-}, ue = $(function({
+Ce.displayName = "AssistiveElement";
+const gt = "FormControlWrapper-module__inputSection___HenXk", Ae = {
+  inputSection: gt
+}, _e = $(function({
   formLayout: o,
   labelSize: n,
   labelAlignment: s,
@@ -616,13 +614,13 @@ const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
   label: d,
   description: i,
   assistiveText: p,
-  assistiveWithIcon: u = !0,
+  assistiveWithIcon: m = !0,
   controlMaxWidth: y,
-  controlMinWidth: m,
+  controlMinWidth: u,
   error: _,
-  required: h,
+  required: f,
   withAsterisk: C,
-  id: f,
+  id: h,
   children: g,
   className: b,
   overStyled: P = !1,
@@ -630,14 +628,14 @@ const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
   // Extracted safely preventing bleeding into HTML domains
   ...z
 }, L) {
-  const A = no(), R = f || `recursica-fc-${A}`, O = p || i, S = O ? `${R}-assistive` : void 0, T = _ ? `${R}-error` : void 0, I = v(z, P), Q = b || I.className, de = We.root, j = Q ? `${de} ${Q}` : de, ao = B.isValidElement(g) ? B.cloneElement(
+  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,
     {
       ...O && !g.props["aria-describedby"] ? { "aria-describedby": S } : {},
       ..._ && !g.props["aria-errormessage"] ? { "aria-errormessage": T } : {}
     }
-  ) : g, so = d ? /* @__PURE__ */ e(
-    Be,
+  ) : g, uo = d ? /* @__PURE__ */ e(
+    qe,
     {
       id: R,
       labelAlignment: s,
@@ -645,7 +643,7 @@ const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
       labelWithEditIcon: a,
       labelActionArea: c,
       onLabelEditClick: l,
-      required: C ?? h,
+      required: C ?? f,
       ...N === "div" ? { as: "div" } : {},
       children: d
     }
@@ -658,26 +656,26 @@ const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
       formLayout: o,
       labelSize: n,
       controlMaxWidth: y,
-      controlMinWidth: m,
-      leftSection: so,
+      controlMinWidth: u,
+      leftSection: uo,
       ...I,
-      children: /* @__PURE__ */ E("div", { className: We.inputSection, children: [
-        ao,
+      children: /* @__PURE__ */ E("div", { className: Ae.inputSection, children: [
+        mo,
         _ && /* @__PURE__ */ e(
-          ve,
+          Ce,
           {
             id: T,
             assistiveVariant: "error",
-            assistiveWithIcon: u,
+            assistiveWithIcon: m,
             children: _
           }
         ),
         !_ && O && /* @__PURE__ */ e(
-          ve,
+          Ce,
           {
             id: S,
             assistiveVariant: "help",
-            assistiveWithIcon: u,
+            assistiveWithIcon: m,
             children: O
           }
         )
@@ -685,12 +683,12 @@ const Nt = "FormControlWrapper-module__inputSection___HenXk", We = {
     }
   );
 });
-ue.displayName = "FormControlWrapper";
-const $t = "_root_1qhn7_3", vt = "_contents_1qhn7_18", oe = {
-  root: $t,
-  contents: vt
-}, Ct = $(function({ layer: r, contentsOnly: o, children: n, className: s, style: t, ...a }, c) {
-  const l = o ? s ? `${oe.root} ${oe.contents} ${s}` : `${oe.root} ${oe.contents}` : s ? `${oe.root} ${s}` : oe.root;
+_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",
     {
@@ -703,60 +701,60 @@ const $t = "_root_1qhn7_3", vt = "_contents_1qhn7_18", oe = {
     }
   );
 });
-Ct.displayName = "Layer";
-const _e = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ e(B.Fragment, { children: r });
-_e.displayName = "EmptyValueRenderer";
-_e.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
+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 Vr({
+function Xr({
   children: r,
   theme: o = "light"
 }) {
-  return lo(() => {
+  return bo(() => {
     const n = document.documentElement;
     return n.setAttribute(ke, o), () => {
       n.removeAttribute(ke);
     };
-  }, [o]), /* @__PURE__ */ e(ie, { children: r });
+  }, [o]), /* @__PURE__ */ e(de, { children: r });
 }
-const gt = "ReadOnlyField-module__textField___qKn25", be = {
-  textField: gt
-}, me = ({
+const Wt = "ReadOnlyField-module__textField___qKn25", ye = {
+  textField: Wt
+}, ue = ({
   value: r,
   overStyled: o = !1,
   ...n
 }) => {
   const s = v(n, o), t = s.className;
   return /* @__PURE__ */ e(
-    Ce,
+    ge,
     {
       component: "p",
-      className: t ? `${be.textField} ${t}` : be.textField,
+      className: t ? `${ye.textField} ${t}` : ye.textField,
       ...s,
       children: r != null ? B.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
     }
   );
 };
-me.displayName = "ReadOnlyTextField";
-const je = $(
+ue.displayName = "ReadOnlyTextField";
+const Ye = $(
   function({ value: o, type: n = "text", emptyValueComponent: s, overStyled: t = !1, ...a }, c) {
     let l = null;
-    const d = v(a, t), i = s || _e, u = (i.check ? i.check(o) : _e.check(o)) ? /* @__PURE__ */ e(i, { value: o }) : o;
+    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(
-          me,
+          ue,
           {
-            value: o === !0 ? "True" : o === !1 ? "False" : u,
+            value: o === !0 ? "True" : o === !1 ? "False" : m,
             overStyled: t
           }
         );
         break;
       case "switch":
         l = /* @__PURE__ */ e(
-          me,
+          ue,
           {
-            value: o === !0 ? "On" : o === !1 ? "Off" : u,
+            value: o === !0 ? "On" : o === !1 ? "Off" : m,
             overStyled: t
           }
         );
@@ -764,16 +762,16 @@ const je = $(
       case "text":
       default:
         l = /* @__PURE__ */ e(
-          me,
+          ue,
           {
-            value: u,
+            value: m,
             overStyled: t
           }
         );
         break;
     }
     return /* @__PURE__ */ e(
-      ue,
+      _e,
       {
         ref: c,
         overStyled: t,
@@ -783,8 +781,8 @@ const je = $(
     );
   }
 );
-je.displayName = "ReadOnlyField";
-const ee = $(function({
+Ye.displayName = "ReadOnlyField";
+const oe = $(function({
   readOnly: o,
   readOnlyComponent: n,
   readOnlyType: s = "text",
@@ -795,20 +793,20 @@ const ee = $(function({
   overStyled: d,
   onLabelEditClick: i,
   ...p
-}, u) {
+}, m) {
   return o ? n ? /* @__PURE__ */ e(
-    ue,
+    _e,
     {
-      ref: u,
+      ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
       children: /* @__PURE__ */ e(n, { ...a })
     }
   ) : /* @__PURE__ */ e(
-    je,
+    Ye,
     {
-      ref: u,
+      ref: m,
       type: s,
       value: t,
       emptyValueComponent: c,
@@ -817,9 +815,9 @@ const ee = $(function({
       ...p
     }
   ) : /* @__PURE__ */ e(
-    ue,
+    _e,
     {
-      ref: u,
+      ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
@@ -827,17 +825,17 @@ const ee = $(function({
     }
   );
 });
-ee.displayName = "WithReadOnlyWrapper";
-const xt = "Checkbox-module__groupRoot___cBS0o", wt = "Checkbox-module__root___mY3qk", Pt = "Checkbox-module__body___5yC7q", Wt = "Checkbox-module__inner___rTke4", kt = "Checkbox-module__input___2kt-h", At = "Checkbox-module__icon___-O7i6", St = "Checkbox-module__labelWrapper___GpZkr", Tt = "Checkbox-module__label___cwRtI", W = {
-  groupRoot: xt,
-  root: wt,
-  body: Pt,
-  inner: Wt,
-  input: kt,
-  icon: At,
-  labelWrapper: St,
-  label: Tt
-}, De = $(
+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: s = !1,
@@ -850,25 +848,25 @@ const xt = "Checkbox-module__groupRoot___cBS0o", wt = "Checkbox-module__root___m
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
+      required: f,
       withAsterisk: C,
-      id: f,
+      id: h,
       className: g,
       style: b,
       children: P,
       readOnly: N,
       readOnlyComponent: z,
       emptyValueComponent: L,
-      value: A,
+      value: k,
       defaultValue: R,
       ...O
     } = o, S = v(O, s), T = S;
     return delete T.size, /* @__PURE__ */ e(
-      ee,
+      oe,
       {
         className: g,
         style: b,
@@ -883,26 +881,26 @@ const xt = "Checkbox-module__groupRoot___cBS0o", wt = "Checkbox-module__root___m
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
+        required: f,
         withAsterisk: C,
-        id: f,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
         emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyValue: k !== void 0 ? k : R,
         readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          Se.Group,
+          Te.Group,
           {
             ref: n,
             ...S,
             disabled: N || T.disabled,
-            value: A,
+            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
@@ -913,8 +911,8 @@ const xt = "Checkbox-module__groupRoot___cBS0o", wt = "Checkbox-module__root___m
     );
   }
 );
-De.displayName = "CheckboxGroup";
-const Ve = $(
+Ze.displayName = "CheckboxGroup";
+const He = $(
   function(o, n) {
     const {
       overStyled: s = !1,
@@ -925,9 +923,9 @@ const Ve = $(
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
-      ...u
-    } = o, y = v(u, s), 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,
@@ -936,19 +934,19 @@ const Ve = $(
       icon: W.icon,
       labelWrapper: W.labelWrapper,
       label: W.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 ? `${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 C = m.className, f = C ? `${W.root} ${C}` : W.root;
+    const C = u.className, h = C ? `${W.root} ${C}` : W.root;
     if (t && a) {
-      const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
+      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
         a,
         {
           ...o,
           checked: b,
-          label: m.label
+          label: u.label
         }
       );
       return l ? /* @__PURE__ */ e(
@@ -960,13 +958,13 @@ const Ve = $(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ie, { children: N });
+      ) : /* @__PURE__ */ e(de, { children: N });
     }
     const g = /* @__PURE__ */ e(
-      Se,
+      Te,
       {
         ref: n,
-        className: f,
+        className: h,
         classNames: _,
         disabled: t || c,
         ...y
@@ -984,18 +982,18 @@ const Ve = $(
     ) : g;
   }
 );
-Ve.displayName = "Checkbox";
-Ve.Group = De;
-const It = "Chip-module__root___f5pFk", Lt = "Chip-module__label___Ov9pg", Rt = "Chip-module__mantineIconWrapper___KLSz6", Ot = "Chip-module__innerWrapper___EnrTF", zt = "Chip-module__children___zbRAR", Mt = "Chip-module__leadingIcon___JBtjQ", Ft = "Chip-module__removeIcon___pVju-", M = {
-  root: It,
-  label: Lt,
-  mantineIconWrapper: Rt,
-  innerWrapper: Ot,
-  children: zt,
-  leadingIcon: Mt,
-  removeIcon: Ft
+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 Et(r) {
+function Vt(r) {
   return /* @__PURE__ */ E(
     "svg",
     {
@@ -1016,7 +1014,7 @@ function Et(r) {
     }
   );
 }
-const Bt = $(function({
+const Gt = $(function({
   error: o = !1,
   icon: n,
   onRemove: s,
@@ -1025,7 +1023,7 @@ const Bt = $(function({
   overStyled: c = !1,
   ...l
 }, d) {
-  const i = v(l, c), p = i, u = {
+  const i = v(l, c), p = i, m = {
     root: M.root,
     label: M.label,
     input: M.input,
@@ -1033,16 +1031,16 @@ const Bt = $(function({
     checkIcon: M.checkIcon
   }, y = p.classNames;
   if (y && typeof y == "object" && !Array.isArray(y)) {
-    const f = y;
-    u.root = f.root ? `${M.root} ${f.root}` : M.root, u.label = f.label ? `${M.label} ${f.label}` : M.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 ? `${M.root} ${m}` : M.root;
+  const u = p.className, _ = u ? `${M.root} ${u}` : M.root;
   return /* @__PURE__ */ e(
-    uo,
+    $o,
     {
       ref: d,
       className: _,
-      classNames: u,
+      classNames: m,
       ...(o ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
       ...!a && (!!n || !!s) ? { "data-icon-only": "" } : {},
       ...i,
@@ -1054,27 +1052,27 @@ const Bt = $(function({
           {
             role: "button",
             className: M.removeIcon,
-            onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), s(f);
+            onClick: (h) => {
+              h.preventDefault(), h.stopPropagation(), s(h);
             },
             "aria-label": t,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), s(
-                f
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
+                h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ e(Et, {})
+            children: /* @__PURE__ */ e(Vt, {})
           }
         )
       ] })
     }
   );
 });
-Bt.displayName = "Chip";
-const jt = "Container-module__root___UVssr", ae = {
-  root: jt
-}, Dt = $(
+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",
@@ -1084,19 +1082,19 @@ const jt = "Container-module__root___UVssr", ae = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, i = typeof n == "string" && d[n] ? d[n] : n, p = {
-      root: ae.root
-    }, u = l.classNames;
-    if (u && typeof u == "object" && !Array.isArray(u)) {
-      const _ = u;
-      p.root = _.root ? `${ae.root} ${_.root}` : ae.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 ? `${ae.root} ${y}` : ae.root;
+    const y = l.className, u = y ? `${se.root} ${y}` : se.root;
     return /* @__PURE__ */ e(
-      _o,
+      vo,
       {
         ref: a,
         size: i,
-        className: m,
+        className: u,
         classNames: p,
         ...c,
         children: o
@@ -1104,14 +1102,14 @@ const jt = "Container-module__root___UVssr", ae = {
     );
   }
 );
-Dt.displayName = "Container";
-const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt = "Dropdown-module__root___uVyL0", Gt = "Dropdown-module__input___dK4dN", qt = "Dropdown-module__section___j3MRB", Yt = "Dropdown-module__dropdown___gG-Sw", Zt = "Dropdown-module__option___nAGU-", F = {
-  root: Vt,
-  input: Gt,
-  section: qt,
-  dropdown: Yt,
-  option: Zt
-}, Ht = $(
+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: s = !1,
@@ -1123,20 +1121,20 @@ const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt
       labelOptionalText: d,
       labelWithEditIcon: i,
       onLabelEditClick: p,
-      label: u,
+      label: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
+      required: f,
       withAsterisk: C,
-      id: f,
+      id: h,
       className: g,
       style: b,
       disabled: P,
       readOnly: N,
       readOnlyComponent: z,
       emptyValueComponent: L,
-      value: A,
+      value: k,
       defaultValue: R,
       data: O,
       ...S
@@ -1149,20 +1147,20 @@ const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt
       section: F.section,
       dropdown: F.dropdown,
       option: F.option
-    }, Q = x.classNames;
-    if (Q && typeof Q == "object" && !Array.isArray(Q)) {
-      const j = Q;
+    }, 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 de = {
+    const pe = {
       ...b || {},
       width: a || "100%"
     };
     return /* @__PURE__ */ e(
-      ee,
+      oe,
       {
         className: g,
-        style: de,
+        style: pe,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: s,
@@ -1172,28 +1170,28 @@ const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt
         labelOptionalText: d,
         labelWithEditIcon: i,
         onLabelEditClick: p,
-        label: u,
+        label: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
+        required: f,
         withAsterisk: C,
-        id: f,
+        id: h,
         readOnly: N,
         readOnlyComponent: z,
         emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? String(A) : R ? String(R) : void 0,
+        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(
-            bo,
+            Co,
             {
               ref: n,
               classNames: I,
               disabled: P,
-              value: A,
+              value: k,
               defaultValue: R,
               data: O || [],
               label: void 0,
@@ -1213,56 +1211,56 @@ const Gr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Vt
     );
   }
 );
-Ht.displayName = "Dropdown";
-const qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileInput" }), Yr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileUpload" }), Kt = "Flex-module__root___yYser", se = {
-  root: Kt
-}, Ut = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+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: se.root
+    root: ne.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 ? `${ne.root} ${y.root}` : ne.root;
   }
-  const p = l.className, u = p ? `${se.root} ${p}` : se.root;
+  const p = l.className, m = p ? `${ne.root} ${p}` : ne.root;
   return /* @__PURE__ */ e(
-    yo,
+    go,
     {
       ref: a,
-      className: u,
+      className: m,
       classNames: d,
       ...c,
       children: o
     }
   );
 });
-Ut.displayName = "Flex";
-const Xt = "Group-module__root___ftO64", ne = {
-  root: Xt
-}, Qt = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+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: ne.root
+    root: le.root
   }, i = l.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const y = i;
-    d.root = y.root ? `${ne.root} ${y.root}` : ne.root;
+    d.root = y.root ? `${le.root} ${y.root}` : le.root;
   }
-  const p = l.className, u = p ? `${ne.root} ${p}` : ne.root;
+  const p = l.className, m = p ? `${le.root} ${p}` : le.root;
   return /* @__PURE__ */ e(
-    ho,
+    xo,
     {
       ref: a,
-      className: u,
+      className: m,
       classNames: d,
       ...c,
       children: o
     }
   );
 });
-Qt.displayName = "Group";
-const Zr = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), Hr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Link" }), Jt = "Loader-module__root___6iYOP", le = {
-  root: Jt
-}, er = $(function({ variant: o = "oval", size: n = "default", overStyled: s = !1, ...t }, a) {
+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",
@@ -1271,15 +1269,15 @@ const Zr = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), Hr
     default: "default",
     large: "large"
   }[n] || "default", d = v(t, s), i = {
-    root: le.root
+    root: ce.root
   }, p = d.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
-    const m = p;
-    i.root = m.root ? `${le.root} ${m.root}` : le.root;
+    const u = p;
+    i.root = u.root ? `${ce.root} ${u.root}` : ce.root;
   }
-  const u = d.className, y = u ? `${le.root} ${u}` : le.root;
+  const m = d.className, y = m ? `${ce.root} ${m}` : ce.root;
   return /* @__PURE__ */ e(
-    fo,
+    wo,
     {
       ref: a,
       type: o,
@@ -1291,24 +1289,24 @@ const Zr = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), Hr
     }
   );
 });
-er.displayName = "Loader";
-const or = "Menu-module__dropdown___j4xuA", tr = "Menu-module__item___NMXha", rr = "Menu-module__itemLabel___zvcqC", ar = "Menu-module__itemSection___pRIcn", sr = "Menu-module__divider___wPiNq", nr = "Menu-module__label___4FBGa", lr = "Menu-module__chevron___hEEiy", J = {
-  dropdown: or,
-  item: tr,
-  itemLabel: rr,
-  itemSection: ar,
-  divider: sr,
-  label: nr,
-  chevron: lr
-}, Ge = function({ overStyled: o = !1, ...n }) {
+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: J.dropdown,
-    item: J.item,
-    itemLabel: J.itemLabel,
-    itemSection: J.itemSection,
-    divider: J.divider,
-    label: J.label,
-    chevron: J.chevron
+    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;
@@ -1324,12 +1322,12 @@ const or = "Menu-module__dropdown___j4xuA", tr = "Menu-module__item___NMXha", rr
     }
   );
 };
-Ge.displayName = "Menu";
-const qe = function(o) {
+Ue.displayName = "Menu";
+const Xe = function(o) {
   return /* @__PURE__ */ e(q.Target, { ...o });
 };
-qe.displayName = "MenuTarget";
-const Ye = $(
+Xe.displayName = "MenuTarget";
+const Qe = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t.className;
     return /* @__PURE__ */ e(
@@ -1342,22 +1340,24 @@ const Ye = $(
     );
   }
 );
-Ye.displayName = "MenuDropdown";
-const Ze = $(function({ overStyled: o = !1, ...n }, s) {
-  const t = v(n, o), a = t;
-  o || delete a.color;
-  const c = a.className;
-  return /* @__PURE__ */ e(
-    q.Item,
-    {
-      ref: s,
-      className: c,
-      ...t
-    }
-  );
-});
-Ze.displayName = "MenuItem";
-const He = $(
+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(
@@ -1370,8 +1370,8 @@ const He = $(
     );
   }
 );
-He.displayName = "MenuDivider";
-const Ke = $(function({ overStyled: o = !1, ...n }, s) {
+eo.displayName = "MenuDivider";
+const oo = $(function({ overStyled: o = !1, ...n }, s) {
   const t = v(n, o), a = t.className;
   return /* @__PURE__ */ e(
     q.Label,
@@ -1382,16 +1382,16 @@ const Ke = $(function({ overStyled: o = !1, ...n }, s) {
     }
   );
 });
-Ke.displayName = "MenuLabel";
-const Ue = function(o) {
+oo.displayName = "MenuLabel";
+const to = function(o) {
   return /* @__PURE__ */ e(q.Sub, { ...o });
 };
-Ue.displayName = "MenuSub";
-const Xe = function(o) {
+to.displayName = "MenuSub";
+const ro = function(o) {
   return /* @__PURE__ */ e(q.Sub.Target, { ...o });
 };
-Xe.displayName = "MenuSubTarget";
-const Qe = $(
+ro.displayName = "MenuSubTarget";
+const ao = $(
   function({ overStyled: o = !1, ...n }, s) {
     const t = v(n, o), a = t;
     o || delete a.color;
@@ -1406,8 +1406,10 @@ const Qe = $(
     );
   }
 );
-Qe.displayName = "MenuSubItem";
-const Je = $(
+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(
@@ -1420,28 +1422,28 @@ const Je = $(
     );
   }
 );
-Je.displayName = "MenuSubDropdown";
-const Ne = Ue;
-Ne.Target = Xe;
-Ne.Item = Qe;
-Ne.Dropdown = Je;
-const re = Ge;
-re.Target = qe;
-re.Dropdown = Ye;
-re.Item = Ze;
-re.Divider = He;
-re.Label = Ke;
-re.Sub = Ne;
-const Kr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), Ur = (r) => /* @__PURE__ */ e("div", { ...r, children: "NumberInput" }), Xr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Pagination" }), Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Panel" }), Jr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Popover" }), cr = "Radio-module__groupRoot___bfUii", ir = "Radio-module__root___kAjTD", dr = "Radio-module__body___q2Wpj", pr = "Radio-module__inner___QaTBB", mr = "Radio-module__radio___MfgN-", ur = "Radio-module__icon___DWznm", _r = "Radio-module__labelWrapper___dB0Gi", br = "Radio-module__label___vAFIP", k = {
-  groupRoot: cr,
-  root: ir,
-  body: dr,
-  inner: pr,
-  radio: mr,
-  icon: ur,
-  labelWrapper: _r,
-  label: br
-}, eo = $(
+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: s = !1,
@@ -1454,25 +1456,25 @@ const Kr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), Ur = (r
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
+      required: f,
       withAsterisk: C,
-      id: f,
+      id: h,
       className: g,
       style: b,
       children: P,
       readOnly: N,
       readOnlyComponent: z,
       emptyValueComponent: L,
-      value: A,
+      value: k,
       defaultValue: R,
       ...O
     } = o, S = v(O, s), T = S;
     return delete T.size, /* @__PURE__ */ e(
-      ee,
+      oe,
       {
         className: g,
         style: b,
@@ -1487,28 +1489,28 @@ const Kr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), Ur = (r
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
+        required: f,
         withAsterisk: C,
-        id: f,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
         emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyValue: k !== void 0 ? k : R,
         readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          Te.Group,
+          Ie.Group,
           {
             ref: n,
             ...S,
             disabled: N || T.disabled,
-            value: A,
+            value: k,
             defaultValue: R,
-            children: /* @__PURE__ */ e("div", { className: k.groupRoot, "data-layout": t, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
+            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) })
           }
@@ -1517,8 +1519,8 @@ const Kr = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), Ur = (r
     );
   }
 );
-eo.displayName = "RadioGroup";
-const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
+no.displayName = "RadioGroup";
+const vr = ({ className: r, style: o }) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1528,7 +1530,7 @@ const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
     style: o,
     children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "5" })
   }
-), oo = $(
+), lo = $(
   function(o, n) {
     const {
       overStyled: s = !1,
@@ -1539,30 +1541,30 @@ const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
-      ...u
-    } = o, y = v(u, s), 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: k.root,
-      body: k.body,
-      inner: k.inner,
-      radio: k.radio,
-      icon: k.icon,
-      labelWrapper: k.labelWrapper,
-      label: k.label
-    }, h = m.classNames;
-    if (h && typeof h == "object" && !Array.isArray(h)) {
-      const b = h;
-      _.root = b.root ? `${k.root} ${b.root}` : k.root, _.body = b.body ? `${k.body} ${b.body}` : k.body, _.inner = b.inner ? `${k.inner} ${b.inner}` : k.inner, _.radio = b.radio ? `${k.radio} ${b.radio}` : k.radio, _.icon = b.icon ? `${k.icon} ${b.icon}` : k.icon, _.labelWrapper = b.labelWrapper ? `${k.labelWrapper} ${b.labelWrapper}` : k.labelWrapper, _.label = b.label ? `${k.label} ${b.label}` : k.label;
+      root: A.root,
+      body: A.body,
+      inner: A.inner,
+      radio: A.radio,
+      icon: A.icon,
+      labelWrapper: A.labelWrapper,
+      label: A.label
+    }, 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 C = m.className, f = C ? `${k.root} ${C}` : k.root;
+    const C = u.className, h = C ? `${A.root} ${C}` : A.root;
     if (t && a) {
-      const b = !!(m.checked ?? m.defaultChecked), N = /* @__PURE__ */ e(
+      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
         a,
         {
           ...o,
           checked: b,
-          label: m.label
+          label: u.label
         }
       );
       return l ? /* @__PURE__ */ e(
@@ -1574,14 +1576,14 @@ const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
           controlMinWidth: p,
           children: N
         }
-      ) : /* @__PURE__ */ e(ie, { children: N });
+      ) : /* @__PURE__ */ e(de, { children: N });
     }
     const g = /* @__PURE__ */ e(
-      Te,
+      Ie,
       {
         ref: n,
-        icon: yr,
-        className: f,
+        icon: vr,
+        className: h,
         classNames: _,
         disabled: t || c,
         ...y
@@ -1599,13 +1601,13 @@ const yr = ({ className: r, style: o }) => /* @__PURE__ */ e(
     ) : g;
   }
 );
-oo.displayName = "Radio";
-oo.Group = eo;
-const hr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
-  Ce,
+lo.displayName = "Radio";
+lo.Group = no;
+const Cr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  ge,
   {
     component: "span",
-    className: be.textField,
+    className: ye.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
@@ -1616,12 +1618,12 @@ const hr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
     ]
   }
 );
-hr.displayName = "ReadOnlySwitchField";
-const fr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
-  Ce,
+Cr.displayName = "ReadOnlySwitchField";
+const gr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
+  ge,
   {
     component: "span",
-    className: be.textField,
+    className: ye.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
@@ -1632,42 +1634,42 @@ const fr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
     ]
   }
 );
-fr.displayName = "ReadOnlyBooleanField";
-const ea = (r) => /* @__PURE__ */ e("div", { ...r, children: "Search" }), oa = (r) => /* @__PURE__ */ e("div", { ...r, children: "SegmentedControl" }), ta = (r) => /* @__PURE__ */ e("div", { ...r, children: "Slider" }), Nr = "Stack-module__root___NUN-x", ce = {
-  root: Nr
-}, $r = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
+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: ce.root
+    root: ie.root
   }, i = l.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const y = i;
-    d.root = y.root ? `${ce.root} ${y.root}` : ce.root;
+    d.root = y.root ? `${ie.root} ${y.root}` : ie.root;
   }
-  const p = l.className, u = p ? `${ce.root} ${p}` : ce.root;
+  const p = l.className, m = p ? `${ie.root} ${p}` : ie.root;
   return /* @__PURE__ */ e(
-    No,
+    Po,
     {
       ref: a,
-      className: u,
+      className: m,
       classNames: d,
       ...c,
       children: o
     }
   );
 });
-$r.displayName = "Stack";
-const ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), vr = "Switch-module__root___Y5Ydi", Cr = "Switch-module__body___Sw9Wr", gr = "Switch-module__track___7ObdZ", xr = "Switch-module__thumb___-FTeK", wr = "Switch-module__labelWrapper___YSOwx", Pr = "Switch-module__label___LrH7V", Wr = "Switch-module__thumbIconWrapper___sCY-1", kr = "Switch-module__checkIcon___ZBAQN", Ar = "Switch-module__closeIcon___bLLGw", Sr = "Switch-module__groupRoot___-Uepi", w = {
-  root: vr,
-  body: Cr,
-  track: gr,
-  thumb: xr,
-  labelWrapper: wr,
-  label: Pr,
-  thumbIconWrapper: Wr,
-  checkIcon: kr,
-  closeIcon: Ar,
-  groupRoot: Sr
-}, to = $(
+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: s = !1,
@@ -1680,25 +1682,25 @@ const ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), vr =
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
       label: p,
-      description: u,
+      description: m,
       assistiveText: y,
-      assistiveWithIcon: m,
+      assistiveWithIcon: u,
       error: _,
-      required: h,
+      required: f,
       withAsterisk: C,
-      id: f,
+      id: h,
       className: g,
       style: b,
       children: P,
       readOnly: N,
       readOnlyComponent: z,
       emptyValueComponent: L,
-      value: A,
+      value: k,
       defaultValue: R,
       ...O
     } = o, S = v(O, s), T = S;
     return delete T.size, /* @__PURE__ */ e(
-      ee,
+      oe,
       {
         className: g,
         style: b,
@@ -1713,26 +1715,26 @@ const ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), vr =
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
-        description: u,
+        description: m,
         assistiveText: y,
-        assistiveWithIcon: m,
+        assistiveWithIcon: u,
         error: _,
-        required: h,
+        required: f,
         withAsterisk: C,
-        id: f,
+        id: h,
         readOnly: N && !!z,
         readOnlyComponent: z,
         emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : R,
+        readOnlyValue: k !== void 0 ? k : R,
         readOnlyNativeProps: o,
         activeComponent: /* @__PURE__ */ e(
-          Ie.Group,
+          Le.Group,
           {
             ref: n,
             ...S,
             disabled: N || T.disabled,
-            value: A,
+            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
@@ -1743,8 +1745,8 @@ const ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), vr =
     );
   }
 );
-to.displayName = "SwitchGroup";
-const ro = $(
+co.displayName = "SwitchGroup";
+const io = $(
   function(o, n) {
     const {
       overStyled: s = !1,
@@ -1755,11 +1757,11 @@ const ro = $(
       formLayout: d,
       labelSize: i,
       controlMaxWidth: p,
-      controlMinWidth: u,
+      controlMinWidth: m,
       ...y
-    } = o, m = v(y, s), _ = m;
+    } = o, u = v(y, s), _ = u;
     delete _.size, delete _.color, delete _.radius, delete _.variant;
-    const h = {
+    const f = {
       root: w.root,
       body: w.body,
       track: w.track,
@@ -1770,9 +1772,9 @@ const ro = $(
     }, C = _.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const N = C;
-      h.root = N.root ? `${w.root} ${N.root}` : w.root, h.body = N.body ? `${w.body} ${N.body}` : w.body, h.track = N.track ? `${w.track} ${N.track}` : w.track, h.thumb = N.thumb ? `${w.thumb} ${N.thumb}` : w.thumb, h.trackLabel = N.trackLabel ? `${w.trackLabel} ${N.trackLabel}` : w.trackLabel, h.labelWrapper = N.labelWrapper ? `${w.labelWrapper} ${N.labelWrapper}` : w.labelWrapper, h.label = N.label ? `${w.label} ${N.label}` : w.label;
+      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, g = f ? `${w.root} ${f}` : w.root;
+    const h = _.className, g = h ? `${w.root} ${h}` : w.root;
     if (t && a) {
       const N = !!(_.checked ?? _.defaultChecked), L = /* @__PURE__ */ e(
         a,
@@ -1788,23 +1790,23 @@ const ro = $(
           formLayout: d,
           labelSize: i,
           controlMaxWidth: p,
-          controlMinWidth: u,
+          controlMinWidth: m,
           children: L
         }
-      ) : /* @__PURE__ */ e(ie, { children: L });
+      ) : /* @__PURE__ */ e(de, { children: L });
     }
     const b = /* @__PURE__ */ E("div", { className: w.thumbIconWrapper, children: [
-      /* @__PURE__ */ e($o, { className: w.checkIcon }),
-      /* @__PURE__ */ e(vo, { className: w.closeIcon })
+      /* @__PURE__ */ e(Wo, { className: w.checkIcon }),
+      /* @__PURE__ */ e(Ao, { className: w.closeIcon })
     ] }), P = /* @__PURE__ */ e(
-      Ie,
+      Le,
       {
         ref: n,
         className: g,
-        classNames: h,
+        classNames: f,
         disabled: t || c,
         thumbIcon: l ?? b,
-        ...m
+        ...u
       }
     );
     return d ? /* @__PURE__ */ e(
@@ -1813,18 +1815,18 @@ const ro = $(
         formLayout: d,
         labelSize: i,
         controlMaxWidth: p,
-        controlMinWidth: u,
+        controlMinWidth: m,
         children: P
       }
     ) : P;
   }
 );
-ro.displayName = "Switch";
-ro.Group = to;
-const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Table" }), sa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tabs" }), Tr = $(function({ overStyled: o = !1, variant: n = "body", ...s }, t) {
+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(
-    Co,
+    ko,
     {
       ref: t,
       className: d,
@@ -1832,11 +1834,11 @@ const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Table" }), sa = (r
     }
   );
 });
-Tr.displayName = "Text";
-const Ir = "TextArea-module__root___3dyeu", Lr = "TextArea-module__input___8l36v", te = {
-  root: Ir,
-  input: Lr
-}, Rr = $(
+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: s = !1,
@@ -1848,36 +1850,36 @@ const Ir = "TextArea-module__root___3dyeu", Lr = "TextArea-module__input___8l36v
       labelWithEditIcon: d,
       onLabelEditClick: i,
       label: p,
-      assistiveText: u,
+      assistiveText: m,
       assistiveWithIcon: y,
-      error: m,
+      error: u,
       required: _,
-      withAsterisk: h,
+      withAsterisk: f,
       id: C,
-      className: f,
+      className: h,
       style: g,
       disabled: b,
       readOnly: P,
       readOnlyComponent: N,
       emptyValueComponent: z,
       value: L,
-      defaultValue: A,
+      defaultValue: k,
       ...R
     } = o, O = v(R, s), S = O;
     delete S.size, delete S.variant, delete S.radius;
     const T = {
-      wrapper: te.root,
+      wrapper: re.root,
       // The nested Input internal relative wrapper bounding box
-      input: te.input
+      input: re.input
     }, x = S.classNames;
     if (x && typeof x == "object" && !Array.isArray(x)) {
       const I = x;
-      T.wrapper = I.wrapper ? `${te.root} ${I.wrapper}` : te.root, T.input = I.input ? `${te.input} ${I.input}` : te.input;
+      T.wrapper = I.wrapper ? `${re.root} ${I.wrapper}` : re.root, T.input = I.input ? `${re.input} ${I.input}` : re.input;
     }
     return /* @__PURE__ */ e(
-      ee,
+      oe,
       {
-        className: f,
+        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)",
@@ -1889,28 +1891,28 @@ const Ir = "TextArea-module__root___3dyeu", Lr = "TextArea-module__input___8l36v
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
-        assistiveText: u,
+        assistiveText: m,
         assistiveWithIcon: y,
-        error: m,
+        error: u,
         required: _,
-        withAsterisk: h,
+        withAsterisk: f,
         id: C,
         readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : A,
+        readOnlyValue: L !== void 0 ? L : k,
         readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            go,
+            So,
             {
               ref: n,
               classNames: T,
               disabled: b,
               value: L,
-              defaultValue: A,
+              defaultValue: k,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1918,7 +1920,7 @@ const Ir = "TextArea-module__root___3dyeu", Lr = "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
               },
               ...O
             }
@@ -1928,12 +1930,12 @@ const Ir = "TextArea-module__root___3dyeu", Lr = "TextArea-module__input___8l36v
     );
   }
 );
-Rr.displayName = "TextArea";
-const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-My", Mr = "TextField-module__section___bCIJ0", Z = {
-  root: Or,
-  input: zr,
-  section: Mr
-}, Fr = $(
+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: s = !1,
@@ -1945,20 +1947,20 @@ const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-
       labelWithEditIcon: d,
       onLabelEditClick: i,
       label: p,
-      assistiveText: u,
+      assistiveText: m,
       assistiveWithIcon: y,
-      error: m,
+      error: u,
       required: _,
-      withAsterisk: h,
+      withAsterisk: f,
       id: C,
-      className: f,
+      className: h,
       style: g,
       disabled: b,
       readOnly: P,
       readOnlyComponent: N,
       emptyValueComponent: z,
       value: L,
-      defaultValue: A,
+      defaultValue: k,
       ...R
     } = o, O = v(R, s), S = O;
     delete S.size, delete S.variant, delete S.radius;
@@ -1973,9 +1975,9 @@ const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-
       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(
-      ee,
+      oe,
       {
-        className: f,
+        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)",
@@ -1987,31 +1989,31 @@ const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
-        assistiveText: u,
+        assistiveText: m,
         assistiveWithIcon: y,
-        error: m,
+        error: u,
         required: _,
-        withAsterisk: h,
+        withAsterisk: f,
         id: C,
         readOnly: P,
         readOnlyComponent: N,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : A,
+        readOnlyValue: L !== void 0 ? L : k,
         readOnlyNativeProps: o,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ e(
-            Ae,
+            Se,
             {
               ref: n,
               classNames: T,
               disabled: b,
               value: L,
-              defaultValue: A,
+              defaultValue: k,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": m ? "true" : void 0
+                "data-error": u ? "true" : void 0
               },
               ...O
             }
@@ -2021,11 +2023,11 @@ const Or = "TextField-module__root___2ZYkG", zr = "TextField-module__input___RL-
     );
   }
 );
-Fr.displayName = "TextField";
-const na = (r) => /* @__PURE__ */ e("div", { ...r, children: "TimePicker" }), la = (r) => /* @__PURE__ */ e("div", { ...r, children: "Timeline" }), Er = $(function({ overStyled: o = !1, order: n = 1, ...s }, t) {
+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(
-    xo,
+    To,
     {
       ref: t,
       order: n,
@@ -2034,70 +2036,70 @@ const na = (r) => /* @__PURE__ */ e("div", { ...r, children: "TimePicker" }), la
     }
   );
 });
-Er.displayName = "Title";
-const ca = (r) => /* @__PURE__ */ e("div", { ...r, children: "Toast" }), ia = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tooltip" }), da = (r) => /* @__PURE__ */ e("div", { ...r, children: "TransferList" });
+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 {
-  we as Accordion,
-  ge as AccordionControl,
-  Re as AccordionItem,
-  xe as AccordionPanel,
-  jo as Avatar,
-  Vo as Badge,
-  Yo as Breadcrumb,
-  Jo as Button,
-  fe as Card,
-  Ee as CardContent,
-  Fe as CardFooter,
-  Me as CardHeader,
-  ze as CardSection,
-  Ve as Checkbox,
-  De as CheckboxGroup,
-  Bt as Chip,
-  Dt as Container,
-  Gr as DatePicker,
-  Ht as Dropdown,
-  _e as EmptyValueRenderer,
-  qr as FileInput,
-  Yr as FileUpload,
-  Ut as Flex,
+  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,
-  Qt as Group,
-  Zr as HoverCard,
-  Be as Label,
-  Ct as Layer,
-  Hr as Link,
-  er as Loader,
-  re as Menu,
-  Kr as Modal,
-  Ur as NumberInput,
-  Xr as Pagination,
-  Qr as Panel,
-  Jr as Popover,
-  oo as Radio,
-  eo as RadioGroup,
-  fr as ReadOnlyBooleanField,
-  je as ReadOnlyField,
-  hr as ReadOnlySwitchField,
-  me as ReadOnlyTextField,
-  Vr as RecursicaThemeProvider,
-  ea as Search,
-  oa as SegmentedControl,
-  ta as Slider,
-  $r as Stack,
-  ra as Stepper,
-  ro as Switch,
-  to as SwitchGroup,
-  aa as Table,
-  sa as Tabs,
-  Tr as Text,
-  Rr as TextArea,
-  Fr as TextField,
-  na as TimePicker,
-  la as Timeline,
-  Er as Title,
-  ca as Toast,
-  ia as Tooltip,
-  da as TransferList,
-  ee as WithReadOnlyWrapper
+  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