@recursica/mantine-adapter 0.29.0 → 0.30.0

package/dist/mantine-adapter.js

@@ -72,18 +72,18 @@ const Gr = [
 };
 function yo(n) {
   const e = { ...n };
-  for (const [a, r] of Object.entries(e))
-    typeof r == "string" && r.startsWith("rec-") && Uo.has(a) && r in qe && (e[a] = qe[r]);
+  for (const [a, t] of Object.entries(e))
+    typeof t == "string" && t.startsWith("rec-") && Uo.has(a) && t in qe && (e[a] = qe[t]);
   return e;
 }
 function N(n, e) {
   if (e)
     return n;
   const a = { ...n };
-  for (const r of Gr)
-    r in a && delete a[r];
-  for (const [r, o] of Object.entries(a))
-    typeof o == "string" && o.startsWith("rec-") && Uo.has(r) && o in qe && (a[r] = qe[o]);
+  for (const t of Gr)
+    t in a && delete a[t];
+  for (const [t, o] of Object.entries(a))
+    typeof o == "string" && o.startsWith("rec-") && Uo.has(t) && o in qe && (a[t] = qe[o]);
   return a;
 }
 const Hr = "Accordion-module__root___Dem6d", qr = "Accordion-module__item___7ryVk", Ur = "Accordion-module__noDivider___Ni2tT", Yr = "Accordion-module__control___b4wgX", Zr = "Accordion-module__label___Ss7uW", Kr = "Accordion-module__chevron___i-HVZ", Xr = "Accordion-module__iconLeftWrapper___5oLen", Qr = "Accordion-module__panel___Wx50w", Jr = "Accordion-module__content___PEM9t", ie = {
@@ -99,9 +99,9 @@ const Hr = "Accordion-module__root___Dem6d", qr = "Accordion-module__item___7ryV
 }, Yo = function({
   variant: e = "unstyled",
   overStyled: a = !1,
-  ...r
+  ...t
 }) {
-  const o = N(r, a), t = {
+  const o = N(t, a), r = {
     root: ie.root,
     item: ie.item,
     control: ie.control,
@@ -113,7 +113,7 @@ const Hr = "Accordion-module__root___Dem6d", qr = "Accordion-module__item___7ryV
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const c = l;
     Object.keys(c).forEach((d) => {
-      t[d] ? t[d] = `${t[d]} ${c[d]}` : t[d] = c[d];
+      r[d] ? r[d] = `${r[d]} ${c[d]}` : r[d] = c[d];
     });
   }
   const i = o.className;
@@ -122,14 +122,14 @@ const Hr = "Accordion-module__root___Dem6d", qr = "Accordion-module__item___7ryV
     {
       variant: e,
       className: i,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
 };
 Yo.displayName = "Accordion";
-const bo = h(function({ title: e, leftIcon: a, divider: r = !0, children: o, overStyled: t = !1, ...l }, i) {
-  const c = N(l, t), d = c.className, p = [r ? void 0 : ie.noDivider, d].filter(Boolean).join(" ") || void 0;
+const bo = h(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: r = !1, ...l }, i) {
+  const c = N(l, r), d = c.className, p = [t ? void 0 : ie.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ s(
     Ke.Item,
     {
@@ -144,12 +144,12 @@ const bo = h(function({ title: e, leftIcon: a, divider: r = !0, children: o, ove
   );
 });
 bo.displayName = "AccordionItem";
-const Je = h(function({ leftIcon: e, children: a, overStyled: r = !1, ...o }, t) {
-  const l = N(o, r), i = l.className;
+const Je = h(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, r) {
+  const l = N(o, t), i = l.className;
   return /* @__PURE__ */ s(
     Ke.Control,
     {
-      ref: t,
+      ref: r,
       className: i,
       icon: e ? /* @__PURE__ */ s("span", { className: ie.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...l,
@@ -158,13 +158,13 @@ const Je = h(function({ leftIcon: e, children: a, overStyled: r = !1, ...o }, t)
   );
 });
 Je.displayName = "AccordionControl";
-const eo = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className;
+const eo = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className;
   return /* @__PURE__ */ s(
     Ke.Panel,
     {
-      ref: r,
-      className: t,
+      ref: t,
+      className: r,
       ...o
     }
   );
@@ -184,9 +184,9 @@ const ea = "Label-module__root___e6HXZ", oa = "Label-module__labelText___rieFR",
 }, fo = h(function({
   labelSize: e = "default",
   labelAlignment: a,
-  required: r = !1,
+  required: t = !1,
   labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelWithEditIcon: r,
   labelActionArea: l,
   onLabelEditClick: i,
   children: c,
@@ -195,14 +195,14 @@ const ea = "Label-module__root___e6HXZ", oa = "Label-module__labelText___rieFR",
 }, m) {
   const f = a || "left";
   let u;
-  r || (o === !0 ? u = "optional" : o && (u = o));
-  const _ = N(p, d), y = _, w = {
+  t || (o === !0 ? u = "optional" : o && (u = o));
+  const _ = N(p, d), y = _, P = {
     label: Q.root,
     required: Q.required
   }, C = y.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
     const O = C;
-    w.label = O.label ? `${Q.root} ${O.label}` : Q.root, w.required = O.required ? `${Q.required} ${O.required}` : Q.required;
+    P.label = O.label ? `${Q.root} ${O.label}` : Q.root, P.required = O.required ? `${Q.required} ${O.required}` : Q.required;
   }
   const $ = y.className, b = $ ? `${Q.root} ${$}` : Q.root;
   return /* @__PURE__ */ F(
@@ -210,20 +210,20 @@ const ea = "Label-module__root___e6HXZ", oa = "Label-module__labelText___rieFR",
     {
       ref: m,
       className: b,
-      classNames: w,
+      classNames: P,
       "data-size": e,
       "data-alignment": f,
-      required: r && !t,
+      required: t && !r,
       ..._,
       children: [
         /* @__PURE__ */ s("span", { className: Q.labelText, children: c }),
         u && /* @__PURE__ */ s("span", { className: Q.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        l ? /* @__PURE__ */ s("span", { className: Q.actionAreaWrapper, children: l }) : t ? /* @__PURE__ */ s(
+        l ? /* @__PURE__ */ s("span", { className: Q.actionAreaWrapper, children: l }) : r ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: Q.editIconWrapper,
-            "data-replaces-asterisk": r ? "true" : void 0,
+            "data-replaces-asterisk": t ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
             children: /* @__PURE__ */ s(
@@ -259,15 +259,15 @@ const na = "FormControlLayout-module__root___yNDhZ", la = "FormControlLayout-mod
 }, de = h(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
-  controlMaxWidth: r,
+  controlMaxWidth: t,
   controlMinWidth: o,
-  leftSection: t,
+  leftSection: r,
   children: l,
   className: i,
   style: c,
   ...d
 }, p) {
-  const m = i ? `${De.root} ${i}` : De.root, u = t != null || e === "side-by-side";
+  const m = i ? `${De.root} ${i}` : De.root, u = r != null || e === "side-by-side";
   return /* @__PURE__ */ F(
     "div",
     {
@@ -276,12 +276,12 @@ const na = "FormControlLayout-module__root___yNDhZ", la = "FormControlLayout-mod
       "data-form-layout": e,
       style: {
         ...c,
-        ...r ? { "--form-control-max-width": r } : {},
+        ...t ? { "--form-control-max-width": t } : {},
         ...o ? { "--form-control-min-width": o } : {}
       },
       ...d,
       children: [
-        u && /* @__PURE__ */ s("div", { className: De.leftSection, "data-size": a, children: t }),
+        u && /* @__PURE__ */ s("div", { className: De.leftSection, "data-size": a, children: r }),
         /* @__PURE__ */ s("div", { className: De.rightSection, children: l })
       ]
     }
@@ -327,12 +327,12 @@ const ca = "AssistiveElement-module__root___WhQ43", da = "AssistiveElement-modul
 ), co = h(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
-  children: r,
+  children: t,
   className: o,
-  overStyled: t = !1,
+  overStyled: r = !1,
   ...l
 }, i) {
-  const d = N(l, t), p = no.root, m = o ? `${p} ${o}` : p, f = e === "error" ? _a : ma;
+  const d = N(l, r), p = no.root, m = o ? `${p} ${o}` : p, f = e === "error" ? _a : ma;
   return /* @__PURE__ */ F(
     "div",
     {
@@ -343,7 +343,7 @@ const ca = "AssistiveElement-module__root___WhQ43", da = "AssistiveElement-modul
       ...d,
       children: [
         a && /* @__PURE__ */ s("span", { className: no.iconWrapper, children: /* @__PURE__ */ s(f, {}) }),
-        /* @__PURE__ */ s("span", { className: no.textWrapper, children: r })
+        /* @__PURE__ */ s("span", { className: no.textWrapper, children: t })
       ]
     }
   );
@@ -355,9 +355,9 @@ const ua = "FormControlWrapper-module__root___c-UHo", ya = "FormControlWrapper-m
 }, Ue = h(function({
   formLayout: e,
   labelSize: a,
-  labelAlignment: r,
+  labelAlignment: t,
   labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelWithEditIcon: r,
   labelActionArea: l,
   onLabelEditClick: i,
   label: c,
@@ -368,7 +368,7 @@ const ua = "FormControlWrapper-module__root___c-UHo", ya = "FormControlWrapper-m
   controlMinWidth: u,
   error: _,
   required: y,
-  withAsterisk: w,
+  withAsterisk: P,
   id: C,
   children: $,
   className: b,
@@ -387,12 +387,12 @@ const ua = "FormControlWrapper-module__root___c-UHo", ya = "FormControlWrapper-m
     fo,
     {
       id: L,
-      labelAlignment: r,
+      labelAlignment: t,
       labelOptionalText: o,
-      labelWithEditIcon: t,
+      labelWithEditIcon: r,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: w ?? y,
+      required: P ?? y,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
@@ -436,8 +436,8 @@ Ue.displayName = "FormControlWrapper";
 const ba = "_root_1qhn7_3", fa = "_contents_1qhn7_18", We = {
   root: ba,
   contents: fa
-}, Na = h(function({ layer: n, contentsOnly: e, children: a, className: r, style: o, ...t }, l) {
-  const i = e ? r ? `${We.root} ${We.contents} ${r}` : `${We.root} ${We.contents}` : r ? `${We.root} ${r}` : We.root;
+}, Na = h(function({ layer: n, contentsOnly: e, children: a, className: t, style: o, ...r }, l) {
+  const i = e ? t ? `${We.root} ${We.contents} ${t}` : `${We.root} ${We.contents}` : t ? `${We.root} ${t}` : We.root;
   return /* @__PURE__ */ s(
     "div",
     {
@@ -445,7 +445,7 @@ const ba = "_root_1qhn7_3", fa = "_contents_1qhn7_18", We = {
       className: i,
       style: o,
       ...e ? {} : { "data-recursica-layer": String(n) },
-      ...t,
+      ...r,
       children: a
     }
   );
@@ -602,27 +602,35 @@ const wi = [
   "TransferList"
 ], Pi = (n, e) => {
   const a = document.activeElement;
-  return new Promise((r, o) => {
+  return new Promise((t, o) => {
     if (e && e.current) {
-      const t = document.createElement("textarea");
-      t.readOnly = !0, t.defaultValue = n, e.current.appendChild(t), t.select();
+      const r = document.createElement("textarea");
+      r.readOnly = !0, r.defaultValue = n, e.current.appendChild(r), r.select();
       const l = document.execCommand("copy");
-      e.current.removeChild(t), a && a.focus(), l ? r() : o(new Error("Failed to copy"));
+      e.current.removeChild(r), a && a.focus(), l ? t() : o(new Error("Failed to copy"));
     } else
       o(new Error("Copy area reference is not defined"));
   });
 };
-function P(n) {
+function w(n) {
   if (!Oe || typeof n != "function" && !(n && n.$$typeof))
     return n;
-  const e = V.forwardRef((a, r) => {
-    const { overStyled: o } = a, t = va(), l = V.createElement(
+  const e = V.forwardRef((t, o) => {
+    const { overStyled: r } = t, l = va(), i = V.createElement(
       n,
-      { ...a, ref: r }
+      { ...t, ref: o }
     );
-    return o && t ? /* @__PURE__ */ s("div", { className: "recursica-over-styled", children: l }) : l;
+    return r && l ? /* @__PURE__ */ s("div", { className: "recursica-over-styled", children: i }) : i;
   });
-  return e.displayName = n.displayName || n.name || "Component", e;
+  e.displayName = n.displayName || n.name || "Component";
+  const a = Object.keys(n);
+  for (const t of a) {
+    if (t === "render" || t === "$$typeof")
+      continue;
+    const o = n[t];
+    (typeof o == "function" || o && o.$$typeof) && t[0] === t[0].toUpperCase() ? e[t] = w(o) : e[t] = o;
+  }
+  return e;
 }
 const Ca = "ReadOnlyField-module__layoutOverride___9fSsG", wa = "ReadOnlyField-module__textField___qKn25", Ze = {
   layoutOverride: Ca,
@@ -632,13 +640,13 @@ const Ca = "ReadOnlyField-module__layoutOverride___9fSsG", wa = "ReadOnlyField-m
   overStyled: e = !1,
   ...a
 }) => {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
     Nr,
     {
       component: "p",
       className: o ? `${Ze.textField} ${o}` : Ze.textField,
-      ...r,
+      ...t,
       children: n != null ? V.isValidElement(n) ? n : Array.isArray(n) ? n.join(", ") : String(n) : ""
     }
   );
@@ -648,14 +656,14 @@ const No = h(
   function({
     value: e,
     type: a = "text",
-    emptyValueComponent: r,
+    emptyValueComponent: t,
     overStyled: o = !1,
-    className: t,
+    className: r,
     style: l,
     ...i
   }, c) {
     let d = null;
-    const p = N(i, o), m = r || Ye, u = (m.check ? m.check(e) : Ye.check(e)) ? /* @__PURE__ */ s(m, { value: e }) : e;
+    const p = N(i, o), m = t || Ye, u = (m.check ? m.check(e) : Ye.check(e)) ? /* @__PURE__ */ s(m, { value: e }) : e;
     switch (a) {
       case "boolean":
         d = /* @__PURE__ */ s(
@@ -686,7 +694,7 @@ const No = h(
         );
         break;
     }
-    const _ = t ? `${Ze.layoutOverride} ${t}` : Ze.layoutOverride;
+    const _ = r ? `${Ze.layoutOverride} ${r}` : Ze.layoutOverride;
     return /* @__PURE__ */ s(
       Ue,
       {
@@ -704,9 +712,9 @@ No.displayName = "ReadOnlyField";
 const te = h(function({
   readOnly: e,
   readOnlyComponent: a,
-  readOnlyType: r = "text",
+  readOnlyType: t = "text",
   readOnlyValue: o,
-  readOnlyNativeProps: t,
+  readOnlyNativeProps: r,
   emptyValueComponent: l,
   activeComponent: i,
   overStyled: c,
@@ -720,13 +728,13 @@ const te = h(function({
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: /* @__PURE__ */ s(a, { ...t })
+      children: /* @__PURE__ */ s(a, { ...r })
     }
   ) : /* @__PURE__ */ s(
     No,
     {
       ref: m,
-      type: r,
+      type: t,
       value: o,
       emptyValueComponent: l,
       onLabelEditClick: d,
@@ -755,10 +763,10 @@ const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-mod
 }, Xo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -769,7 +777,7 @@ const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-mod
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
@@ -779,7 +787,7 @@ const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-mod
       value: x,
       defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: j.root,
@@ -801,9 +809,9 @@ const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-mod
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -814,7 +822,7 @@ const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-mod
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
@@ -853,9 +861,9 @@ const Oa = "Avatar-module__root___fXu-J", La = "Avatar-module__iconWrapper___ojl
 }, Qo = h(function({
   size: e = "default",
   variant: a = "solid",
-  icon: r,
+  icon: t,
   children: o,
-  src: t,
+  src: r,
   overStyled: l = !1,
   ...i
 }, c) {
@@ -869,7 +877,7 @@ const Oa = "Avatar-module__root___fXu-J", La = "Avatar-module__iconWrapper___ojl
     large: "lg"
   }, m = N(i, l), f = m;
   let u = "text";
-  t ? u = "image" : r && (u = "icon");
+  r ? u = "image" : t && (u = "icon");
   const _ = {
     root: ee.root,
     image: ee.image,
@@ -879,45 +887,45 @@ const Oa = "Avatar-module__root___fXu-J", La = "Avatar-module__iconWrapper___ojl
     const C = y;
     _.root = C.root ? `${ee.root} ${C.root}` : ee.root, _.image = C.image ? `${ee.image} ${C.image}` : ee.image, _.placeholder = C.placeholder ? `${ee.placeholder} ${C.placeholder}` : ee.placeholder;
   }
-  const w = f.className;
+  const P = f.className;
   return /* @__PURE__ */ s(
     $r,
     {
       ref: c,
-      className: w,
+      className: P,
       classNames: _,
       variant: d[a],
       size: p[e],
-      src: t,
+      src: r,
       "data-variant": a,
       "data-size": e,
       "data-style": u,
       ...m,
-      children: r != null ? /* @__PURE__ */ s("span", { className: ee.iconWrapper, "aria-hidden": !0, children: r }) : o != null ? /* @__PURE__ */ s("span", { className: ee.textWrapper, children: o }) : void 0
+      children: t != null ? /* @__PURE__ */ s("span", { className: ee.iconWrapper, "aria-hidden": !0, children: t }) : o != null ? /* @__PURE__ */ s("span", { className: ee.textWrapper, children: o }) : void 0
     }
   );
 });
 Qo.displayName = "Avatar";
 const Ra = re(Qo), Ma = "Badge-module__root___5osNT", le = {
   root: Ma
-}, Jo = h(function({ variant: e = "primary-color", overStyled: a = !1, ...r }, o) {
-  const t = N(r, a), l = {
+}, Jo = h(function({ variant: e = "primary-color", overStyled: a = !1, ...t }, o) {
+  const r = N(t, a), l = {
     root: le.root,
     section: le.section,
     label: le.label
-  }, i = t.classNames;
+  }, i = r.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const p = i;
     l.root = p.root ? `${le.root} ${p.root}` : le.root, l.section = p.section ?? le.section, l.label = p.label ?? le.label;
   }
-  const c = t.className, d = c ? `${le.root} ${c}` : le.root;
+  const c = r.className, d = c ? `${le.root} ${c}` : le.root;
   return /* @__PURE__ */ s(
     vr,
     {
       ref: o,
       variant: "filled",
       "data-variant": e,
-      ...t,
+      ...r,
       className: d,
       classNames: l
     }
@@ -928,24 +936,24 @@ const za = re(Jo), Ea = "Breadcrumb-module__root___x-9ln", Ba = "Breadcrumb-modu
   root: Ea,
   separator: Ba
 }, et = h(
-  function({ overStyled: e = !1, separator: a = ">", ...r }, o) {
-    const t = N(
-      { separator: a, ...r },
+  function({ overStyled: e = !1, separator: a = ">", ...t }, o) {
+    const r = N(
+      { separator: a, ...t },
       e
     ), l = {
       root: Ne.root,
       separator: Ne.separator
-    }, i = t.classNames;
+    }, i = r.classNames;
     if (i && typeof i == "object" && !Array.isArray(i)) {
       const p = i;
       l.root = p.root ? `${Ne.root} ${p.root}` : Ne.root, l.separator = p.separator ? `${Ne.separator} ${p.separator}` : Ne.separator;
     }
-    const c = t.className, d = c ? `${Ne.root} ${c}` : Ne.root;
+    const c = r.className, d = c ? `${Ne.root} ${c}` : Ne.root;
     return /* @__PURE__ */ s(
       Cr,
       {
         ref: o,
-        ...t,
+        ...r,
         className: d,
         classNames: l
       }
@@ -955,7 +963,7 @@ const za = re(Jo), Ea = "Breadcrumb-module__root___x-9ln", Ba = "Breadcrumb-modu
 et.displayName = "Breadcrumb";
 const Fa = "Loader-module__root___6iYOP", Re = {
   root: Fa
-}, ho = h(function({ variant: e = "oval", size: a = "default", overStyled: r = !1, ...o }, t) {
+}, ho = h(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, r) {
   const i = {
     sm: "small",
     md: "default",
@@ -963,7 +971,7 @@ const Fa = "Loader-module__root___6iYOP", Re = {
     small: "small",
     default: "default",
     large: "large"
-  }[a] || "default", c = N(o, r), d = {
+  }[a] || "default", c = N(o, t), d = {
     root: Re.root
   }, p = c.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
@@ -974,7 +982,7 @@ const Fa = "Loader-module__root___6iYOP", Re = {
   return /* @__PURE__ */ s(
     wr,
     {
-      ref: t,
+      ref: r,
       type: e,
       "data-variant": e,
       "data-size": i,
@@ -999,9 +1007,9 @@ function Ua(n) {
 const ot = h(function({
   variant: e = "solid",
   size: a = "default",
-  icon: r,
+  icon: t,
   children: o,
-  overStyled: t = !1,
+  overStyled: r = !1,
   loaderVariant: l = "oval",
   loaderSize: i,
   useRecursicaLoader: c = !0,
@@ -1014,11 +1022,11 @@ const ot = h(function({
   }, f = {
     default: "md",
     small: "sm"
-  }, u = N(d, t), _ = u;
+  }, u = N(d, r), _ = u;
   delete _.fullWidth;
-  const y = !!r || !!_.leftSection, w = !!_.rightSection, C = Ua(o), $ = (y || w) && !C;
+  const y = !!t || !!_.leftSection, P = !!_.rightSection, C = Ua(o), $ = (y || P) && !C;
   let b = "label";
-  $ ? b = "icon-only" : (y || w) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
+  $ ? b = "icon-only" : (y || P) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const O = {
@@ -1045,7 +1053,7 @@ const ot = h(function({
       variant: m[e],
       size: f[a],
       loaderProps: W,
-      leftSection: r != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: r }) : void 0,
+      leftSection: t != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
       "data-size": a,
       "data-content": b,
@@ -1064,7 +1072,7 @@ const Ya = re(
   footer: Xa,
   section: Qa,
   content: Ja
-}, tt = h(function({ overStyled: e = !1, ...a }, r) {
+}, tt = h(function({ overStyled: e = !1, ...a }, t) {
   const o = N(a, e);
   [
     "flex",
@@ -1090,7 +1098,7 @@ const Ya = re(
   return /* @__PURE__ */ s(
     Xe,
     {
-      ref: r,
+      ref: t,
       className: c,
       classNames: l,
       ...o
@@ -1099,13 +1107,13 @@ const Ya = re(
 });
 tt.displayName = "Card";
 const rt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.section} ${t}` : pe.section,
+        ref: t,
+        className: r ? `${pe.section} ${r}` : pe.section,
         ...o
       }
     );
@@ -1113,13 +1121,13 @@ const rt = h(
 );
 rt.displayName = "CardSection";
 const at = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.header} ${t}` : pe.header,
+        ref: t,
+        className: r ? `${pe.header} ${r}` : pe.header,
         ...o
       }
     );
@@ -1127,13 +1135,13 @@ const at = h(
 );
 at.displayName = "CardHeader";
 const st = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.footer} ${t}` : pe.footer,
+        ref: t,
+        className: r ? `${pe.footer} ${r}` : pe.footer,
         ...o
       }
     );
@@ -1141,13 +1149,13 @@ const st = h(
 );
 st.displayName = "CardFooter";
 const nt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       "div",
       {
-        ref: r,
-        className: t ? `${pe.content} ${t}` : pe.content,
+        ref: t,
+        className: r ? `${pe.content} ${r}` : pe.content,
         ...o
       }
     );
@@ -1171,10 +1179,10 @@ const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module_
 }, $o = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -1186,7 +1194,7 @@ const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module_
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
@@ -1197,7 +1205,7 @@ const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module_
       value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -1205,10 +1213,10 @@ const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module_
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -1219,7 +1227,7 @@ const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module_
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
@@ -1246,16 +1254,16 @@ $o.displayName = "CheckboxGroup";
 const vo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       formLayout: i,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, f = N(m, r), u = f;
+    } = e, f = N(m, t), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
       root: E.root,
@@ -1270,10 +1278,10 @@ const vo = h(
       const b = y;
       _.root = b.root ? `${E.root} ${b.root}` : E.root, _.body = b.body ? `${E.body} ${b.body}` : E.body, _.inner = b.inner ? `${E.inner} ${b.inner}` : E.inner, _.input = b.input ? `${E.input} ${b.input}` : E.input, _.icon = b.icon ? `${E.icon} ${b.icon}` : E.icon, _.labelWrapper = b.labelWrapper ? `${E.labelWrapper} ${b.labelWrapper}` : E.labelWrapper, _.label = b.label ? `${E.label} ${b.label}` : E.label;
     }
-    const w = u.className, C = w ? `${E.root} ${w}` : E.root;
-    if (o && t) {
+    const P = u.className, C = P ? `${E.root} ${P}` : E.root;
+    if (o && r) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+        r,
         {
           ...e,
           checked: b,
@@ -1348,9 +1356,9 @@ function bs(n) {
 const it = h(function({
   error: e = !1,
   icon: a,
-  onRemove: r,
+  onRemove: t,
   removeLabel: o = "Remove",
-  children: t,
+  children: r,
   overStyled: l = !1,
   ...i
 }, c) {
@@ -1365,7 +1373,7 @@ const it = h(function({
     const $ = f;
     m.root = $.root ? `${q.root} ${$.root}` : q.root, m.label = $.label ? `${q.label} ${$.label}` : q.label;
   }
-  const u = p.className, _ = u ? `${q.root} ${u}` : q.root, y = e ? "" : void 0, w = !t && (!!a || !!r), C = p.checked !== void 0 || p.defaultChecked !== void 0 || r !== void 0 || p.onClick !== void 0;
+  const u = p.className, _ = u ? `${q.root} ${u}` : q.root, y = e ? "" : void 0, P = !r && (!!a || !!t), C = p.checked !== void 0 || p.defaultChecked !== void 0 || t !== void 0 || p.onClick !== void 0;
   return /* @__PURE__ */ s(
     gr,
     {
@@ -1373,23 +1381,23 @@ const it = h(function({
       className: _,
       classNames: m,
       wrapperProps: y !== void 0 ? { "data-error": "" } : void 0,
-      ...w ? { "data-icon-only": "" } : {},
+      ...P ? { "data-icon-only": "" } : {},
       ...C ? {} : { tabIndex: -1, "aria-hidden": !0 },
       ...d,
       children: /* @__PURE__ */ F("span", { className: q.innerWrapper, children: [
         a && /* @__PURE__ */ s("span", { className: q.leadingIcon, "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ s("span", { className: q.children, children: t }),
-        r && /* @__PURE__ */ s(
+        /* @__PURE__ */ s("span", { className: q.children, children: r }),
+        t && /* @__PURE__ */ s(
           "span",
           {
             role: "button",
             className: q.removeIcon,
             onClick: ($) => {
-              $.preventDefault(), $.stopPropagation(), r($);
+              $.preventDefault(), $.stopPropagation(), t($);
             },
             "aria-label": o,
             onKeyDown: ($) => {
-              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), r(
+              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), t(
                 $
               ));
             },
@@ -1405,22 +1413,22 @@ it.displayName = "Chip";
 const fs = "Container-module__root___UVssr", Me = {
   root: fs
 }, ct = h(
-  function({ children: e, size: a, ...r }, o) {
-    const t = {
+  function({ children: e, size: a, ...t }, o) {
+    const r = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, l = typeof a == "string" && t[a] ? t[a] : a, i = {
+    }, l = typeof a == "string" && r[a] ? r[a] : a, i = {
       root: Me.root
-    }, c = r.classNames;
+    }, c = t.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const m = c;
       i.root = m.root ? `${Me.root} ${m.root}` : Me.root;
     }
-    const d = r.className, p = d ? `${Me.root} ${d}` : Me.root;
+    const d = t.className, p = d ? `${Me.root} ${d}` : Me.root;
     return /* @__PURE__ */ s(
       Tr,
       {
@@ -1428,7 +1436,7 @@ const fs = "Container-module__root___UVssr", Me = {
         size: l,
         className: p,
         classNames: i,
-        ...r,
+        ...t,
         children: e
       }
     );
@@ -1446,10 +1454,10 @@ const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module_
 }, dt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -1460,7 +1468,7 @@ const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module_
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
@@ -1470,7 +1478,7 @@ const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module_
       value: x,
       defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius, delete g.description;
     const T = {
       wrapper: Z.root,
@@ -1493,9 +1501,9 @@ const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module_
         style: $,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -1506,7 +1514,7 @@ const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module_
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
@@ -1550,9 +1558,9 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
 }, pt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
-      containerWidth: t,
+      containerWidth: r,
       // Label & Wrapper Maps
       labelSize: l,
       labelAlignment: i,
@@ -1564,7 +1572,7 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
@@ -1576,7 +1584,7 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
       defaultValue: L,
       data: W,
       ...g
-    } = e, T = N(g, r), I = T;
+    } = e, T = N(g, t), I = T;
     delete I.size, delete I.variant, delete I.radius;
     const z = {
       wrapper: G.root,
@@ -1592,7 +1600,7 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
     }
     const we = {
       ...b || {},
-      width: t || "100%"
+      width: r || "100%"
     }, Pe = $ ? `${G.layoutOverride} ${$}` : G.layoutOverride;
     return /* @__PURE__ */ s(
       te,
@@ -1601,7 +1609,7 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
         style: we,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
         labelSize: l,
         labelAlignment: i,
@@ -1613,7 +1621,7 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v,
         readOnlyComponent: R,
@@ -1652,22 +1660,22 @@ const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__roo
 pt.displayName = "Dropdown";
 const Ls = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileInput" }), Ws = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileUpload" }), Is = "Flex-module__root___yYser", ze = {
   root: Is
-}, mt = h(function({ children: e, gap: a = "rec-default", rowGap: r, columnGap: o, ...t }, l) {
+}, mt = h(function({ children: e, gap: a = "rec-default", rowGap: t, columnGap: o, ...r }, l) {
   const i = {
     root: ze.root
-  }, c = t.classNames;
+  }, c = r.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const m = c;
     i.root = m.root ? `${ze.root} ${m.root}` : ze.root;
   }
-  const d = t.className, p = d ? `${ze.root} ${d}` : ze.root;
+  const d = r.className, p = d ? `${ze.root} ${d}` : ze.root;
   return /* @__PURE__ */ s(
     Ar,
     {
       ref: l,
       className: p,
       classNames: i,
-      ...yo({ gap: a, rowGap: r, columnGap: o, ...t }),
+      ...yo({ gap: a, rowGap: t, columnGap: o, ...r }),
       children: e
     }
   );
@@ -1675,22 +1683,22 @@ const Ls = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileInput" }), Ws
 mt.displayName = "Flex";
 const ks = re(mt), Rs = "Group-module__root___ftO64", Ee = {
   root: Rs
-}, _t = h(function({ children: e, gap: a = "rec-default", ...r }, o) {
-  const t = {
+}, _t = h(function({ children: e, gap: a = "rec-default", ...t }, o) {
+  const r = {
     root: Ee.root
-  }, l = r.classNames;
+  }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    t.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
+    r.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
   }
-  const i = r.className, c = i ? `${Ee.root} ${i}` : Ee.root;
+  const i = t.className, c = i ? `${Ee.root} ${i}` : Ee.root;
   return /* @__PURE__ */ s(
     xr,
     {
       ref: o,
       className: c,
-      classNames: t,
-      ...yo({ gap: a, ...r }),
+      classNames: r,
+      ...yo({ gap: a, ...t }),
       children: e
     }
   );
@@ -1702,16 +1710,16 @@ const Ms = "HoverCard-module__dropdown___FBPFW", zs = "HoverCard-module__arrow__
 }, ut = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     dropdown: Bo.dropdown,
     arrow: Bo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -1721,7 +1729,7 @@ const Ms = "HoverCard-module__dropdown___FBPFW", zs = "HoverCard-module__arrow__
       position: "top",
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
@@ -1735,12 +1743,12 @@ const bt = function({
   overStyled: e = !1,
   ...a
 }) {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
     mo.Dropdown,
     {
       className: o,
-      ...r
+      ...t
     }
   );
 };
@@ -1752,8 +1760,8 @@ const Es = "Link-module__root___I0VGE", Bs = "Link-module__iconWrapper___W-LlF",
   root: Es,
   iconWrapper: Bs,
   labelText: Fs
-}, ft = h(function({ icon: e, children: a, overStyled: r = !1, ...o }, t) {
-  const l = N(o, r), i = l, c = {
+}, ft = h(function({ icon: e, children: a, overStyled: t = !1, ...o }, r) {
+  const l = N(o, t), i = l, c = {
     root: Te.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
@@ -1764,7 +1772,7 @@ const Es = "Link-module__root___I0VGE", Bs = "Link-module__iconWrapper___W-LlF",
   return /* @__PURE__ */ F(
     Or,
     {
-      ref: t,
+      ref: r,
       className: m,
       classNames: c,
       underline: "never",
@@ -1787,7 +1795,7 @@ const Vs = re(ft), Ds = "Menu-module__dropdown___j4xuA", js = "Menu-module__item
   label: Us,
   chevron: Ys
 }, Nt = function({ overStyled: e = !1, ...a }) {
-  const r = N(a, e), o = {
+  const t = N(a, e), o = {
     dropdown: Se.dropdown,
     item: Se.item,
     itemLabel: Se.itemLabel,
@@ -1795,9 +1803,9 @@ const Vs = re(ft), Ds = "Menu-module__dropdown___j4xuA", js = "Menu-module__item
     divider: Se.divider,
     label: Se.label,
     chevron: Se.chevron
-  }, t = r.classNames;
-  if (t && typeof t == "object" && !Array.isArray(t)) {
-    const l = t;
+  }, r = t.classNames;
+  if (r && typeof r == "object" && !Array.isArray(r)) {
+    const l = r;
     Object.keys(l).forEach((i) => {
       o[i] ? o[i] = `${o[i]} ${l[i]}` : o[i] = l[i];
     });
@@ -1806,7 +1814,7 @@ const Vs = re(ft), Ds = "Menu-module__dropdown___j4xuA", js = "Menu-module__item
     ae,
     {
       classNames: o,
-      ...r
+      ...t
     }
   );
 };
@@ -1816,13 +1824,13 @@ const ht = function(e) {
 };
 ht.displayName = "MenuTarget";
 const $t = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Dropdown,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
@@ -1830,14 +1838,14 @@ const $t = h(
 );
 $t.displayName = "MenuDropdown";
 const vt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o;
-    e || delete t.color;
-    const l = t.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o;
+    e || delete r.color;
+    const l = r.className;
     return /* @__PURE__ */ s(
       ae.Item,
       {
-        ref: r,
+        ref: t,
         className: l,
         ...o
       }
@@ -1846,26 +1854,26 @@ const vt = h(
 );
 vt.displayName = "MenuItem";
 const Zs = re(vt), Ct = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Divider,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
   }
 );
 Ct.displayName = "MenuDivider";
-const wt = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className;
+const wt = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className;
   return /* @__PURE__ */ s(
     ae.Label,
     {
-      ref: r,
-      className: t,
+      ref: t,
+      className: r,
       ...o
     }
   );
@@ -1880,14 +1888,14 @@ const gt = function(e) {
 };
 gt.displayName = "MenuSubTarget";
 const Tt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o;
-    e || delete t.color;
-    const l = t.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o;
+    e || delete r.color;
+    const l = r.className;
     return /* @__PURE__ */ s(
       ae.Sub.Item,
       {
-        ref: r,
+        ref: t,
         className: l,
         ...o
       }
@@ -1898,13 +1906,13 @@ Tt.displayName = "MenuSubItem";
 const Ks = re(
   Tt
 ), St = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Sub.Dropdown,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
@@ -1935,9 +1943,9 @@ const Xs = "Modal-module__root___ytPLl", Qs = "Modal-module__inner___SSUJE", Js
 }, At = V.forwardRef(function({
   overStyled: e = !1,
   children: a,
-  title: r,
+  title: t,
   withCloseButton: o = !0,
-  overlayProps: t,
+  overlayProps: r,
   withOverlay: l = !0,
   closeButtonProps: i,
   ...c
@@ -1963,10 +1971,10 @@ const Xs = "Modal-module__root___ytPLl", Qs = "Modal-module__inner___SSUJE", Js
       classNames: m,
       ...p,
       children: [
-        l && /* @__PURE__ */ s(X.Overlay, { ...t }),
+        l && /* @__PURE__ */ s(X.Overlay, { ...r }),
         /* @__PURE__ */ F(X.Content, { children: [
-          (r || o) && /* @__PURE__ */ F(X.Header, { children: [
-            r && /* @__PURE__ */ s(X.Title, { children: r }),
+          (t || o) && /* @__PURE__ */ F(X.Header, { children: [
+            t && /* @__PURE__ */ s(X.Title, { children: t }),
             o && /* @__PURE__ */ s(X.CloseButton, { ...i })
           ] }),
           /* @__PURE__ */ s(Po, { children: a })
@@ -1976,39 +1984,39 @@ const Xs = "Modal-module__root___ytPLl", Qs = "Modal-module__inner___SSUJE", Js
   );
 });
 At.displayName = "Modal";
-const wo = V.forwardRef(function({ className: e, ...a }, r) {
+const wo = V.forwardRef(function({ className: e, ...a }, t) {
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: `${ce.footer} ${e || ""}`,
       ...a
     }
   );
 });
 wo.displayName = "Modal.Footer";
-const Po = V.forwardRef(function({ className: e, onScroll: a, children: r, ...o }, t) {
+const Po = V.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, r) {
   const l = V.useRef(null), [i, c] = V.useState(!1), [d, p] = V.useState(!1), m = V.useCallback(() => {
     if (l.current) {
-      const { scrollTop: y, scrollHeight: w, clientHeight: C } = l.current;
-      c(y > 0), p(Math.ceil(y + C) < w);
+      const { scrollTop: y, scrollHeight: P, clientHeight: C } = l.current;
+      c(y > 0), p(Math.ceil(y + C) < P);
     }
   }, []);
-  V.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, r]);
+  V.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, t]);
   const f = (y) => {
     m(), a == null || a(y);
   };
   let u = null;
   const _ = [];
-  return V.Children.forEach(r, (y) => {
-    var w;
-    V.isValidElement(y) && (y.type === wo || ((w = y.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? u = y : _.push(y);
+  return V.Children.forEach(t, (y) => {
+    var P;
+    V.isValidElement(y) && (y.type === wo || ((P = y.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? u = y : _.push(y);
   }), /* @__PURE__ */ F(
     X.Body,
     {
       ...o,
       ref: (y) => {
-        typeof t == "function" ? t(y) : t && (t.current = y);
+        typeof r == "function" ? r(y) : r && (r.current = y);
       },
       className: `${ce.bodyWrapper} ${e || ""}`,
       children: [
@@ -2048,10 +2056,10 @@ const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-modul
 }, xt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2062,7 +2070,7 @@ const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-modul
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
@@ -2073,7 +2081,7 @@ const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-modul
       defaultValue: A,
       hideControls: L = !1,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     delete T.size, delete T.variant, delete T.radius;
     const I = {
       wrapper: Ae.root,
@@ -2090,9 +2098,9 @@ const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-modul
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2103,7 +2111,7 @@ const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-modul
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
@@ -2185,89 +2193,89 @@ function kt(n) {
     dots: H.dots
   }, a = n.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
-    const t = a;
-    e.root = t.root ? `${H.root} ${t.root}` : H.root, e.control = t.control ? `${H.control} ${t.control}` : H.control, e.dots = t.dots ? `${H.dots} ${t.dots}` : H.dots;
+    const r = a;
+    e.root = r.root ? `${H.root} ${r.root}` : H.root, e.control = r.control ? `${H.control} ${r.control}` : H.control, e.dots = r.dots ? `${H.dots} ${r.dots}` : H.dots;
   }
-  const r = n.className;
-  return { className: r ? `${H.root} ${r}` : H.root, classNames: e };
+  const t = n.className;
+  return { className: t ? `${H.root} ${t}` : H.root, classNames: e };
 }
 const Rt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = kt(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = kt(
       o
     );
     return /* @__PURE__ */ s(
       me.Root,
       {
-        ref: r,
-        className: t.className,
-        classNames: t.classNames,
+        ref: t,
+        className: r.className,
+        classNames: r.classNames,
         ...o
       }
     );
   }
 );
 Rt.displayName = "Pagination.Root";
-const Mt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Ot : void 0);
+const Mt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Ot : void 0);
   return /* @__PURE__ */ s(
     me.Next,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
 Mt.displayName = "Pagination.Next";
-const zt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Lt : void 0);
+const zt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Lt : void 0);
   return /* @__PURE__ */ s(
     me.Previous,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
 zt.displayName = "Pagination.Previous";
-const Et = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Wt : void 0);
+const Et = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Wt : void 0);
   return /* @__PURE__ */ s(
     me.First,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
 Et.displayName = "Pagination.First";
-const Bt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? It : void 0);
+const Bt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? It : void 0);
   return /* @__PURE__ */ s(
     me.Last,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
 Bt.displayName = "Pagination.Last";
 const Ft = h(
-  function({ overStyled: e = !1, getControlProps: a, withLabels: r, ...o }, t) {
+  function({ overStyled: e = !1, getControlProps: a, withLabels: t, ...o }, r) {
     const l = N(o, e), i = kt(
       l
     ), c = (p) => {
       const m = { "data-variant": "text" };
       return a ? { ...m, ...a(p) } : m;
-    }, d = r ? {
+    }, d = t ? {
       nextIcon: Ot,
       previousIcon: Lt,
       firstIcon: Wt,
@@ -2276,7 +2284,7 @@ const Ft = h(
     return /* @__PURE__ */ s(
       me,
       {
-        ref: t,
+        ref: r,
         className: i.className,
         classNames: i.classNames,
         getControlProps: c,
@@ -2308,11 +2316,11 @@ const wn = "Panel-module__content___wdGo-", Pn = "Panel-module__inner___ruA2b",
 }, Vt = function({
   overStyled: e = !1,
   placement: a = "right",
-  keepMounted: r = !0,
+  keepMounted: t = !0,
   wrapHeaderText: o = !1,
-  ...t
+  ...r
 }) {
-  const l = N(t, e), i = {
+  const l = N(r, e), i = {
     content: ve.content,
     header: ve.header,
     title: o ? ve.titleTruncate : ve.title,
@@ -2329,8 +2337,8 @@ const wn = "Panel-module__content___wdGo-", Pn = "Panel-module__inner___ruA2b",
     _e,
     {
       position: a,
-      keepMounted: r,
-      closeOnClickOutside: t.closeOnClickOutside ?? !!t.opened,
+      keepMounted: t,
+      closeOnClickOutside: r.closeOnClickOutside ?? !!r.opened,
       ...l,
       classNames: i
     }
@@ -2338,9 +2346,9 @@ const wn = "Panel-module__content___wdGo-", Pn = "Panel-module__inner___ruA2b",
 };
 Vt.displayName = "Panel";
 const go = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className, l = t ? `${ve.footer} ${t}` : ve.footer;
-    return /* @__PURE__ */ s("div", { ref: r, className: l, ...o });
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className, l = r ? `${ve.footer} ${r}` : ve.footer;
+    return /* @__PURE__ */ s("div", { ref: t, className: l, ...o });
   }
 );
 go.displayName = "PanelFooter";
@@ -2360,16 +2368,16 @@ const On = "Popover-module__dropdown___svhS6", Ln = "Popover-module__arrow___5A-
 }, Dt = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     dropdown: Fo.dropdown,
     arrow: Fo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -2379,7 +2387,7 @@ const On = "Popover-module__dropdown___svhS6", Ln = "Popover-module__arrow___5A-
       position: "top",
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
@@ -2393,12 +2401,12 @@ const Gt = function({
   overStyled: e = !1,
   ...a
 }) {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
     _o.Dropdown,
     {
       className: o,
-      ...r
+      ...t
     }
   );
 };
@@ -2418,10 +2426,10 @@ const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD",
 }, So = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2433,7 +2441,7 @@ const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD",
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
@@ -2444,7 +2452,7 @@ const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD",
       value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -2452,10 +2460,10 @@ const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD",
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2466,7 +2474,7 @@ const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD",
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
@@ -2503,16 +2511,16 @@ const Fn = ({ className: n, style: e }) => /* @__PURE__ */ s(
 ), Ao = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       formLayout: i,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, f = N(m, r), u = f;
+    } = e, f = N(m, t), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
       root: B.root,
@@ -2527,10 +2535,10 @@ const Fn = ({ className: n, style: e }) => /* @__PURE__ */ s(
       const b = y;
       _.root = b.root ? `${B.root} ${b.root}` : B.root, _.body = b.body ? `${B.body} ${b.body}` : B.body, _.inner = b.inner ? `${B.inner} ${b.inner}` : B.inner, _.radio = b.radio ? `${B.radio} ${b.radio}` : B.radio, _.icon = b.icon ? `${B.icon} ${b.icon}` : B.icon, _.labelWrapper = b.labelWrapper ? `${B.labelWrapper} ${b.labelWrapper}` : B.labelWrapper, _.label = b.label ? `${B.label} ${b.label}` : B.label;
     }
-    const w = u.className, C = w ? `${B.root} ${w}` : B.root;
-    if (o && t) {
+    const P = u.className, C = P ? `${B.root} ${P}` : B.root;
+    if (o && r) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+        r,
         {
           ...e,
           checked: b,
@@ -2587,25 +2595,25 @@ function Hn(n) {
     indicator: K.indicator
   }, a = n.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
-    const t = a;
-    e.root = t.root ? `${K.root} ${t.root}` : K.root, e.control = t.control ? `${K.control} ${t.control}` : K.control, e.label = t.label ? `${K.label} ${t.label}` : K.label, e.indicator = t.indicator ? `${K.indicator} ${t.indicator}` : K.indicator;
+    const r = a;
+    e.root = r.root ? `${K.root} ${r.root}` : K.root, e.control = r.control ? `${K.control} ${r.control}` : K.control, e.label = r.label ? `${K.label} ${r.label}` : K.label, e.indicator = r.indicator ? `${K.indicator} ${r.indicator}` : K.indicator;
   }
-  const r = n.className;
-  return { className: r ? `${K.root} ${r}` : K.root, classNames: e };
+  const t = n.className;
+  return { className: t ? `${K.root} ${t}` : K.root, classNames: e };
 }
 const Ht = h(
-  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: r, ...o }, t) {
+  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: t, ...o }, r) {
     const l = N(o, e), i = l;
     delete i.disabled;
     const c = Hn(i);
     return /* @__PURE__ */ s(
       Wr,
       {
-        ref: t,
+        ref: r,
         className: c.className,
         classNames: c.classNames,
         orientation: a,
-        fullWidth: r,
+        fullWidth: t,
         "data-orientation": a,
         ...l
       }
@@ -2631,10 +2639,10 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
 }, ll = ({ value: n }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: n }), qt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2645,7 +2653,7 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
       assistiveText: u,
       assistiveWithIcon: _,
       error: y,
-      required: w,
+      required: P,
       withAsterisk: C,
       id: $,
       className: b,
@@ -2683,7 +2691,7 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
       }
     }, _r = () => {
       so(fe.toString());
-    }, ko = N(ao, r), ke = ko;
+    }, ko = N(ao, t), ke = ko;
     delete ke.size, delete ke.variant, delete ke.radius, delete ke.wrapperProps;
     const ge = {
       root: k.sliderRoot,
@@ -2706,9 +2714,9 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
         style: O,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2718,7 +2726,7 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
         assistiveText: u,
         assistiveWithIcon: _,
         error: y,
-        required: w,
+        required: P,
         withAsterisk: C,
         id: $,
         readOnly: R,
@@ -2781,22 +2789,22 @@ const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module
 qt.displayName = "Slider";
 const il = "Stack-module__root___NUN-x", Be = {
   root: il
-}, Ut = h(function({ children: e, gap: a = "rec-default", ...r }, o) {
-  const t = {
+}, Ut = h(function({ children: e, gap: a = "rec-default", ...t }, o) {
+  const r = {
     root: Be.root
-  }, l = r.classNames;
+  }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    t.root = d.root ? `${Be.root} ${d.root}` : Be.root;
+    r.root = d.root ? `${Be.root} ${d.root}` : Be.root;
   }
-  const i = r.className, c = i ? `${Be.root} ${i}` : Be.root;
+  const i = t.className, c = i ? `${Be.root} ${i}` : Be.root;
   return /* @__PURE__ */ s(
     kr,
     {
       ref: o,
       className: c,
-      classNames: t,
-      ...yo({ gap: a, ...r }),
+      classNames: r,
+      ...yo({ gap: a, ...t }),
       children: e
     }
   );
@@ -2821,22 +2829,22 @@ const cl = re(Ut), dl = "Stepper-module__root___jbSYO", pl = "Stepper-module__ho
 }, Yt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       size: o = "large",
-      orientation: t = "horizontal",
+      orientation: r = "horizontal",
       className: l,
       style: i,
       ...c
-    } = e, d = N(c, r);
+    } = e, d = N(c, t);
     return /* @__PURE__ */ s(
       io,
       {
         ref: a,
-        orientation: t,
-        className: `${U.root} ${t === "horizontal" ? U.horizontal : U.vertical} ${o === "large" ? U.large : U.small} ${l || ""}`,
+        orientation: r,
+        className: `${U.root} ${r === "horizontal" ? U.horizontal : U.vertical} ${o === "large" ? U.large : U.small} ${l || ""}`,
         style: i,
         "data-size": o,
-        "data-orientation": t,
+        "data-orientation": r,
         classNames: {
           steps: U.steps,
           step: U.step,
@@ -2872,10 +2880,10 @@ const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al
 }, xo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2887,7 +2895,7 @@ const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
@@ -2898,7 +2906,7 @@ const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al
       value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -2906,10 +2914,10 @@ const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2920,7 +2928,7 @@ const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
@@ -2947,9 +2955,9 @@ xo.displayName = "SwitchGroup";
 const Oo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       thumbIcon: i,
       formLayout: c,
@@ -2957,7 +2965,7 @@ const Oo = h(
       controlMaxWidth: p,
       controlMinWidth: m,
       ...f
-    } = e, u = N(f, r), _ = u;
+    } = e, u = N(f, t), _ = u;
     delete _.size, delete _.color, delete _.radius, delete _.variant;
     const y = {
       root: M.root,
@@ -2967,15 +2975,15 @@ const Oo = h(
       trackLabel: M.trackLabel,
       labelWrapper: M.labelWrapper,
       label: M.label
-    }, w = _.classNames;
-    if (w && typeof w == "object" && !Array.isArray(w)) {
-      const v = w;
+    }, P = _.classNames;
+    if (P && typeof P == "object" && !Array.isArray(P)) {
+      const v = P;
       y.root = v.root ? `${M.root} ${v.root}` : M.root, y.body = v.body ? `${M.body} ${v.body}` : M.body, y.track = v.track ? `${M.track} ${v.track}` : M.track, y.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, y.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, y.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, y.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
     const C = _.className, $ = C ? `${M.root} ${C}` : M.root;
-    if (o && t) {
+    if (o && r) {
       const v = !!(_.checked ?? _.defaultChecked), x = /* @__PURE__ */ s(
-        t,
+        r,
         {
           ...e,
           checked: v,
@@ -3024,12 +3032,12 @@ Oo.displayName = "Switch";
 Oo.Group = xo;
 const Ml = "Table-module__root___aMWWS", zl = {
   root: Ml
-}, Zt = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className, l = zl.root, i = t ? `${l} ${t}` : l;
+}, Zt = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className, l = zl.root, i = r ? `${l} ${r}` : l;
   return /* @__PURE__ */ s(
     ue,
     {
-      ref: r,
+      ref: t,
       className: i,
       ...o
     }
@@ -3052,20 +3060,20 @@ const El = "Tabs-module__root___-VKVI", Bl = "Tabs-module__list___qRVME", Fl = "
   panel: Vl
 }, Kt = h(function(e, a) {
   const {
-    variant: r = "default",
+    variant: t = "default",
     orientation: o = "horizontal",
-    overStyled: t = !1,
+    overStyled: r = !1,
     className: l,
     ...i
-  } = e, c = N(i, t);
+  } = e, c = N(i, r);
   return /* @__PURE__ */ s(
     Qe,
     {
       ref: a,
-      variant: r,
+      variant: t,
       orientation: o,
       className: `${je.root} ${l || ""}`,
-      "data-variant": r,
+      "data-variant": t,
       "data-orientation": o,
       classNames: {
         list: je.list,
@@ -3079,12 +3087,12 @@ const El = "Tabs-module__root___-VKVI", Bl = "Tabs-module__list___qRVME", Fl = "
 Kt.displayName = "Tabs";
 const Xt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.List,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
@@ -3092,12 +3100,12 @@ const Xt = h(
 Xt.displayName = "Tabs.List";
 const Qt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.Tab,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
@@ -3105,12 +3113,12 @@ const Qt = h(
 Qt.displayName = "Tabs.Tab";
 const Jt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.Panel,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
@@ -3120,14 +3128,14 @@ const Dl = Object.assign(Kt, {
   List: Xt,
   Tab: Qt,
   Panel: Jt
-}), er = h(function({ overStyled: e = !1, variant: a = "body", ...r }, o) {
-  const t = N(r, e), l = t.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
+}), er = h(function({ overStyled: e = !1, variant: a = "body", ...t }, o) {
+  const r = N(t, e), l = r.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ s(
     zr,
     {
       ref: o,
       className: c,
-      ...t
+      ...r
     }
   );
 });
@@ -3139,10 +3147,10 @@ const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextAre
 }, or = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -3153,7 +3161,7 @@ const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextAre
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
@@ -3163,7 +3171,7 @@ const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextAre
       value: x,
       defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: he.root,
@@ -3182,9 +3190,9 @@ const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextAre
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -3195,7 +3203,7 @@ const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextAre
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
@@ -3238,10 +3246,10 @@ const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__r
 }, tr = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -3252,7 +3260,7 @@ const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__r
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
@@ -3262,7 +3270,7 @@ const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__r
       value: x,
       defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: oe.root,
@@ -3282,9 +3290,9 @@ const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__r
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -3295,7 +3303,7 @@ const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__r
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
@@ -3338,11 +3346,11 @@ const Xl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Ql
   function({
     overStyled: e = !1,
     timestamp: a,
-    bulletVariant: r = "default",
+    bulletVariant: t = "default",
     children: o,
-    ...t
+    ...r
   }, l) {
-    const i = N(t, e), c = {
+    const i = N(r, e), c = {
       item: $e.item,
       itemBody: $e.itemBody,
       itemContent: $e.itemContent,
@@ -3364,7 +3372,7 @@ const Xl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Ql
       {
         ref: l,
         classNames: c,
-        "data-variant": r,
+        "data-variant": t,
         ...i,
         children: p
       }
@@ -3373,21 +3381,21 @@ const Xl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Ql
 );
 Lo.displayName = "TimelineItem";
 const rr = V.forwardRef(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = {
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = {
       root: $e.root
     }, l = o.classNames;
     if (l && typeof l == "object" && !Array.isArray(l)) {
       const i = l;
       Object.keys(i).forEach((c) => {
-        t[c] ? t[c] = `${t[c]} ${i[c]}` : t[c] = i[c];
+        r[c] ? r[c] = `${r[c]} ${i[c]}` : r[c] = i[c];
       });
     }
     return /* @__PURE__ */ s(
       Fr,
       {
-        ref: r,
-        classNames: t,
+        ref: t,
+        classNames: r,
         ...o
       }
     );
@@ -3396,15 +3404,15 @@ const rr = V.forwardRef(
 rr.displayName = "Timeline";
 const ar = rr;
 ar.Item = Lo;
-const sr = h(function({ overStyled: e = !1, order: a = 1, ...r }, o) {
-  const t = N(r, e), l = t.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
+const sr = h(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
+  const r = N(t, e), l = r.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ s(
     Vr,
     {
       ref: o,
       order: a,
       className: c,
-      ...t
+      ...r
     }
   );
 });
@@ -3421,9 +3429,9 @@ const ni = "Toast-module__root___MUvfI", li = "Toast-module__icon___VwvE1", ii =
   function({
     overStyled: e = !1,
     variant: a = "default",
-    withCloseButton: r = !0,
+    withCloseButton: t = !0,
     ...o
-  }, t) {
+  }, r) {
     const l = N(o, e), i = {
       root: xe.root,
       body: xe.body,
@@ -3442,8 +3450,8 @@ const ni = "Toast-module__root___MUvfI", li = "Toast-module__icon___VwvE1", ii =
     return /* @__PURE__ */ s(
       Dr,
       {
-        ref: t,
-        withCloseButton: r,
+        ref: r,
+        withCloseButton: t,
         withBorder: !1,
         "data-variant": a,
         classNames: i,
@@ -3460,16 +3468,16 @@ const _i = "Tooltip-module__tooltip___UA7H9", ui = "Tooltip-module__arrow___4zRO
 }, lr = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     tooltip: Vo.tooltip,
     arrow: Vo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -3480,7 +3488,7 @@ const _i = "Tooltip-module__tooltip___UA7H9", ui = "Tooltip-module__arrow___4zRO
       multiline: !0,
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
@@ -3492,107 +3500,107 @@ Wo.Group = uo.Group;
 const yi = (n) => /* @__PURE__ */ s("div", { ...n, children: "TransferList" }), bi = "Tree-module__root___ANcH3", Do = {
   root: bi
 }, ir = h(
-  function({ overStyled: e = !1, className: a, ...r }, o) {
-    const t = a ? `${Do.root} ${a}` : Do.root;
-    return /* @__PURE__ */ s("div", { ref: o, className: t, ...r, children: "Tree (Coming Soon)" });
+  function({ overStyled: e = !1, className: a, ...t }, o) {
+    const r = a ? `${Do.root} ${a}` : Do.root;
+    return /* @__PURE__ */ s("div", { ref: o, className: r, ...t, children: "Tree (Coming Soon)" });
   }
 );
 ir.displayName = "Tree";
-const gi = ks, Ti = _t, Si = cl, Ai = ct, xi = Vs, Oi = jl, Li = P(
+const gi = ks, Ti = _t, Si = cl, Ai = ct, xi = Vs, Oi = jl, Li = w(
   oo
-), Wi = P(
+), Wi = w(
   bo
-), Ii = P(
+), Ii = w(
   Je
-), ki = P(
+), ki = w(
   eo
-), Ri = P(
+), Ri = w(
   Xo
-), Mi = P(
+), Mi = w(
   Ra
-), zi = P(
+), zi = w(
   za
-), Ei = P(
+), Ei = w(
   et
-), Bi = P(
+), Bi = w(
   Ya
-), Fi = P(
+), Fi = w(
   es
-), Vi = P(
+), Vi = w(
   vo
-), Di = P(
+), Di = w(
   $o
-), ji = P(
+), ji = w(
   it
-), Gi = P(
+), Gi = w(
   dt
-), Hi = P(
+), Hi = w(
   pt
-), qi = P(
+), qi = w(
   Ls
-), Ui = P(
+), Ui = w(
   Ws
-), Yi = P(
+), Yi = w(
   de
-), Zi = P(
+), Zi = w(
   Co
-), Ki = P(
+), Ki = w(
   ho
-), Xi = P(
+), Xi = w(
   fo
-), Qi = P(
+), Qi = w(
   Le
-), Ji = P(
+), Ji = w(
   ye
-), ec = P(
+), ec = w(
   xt
-), oc = P(
+), oc = w(
   se
-), tc = P(
+), tc = w(
   ne
-), rc = P(
+), rc = w(
   go
-), ac = P(
+), ac = w(
   To
-), sc = P(
+), sc = w(
   Ao
-), nc = P(
+), nc = w(
   So
-), lc = P(
+), lc = w(
   No
-), ic = P(
+), ic = w(
   qn
-), cc = P(
+), cc = w(
   qt
-), dc = P(
+), dc = w(
   gl
-), pc = P(
+), pc = w(
   Oo
-), mc = P(
+), mc = w(
   xo
-), _c = P(
+), _c = w(
   be
-), uc = P(
+), uc = w(
   Dl
-), yc = P(
+), yc = w(
   or
-), bc = P(
+), bc = w(
   tr
-), fc = P(
+), fc = w(
   Xl
-), Nc = P(
+), Nc = w(
   ar
-), hc = P(
+), hc = w(
   Lo
-), $c = P(
+), $c = w(
   sr
-), vc = P(
+), vc = w(
   nr
-), Cc = P(
+), Cc = w(
   Wo
-), wc = P(
+), wc = w(
   yi
-), Pc = P(
+), Pc = w(
   ir
 );
 export {
@@ -3661,6 +3669,6 @@ export {
   Ko as registerOverStyledConsoleCommand,
   $a as toggleGlobalOverStyled,
   va as useGlobalOverStyled,
-  P as wrapComponent
+  w as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map