@recursica/mantine-adapter 0.26.0 → 0.27.0

package/dist/mantine-adapter.js

@@ -1,8 +1,8 @@
-import { jsx as s, jsxs as z, Fragment as xe } from "react/jsx-runtime";
-import j, { forwardRef as h, useId as Ut, useEffect as vo, useState as bo } from "react";
-import { Accordion as Ge, Input as Co, Box as eo, Autocomplete as Zt, Avatar as Yt, createPolymorphicComponent as te, Badge as Kt, Breadcrumbs as Xt, Loader as Jt, Button as Qt, Card as He, Checkbox as Po, Chip as ea, Container as oa, Select as ta, Flex as aa, Group as ra, HoverCard as oo, Anchor as sa, Menu as ae, Modal as K, NumberInput as na, Pagination as ie, Drawer as ce, Popover as to, Radio as wo, SegmentedControl as la, Slider as ia, Stack as ca, Stepper as Je, Switch as go, CheckIcon as da, CloseIcon as pa, Tabs as qe, Text as _a, Textarea as ma, TimelineItem as ua, Timeline as ba, Title as ya, Notification as Na, Tooltip as ao } from "@mantine/core";
-import { DatePickerInput as fa } from "@mantine/dates";
-const ha = [
+import { jsx as s, jsxs as z, Fragment as Oe } from "react/jsx-runtime";
+import j, { forwardRef as h, useId as Kt, useEffect as Po, useState as fo } from "react";
+import { Accordion as qe, Input as wo, Box as to, Autocomplete as Xt, Avatar as Jt, createPolymorphicComponent as te, Badge as Qt, Breadcrumbs as ea, Loader as oa, Button as ta, Card as Ue, Checkbox as go, Chip as aa, Container as ra, Select as sa, Flex as na, Group as la, HoverCard as ao, Anchor as ia, Menu as ae, Modal as K, NumberInput as ca, Pagination as ie, Drawer as ce, Popover as ro, Radio as To, SegmentedControl as da, Slider as pa, Stack as _a, Stepper as eo, Switch as So, CheckIcon as ma, CloseIcon as ua, Table as de, Tabs as Ze, Text as ba, Textarea as ya, TimelineItem as fa, Timeline as Na, Title as ha, Notification as $a, Tooltip as so } from "@mantine/core";
+import { DatePickerInput as va } from "@mantine/dates";
+const Ca = [
   "className",
   "classNames",
   "style",
@@ -46,7 +46,7 @@ const ha = [
   "mih",
   "mah"
   // Dimensions
-], To = /* @__PURE__ */ new Set([
+], xo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -61,7 +61,7 @@ const ha = [
   "left",
   "bottom",
   "right"
-]), Ve = {
+]), je = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -70,38 +70,38 @@ const ha = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function ro(l) {
-  const e = { ...l };
+function no(i) {
+  const e = { ...i };
   for (const [r, a] of Object.entries(e))
-    typeof a == "string" && a.startsWith("rec-") && To.has(r) && a in Ve && (e[r] = Ve[a]);
+    typeof a == "string" && a.startsWith("rec-") && xo.has(r) && a in je && (e[r] = je[a]);
   return e;
 }
-function f(l, e) {
+function N(i, e) {
   if (e)
-    return l;
-  const r = { ...l };
-  for (const a of ha)
+    return i;
+  const r = { ...i };
+  for (const a of Ca)
     a in r && delete r[a];
-  for (const [a, t] of Object.entries(r))
-    typeof t == "string" && t.startsWith("rec-") && To.has(a) && t in Ve && (r[a] = Ve[t]);
+  for (const [a, o] of Object.entries(r))
+    typeof o == "string" && o.startsWith("rec-") && xo.has(a) && o in je && (r[a] = je[o]);
   return r;
 }
-const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryVk", Ca = "Accordion-module__noDivider___Ni2tT", Pa = "Accordion-module__control___b4wgX", wa = "Accordion-module__label___Ss7uW", ga = "Accordion-module__chevron___i-HVZ", Ta = "Accordion-module__iconLeftWrapper___5oLen", Sa = "Accordion-module__panel___Wx50w", xa = "Accordion-module__content___PEM9t", se = {
-  root: $a,
-  item: va,
-  noDivider: Ca,
-  control: Pa,
-  label: wa,
-  chevron: ga,
-  iconLeftWrapper: Ta,
-  panel: Sa,
-  content: xa
-}, So = function({
+const Pa = "Accordion-module__root___Dem6d", wa = "Accordion-module__item___7ryVk", ga = "Accordion-module__noDivider___Ni2tT", Ta = "Accordion-module__control___b4wgX", Sa = "Accordion-module__label___Ss7uW", xa = "Accordion-module__chevron___i-HVZ", Aa = "Accordion-module__iconLeftWrapper___5oLen", Oa = "Accordion-module__panel___Wx50w", Wa = "Accordion-module__content___PEM9t", se = {
+  root: Pa,
+  item: wa,
+  noDivider: ga,
+  control: Ta,
+  label: Sa,
+  chevron: xa,
+  iconLeftWrapper: Aa,
+  panel: Oa,
+  content: Wa
+}, Ao = function({
   variant: e = "unstyled",
   overStyled: r = !1,
   ...a
 }) {
-  const t = f(a, r), o = {
+  const o = N(a, r), t = {
     root: se.root,
     item: se.item,
     control: se.control,
@@ -109,94 +109,94 @@ const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryV
     chevron: se.chevron,
     panel: se.panel,
     content: se.content
-  }, n = t.classNames;
+  }, n = o.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
     Object.keys(c).forEach((d) => {
-      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
+      t[d] ? t[d] = `${t[d]} ${c[d]}` : t[d] = c[d];
     });
   }
-  const i = t.className;
+  const l = o.className;
   return /* @__PURE__ */ s(
-    Ge,
+    qe,
     {
       variant: e,
-      className: i,
-      classNames: o,
-      ...t
+      className: l,
+      classNames: t,
+      ...o
     }
   );
 };
-So.displayName = "Accordion";
-const xo = h(function({ title: e, leftIcon: r, divider: a = !0, children: t, overStyled: o = !1, ...n }, i) {
-  const c = f(n, o), d = c.className, p = [a ? void 0 : se.noDivider, d].filter(Boolean).join(" ") || void 0;
+Ao.displayName = "Accordion";
+const Oo = h(function({ title: e, leftIcon: r, divider: a = !0, children: o, overStyled: t = !1, ...n }, l) {
+  const c = N(n, t), d = c.className, p = [a ? void 0 : se.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ s(
-    Ge.Item,
+    qe.Item,
     {
-      ref: i,
+      ref: l,
       className: p,
       ...c,
-      children: e ? /* @__PURE__ */ z(xe, { children: [
-        /* @__PURE__ */ s(so, { leftIcon: r, children: e }),
-        /* @__PURE__ */ s(no, { children: t })
-      ] }) : t
+      children: e ? /* @__PURE__ */ z(Oe, { children: [
+        /* @__PURE__ */ s(lo, { leftIcon: r, children: e }),
+        /* @__PURE__ */ s(io, { children: o })
+      ] }) : o
     }
   );
 });
-xo.displayName = "AccordionItem";
-const so = h(function({ leftIcon: e, children: r, overStyled: a = !1, ...t }, o) {
-  const n = f(t, a), i = n.className;
+Oo.displayName = "AccordionItem";
+const lo = h(function({ leftIcon: e, children: r, overStyled: a = !1, ...o }, t) {
+  const n = N(o, a), l = n.className;
   return /* @__PURE__ */ s(
-    Ge.Control,
+    qe.Control,
     {
-      ref: o,
-      className: i,
+      ref: t,
+      className: l,
       icon: e ? /* @__PURE__ */ s("span", { className: se.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...n,
       children: r
     }
   );
 });
-so.displayName = "AccordionControl";
-const no = h(function({ overStyled: e = !1, ...r }, a) {
-  const t = f(r, e), o = t.className;
+lo.displayName = "AccordionControl";
+const io = h(function({ overStyled: e = !1, ...r }, a) {
+  const o = N(r, e), t = o.className;
   return /* @__PURE__ */ s(
-    Ge.Panel,
+    qe.Panel,
     {
       ref: a,
-      className: o,
-      ...t
+      className: t,
+      ...o
     }
   );
 });
-no.displayName = "AccordionPanel";
-const lo = So;
-lo.Item = xo;
-lo.Control = so;
-lo.Panel = no;
-const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR", Wa = "Label-module__required___Ggrzc", La = "Label-module__optionalText___Y2yun", ka = "Label-module__actionAreaWrapper___ELoZK", Ia = "Label-module__editIconWrapper___NG2xW", X = {
-  root: Aa,
-  labelText: Oa,
-  required: Wa,
-  optionalText: La,
-  actionAreaWrapper: ka,
-  editIconWrapper: Ia
-}, Ao = h(function({
+io.displayName = "AccordionPanel";
+const co = Ao;
+co.Item = Oo;
+co.Control = lo;
+co.Panel = io;
+const La = "Label-module__root___e6HXZ", ka = "Label-module__labelText___rieFR", Ia = "Label-module__required___Ggrzc", Ma = "Label-module__optionalText___Y2yun", za = "Label-module__actionAreaWrapper___ELoZK", Ra = "Label-module__editIconWrapper___NG2xW", X = {
+  root: La,
+  labelText: ka,
+  required: Ia,
+  optionalText: Ma,
+  actionAreaWrapper: za,
+  editIconWrapper: Ra
+}, Wo = h(function({
   labelSize: e = "default",
   labelAlignment: r,
   required: a = !1,
-  labelOptionalText: t,
-  labelWithEditIcon: o,
+  labelOptionalText: o,
+  labelWithEditIcon: t,
   labelActionArea: n,
-  onLabelEditClick: i,
+  onLabelEditClick: l,
   children: c,
   overStyled: d = !1,
   ...p
 }, _) {
-  const N = r || "left";
+  const f = r || "left";
   let u;
-  a || (t === !0 ? u = "optional" : t && (u = t));
-  const m = f(p, d), b = m, P = {
+  a || (o === !0 ? u = "optional" : o && (u = o));
+  const m = N(p, d), b = m, P = {
     label: X.root,
     required: X.required
   }, C = b.classNames;
@@ -206,25 +206,25 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
   }
   const $ = b.className, y = $ ? `${X.root} ${$}` : X.root;
   return /* @__PURE__ */ z(
-    Co.Label,
+    wo.Label,
     {
       ref: _,
       className: y,
       classNames: P,
       "data-size": e,
-      "data-alignment": N,
-      required: a && !o,
+      "data-alignment": f,
+      required: a && !t,
       ...m,
       children: [
         /* @__PURE__ */ s("span", { className: X.labelText, children: c }),
         u && /* @__PURE__ */ s("span", { className: X.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        n ? /* @__PURE__ */ s("span", { className: X.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ s(
+        n ? /* @__PURE__ */ s("span", { className: X.actionAreaWrapper, children: n }) : t ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: X.editIconWrapper,
             "data-replaces-asterisk": a ? "true" : void 0,
-            onClick: i,
+            onClick: l,
             "aria-label": "Edit",
             children: /* @__PURE__ */ s(
               "svg",
@@ -251,23 +251,23 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
     }
   );
 });
-Ao.displayName = "Label";
-const Ma = "FormControlLayout-module__root___yNDhZ", za = "FormControlLayout-module__leftSection___GBM1r", Ra = "FormControlLayout-module__rightSection___bcL4v", Be = {
-  root: Ma,
-  leftSection: za,
-  rightSection: Ra
+Wo.displayName = "Label";
+const Ba = "FormControlLayout-module__root___yNDhZ", Fa = "FormControlLayout-module__leftSection___GBM1r", Ea = "FormControlLayout-module__rightSection___bcL4v", Ee = {
+  root: Ba,
+  leftSection: Fa,
+  rightSection: Ea
 }, Ne = h(function({
   formLayout: e = "stacked",
   labelSize: r = "default",
   controlMaxWidth: a,
-  controlMinWidth: t,
-  leftSection: o,
+  controlMinWidth: o,
+  leftSection: t,
   children: n,
-  className: i,
+  className: l,
   style: c,
   ...d
 }, p) {
-  const _ = i ? `${Be.root} ${i}` : Be.root, u = o != null || e === "side-by-side";
+  const _ = l ? `${Ee.root} ${l}` : Ee.root, u = t != null || e === "side-by-side";
   return /* @__PURE__ */ z(
     "div",
     {
@@ -277,22 +277,22 @@ const Ma = "FormControlLayout-module__root___yNDhZ", za = "FormControlLayout-mod
       style: {
         ...c,
         ...a ? { "--form-control-max-width": a } : {},
-        ...t ? { "--form-control-min-width": t } : {}
+        ...o ? { "--form-control-min-width": o } : {}
       },
       ...d,
       children: [
-        u && /* @__PURE__ */ s("div", { className: Be.leftSection, "data-size": r, children: o }),
-        /* @__PURE__ */ s("div", { className: Be.rightSection, children: n })
+        u && /* @__PURE__ */ s("div", { className: Ee.leftSection, "data-size": r, children: t }),
+        /* @__PURE__ */ s("div", { className: Ee.rightSection, children: n })
       ]
     }
   );
 });
 Ne.displayName = "FormControlLayout";
-const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-module__textWrapper___sfy5E", Ea = "AssistiveElement-module__iconWrapper___gObRF", Xe = {
-  root: Ba,
-  textWrapper: Fa,
-  iconWrapper: Ea
-}, Va = () => /* @__PURE__ */ z(
+const Va = "AssistiveElement-module__root___WhQ43", Da = "AssistiveElement-module__textWrapper___sfy5E", ja = "AssistiveElement-module__iconWrapper___gObRF", Qe = {
+  root: Va,
+  textWrapper: Da,
+  iconWrapper: ja
+}, Ga = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -308,7 +308,7 @@ const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-modul
       /* @__PURE__ */ s("path", { d: "M12 8h.01" })
     ]
   }
-), Da = () => /* @__PURE__ */ z(
+), Ha = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,47 +324,47 @@ const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-modul
       /* @__PURE__ */ s("path", { d: "M12 17h.01" })
     ]
   }
-), Qe = h(function({
+), oo = h(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: r = !0,
   children: a,
-  className: t,
-  overStyled: o = !1,
+  className: o,
+  overStyled: t = !1,
   ...n
-}, i) {
-  const d = f(n, o), p = Xe.root, _ = t ? `${p} ${t}` : p, N = e === "error" ? Da : Va;
+}, l) {
+  const d = N(n, t), p = Qe.root, _ = o ? `${p} ${o}` : p, f = e === "error" ? Ha : Ga;
   return /* @__PURE__ */ z(
     "div",
     {
-      ref: i,
+      ref: l,
       className: _,
       "data-variant": e,
       style: d.style,
       ...d,
       children: [
-        r && /* @__PURE__ */ s("span", { className: Xe.iconWrapper, children: /* @__PURE__ */ s(N, {}) }),
-        /* @__PURE__ */ s("span", { className: Xe.textWrapper, children: a })
+        r && /* @__PURE__ */ s("span", { className: Qe.iconWrapper, children: /* @__PURE__ */ s(f, {}) }),
+        /* @__PURE__ */ s("span", { className: Qe.textWrapper, children: a })
       ]
     }
   );
 });
-Qe.displayName = "AssistiveElement";
-const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-module__inputSection___HenXk", yo = {
-  root: ja,
-  inputSection: Ga
-}, De = h(function({
+oo.displayName = "AssistiveElement";
+const qa = "FormControlWrapper-module__root___c-UHo", Ua = "FormControlWrapper-module__inputSection___HenXk", No = {
+  root: qa,
+  inputSection: Ua
+}, Ge = h(function({
   formLayout: e,
   labelSize: r,
   labelAlignment: a,
-  labelOptionalText: t,
-  labelWithEditIcon: o,
+  labelOptionalText: o,
+  labelWithEditIcon: t,
   labelActionArea: n,
-  onLabelEditClick: i,
+  onLabelEditClick: l,
   label: c,
   description: d,
   assistiveText: p,
   assistiveWithIcon: _ = !0,
-  controlMaxWidth: N,
+  controlMaxWidth: f,
   controlMinWidth: u,
   error: m,
   required: b,
@@ -377,21 +377,21 @@ const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
   // Extracted safely preventing bleeding into HTML domains
   ...I
 }, x) {
-  const S = Ut(), O = C || `recursica-fc-${S}`, W = p || d, w = W ? `${O}-assistive` : void 0, g = m ? `${O}-error` : void 0, R = f(I, A), T = y || R.className, he = yo.root, $e = T ? `${he} ${T}` : he, U = j.isValidElement($) ? j.cloneElement(
+  const S = Kt(), O = C || `recursica-fc-${S}`, W = p || d, w = W ? `${O}-assistive` : void 0, g = m ? `${O}-error` : void 0, R = N(I, A), T = y || R.className, ve = No.root, Ce = T ? `${ve} ${T}` : ve, U = j.isValidElement($) ? j.cloneElement(
     $,
     {
       ...W && !$.props["aria-describedby"] ? { "aria-describedby": w } : {},
       ...m && !$.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
     }
-  ) : $, Ye = c ? /* @__PURE__ */ s(
-    Ao,
+  ) : $, Xe = c ? /* @__PURE__ */ s(
+    Wo,
     {
       id: O,
       labelAlignment: a,
-      labelOptionalText: t,
-      labelWithEditIcon: o,
+      labelOptionalText: o,
+      labelWithEditIcon: t,
       labelActionArea: n,
-      onLabelEditClick: i,
+      onLabelEditClick: l,
       required: P ?? b,
       ...v === "div" ? { as: "div" } : {},
       children: c
@@ -401,17 +401,17 @@ const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
     Ne,
     {
       ref: x,
-      className: $e,
+      className: Ce,
       formLayout: e,
       labelSize: r,
-      controlMaxWidth: N,
+      controlMaxWidth: f,
       controlMinWidth: u,
-      leftSection: Ye,
+      leftSection: Xe,
       ...R,
-      children: /* @__PURE__ */ z("div", { className: yo.inputSection, children: [
+      children: /* @__PURE__ */ z("div", { className: No.inputSection, children: [
         U,
         m && /* @__PURE__ */ s(
-          Qe,
+          oo,
           {
             id: g,
             assistiveVariant: "error",
@@ -420,7 +420,7 @@ const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
           }
         ),
         !m && W && /* @__PURE__ */ s(
-          Qe,
+          oo,
           {
             id: w,
             assistiveVariant: "help",
@@ -432,41 +432,41 @@ const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
     }
   );
 });
-De.displayName = "FormControlWrapper";
-const Ha = "_root_1qhn7_3", qa = "_contents_1qhn7_18", Te = {
-  root: Ha,
-  contents: qa
-}, Ua = h(function({ layer: l, contentsOnly: e, children: r, className: a, style: t, ...o }, n) {
-  const i = e ? a ? `${Te.root} ${Te.contents} ${a}` : `${Te.root} ${Te.contents}` : a ? `${Te.root} ${a}` : Te.root;
+Ge.displayName = "FormControlWrapper";
+const Za = "_root_1qhn7_3", Ya = "_contents_1qhn7_18", xe = {
+  root: Za,
+  contents: Ya
+}, Ka = h(function({ layer: i, contentsOnly: e, children: r, className: a, style: o, ...t }, n) {
+  const l = e ? a ? `${xe.root} ${xe.contents} ${a}` : `${xe.root} ${xe.contents}` : a ? `${xe.root} ${a}` : xe.root;
   return /* @__PURE__ */ s(
     "div",
     {
       ref: n,
-      className: i,
-      style: t,
-      ...e ? {} : { "data-recursica-layer": String(l) },
-      ...o,
+      className: l,
+      style: o,
+      ...e ? {} : { "data-recursica-layer": String(i) },
+      ...t,
       children: r
     }
   );
 });
-Ua.displayName = "Layer";
-const je = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ s(j.Fragment, { children: l });
-je.displayName = "EmptyValueRenderer";
-je.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
-const No = "data-recursica-theme";
-function Hl({
-  children: l,
+Ka.displayName = "Layer";
+const He = ({ emptyText: i = "N/A" }) => /* @__PURE__ */ s(j.Fragment, { children: i });
+He.displayName = "EmptyValueRenderer";
+He.check = (i) => i == null || i === "" || Array.isArray(i) && i.length === 0;
+const ho = "data-recursica-theme";
+function Kl({
+  children: i,
   theme: e = "light"
 }) {
-  return vo(() => {
+  return Po(() => {
     const r = document.documentElement;
-    return r.setAttribute(No, e), () => {
-      r.removeAttribute(No);
+    return r.setAttribute(ho, e), () => {
+      r.removeAttribute(ho);
     };
-  }, [e]), /* @__PURE__ */ s(xe, { children: l });
+  }, [e]), /* @__PURE__ */ s(Oe, { children: i });
 }
-const ql = [
+const Xl = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -514,74 +514,74 @@ const ql = [
   "Toast",
   "Tooltip",
   "TransferList"
-], Za = "ReadOnlyField-module__layoutOverride___9fSsG", Ya = "ReadOnlyField-module__textField___qKn25", Se = {
-  layoutOverride: Za,
-  textField: Ya
-}, Ee = ({
-  value: l,
+], Xa = "ReadOnlyField-module__layoutOverride___9fSsG", Ja = "ReadOnlyField-module__textField___qKn25", Ae = {
+  layoutOverride: Xa,
+  textField: Ja
+}, De = ({
+  value: i,
   overStyled: e = !1,
   ...r
 }) => {
-  const a = f(r, e), t = a.className;
+  const a = N(r, e), o = a.className;
   return /* @__PURE__ */ s(
-    eo,
+    to,
     {
       component: "p",
-      className: t ? `${Se.textField} ${t}` : Se.textField,
+      className: o ? `${Ae.textField} ${o}` : Ae.textField,
       ...a,
-      children: l != null ? j.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
+      children: i != null ? j.isValidElement(i) ? i : Array.isArray(i) ? i.join(", ") : String(i) : ""
     }
   );
 };
-Ee.displayName = "ReadOnlyTextField";
-const Oo = h(
+De.displayName = "ReadOnlyTextField";
+const Lo = h(
   function({
     value: e,
     type: r = "text",
     emptyValueComponent: a,
-    overStyled: t = !1,
-    className: o,
+    overStyled: o = !1,
+    className: t,
     style: n,
-    ...i
+    ...l
   }, c) {
     let d = null;
-    const p = f(i, t), _ = a || je, u = (_.check ? _.check(e) : je.check(e)) ? /* @__PURE__ */ s(_, { value: e }) : e;
+    const p = N(l, o), _ = a || He, u = (_.check ? _.check(e) : He.check(e)) ? /* @__PURE__ */ s(_, { value: e }) : e;
     switch (r) {
       case "boolean":
         d = /* @__PURE__ */ s(
-          Ee,
+          De,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : u,
-            overStyled: t
+            overStyled: o
           }
         );
         break;
       case "switch":
         d = /* @__PURE__ */ s(
-          Ee,
+          De,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : u,
-            overStyled: t
+            overStyled: o
           }
         );
         break;
       case "text":
       default:
         d = /* @__PURE__ */ s(
-          Ee,
+          De,
           {
             value: u,
-            overStyled: t
+            overStyled: o
           }
         );
         break;
     }
-    const m = o ? `${Se.layoutOverride} ${o}` : Se.layoutOverride;
+    const m = t ? `${Ae.layoutOverride} ${t}` : Ae.layoutOverride;
     return /* @__PURE__ */ s(
-      De,
+      Ge,
       {
         ref: c,
-        overStyled: t,
+        overStyled: o,
         className: m,
         style: n,
         ...p,
@@ -590,72 +590,72 @@ const Oo = h(
     );
   }
 );
-Oo.displayName = "ReadOnlyField";
+Lo.displayName = "ReadOnlyField";
 const oe = h(function({
   readOnly: e,
   readOnlyComponent: r,
   readOnlyType: a = "text",
-  readOnlyValue: t,
-  readOnlyNativeProps: o,
+  readOnlyValue: o,
+  readOnlyNativeProps: t,
   emptyValueComponent: n,
-  activeComponent: i,
+  activeComponent: l,
   overStyled: c,
   onLabelEditClick: d,
   ...p
 }, _) {
   return e ? r ? /* @__PURE__ */ s(
-    De,
+    Ge,
     {
       ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: /* @__PURE__ */ s(r, { ...o })
+      children: /* @__PURE__ */ s(r, { ...t })
     }
   ) : /* @__PURE__ */ s(
-    Oo,
+    Lo,
     {
       ref: _,
       type: a,
-      value: t,
+      value: o,
       emptyValueComponent: n,
       onLabelEditClick: d,
       overStyled: c,
       ...p
     }
   ) : /* @__PURE__ */ s(
-    De,
+    Ge,
     {
       ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: i
+      children: l
     }
   );
 });
 oe.displayName = "WithReadOnlyWrapper";
-const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-module__root___kANza", Ja = "AutoComplete-module__input___g51MC", Qa = "AutoComplete-module__section___WAbf1", er = "AutoComplete-module__dropdown___NqO3E", or = "AutoComplete-module__option___Y-Kja", V = {
-  layoutOverride: Ka,
-  root: Xa,
-  input: Ja,
-  section: Qa,
-  dropdown: er,
-  option: or
-}, tr = h(
+const Qa = "AutoComplete-module__layoutOverride___-K9WL", er = "AutoComplete-module__root___kANza", or = "AutoComplete-module__input___g51MC", tr = "AutoComplete-module__section___WAbf1", ar = "AutoComplete-module__dropdown___NqO3E", rr = "AutoComplete-module__option___Y-Kja", V = {
+  layoutOverride: Qa,
+  root: er,
+  input: or,
+  section: tr,
+  dropdown: ar,
+  option: rr
+}, sr = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: N,
+      assistiveWithIcon: f,
       error: u,
       required: m,
       withAsterisk: b,
@@ -669,7 +669,7 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = f(O, a), w = W;
+    } = e, W = N(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
     const g = {
       wrapper: V.root,
@@ -692,15 +692,15 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: N,
+        assistiveWithIcon: f,
         error: u,
         required: m,
         withAsterisk: b,
@@ -714,7 +714,7 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Zt,
+            Xt,
             {
               ref: r,
               classNames: g,
@@ -733,21 +733,21 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
     );
   }
 );
-tr.displayName = "AutoComplete";
-const ar = "Avatar-module__root___fXu-J", rr = "Avatar-module__iconWrapper___ojly2", sr = "Avatar-module__textWrapper___zp-jD", nr = "Avatar-module__image___ieqGp", lr = "Avatar-module__placeholder___IDW7-", Q = {
-  root: ar,
-  iconWrapper: rr,
-  textWrapper: sr,
-  image: nr,
-  placeholder: lr
-}, Wo = h(function({
+sr.displayName = "AutoComplete";
+const nr = "Avatar-module__root___fXu-J", lr = "Avatar-module__iconWrapper___ojly2", ir = "Avatar-module__textWrapper___zp-jD", cr = "Avatar-module__image___ieqGp", dr = "Avatar-module__placeholder___IDW7-", Q = {
+  root: nr,
+  iconWrapper: lr,
+  textWrapper: ir,
+  image: cr,
+  placeholder: dr
+}, ko = h(function({
   size: e = "default",
   variant: r = "solid",
   icon: a,
-  children: t,
-  src: o,
+  children: o,
+  src: t,
   overStyled: n = !1,
-  ...i
+  ...l
 }, c) {
   const d = {
     solid: "filled",
@@ -757,143 +757,143 @@ const ar = "Avatar-module__root___fXu-J", rr = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, _ = f(i, n), N = _;
+  }, _ = N(l, n), f = _;
   let u = "text";
-  o ? u = "image" : a && (u = "icon");
+  t ? u = "image" : a && (u = "icon");
   const m = {
     root: Q.root,
     image: Q.image,
     placeholder: Q.placeholder
-  }, b = N.classNames;
+  }, b = f.classNames;
   if (b && typeof b == "object" && !Array.isArray(b)) {
     const C = b;
     m.root = C.root ? `${Q.root} ${C.root}` : Q.root, m.image = C.image ? `${Q.image} ${C.image}` : Q.image, m.placeholder = C.placeholder ? `${Q.placeholder} ${C.placeholder}` : Q.placeholder;
   }
-  const P = N.className;
+  const P = f.className;
   return /* @__PURE__ */ s(
-    Yt,
+    Jt,
     {
       ref: c,
       className: P,
       classNames: m,
       variant: d[r],
       size: p[e],
-      src: o,
+      src: t,
       "data-variant": r,
       "data-size": e,
       "data-style": u,
       ..._,
-      children: a != null ? /* @__PURE__ */ s("span", { className: Q.iconWrapper, "aria-hidden": !0, children: a }) : t != null ? /* @__PURE__ */ s("span", { className: Q.textWrapper, children: t }) : void 0
+      children: a != null ? /* @__PURE__ */ s("span", { className: Q.iconWrapper, "aria-hidden": !0, children: a }) : o != null ? /* @__PURE__ */ s("span", { className: Q.textWrapper, children: o }) : void 0
     }
   );
 });
-Wo.displayName = "Avatar";
-const Ul = te(Wo), ir = "Badge-module__root___5osNT", re = {
-  root: ir
-}, Lo = h(function({ variant: e = "primary-color", overStyled: r = !1, ...a }, t) {
-  const o = f(a, r), n = {
+ko.displayName = "Avatar";
+const Jl = te(ko), pr = "Badge-module__root___5osNT", re = {
+  root: pr
+}, Io = h(function({ variant: e = "primary-color", overStyled: r = !1, ...a }, o) {
+  const t = N(a, r), n = {
     root: re.root,
     section: re.section,
     label: re.label
-  }, i = o.classNames;
-  if (i && typeof i == "object" && !Array.isArray(i)) {
-    const p = i;
+  }, l = t.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const p = l;
     n.root = p.root ? `${re.root} ${p.root}` : re.root, n.section = p.section ?? re.section, n.label = p.label ?? re.label;
   }
-  const c = o.className, d = c ? `${re.root} ${c}` : re.root;
+  const c = t.className, d = c ? `${re.root} ${c}` : re.root;
   return /* @__PURE__ */ s(
-    Kt,
+    Qt,
     {
-      ref: t,
+      ref: o,
       variant: "filled",
       "data-variant": e,
-      ...o,
+      ...t,
       className: d,
       classNames: n
     }
   );
 });
-Lo.displayName = "Badge";
-const Zl = te(Lo), cr = "Breadcrumb-module__root___x-9ln", dr = "Breadcrumb-module__separator___qrUX-", me = {
-  root: cr,
-  separator: dr
-}, pr = h(
-  function({ overStyled: e = !1, separator: r = ">", ...a }, t) {
-    const o = f(
+Io.displayName = "Badge";
+const Ql = te(Io), _r = "Breadcrumb-module__root___x-9ln", mr = "Breadcrumb-module__separator___qrUX-", ue = {
+  root: _r,
+  separator: mr
+}, ur = h(
+  function({ overStyled: e = !1, separator: r = ">", ...a }, o) {
+    const t = N(
       { separator: r, ...a },
       e
     ), n = {
-      root: me.root,
-      separator: me.separator
-    }, i = o.classNames;
-    if (i && typeof i == "object" && !Array.isArray(i)) {
-      const p = i;
-      n.root = p.root ? `${me.root} ${p.root}` : me.root, n.separator = p.separator ? `${me.separator} ${p.separator}` : me.separator;
-    }
-    const c = o.className, d = c ? `${me.root} ${c}` : me.root;
+      root: ue.root,
+      separator: ue.separator
+    }, l = t.classNames;
+    if (l && typeof l == "object" && !Array.isArray(l)) {
+      const p = l;
+      n.root = p.root ? `${ue.root} ${p.root}` : ue.root, n.separator = p.separator ? `${ue.separator} ${p.separator}` : ue.separator;
+    }
+    const c = t.className, d = c ? `${ue.root} ${c}` : ue.root;
     return /* @__PURE__ */ s(
-      Xt,
+      ea,
       {
-        ref: t,
-        ...o,
+        ref: o,
+        ...t,
         className: d,
         classNames: n
       }
     );
   }
 );
-pr.displayName = "Breadcrumb";
-const _r = "Loader-module__root___6iYOP", We = {
-  root: _r
-}, ko = h(function({ variant: e = "oval", size: r = "default", overStyled: a = !1, ...t }, o) {
-  const i = {
+ur.displayName = "Breadcrumb";
+const br = "Loader-module__root___6iYOP", ke = {
+  root: br
+}, Mo = h(function({ variant: e = "oval", size: r = "default", overStyled: a = !1, ...o }, t) {
+  const l = {
     sm: "small",
     md: "default",
     lg: "large",
     small: "small",
     default: "default",
     large: "large"
-  }[r] || "default", c = f(t, a), d = {
-    root: We.root
+  }[r] || "default", c = N(o, a), d = {
+    root: ke.root
   }, p = c.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
     const u = p;
-    d.root = u.root ? `${We.root} ${u.root}` : We.root;
+    d.root = u.root ? `${ke.root} ${u.root}` : ke.root;
   }
-  const _ = c.className, N = _ ? `${We.root} ${_}` : We.root;
+  const _ = c.className, f = _ ? `${ke.root} ${_}` : ke.root;
   return /* @__PURE__ */ s(
-    Jt,
+    oa,
     {
-      ref: o,
+      ref: t,
       type: e,
       "data-variant": e,
-      "data-size": i,
+      "data-size": l,
       ...c,
-      className: N,
+      className: f,
       classNames: d
     }
   );
 });
-ko.displayName = "Loader";
-const mr = "Button-module__root___Q2R8-", ur = "Button-module__loader___X-9u-", br = "Button-module__label___UJ3Zt", yr = "Button-module__labelText___rFV5p", Nr = "Button-module__iconWrapper___uEKPa", fr = "Button-module__section___f2mKr", J = {
-  root: mr,
-  loader: ur,
-  label: br,
-  labelText: yr,
-  iconWrapper: Nr,
-  section: fr
+Mo.displayName = "Loader";
+const yr = "Button-module__root___Q2R8-", fr = "Button-module__loader___X-9u-", Nr = "Button-module__label___UJ3Zt", hr = "Button-module__labelText___rFV5p", $r = "Button-module__iconWrapper___uEKPa", vr = "Button-module__section___f2mKr", J = {
+  root: yr,
+  loader: fr,
+  label: Nr,
+  labelText: hr,
+  iconWrapper: $r,
+  section: vr
 };
-function hr(l) {
-  return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
+function Cr(i) {
+  return i == null || i === "" ? !1 : typeof i == "string" ? i.trim() !== "" : !0;
 }
-const Io = h(function({
+const zo = h(function({
   variant: e = "solid",
   size: r = "default",
   icon: a,
-  children: t,
-  overStyled: o = !1,
+  children: o,
+  overStyled: t = !1,
   loaderVariant: n = "oval",
-  loaderSize: i,
+  loaderSize: l,
   useRecursicaLoader: c = !0,
   ...d
 }, p) {
@@ -901,12 +901,12 @@ const Io = h(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, N = {
+  }, f = {
     default: "md",
     small: "sm"
-  }, u = f(d, o), m = u;
+  }, u = N(d, t), m = u;
   delete m.fullWidth;
-  const b = !!a || !!m.leftSection, P = !!m.rightSection, C = hr(t), $ = (b || P) && !C;
+  const b = !!a || !!m.leftSection, P = !!m.rightSection, C = Cr(o), $ = (b || P) && !C;
   let y = "label";
   $ ? y = "icon-only" : (b || P) && (y = "icon-label"), 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").'
@@ -921,19 +921,19 @@ const Io = h(function({
     const w = v;
     A.root = w.root ? `${J.root} ${w.root}` : J.root, A.section = w.section ?? J.section, A.label = w.label ?? J.label;
   }
-  const I = m.className, x = I ? `${J.root} ${I}` : J.root, S = m.loaderProps, O = i ?? (r === "small" ? "small" : "default");
+  const I = m.className, x = I ? `${J.root} ${I}` : J.root, S = m.loaderProps, O = l ?? (r === "small" ? "small" : "default");
   let W = S;
   return c && (W = {
-    children: /* @__PURE__ */ s(ko, { variant: n, size: O }),
+    children: /* @__PURE__ */ s(Mo, { variant: n, size: O }),
     ...S
   }), /* @__PURE__ */ s(
-    Qt,
+    ta,
     {
       ref: p,
       className: x,
       classNames: A,
       variant: _[e],
-      size: N[r],
+      size: f[r],
       loaderProps: W,
       leftSection: a != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
       "data-variant": e,
@@ -941,126 +941,138 @@ const Io = h(function({
       "data-content": y,
       ...u,
       disabled: !!m.disabled || !!m.loading,
-      children: /* @__PURE__ */ s("span", { className: J.labelText, children: t })
+      children: /* @__PURE__ */ s("span", { className: J.labelText, children: o })
     }
   );
 });
-Io.displayName = "Button";
-const Yl = te(
-  Io
-), $r = "Card-module__root___c9KvZ", vr = "Card-module__header___PTXf2", Cr = "Card-module__footer___Mu-JC", Pr = "Card-module__section___BRT8H", wr = "Card-module__content___oFIQa", le = {
-  root: $r,
-  header: vr,
-  footer: Cr,
-  section: Pr,
-  content: wr
-}, Mo = h(function({ overStyled: e = !1, ...r }, a) {
-  const t = f(r, e), o = {
+zo.displayName = "Button";
+const ei = te(
+  zo
+), Pr = "Card-module__root___c9KvZ", wr = "Card-module__header___PTXf2", gr = "Card-module__footer___Mu-JC", Tr = "Card-module__section___BRT8H", Sr = "Card-module__content___oFIQa", le = {
+  root: Pr,
+  header: wr,
+  footer: gr,
+  section: Tr,
+  content: Sr
+}, Ro = h(function({ overStyled: e = !1, ...r }, a) {
+  const o = N(r, e);
+  [
+    "flex",
+    "flexGrow",
+    "flexShrink",
+    "flexBasis",
+    "grow",
+    "h",
+    "height"
+  ].forEach((d) => {
+    d in r && !(d in o) && (o[d] = r[d]);
+  });
+  const n = {
     root: le.root
-  }, n = t.classNames;
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const c = n;
-    Object.keys(c).forEach((d) => {
-      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
+  }, l = o.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const d = l;
+    Object.keys(d).forEach((p) => {
+      n[p] ? n[p] = `${n[p]} ${d[p]}` : n[p] = d[p];
     });
   }
-  const i = t.className;
+  const c = o.className;
   return /* @__PURE__ */ s(
-    He,
+    Ue,
     {
       ref: a,
-      className: i,
-      classNames: o,
-      ...t
+      className: c,
+      classNames: n,
+      ...o
     }
   );
 });
-Mo.displayName = "Card";
-const zo = h(
+Ro.displayName = "Card";
+const Bo = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
-      He.Section,
+      Ue.Section,
       {
         ref: a,
-        className: o ? `${le.section} ${o}` : le.section,
-        ...t
+        className: t ? `${le.section} ${t}` : le.section,
+        ...o
       }
     );
   }
 );
-zo.displayName = "CardSection";
-const Ro = h(
+Bo.displayName = "CardSection";
+const Fo = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
-      He.Section,
+      Ue.Section,
       {
         ref: a,
-        className: o ? `${le.header} ${o}` : le.header,
-        ...t
+        className: t ? `${le.header} ${t}` : le.header,
+        ...o
       }
     );
   }
 );
-Ro.displayName = "CardHeader";
-const Bo = h(
+Fo.displayName = "CardHeader";
+const Eo = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
-      He.Section,
+      Ue.Section,
       {
         ref: a,
-        className: o ? `${le.footer} ${o}` : le.footer,
-        ...t
+        className: t ? `${le.footer} ${t}` : le.footer,
+        ...o
       }
     );
   }
 );
-Bo.displayName = "CardFooter";
-const Fo = h(
+Eo.displayName = "CardFooter";
+const Vo = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
       "div",
       {
         ref: a,
-        className: o ? `${le.content} ${o}` : le.content,
-        ...t
+        className: t ? `${le.content} ${t}` : le.content,
+        ...o
       }
     );
   }
 );
-Fo.displayName = "CardContent";
-const Eo = te(Mo), Ue = Eo;
-Ue.Section = zo;
-Ue.Header = Ro;
-Ue.Footer = Bo;
-Ue.Content = Fo;
-const Kl = Eo, gr = "Checkbox-module__groupRoot___cBS0o", Tr = "Checkbox-module__root___mY3qk", Sr = "Checkbox-module__body___5yC7q", xr = "Checkbox-module__inner___rTke4", Ar = "Checkbox-module__input___2kt-h", Or = "Checkbox-module__icon___-O7i6", Wr = "Checkbox-module__labelWrapper___GpZkr", Lr = "Checkbox-module__label___cwRtI", B = {
-  groupRoot: gr,
-  root: Tr,
-  body: Sr,
-  inner: xr,
-  input: Ar,
-  icon: Or,
-  labelWrapper: Wr,
-  label: Lr
-}, Vo = h(
+Vo.displayName = "CardContent";
+const Do = te(Ro), Ye = Do;
+Ye.Section = Bo;
+Ye.Header = Fo;
+Ye.Footer = Eo;
+Ye.Content = Vo;
+const oi = Do, xr = "Checkbox-module__groupRoot___cBS0o", Ar = "Checkbox-module__root___mY3qk", Or = "Checkbox-module__body___5yC7q", Wr = "Checkbox-module__inner___rTke4", Lr = "Checkbox-module__input___2kt-h", kr = "Checkbox-module__icon___-O7i6", Ir = "Checkbox-module__labelWrapper___GpZkr", Mr = "Checkbox-module__label___cwRtI", B = {
+  groupRoot: xr,
+  root: Ar,
+  body: Or,
+  inner: Wr,
+  input: Lr,
+  icon: kr,
+  labelWrapper: Ir,
+  label: Mr
+}, jo = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: N,
+      assistiveText: f,
       assistiveWithIcon: u,
       error: m,
       required: b,
@@ -1075,7 +1087,7 @@ const Kl = Eo, gr = "Checkbox-module__groupRoot___cBS0o", Tr = "Checkbox-module_
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = f(W, a), g = w;
+    } = e, w = N(W, a), g = w;
     return delete g.size, /* @__PURE__ */ s(
       oe,
       {
@@ -1085,15 +1097,15 @@ const Kl = Eo, gr = "Checkbox-module__groupRoot___cBS0o", Tr = "Checkbox-module_
         controlMinWidth: void 0,
         overStyled: a,
         labelElement: "div",
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: N,
+        assistiveText: f,
         assistiveWithIcon: u,
         error: m,
         required: b,
@@ -1106,34 +1118,34 @@ const Kl = Eo, gr = "Checkbox-module__groupRoot___cBS0o", Tr = "Checkbox-module_
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          Po.Group,
+          go.Group,
           {
             ref: r,
             ...w,
             disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ s("div", { className: B.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: B.groupRoot, "data-layout": o, children: A })
           }
         )
       }
     );
   }
 );
-Vo.displayName = "CheckboxGroup";
-const Do = h(
+jo.displayName = "CheckboxGroup";
+const Go = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      readOnly: t,
-      readOnlyComponent: o,
+      readOnly: o,
+      readOnlyComponent: t,
       disabled: n,
-      formLayout: i,
+      formLayout: l,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, N = f(_, a), u = N;
+    } = e, f = N(_, a), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const m = {
       root: B.root,
@@ -1149,40 +1161,40 @@ const Do = h(
       m.root = y.root ? `${B.root} ${y.root}` : B.root, m.body = y.body ? `${B.body} ${y.body}` : B.body, m.inner = y.inner ? `${B.inner} ${y.inner}` : B.inner, m.input = y.input ? `${B.input} ${y.input}` : B.input, m.icon = y.icon ? `${B.icon} ${y.icon}` : B.icon, m.labelWrapper = y.labelWrapper ? `${B.labelWrapper} ${y.labelWrapper}` : B.labelWrapper, m.label = y.label ? `${B.label} ${y.label}` : B.label;
     }
     const P = u.className, C = P ? `${B.root} ${P}` : B.root;
-    if (t && o) {
+    if (o && t) {
       const y = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        o,
+        t,
         {
           ...e,
           checked: y,
           label: u.label
         }
       );
-      return i ? /* @__PURE__ */ s(
+      return l ? /* @__PURE__ */ s(
         Ne,
         {
-          formLayout: i,
+          formLayout: l,
           labelSize: c,
           controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ s(xe, { children: v });
+      ) : /* @__PURE__ */ s(Oe, { children: v });
     }
     const $ = /* @__PURE__ */ s(
-      Po,
+      go,
       {
         ref: r,
         className: C,
         classNames: m,
-        disabled: t || n,
-        ...N
+        disabled: o || n,
+        ...f
       }
     );
-    return i ? /* @__PURE__ */ s(
+    return l ? /* @__PURE__ */ s(
       Ne,
       {
-        formLayout: i,
+        formLayout: l,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
@@ -1191,18 +1203,18 @@ const Do = h(
     ) : $;
   }
 );
-Do.displayName = "Checkbox";
-Do.Group = Vo;
-const kr = "Chip-module__root___f5pFk", Ir = "Chip-module__label___Ov9pg", Mr = "Chip-module__mantineIconWrapper___KLSz6", zr = "Chip-module__innerWrapper___EnrTF", Rr = "Chip-module__children___zbRAR", Br = "Chip-module__leadingIcon___JBtjQ", Fr = "Chip-module__removeIcon___pVju-", H = {
-  root: kr,
-  label: Ir,
-  mantineIconWrapper: Mr,
-  innerWrapper: zr,
-  children: Rr,
-  leadingIcon: Br,
-  removeIcon: Fr
+Go.displayName = "Checkbox";
+Go.Group = jo;
+const zr = "Chip-module__root___f5pFk", Rr = "Chip-module__label___Ov9pg", Br = "Chip-module__mantineIconWrapper___KLSz6", Fr = "Chip-module__innerWrapper___EnrTF", Er = "Chip-module__children___zbRAR", Vr = "Chip-module__leadingIcon___JBtjQ", Dr = "Chip-module__removeIcon___pVju-", H = {
+  root: zr,
+  label: Rr,
+  mantineIconWrapper: Br,
+  innerWrapper: Fr,
+  children: Er,
+  leadingIcon: Vr,
+  removeIcon: Dr
 };
-function Er(l) {
+function jr(i) {
   return /* @__PURE__ */ z(
     "svg",
     {
@@ -1215,7 +1227,7 @@ function Er(l) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...l,
+      ...i,
       children: [
         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -1223,29 +1235,29 @@ function Er(l) {
     }
   );
 }
-const Vr = h(function({
+const Gr = h(function({
   error: e = !1,
   icon: r,
   onRemove: a,
-  removeLabel: t = "Remove",
-  children: o,
+  removeLabel: o = "Remove",
+  children: t,
   overStyled: n = !1,
-  ...i
+  ...l
 }, c) {
-  const d = f(i, n), p = d, _ = {
+  const d = N(l, n), p = d, _ = {
     root: H.root,
     label: H.label,
     input: H.input,
     iconWrapper: H.mantineIconWrapper,
     checkIcon: H.checkIcon
-  }, N = p.classNames;
-  if (N && typeof N == "object" && !Array.isArray(N)) {
-    const $ = N;
+  }, f = p.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const $ = f;
     _.root = $.root ? `${H.root} ${$.root}` : H.root, _.label = $.label ? `${H.label} ${$.label}` : H.label;
   }
-  const u = p.className, m = u ? `${H.root} ${u}` : H.root, b = e ? "" : void 0, P = !o && (!!r || !!a), C = p.checked !== void 0 || p.defaultChecked !== void 0 || a !== void 0 || p.onClick !== void 0;
+  const u = p.className, m = u ? `${H.root} ${u}` : H.root, b = e ? "" : void 0, P = !t && (!!r || !!a), C = p.checked !== void 0 || p.defaultChecked !== void 0 || a !== void 0 || p.onClick !== void 0;
   return /* @__PURE__ */ s(
-    ea,
+    aa,
     {
       ref: c,
       className: m,
@@ -1256,7 +1268,7 @@ const Vr = h(function({
       ...d,
       children: /* @__PURE__ */ z("span", { className: H.innerWrapper, children: [
         r && /* @__PURE__ */ s("span", { className: H.leadingIcon, "aria-hidden": !0, children: r }),
-        /* @__PURE__ */ s("span", { className: H.children, children: o }),
+        /* @__PURE__ */ s("span", { className: H.children, children: t }),
         a && /* @__PURE__ */ s(
           "span",
           {
@@ -1265,76 +1277,76 @@ const Vr = h(function({
             onClick: ($) => {
               $.preventDefault(), $.stopPropagation(), a($);
             },
-            "aria-label": t,
+            "aria-label": o,
             onKeyDown: ($) => {
               ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), a(
                 $
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s(Er, {})
+            children: /* @__PURE__ */ s(jr, {})
           }
         )
       ] })
     }
   );
 });
-Vr.displayName = "Chip";
-const Dr = "Container-module__root___UVssr", Le = {
-  root: Dr
-}, jr = h(
-  function({ children: e, size: r, ...a }, t) {
-    const o = {
+Gr.displayName = "Chip";
+const Hr = "Container-module__root___UVssr", Ie = {
+  root: Hr
+}, qr = h(
+  function({ children: e, size: r, ...a }, o) {
+    const t = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, n = typeof r == "string" && o[r] ? o[r] : r, i = {
-      root: Le.root
+    }, n = typeof r == "string" && t[r] ? t[r] : r, l = {
+      root: Ie.root
     }, c = a.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const _ = c;
-      i.root = _.root ? `${Le.root} ${_.root}` : Le.root;
+      l.root = _.root ? `${Ie.root} ${_.root}` : Ie.root;
     }
-    const d = a.className, p = d ? `${Le.root} ${d}` : Le.root;
+    const d = a.className, p = d ? `${Ie.root} ${d}` : Ie.root;
     return /* @__PURE__ */ s(
-      oa,
+      ra,
       {
-        ref: t,
+        ref: o,
         size: n,
         className: p,
-        classNames: i,
+        classNames: l,
         ...a,
         children: e
       }
     );
   }
 );
-jr.displayName = "Container";
-const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module__root___6XvRT", qr = "DatePicker-module__input___pcSW8", Ur = "DatePicker-module__section___n3iWA", Zr = "DatePicker-module__dropdown___wjt08", Yr = "DatePicker-module__calendarHeader___KHxno", Kr = "DatePicker-module__day___U03J2", Z = {
-  layoutOverride: Gr,
-  root: Hr,
-  input: qr,
-  section: Ur,
-  dropdown: Zr,
-  calendarHeader: Yr,
-  day: Kr
-}, Xr = h(
+qr.displayName = "Container";
+const Ur = "DatePicker-module__layoutOverride___X9yaM", Zr = "DatePicker-module__root___6XvRT", Yr = "DatePicker-module__input___pcSW8", Kr = "DatePicker-module__section___n3iWA", Xr = "DatePicker-module__dropdown___wjt08", Jr = "DatePicker-module__calendarHeader___KHxno", Qr = "DatePicker-module__day___U03J2", Z = {
+  layoutOverride: Ur,
+  root: Zr,
+  input: Yr,
+  section: Kr,
+  dropdown: Xr,
+  calendarHeader: Jr,
+  day: Qr
+}, es = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: N,
+      assistiveWithIcon: f,
       error: u,
       required: m,
       withAsterisk: b,
@@ -1348,7 +1360,7 @@ const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module_
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = f(O, a), w = W;
+    } = e, W = N(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius, delete w.description;
     const g = {
       wrapper: Z.root,
@@ -1372,15 +1384,15 @@ const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module_
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: N,
+        assistiveWithIcon: f,
         error: u,
         required: m,
         withAsterisk: b,
@@ -1394,7 +1406,7 @@ const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module_
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            fa,
+            va,
             {
               ref: r,
               classNames: g,
@@ -1417,28 +1429,28 @@ const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module_
     );
   }
 );
-Xr.displayName = "DatePicker";
-const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__root___uVyL0", es = "Dropdown-module__input___dK4dN", os = "Dropdown-module__section___j3MRB", ts = "Dropdown-module__dropdown___gG-Sw", as = "Dropdown-module__option___nAGU-", D = {
-  layoutOverride: Jr,
-  root: Qr,
-  input: es,
-  section: os,
-  dropdown: ts,
-  option: as
-}, rs = h(
+es.displayName = "DatePicker";
+const os = "Dropdown-module__layoutOverride___FNcvP", ts = "Dropdown-module__root___uVyL0", as = "Dropdown-module__input___dK4dN", rs = "Dropdown-module__section___j3MRB", ss = "Dropdown-module__dropdown___gG-Sw", ns = "Dropdown-module__option___nAGU-", D = {
+  layoutOverride: os,
+  root: ts,
+  input: as,
+  section: rs,
+  dropdown: ss,
+  option: ns
+}, ls = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
-      containerWidth: o,
+      formLayout: o = "stacked",
+      containerWidth: t,
       // Label & Wrapper Maps
       labelSize: n,
-      labelAlignment: i,
+      labelAlignment: l,
       labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: _,
-      assistiveText: N,
+      assistiveText: f,
       assistiveWithIcon: u,
       error: m,
       required: b,
@@ -1454,7 +1466,7 @@ const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__roo
       defaultValue: O,
       data: W,
       ...w
-    } = e, g = f(w, a), L = g;
+    } = e, g = N(w, a), L = g;
     delete L.size, delete L.variant, delete L.radius;
     const R = {
       wrapper: D.root,
@@ -1468,26 +1480,26 @@ const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__roo
       const U = T;
       R.wrapper = U.wrapper ? `${D.root} ${U.wrapper}` : D.root, R.input = U.input ? `${D.input} ${U.input}` : D.input, R.section = U.section ? `${D.section} ${U.section}` : D.section, R.dropdown = U.dropdown ? `${D.dropdown} ${U.dropdown}` : D.dropdown, R.option = U.option ? `${D.option} ${U.option}` : D.option;
     }
-    const he = {
+    const ve = {
       ...y || {},
-      width: o || "100%"
-    }, $e = $ ? `${D.layoutOverride} ${$}` : D.layoutOverride;
+      width: t || "100%"
+    }, Ce = $ ? `${D.layoutOverride} ${$}` : D.layoutOverride;
     return /* @__PURE__ */ s(
       oe,
       {
-        className: $e,
-        style: he,
+        className: Ce,
+        style: ve,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: a,
-        formLayout: t,
+        formLayout: o,
         labelSize: n,
-        labelAlignment: i,
+        labelAlignment: l,
         labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: _,
-        assistiveText: N,
+        assistiveText: f,
         assistiveWithIcon: u,
         error: m,
         required: b,
@@ -1502,7 +1514,7 @@ const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__roo
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            ta,
+            sa,
             {
               ref: r,
               classNames: R,
@@ -1527,309 +1539,309 @@ const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__roo
     );
   }
 );
-rs.displayName = "Dropdown";
-const Xl = (l) => /* @__PURE__ */ s("div", { ...l, children: "FileInput" }), Jl = (l) => /* @__PURE__ */ s("div", { ...l, children: "FileUpload" }), ss = "Flex-module__root___yYser", ke = {
-  root: ss
-}, jo = h(function({ children: e, gap: r = "rec-default", rowGap: a, columnGap: t, ...o }, n) {
-  const i = {
-    root: ke.root
-  }, c = o.classNames;
+ls.displayName = "Dropdown";
+const ti = (i) => /* @__PURE__ */ s("div", { ...i, children: "FileInput" }), ai = (i) => /* @__PURE__ */ s("div", { ...i, children: "FileUpload" }), is = "Flex-module__root___yYser", Me = {
+  root: is
+}, Ho = h(function({ children: e, gap: r = "rec-default", rowGap: a, columnGap: o, ...t }, n) {
+  const l = {
+    root: Me.root
+  }, c = t.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const _ = c;
-    i.root = _.root ? `${ke.root} ${_.root}` : ke.root;
+    l.root = _.root ? `${Me.root} ${_.root}` : Me.root;
   }
-  const d = o.className, p = d ? `${ke.root} ${d}` : ke.root;
+  const d = t.className, p = d ? `${Me.root} ${d}` : Me.root;
   return /* @__PURE__ */ s(
-    aa,
+    na,
     {
       ref: n,
       className: p,
-      classNames: i,
-      ...ro({ gap: r, rowGap: a, columnGap: t, ...o }),
+      classNames: l,
+      ...no({ gap: r, rowGap: a, columnGap: o, ...t }),
       children: e
     }
   );
 });
-jo.displayName = "Flex";
-const Ql = te(jo), ns = "Group-module__root___ftO64", Ie = {
-  root: ns
-}, ls = h(function({ children: e, gap: r = "rec-default", ...a }, t) {
-  const o = {
-    root: Ie.root
+Ho.displayName = "Flex";
+const ri = te(Ho), cs = "Group-module__root___ftO64", ze = {
+  root: cs
+}, ds = h(function({ children: e, gap: r = "rec-default", ...a }, o) {
+  const t = {
+    root: ze.root
   }, n = a.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${Ie.root} ${d.root}` : Ie.root;
+    t.root = d.root ? `${ze.root} ${d.root}` : ze.root;
   }
-  const i = a.className, c = i ? `${Ie.root} ${i}` : Ie.root;
+  const l = a.className, c = l ? `${ze.root} ${l}` : ze.root;
   return /* @__PURE__ */ s(
-    ra,
+    la,
     {
-      ref: t,
+      ref: o,
       className: c,
-      classNames: o,
-      ...ro({ gap: r, ...a }),
+      classNames: t,
+      ...no({ gap: r, ...a }),
       children: e
     }
   );
 });
-ls.displayName = "Group";
-const is = "HoverCard-module__dropdown___FBPFW", cs = "HoverCard-module__arrow___S9AkE", fo = {
-  dropdown: is,
-  arrow: cs
-}, Go = function({
+ds.displayName = "Group";
+const ps = "HoverCard-module__dropdown___FBPFW", _s = "HoverCard-module__arrow___S9AkE", $o = {
+  dropdown: ps,
+  arrow: _s
+}, qo = function({
   overStyled: e = !1,
   withBeak: r = !0,
   ...a
 }) {
-  const t = f(a, e), o = {
-    dropdown: fo.dropdown,
-    arrow: fo.arrow
-  }, n = t.classNames;
+  const o = N(a, e), t = {
+    dropdown: $o.dropdown,
+    arrow: $o.arrow
+  }, n = o.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
     Object.keys(p).forEach((_) => {
-      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
+      t[_] ? t[_] = `${t[_]} ${p[_]}` : t[_] = p[_];
     });
   }
-  const i = t.arrowSize ?? 16, c = t.withArrow;
+  const l = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ s(
-    oo,
+    ao,
     {
       position: "top",
-      arrowSize: i,
+      arrowSize: l,
       withArrow: r ?? c,
-      classNames: o,
-      ...t
+      classNames: t,
+      ...o
     }
   );
 };
-Go.displayName = "HoverCard";
-const Ho = function(e) {
-  return /* @__PURE__ */ s(oo.Target, { ...e });
+qo.displayName = "HoverCard";
+const Uo = function(e) {
+  return /* @__PURE__ */ s(ao.Target, { ...e });
 };
-Ho.displayName = "HoverCardTarget";
-const qo = function({
+Uo.displayName = "HoverCardTarget";
+const Zo = function({
   overStyled: e = !1,
   ...r
 }) {
-  const a = f(r, e), t = a.className;
+  const a = N(r, e), o = a.className;
   return /* @__PURE__ */ s(
-    oo.Dropdown,
+    ao.Dropdown,
     {
-      className: t,
+      className: o,
       ...a
     }
   );
 };
-qo.displayName = "HoverCardDropdown";
-const Uo = Go;
-Uo.Target = Ho;
-Uo.Dropdown = qo;
-const ds = "Link-module__root___I0VGE", ps = "Link-module__iconWrapper___W-LlF", _s = "Link-module__labelText___wSvUy", Ce = {
-  root: ds,
-  iconWrapper: ps,
-  labelText: _s
-}, Zo = h(function({ icon: e, children: r, overStyled: a = !1, ...t }, o) {
-  const n = f(t, a), i = n, c = {
-    root: Ce.root
-  }, d = i.classNames;
+Zo.displayName = "HoverCardDropdown";
+const Yo = qo;
+Yo.Target = Uo;
+Yo.Dropdown = Zo;
+const ms = "Link-module__root___I0VGE", us = "Link-module__iconWrapper___W-LlF", bs = "Link-module__labelText___wSvUy", we = {
+  root: ms,
+  iconWrapper: us,
+  labelText: bs
+}, Ko = h(function({ icon: e, children: r, overStyled: a = !1, ...o }, t) {
+  const n = N(o, a), l = n, c = {
+    root: we.root
+  }, d = l.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
-    const N = d;
-    c.root = N.root ? `${Ce.root} ${N.root}` : Ce.root;
+    const f = d;
+    c.root = f.root ? `${we.root} ${f.root}` : we.root;
   }
-  const p = i.className, _ = p ? `${Ce.root} ${p}` : Ce.root;
+  const p = l.className, _ = p ? `${we.root} ${p}` : we.root;
   return /* @__PURE__ */ z(
-    sa,
+    ia,
     {
-      ref: o,
+      ref: t,
       className: _,
       classNames: c,
       underline: "never",
       ...e ? { "data-has-icon": "" } : {},
       ...n,
       children: [
-        e && /* @__PURE__ */ s("span", { className: Ce.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ s("span", { className: Ce.labelText, children: r })
+        e && /* @__PURE__ */ s("span", { className: we.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ s("span", { className: we.labelText, children: r })
       ]
     }
   );
 });
-Zo.displayName = "Link";
-const ei = te(Zo), ms = "Menu-module__dropdown___j4xuA", us = "Menu-module__item___NMXha", bs = "Menu-module__itemLabel___zvcqC", ys = "Menu-module__itemSection___pRIcn", Ns = "Menu-module__divider___wPiNq", fs = "Menu-module__label___4FBGa", hs = "Menu-module__chevron___hEEiy", Pe = {
-  dropdown: ms,
-  item: us,
-  itemLabel: bs,
-  itemSection: ys,
-  divider: Ns,
-  label: fs,
-  chevron: hs
-}, Yo = function({ overStyled: e = !1, ...r }) {
-  const a = f(r, e), t = {
-    dropdown: Pe.dropdown,
-    item: Pe.item,
-    itemLabel: Pe.itemLabel,
-    itemSection: Pe.itemSection,
-    divider: Pe.divider,
-    label: Pe.label,
-    chevron: Pe.chevron
-  }, o = a.classNames;
-  if (o && typeof o == "object" && !Array.isArray(o)) {
-    const n = o;
-    Object.keys(n).forEach((i) => {
-      t[i] ? t[i] = `${t[i]} ${n[i]}` : t[i] = n[i];
+Ko.displayName = "Link";
+const si = te(Ko), ys = "Menu-module__dropdown___j4xuA", fs = "Menu-module__item___NMXha", Ns = "Menu-module__itemLabel___zvcqC", hs = "Menu-module__itemSection___pRIcn", $s = "Menu-module__divider___wPiNq", vs = "Menu-module__label___4FBGa", Cs = "Menu-module__chevron___hEEiy", ge = {
+  dropdown: ys,
+  item: fs,
+  itemLabel: Ns,
+  itemSection: hs,
+  divider: $s,
+  label: vs,
+  chevron: Cs
+}, Xo = function({ overStyled: e = !1, ...r }) {
+  const a = N(r, e), o = {
+    dropdown: ge.dropdown,
+    item: ge.item,
+    itemLabel: ge.itemLabel,
+    itemSection: ge.itemSection,
+    divider: ge.divider,
+    label: ge.label,
+    chevron: ge.chevron
+  }, t = a.classNames;
+  if (t && typeof t == "object" && !Array.isArray(t)) {
+    const n = t;
+    Object.keys(n).forEach((l) => {
+      o[l] ? o[l] = `${o[l]} ${n[l]}` : o[l] = n[l];
     });
   }
   return /* @__PURE__ */ s(
     ae,
     {
-      classNames: t,
+      classNames: o,
       ...a
     }
   );
 };
-Yo.displayName = "Menu";
-const Ko = function(e) {
+Xo.displayName = "Menu";
+const Jo = function(e) {
   return /* @__PURE__ */ s(ae.Target, { ...e });
 };
-Ko.displayName = "MenuTarget";
-const Xo = h(
+Jo.displayName = "MenuTarget";
+const Qo = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
       ae.Dropdown,
       {
         ref: a,
-        className: o,
-        ...t
+        className: t,
+        ...o
       }
     );
   }
 );
-Xo.displayName = "MenuDropdown";
-const Jo = h(
+Qo.displayName = "MenuDropdown";
+const et = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t;
-    e || delete o.color;
-    const n = o.className;
+    const o = N(r, e), t = o;
+    e || delete t.color;
+    const n = t.className;
     return /* @__PURE__ */ s(
       ae.Item,
       {
         ref: a,
         className: n,
-        ...t
+        ...o
       }
     );
   }
 );
-Jo.displayName = "MenuItem";
-const $s = te(Jo), Qo = h(
+et.displayName = "MenuItem";
+const Ps = te(et), ot = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
       ae.Divider,
       {
         ref: a,
-        className: o,
-        ...t
+        className: t,
+        ...o
       }
     );
   }
 );
-Qo.displayName = "MenuDivider";
-const et = h(function({ overStyled: e = !1, ...r }, a) {
-  const t = f(r, e), o = t.className;
+ot.displayName = "MenuDivider";
+const tt = h(function({ overStyled: e = !1, ...r }, a) {
+  const o = N(r, e), t = o.className;
   return /* @__PURE__ */ s(
     ae.Label,
     {
       ref: a,
-      className: o,
-      ...t
+      className: t,
+      ...o
     }
   );
 });
-et.displayName = "MenuLabel";
-const ot = function(e) {
+tt.displayName = "MenuLabel";
+const at = function(e) {
   return /* @__PURE__ */ s(ae.Sub, { ...e });
 };
-ot.displayName = "MenuSub";
-const tt = function(e) {
+at.displayName = "MenuSub";
+const rt = function(e) {
   return /* @__PURE__ */ s(ae.Sub.Target, { ...e });
 };
-tt.displayName = "MenuSubTarget";
-const at = h(
+rt.displayName = "MenuSubTarget";
+const st = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t;
-    e || delete o.color;
-    const n = o.className;
+    const o = N(r, e), t = o;
+    e || delete t.color;
+    const n = t.className;
     return /* @__PURE__ */ s(
       ae.Sub.Item,
       {
         ref: a,
         className: n,
-        ...t
+        ...o
       }
     );
   }
 );
-at.displayName = "MenuSubItem";
-const vs = te(
-  at
-), rt = h(
+st.displayName = "MenuSubItem";
+const ws = te(
+  st
+), nt = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className;
+    const o = N(r, e), t = o.className;
     return /* @__PURE__ */ s(
       ae.Sub.Dropdown,
       {
         ref: a,
-        className: o,
-        ...t
+        className: t,
+        ...o
       }
     );
   }
 );
-rt.displayName = "MenuSubDropdown";
-const Ze = ot;
-Ze.Target = tt;
-Ze.Item = vs;
-Ze.Dropdown = rt;
-const Ae = Yo;
-Ae.Target = Ko;
-Ae.Dropdown = Xo;
-Ae.Item = $s;
-Ae.Divider = Qo;
-Ae.Label = et;
-Ae.Sub = Ze;
-const Cs = "Modal-module__root___ytPLl", Ps = "Modal-module__inner___SSUJE", ws = "Modal-module__content___dWO-B", gs = "Modal-module__header___ILG9i", Ts = "Modal-module__title___A5OeE", Ss = "Modal-module__bodyWrapper___5CCL-", xs = "Modal-module__scrollArea___KD-hm", As = "Modal-module__footer___rro2w", Os = "Modal-module__close___-ER1C", ne = {
-  root: Cs,
-  inner: Ps,
-  content: ws,
-  header: gs,
-  title: Ts,
-  bodyWrapper: Ss,
-  scrollArea: xs,
-  footer: As,
-  close: Os
-}, st = j.forwardRef(function({
+nt.displayName = "MenuSubDropdown";
+const Ke = at;
+Ke.Target = rt;
+Ke.Item = ws;
+Ke.Dropdown = nt;
+const We = Xo;
+We.Target = Jo;
+We.Dropdown = Qo;
+We.Item = Ps;
+We.Divider = ot;
+We.Label = tt;
+We.Sub = Ke;
+const gs = "Modal-module__root___ytPLl", Ts = "Modal-module__inner___SSUJE", Ss = "Modal-module__content___dWO-B", xs = "Modal-module__header___ILG9i", As = "Modal-module__title___A5OeE", Os = "Modal-module__bodyWrapper___5CCL-", Ws = "Modal-module__scrollArea___KD-hm", Ls = "Modal-module__footer___rro2w", ks = "Modal-module__close___-ER1C", ne = {
+  root: gs,
+  inner: Ts,
+  content: Ss,
+  header: xs,
+  title: As,
+  bodyWrapper: Os,
+  scrollArea: Ws,
+  footer: Ls,
+  close: ks
+}, lt = j.forwardRef(function({
   overStyled: e = !1,
   children: r,
   title: a,
-  withCloseButton: t = !0,
-  overlayProps: o,
+  withCloseButton: o = !0,
+  overlayProps: t,
   withOverlay: n = !0,
-  closeButtonProps: i,
+  closeButtonProps: l,
   ...c
 }, d) {
-  const p = f(c, e), _ = {
+  const p = N(c, e), _ = {
     root: ne.root,
     inner: ne.inner,
     content: ne.content,
     header: ne.header,
     title: ne.title,
     close: ne.close
-  }, N = p.classNames;
-  if (N && typeof N == "object" && !Array.isArray(N)) {
-    const u = N;
+  }, f = p.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const u = f;
     Object.keys(u).forEach((m) => {
       _[m] ? _[m] = `${_[m]} ${u[m]}` : _[m] = u[m];
     });
@@ -1841,20 +1853,20 @@ const Cs = "Modal-module__root___ytPLl", Ps = "Modal-module__inner___SSUJE", ws
       classNames: _,
       ...p,
       children: [
-        n && /* @__PURE__ */ s(K.Overlay, { ...o }),
+        n && /* @__PURE__ */ s(K.Overlay, { ...t }),
         /* @__PURE__ */ z(K.Content, { children: [
-          (a || t) && /* @__PURE__ */ z(K.Header, { children: [
+          (a || o) && /* @__PURE__ */ z(K.Header, { children: [
             a && /* @__PURE__ */ s(K.Title, { children: a }),
-            t && /* @__PURE__ */ s(K.CloseButton, { ...i })
+            o && /* @__PURE__ */ s(K.CloseButton, { ...l })
           ] }),
-          /* @__PURE__ */ s(co, { children: r })
+          /* @__PURE__ */ s(_o, { children: r })
         ] })
       ]
     }
   );
 });
-st.displayName = "Modal";
-const io = j.forwardRef(function({ className: e, ...r }, a) {
+lt.displayName = "Modal";
+const po = j.forwardRef(function({ className: e, ...r }, a) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -1864,29 +1876,29 @@ const io = j.forwardRef(function({ className: e, ...r }, a) {
     }
   );
 });
-io.displayName = "Modal.Footer";
-const co = j.forwardRef(function({ className: e, onScroll: r, children: a, ...t }, o) {
-  const n = j.useRef(null), [i, c] = j.useState(!1), [d, p] = j.useState(!1), _ = j.useCallback(() => {
+po.displayName = "Modal.Footer";
+const _o = j.forwardRef(function({ className: e, onScroll: r, children: a, ...o }, t) {
+  const n = j.useRef(null), [l, c] = j.useState(!1), [d, p] = j.useState(!1), _ = j.useCallback(() => {
     if (n.current) {
       const { scrollTop: b, scrollHeight: P, clientHeight: C } = n.current;
       c(b > 0), p(Math.ceil(b + C) < P);
     }
   }, []);
   j.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, a]);
-  const N = (b) => {
+  const f = (b) => {
     _(), r == null || r(b);
   };
   let u = null;
   const m = [];
   return j.Children.forEach(a, (b) => {
     var P;
-    j.isValidElement(b) && (b.type === io || ((P = b.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? u = b : m.push(b);
+    j.isValidElement(b) && (b.type === po || ((P = b.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? u = b : m.push(b);
   }), /* @__PURE__ */ z(
     K.Body,
     {
-      ...t,
+      ...o,
       ref: (b) => {
-        typeof o == "function" ? o(b) : o && (o.current = b);
+        typeof t == "function" ? t(b) : t && (t.current = b);
       },
       className: `${ne.bodyWrapper} ${e || ""}`,
       children: [
@@ -1894,8 +1906,8 @@ const co = j.forwardRef(function({ className: e, onScroll: r, children: a, ...t
           "div",
           {
             ref: n,
-            onScroll: N,
-            "data-scrolled-top": i || void 0,
+            onScroll: f,
+            "data-scrolled-top": l || void 0,
             "data-scrolled-bottom": d || void 0,
             className: ne.scrollArea,
             children: m
@@ -1906,37 +1918,37 @@ const co = j.forwardRef(function({ className: e, onScroll: r, children: a, ...t
     }
   );
 });
-co.displayName = "Modal.Body";
-const fe = st;
-fe.Root = K.Root;
-fe.Overlay = K.Overlay;
-fe.Content = K.Content;
-fe.Header = K.Header;
-fe.Title = K.Title;
-fe.CloseButton = K.CloseButton;
-fe.Body = co;
-fe.Footer = io;
-const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-module__root___C6rAn", ks = "NumberInput-module__input___Ss8p7", Is = "NumberInput-module__section___MijP0", Ms = "NumberInput-module__controls___8UfQ2", zs = "NumberInput-module__control___Qre9-", we = {
-  layoutOverride: Ws,
-  root: Ls,
-  input: ks,
-  section: Is,
-  controls: Ms,
-  control: zs
-}, Rs = h(
+_o.displayName = "Modal.Body";
+const he = lt;
+he.Root = K.Root;
+he.Overlay = K.Overlay;
+he.Content = K.Content;
+he.Header = K.Header;
+he.Title = K.Title;
+he.CloseButton = K.CloseButton;
+he.Body = _o;
+he.Footer = po;
+const Is = "NumberInput-module__layoutOverride___5-9T4", Ms = "NumberInput-module__root___C6rAn", zs = "NumberInput-module__input___Ss8p7", Rs = "NumberInput-module__section___MijP0", Bs = "NumberInput-module__controls___8UfQ2", Fs = "NumberInput-module__control___Qre9-", Te = {
+  layoutOverride: Is,
+  root: Ms,
+  input: zs,
+  section: Rs,
+  controls: Bs,
+  control: Fs
+}, Es = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: N,
+      assistiveWithIcon: f,
       error: u,
       required: m,
       withAsterisk: b,
@@ -1951,16 +1963,16 @@ const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-modul
       defaultValue: S,
       hideControls: O = !1,
       ...W
-    } = e, w = f(W, a), g = w;
+    } = e, w = N(W, a), g = w;
     delete g.size, delete g.variant, delete g.radius;
     const L = {
-      wrapper: we.root,
+      wrapper: Te.root,
       // The nested Input internal relative wrapper bounding box
-      input: we.input,
-      section: we.section,
-      controls: we.controls,
-      control: we.control
-    }, R = C ? `${we.layoutOverride} ${C}` : we.layoutOverride;
+      input: Te.input,
+      section: Te.section,
+      controls: Te.controls,
+      control: Te.control
+    }, R = C ? `${Te.layoutOverride} ${C}` : Te.layoutOverride;
     return /* @__PURE__ */ s(
       oe,
       {
@@ -1969,15 +1981,15 @@ const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-modul
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: N,
+        assistiveWithIcon: f,
         error: u,
         required: m,
         withAsterisk: b,
@@ -1991,7 +2003,7 @@ const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-modul
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            na,
+            ca,
             {
               ref: r,
               classNames: L,
@@ -2018,20 +2030,20 @@ const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-modul
     );
   }
 );
-Rs.displayName = "NumberInput";
-const Bs = "Pagination-module__root___ITRjt", Fs = "Pagination-module__control___40yNT", Es = "Pagination-module__dots___Yl9da", Vs = "Pagination-module__iconWithLabel___pLM4O", Ds = "Pagination-module__baseIcon___Qw3bJ", G = {
-  root: Bs,
-  control: Fs,
-  dots: Es,
-  iconWithLabel: Vs,
-  baseIcon: Ds
-}, js = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Gs = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Hs = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", qs = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", Us = {
-  next: js,
-  prev: Gs,
-  first: Hs,
-  last: qs
-}, ze = ({
-  type: l,
+Es.displayName = "NumberInput";
+const Vs = "Pagination-module__root___ITRjt", Ds = "Pagination-module__control___40yNT", js = "Pagination-module__dots___Yl9da", Gs = "Pagination-module__iconWithLabel___pLM4O", Hs = "Pagination-module__baseIcon___Qw3bJ", G = {
+  root: Vs,
+  control: Ds,
+  dots: js,
+  iconWithLabel: Gs,
+  baseIcon: Hs
+}, qs = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Us = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Zs = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", Ys = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", Ks = {
+  next: qs,
+  prev: Us,
+  first: Zs,
+  last: Ys
+}, Be = ({
+  type: i,
   className: e,
   ...r
 }) => /* @__PURE__ */ s(
@@ -2041,122 +2053,122 @@ const Bs = "Pagination-module__root___ITRjt", Fs = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${G.baseIcon} ${e || ""}`.trim(),
     ...r,
-    children: /* @__PURE__ */ s("path", { d: Us[l], fill: "currentColor" })
+    children: /* @__PURE__ */ s("path", { d: Ks[i], fill: "currentColor" })
   }
-), nt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+), it = (i) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
   /* @__PURE__ */ s("span", { children: "Next" }),
-  /* @__PURE__ */ s(ze, { type: "next", ...l })
-] }), lt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ s(ze, { type: "prev", ...l }),
+  /* @__PURE__ */ s(Be, { type: "next", ...i })
+] }), ct = (i) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+  /* @__PURE__ */ s(Be, { type: "prev", ...i }),
   /* @__PURE__ */ s("span", { children: "Prev" })
-] }), it = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ s(ze, { type: "first", ...l }),
+] }), dt = (i) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+  /* @__PURE__ */ s(Be, { type: "first", ...i }),
   /* @__PURE__ */ s("span", { children: "First" })
-] }), ct = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+] }), pt = (i) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
   /* @__PURE__ */ s("span", { children: "Last" }),
-  /* @__PURE__ */ s(ze, { type: "last", ...l })
+  /* @__PURE__ */ s(Be, { type: "last", ...i })
 ] });
-function dt(l) {
+function _t(i) {
   const e = {
     root: G.root,
     control: G.control,
     dots: G.dots
-  }, r = l.classNames;
+  }, r = i.classNames;
   if (r && typeof r == "object" && !Array.isArray(r)) {
-    const o = r;
-    e.root = o.root ? `${G.root} ${o.root}` : G.root, e.control = o.control ? `${G.control} ${o.control}` : G.control, e.dots = o.dots ? `${G.dots} ${o.dots}` : G.dots;
+    const t = r;
+    e.root = t.root ? `${G.root} ${t.root}` : G.root, e.control = t.control ? `${G.control} ${t.control}` : G.control, e.dots = t.dots ? `${G.dots} ${t.dots}` : G.dots;
   }
-  const a = l.className;
+  const a = i.className;
   return { className: a ? `${G.root} ${a}` : G.root, classNames: e };
 }
-const pt = h(
+const mt = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = dt(
-      t
+    const o = N(r, e), t = _t(
+      o
     );
     return /* @__PURE__ */ s(
       ie.Root,
       {
         ref: a,
-        className: o.className,
-        classNames: o.classNames,
-        ...t
+        className: t.className,
+        classNames: t.classNames,
+        ...o
       }
     );
   }
 );
-pt.displayName = "Pagination.Root";
-const _t = h(function({ withLabel: e, icon: r, ...a }, t) {
-  const o = r || (e ? nt : void 0);
+mt.displayName = "Pagination.Root";
+const ut = h(function({ withLabel: e, icon: r, ...a }, o) {
+  const t = r || (e ? it : void 0);
   return /* @__PURE__ */ s(
     ie.Next,
     {
-      ref: t,
+      ref: o,
       "data-variant": "text",
-      icon: o,
+      icon: t,
       ...a
     }
   );
 });
-_t.displayName = "Pagination.Next";
-const mt = h(function({ withLabel: e, icon: r, ...a }, t) {
-  const o = r || (e ? lt : void 0);
+ut.displayName = "Pagination.Next";
+const bt = h(function({ withLabel: e, icon: r, ...a }, o) {
+  const t = r || (e ? ct : void 0);
   return /* @__PURE__ */ s(
     ie.Previous,
     {
-      ref: t,
+      ref: o,
       "data-variant": "text",
-      icon: o,
+      icon: t,
       ...a
     }
   );
 });
-mt.displayName = "Pagination.Previous";
-const ut = h(function({ withLabel: e, icon: r, ...a }, t) {
-  const o = r || (e ? it : void 0);
+bt.displayName = "Pagination.Previous";
+const yt = h(function({ withLabel: e, icon: r, ...a }, o) {
+  const t = r || (e ? dt : void 0);
   return /* @__PURE__ */ s(
     ie.First,
     {
-      ref: t,
+      ref: o,
       "data-variant": "text",
-      icon: o,
+      icon: t,
       ...a
     }
   );
 });
-ut.displayName = "Pagination.First";
-const bt = h(function({ withLabel: e, icon: r, ...a }, t) {
-  const o = r || (e ? ct : void 0);
+yt.displayName = "Pagination.First";
+const ft = h(function({ withLabel: e, icon: r, ...a }, o) {
+  const t = r || (e ? pt : void 0);
   return /* @__PURE__ */ s(
     ie.Last,
     {
-      ref: t,
+      ref: o,
       "data-variant": "text",
-      icon: o,
+      icon: t,
       ...a
     }
   );
 });
-bt.displayName = "Pagination.Last";
-const yt = h(
-  function({ overStyled: e = !1, getControlProps: r, withLabels: a, ...t }, o) {
-    const n = f(t, e), i = dt(
+ft.displayName = "Pagination.Last";
+const Nt = h(
+  function({ overStyled: e = !1, getControlProps: r, withLabels: a, ...o }, t) {
+    const n = N(o, e), l = _t(
       n
     ), c = (p) => {
       const _ = { "data-variant": "text" };
       return r ? { ..._, ...r(p) } : _;
     }, d = a ? {
-      nextIcon: nt,
-      previousIcon: lt,
-      firstIcon: it,
-      lastIcon: ct
+      nextIcon: it,
+      previousIcon: ct,
+      firstIcon: dt,
+      lastIcon: pt
     } : {};
     return /* @__PURE__ */ s(
       ie,
       {
-        ref: o,
-        className: i.className,
-        classNames: i.classNames,
+        ref: t,
+        className: l.className,
+        classNames: l.classNames,
         getControlProps: c,
         ...d,
         ...n
@@ -2164,43 +2176,43 @@ const yt = h(
     );
   }
 );
-yt.displayName = "Pagination";
-const de = yt;
-de.Root = pt;
-de.Items = ie.Items;
-de.Control = ie.Control;
-de.Dots = ie.Dots;
-de.Next = _t;
-de.Previous = mt;
-de.First = ut;
-de.Last = bt;
-de.Icon = ze;
-const Zs = "Panel-module__content___wdGo-", Ys = "Panel-module__inner___ruA2b", Ks = "Panel-module__header___o7SiC", Xs = "Panel-module__title___181OP", Js = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Qs = "Panel-module__body___SEC3T", en = "Panel-module__footer___t6-hz", ye = {
-  content: Zs,
-  inner: Ys,
-  header: Ks,
-  title: Xs,
-  titleTruncate: Js,
-  body: Qs,
-  footer: en
-}, Nt = function({
+Nt.displayName = "Pagination";
+const pe = Nt;
+pe.Root = mt;
+pe.Items = ie.Items;
+pe.Control = ie.Control;
+pe.Dots = ie.Dots;
+pe.Next = ut;
+pe.Previous = bt;
+pe.First = yt;
+pe.Last = ft;
+pe.Icon = Be;
+const Xs = "Panel-module__content___wdGo-", Js = "Panel-module__inner___ruA2b", Qs = "Panel-module__header___o7SiC", en = "Panel-module__title___181OP", on = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", tn = "Panel-module__body___SEC3T", an = "Panel-module__footer___t6-hz", fe = {
+  content: Xs,
+  inner: Js,
+  header: Qs,
+  title: en,
+  titleTruncate: on,
+  body: tn,
+  footer: an
+}, ht = function({
   overStyled: e = !1,
-  position: r = "right",
+  placement: r = "right",
   keepMounted: a = !0,
-  wrapHeaderText: t = !1,
-  ...o
+  wrapHeaderText: o = !1,
+  ...t
 }) {
-  const n = f(o, e), i = {
-    content: ye.content,
-    header: ye.header,
-    title: t ? ye.titleTruncate : ye.title,
-    body: ye.body,
-    inner: ye.inner
+  const n = N(t, e), l = {
+    content: fe.content,
+    header: fe.header,
+    title: o ? fe.titleTruncate : fe.title,
+    body: fe.body,
+    inner: fe.inner
   }, c = n.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const d = c;
     Object.keys(d).forEach((p) => {
-      i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
+      l[p] ? l[p] = `${l[p]} ${d[p]}` : l[p] = d[p];
     });
   }
   return /* @__PURE__ */ s(
@@ -2208,106 +2220,106 @@ const Zs = "Panel-module__content___wdGo-", Ys = "Panel-module__inner___ruA2b",
     {
       position: r,
       keepMounted: a,
-      closeOnClickOutside: o.closeOnClickOutside ?? !!o.opened,
+      closeOnClickOutside: t.closeOnClickOutside ?? !!t.opened,
       ...n,
-      classNames: i
+      classNames: l
     }
   );
 };
-Nt.displayName = "Panel";
-const ft = h(
+ht.displayName = "Panel";
+const $t = h(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = t.className, n = o ? `${ye.footer} ${o}` : ye.footer;
-    return /* @__PURE__ */ s("div", { ref: a, className: n, ...t });
+    const o = N(r, e), t = o.className, n = t ? `${fe.footer} ${t}` : fe.footer;
+    return /* @__PURE__ */ s("div", { ref: a, className: n, ...o });
   }
 );
-ft.displayName = "PanelFooter";
-const pe = Nt;
-pe.Root = ce.Root;
-pe.Overlay = ce.Overlay;
-pe.Content = ce.Content;
-pe.Header = ce.Header;
-pe.Title = ce.Title;
-pe.CloseButton = ce.CloseButton;
-pe.Body = ce.Body;
-pe.Stack = ce.Stack;
-pe.Footer = ft;
-const on = "Popover-module__dropdown___svhS6", tn = "Popover-module__arrow___5A-0e", ho = {
-  dropdown: on,
-  arrow: tn
-}, ht = function({
+$t.displayName = "PanelFooter";
+const _e = ht;
+_e.Root = ce.Root;
+_e.Overlay = ce.Overlay;
+_e.Content = ce.Content;
+_e.Header = ce.Header;
+_e.Title = ce.Title;
+_e.CloseButton = ce.CloseButton;
+_e.Body = ce.Body;
+_e.Stack = ce.Stack;
+_e.Footer = $t;
+const rn = "Popover-module__dropdown___svhS6", sn = "Popover-module__arrow___5A-0e", vo = {
+  dropdown: rn,
+  arrow: sn
+}, vt = function({
   overStyled: e = !1,
   withBeak: r = !0,
   ...a
 }) {
-  const t = f(a, e), o = {
-    dropdown: ho.dropdown,
-    arrow: ho.arrow
-  }, n = t.classNames;
+  const o = N(a, e), t = {
+    dropdown: vo.dropdown,
+    arrow: vo.arrow
+  }, n = o.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
     Object.keys(p).forEach((_) => {
-      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
+      t[_] ? t[_] = `${t[_]} ${p[_]}` : t[_] = p[_];
     });
   }
-  const i = t.arrowSize ?? 16, c = t.withArrow;
+  const l = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ s(
-    to,
+    ro,
     {
       position: "top",
-      arrowSize: i,
+      arrowSize: l,
       withArrow: r ?? c,
-      classNames: o,
-      ...t
+      classNames: t,
+      ...o
     }
   );
 };
-ht.displayName = "Popover";
-const $t = function(e) {
-  return /* @__PURE__ */ s(to.Target, { ...e });
+vt.displayName = "Popover";
+const Ct = function(e) {
+  return /* @__PURE__ */ s(ro.Target, { ...e });
 };
-$t.displayName = "PopoverTarget";
-const vt = function({
+Ct.displayName = "PopoverTarget";
+const Pt = function({
   overStyled: e = !1,
   ...r
 }) {
-  const a = f(r, e), t = a.className;
+  const a = N(r, e), o = a.className;
   return /* @__PURE__ */ s(
-    to.Dropdown,
+    ro.Dropdown,
     {
-      className: t,
+      className: o,
       ...a
     }
   );
 };
-vt.displayName = "PopoverDropdown";
-const Ct = ht;
-Ct.Target = $t;
-Ct.Dropdown = vt;
-const an = "Radio-module__groupRoot___bfUii", rn = "Radio-module__root___kAjTD", sn = "Radio-module__body___q2Wpj", nn = "Radio-module__inner___QaTBB", ln = "Radio-module__radio___MfgN-", cn = "Radio-module__icon___DWznm", dn = "Radio-module__labelWrapper___dB0Gi", pn = "Radio-module__label___vAFIP", F = {
-  groupRoot: an,
-  root: rn,
-  body: sn,
-  inner: nn,
-  radio: ln,
-  icon: cn,
-  labelWrapper: dn,
-  label: pn
-}, Pt = h(
+Pt.displayName = "PopoverDropdown";
+const wt = vt;
+wt.Target = Ct;
+wt.Dropdown = Pt;
+const nn = "Radio-module__groupRoot___bfUii", ln = "Radio-module__root___kAjTD", cn = "Radio-module__body___q2Wpj", dn = "Radio-module__inner___QaTBB", pn = "Radio-module__radio___MfgN-", _n = "Radio-module__icon___DWznm", mn = "Radio-module__labelWrapper___dB0Gi", un = "Radio-module__label___vAFIP", F = {
+  groupRoot: nn,
+  root: ln,
+  body: cn,
+  inner: dn,
+  radio: pn,
+  icon: _n,
+  labelWrapper: mn,
+  label: un
+}, gt = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: N,
+      assistiveText: f,
       assistiveWithIcon: u,
       error: m,
       required: b,
@@ -2322,7 +2334,7 @@ const an = "Radio-module__groupRoot___bfUii", rn = "Radio-module__root___kAjTD",
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = f(W, a), g = w;
+    } = e, w = N(W, a), g = w;
     return delete g.size, /* @__PURE__ */ s(
       oe,
       {
@@ -2332,15 +2344,15 @@ const an = "Radio-module__groupRoot___bfUii", rn = "Radio-module__root___kAjTD",
         controlMinWidth: void 0,
         overStyled: a,
         labelElement: "div",
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: N,
+        assistiveText: f,
         assistiveWithIcon: u,
         error: m,
         required: b,
@@ -2353,44 +2365,44 @@ const an = "Radio-module__groupRoot___bfUii", rn = "Radio-module__root___kAjTD",
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          wo.Group,
+          To.Group,
           {
             ref: r,
             ...w,
             disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ s("div", { className: F.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: F.groupRoot, "data-layout": o, children: A })
           }
         )
       }
     );
   }
 );
-Pt.displayName = "RadioGroup";
-const _n = ({ className: l, style: e }) => /* @__PURE__ */ s(
+gt.displayName = "RadioGroup";
+const bn = ({ className: i, style: e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: l,
+    className: i,
     style: e,
     children: /* @__PURE__ */ s("circle", { cx: "8", cy: "8", r: "5" })
   }
-), wt = h(
+), Tt = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      readOnly: t,
-      readOnlyComponent: o,
+      readOnly: o,
+      readOnlyComponent: t,
       disabled: n,
-      formLayout: i,
+      formLayout: l,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, N = f(_, a), u = N;
+    } = e, f = N(_, a), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const m = {
       root: F.root,
@@ -2406,41 +2418,41 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ s(
       m.root = y.root ? `${F.root} ${y.root}` : F.root, m.body = y.body ? `${F.body} ${y.body}` : F.body, m.inner = y.inner ? `${F.inner} ${y.inner}` : F.inner, m.radio = y.radio ? `${F.radio} ${y.radio}` : F.radio, m.icon = y.icon ? `${F.icon} ${y.icon}` : F.icon, m.labelWrapper = y.labelWrapper ? `${F.labelWrapper} ${y.labelWrapper}` : F.labelWrapper, m.label = y.label ? `${F.label} ${y.label}` : F.label;
     }
     const P = u.className, C = P ? `${F.root} ${P}` : F.root;
-    if (t && o) {
+    if (o && t) {
       const y = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        o,
+        t,
         {
           ...e,
           checked: y,
           label: u.label
         }
       );
-      return i ? /* @__PURE__ */ s(
+      return l ? /* @__PURE__ */ s(
         Ne,
         {
-          formLayout: i,
+          formLayout: l,
           labelSize: c,
           controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ s(xe, { children: v });
+      ) : /* @__PURE__ */ s(Oe, { children: v });
     }
     const $ = /* @__PURE__ */ s(
-      wo,
+      To,
       {
         ref: r,
-        icon: _n,
+        icon: bn,
         className: C,
         classNames: m,
-        disabled: t || n,
-        ...N
+        disabled: o || n,
+        ...f
       }
     );
-    return i ? /* @__PURE__ */ s(
+    return l ? /* @__PURE__ */ s(
       Ne,
       {
-        formLayout: i,
+        formLayout: l,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
@@ -2449,69 +2461,69 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ s(
     ) : $;
   }
 );
-wt.displayName = "Radio";
-wt.Group = Pt;
-const mn = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  eo,
+Tt.displayName = "Radio";
+Tt.Group = gt;
+const yn = ({ checked: i, label: e }) => /* @__PURE__ */ z(
+  to,
   {
     component: "span",
-    className: Se.textField,
+    className: Ae.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ s("span", { children: l ? "On" : "Off" })
+      /* @__PURE__ */ s("span", { children: i ? "On" : "Off" })
     ]
   }
 );
-mn.displayName = "ReadOnlySwitchField";
-const un = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  eo,
+yn.displayName = "ReadOnlySwitchField";
+const fn = ({ checked: i, label: e }) => /* @__PURE__ */ z(
+  to,
   {
     component: "span",
-    className: Se.textField,
+    className: Ae.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ s("span", { children: l ? "True" : "False" })
+      /* @__PURE__ */ s("span", { children: i ? "True" : "False" })
     ]
   }
 );
-un.displayName = "ReadOnlyBooleanField";
-const bn = "SegmentedControl-module__root___JFRhg", yn = "SegmentedControl-module__label___mS17q", Nn = "SegmentedControl-module__control___znOdQ", fn = "SegmentedControl-module__indicator___ZMcJy", Y = {
-  root: bn,
-  label: yn,
-  control: Nn,
-  indicator: fn
+fn.displayName = "ReadOnlyBooleanField";
+const Nn = "SegmentedControl-module__root___JFRhg", hn = "SegmentedControl-module__label___mS17q", $n = "SegmentedControl-module__control___znOdQ", vn = "SegmentedControl-module__indicator___ZMcJy", Y = {
+  root: Nn,
+  label: hn,
+  control: $n,
+  indicator: vn
 };
-function hn(l) {
+function Cn(i) {
   const e = {
     root: Y.root,
     control: Y.control,
     label: Y.label,
     indicator: Y.indicator
-  }, r = l.classNames;
+  }, r = i.classNames;
   if (r && typeof r == "object" && !Array.isArray(r)) {
-    const o = r;
-    e.root = o.root ? `${Y.root} ${o.root}` : Y.root, e.control = o.control ? `${Y.control} ${o.control}` : Y.control, e.label = o.label ? `${Y.label} ${o.label}` : Y.label, e.indicator = o.indicator ? `${Y.indicator} ${o.indicator}` : Y.indicator;
+    const t = r;
+    e.root = t.root ? `${Y.root} ${t.root}` : Y.root, e.control = t.control ? `${Y.control} ${t.control}` : Y.control, e.label = t.label ? `${Y.label} ${t.label}` : Y.label, e.indicator = t.indicator ? `${Y.indicator} ${t.indicator}` : Y.indicator;
   }
-  const a = l.className;
+  const a = i.className;
   return { className: a ? `${Y.root} ${a}` : Y.root, classNames: e };
 }
-const gt = h(
-  function({ overStyled: e = !1, orientation: r = "horizontal", fullWidth: a, ...t }, o) {
-    const n = f(t, e), i = n;
-    delete i.disabled;
-    const c = hn(i);
+const St = h(
+  function({ overStyled: e = !1, orientation: r = "horizontal", fullWidth: a, ...o }, t) {
+    const n = N(o, e), l = n;
+    delete l.disabled;
+    const c = Cn(l);
     return /* @__PURE__ */ s(
-      la,
+      da,
       {
-        ref: o,
+        ref: t,
         className: c.className,
         classNames: c.classNames,
         orientation: r,
@@ -2522,36 +2534,36 @@ const gt = h(
     );
   }
 );
-gt.displayName = "SegmentedControl";
-const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module__sliderContainer___y8I0J", Cn = "Slider-module__sliderTrackWrapper___UHpVh", Pn = "Slider-module__iconWrapper___uqHpC", wn = "Slider-module__sliderRoot___LI86H", gn = "Slider-module__sliderTrack___oqnlG", Tn = "Slider-module__sliderBar___TI4VY", Sn = "Slider-module__sliderThumb___OFn8p", xn = "Slider-module__sliderMark___1lM2B", An = "Slider-module__minMaxGuide___TaGqz", On = "Slider-module__rightGuideContainer___8dOT8", Wn = "Slider-module__currentValue___dGV2T", Ln = "Slider-module__inputField___6x578", kn = "Slider-module__readOnlyValue___-ZzMW", k = {
-  layoutOverride: $n,
-  sliderContainer: vn,
-  sliderTrackWrapper: Cn,
-  iconWrapper: Pn,
-  sliderRoot: wn,
-  sliderTrack: gn,
-  sliderBar: Tn,
-  sliderThumb: Sn,
-  sliderMark: xn,
-  minMaxGuide: An,
-  rightGuideContainer: On,
-  currentValue: Wn,
-  inputField: Ln,
-  readOnlyValue: kn
-}, In = ({ value: l }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: l }), Mn = h(
+St.displayName = "SegmentedControl";
+const ni = St, Pn = "Slider-module__layoutOverride___zYPun", wn = "Slider-module__sliderContainer___y8I0J", gn = "Slider-module__sliderTrackWrapper___UHpVh", Tn = "Slider-module__iconWrapper___uqHpC", Sn = "Slider-module__sliderRoot___LI86H", xn = "Slider-module__sliderTrack___oqnlG", An = "Slider-module__sliderBar___TI4VY", On = "Slider-module__sliderThumb___OFn8p", Wn = "Slider-module__sliderMark___1lM2B", Ln = "Slider-module__minMaxGuide___TaGqz", kn = "Slider-module__rightGuideContainer___8dOT8", In = "Slider-module__currentValue___dGV2T", Mn = "Slider-module__inputField___6x578", zn = "Slider-module__readOnlyValue___-ZzMW", k = {
+  layoutOverride: Pn,
+  sliderContainer: wn,
+  sliderTrackWrapper: gn,
+  iconWrapper: Tn,
+  sliderRoot: Sn,
+  sliderTrack: xn,
+  sliderBar: An,
+  sliderThumb: On,
+  sliderMark: Wn,
+  minMaxGuide: Ln,
+  rightGuideContainer: kn,
+  currentValue: In,
+  inputField: Mn,
+  readOnlyValue: zn
+}, Rn = ({ value: i }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: i }), Bn = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       labelActionArea: d,
       onLabelEditClick: p,
       label: _,
-      tooltipLabel: N,
+      tooltipLabel: f,
       assistiveText: u,
       assistiveWithIcon: m,
       error: b,
@@ -2571,56 +2583,56 @@ const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
       showMinMaxLabels: L = !0,
       min: R = 0,
       max: T = 100,
-      step: he = 1,
-      onChange: $e,
+      step: ve = 1,
+      onChange: Ce,
       onChangeEnd: U,
-      ...Ye
-    } = e, [Ft, Et] = bo(() => O !== void 0 ? O : W !== void 0 ? W : R), _e = O !== void 0 ? O : Ft, [Vt, Ke] = bo(
-      _e.toString()
+      ...Xe
+    } = e, [Dt, jt] = fo(() => O !== void 0 ? O : W !== void 0 ? W : R), me = O !== void 0 ? O : Dt, [Gt, Je] = fo(
+      me.toString()
     );
-    vo(() => {
-      Ke(_e.toString());
-    }, [_e]);
-    const po = (E) => {
-      O === void 0 && Et(E), $e == null || $e(E);
-    }, Dt = (E) => {
-      const mo = E.target.value;
-      Ke(mo);
-      const uo = parseFloat(mo);
-      if (!isNaN(uo)) {
-        const qt = Math.max(R, Math.min(T, uo));
-        po(qt);
+    Po(() => {
+      Je(me.toString());
+    }, [me]);
+    const mo = (E) => {
+      O === void 0 && jt(E), Ce == null || Ce(E);
+    }, Ht = (E) => {
+      const bo = E.target.value;
+      Je(bo);
+      const yo = parseFloat(bo);
+      if (!isNaN(yo)) {
+        const Yt = Math.max(R, Math.min(T, yo));
+        mo(Yt);
       }
-    }, jt = () => {
-      Ke(_e.toString());
-    }, _o = f(Ye, a), Oe = _o;
-    delete Oe.size, delete Oe.variant, delete Oe.radius, delete Oe.wrapperProps;
-    const ve = {
+    }, qt = () => {
+      Je(me.toString());
+    }, uo = N(Xe, a), Le = uo;
+    delete Le.size, delete Le.variant, delete Le.radius, delete Le.wrapperProps;
+    const Pe = {
       root: k.sliderRoot,
       track: k.sliderTrack,
       bar: k.sliderBar,
       thumb: k.sliderThumb,
       mark: k.sliderMark,
       markLabel: k.sliderMarkLabel
-    }, Re = Oe.classNames;
-    if (Re && typeof Re == "object" && !Array.isArray(Re)) {
-      const E = Re;
-      ve.root = E.root ? `${k.sliderRoot} ${E.root}` : k.sliderRoot, ve.track = E.track ? `${k.sliderTrack} ${E.track}` : k.sliderTrack, ve.bar = E.bar ? `${k.sliderBar} ${E.bar}` : k.sliderBar, ve.thumb = E.thumb ? `${k.sliderThumb} ${E.thumb}` : k.sliderThumb, ve.mark = E.mark ? `${k.sliderMark} ${E.mark}` : k.sliderMark, ve.markLabel = E.markLabel ? `${k.sliderMarkLabel} ${E.markLabel}` : k.sliderMarkLabel;
+    }, Fe = Le.classNames;
+    if (Fe && typeof Fe == "object" && !Array.isArray(Fe)) {
+      const E = Fe;
+      Pe.root = E.root ? `${k.sliderRoot} ${E.root}` : k.sliderRoot, Pe.track = E.track ? `${k.sliderTrack} ${E.track}` : k.sliderTrack, Pe.bar = E.bar ? `${k.sliderBar} ${E.bar}` : k.sliderBar, Pe.thumb = E.thumb ? `${k.sliderThumb} ${E.thumb}` : k.sliderThumb, Pe.mark = E.mark ? `${k.sliderMark} ${E.mark}` : k.sliderMark, Pe.markLabel = E.markLabel ? `${k.sliderMarkLabel} ${E.markLabel}` : k.sliderMarkLabel;
     }
-    const Gt = y ? `${k.layoutOverride} ${y}` : k.layoutOverride, Ht = w ? /* @__PURE__ */ s("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
+    const Ut = y ? `${k.layoutOverride} ${y}` : k.layoutOverride, Zt = w ? /* @__PURE__ */ s("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
     return /* @__PURE__ */ s(
       oe,
       {
         ref: r,
-        className: Gt,
+        className: Ut,
         style: A,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         labelActionArea: d,
         onLabelEditClick: p,
@@ -2632,38 +2644,38 @@ const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
         withAsterisk: C,
         id: $,
         readOnly: I,
-        readOnlyComponent: x || In,
+        readOnlyComponent: x || Rn,
         emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: _e,
-        readOnlyNativeProps: { value: _e },
+        readOnlyValue: me,
+        readOnlyNativeProps: { value: me },
         activeComponent: /* @__PURE__ */ z(
           "div",
           {
             className: k.sliderContainer,
-            "data-form-layout": t,
+            "data-form-layout": o,
             "data-disabled": v ? "true" : void 0,
             "data-error": b ? "true" : void 0,
             children: [
-              Ht,
+              Zt,
               L && /* @__PURE__ */ s("span", { className: k.minMaxGuide, children: R }),
               /* @__PURE__ */ s("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ s(
-                ia,
+                pa,
                 {
-                  classNames: ve,
+                  classNames: Pe,
                   disabled: v,
-                  value: _e,
-                  onChange: po,
+                  value: me,
+                  onChange: mo,
                   onChangeEnd: U,
                   min: R,
                   max: T,
-                  step: he,
-                  label: N,
-                  ..._o
+                  step: ve,
+                  label: f,
+                  ...uo
                 }
               ) }),
               /* @__PURE__ */ z("div", { className: k.rightGuideContainer, children: [
-                !g && /* @__PURE__ */ s("span", { className: k.currentValue, children: _e }),
+                !g && /* @__PURE__ */ s("span", { className: k.currentValue, children: me }),
                 L && /* @__PURE__ */ s("span", { className: k.minMaxGuide, children: T })
               ] }),
               g && /* @__PURE__ */ s(
@@ -2671,12 +2683,12 @@ const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
                 {
                   type: "number",
                   className: k.inputField,
-                  value: Vt,
-                  onChange: Dt,
-                  onBlur: jt,
+                  value: Gt,
+                  onChange: Ht,
+                  onBlur: qt,
                   min: R,
                   max: T,
-                  step: he,
+                  step: ve,
                   disabled: v,
                   "data-error": b ? "true" : void 0
                 }
@@ -2688,65 +2700,65 @@ const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
     );
   }
 );
-Mn.displayName = "Slider";
-const zn = "Stack-module__root___NUN-x", Me = {
-  root: zn
-}, Tt = h(function({ children: e, gap: r = "rec-default", ...a }, t) {
-  const o = {
-    root: Me.root
+Bn.displayName = "Slider";
+const Fn = "Stack-module__root___NUN-x", Re = {
+  root: Fn
+}, xt = h(function({ children: e, gap: r = "rec-default", ...a }, o) {
+  const t = {
+    root: Re.root
   }, n = a.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${Me.root} ${d.root}` : Me.root;
+    t.root = d.root ? `${Re.root} ${d.root}` : Re.root;
   }
-  const i = a.className, c = i ? `${Me.root} ${i}` : Me.root;
+  const l = a.className, c = l ? `${Re.root} ${l}` : Re.root;
   return /* @__PURE__ */ s(
-    ca,
+    _a,
     {
-      ref: t,
+      ref: o,
       className: c,
-      classNames: o,
-      ...ro({ gap: r, ...a }),
+      classNames: t,
+      ...no({ gap: r, ...a }),
       children: e
     }
   );
 });
-Tt.displayName = "Stack";
-const ti = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__horizontal___USHT1", Fn = "Stepper-module__steps___4HPO6", En = "Stepper-module__step___s2nqL", Vn = "Stepper-module__stepBody___TBvys", Dn = "Stepper-module__stepLabel___N6nuy", jn = "Stepper-module__stepDescription___DnDAy", Gn = "Stepper-module__separator___pU0No", Hn = "Stepper-module__vertical___d4mOs", qn = "Stepper-module__large___J18-y", Un = "Stepper-module__small___Ub-zb", Zn = "Stepper-module__stepIcon___YQHNq", Yn = "Stepper-module__stepCompletedIcon___B9MeL", Kn = "Stepper-module__verticalSeparator___frWc1", Xn = "Stepper-module__content___J-h8X", q = {
-  root: Rn,
-  horizontal: Bn,
-  steps: Fn,
-  step: En,
-  stepBody: Vn,
-  stepLabel: Dn,
-  stepDescription: jn,
-  separator: Gn,
-  vertical: Hn,
-  large: qn,
-  small: Un,
-  stepIcon: Zn,
-  stepCompletedIcon: Yn,
-  verticalSeparator: Kn,
-  content: Xn
-}, St = h(
+xt.displayName = "Stack";
+const li = te(xt), En = "Stepper-module__root___jbSYO", Vn = "Stepper-module__horizontal___USHT1", Dn = "Stepper-module__steps___4HPO6", jn = "Stepper-module__step___s2nqL", Gn = "Stepper-module__stepBody___TBvys", Hn = "Stepper-module__stepLabel___N6nuy", qn = "Stepper-module__stepDescription___DnDAy", Un = "Stepper-module__separator___pU0No", Zn = "Stepper-module__vertical___d4mOs", Yn = "Stepper-module__large___J18-y", Kn = "Stepper-module__small___Ub-zb", Xn = "Stepper-module__stepIcon___YQHNq", Jn = "Stepper-module__stepCompletedIcon___B9MeL", Qn = "Stepper-module__verticalSeparator___frWc1", el = "Stepper-module__content___J-h8X", q = {
+  root: En,
+  horizontal: Vn,
+  steps: Dn,
+  step: jn,
+  stepBody: Gn,
+  stepLabel: Hn,
+  stepDescription: qn,
+  separator: Un,
+  vertical: Zn,
+  large: Yn,
+  small: Kn,
+  stepIcon: Xn,
+  stepCompletedIcon: Jn,
+  verticalSeparator: Qn,
+  content: el
+}, At = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      size: t = "large",
-      orientation: o = "horizontal",
+      size: o = "large",
+      orientation: t = "horizontal",
       className: n,
-      style: i,
+      style: l,
       ...c
-    } = e, d = f(c, a);
+    } = e, d = N(c, a);
     return /* @__PURE__ */ s(
-      Je,
+      eo,
       {
         ref: r,
-        orientation: o,
-        className: `${q.root} ${o === "horizontal" ? q.horizontal : q.vertical} ${t === "large" ? q.large : q.small} ${n || ""}`,
-        style: i,
-        "data-size": t,
-        "data-orientation": o,
+        orientation: t,
+        className: `${q.root} ${t === "horizontal" ? q.horizontal : q.vertical} ${o === "large" ? q.large : q.small} ${n || ""}`,
+        style: l,
+        "data-size": o,
+        "data-orientation": t,
         classNames: {
           steps: q.steps,
           step: q.step,
@@ -2763,37 +2775,37 @@ const ti = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__ho
       }
     );
   }
-), ai = Object.assign(St, {
-  Step: Je.Step,
-  Completed: Je.Completed
+), ii = Object.assign(At, {
+  Step: eo.Step,
+  Completed: eo.Completed
 });
-St.displayName = "Stepper";
-const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el = "Switch-module__track___7ObdZ", ol = "Switch-module__thumb___-FTeK", tl = "Switch-module__labelWrapper___YSOwx", al = "Switch-module__label___LrH7V", rl = "Switch-module__thumbIconWrapper___sCY-1", sl = "Switch-module__checkIcon___ZBAQN", nl = "Switch-module__closeIcon___bLLGw", ll = "Switch-module__groupRoot___-Uepi", M = {
-  root: Jn,
-  body: Qn,
-  track: el,
-  thumb: ol,
-  labelWrapper: tl,
-  label: al,
-  thumbIconWrapper: rl,
-  checkIcon: sl,
-  closeIcon: nl,
-  groupRoot: ll
-}, xt = h(
+At.displayName = "Stepper";
+const ol = "Switch-module__root___Y5Ydi", tl = "Switch-module__body___Sw9Wr", al = "Switch-module__track___7ObdZ", rl = "Switch-module__thumb___-FTeK", sl = "Switch-module__labelWrapper___YSOwx", nl = "Switch-module__label___LrH7V", ll = "Switch-module__thumbIconWrapper___sCY-1", il = "Switch-module__checkIcon___ZBAQN", cl = "Switch-module__closeIcon___bLLGw", dl = "Switch-module__groupRoot___-Uepi", M = {
+  root: ol,
+  body: tl,
+  track: al,
+  thumb: rl,
+  labelWrapper: sl,
+  label: nl,
+  thumbIconWrapper: ll,
+  checkIcon: il,
+  closeIcon: cl,
+  groupRoot: dl
+}, Ot = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: N,
+      assistiveText: f,
       assistiveWithIcon: u,
       error: m,
       required: b,
@@ -2808,7 +2820,7 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = f(W, a), g = w;
+    } = e, w = N(W, a), g = w;
     return delete g.size, /* @__PURE__ */ s(
       oe,
       {
@@ -2818,15 +2830,15 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
         controlMinWidth: void 0,
         overStyled: a,
         labelElement: "div",
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: N,
+        assistiveText: f,
         assistiveWithIcon: u,
         error: m,
         required: b,
@@ -2839,35 +2851,35 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          go.Group,
+          So.Group,
           {
             ref: r,
             ...w,
             disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ s("div", { className: M.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: M.groupRoot, "data-layout": o, children: A })
           }
         )
       }
     );
   }
 );
-xt.displayName = "SwitchGroup";
-const At = h(
+Ot.displayName = "SwitchGroup";
+const Wt = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      readOnly: t,
-      readOnlyComponent: o,
+      readOnly: o,
+      readOnlyComponent: t,
       disabled: n,
-      thumbIcon: i,
+      thumbIcon: l,
       formLayout: c,
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: _,
-      ...N
-    } = e, u = f(N, a), m = u;
+      ...f
+    } = e, u = N(f, a), m = u;
     delete m.size, delete m.color, delete m.radius, delete m.variant;
     const b = {
       root: M.root,
@@ -2883,9 +2895,9 @@ const At = h(
       b.root = v.root ? `${M.root} ${v.root}` : M.root, b.body = v.body ? `${M.body} ${v.body}` : M.body, b.track = v.track ? `${M.track} ${v.track}` : M.track, b.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, b.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, b.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, b.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
     const C = m.className, $ = C ? `${M.root} ${C}` : M.root;
-    if (t && o) {
+    if (o && t) {
       const v = !!(m.checked ?? m.defaultChecked), x = /* @__PURE__ */ s(
-        o,
+        t,
         {
           ...e,
           checked: v,
@@ -2901,20 +2913,20 @@ const At = h(
           controlMinWidth: _,
           children: x
         }
-      ) : /* @__PURE__ */ s(xe, { children: x });
+      ) : /* @__PURE__ */ s(Oe, { children: x });
     }
     const y = /* @__PURE__ */ z("div", { className: M.thumbIconWrapper, children: [
-      /* @__PURE__ */ s(da, { className: M.checkIcon }),
-      /* @__PURE__ */ s(pa, { className: M.closeIcon })
+      /* @__PURE__ */ s(ma, { className: M.checkIcon }),
+      /* @__PURE__ */ s(ua, { className: M.closeIcon })
     ] }), A = /* @__PURE__ */ s(
-      go,
+      So,
       {
         ref: r,
         className: $,
         classNames: b,
-        disabled: t || n,
-        "data-disabled": t || n || void 0,
-        thumbIcon: i ?? y,
+        disabled: o || n,
+        "data-disabled": o || n || void 0,
+        thumbIcon: l ?? y,
         ...u
       }
     );
@@ -2930,113 +2942,136 @@ const At = h(
     ) : A;
   }
 );
-At.displayName = "Switch";
-At.Group = xt;
-const ri = (l) => /* @__PURE__ */ s("div", { ...l, children: "Table" }), il = "Tabs-module__root___-VKVI", cl = "Tabs-module__list___qRVME", dl = "Tabs-module__tab___IdDYc", pl = "Tabs-module__panel___08i9c", Fe = {
-  root: il,
-  list: cl,
-  tab: dl,
-  panel: pl
-}, Ot = h(function(e, r) {
+Wt.displayName = "Switch";
+Wt.Group = Ot;
+const pl = "Table-module__root___aMWWS", _l = {
+  root: pl
+}, Lt = h(function({ overStyled: e = !1, className: r, ...a }, o) {
+  const t = N(a, e), n = t.className, l = _l.root, c = n ? `${l} ${n}` : l;
+  return /* @__PURE__ */ s(
+    de,
+    {
+      ref: o,
+      className: c,
+      ...t
+    }
+  );
+});
+Lt.displayName = "Table";
+const $e = Lt;
+$e.Thead = de.Thead;
+$e.Tbody = de.Tbody;
+$e.Tr = de.Tr;
+$e.Th = de.Th;
+$e.Td = de.Td;
+$e.Tfoot = de.Tfoot;
+$e.Caption = de.Caption;
+$e.ScrollContainer = de.ScrollContainer;
+const ml = "Tabs-module__root___-VKVI", ul = "Tabs-module__list___qRVME", bl = "Tabs-module__tab___IdDYc", yl = "Tabs-module__panel___08i9c", Ve = {
+  root: ml,
+  list: ul,
+  tab: bl,
+  panel: yl
+}, kt = h(function(e, r) {
   const {
     variant: a = "default",
-    orientation: t = "horizontal",
-    overStyled: o = !1,
+    orientation: o = "horizontal",
+    overStyled: t = !1,
     className: n,
-    ...i
-  } = e, c = f(i, o);
+    ...l
+  } = e, c = N(l, t);
   return /* @__PURE__ */ s(
-    qe,
+    Ze,
     {
       ref: r,
       variant: a,
-      orientation: t,
-      className: `${Fe.root} ${n || ""}`,
+      orientation: o,
+      className: `${Ve.root} ${n || ""}`,
       "data-variant": a,
-      "data-orientation": t,
+      "data-orientation": o,
       classNames: {
-        list: Fe.list,
-        tab: Fe.tab,
-        panel: Fe.panel
+        list: Ve.list,
+        tab: Ve.tab,
+        panel: Ve.panel
       },
       ...c
     }
   );
 });
-Ot.displayName = "Tabs";
-const Wt = h(
+kt.displayName = "Tabs";
+const It = h(
   function(e, r) {
-    const { overStyled: a = !1, ...t } = e;
+    const { overStyled: a = !1, ...o } = e;
     return /* @__PURE__ */ s(
-      qe.List,
+      Ze.List,
       {
         ref: r,
-        ...f(t, a)
+        ...N(o, a)
       }
     );
   }
 );
-Wt.displayName = "Tabs.List";
-const Lt = h(
+It.displayName = "Tabs.List";
+const Mt = h(
   function(e, r) {
-    const { overStyled: a = !1, ...t } = e;
+    const { overStyled: a = !1, ...o } = e;
     return /* @__PURE__ */ s(
-      qe.Tab,
+      Ze.Tab,
       {
         ref: r,
-        ...f(t, a)
+        ...N(o, a)
       }
     );
   }
 );
-Lt.displayName = "Tabs.Tab";
-const kt = h(
+Mt.displayName = "Tabs.Tab";
+const zt = h(
   function(e, r) {
-    const { overStyled: a = !1, ...t } = e;
+    const { overStyled: a = !1, ...o } = e;
     return /* @__PURE__ */ s(
-      qe.Panel,
+      Ze.Panel,
       {
         ref: r,
-        ...f(t, a)
+        ...N(o, a)
       }
     );
   }
 );
-kt.displayName = "Tabs.Panel";
-const si = Object.assign(Ot, {
-  List: Wt,
-  Tab: Lt,
-  Panel: kt
-}), It = h(function({ overStyled: e = !1, variant: r = "body", ...a }, t) {
-  const o = f(a, e), n = o.className, i = `recursica_brand_typography_${r}`, c = n ? `${i} ${n}` : i;
+zt.displayName = "Tabs.Panel";
+const ci = Object.assign(kt, {
+  List: It,
+  Tab: Mt,
+  Panel: zt
+}), Rt = h(function({ overStyled: e = !1, variant: r = "body", ...a }, o) {
+  const t = N(a, e), n = t.className, l = `recursica_brand_typography_${r}`, c = n ? `${l} ${n}` : l;
   return /* @__PURE__ */ s(
-    _a,
+    ba,
     {
-      ref: t,
+      ref: o,
       className: c,
-      ...o
+      ...t
     }
   );
 });
-It.displayName = "Text";
-const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextArea-module__root___3dyeu", ul = "TextArea-module__input___8l36v", ue = {
-  layoutOverride: _l,
-  root: ml,
-  input: ul
-}, bl = h(
+Rt.displayName = "Text";
+const di = te(Rt), fl = "TextArea-module__layoutOverride___4MCdm", Nl = "TextArea-module__root___3dyeu", hl = "TextArea-module__input___8l36v", be = {
+  layoutOverride: fl,
+  root: Nl,
+  input: hl
+}, $l = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: N,
+      assistiveWithIcon: f,
       error: u,
       required: m,
       withAsterisk: b,
@@ -3050,18 +3085,18 @@ const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = f(O, a), w = W;
+    } = e, W = N(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
     const g = {
-      wrapper: ue.root,
+      wrapper: be.root,
       // The nested Input internal relative wrapper bounding box
-      input: ue.input
+      input: be.input
     }, L = w.classNames;
     if (L && typeof L == "object" && !Array.isArray(L)) {
       const T = L;
-      g.wrapper = T.wrapper ? `${ue.root} ${T.wrapper}` : ue.root, g.input = T.input ? `${ue.input} ${T.input}` : ue.input;
+      g.wrapper = T.wrapper ? `${be.root} ${T.wrapper}` : be.root, g.input = T.input ? `${be.input} ${T.input}` : be.input;
     }
-    const R = C ? `${ue.layoutOverride} ${C}` : ue.layoutOverride;
+    const R = C ? `${be.layoutOverride} ${C}` : be.layoutOverride;
     return /* @__PURE__ */ s(
       oe,
       {
@@ -3070,15 +3105,15 @@ const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: N,
+        assistiveWithIcon: f,
         error: u,
         required: m,
         withAsterisk: b,
@@ -3092,7 +3127,7 @@ const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            ma,
+            ya,
             {
               ref: r,
               classNames: g,
@@ -3116,26 +3151,26 @@ const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
     );
   }
 );
-bl.displayName = "TextArea";
-const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__root___2ZYkG", fl = "TextField-module__input___RL-My", hl = "TextField-module__section___bCIJ0", ee = {
-  layoutOverride: yl,
-  root: Nl,
-  input: fl,
-  section: hl
-}, $l = h(
+$l.displayName = "TextArea";
+const vl = "TextField-module__layoutOverride___SNZqc", Cl = "TextField-module__root___2ZYkG", Pl = "TextField-module__input___RL-My", wl = "TextField-module__section___bCIJ0", ee = {
+  layoutOverride: vl,
+  root: Cl,
+  input: Pl,
+  section: wl
+}, gl = h(
   function(e, r) {
     const {
       overStyled: a = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: o,
+      labelSize: t,
       labelAlignment: n,
-      labelOptionalText: i,
+      labelOptionalText: l,
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: N,
+      assistiveWithIcon: f,
       error: u,
       required: m,
       withAsterisk: b,
@@ -3149,7 +3184,7 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = f(O, a), w = W;
+    } = e, W = N(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
     const g = {
       wrapper: ee.root,
@@ -3170,15 +3205,15 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: a,
-        formLayout: t,
-        labelSize: o,
+        formLayout: o,
+        labelSize: t,
         labelAlignment: n,
-        labelOptionalText: i,
+        labelOptionalText: l,
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: N,
+        assistiveWithIcon: f,
         error: u,
         required: m,
         withAsterisk: b,
@@ -3192,7 +3227,7 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Co,
+            wo,
             {
               ref: r,
               classNames: g,
@@ -3211,236 +3246,236 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
     );
   }
 );
-$l.displayName = "TextField";
-const li = (l) => /* @__PURE__ */ s("div", { ...l, children: "TimePicker" }), vl = "Timeline-module__root___LwRdZ", Cl = "Timeline-module__item___T5xdQ", Pl = "Timeline-module__itemBody___XAV-E", wl = "Timeline-module__itemBullet___rPXCy", gl = "Timeline-module__itemTitle___GgRRW", Tl = "Timeline-module__itemContent___vurs-", Sl = "Timeline-module__description___f9sxV", xl = "Timeline-module__timestamp___owiRu", be = {
-  root: vl,
-  item: Cl,
-  itemBody: Pl,
-  itemBullet: wl,
-  itemTitle: gl,
-  itemContent: Tl,
-  description: Sl,
-  timestamp: xl
-}, Mt = j.forwardRef(
+gl.displayName = "TextField";
+const pi = (i) => /* @__PURE__ */ s("div", { ...i, children: "TimePicker" }), Tl = "Timeline-module__root___LwRdZ", Sl = "Timeline-module__item___T5xdQ", xl = "Timeline-module__itemBody___XAV-E", Al = "Timeline-module__itemBullet___rPXCy", Ol = "Timeline-module__itemTitle___GgRRW", Wl = "Timeline-module__itemContent___vurs-", Ll = "Timeline-module__description___f9sxV", kl = "Timeline-module__timestamp___owiRu", ye = {
+  root: Tl,
+  item: Sl,
+  itemBody: xl,
+  itemBullet: Al,
+  itemTitle: Ol,
+  itemContent: Wl,
+  description: Ll,
+  timestamp: kl
+}, Bt = j.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: r,
     bulletVariant: a = "default",
-    children: t,
-    ...o
+    children: o,
+    ...t
   }, n) {
-    const i = f(o, e), c = {
-      item: be.item,
-      itemBody: be.itemBody,
-      itemContent: be.itemContent,
-      itemBullet: be.itemBullet,
-      itemTitle: be.itemTitle
-    }, d = i.classNames;
+    const l = N(t, e), c = {
+      item: ye.item,
+      itemBody: ye.itemBody,
+      itemContent: ye.itemContent,
+      itemBullet: ye.itemBullet,
+      itemTitle: ye.itemTitle
+    }, d = l.classNames;
     if (d && typeof d == "object" && !Array.isArray(d)) {
       const _ = d;
-      Object.keys(_).forEach((N) => {
-        c[N] ? c[N] = `${c[N]} ${_[N]}` : c[N] = _[N];
+      Object.keys(_).forEach((f) => {
+        c[f] ? c[f] = `${c[f]} ${_[f]}` : c[f] = _[f];
       });
     }
-    const p = r ? /* @__PURE__ */ z(xe, { children: [
-      t && /* @__PURE__ */ s("div", { className: be.description, children: t }),
-      /* @__PURE__ */ s("div", { className: be.timestamp, children: r })
-    ] }) : t;
+    const p = r ? /* @__PURE__ */ z(Oe, { children: [
+      o && /* @__PURE__ */ s("div", { className: ye.description, children: o }),
+      /* @__PURE__ */ s("div", { className: ye.timestamp, children: r })
+    ] }) : o;
     return /* @__PURE__ */ s(
-      ua,
+      fa,
       {
         ref: n,
         classNames: c,
         "data-variant": a,
-        ...i,
+        ...l,
         children: p
       }
     );
   }
 );
-Mt.displayName = "TimelineItem";
-const zt = j.forwardRef(
+Bt.displayName = "TimelineItem";
+const Ft = j.forwardRef(
   function({ overStyled: e = !1, ...r }, a) {
-    const t = f(r, e), o = {
-      root: be.root
-    }, n = t.classNames;
+    const o = N(r, e), t = {
+      root: ye.root
+    }, n = o.classNames;
     if (n && typeof n == "object" && !Array.isArray(n)) {
-      const i = n;
-      Object.keys(i).forEach((c) => {
-        o[c] ? o[c] = `${o[c]} ${i[c]}` : o[c] = i[c];
+      const l = n;
+      Object.keys(l).forEach((c) => {
+        t[c] ? t[c] = `${t[c]} ${l[c]}` : t[c] = l[c];
       });
     }
     return /* @__PURE__ */ s(
-      ba,
+      Na,
       {
         ref: a,
-        classNames: o,
-        ...t
+        classNames: t,
+        ...o
       }
     );
   }
 );
-zt.displayName = "Timeline";
-const Al = zt;
-Al.Item = Mt;
-const Ol = h(function({ overStyled: e = !1, order: r = 1, ...a }, t) {
-  const o = f(a, e), n = o.className, i = `recursica_brand_typography_h${r}`, c = n ? `${i} ${n}` : i;
+Ft.displayName = "Timeline";
+const Il = Ft;
+Il.Item = Bt;
+const Ml = h(function({ overStyled: e = !1, order: r = 1, ...a }, o) {
+  const t = N(a, e), n = t.className, l = `recursica_brand_typography_h${r}`, c = n ? `${l} ${n}` : l;
   return /* @__PURE__ */ s(
-    ya,
+    ha,
     {
-      ref: t,
+      ref: o,
       order: r,
       className: c,
-      ...o
+      ...t
     }
   );
 });
-Ol.displayName = "Title";
-const Wl = "Toast-module__root___MUvfI", Ll = "Toast-module__icon___VwvE1", kl = "Toast-module__loader___8Gxd-", Il = "Toast-module__title___-H6R2", Ml = "Toast-module__description___-QwfC", zl = "Toast-module__closeButton___vGr7g", Rl = "Toast-module__body___VLkXA", ge = {
-  root: Wl,
-  icon: Ll,
-  loader: kl,
-  title: Il,
-  description: Ml,
-  closeButton: zl,
-  body: Rl
-}, Bl = j.forwardRef(
+Ml.displayName = "Title";
+const zl = "Toast-module__root___MUvfI", Rl = "Toast-module__icon___VwvE1", Bl = "Toast-module__loader___8Gxd-", Fl = "Toast-module__title___-H6R2", El = "Toast-module__description___-QwfC", Vl = "Toast-module__closeButton___vGr7g", Dl = "Toast-module__body___VLkXA", Se = {
+  root: zl,
+  icon: Rl,
+  loader: Bl,
+  title: Fl,
+  description: El,
+  closeButton: Vl,
+  body: Dl
+}, jl = j.forwardRef(
   function({
     overStyled: e = !1,
     variant: r = "default",
     withCloseButton: a = !0,
-    ...t
-  }, o) {
-    const n = f(t, e), i = {
-      root: ge.root,
-      body: ge.body,
-      title: ge.title,
-      description: ge.description,
-      closeButton: ge.closeButton,
-      icon: ge.icon,
-      loader: ge.loader
+    ...o
+  }, t) {
+    const n = N(o, e), l = {
+      root: Se.root,
+      body: Se.body,
+      title: Se.title,
+      description: Se.description,
+      closeButton: Se.closeButton,
+      icon: Se.icon,
+      loader: Se.loader
     }, c = n.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const d = c;
       Object.keys(d).forEach((p) => {
-        i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
+        l[p] ? l[p] = `${l[p]} ${d[p]}` : l[p] = d[p];
       });
     }
     return /* @__PURE__ */ s(
-      Na,
+      $a,
       {
-        ref: o,
+        ref: t,
         withCloseButton: a,
         withBorder: !1,
         "data-variant": r,
-        classNames: i,
+        classNames: l,
         loading: !1,
         ...n
       }
     );
   }
 );
-Bl.displayName = "Toast";
-const Fl = "Tooltip-module__tooltip___UA7H9", El = "Tooltip-module__arrow___4zROk", $o = {
-  tooltip: Fl,
-  arrow: El
-}, Rt = function({
+jl.displayName = "Toast";
+const Gl = "Tooltip-module__tooltip___UA7H9", Hl = "Tooltip-module__arrow___4zROk", Co = {
+  tooltip: Gl,
+  arrow: Hl
+}, Et = function({
   overStyled: e = !1,
   withBeak: r = !0,
   ...a
 }) {
-  const t = f(a, e), o = {
-    tooltip: $o.tooltip,
-    arrow: $o.arrow
-  }, n = t.classNames;
+  const o = N(a, e), t = {
+    tooltip: Co.tooltip,
+    arrow: Co.arrow
+  }, n = o.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
     Object.keys(p).forEach((_) => {
-      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
+      t[_] ? t[_] = `${t[_]} ${p[_]}` : t[_] = p[_];
     });
   }
-  const i = t.arrowSize ?? 16, c = t.withArrow;
+  const l = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ s(
-    ao,
+    so,
     {
       position: "top",
       multiline: !0,
-      arrowSize: i,
+      arrowSize: l,
       withArrow: r ?? c,
-      classNames: o,
-      ...t
+      classNames: t,
+      ...o
     }
   );
 };
-Rt.displayName = "Tooltip";
-const Bt = Rt;
-Bt.Floating = ao.Floating;
-Bt.Group = ao.Group;
-const ii = (l) => /* @__PURE__ */ s("div", { ...l, children: "TransferList" });
+Et.displayName = "Tooltip";
+const Vt = Et;
+Vt.Floating = so.Floating;
+Vt.Group = so.Group;
+const _i = (i) => /* @__PURE__ */ s("div", { ...i, children: "TransferList" });
 export {
-  lo as Accordion,
-  so as AccordionControl,
-  xo as AccordionItem,
-  no as AccordionPanel,
-  tr as AutoComplete,
-  Ul as Avatar,
-  Zl as Badge,
-  pr as Breadcrumb,
-  Yl as Button,
-  Kl as Card,
-  Fo as CardContent,
-  Bo as CardFooter,
-  Ro as CardHeader,
-  zo as CardSection,
-  Do as Checkbox,
-  Vo as CheckboxGroup,
-  Vr as Chip,
-  jr as Container,
-  Xr as DatePicker,
-  rs as Dropdown,
-  je as EmptyValueRenderer,
-  Xl as FileInput,
-  Jl as FileUpload,
-  Ql as Flex,
+  co as Accordion,
+  lo as AccordionControl,
+  Oo as AccordionItem,
+  io as AccordionPanel,
+  sr as AutoComplete,
+  Jl as Avatar,
+  Ql as Badge,
+  ur as Breadcrumb,
+  ei as Button,
+  oi as Card,
+  Vo as CardContent,
+  Eo as CardFooter,
+  Fo as CardHeader,
+  Bo as CardSection,
+  Go as Checkbox,
+  jo as CheckboxGroup,
+  Gr as Chip,
+  qr as Container,
+  es as DatePicker,
+  ls as Dropdown,
+  He as EmptyValueRenderer,
+  ti as FileInput,
+  ai as FileUpload,
+  ri as Flex,
   Ne as FormControlLayout,
-  ls as Group,
-  Uo as HoverCard,
-  Ao as Label,
-  Ua as Layer,
-  ei as Link,
-  ko as Loader,
-  Ae as Menu,
-  fe as Modal,
-  Rs as NumberInput,
-  de as Pagination,
-  pe as Panel,
-  ft as PanelFooter,
-  Ct as Popover,
-  ql as RECURSICA_COMPONENTS,
-  wt as Radio,
-  Pt as RadioGroup,
-  un as ReadOnlyBooleanField,
-  Oo as ReadOnlyField,
-  mn as ReadOnlySwitchField,
-  Ee as ReadOnlyTextField,
-  Hl as RecursicaThemeProvider,
-  oi as SegmentedControl,
-  Mn as Slider,
-  ti as Stack,
-  ai as Stepper,
-  At as Switch,
-  xt as SwitchGroup,
-  ri as Table,
-  si as Tabs,
-  ni as Text,
-  bl as TextArea,
-  $l as TextField,
-  li as TimePicker,
-  Al as Timeline,
-  Ol as Title,
-  Bl as Toast,
-  Bt as Tooltip,
-  ii as TransferList,
+  ds as Group,
+  Yo as HoverCard,
+  Wo as Label,
+  Ka as Layer,
+  si as Link,
+  Mo as Loader,
+  We as Menu,
+  he as Modal,
+  Es as NumberInput,
+  pe as Pagination,
+  _e as Panel,
+  $t as PanelFooter,
+  wt as Popover,
+  Xl as RECURSICA_COMPONENTS,
+  Tt as Radio,
+  gt as RadioGroup,
+  fn as ReadOnlyBooleanField,
+  Lo as ReadOnlyField,
+  yn as ReadOnlySwitchField,
+  De as ReadOnlyTextField,
+  Kl as RecursicaThemeProvider,
+  ni as SegmentedControl,
+  Bn as Slider,
+  li as Stack,
+  ii as Stepper,
+  Wt as Switch,
+  Ot as SwitchGroup,
+  $e as Table,
+  ci as Tabs,
+  di as Text,
+  $l as TextArea,
+  gl as TextField,
+  pi as TimePicker,
+  Il as Timeline,
+  Ml as Title,
+  jl as Toast,
+  Vt as Tooltip,
+  _i as TransferList,
   oe as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map