@recursica/mantine-adapter 0.28.0 → 0.30.0

package/dist/mantine-adapter.js

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as F, Fragment as Ie } from "react/jsx-runtime";
-import V, { forwardRef as h, useId as yr, useState as lo, useEffect as He } from "react";
-import { Accordion as Ke, Input as Do, Box as br, Autocomplete as fr, Avatar as Nr, createPolymorphicComponent as re, Badge as hr, Breadcrumbs as $r, Loader as vr, Button as Cr, Card as Xe, Checkbox as jo, Chip as wr, Container as Pr, Select as gr, Flex as Tr, Group as Sr, HoverCard as mo, Anchor as xr, Menu as ae, Modal as X, NumberInput as Ar, Pagination as me, Drawer as _e, Popover as _o, Radio as Go, SegmentedControl as Or, Slider as Lr, Stack as Wr, Stepper as io, Switch as Ho, CheckIcon as Ir, CloseIcon as kr, Table as ue, Tabs as Qe, Text as Rr, Textarea as Mr, TimelineItem as zr, Timeline as Er, Title as Br, Notification as Fr, Tooltip as uo } from "@mantine/core";
-import { DatePickerInput as Vr } from "@mantine/dates";
-const Dr = [
+import V, { forwardRef as h, useId as fr, useState as lo, useEffect as He } from "react";
+import { Accordion as Ke, Input as jo, Box as Nr, Autocomplete as hr, Avatar as $r, createPolymorphicComponent as re, Badge as vr, Breadcrumbs as Cr, Loader as wr, Button as Pr, Card as Xe, Checkbox as Go, Chip as gr, Container as Tr, Select as Sr, Flex as Ar, Group as xr, HoverCard as mo, Anchor as Or, Menu as ae, Modal as X, NumberInput as Lr, Pagination as me, Drawer as _e, Popover as _o, Radio as Ho, SegmentedControl as Wr, Slider as Ir, Stack as kr, Stepper as io, Switch as qo, CheckIcon as Rr, CloseIcon as Mr, Table as ue, Tabs as Qe, Text as zr, Textarea as Er, TimelineItem as Br, Timeline as Fr, Title as Vr, Notification as Dr, Tooltip as uo } from "@mantine/core";
+import { DatePickerInput as jr } from "@mantine/dates";
+const Gr = [
   "className",
   "classNames",
   "style",
@@ -46,7 +46,7 @@ const Dr = [
   "mih",
   "mah"
   // Dimensions
-], qo = /* @__PURE__ */ new Set([
+], Uo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -72,36 +72,36 @@ const Dr = [
 };
 function yo(n) {
   const e = { ...n };
-  for (const [a, r] of Object.entries(e))
-    typeof r == "string" && r.startsWith("rec-") && qo.has(a) && r in qe && (e[a] = qe[r]);
+  for (const [a, t] of Object.entries(e))
+    typeof t == "string" && t.startsWith("rec-") && Uo.has(a) && t in qe && (e[a] = qe[t]);
   return e;
 }
 function N(n, e) {
   if (e)
     return n;
   const a = { ...n };
-  for (const r of Dr)
-    r in a && delete a[r];
-  for (const [r, o] of Object.entries(a))
-    typeof o == "string" && o.startsWith("rec-") && qo.has(r) && o in qe && (a[r] = qe[o]);
+  for (const t of Gr)
+    t in a && delete a[t];
+  for (const [t, o] of Object.entries(a))
+    typeof o == "string" && o.startsWith("rec-") && Uo.has(t) && o in qe && (a[t] = qe[o]);
   return a;
 }
-const jr = "Accordion-module__root___Dem6d", Gr = "Accordion-module__item___7ryVk", Hr = "Accordion-module__noDivider___Ni2tT", qr = "Accordion-module__control___b4wgX", Ur = "Accordion-module__label___Ss7uW", Yr = "Accordion-module__chevron___i-HVZ", Zr = "Accordion-module__iconLeftWrapper___5oLen", Kr = "Accordion-module__panel___Wx50w", Xr = "Accordion-module__content___PEM9t", ie = {
-  root: jr,
-  item: Gr,
-  noDivider: Hr,
-  control: qr,
-  label: Ur,
-  chevron: Yr,
-  iconLeftWrapper: Zr,
-  panel: Kr,
-  content: Xr
-}, Uo = function({
+const Hr = "Accordion-module__root___Dem6d", qr = "Accordion-module__item___7ryVk", Ur = "Accordion-module__noDivider___Ni2tT", Yr = "Accordion-module__control___b4wgX", Zr = "Accordion-module__label___Ss7uW", Kr = "Accordion-module__chevron___i-HVZ", Xr = "Accordion-module__iconLeftWrapper___5oLen", Qr = "Accordion-module__panel___Wx50w", Jr = "Accordion-module__content___PEM9t", ie = {
+  root: Hr,
+  item: qr,
+  noDivider: Ur,
+  control: Yr,
+  label: Zr,
+  chevron: Kr,
+  iconLeftWrapper: Xr,
+  panel: Qr,
+  content: Jr
+}, Yo = function({
   variant: e = "unstyled",
   overStyled: a = !1,
-  ...r
+  ...t
 }) {
-  const o = N(r, a), t = {
+  const o = N(t, a), r = {
     root: ie.root,
     item: ie.item,
     control: ie.control,
@@ -113,7 +113,7 @@ const jr = "Accordion-module__root___Dem6d", Gr = "Accordion-module__item___7ryV
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const c = l;
     Object.keys(c).forEach((d) => {
-      t[d] ? t[d] = `${t[d]} ${c[d]}` : t[d] = c[d];
+      r[d] ? r[d] = `${r[d]} ${c[d]}` : r[d] = c[d];
     });
   }
   const i = o.className;
@@ -122,14 +122,14 @@ const jr = "Accordion-module__root___Dem6d", Gr = "Accordion-module__item___7ryV
     {
       variant: e,
       className: i,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
 };
-Uo.displayName = "Accordion";
-const bo = h(function({ title: e, leftIcon: a, divider: r = !0, children: o, overStyled: t = !1, ...l }, i) {
-  const c = N(l, t), d = c.className, p = [r ? void 0 : ie.noDivider, d].filter(Boolean).join(" ") || void 0;
+Yo.displayName = "Accordion";
+const bo = h(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: r = !1, ...l }, i) {
+  const c = N(l, r), d = c.className, p = [t ? void 0 : ie.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ s(
     Ke.Item,
     {
@@ -144,12 +144,12 @@ const bo = h(function({ title: e, leftIcon: a, divider: r = !0, children: o, ove
   );
 });
 bo.displayName = "AccordionItem";
-const Je = h(function({ leftIcon: e, children: a, overStyled: r = !1, ...o }, t) {
-  const l = N(o, r), i = l.className;
+const Je = h(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, r) {
+  const l = N(o, t), i = l.className;
   return /* @__PURE__ */ s(
     Ke.Control,
     {
-      ref: t,
+      ref: r,
       className: i,
       icon: e ? /* @__PURE__ */ s("span", { className: ie.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...l,
@@ -158,35 +158,35 @@ const Je = h(function({ leftIcon: e, children: a, overStyled: r = !1, ...o }, t)
   );
 });
 Je.displayName = "AccordionControl";
-const eo = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className;
+const eo = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className;
   return /* @__PURE__ */ s(
     Ke.Panel,
     {
-      ref: r,
-      className: t,
+      ref: t,
+      className: r,
       ...o
     }
   );
 });
 eo.displayName = "AccordionPanel";
-const oo = Uo;
+const oo = Yo;
 oo.Item = bo;
 oo.Control = Je;
 oo.Panel = eo;
-const Qr = "Label-module__root___e6HXZ", Jr = "Label-module__labelText___rieFR", ea = "Label-module__required___Ggrzc", oa = "Label-module__optionalText___Y2yun", ta = "Label-module__actionAreaWrapper___ELoZK", ra = "Label-module__editIconWrapper___NG2xW", Q = {
-  root: Qr,
-  labelText: Jr,
-  required: ea,
-  optionalText: oa,
-  actionAreaWrapper: ta,
-  editIconWrapper: ra
+const ea = "Label-module__root___e6HXZ", oa = "Label-module__labelText___rieFR", ta = "Label-module__required___Ggrzc", ra = "Label-module__optionalText___Y2yun", aa = "Label-module__actionAreaWrapper___ELoZK", sa = "Label-module__editIconWrapper___NG2xW", Q = {
+  root: ea,
+  labelText: oa,
+  required: ta,
+  optionalText: ra,
+  actionAreaWrapper: aa,
+  editIconWrapper: sa
 }, fo = h(function({
   labelSize: e = "default",
   labelAlignment: a,
-  required: r = !1,
+  required: t = !1,
   labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelWithEditIcon: r,
   labelActionArea: l,
   onLabelEditClick: i,
   children: c,
@@ -195,35 +195,35 @@ const Qr = "Label-module__root___e6HXZ", Jr = "Label-module__labelText___rieFR",
 }, m) {
   const f = a || "left";
   let u;
-  r || (o === !0 ? u = "optional" : o && (u = o));
-  const _ = N(p, d), y = _, w = {
+  t || (o === !0 ? u = "optional" : o && (u = o));
+  const _ = N(p, d), y = _, P = {
     label: Q.root,
     required: Q.required
   }, C = y.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
     const O = C;
-    w.label = O.label ? `${Q.root} ${O.label}` : Q.root, w.required = O.required ? `${Q.required} ${O.required}` : Q.required;
+    P.label = O.label ? `${Q.root} ${O.label}` : Q.root, P.required = O.required ? `${Q.required} ${O.required}` : Q.required;
   }
   const $ = y.className, b = $ ? `${Q.root} ${$}` : Q.root;
   return /* @__PURE__ */ F(
-    Do.Label,
+    jo.Label,
     {
       ref: m,
       className: b,
-      classNames: w,
+      classNames: P,
       "data-size": e,
       "data-alignment": f,
-      required: r && !t,
+      required: t && !r,
       ..._,
       children: [
         /* @__PURE__ */ s("span", { className: Q.labelText, children: c }),
         u && /* @__PURE__ */ s("span", { className: Q.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        l ? /* @__PURE__ */ s("span", { className: Q.actionAreaWrapper, children: l }) : t ? /* @__PURE__ */ s(
+        l ? /* @__PURE__ */ s("span", { className: Q.actionAreaWrapper, children: l }) : r ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: Q.editIconWrapper,
-            "data-replaces-asterisk": r ? "true" : void 0,
+            "data-replaces-asterisk": t ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
             children: /* @__PURE__ */ s(
@@ -252,22 +252,22 @@ const Qr = "Label-module__root___e6HXZ", Jr = "Label-module__labelText___rieFR",
   );
 });
 fo.displayName = "Label";
-const aa = "FormControlLayout-module__root___yNDhZ", sa = "FormControlLayout-module__leftSection___GBM1r", na = "FormControlLayout-module__rightSection___bcL4v", De = {
-  root: aa,
-  leftSection: sa,
-  rightSection: na
+const na = "FormControlLayout-module__root___yNDhZ", la = "FormControlLayout-module__leftSection___GBM1r", ia = "FormControlLayout-module__rightSection___bcL4v", De = {
+  root: na,
+  leftSection: la,
+  rightSection: ia
 }, de = h(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
-  controlMaxWidth: r,
+  controlMaxWidth: t,
   controlMinWidth: o,
-  leftSection: t,
+  leftSection: r,
   children: l,
   className: i,
   style: c,
   ...d
 }, p) {
-  const m = i ? `${De.root} ${i}` : De.root, u = t != null || e === "side-by-side";
+  const m = i ? `${De.root} ${i}` : De.root, u = r != null || e === "side-by-side";
   return /* @__PURE__ */ F(
     "div",
     {
@@ -276,23 +276,23 @@ const aa = "FormControlLayout-module__root___yNDhZ", sa = "FormControlLayout-mod
       "data-form-layout": e,
       style: {
         ...c,
-        ...r ? { "--form-control-max-width": r } : {},
+        ...t ? { "--form-control-max-width": t } : {},
         ...o ? { "--form-control-min-width": o } : {}
       },
       ...d,
       children: [
-        u && /* @__PURE__ */ s("div", { className: De.leftSection, "data-size": a, children: t }),
+        u && /* @__PURE__ */ s("div", { className: De.leftSection, "data-size": a, children: r }),
         /* @__PURE__ */ s("div", { className: De.rightSection, children: l })
       ]
     }
   );
 });
 de.displayName = "FormControlLayout";
-const la = "AssistiveElement-module__root___WhQ43", ia = "AssistiveElement-module__textWrapper___sfy5E", ca = "AssistiveElement-module__iconWrapper___gObRF", no = {
-  root: la,
-  textWrapper: ia,
-  iconWrapper: ca
-}, da = () => /* @__PURE__ */ F(
+const ca = "AssistiveElement-module__root___WhQ43", da = "AssistiveElement-module__textWrapper___sfy5E", pa = "AssistiveElement-module__iconWrapper___gObRF", no = {
+  root: ca,
+  textWrapper: da,
+  iconWrapper: pa
+}, ma = () => /* @__PURE__ */ F(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -308,7 +308,7 @@ const la = "AssistiveElement-module__root___WhQ43", ia = "AssistiveElement-modul
       /* @__PURE__ */ s("path", { d: "M12 8h.01" })
     ]
   }
-), pa = () => /* @__PURE__ */ F(
+), _a = () => /* @__PURE__ */ F(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -327,12 +327,12 @@ const la = "AssistiveElement-module__root___WhQ43", ia = "AssistiveElement-modul
 ), co = h(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
-  children: r,
+  children: t,
   className: o,
-  overStyled: t = !1,
+  overStyled: r = !1,
   ...l
 }, i) {
-  const d = N(l, t), p = no.root, m = o ? `${p} ${o}` : p, f = e === "error" ? pa : da;
+  const d = N(l, r), p = no.root, m = o ? `${p} ${o}` : p, f = e === "error" ? _a : ma;
   return /* @__PURE__ */ F(
     "div",
     {
@@ -343,21 +343,21 @@ const la = "AssistiveElement-module__root___WhQ43", ia = "AssistiveElement-modul
       ...d,
       children: [
         a && /* @__PURE__ */ s("span", { className: no.iconWrapper, children: /* @__PURE__ */ s(f, {}) }),
-        /* @__PURE__ */ s("span", { className: no.textWrapper, children: r })
+        /* @__PURE__ */ s("span", { className: no.textWrapper, children: t })
       ]
     }
   );
 });
 co.displayName = "AssistiveElement";
-const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-module__inputSection___HenXk", zo = {
-  root: ma,
-  inputSection: _a
+const ua = "FormControlWrapper-module__root___c-UHo", ya = "FormControlWrapper-module__inputSection___HenXk", zo = {
+  root: ua,
+  inputSection: ya
 }, Ue = h(function({
   formLayout: e,
   labelSize: a,
-  labelAlignment: r,
+  labelAlignment: t,
   labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelWithEditIcon: r,
   labelActionArea: l,
   onLabelEditClick: i,
   label: c,
@@ -368,7 +368,7 @@ const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-m
   controlMinWidth: u,
   error: _,
   required: y,
-  withAsterisk: w,
+  withAsterisk: P,
   id: C,
   children: $,
   className: b,
@@ -376,8 +376,8 @@ const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-m
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...R
-}, A) {
-  const x = yr(), L = C || `recursica-fc-${x}`, W = p || d, g = W ? `${L}-assistive` : void 0, T = _ ? `${L}-error` : void 0, z = N(R, O), S = b || z.className, we = zo.root, Pe = S ? `${we} ${S}` : we, Y = V.isValidElement($) ? V.cloneElement(
+}, x) {
+  const A = fr(), L = C || `recursica-fc-${A}`, W = p || d, g = W ? `${L}-assistive` : void 0, T = _ ? `${L}-error` : void 0, z = N(R, O), S = b || z.className, we = zo.root, Pe = S ? `${we} ${S}` : we, Y = V.isValidElement($) ? V.cloneElement(
     $,
     {
       ...W && !$.props["aria-describedby"] ? { "aria-describedby": g } : {},
@@ -387,12 +387,12 @@ const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-m
     fo,
     {
       id: L,
-      labelAlignment: r,
+      labelAlignment: t,
       labelOptionalText: o,
-      labelWithEditIcon: t,
+      labelWithEditIcon: r,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: w ?? y,
+      required: P ?? y,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
@@ -400,7 +400,7 @@ const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-m
   return /* @__PURE__ */ s(
     de,
     {
-      ref: A,
+      ref: x,
       className: Pe,
       formLayout: e,
       labelSize: a,
@@ -433,11 +433,11 @@ const ma = "FormControlWrapper-module__root___c-UHo", _a = "FormControlWrapper-m
   );
 });
 Ue.displayName = "FormControlWrapper";
-const ua = "_root_1qhn7_3", ya = "_contents_1qhn7_18", We = {
-  root: ua,
-  contents: ya
-}, ba = h(function({ layer: n, contentsOnly: e, children: a, className: r, style: o, ...t }, l) {
-  const i = e ? r ? `${We.root} ${We.contents} ${r}` : `${We.root} ${We.contents}` : r ? `${We.root} ${r}` : We.root;
+const ba = "_root_1qhn7_3", fa = "_contents_1qhn7_18", We = {
+  root: ba,
+  contents: fa
+}, Na = h(function({ layer: n, contentsOnly: e, children: a, className: t, style: o, ...r }, l) {
+  const i = e ? t ? `${We.root} ${We.contents} ${t}` : `${We.root} ${We.contents}` : t ? `${We.root} ${t}` : We.root;
   return /* @__PURE__ */ s(
     "div",
     {
@@ -445,23 +445,23 @@ const ua = "_root_1qhn7_3", ya = "_contents_1qhn7_18", We = {
       className: i,
       style: o,
       ...e ? {} : { "data-recursica-layer": String(n) },
-      ...t,
+      ...r,
       children: a
     }
   );
 });
-ba.displayName = "Layer";
+Na.displayName = "Layer";
 const Ye = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ s(V.Fragment, { children: n });
 Ye.displayName = "EmptyValueRenderer";
 Ye.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
-const fa = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, Oe = (() => {
+const ha = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, Oe = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
   } catch {
   }
   try {
-    if (import.meta && fa)
+    if (import.meta && ha)
       return !0;
   } catch {
   }
@@ -472,7 +472,7 @@ const fa = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
   return !1;
 })(), po = /* @__PURE__ */ new Set();
 let Ce = !1;
-function Na(n) {
+function $a(n) {
   if (!Oe)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
@@ -486,21 +486,21 @@ function Na(n) {
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
   return po.forEach((e) => e()), Ce;
 }
-function Ni() {
+function vi() {
   return Oe && Ce;
 }
-function ha() {
+function va() {
   const [n, e] = lo(Ce);
   return He(() => {
     if (!Oe) return;
-    Yo(), Zo();
+    Zo(), Ko();
     const a = () => e(Ce);
     return po.add(a), () => {
       po.delete(a);
     };
   }, []), Oe && n;
 }
-function Yo() {
+function Zo() {
   if (!Oe) return;
   if (typeof document > "u") {
     console.warn(
@@ -522,7 +522,7 @@ function Yo() {
       }
     `, document.head.appendChild(e));
 }
-function Zo() {
+function Ko() {
   if (!Oe) return;
   if (typeof window > "u") {
     console.warn(
@@ -532,14 +532,14 @@ function Zo() {
   }
   const n = (e) => {
     try {
-      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${Na() ? "ON (cyan 2px box shadow)" : "OFF"}`;
+      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${$a() ? "ON (cyan 2px box shadow)" : "OFF"}`;
     } catch {
     }
   };
   n(window), window.parent && window.parent !== window && n(window.parent);
 }
 const Eo = "data-recursica-theme";
-function hi({
+function Ci({
   children: n,
   theme: e = "light"
 }) {
@@ -549,10 +549,10 @@ function hi({
       a.removeAttribute(Eo);
     };
   }, [e]), He(() => {
-    Yo(), Zo();
+    Zo(), Ko();
   }, []), /* @__PURE__ */ s(Ie, { children: n });
 }
-const $i = [
+const wi = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -600,45 +600,53 @@ const $i = [
   "Toast",
   "Tooltip",
   "TransferList"
-], vi = (n, e) => {
+], Pi = (n, e) => {
   const a = document.activeElement;
-  return new Promise((r, o) => {
+  return new Promise((t, o) => {
     if (e && e.current) {
-      const t = document.createElement("textarea");
-      t.readOnly = !0, t.defaultValue = n, e.current.appendChild(t), t.select();
+      const r = document.createElement("textarea");
+      r.readOnly = !0, r.defaultValue = n, e.current.appendChild(r), r.select();
       const l = document.execCommand("copy");
-      e.current.removeChild(t), a && a.focus(), l ? r() : o(new Error("Failed to copy"));
+      e.current.removeChild(r), a && a.focus(), l ? t() : o(new Error("Failed to copy"));
     } else
       o(new Error("Copy area reference is not defined"));
   });
 };
-function P(n) {
+function w(n) {
   if (!Oe || typeof n != "function" && !(n && n.$$typeof))
     return n;
-  const e = V.forwardRef((a, r) => {
-    const { overStyled: o } = a, t = ha(), l = V.createElement(
+  const e = V.forwardRef((t, o) => {
+    const { overStyled: r } = t, l = va(), i = V.createElement(
       n,
-      { ...a, ref: r }
+      { ...t, ref: o }
     );
-    return o && t ? /* @__PURE__ */ s("div", { className: "recursica-over-styled", children: l }) : l;
+    return r && l ? /* @__PURE__ */ s("div", { className: "recursica-over-styled", children: i }) : i;
   });
-  return e.displayName = n.displayName || n.name || "Component", e;
+  e.displayName = n.displayName || n.name || "Component";
+  const a = Object.keys(n);
+  for (const t of a) {
+    if (t === "render" || t === "$$typeof")
+      continue;
+    const o = n[t];
+    (typeof o == "function" || o && o.$$typeof) && t[0] === t[0].toUpperCase() ? e[t] = w(o) : e[t] = o;
+  }
+  return e;
 }
-const $a = "ReadOnlyField-module__layoutOverride___9fSsG", va = "ReadOnlyField-module__textField___qKn25", Ze = {
-  layoutOverride: $a,
-  textField: va
+const Ca = "ReadOnlyField-module__layoutOverride___9fSsG", wa = "ReadOnlyField-module__textField___qKn25", Ze = {
+  layoutOverride: Ca,
+  textField: wa
 }, Ge = ({
   value: n,
   overStyled: e = !1,
   ...a
 }) => {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
-    br,
+    Nr,
     {
       component: "p",
       className: o ? `${Ze.textField} ${o}` : Ze.textField,
-      ...r,
+      ...t,
       children: n != null ? V.isValidElement(n) ? n : Array.isArray(n) ? n.join(", ") : String(n) : ""
     }
   );
@@ -648,14 +656,14 @@ const No = h(
   function({
     value: e,
     type: a = "text",
-    emptyValueComponent: r,
+    emptyValueComponent: t,
     overStyled: o = !1,
-    className: t,
+    className: r,
     style: l,
     ...i
   }, c) {
     let d = null;
-    const p = N(i, o), m = r || Ye, u = (m.check ? m.check(e) : Ye.check(e)) ? /* @__PURE__ */ s(m, { value: e }) : e;
+    const p = N(i, o), m = t || Ye, u = (m.check ? m.check(e) : Ye.check(e)) ? /* @__PURE__ */ s(m, { value: e }) : e;
     switch (a) {
       case "boolean":
         d = /* @__PURE__ */ s(
@@ -686,7 +694,7 @@ const No = h(
         );
         break;
     }
-    const _ = t ? `${Ze.layoutOverride} ${t}` : Ze.layoutOverride;
+    const _ = r ? `${Ze.layoutOverride} ${r}` : Ze.layoutOverride;
     return /* @__PURE__ */ s(
       Ue,
       {
@@ -704,9 +712,9 @@ No.displayName = "ReadOnlyField";
 const te = h(function({
   readOnly: e,
   readOnlyComponent: a,
-  readOnlyType: r = "text",
+  readOnlyType: t = "text",
   readOnlyValue: o,
-  readOnlyNativeProps: t,
+  readOnlyNativeProps: r,
   emptyValueComponent: l,
   activeComponent: i,
   overStyled: c,
@@ -720,13 +728,13 @@ const te = h(function({
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: /* @__PURE__ */ s(a, { ...t })
+      children: /* @__PURE__ */ s(a, { ...r })
     }
   ) : /* @__PURE__ */ s(
     No,
     {
       ref: m,
-      type: r,
+      type: t,
       value: o,
       emptyValueComponent: l,
       onLabelEditClick: d,
@@ -745,20 +753,20 @@ const te = h(function({
   );
 });
 te.displayName = "WithReadOnlyWrapper";
-const Ca = "AutoComplete-module__layoutOverride___-K9WL", wa = "AutoComplete-module__root___kANza", Pa = "AutoComplete-module__input___g51MC", ga = "AutoComplete-module__section___WAbf1", Ta = "AutoComplete-module__dropdown___NqO3E", Sa = "AutoComplete-module__option___Y-Kja", j = {
-  layoutOverride: Ca,
-  root: wa,
-  input: Pa,
-  section: ga,
-  dropdown: Ta,
-  option: Sa
-}, Ko = h(
+const Pa = "AutoComplete-module__layoutOverride___-K9WL", ga = "AutoComplete-module__root___kANza", Ta = "AutoComplete-module__input___g51MC", Sa = "AutoComplete-module__section___WAbf1", Aa = "AutoComplete-module__dropdown___NqO3E", xa = "AutoComplete-module__option___Y-Kja", j = {
+  layoutOverride: Pa,
+  root: ga,
+  input: Ta,
+  section: Sa,
+  dropdown: Aa,
+  option: xa
+}, Xo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -769,17 +777,17 @@ const Ca = "AutoComplete-module__layoutOverride___-K9WL", wa = "AutoComplete-mod
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: A,
-      defaultValue: x,
+      value: x,
+      defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: j.root,
@@ -801,9 +809,9 @@ const Ca = "AutoComplete-module__layoutOverride___-K9WL", wa = "AutoComplete-mod
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -814,23 +822,23 @@ const Ca = "AutoComplete-module__layoutOverride___-K9WL", wa = "AutoComplete-mod
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : x,
+        readOnlyValue: x !== void 0 ? x : A,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            fr,
+            hr,
             {
               ref: a,
               classNames: T,
               disabled: b,
-              value: A,
-              defaultValue: x,
+              value: x,
+              defaultValue: A,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
@@ -843,19 +851,19 @@ const Ca = "AutoComplete-module__layoutOverride___-K9WL", wa = "AutoComplete-mod
     );
   }
 );
-Ko.displayName = "AutoComplete";
-const xa = "Avatar-module__root___fXu-J", Aa = "Avatar-module__iconWrapper___ojly2", Oa = "Avatar-module__textWrapper___zp-jD", La = "Avatar-module__image___ieqGp", Wa = "Avatar-module__placeholder___IDW7-", ee = {
-  root: xa,
-  iconWrapper: Aa,
-  textWrapper: Oa,
-  image: La,
-  placeholder: Wa
-}, Xo = h(function({
+Xo.displayName = "AutoComplete";
+const Oa = "Avatar-module__root___fXu-J", La = "Avatar-module__iconWrapper___ojly2", Wa = "Avatar-module__textWrapper___zp-jD", Ia = "Avatar-module__image___ieqGp", ka = "Avatar-module__placeholder___IDW7-", ee = {
+  root: Oa,
+  iconWrapper: La,
+  textWrapper: Wa,
+  image: Ia,
+  placeholder: ka
+}, Qo = h(function({
   size: e = "default",
   variant: a = "solid",
-  icon: r,
+  icon: t,
   children: o,
-  src: t,
+  src: r,
   overStyled: l = !1,
   ...i
 }, c) {
@@ -869,7 +877,7 @@ const xa = "Avatar-module__root___fXu-J", Aa = "Avatar-module__iconWrapper___ojl
     large: "lg"
   }, m = N(i, l), f = m;
   let u = "text";
-  t ? u = "image" : r && (u = "icon");
+  r ? u = "image" : t && (u = "icon");
   const _ = {
     root: ee.root,
     image: ee.image,
@@ -879,83 +887,83 @@ const xa = "Avatar-module__root___fXu-J", Aa = "Avatar-module__iconWrapper___ojl
     const C = y;
     _.root = C.root ? `${ee.root} ${C.root}` : ee.root, _.image = C.image ? `${ee.image} ${C.image}` : ee.image, _.placeholder = C.placeholder ? `${ee.placeholder} ${C.placeholder}` : ee.placeholder;
   }
-  const w = f.className;
+  const P = f.className;
   return /* @__PURE__ */ s(
-    Nr,
+    $r,
     {
       ref: c,
-      className: w,
+      className: P,
       classNames: _,
       variant: d[a],
       size: p[e],
-      src: t,
+      src: r,
       "data-variant": a,
       "data-size": e,
       "data-style": u,
       ...m,
-      children: r != null ? /* @__PURE__ */ s("span", { className: ee.iconWrapper, "aria-hidden": !0, children: r }) : o != null ? /* @__PURE__ */ s("span", { className: ee.textWrapper, children: o }) : void 0
+      children: t != null ? /* @__PURE__ */ s("span", { className: ee.iconWrapper, "aria-hidden": !0, children: t }) : o != null ? /* @__PURE__ */ s("span", { className: ee.textWrapper, children: o }) : void 0
     }
   );
 });
-Xo.displayName = "Avatar";
-const Ia = re(Xo), ka = "Badge-module__root___5osNT", le = {
-  root: ka
-}, Qo = h(function({ variant: e = "primary-color", overStyled: a = !1, ...r }, o) {
-  const t = N(r, a), l = {
+Qo.displayName = "Avatar";
+const Ra = re(Qo), Ma = "Badge-module__root___5osNT", le = {
+  root: Ma
+}, Jo = h(function({ variant: e = "primary-color", overStyled: a = !1, ...t }, o) {
+  const r = N(t, a), l = {
     root: le.root,
     section: le.section,
     label: le.label
-  }, i = t.classNames;
+  }, i = r.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const p = i;
     l.root = p.root ? `${le.root} ${p.root}` : le.root, l.section = p.section ?? le.section, l.label = p.label ?? le.label;
   }
-  const c = t.className, d = c ? `${le.root} ${c}` : le.root;
+  const c = r.className, d = c ? `${le.root} ${c}` : le.root;
   return /* @__PURE__ */ s(
-    hr,
+    vr,
     {
       ref: o,
       variant: "filled",
       "data-variant": e,
-      ...t,
+      ...r,
       className: d,
       classNames: l
     }
   );
 });
-Qo.displayName = "Badge";
-const Ra = re(Qo), Ma = "Breadcrumb-module__root___x-9ln", za = "Breadcrumb-module__separator___qrUX-", Ne = {
-  root: Ma,
-  separator: za
-}, Jo = h(
-  function({ overStyled: e = !1, separator: a = ">", ...r }, o) {
-    const t = N(
-      { separator: a, ...r },
+Jo.displayName = "Badge";
+const za = re(Jo), Ea = "Breadcrumb-module__root___x-9ln", Ba = "Breadcrumb-module__separator___qrUX-", Ne = {
+  root: Ea,
+  separator: Ba
+}, et = h(
+  function({ overStyled: e = !1, separator: a = ">", ...t }, o) {
+    const r = N(
+      { separator: a, ...t },
       e
     ), l = {
       root: Ne.root,
       separator: Ne.separator
-    }, i = t.classNames;
+    }, i = r.classNames;
     if (i && typeof i == "object" && !Array.isArray(i)) {
       const p = i;
       l.root = p.root ? `${Ne.root} ${p.root}` : Ne.root, l.separator = p.separator ? `${Ne.separator} ${p.separator}` : Ne.separator;
     }
-    const c = t.className, d = c ? `${Ne.root} ${c}` : Ne.root;
+    const c = r.className, d = c ? `${Ne.root} ${c}` : Ne.root;
     return /* @__PURE__ */ s(
-      $r,
+      Cr,
       {
         ref: o,
-        ...t,
+        ...r,
         className: d,
         classNames: l
       }
     );
   }
 );
-Jo.displayName = "Breadcrumb";
-const Ea = "Loader-module__root___6iYOP", Re = {
-  root: Ea
-}, ho = h(function({ variant: e = "oval", size: a = "default", overStyled: r = !1, ...o }, t) {
+et.displayName = "Breadcrumb";
+const Fa = "Loader-module__root___6iYOP", Re = {
+  root: Fa
+}, ho = h(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, r) {
   const i = {
     sm: "small",
     md: "default",
@@ -963,7 +971,7 @@ const Ea = "Loader-module__root___6iYOP", Re = {
     small: "small",
     default: "default",
     large: "large"
-  }[a] || "default", c = N(o, r), d = {
+  }[a] || "default", c = N(o, t), d = {
     root: Re.root
   }, p = c.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
@@ -972,9 +980,9 @@ const Ea = "Loader-module__root___6iYOP", Re = {
   }
   const m = c.className, f = m ? `${Re.root} ${m}` : Re.root;
   return /* @__PURE__ */ s(
-    vr,
+    wr,
     {
-      ref: t,
+      ref: r,
       type: e,
       "data-variant": e,
       "data-size": i,
@@ -985,23 +993,23 @@ const Ea = "Loader-module__root___6iYOP", Re = {
   );
 });
 ho.displayName = "Loader";
-const Ba = "Button-module__root___Q2R8-", Fa = "Button-module__loader___X-9u-", Va = "Button-module__label___UJ3Zt", Da = "Button-module__labelText___rFV5p", ja = "Button-module__iconWrapper___uEKPa", Ga = "Button-module__section___f2mKr", J = {
-  root: Ba,
-  loader: Fa,
-  label: Va,
-  labelText: Da,
-  iconWrapper: ja,
-  section: Ga
+const Va = "Button-module__root___Q2R8-", Da = "Button-module__loader___X-9u-", ja = "Button-module__label___UJ3Zt", Ga = "Button-module__labelText___rFV5p", Ha = "Button-module__iconWrapper___uEKPa", qa = "Button-module__section___f2mKr", J = {
+  root: Va,
+  loader: Da,
+  label: ja,
+  labelText: Ga,
+  iconWrapper: Ha,
+  section: qa
 };
-function Ha(n) {
+function Ua(n) {
   return n == null || n === "" ? !1 : typeof n == "string" ? n.trim() !== "" : !0;
 }
-const et = h(function({
+const ot = h(function({
   variant: e = "solid",
   size: a = "default",
-  icon: r,
+  icon: t,
   children: o,
-  overStyled: t = !1,
+  overStyled: r = !1,
   loaderVariant: l = "oval",
   loaderSize: i,
   useRecursicaLoader: c = !0,
@@ -1014,11 +1022,11 @@ const et = h(function({
   }, f = {
     default: "md",
     small: "sm"
-  }, u = N(d, t), _ = u;
+  }, u = N(d, r), _ = u;
   delete _.fullWidth;
-  const y = !!r || !!_.leftSection, w = !!_.rightSection, C = Ha(o), $ = (y || w) && !C;
+  const y = !!t || !!_.leftSection, P = !!_.rightSection, C = Ua(o), $ = (y || P) && !C;
   let b = "label";
-  $ ? b = "icon-only" : (y || w) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
+  $ ? b = "icon-only" : (y || P) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const O = {
@@ -1031,21 +1039,21 @@ const et = h(function({
     const g = v;
     O.root = g.root ? `${J.root} ${g.root}` : J.root, O.section = g.section ?? J.section, O.label = g.label ?? J.label;
   }
-  const R = _.className, A = R ? `${J.root} ${R}` : J.root, x = _.loaderProps, L = i ?? (a === "small" ? "small" : "default");
-  let W = x;
+  const R = _.className, x = R ? `${J.root} ${R}` : J.root, A = _.loaderProps, L = i ?? (a === "small" ? "small" : "default");
+  let W = A;
   return c && (W = {
     children: /* @__PURE__ */ s(ho, { variant: l, size: L }),
-    ...x
+    ...A
   }), /* @__PURE__ */ s(
-    Cr,
+    Pr,
     {
       ref: p,
-      className: A,
+      className: x,
       classNames: O,
       variant: m[e],
       size: f[a],
       loaderProps: W,
-      leftSection: r != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: r }) : void 0,
+      leftSection: t != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
       "data-size": a,
       "data-content": b,
@@ -1055,16 +1063,16 @@ const et = h(function({
     }
   );
 });
-et.displayName = "Button";
-const qa = re(
-  et
-), Ua = "Card-module__root___c9KvZ", Ya = "Card-module__header___PTXf2", Za = "Card-module__footer___Mu-JC", Ka = "Card-module__section___BRT8H", Xa = "Card-module__content___oFIQa", pe = {
-  root: Ua,
-  header: Ya,
-  footer: Za,
-  section: Ka,
-  content: Xa
-}, ot = h(function({ overStyled: e = !1, ...a }, r) {
+ot.displayName = "Button";
+const Ya = re(
+  ot
+), Za = "Card-module__root___c9KvZ", Ka = "Card-module__header___PTXf2", Xa = "Card-module__footer___Mu-JC", Qa = "Card-module__section___BRT8H", Ja = "Card-module__content___oFIQa", pe = {
+  root: Za,
+  header: Ka,
+  footer: Xa,
+  section: Qa,
+  content: Ja
+}, tt = h(function({ overStyled: e = !1, ...a }, t) {
   const o = N(a, e);
   [
     "flex",
@@ -1090,91 +1098,91 @@ const qa = re(
   return /* @__PURE__ */ s(
     Xe,
     {
-      ref: r,
+      ref: t,
       className: c,
       classNames: l,
       ...o
     }
   );
 });
-ot.displayName = "Card";
-const tt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+tt.displayName = "Card";
+const rt = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.section} ${t}` : pe.section,
+        ref: t,
+        className: r ? `${pe.section} ${r}` : pe.section,
         ...o
       }
     );
   }
 );
-tt.displayName = "CardSection";
-const rt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+rt.displayName = "CardSection";
+const at = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.header} ${t}` : pe.header,
+        ref: t,
+        className: r ? `${pe.header} ${r}` : pe.header,
         ...o
       }
     );
   }
 );
-rt.displayName = "CardHeader";
-const at = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+at.displayName = "CardHeader";
+const st = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       Xe.Section,
       {
-        ref: r,
-        className: t ? `${pe.footer} ${t}` : pe.footer,
+        ref: t,
+        className: r ? `${pe.footer} ${r}` : pe.footer,
         ...o
       }
     );
   }
 );
-at.displayName = "CardFooter";
-const st = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+st.displayName = "CardFooter";
+const nt = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       "div",
       {
-        ref: r,
-        className: t ? `${pe.content} ${t}` : pe.content,
+        ref: t,
+        className: r ? `${pe.content} ${r}` : pe.content,
         ...o
       }
     );
   }
 );
-st.displayName = "CardContent";
-const nt = re(ot), to = nt;
-to.Section = tt;
-to.Header = rt;
-to.Footer = at;
-to.Content = st;
-const Qa = nt, Ja = "Checkbox-module__groupRoot___cBS0o", es = "Checkbox-module__root___mY3qk", os = "Checkbox-module__body___5yC7q", ts = "Checkbox-module__inner___rTke4", rs = "Checkbox-module__input___2kt-h", as = "Checkbox-module__icon___-O7i6", ss = "Checkbox-module__labelWrapper___GpZkr", ns = "Checkbox-module__label___cwRtI", E = {
-  groupRoot: Ja,
-  root: es,
-  body: os,
-  inner: ts,
-  input: rs,
-  icon: as,
-  labelWrapper: ss,
-  label: ns
+nt.displayName = "CardContent";
+const lt = re(tt), to = lt;
+to.Section = rt;
+to.Header = at;
+to.Footer = st;
+to.Content = nt;
+const es = lt, os = "Checkbox-module__groupRoot___cBS0o", ts = "Checkbox-module__root___mY3qk", rs = "Checkbox-module__body___5yC7q", as = "Checkbox-module__inner___rTke4", ss = "Checkbox-module__input___2kt-h", ns = "Checkbox-module__icon___-O7i6", ls = "Checkbox-module__labelWrapper___GpZkr", is = "Checkbox-module__label___cwRtI", E = {
+  groupRoot: os,
+  root: ts,
+  body: rs,
+  inner: as,
+  input: ss,
+  icon: ns,
+  labelWrapper: ls,
+  label: is
 }, $o = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -1186,18 +1194,18 @@ const Qa = nt, Ja = "Checkbox-module__groupRoot___cBS0o", es = "Checkbox-module_
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
       children: O,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: A,
-      value: x,
+      emptyValueComponent: x,
+      value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -1205,10 +1213,10 @@ const Qa = nt, Ja = "Checkbox-module__groupRoot___cBS0o", es = "Checkbox-module_
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -1219,21 +1227,21 @@ const Qa = nt, Ja = "Checkbox-module__groupRoot___cBS0o", es = "Checkbox-module_
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : L,
+        readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          jo.Group,
+          Go.Group,
           {
             ref: a,
             ...g,
             disabled: v || T.disabled,
-            value: x,
+            value: A,
             defaultValue: L,
             children: /* @__PURE__ */ s("div", { className: E.groupRoot, "data-layout": o, children: O })
           }
@@ -1246,16 +1254,16 @@ $o.displayName = "CheckboxGroup";
 const vo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       formLayout: i,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, f = N(m, r), u = f;
+    } = e, f = N(m, t), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
       root: E.root,
@@ -1270,10 +1278,10 @@ const vo = h(
       const b = y;
       _.root = b.root ? `${E.root} ${b.root}` : E.root, _.body = b.body ? `${E.body} ${b.body}` : E.body, _.inner = b.inner ? `${E.inner} ${b.inner}` : E.inner, _.input = b.input ? `${E.input} ${b.input}` : E.input, _.icon = b.icon ? `${E.icon} ${b.icon}` : E.icon, _.labelWrapper = b.labelWrapper ? `${E.labelWrapper} ${b.labelWrapper}` : E.labelWrapper, _.label = b.label ? `${E.label} ${b.label}` : E.label;
     }
-    const w = u.className, C = w ? `${E.root} ${w}` : E.root;
-    if (o && t) {
+    const P = u.className, C = P ? `${E.root} ${P}` : E.root;
+    if (o && r) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+        r,
         {
           ...e,
           checked: b,
@@ -1292,7 +1300,7 @@ const vo = h(
       ) : /* @__PURE__ */ s(Ie, { children: v });
     }
     const $ = /* @__PURE__ */ s(
-      jo,
+      Go,
       {
         ref: a,
         className: C,
@@ -1315,16 +1323,16 @@ const vo = h(
 );
 vo.displayName = "Checkbox";
 vo.Group = $o;
-const ls = "Chip-module__root___f5pFk", is = "Chip-module__label___Ov9pg", cs = "Chip-module__mantineIconWrapper___KLSz6", ds = "Chip-module__innerWrapper___EnrTF", ps = "Chip-module__children___zbRAR", ms = "Chip-module__leadingIcon___JBtjQ", _s = "Chip-module__removeIcon___pVju-", q = {
-  root: ls,
-  label: is,
-  mantineIconWrapper: cs,
-  innerWrapper: ds,
-  children: ps,
-  leadingIcon: ms,
-  removeIcon: _s
+const cs = "Chip-module__root___f5pFk", ds = "Chip-module__label___Ov9pg", ps = "Chip-module__mantineIconWrapper___KLSz6", ms = "Chip-module__innerWrapper___EnrTF", _s = "Chip-module__children___zbRAR", us = "Chip-module__leadingIcon___JBtjQ", ys = "Chip-module__removeIcon___pVju-", q = {
+  root: cs,
+  label: ds,
+  mantineIconWrapper: ps,
+  innerWrapper: ms,
+  children: _s,
+  leadingIcon: us,
+  removeIcon: ys
 };
-function us(n) {
+function bs(n) {
   return /* @__PURE__ */ F(
     "svg",
     {
@@ -1345,12 +1353,12 @@ function us(n) {
     }
   );
 }
-const lt = h(function({
+const it = h(function({
   error: e = !1,
   icon: a,
-  onRemove: r,
+  onRemove: t,
   removeLabel: o = "Remove",
-  children: t,
+  children: r,
   overStyled: l = !1,
   ...i
 }, c) {
@@ -1365,91 +1373,91 @@ const lt = h(function({
     const $ = f;
     m.root = $.root ? `${q.root} ${$.root}` : q.root, m.label = $.label ? `${q.label} ${$.label}` : q.label;
   }
-  const u = p.className, _ = u ? `${q.root} ${u}` : q.root, y = e ? "" : void 0, w = !t && (!!a || !!r), C = p.checked !== void 0 || p.defaultChecked !== void 0 || r !== void 0 || p.onClick !== void 0;
+  const u = p.className, _ = u ? `${q.root} ${u}` : q.root, y = e ? "" : void 0, P = !r && (!!a || !!t), C = p.checked !== void 0 || p.defaultChecked !== void 0 || t !== void 0 || p.onClick !== void 0;
   return /* @__PURE__ */ s(
-    wr,
+    gr,
     {
       ref: c,
       className: _,
       classNames: m,
       wrapperProps: y !== void 0 ? { "data-error": "" } : void 0,
-      ...w ? { "data-icon-only": "" } : {},
+      ...P ? { "data-icon-only": "" } : {},
       ...C ? {} : { tabIndex: -1, "aria-hidden": !0 },
       ...d,
       children: /* @__PURE__ */ F("span", { className: q.innerWrapper, children: [
         a && /* @__PURE__ */ s("span", { className: q.leadingIcon, "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ s("span", { className: q.children, children: t }),
-        r && /* @__PURE__ */ s(
+        /* @__PURE__ */ s("span", { className: q.children, children: r }),
+        t && /* @__PURE__ */ s(
           "span",
           {
             role: "button",
             className: q.removeIcon,
             onClick: ($) => {
-              $.preventDefault(), $.stopPropagation(), r($);
+              $.preventDefault(), $.stopPropagation(), t($);
             },
             "aria-label": o,
             onKeyDown: ($) => {
-              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), r(
+              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), t(
                 $
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s(us, {})
+            children: /* @__PURE__ */ s(bs, {})
           }
         )
       ] })
     }
   );
 });
-lt.displayName = "Chip";
-const ys = "Container-module__root___UVssr", Me = {
-  root: ys
-}, it = h(
-  function({ children: e, size: a, ...r }, o) {
-    const t = {
+it.displayName = "Chip";
+const fs = "Container-module__root___UVssr", Me = {
+  root: fs
+}, ct = h(
+  function({ children: e, size: a, ...t }, o) {
+    const r = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, l = typeof a == "string" && t[a] ? t[a] : a, i = {
+    }, l = typeof a == "string" && r[a] ? r[a] : a, i = {
       root: Me.root
-    }, c = r.classNames;
+    }, c = t.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const m = c;
       i.root = m.root ? `${Me.root} ${m.root}` : Me.root;
     }
-    const d = r.className, p = d ? `${Me.root} ${d}` : Me.root;
+    const d = t.className, p = d ? `${Me.root} ${d}` : Me.root;
     return /* @__PURE__ */ s(
-      Pr,
+      Tr,
       {
         ref: o,
         size: l,
         className: p,
         classNames: i,
-        ...r,
+        ...t,
         children: e
       }
     );
   }
 );
-it.displayName = "Container";
-const bs = "DatePicker-module__layoutOverride___X9yaM", fs = "DatePicker-module__root___6XvRT", Ns = "DatePicker-module__input___pcSW8", hs = "DatePicker-module__section___n3iWA", $s = "DatePicker-module__dropdown___wjt08", vs = "DatePicker-module__calendarHeader___KHxno", Cs = "DatePicker-module__day___U03J2", Z = {
-  layoutOverride: bs,
-  root: fs,
-  input: Ns,
-  section: hs,
-  dropdown: $s,
-  calendarHeader: vs,
-  day: Cs
-}, ct = h(
+ct.displayName = "Container";
+const Ns = "DatePicker-module__layoutOverride___X9yaM", hs = "DatePicker-module__root___6XvRT", $s = "DatePicker-module__input___pcSW8", vs = "DatePicker-module__section___n3iWA", Cs = "DatePicker-module__dropdown___wjt08", ws = "DatePicker-module__calendarHeader___KHxno", Ps = "DatePicker-module__day___U03J2", Z = {
+  layoutOverride: Ns,
+  root: hs,
+  input: $s,
+  section: vs,
+  dropdown: Cs,
+  calendarHeader: ws,
+  day: Ps
+}, dt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -1460,17 +1468,17 @@ const bs = "DatePicker-module__layoutOverride___X9yaM", fs = "DatePicker-module_
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: A,
-      defaultValue: x,
+      value: x,
+      defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius, delete g.description;
     const T = {
       wrapper: Z.root,
@@ -1493,9 +1501,9 @@ const bs = "DatePicker-module__layoutOverride___X9yaM", fs = "DatePicker-module_
         style: $,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -1506,23 +1514,23 @@ const bs = "DatePicker-module__layoutOverride___X9yaM", fs = "DatePicker-module_
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? String(A) : x ? String(x) : void 0,
+        readOnlyValue: x !== void 0 ? String(x) : A ? String(A) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Vr,
+            jr,
             {
               ref: a,
               classNames: T,
               disabled: b,
-              value: A,
-              defaultValue: x,
+              value: x,
+              defaultValue: A,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1539,20 +1547,20 @@ const bs = "DatePicker-module__layoutOverride___X9yaM", fs = "DatePicker-module_
     );
   }
 );
-ct.displayName = "DatePicker";
-const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__root___uVyL0", gs = "Dropdown-module__input___dK4dN", Ts = "Dropdown-module__section___j3MRB", Ss = "Dropdown-module__dropdown___gG-Sw", xs = "Dropdown-module__option___nAGU-", G = {
-  layoutOverride: ws,
-  root: Ps,
-  input: gs,
-  section: Ts,
-  dropdown: Ss,
-  option: xs
-}, dt = h(
+dt.displayName = "DatePicker";
+const gs = "Dropdown-module__layoutOverride___FNcvP", Ts = "Dropdown-module__root___uVyL0", Ss = "Dropdown-module__input___dK4dN", As = "Dropdown-module__section___j3MRB", xs = "Dropdown-module__dropdown___gG-Sw", Os = "Dropdown-module__option___nAGU-", G = {
+  layoutOverride: gs,
+  root: Ts,
+  input: Ss,
+  section: As,
+  dropdown: xs,
+  option: Os
+}, pt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
-      containerWidth: t,
+      containerWidth: r,
       // Label & Wrapper Maps
       labelSize: l,
       labelAlignment: i,
@@ -1564,19 +1572,19 @@ const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__roo
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
       disabled: O,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: A,
-      value: x,
+      emptyValueComponent: x,
+      value: A,
       defaultValue: L,
       data: W,
       ...g
-    } = e, T = N(g, r), I = T;
+    } = e, T = N(g, t), I = T;
     delete I.size, delete I.variant, delete I.radius;
     const z = {
       wrapper: G.root,
@@ -1592,7 +1600,7 @@ const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__roo
     }
     const we = {
       ...b || {},
-      width: t || "100%"
+      width: r || "100%"
     }, Pe = $ ? `${G.layoutOverride} ${$}` : G.layoutOverride;
     return /* @__PURE__ */ s(
       te,
@@ -1601,7 +1609,7 @@ const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__roo
         style: we,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
         labelSize: l,
         labelAlignment: i,
@@ -1613,23 +1621,23 @@ const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__roo
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v,
         readOnlyComponent: R,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? String(x) : L ? String(L) : void 0,
+        readOnlyValue: A !== void 0 ? String(A) : L ? String(L) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            gr,
+            Sr,
             {
               ref: a,
               classNames: z,
               disabled: O,
-              value: x,
+              value: A,
               defaultValue: L,
               data: W || [],
               label: void 0,
@@ -1649,69 +1657,69 @@ const ws = "Dropdown-module__layoutOverride___FNcvP", Ps = "Dropdown-module__roo
     );
   }
 );
-dt.displayName = "Dropdown";
-const As = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileInput" }), Os = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileUpload" }), Ls = "Flex-module__root___yYser", ze = {
-  root: Ls
-}, pt = h(function({ children: e, gap: a = "rec-default", rowGap: r, columnGap: o, ...t }, l) {
+pt.displayName = "Dropdown";
+const Ls = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileInput" }), Ws = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileUpload" }), Is = "Flex-module__root___yYser", ze = {
+  root: Is
+}, mt = h(function({ children: e, gap: a = "rec-default", rowGap: t, columnGap: o, ...r }, l) {
   const i = {
     root: ze.root
-  }, c = t.classNames;
+  }, c = r.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const m = c;
     i.root = m.root ? `${ze.root} ${m.root}` : ze.root;
   }
-  const d = t.className, p = d ? `${ze.root} ${d}` : ze.root;
+  const d = r.className, p = d ? `${ze.root} ${d}` : ze.root;
   return /* @__PURE__ */ s(
-    Tr,
+    Ar,
     {
       ref: l,
       className: p,
       classNames: i,
-      ...yo({ gap: a, rowGap: r, columnGap: o, ...t }),
+      ...yo({ gap: a, rowGap: t, columnGap: o, ...r }),
       children: e
     }
   );
 });
-pt.displayName = "Flex";
-const Ws = re(pt), Is = "Group-module__root___ftO64", Ee = {
-  root: Is
-}, mt = h(function({ children: e, gap: a = "rec-default", ...r }, o) {
-  const t = {
+mt.displayName = "Flex";
+const ks = re(mt), Rs = "Group-module__root___ftO64", Ee = {
+  root: Rs
+}, _t = h(function({ children: e, gap: a = "rec-default", ...t }, o) {
+  const r = {
     root: Ee.root
-  }, l = r.classNames;
+  }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    t.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
+    r.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
   }
-  const i = r.className, c = i ? `${Ee.root} ${i}` : Ee.root;
+  const i = t.className, c = i ? `${Ee.root} ${i}` : Ee.root;
   return /* @__PURE__ */ s(
-    Sr,
+    xr,
     {
       ref: o,
       className: c,
-      classNames: t,
-      ...yo({ gap: a, ...r }),
+      classNames: r,
+      ...yo({ gap: a, ...t }),
       children: e
     }
   );
 });
-mt.displayName = "Group";
-const ks = "HoverCard-module__dropdown___FBPFW", Rs = "HoverCard-module__arrow___S9AkE", Bo = {
-  dropdown: ks,
-  arrow: Rs
-}, _t = function({
+_t.displayName = "Group";
+const Ms = "HoverCard-module__dropdown___FBPFW", zs = "HoverCard-module__arrow___S9AkE", Bo = {
+  dropdown: Ms,
+  arrow: zs
+}, ut = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     dropdown: Bo.dropdown,
     arrow: Bo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -1721,39 +1729,39 @@ const ks = "HoverCard-module__dropdown___FBPFW", Rs = "HoverCard-module__arrow__
       position: "top",
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
 };
-_t.displayName = "HoverCard";
-const ut = function(e) {
+ut.displayName = "HoverCard";
+const yt = function(e) {
   return /* @__PURE__ */ s(mo.Target, { ...e });
 };
-ut.displayName = "HoverCardTarget";
-const yt = function({
+yt.displayName = "HoverCardTarget";
+const bt = function({
   overStyled: e = !1,
   ...a
 }) {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
     mo.Dropdown,
     {
       className: o,
-      ...r
+      ...t
     }
   );
 };
-yt.displayName = "HoverCardDropdown";
-const Co = _t;
-Co.Target = ut;
-Co.Dropdown = yt;
-const Ms = "Link-module__root___I0VGE", zs = "Link-module__iconWrapper___W-LlF", Es = "Link-module__labelText___wSvUy", Te = {
-  root: Ms,
-  iconWrapper: zs,
-  labelText: Es
-}, bt = h(function({ icon: e, children: a, overStyled: r = !1, ...o }, t) {
-  const l = N(o, r), i = l, c = {
+bt.displayName = "HoverCardDropdown";
+const Co = ut;
+Co.Target = yt;
+Co.Dropdown = bt;
+const Es = "Link-module__root___I0VGE", Bs = "Link-module__iconWrapper___W-LlF", Fs = "Link-module__labelText___wSvUy", Te = {
+  root: Es,
+  iconWrapper: Bs,
+  labelText: Fs
+}, ft = h(function({ icon: e, children: a, overStyled: t = !1, ...o }, r) {
+  const l = N(o, t), i = l, c = {
     root: Te.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
@@ -1762,9 +1770,9 @@ const Ms = "Link-module__root___I0VGE", zs = "Link-module__iconWrapper___W-LlF",
   }
   const p = i.className, m = p ? `${Te.root} ${p}` : Te.root;
   return /* @__PURE__ */ F(
-    xr,
+    Or,
     {
-      ref: t,
+      ref: r,
       className: m,
       classNames: c,
       underline: "never",
@@ -1777,17 +1785,17 @@ const Ms = "Link-module__root___I0VGE", zs = "Link-module__iconWrapper___W-LlF",
     }
   );
 });
-bt.displayName = "Link";
-const Bs = re(bt), Fs = "Menu-module__dropdown___j4xuA", Vs = "Menu-module__item___NMXha", Ds = "Menu-module__itemLabel___zvcqC", js = "Menu-module__itemSection___pRIcn", Gs = "Menu-module__divider___wPiNq", Hs = "Menu-module__label___4FBGa", qs = "Menu-module__chevron___hEEiy", Se = {
-  dropdown: Fs,
-  item: Vs,
-  itemLabel: Ds,
-  itemSection: js,
-  divider: Gs,
-  label: Hs,
-  chevron: qs
-}, ft = function({ overStyled: e = !1, ...a }) {
-  const r = N(a, e), o = {
+ft.displayName = "Link";
+const Vs = re(ft), Ds = "Menu-module__dropdown___j4xuA", js = "Menu-module__item___NMXha", Gs = "Menu-module__itemLabel___zvcqC", Hs = "Menu-module__itemSection___pRIcn", qs = "Menu-module__divider___wPiNq", Us = "Menu-module__label___4FBGa", Ys = "Menu-module__chevron___hEEiy", Se = {
+  dropdown: Ds,
+  item: js,
+  itemLabel: Gs,
+  itemSection: Hs,
+  divider: qs,
+  label: Us,
+  chevron: Ys
+}, Nt = function({ overStyled: e = !1, ...a }) {
+  const t = N(a, e), o = {
     dropdown: Se.dropdown,
     item: Se.item,
     itemLabel: Se.itemLabel,
@@ -1795,9 +1803,9 @@ const Bs = re(bt), Fs = "Menu-module__dropdown___j4xuA", Vs = "Menu-module__item
     divider: Se.divider,
     label: Se.label,
     chevron: Se.chevron
-  }, t = r.classNames;
-  if (t && typeof t == "object" && !Array.isArray(t)) {
-    const l = t;
+  }, r = t.classNames;
+  if (r && typeof r == "object" && !Array.isArray(r)) {
+    const l = r;
     Object.keys(l).forEach((i) => {
       o[i] ? o[i] = `${o[i]} ${l[i]}` : o[i] = l[i];
     });
@@ -1806,138 +1814,138 @@ const Bs = re(bt), Fs = "Menu-module__dropdown___j4xuA", Vs = "Menu-module__item
     ae,
     {
       classNames: o,
-      ...r
+      ...t
     }
   );
 };
-ft.displayName = "Menu";
-const Nt = function(e) {
+Nt.displayName = "Menu";
+const ht = function(e) {
   return /* @__PURE__ */ s(ae.Target, { ...e });
 };
-Nt.displayName = "MenuTarget";
-const ht = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+ht.displayName = "MenuTarget";
+const $t = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Dropdown,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
   }
 );
-ht.displayName = "MenuDropdown";
-const $t = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o;
-    e || delete t.color;
-    const l = t.className;
+$t.displayName = "MenuDropdown";
+const vt = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o;
+    e || delete r.color;
+    const l = r.className;
     return /* @__PURE__ */ s(
       ae.Item,
       {
-        ref: r,
+        ref: t,
         className: l,
         ...o
       }
     );
   }
 );
-$t.displayName = "MenuItem";
-const Us = re($t), vt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+vt.displayName = "MenuItem";
+const Zs = re(vt), Ct = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Divider,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
   }
 );
-vt.displayName = "MenuDivider";
-const Ct = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className;
+Ct.displayName = "MenuDivider";
+const wt = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className;
   return /* @__PURE__ */ s(
     ae.Label,
     {
-      ref: r,
-      className: t,
+      ref: t,
+      className: r,
       ...o
     }
   );
 });
-Ct.displayName = "MenuLabel";
-const wt = function(e) {
+wt.displayName = "MenuLabel";
+const Pt = function(e) {
   return /* @__PURE__ */ s(ae.Sub, { ...e });
 };
-wt.displayName = "MenuSub";
-const Pt = function(e) {
+Pt.displayName = "MenuSub";
+const gt = function(e) {
   return /* @__PURE__ */ s(ae.Sub.Target, { ...e });
 };
-Pt.displayName = "MenuSubTarget";
-const gt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o;
-    e || delete t.color;
-    const l = t.className;
+gt.displayName = "MenuSubTarget";
+const Tt = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o;
+    e || delete r.color;
+    const l = r.className;
     return /* @__PURE__ */ s(
       ae.Sub.Item,
       {
-        ref: r,
+        ref: t,
         className: l,
         ...o
       }
     );
   }
 );
-gt.displayName = "MenuSubItem";
-const Ys = re(
-  gt
-), Tt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className;
+Tt.displayName = "MenuSubItem";
+const Ks = re(
+  Tt
+), St = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className;
     return /* @__PURE__ */ s(
       ae.Sub.Dropdown,
       {
-        ref: r,
-        className: t,
+        ref: t,
+        className: r,
         ...o
       }
     );
   }
 );
-Tt.displayName = "MenuSubDropdown";
-const ro = wt;
-ro.Target = Pt;
-ro.Item = Ys;
-ro.Dropdown = Tt;
-const Le = ft;
-Le.Target = Nt;
-Le.Dropdown = ht;
-Le.Item = Us;
-Le.Divider = vt;
-Le.Label = Ct;
+St.displayName = "MenuSubDropdown";
+const ro = Pt;
+ro.Target = gt;
+ro.Item = Ks;
+ro.Dropdown = St;
+const Le = Nt;
+Le.Target = ht;
+Le.Dropdown = $t;
+Le.Item = Zs;
+Le.Divider = Ct;
+Le.Label = wt;
 Le.Sub = ro;
-const Zs = "Modal-module__root___ytPLl", Ks = "Modal-module__inner___SSUJE", Xs = "Modal-module__content___dWO-B", Qs = "Modal-module__header___ILG9i", Js = "Modal-module__title___A5OeE", en = "Modal-module__bodyWrapper___5CCL-", on = "Modal-module__scrollArea___KD-hm", tn = "Modal-module__footer___rro2w", rn = "Modal-module__close___-ER1C", ce = {
-  root: Zs,
-  inner: Ks,
-  content: Xs,
-  header: Qs,
-  title: Js,
-  bodyWrapper: en,
-  scrollArea: on,
-  footer: tn,
-  close: rn
-}, St = V.forwardRef(function({
+const Xs = "Modal-module__root___ytPLl", Qs = "Modal-module__inner___SSUJE", Js = "Modal-module__content___dWO-B", en = "Modal-module__header___ILG9i", on = "Modal-module__title___A5OeE", tn = "Modal-module__bodyWrapper___5CCL-", rn = "Modal-module__scrollArea___KD-hm", an = "Modal-module__footer___rro2w", sn = "Modal-module__close___-ER1C", ce = {
+  root: Xs,
+  inner: Qs,
+  content: Js,
+  header: en,
+  title: on,
+  bodyWrapper: tn,
+  scrollArea: rn,
+  footer: an,
+  close: sn
+}, At = V.forwardRef(function({
   overStyled: e = !1,
   children: a,
-  title: r,
+  title: t,
   withCloseButton: o = !0,
-  overlayProps: t,
+  overlayProps: r,
   withOverlay: l = !0,
   closeButtonProps: i,
   ...c
@@ -1963,10 +1971,10 @@ const Zs = "Modal-module__root___ytPLl", Ks = "Modal-module__inner___SSUJE", Xs
       classNames: m,
       ...p,
       children: [
-        l && /* @__PURE__ */ s(X.Overlay, { ...t }),
+        l && /* @__PURE__ */ s(X.Overlay, { ...r }),
         /* @__PURE__ */ F(X.Content, { children: [
-          (r || o) && /* @__PURE__ */ F(X.Header, { children: [
-            r && /* @__PURE__ */ s(X.Title, { children: r }),
+          (t || o) && /* @__PURE__ */ F(X.Header, { children: [
+            t && /* @__PURE__ */ s(X.Title, { children: t }),
             o && /* @__PURE__ */ s(X.CloseButton, { ...i })
           ] }),
           /* @__PURE__ */ s(Po, { children: a })
@@ -1975,40 +1983,40 @@ const Zs = "Modal-module__root___ytPLl", Ks = "Modal-module__inner___SSUJE", Xs
     }
   );
 });
-St.displayName = "Modal";
-const wo = V.forwardRef(function({ className: e, ...a }, r) {
+At.displayName = "Modal";
+const wo = V.forwardRef(function({ className: e, ...a }, t) {
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: `${ce.footer} ${e || ""}`,
       ...a
     }
   );
 });
 wo.displayName = "Modal.Footer";
-const Po = V.forwardRef(function({ className: e, onScroll: a, children: r, ...o }, t) {
+const Po = V.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, r) {
   const l = V.useRef(null), [i, c] = V.useState(!1), [d, p] = V.useState(!1), m = V.useCallback(() => {
     if (l.current) {
-      const { scrollTop: y, scrollHeight: w, clientHeight: C } = l.current;
-      c(y > 0), p(Math.ceil(y + C) < w);
+      const { scrollTop: y, scrollHeight: P, clientHeight: C } = l.current;
+      c(y > 0), p(Math.ceil(y + C) < P);
     }
   }, []);
-  V.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, r]);
+  V.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, t]);
   const f = (y) => {
     m(), a == null || a(y);
   };
   let u = null;
   const _ = [];
-  return V.Children.forEach(r, (y) => {
-    var w;
-    V.isValidElement(y) && (y.type === wo || ((w = y.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? u = y : _.push(y);
+  return V.Children.forEach(t, (y) => {
+    var P;
+    V.isValidElement(y) && (y.type === wo || ((P = y.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? u = y : _.push(y);
   }), /* @__PURE__ */ F(
     X.Body,
     {
       ...o,
       ref: (y) => {
-        typeof t == "function" ? t(y) : t && (t.current = y);
+        typeof r == "function" ? r(y) : r && (r.current = y);
       },
       className: `${ce.bodyWrapper} ${e || ""}`,
       children: [
@@ -2029,7 +2037,7 @@ const Po = V.forwardRef(function({ className: e, onScroll: a, children: r, ...o
   );
 });
 Po.displayName = "Modal.Body";
-const ye = St;
+const ye = At;
 ye.Root = X.Root;
 ye.Overlay = X.Overlay;
 ye.Content = X.Content;
@@ -2038,20 +2046,20 @@ ye.Title = X.Title;
 ye.CloseButton = X.CloseButton;
 ye.Body = Po;
 ye.Footer = wo;
-const an = "NumberInput-module__layoutOverride___5-9T4", sn = "NumberInput-module__root___C6rAn", nn = "NumberInput-module__input___Ss8p7", ln = "NumberInput-module__section___MijP0", cn = "NumberInput-module__controls___8UfQ2", dn = "NumberInput-module__control___Qre9-", xe = {
-  layoutOverride: an,
-  root: sn,
-  input: nn,
-  section: ln,
-  controls: cn,
-  control: dn
+const nn = "NumberInput-module__layoutOverride___5-9T4", ln = "NumberInput-module__root___C6rAn", cn = "NumberInput-module__input___Ss8p7", dn = "NumberInput-module__section___MijP0", pn = "NumberInput-module__controls___8UfQ2", mn = "NumberInput-module__control___Qre9-", Ae = {
+  layoutOverride: nn,
+  root: ln,
+  input: cn,
+  section: dn,
+  controls: pn,
+  control: mn
 }, xt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2062,27 +2070,27 @@ const an = "NumberInput-module__layoutOverride___5-9T4", sn = "NumberInput-modul
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: A,
-      defaultValue: x,
+      value: x,
+      defaultValue: A,
       hideControls: L = !1,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     delete T.size, delete T.variant, delete T.radius;
     const I = {
-      wrapper: xe.root,
+      wrapper: Ae.root,
       // The nested Input internal relative wrapper bounding box
-      input: xe.input,
-      section: xe.section,
-      controls: xe.controls,
-      control: xe.control
-    }, z = C ? `${xe.layoutOverride} ${C}` : xe.layoutOverride;
+      input: Ae.input,
+      section: Ae.section,
+      controls: Ae.controls,
+      control: Ae.control
+    }, z = C ? `${Ae.layoutOverride} ${C}` : Ae.layoutOverride;
     return /* @__PURE__ */ s(
       te,
       {
@@ -2090,9 +2098,9 @@ const an = "NumberInput-module__layoutOverride___5-9T4", sn = "NumberInput-modul
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2103,23 +2111,23 @@ const an = "NumberInput-module__layoutOverride___5-9T4", sn = "NumberInput-modul
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : x == null ? void 0 : x.toString(),
+        readOnlyValue: x !== void 0 ? x == null ? void 0 : x.toString() : A == null ? void 0 : A.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Ar,
+            Lr,
             {
               ref: a,
               classNames: I,
               disabled: b,
-              value: A,
-              defaultValue: x,
+              value: x,
+              defaultValue: A,
               hideControls: L,
               label: void 0,
               description: void 0,
@@ -2141,17 +2149,17 @@ const an = "NumberInput-module__layoutOverride___5-9T4", sn = "NumberInput-modul
   }
 );
 xt.displayName = "NumberInput";
-const pn = "Pagination-module__root___ITRjt", mn = "Pagination-module__control___40yNT", _n = "Pagination-module__dots___Yl9da", un = "Pagination-module__iconWithLabel___pLM4O", yn = "Pagination-module__baseIcon___Qw3bJ", H = {
-  root: pn,
-  control: mn,
-  dots: _n,
-  iconWithLabel: un,
-  baseIcon: yn
-}, bn = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", fn = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Nn = "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", hn = "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", $n = {
-  next: bn,
-  prev: fn,
-  first: Nn,
-  last: hn
+const _n = "Pagination-module__root___ITRjt", un = "Pagination-module__control___40yNT", yn = "Pagination-module__dots___Yl9da", bn = "Pagination-module__iconWithLabel___pLM4O", fn = "Pagination-module__baseIcon___Qw3bJ", H = {
+  root: _n,
+  control: un,
+  dots: yn,
+  iconWithLabel: bn,
+  baseIcon: fn
+}, Nn = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", hn = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", $n = "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", vn = "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", Cn = {
+  next: Nn,
+  prev: hn,
+  first: $n,
+  last: vn
 }, Fe = ({
   type: n,
   className: e,
@@ -2163,120 +2171,120 @@ const pn = "Pagination-module__root___ITRjt", mn = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${H.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ s("path", { d: $n[n], fill: "currentColor" })
+    children: /* @__PURE__ */ s("path", { d: Cn[n], fill: "currentColor" })
   }
-), At = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
+), Ot = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ s("span", { children: "Next" }),
   /* @__PURE__ */ s(Fe, { type: "next", ...n })
-] }), Ot = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
+] }), Lt = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ s(Fe, { type: "prev", ...n }),
   /* @__PURE__ */ s("span", { children: "Prev" })
-] }), Lt = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
+] }), Wt = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ s(Fe, { type: "first", ...n }),
   /* @__PURE__ */ s("span", { children: "First" })
-] }), Wt = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
+] }), It = (n) => /* @__PURE__ */ F("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ s("span", { children: "Last" }),
   /* @__PURE__ */ s(Fe, { type: "last", ...n })
 ] });
-function It(n) {
+function kt(n) {
   const e = {
     root: H.root,
     control: H.control,
     dots: H.dots
   }, a = n.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
-    const t = a;
-    e.root = t.root ? `${H.root} ${t.root}` : H.root, e.control = t.control ? `${H.control} ${t.control}` : H.control, e.dots = t.dots ? `${H.dots} ${t.dots}` : H.dots;
+    const r = a;
+    e.root = r.root ? `${H.root} ${r.root}` : H.root, e.control = r.control ? `${H.control} ${r.control}` : H.control, e.dots = r.dots ? `${H.dots} ${r.dots}` : H.dots;
   }
-  const r = n.className;
-  return { className: r ? `${H.root} ${r}` : H.root, classNames: e };
+  const t = n.className;
+  return { className: t ? `${H.root} ${t}` : H.root, classNames: e };
 }
-const kt = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = It(
+const Rt = h(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = kt(
       o
     );
     return /* @__PURE__ */ s(
       me.Root,
       {
-        ref: r,
-        className: t.className,
-        classNames: t.classNames,
+        ref: t,
+        className: r.className,
+        classNames: r.classNames,
         ...o
       }
     );
   }
 );
-kt.displayName = "Pagination.Root";
-const Rt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? At : void 0);
+Rt.displayName = "Pagination.Root";
+const Mt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Ot : void 0);
   return /* @__PURE__ */ s(
     me.Next,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
-Rt.displayName = "Pagination.Next";
-const Mt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Ot : void 0);
+Mt.displayName = "Pagination.Next";
+const zt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Lt : void 0);
   return /* @__PURE__ */ s(
     me.Previous,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
-Mt.displayName = "Pagination.Previous";
-const zt = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Lt : void 0);
+zt.displayName = "Pagination.Previous";
+const Et = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? Wt : void 0);
   return /* @__PURE__ */ s(
     me.First,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
-zt.displayName = "Pagination.First";
-const Et = h(function({ withLabel: e, icon: a, ...r }, o) {
-  const t = a || (e ? Wt : void 0);
+Et.displayName = "Pagination.First";
+const Bt = h(function({ withLabel: e, icon: a, ...t }, o) {
+  const r = a || (e ? It : void 0);
   return /* @__PURE__ */ s(
     me.Last,
     {
       ref: o,
       "data-variant": "text",
-      icon: t,
-      ...r
+      icon: r,
+      ...t
     }
   );
 });
-Et.displayName = "Pagination.Last";
-const Bt = h(
-  function({ overStyled: e = !1, getControlProps: a, withLabels: r, ...o }, t) {
-    const l = N(o, e), i = It(
+Bt.displayName = "Pagination.Last";
+const Ft = h(
+  function({ overStyled: e = !1, getControlProps: a, withLabels: t, ...o }, r) {
+    const l = N(o, e), i = kt(
       l
     ), c = (p) => {
       const m = { "data-variant": "text" };
       return a ? { ...m, ...a(p) } : m;
-    }, d = r ? {
-      nextIcon: At,
-      previousIcon: Ot,
-      firstIcon: Lt,
-      lastIcon: Wt
+    }, d = t ? {
+      nextIcon: Ot,
+      previousIcon: Lt,
+      firstIcon: Wt,
+      lastIcon: It
     } : {};
     return /* @__PURE__ */ s(
       me,
       {
-        ref: t,
+        ref: r,
         className: i.className,
         classNames: i.classNames,
         getControlProps: c,
@@ -2286,33 +2294,33 @@ const Bt = h(
     );
   }
 );
-Bt.displayName = "Pagination";
-const se = Bt;
-se.Root = kt;
+Ft.displayName = "Pagination";
+const se = Ft;
+se.Root = Rt;
 se.Items = me.Items;
 se.Control = me.Control;
 se.Dots = me.Dots;
-se.Next = Rt;
-se.Previous = Mt;
-se.First = zt;
-se.Last = Et;
+se.Next = Mt;
+se.Previous = zt;
+se.First = Et;
+se.Last = Bt;
 se.Icon = Fe;
-const vn = "Panel-module__content___wdGo-", Cn = "Panel-module__inner___ruA2b", wn = "Panel-module__header___o7SiC", Pn = "Panel-module__title___181OP", gn = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Tn = "Panel-module__body___SEC3T", Sn = "Panel-module__footer___t6-hz", ve = {
-  content: vn,
-  inner: Cn,
-  header: wn,
-  title: Pn,
-  titleTruncate: gn,
-  body: Tn,
-  footer: Sn
-}, Ft = function({
+const wn = "Panel-module__content___wdGo-", Pn = "Panel-module__inner___ruA2b", gn = "Panel-module__header___o7SiC", Tn = "Panel-module__title___181OP", Sn = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", An = "Panel-module__body___SEC3T", xn = "Panel-module__footer___t6-hz", ve = {
+  content: wn,
+  inner: Pn,
+  header: gn,
+  title: Tn,
+  titleTruncate: Sn,
+  body: An,
+  footer: xn
+}, Vt = function({
   overStyled: e = !1,
   placement: a = "right",
-  keepMounted: r = !0,
+  keepMounted: t = !0,
   wrapHeaderText: o = !1,
-  ...t
+  ...r
 }) {
-  const l = N(t, e), i = {
+  const l = N(r, e), i = {
     content: ve.content,
     header: ve.header,
     title: o ? ve.titleTruncate : ve.title,
@@ -2329,22 +2337,22 @@ const vn = "Panel-module__content___wdGo-", Cn = "Panel-module__inner___ruA2b",
     _e,
     {
       position: a,
-      keepMounted: r,
-      closeOnClickOutside: t.closeOnClickOutside ?? !!t.opened,
+      keepMounted: t,
+      closeOnClickOutside: r.closeOnClickOutside ?? !!r.opened,
       ...l,
       classNames: i
     }
   );
 };
-Ft.displayName = "Panel";
+Vt.displayName = "Panel";
 const go = h(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = o.className, l = t ? `${ve.footer} ${t}` : ve.footer;
-    return /* @__PURE__ */ s("div", { ref: r, className: l, ...o });
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = o.className, l = r ? `${ve.footer} ${r}` : ve.footer;
+    return /* @__PURE__ */ s("div", { ref: t, className: l, ...o });
   }
 );
 go.displayName = "PanelFooter";
-const ne = Ft;
+const ne = Vt;
 ne.Root = _e.Root;
 ne.Overlay = _e.Overlay;
 ne.Content = _e.Content;
@@ -2354,22 +2362,22 @@ ne.CloseButton = _e.CloseButton;
 ne.Body = _e.Body;
 ne.Stack = _e.Stack;
 ne.Footer = go;
-const xn = "Popover-module__dropdown___svhS6", An = "Popover-module__arrow___5A-0e", Fo = {
-  dropdown: xn,
-  arrow: An
-}, Vt = function({
+const On = "Popover-module__dropdown___svhS6", Ln = "Popover-module__arrow___5A-0e", Fo = {
+  dropdown: On,
+  arrow: Ln
+}, Dt = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     dropdown: Fo.dropdown,
     arrow: Fo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -2379,49 +2387,49 @@ const xn = "Popover-module__dropdown___svhS6", An = "Popover-module__arrow___5A-
       position: "top",
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
 };
-Vt.displayName = "Popover";
-const Dt = function(e) {
+Dt.displayName = "Popover";
+const jt = function(e) {
   return /* @__PURE__ */ s(_o.Target, { ...e });
 };
-Dt.displayName = "PopoverTarget";
-const jt = function({
+jt.displayName = "PopoverTarget";
+const Gt = function({
   overStyled: e = !1,
   ...a
 }) {
-  const r = N(a, e), o = r.className;
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ s(
     _o.Dropdown,
     {
       className: o,
-      ...r
+      ...t
     }
   );
 };
-jt.displayName = "PopoverDropdown";
-const To = Vt;
-To.Target = Dt;
-To.Dropdown = jt;
-const On = "Radio-module__groupRoot___bfUii", Ln = "Radio-module__root___kAjTD", Wn = "Radio-module__body___q2Wpj", In = "Radio-module__inner___QaTBB", kn = "Radio-module__radio___MfgN-", Rn = "Radio-module__icon___DWznm", Mn = "Radio-module__labelWrapper___dB0Gi", zn = "Radio-module__label___vAFIP", B = {
-  groupRoot: On,
-  root: Ln,
-  body: Wn,
-  inner: In,
-  radio: kn,
-  icon: Rn,
-  labelWrapper: Mn,
-  label: zn
+Gt.displayName = "PopoverDropdown";
+const To = Dt;
+To.Target = jt;
+To.Dropdown = Gt;
+const Wn = "Radio-module__groupRoot___bfUii", In = "Radio-module__root___kAjTD", kn = "Radio-module__body___q2Wpj", Rn = "Radio-module__inner___QaTBB", Mn = "Radio-module__radio___MfgN-", zn = "Radio-module__icon___DWznm", En = "Radio-module__labelWrapper___dB0Gi", Bn = "Radio-module__label___vAFIP", B = {
+  groupRoot: Wn,
+  root: In,
+  body: kn,
+  inner: Rn,
+  radio: Mn,
+  icon: zn,
+  labelWrapper: En,
+  label: Bn
 }, So = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2433,18 +2441,18 @@ const On = "Radio-module__groupRoot___bfUii", Ln = "Radio-module__root___kAjTD",
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
       children: O,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: A,
-      value: x,
+      emptyValueComponent: x,
+      value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -2452,10 +2460,10 @@ const On = "Radio-module__groupRoot___bfUii", Ln = "Radio-module__root___kAjTD",
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2466,21 +2474,21 @@ const On = "Radio-module__groupRoot___bfUii", Ln = "Radio-module__root___kAjTD",
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : L,
+        readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          Go.Group,
+          Ho.Group,
           {
             ref: a,
             ...g,
             disabled: v || T.disabled,
-            value: x,
+            value: A,
             defaultValue: L,
             children: /* @__PURE__ */ s("div", { className: B.groupRoot, "data-layout": o, children: O })
           }
@@ -2490,7 +2498,7 @@ const On = "Radio-module__groupRoot___bfUii", Ln = "Radio-module__root___kAjTD",
   }
 );
 So.displayName = "RadioGroup";
-const En = ({ className: n, style: e }) => /* @__PURE__ */ s(
+const Fn = ({ className: n, style: e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2500,19 +2508,19 @@ const En = ({ className: n, style: e }) => /* @__PURE__ */ s(
     style: e,
     children: /* @__PURE__ */ s("circle", { cx: "8", cy: "8", r: "5" })
   }
-), xo = h(
+), Ao = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       formLayout: i,
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, f = N(m, r), u = f;
+    } = e, f = N(m, t), u = f;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
       root: B.root,
@@ -2527,10 +2535,10 @@ const En = ({ className: n, style: e }) => /* @__PURE__ */ s(
       const b = y;
       _.root = b.root ? `${B.root} ${b.root}` : B.root, _.body = b.body ? `${B.body} ${b.body}` : B.body, _.inner = b.inner ? `${B.inner} ${b.inner}` : B.inner, _.radio = b.radio ? `${B.radio} ${b.radio}` : B.radio, _.icon = b.icon ? `${B.icon} ${b.icon}` : B.icon, _.labelWrapper = b.labelWrapper ? `${B.labelWrapper} ${b.labelWrapper}` : B.labelWrapper, _.label = b.label ? `${B.label} ${b.label}` : B.label;
     }
-    const w = u.className, C = w ? `${B.root} ${w}` : B.root;
-    if (o && t) {
+    const P = u.className, C = P ? `${B.root} ${P}` : B.root;
+    if (o && r) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+        r,
         {
           ...e,
           checked: b,
@@ -2549,10 +2557,10 @@ const En = ({ className: n, style: e }) => /* @__PURE__ */ s(
       ) : /* @__PURE__ */ s(Ie, { children: v });
     }
     const $ = /* @__PURE__ */ s(
-      Go,
+      Ho,
       {
         ref: a,
-        icon: En,
+        icon: Fn,
         className: C,
         classNames: _,
         disabled: o || l,
@@ -2571,15 +2579,15 @@ const En = ({ className: n, style: e }) => /* @__PURE__ */ s(
     ) : $;
   }
 );
-xo.displayName = "Radio";
-xo.Group = So;
-const Bn = "SegmentedControl-module__root___JFRhg", Fn = "SegmentedControl-module__label___mS17q", Vn = "SegmentedControl-module__control___znOdQ", Dn = "SegmentedControl-module__indicator___ZMcJy", K = {
-  root: Bn,
-  label: Fn,
-  control: Vn,
-  indicator: Dn
+Ao.displayName = "Radio";
+Ao.Group = So;
+const Vn = "SegmentedControl-module__root___JFRhg", Dn = "SegmentedControl-module__label___mS17q", jn = "SegmentedControl-module__control___znOdQ", Gn = "SegmentedControl-module__indicator___ZMcJy", K = {
+  root: Vn,
+  label: Dn,
+  control: jn,
+  indicator: Gn
 };
-function jn(n) {
+function Hn(n) {
   const e = {
     root: K.root,
     control: K.control,
@@ -2587,54 +2595,54 @@ function jn(n) {
     indicator: K.indicator
   }, a = n.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
-    const t = a;
-    e.root = t.root ? `${K.root} ${t.root}` : K.root, e.control = t.control ? `${K.control} ${t.control}` : K.control, e.label = t.label ? `${K.label} ${t.label}` : K.label, e.indicator = t.indicator ? `${K.indicator} ${t.indicator}` : K.indicator;
+    const r = a;
+    e.root = r.root ? `${K.root} ${r.root}` : K.root, e.control = r.control ? `${K.control} ${r.control}` : K.control, e.label = r.label ? `${K.label} ${r.label}` : K.label, e.indicator = r.indicator ? `${K.indicator} ${r.indicator}` : K.indicator;
   }
-  const r = n.className;
-  return { className: r ? `${K.root} ${r}` : K.root, classNames: e };
+  const t = n.className;
+  return { className: t ? `${K.root} ${t}` : K.root, classNames: e };
 }
-const Gt = h(
-  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: r, ...o }, t) {
+const Ht = h(
+  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: t, ...o }, r) {
     const l = N(o, e), i = l;
     delete i.disabled;
-    const c = jn(i);
+    const c = Hn(i);
     return /* @__PURE__ */ s(
-      Or,
+      Wr,
       {
-        ref: t,
+        ref: r,
         className: c.className,
         classNames: c.classNames,
         orientation: a,
-        fullWidth: r,
+        fullWidth: t,
         "data-orientation": a,
         ...l
       }
     );
   }
 );
-Gt.displayName = "SegmentedControl";
-const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module__sliderContainer___y8I0J", Un = "Slider-module__sliderTrackWrapper___UHpVh", Yn = "Slider-module__iconWrapper___uqHpC", Zn = "Slider-module__sliderRoot___LI86H", Kn = "Slider-module__sliderTrack___oqnlG", Xn = "Slider-module__sliderBar___TI4VY", Qn = "Slider-module__sliderThumb___OFn8p", Jn = "Slider-module__sliderMark___1lM2B", el = "Slider-module__minMaxGuide___TaGqz", ol = "Slider-module__rightGuideContainer___8dOT8", tl = "Slider-module__currentValue___dGV2T", rl = "Slider-module__inputField___6x578", al = "Slider-module__readOnlyValue___-ZzMW", k = {
-  layoutOverride: Hn,
-  sliderContainer: qn,
-  sliderTrackWrapper: Un,
-  iconWrapper: Yn,
-  sliderRoot: Zn,
-  sliderTrack: Kn,
-  sliderBar: Xn,
-  sliderThumb: Qn,
-  sliderMark: Jn,
-  minMaxGuide: el,
-  rightGuideContainer: ol,
-  currentValue: tl,
-  inputField: rl,
-  readOnlyValue: al
-}, sl = ({ value: n }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: n }), Ht = h(
+Ht.displayName = "SegmentedControl";
+const qn = Ht, Un = "Slider-module__layoutOverride___zYPun", Yn = "Slider-module__sliderContainer___y8I0J", Zn = "Slider-module__sliderTrackWrapper___UHpVh", Kn = "Slider-module__iconWrapper___uqHpC", Xn = "Slider-module__sliderRoot___LI86H", Qn = "Slider-module__sliderTrack___oqnlG", Jn = "Slider-module__sliderBar___TI4VY", el = "Slider-module__sliderThumb___OFn8p", ol = "Slider-module__sliderMark___1lM2B", tl = "Slider-module__minMaxGuide___TaGqz", rl = "Slider-module__rightGuideContainer___8dOT8", al = "Slider-module__currentValue___dGV2T", sl = "Slider-module__inputField___6x578", nl = "Slider-module__readOnlyValue___-ZzMW", k = {
+  layoutOverride: Un,
+  sliderContainer: Yn,
+  sliderTrackWrapper: Zn,
+  iconWrapper: Kn,
+  sliderRoot: Xn,
+  sliderTrack: Qn,
+  sliderBar: Jn,
+  sliderThumb: el,
+  sliderMark: ol,
+  minMaxGuide: tl,
+  rightGuideContainer: rl,
+  currentValue: al,
+  inputField: sl,
+  readOnlyValue: nl
+}, ll = ({ value: n }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: n }), qt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2645,15 +2653,15 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
       assistiveText: u,
       assistiveWithIcon: _,
       error: y,
-      required: w,
+      required: P,
       withAsterisk: C,
       id: $,
       className: b,
       style: O,
       disabled: v,
       readOnly: R,
-      readOnlyComponent: A,
-      emptyValueComponent: x,
+      readOnlyComponent: x,
+      emptyValueComponent: A,
       value: L,
       defaultValue: W,
       icon: g,
@@ -2665,25 +2673,25 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
       onChange: Pe,
       onChangeEnd: Y,
       ...ao
-    } = e, [lr, ir] = lo(() => L !== void 0 ? L : W !== void 0 ? W : z), fe = L !== void 0 ? L : lr, [cr, so] = lo(
+    } = e, [cr, dr] = lo(() => L !== void 0 ? L : W !== void 0 ? W : z), fe = L !== void 0 ? L : cr, [pr, so] = lo(
       fe.toString()
     );
     He(() => {
       so(fe.toString());
     }, [fe]);
     const Io = (D) => {
-      L === void 0 && ir(D), Pe == null || Pe(D);
-    }, dr = (D) => {
+      L === void 0 && dr(D), Pe == null || Pe(D);
+    }, mr = (D) => {
       const Ro = D.target.value;
       so(Ro);
       const Mo = parseFloat(Ro);
       if (!isNaN(Mo)) {
-        const ur = Math.max(z, Math.min(S, Mo));
-        Io(ur);
+        const br = Math.max(z, Math.min(S, Mo));
+        Io(br);
       }
-    }, pr = () => {
+    }, _r = () => {
       so(fe.toString());
-    }, ko = N(ao, r), ke = ko;
+    }, ko = N(ao, t), ke = ko;
     delete ke.size, delete ke.variant, delete ke.radius, delete ke.wrapperProps;
     const ge = {
       root: k.sliderRoot,
@@ -2697,18 +2705,18 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
       const D = Ve;
       ge.root = D.root ? `${k.sliderRoot} ${D.root}` : k.sliderRoot, ge.track = D.track ? `${k.sliderTrack} ${D.track}` : k.sliderTrack, ge.bar = D.bar ? `${k.sliderBar} ${D.bar}` : k.sliderBar, ge.thumb = D.thumb ? `${k.sliderThumb} ${D.thumb}` : k.sliderThumb, ge.mark = D.mark ? `${k.sliderMark} ${D.mark}` : k.sliderMark, ge.markLabel = D.markLabel ? `${k.sliderMarkLabel} ${D.markLabel}` : k.sliderMarkLabel;
     }
-    const mr = b ? `${k.layoutOverride} ${b}` : k.layoutOverride, _r = g ? /* @__PURE__ */ s("span", { className: k.iconWrapper, "aria-hidden": !0, children: g }) : null;
+    const ur = b ? `${k.layoutOverride} ${b}` : k.layoutOverride, yr = g ? /* @__PURE__ */ s("span", { className: k.iconWrapper, "aria-hidden": !0, children: g }) : null;
     return /* @__PURE__ */ s(
       te,
       {
         ref: a,
-        className: mr,
+        className: ur,
         style: O,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2718,12 +2726,12 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
         assistiveText: u,
         assistiveWithIcon: _,
         error: y,
-        required: w,
+        required: P,
         withAsterisk: C,
         id: $,
         readOnly: R,
-        readOnlyComponent: A || sl,
-        emptyValueComponent: x,
+        readOnlyComponent: x || ll,
+        emptyValueComponent: A,
         readOnlyType: "text",
         readOnlyValue: fe,
         readOnlyNativeProps: { value: fe },
@@ -2735,10 +2743,10 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
             "data-disabled": v ? "true" : void 0,
             "data-error": y ? "true" : void 0,
             children: [
-              _r,
+              yr,
               I && /* @__PURE__ */ s("span", { className: k.minMaxGuide, children: z }),
               /* @__PURE__ */ s("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ s(
-                Lr,
+                Ir,
                 {
                   classNames: ge,
                   disabled: v,
@@ -2761,9 +2769,9 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
                 {
                   type: "number",
                   className: k.inputField,
-                  value: cr,
-                  onChange: dr,
-                  onBlur: pr,
+                  value: pr,
+                  onChange: mr,
+                  onBlur: _r,
                   min: z,
                   max: S,
                   step: we,
@@ -2778,65 +2786,65 @@ const Gn = Gt, Hn = "Slider-module__layoutOverride___zYPun", qn = "Slider-module
     );
   }
 );
-Ht.displayName = "Slider";
-const nl = "Stack-module__root___NUN-x", Be = {
-  root: nl
-}, qt = h(function({ children: e, gap: a = "rec-default", ...r }, o) {
-  const t = {
+qt.displayName = "Slider";
+const il = "Stack-module__root___NUN-x", Be = {
+  root: il
+}, Ut = h(function({ children: e, gap: a = "rec-default", ...t }, o) {
+  const r = {
     root: Be.root
-  }, l = r.classNames;
+  }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    t.root = d.root ? `${Be.root} ${d.root}` : Be.root;
+    r.root = d.root ? `${Be.root} ${d.root}` : Be.root;
   }
-  const i = r.className, c = i ? `${Be.root} ${i}` : Be.root;
+  const i = t.className, c = i ? `${Be.root} ${i}` : Be.root;
   return /* @__PURE__ */ s(
-    Wr,
+    kr,
     {
       ref: o,
       className: c,
-      classNames: t,
-      ...yo({ gap: a, ...r }),
+      classNames: r,
+      ...yo({ gap: a, ...t }),
       children: e
     }
   );
 });
-qt.displayName = "Stack";
-const ll = re(qt), il = "Stepper-module__root___jbSYO", cl = "Stepper-module__horizontal___USHT1", dl = "Stepper-module__steps___4HPO6", pl = "Stepper-module__step___s2nqL", ml = "Stepper-module__stepBody___TBvys", _l = "Stepper-module__stepLabel___N6nuy", ul = "Stepper-module__stepDescription___DnDAy", yl = "Stepper-module__separator___pU0No", bl = "Stepper-module__vertical___d4mOs", fl = "Stepper-module__large___J18-y", Nl = "Stepper-module__small___Ub-zb", hl = "Stepper-module__stepIcon___YQHNq", $l = "Stepper-module__stepCompletedIcon___B9MeL", vl = "Stepper-module__verticalSeparator___frWc1", Cl = "Stepper-module__content___J-h8X", U = {
-  root: il,
-  horizontal: cl,
-  steps: dl,
-  step: pl,
-  stepBody: ml,
-  stepLabel: _l,
-  stepDescription: ul,
-  separator: yl,
-  vertical: bl,
-  large: fl,
-  small: Nl,
-  stepIcon: hl,
-  stepCompletedIcon: $l,
-  verticalSeparator: vl,
-  content: Cl
-}, Ut = h(
+Ut.displayName = "Stack";
+const cl = re(Ut), dl = "Stepper-module__root___jbSYO", pl = "Stepper-module__horizontal___USHT1", ml = "Stepper-module__steps___4HPO6", _l = "Stepper-module__step___s2nqL", ul = "Stepper-module__stepBody___TBvys", yl = "Stepper-module__stepLabel___N6nuy", bl = "Stepper-module__stepDescription___DnDAy", fl = "Stepper-module__separator___pU0No", Nl = "Stepper-module__vertical___d4mOs", hl = "Stepper-module__large___J18-y", $l = "Stepper-module__small___Ub-zb", vl = "Stepper-module__stepIcon___YQHNq", Cl = "Stepper-module__stepCompletedIcon___B9MeL", wl = "Stepper-module__verticalSeparator___frWc1", Pl = "Stepper-module__content___J-h8X", U = {
+  root: dl,
+  horizontal: pl,
+  steps: ml,
+  step: _l,
+  stepBody: ul,
+  stepLabel: yl,
+  stepDescription: bl,
+  separator: fl,
+  vertical: Nl,
+  large: hl,
+  small: $l,
+  stepIcon: vl,
+  stepCompletedIcon: Cl,
+  verticalSeparator: wl,
+  content: Pl
+}, Yt = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       size: o = "large",
-      orientation: t = "horizontal",
+      orientation: r = "horizontal",
       className: l,
       style: i,
       ...c
-    } = e, d = N(c, r);
+    } = e, d = N(c, t);
     return /* @__PURE__ */ s(
       io,
       {
         ref: a,
-        orientation: t,
-        className: `${U.root} ${t === "horizontal" ? U.horizontal : U.vertical} ${o === "large" ? U.large : U.small} ${l || ""}`,
+        orientation: r,
+        className: `${U.root} ${r === "horizontal" ? U.horizontal : U.vertical} ${o === "large" ? U.large : U.small} ${l || ""}`,
         style: i,
         "data-size": o,
-        "data-orientation": t,
+        "data-orientation": r,
         classNames: {
           steps: U.steps,
           step: U.step,
@@ -2853,29 +2861,29 @@ const ll = re(qt), il = "Stepper-module__root___jbSYO", cl = "Stepper-module__ho
       }
     );
   }
-), wl = Object.assign(Ut, {
+), gl = Object.assign(Yt, {
   Step: io.Step,
   Completed: io.Completed
 });
-Ut.displayName = "Stepper";
-const Pl = "Switch-module__root___Y5Ydi", gl = "Switch-module__body___Sw9Wr", Tl = "Switch-module__track___7ObdZ", Sl = "Switch-module__thumb___-FTeK", xl = "Switch-module__labelWrapper___YSOwx", Al = "Switch-module__label___LrH7V", Ol = "Switch-module__thumbIconWrapper___sCY-1", Ll = "Switch-module__checkIcon___ZBAQN", Wl = "Switch-module__closeIcon___bLLGw", Il = "Switch-module__groupRoot___-Uepi", M = {
-  root: Pl,
-  body: gl,
-  track: Tl,
-  thumb: Sl,
-  labelWrapper: xl,
-  label: Al,
-  thumbIconWrapper: Ol,
-  checkIcon: Ll,
-  closeIcon: Wl,
-  groupRoot: Il
-}, Ao = h(
+Yt.displayName = "Stepper";
+const Tl = "Switch-module__root___Y5Ydi", Sl = "Switch-module__body___Sw9Wr", Al = "Switch-module__track___7ObdZ", xl = "Switch-module__thumb___-FTeK", Ol = "Switch-module__labelWrapper___YSOwx", Ll = "Switch-module__label___LrH7V", Wl = "Switch-module__thumbIconWrapper___sCY-1", Il = "Switch-module__checkIcon___ZBAQN", kl = "Switch-module__closeIcon___bLLGw", Rl = "Switch-module__groupRoot___-Uepi", M = {
+  root: Tl,
+  body: Sl,
+  track: Al,
+  thumb: xl,
+  labelWrapper: Ol,
+  label: Ll,
+  thumbIconWrapper: Wl,
+  checkIcon: Il,
+  closeIcon: kl,
+  groupRoot: Rl
+}, xo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -2887,18 +2895,18 @@ const Pl = "Switch-module__root___Y5Ydi", gl = "Switch-module__body___Sw9Wr", Tl
       assistiveWithIcon: u,
       error: _,
       required: y,
-      withAsterisk: w,
+      withAsterisk: P,
       id: C,
       className: $,
       style: b,
       children: O,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: A,
-      value: x,
+      emptyValueComponent: x,
+      value: A,
       defaultValue: L,
       ...W
-    } = e, g = N(W, r), T = g;
+    } = e, g = N(W, t), T = g;
     return delete T.size, /* @__PURE__ */ s(
       te,
       {
@@ -2906,10 +2914,10 @@ const Pl = "Switch-module__root___Y5Ydi", gl = "Switch-module__body___Sw9Wr", Tl
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
-        overStyled: r,
+        overStyled: t,
         labelElement: "div",
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -2920,21 +2928,21 @@ const Pl = "Switch-module__root___Y5Ydi", gl = "Switch-module__body___Sw9Wr", Tl
         assistiveWithIcon: u,
         error: _,
         required: y,
-        withAsterisk: w,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : L,
+        readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ s(
-          Ho.Group,
+          qo.Group,
           {
             ref: a,
             ...g,
             disabled: v || T.disabled,
-            value: x,
+            value: A,
             defaultValue: L,
             children: /* @__PURE__ */ s("div", { className: M.groupRoot, "data-layout": o, children: O })
           }
@@ -2943,13 +2951,13 @@ const Pl = "Switch-module__root___Y5Ydi", gl = "Switch-module__body___Sw9Wr", Tl
     );
   }
 );
-Ao.displayName = "SwitchGroup";
+xo.displayName = "SwitchGroup";
 const Oo = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       readOnly: o,
-      readOnlyComponent: t,
+      readOnlyComponent: r,
       disabled: l,
       thumbIcon: i,
       formLayout: c,
@@ -2957,7 +2965,7 @@ const Oo = h(
       controlMaxWidth: p,
       controlMinWidth: m,
       ...f
-    } = e, u = N(f, r), _ = u;
+    } = e, u = N(f, t), _ = u;
     delete _.size, delete _.color, delete _.radius, delete _.variant;
     const y = {
       root: M.root,
@@ -2967,15 +2975,15 @@ const Oo = h(
       trackLabel: M.trackLabel,
       labelWrapper: M.labelWrapper,
       label: M.label
-    }, w = _.classNames;
-    if (w && typeof w == "object" && !Array.isArray(w)) {
-      const v = w;
+    }, P = _.classNames;
+    if (P && typeof P == "object" && !Array.isArray(P)) {
+      const v = P;
       y.root = v.root ? `${M.root} ${v.root}` : M.root, y.body = v.body ? `${M.body} ${v.body}` : M.body, y.track = v.track ? `${M.track} ${v.track}` : M.track, y.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, y.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, y.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, y.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
     const C = _.className, $ = C ? `${M.root} ${C}` : M.root;
-    if (o && t) {
-      const v = !!(_.checked ?? _.defaultChecked), A = /* @__PURE__ */ s(
-        t,
+    if (o && r) {
+      const v = !!(_.checked ?? _.defaultChecked), x = /* @__PURE__ */ s(
+        r,
         {
           ...e,
           checked: v,
@@ -2989,15 +2997,15 @@ const Oo = h(
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: m,
-          children: A
+          children: x
         }
-      ) : /* @__PURE__ */ s(Ie, { children: A });
+      ) : /* @__PURE__ */ s(Ie, { children: x });
     }
     const b = /* @__PURE__ */ F("div", { className: M.thumbIconWrapper, children: [
-      /* @__PURE__ */ s(Ir, { className: M.checkIcon }),
-      /* @__PURE__ */ s(kr, { className: M.closeIcon })
+      /* @__PURE__ */ s(Rr, { className: M.checkIcon }),
+      /* @__PURE__ */ s(Mr, { className: M.closeIcon })
     ] }), O = /* @__PURE__ */ s(
-      Ho,
+      qo,
       {
         ref: a,
         className: $,
@@ -3021,22 +3029,22 @@ const Oo = h(
   }
 );
 Oo.displayName = "Switch";
-Oo.Group = Ao;
-const kl = "Table-module__root___aMWWS", Rl = {
-  root: kl
-}, Yt = h(function({ overStyled: e = !1, ...a }, r) {
-  const o = N(a, e), t = o.className, l = Rl.root, i = t ? `${l} ${t}` : l;
+Oo.Group = xo;
+const Ml = "Table-module__root___aMWWS", zl = {
+  root: Ml
+}, Zt = h(function({ overStyled: e = !1, ...a }, t) {
+  const o = N(a, e), r = o.className, l = zl.root, i = r ? `${l} ${r}` : l;
   return /* @__PURE__ */ s(
     ue,
     {
-      ref: r,
+      ref: t,
       className: i,
       ...o
     }
   );
 });
-Yt.displayName = "Table";
-const be = Yt;
+Zt.displayName = "Table";
+const be = Zt;
 be.Thead = ue.Thead;
 be.Tbody = ue.Tbody;
 be.Tr = ue.Tr;
@@ -3045,27 +3053,27 @@ be.Td = ue.Td;
 be.Tfoot = ue.Tfoot;
 be.Caption = ue.Caption;
 be.ScrollContainer = ue.ScrollContainer;
-const Ml = "Tabs-module__root___-VKVI", zl = "Tabs-module__list___qRVME", El = "Tabs-module__tab___IdDYc", Bl = "Tabs-module__panel___08i9c", je = {
-  root: Ml,
-  list: zl,
-  tab: El,
-  panel: Bl
-}, Zt = h(function(e, a) {
+const El = "Tabs-module__root___-VKVI", Bl = "Tabs-module__list___qRVME", Fl = "Tabs-module__tab___IdDYc", Vl = "Tabs-module__panel___08i9c", je = {
+  root: El,
+  list: Bl,
+  tab: Fl,
+  panel: Vl
+}, Kt = h(function(e, a) {
   const {
-    variant: r = "default",
+    variant: t = "default",
     orientation: o = "horizontal",
-    overStyled: t = !1,
+    overStyled: r = !1,
     className: l,
     ...i
-  } = e, c = N(i, t);
+  } = e, c = N(i, r);
   return /* @__PURE__ */ s(
     Qe,
     {
       ref: a,
-      variant: r,
+      variant: t,
       orientation: o,
       className: `${je.root} ${l || ""}`,
-      "data-variant": r,
+      "data-variant": t,
       "data-orientation": o,
       classNames: {
         list: je.list,
@@ -3076,73 +3084,73 @@ const Ml = "Tabs-module__root___-VKVI", zl = "Tabs-module__list___qRVME", El = "
     }
   );
 });
-Zt.displayName = "Tabs";
-const Kt = h(
+Kt.displayName = "Tabs";
+const Xt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.List,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
 );
-Kt.displayName = "Tabs.List";
-const Xt = h(
+Xt.displayName = "Tabs.List";
+const Qt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.Tab,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
 );
-Xt.displayName = "Tabs.Tab";
-const Qt = h(
+Qt.displayName = "Tabs.Tab";
+const Jt = h(
   function(e, a) {
-    const { overStyled: r = !1, ...o } = e;
+    const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ s(
       Qe.Panel,
       {
         ref: a,
-        ...N(o, r)
+        ...N(o, t)
       }
     );
   }
 );
-Qt.displayName = "Tabs.Panel";
-const Fl = Object.assign(Zt, {
-  List: Kt,
-  Tab: Xt,
-  Panel: Qt
-}), Jt = h(function({ overStyled: e = !1, variant: a = "body", ...r }, o) {
-  const t = N(r, e), l = t.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
+Jt.displayName = "Tabs.Panel";
+const Dl = Object.assign(Kt, {
+  List: Xt,
+  Tab: Qt,
+  Panel: Jt
+}), er = h(function({ overStyled: e = !1, variant: a = "body", ...t }, o) {
+  const r = N(t, e), l = r.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ s(
-    Rr,
+    zr,
     {
       ref: o,
       className: c,
-      ...t
+      ...r
     }
   );
 });
-Jt.displayName = "Text";
-const Vl = re(Jt), Dl = "TextArea-module__layoutOverride___4MCdm", jl = "TextArea-module__root___3dyeu", Gl = "TextArea-module__input___8l36v", he = {
-  layoutOverride: Dl,
-  root: jl,
-  input: Gl
-}, er = h(
+er.displayName = "Text";
+const jl = re(er), Gl = "TextArea-module__layoutOverride___4MCdm", Hl = "TextArea-module__root___3dyeu", ql = "TextArea-module__input___8l36v", he = {
+  layoutOverride: Gl,
+  root: Hl,
+  input: ql
+}, or = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -3153,17 +3161,17 @@ const Vl = re(Jt), Dl = "TextArea-module__layoutOverride___4MCdm", jl = "TextAre
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: A,
-      defaultValue: x,
+      value: x,
+      defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: he.root,
@@ -3182,9 +3190,9 @@ const Vl = re(Jt), Dl = "TextArea-module__layoutOverride___4MCdm", jl = "TextAre
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -3195,23 +3203,23 @@ const Vl = re(Jt), Dl = "TextArea-module__layoutOverride___4MCdm", jl = "TextAre
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : x,
+        readOnlyValue: x !== void 0 ? x : A,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Mr,
+            Er,
             {
               ref: a,
               classNames: T,
               disabled: b,
-              value: A,
-              defaultValue: x,
+              value: x,
+              defaultValue: A,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -3229,19 +3237,19 @@ const Vl = re(Jt), Dl = "TextArea-module__layoutOverride___4MCdm", jl = "TextAre
     );
   }
 );
-er.displayName = "TextArea";
-const Hl = "TextField-module__layoutOverride___SNZqc", ql = "TextField-module__root___2ZYkG", Ul = "TextField-module__input___RL-My", Yl = "TextField-module__section___bCIJ0", oe = {
-  layoutOverride: Hl,
-  root: ql,
-  input: Ul,
-  section: Yl
-}, or = h(
+or.displayName = "TextArea";
+const Ul = "TextField-module__layoutOverride___SNZqc", Yl = "TextField-module__root___2ZYkG", Zl = "TextField-module__input___RL-My", Kl = "TextField-module__section___bCIJ0", oe = {
+  layoutOverride: Ul,
+  root: Yl,
+  input: Zl,
+  section: Kl
+}, tr = h(
   function(e, a) {
     const {
-      overStyled: r = !1,
+      overStyled: t = !1,
       formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: r,
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
@@ -3252,17 +3260,17 @@ const Hl = "TextField-module__layoutOverride___SNZqc", ql = "TextField-module__r
       error: u,
       required: _,
       withAsterisk: y,
-      id: w,
+      id: P,
       className: C,
       style: $,
       disabled: b,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: A,
-      defaultValue: x,
+      value: x,
+      defaultValue: A,
       ...L
-    } = e, W = N(L, r), g = W;
+    } = e, W = N(L, t), g = W;
     delete g.size, delete g.variant, delete g.radius;
     const T = {
       wrapper: oe.root,
@@ -3282,9 +3290,9 @@ const Hl = "TextField-module__layoutOverride___SNZqc", ql = "TextField-module__r
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: r,
+        overStyled: t,
         formLayout: o,
-        labelSize: t,
+        labelSize: r,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
@@ -3295,23 +3303,23 @@ const Hl = "TextField-module__layoutOverride___SNZqc", ql = "TextField-module__r
         error: u,
         required: _,
         withAsterisk: y,
-        id: w,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : x,
+        readOnlyValue: x !== void 0 ? x : A,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ s(
-            Do,
+            jo,
             {
               ref: a,
               classNames: T,
               disabled: b,
-              value: A,
-              defaultValue: x,
+              value: x,
+              defaultValue: A,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
@@ -3324,25 +3332,25 @@ const Hl = "TextField-module__layoutOverride___SNZqc", ql = "TextField-module__r
     );
   }
 );
-or.displayName = "TextField";
-const Zl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Kl = "Timeline-module__root___LwRdZ", Xl = "Timeline-module__item___T5xdQ", Ql = "Timeline-module__itemBody___XAV-E", Jl = "Timeline-module__itemBullet___rPXCy", ei = "Timeline-module__itemTitle___GgRRW", oi = "Timeline-module__itemContent___vurs-", ti = "Timeline-module__description___f9sxV", ri = "Timeline-module__timestamp___owiRu", $e = {
-  root: Kl,
-  item: Xl,
-  itemBody: Ql,
-  itemBullet: Jl,
-  itemTitle: ei,
-  itemContent: oi,
-  description: ti,
-  timestamp: ri
+tr.displayName = "TextField";
+const Xl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Ql = "Timeline-module__root___LwRdZ", Jl = "Timeline-module__item___T5xdQ", ei = "Timeline-module__itemBody___XAV-E", oi = "Timeline-module__itemBullet___rPXCy", ti = "Timeline-module__itemTitle___GgRRW", ri = "Timeline-module__itemContent___vurs-", ai = "Timeline-module__description___f9sxV", si = "Timeline-module__timestamp___owiRu", $e = {
+  root: Ql,
+  item: Jl,
+  itemBody: ei,
+  itemBullet: oi,
+  itemTitle: ti,
+  itemContent: ri,
+  description: ai,
+  timestamp: si
 }, Lo = V.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: a,
-    bulletVariant: r = "default",
+    bulletVariant: t = "default",
     children: o,
-    ...t
+    ...r
   }, l) {
-    const i = N(t, e), c = {
+    const i = N(r, e), c = {
       item: $e.item,
       itemBody: $e.itemBody,
       itemContent: $e.itemContent,
@@ -3360,11 +3368,11 @@ const Zl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Kl
       /* @__PURE__ */ s("div", { className: $e.timestamp, children: a })
     ] }) : o;
     return /* @__PURE__ */ s(
-      zr,
+      Br,
       {
         ref: l,
         classNames: c,
-        "data-variant": r,
+        "data-variant": t,
         ...i,
         children: p
       }
@@ -3372,66 +3380,66 @@ const Zl = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), Kl
   }
 );
 Lo.displayName = "TimelineItem";
-const tr = V.forwardRef(
-  function({ overStyled: e = !1, ...a }, r) {
-    const o = N(a, e), t = {
+const rr = V.forwardRef(
+  function({ overStyled: e = !1, ...a }, t) {
+    const o = N(a, e), r = {
       root: $e.root
     }, l = o.classNames;
     if (l && typeof l == "object" && !Array.isArray(l)) {
       const i = l;
       Object.keys(i).forEach((c) => {
-        t[c] ? t[c] = `${t[c]} ${i[c]}` : t[c] = i[c];
+        r[c] ? r[c] = `${r[c]} ${i[c]}` : r[c] = i[c];
       });
     }
     return /* @__PURE__ */ s(
-      Er,
+      Fr,
       {
-        ref: r,
-        classNames: t,
+        ref: t,
+        classNames: r,
         ...o
       }
     );
   }
 );
-tr.displayName = "Timeline";
-const rr = tr;
-rr.Item = Lo;
-const ar = h(function({ overStyled: e = !1, order: a = 1, ...r }, o) {
-  const t = N(r, e), l = t.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
+rr.displayName = "Timeline";
+const ar = rr;
+ar.Item = Lo;
+const sr = h(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
+  const r = N(t, e), l = r.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ s(
-    Br,
+    Vr,
     {
       ref: o,
       order: a,
       className: c,
-      ...t
+      ...r
     }
   );
 });
-ar.displayName = "Title";
-const ai = "Toast-module__root___MUvfI", si = "Toast-module__icon___VwvE1", ni = "Toast-module__loader___8Gxd-", li = "Toast-module__title___-H6R2", ii = "Toast-module__description___-QwfC", ci = "Toast-module__closeButton___vGr7g", di = "Toast-module__body___VLkXA", Ae = {
-  root: ai,
-  icon: si,
-  loader: ni,
-  title: li,
-  description: ii,
-  closeButton: ci,
-  body: di
-}, sr = V.forwardRef(
+sr.displayName = "Title";
+const ni = "Toast-module__root___MUvfI", li = "Toast-module__icon___VwvE1", ii = "Toast-module__loader___8Gxd-", ci = "Toast-module__title___-H6R2", di = "Toast-module__description___-QwfC", pi = "Toast-module__closeButton___vGr7g", mi = "Toast-module__body___VLkXA", xe = {
+  root: ni,
+  icon: li,
+  loader: ii,
+  title: ci,
+  description: di,
+  closeButton: pi,
+  body: mi
+}, nr = V.forwardRef(
   function({
     overStyled: e = !1,
     variant: a = "default",
-    withCloseButton: r = !0,
+    withCloseButton: t = !0,
     ...o
-  }, t) {
+  }, r) {
     const l = N(o, e), i = {
-      root: Ae.root,
-      body: Ae.body,
-      title: Ae.title,
-      description: Ae.description,
-      closeButton: Ae.closeButton,
-      icon: Ae.icon,
-      loader: Ae.loader
+      root: xe.root,
+      body: xe.body,
+      title: xe.title,
+      description: xe.description,
+      closeButton: xe.closeButton,
+      icon: xe.icon,
+      loader: xe.loader
     }, c = l.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const d = c;
@@ -3440,10 +3448,10 @@ const ai = "Toast-module__root___MUvfI", si = "Toast-module__icon___VwvE1", ni =
       });
     }
     return /* @__PURE__ */ s(
-      Fr,
+      Dr,
       {
-        ref: t,
-        withCloseButton: r,
+        ref: r,
+        withCloseButton: t,
         withBorder: !1,
         "data-variant": a,
         classNames: i,
@@ -3453,23 +3461,23 @@ const ai = "Toast-module__root___MUvfI", si = "Toast-module__icon___VwvE1", ni =
     );
   }
 );
-sr.displayName = "Toast";
-const pi = "Tooltip-module__tooltip___UA7H9", mi = "Tooltip-module__arrow___4zROk", Vo = {
-  tooltip: pi,
-  arrow: mi
-}, nr = function({
+nr.displayName = "Toast";
+const _i = "Tooltip-module__tooltip___UA7H9", ui = "Tooltip-module__arrow___4zROk", Vo = {
+  tooltip: _i,
+  arrow: ui
+}, lr = function({
   overStyled: e = !1,
   withBeak: a = !0,
-  ...r
+  ...t
 }) {
-  const o = N(r, e), t = {
+  const o = N(t, e), r = {
     tooltip: Vo.tooltip,
     arrow: Vo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      r[m] ? r[m] = `${r[m]} ${p[m]}` : r[m] = p[m];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
@@ -3480,175 +3488,187 @@ const pi = "Tooltip-module__tooltip___UA7H9", mi = "Tooltip-module__arrow___4zRO
       multiline: !0,
       arrowSize: i,
       withArrow: a ?? c,
-      classNames: t,
+      classNames: r,
       ...o
     }
   );
 };
-nr.displayName = "Tooltip";
-const Wo = nr;
+lr.displayName = "Tooltip";
+const Wo = lr;
 Wo.Floating = uo.Floating;
 Wo.Group = uo.Group;
-const _i = (n) => /* @__PURE__ */ s("div", { ...n, children: "TransferList" }), Ci = Ws, wi = mt, Pi = ll, gi = it, Ti = Bs, Si = Vl, xi = P(
+const yi = (n) => /* @__PURE__ */ s("div", { ...n, children: "TransferList" }), bi = "Tree-module__root___ANcH3", Do = {
+  root: bi
+}, ir = h(
+  function({ overStyled: e = !1, className: a, ...t }, o) {
+    const r = a ? `${Do.root} ${a}` : Do.root;
+    return /* @__PURE__ */ s("div", { ref: o, className: r, ...t, children: "Tree (Coming Soon)" });
+  }
+);
+ir.displayName = "Tree";
+const gi = ks, Ti = _t, Si = cl, Ai = ct, xi = Vs, Oi = jl, Li = w(
   oo
-), Ai = P(
+), Wi = w(
   bo
-), Oi = P(
+), Ii = w(
   Je
-), Li = P(
+), ki = w(
   eo
-), Wi = P(
-  Ko
-), Ii = P(
-  Ia
-), ki = P(
+), Ri = w(
+  Xo
+), Mi = w(
   Ra
-), Ri = P(
-  Jo
-), Mi = P(
-  qa
-), zi = P(
-  Qa
-), Ei = P(
+), zi = w(
+  za
+), Ei = w(
+  et
+), Bi = w(
+  Ya
+), Fi = w(
+  es
+), Vi = w(
   vo
-), Bi = P(
+), Di = w(
   $o
-), Fi = P(
-  lt
-), Vi = P(
-  ct
-), Di = P(
+), ji = w(
+  it
+), Gi = w(
   dt
-), ji = P(
-  As
-), Gi = P(
-  Os
-), Hi = P(
+), Hi = w(
+  pt
+), qi = w(
+  Ls
+), Ui = w(
+  Ws
+), Yi = w(
   de
-), qi = P(
+), Zi = w(
   Co
-), Ui = P(
+), Ki = w(
   ho
-), Yi = P(
+), Xi = w(
   fo
-), Zi = P(
+), Qi = w(
   Le
-), Ki = P(
+), Ji = w(
   ye
-), Xi = P(
+), ec = w(
   xt
-), Qi = P(
+), oc = w(
   se
-), Ji = P(
+), tc = w(
   ne
-), ec = P(
+), rc = w(
   go
-), oc = P(
+), ac = w(
   To
-), tc = P(
-  xo
-), rc = P(
+), sc = w(
+  Ao
+), nc = w(
   So
-), ac = P(
+), lc = w(
   No
-), sc = P(
-  Gn
-), nc = P(
-  Ht
-), lc = P(
-  wl
-), ic = P(
+), ic = w(
+  qn
+), cc = w(
+  qt
+), dc = w(
+  gl
+), pc = w(
   Oo
-), cc = P(
-  Ao
-), dc = P(
+), mc = w(
+  xo
+), _c = w(
   be
-), pc = P(
-  Fl
-), mc = P(
-  er
-), _c = P(
+), uc = w(
+  Dl
+), yc = w(
   or
-), uc = P(
-  Zl
-), yc = P(
-  rr
-), bc = P(
-  Lo
-), fc = P(
+), bc = w(
+  tr
+), fc = w(
+  Xl
+), Nc = w(
   ar
-), Nc = P(
+), hc = w(
+  Lo
+), $c = w(
   sr
-), hc = P(
+), vc = w(
+  nr
+), Cc = w(
   Wo
-), $c = P(
-  _i
+), wc = w(
+  yi
+), Pc = w(
+  ir
 );
 export {
-  xi as Accordion,
-  Oi as AccordionControl,
-  Ai as AccordionItem,
-  Li as AccordionPanel,
-  Wi as AutoComplete,
-  Ii as Avatar,
-  ki as Badge,
-  Ri as Breadcrumb,
-  Mi as Button,
-  zi as Card,
-  Ei as Checkbox,
-  Bi as CheckboxGroup,
-  Fi as Chip,
-  gi as Container,
-  Vi as DatePicker,
-  Di as Dropdown,
+  Li as Accordion,
+  Ii as AccordionControl,
+  Wi as AccordionItem,
+  ki as AccordionPanel,
+  Ri as AutoComplete,
+  Mi as Avatar,
+  zi as Badge,
+  Ei as Breadcrumb,
+  Bi as Button,
+  Fi as Card,
+  Vi as Checkbox,
+  Di as CheckboxGroup,
+  ji as Chip,
+  Ai as Container,
+  Gi as DatePicker,
+  Hi as Dropdown,
   Ye as EmptyValueRenderer,
-  ji as FileInput,
-  Gi as FileUpload,
-  Ci as Flex,
-  Hi as FormControlLayout,
-  wi as Group,
-  qi as HoverCard,
+  qi as FileInput,
+  Ui as FileUpload,
+  gi as Flex,
+  Yi as FormControlLayout,
+  Ti as Group,
+  Zi as HoverCard,
   Oe as IS_DEV,
-  Yi as Label,
-  ba as Layer,
-  Ti as Link,
-  Ui as Loader,
-  Zi as Menu,
-  Ki as Modal,
-  Xi as NumberInput,
-  Qi as Pagination,
-  Ji as Panel,
-  ec as PanelFooter,
-  oc as Popover,
-  $i as RECURSICA_COMPONENTS,
-  tc as Radio,
-  rc as RadioGroup,
-  ac as ReadOnlyField,
-  hi as RecursicaThemeProvider,
-  sc as SegmentedControl,
-  nc as Slider,
-  Pi as Stack,
-  lc as Stepper,
-  ic as Switch,
-  cc as SwitchGroup,
-  dc as Table,
-  pc as Tabs,
-  Si as Text,
-  mc as TextArea,
-  _c as TextField,
-  uc as TimePicker,
-  yc as Timeline,
-  bc as TimelineItem,
-  fc as Title,
-  Nc as Toast,
-  hc as Tooltip,
-  $c as TransferList,
-  vi as copyToClipboard,
-  Yo as injectOverStyledStyles,
-  Ni as isGlobalOverStyledActive,
-  Zo as registerOverStyledConsoleCommand,
-  Na as toggleGlobalOverStyled,
-  ha as useGlobalOverStyled,
-  P as wrapComponent
+  Xi as Label,
+  Na as Layer,
+  xi as Link,
+  Ki as Loader,
+  Qi as Menu,
+  Ji as Modal,
+  ec as NumberInput,
+  oc as Pagination,
+  tc as Panel,
+  rc as PanelFooter,
+  ac as Popover,
+  wi as RECURSICA_COMPONENTS,
+  sc as Radio,
+  nc as RadioGroup,
+  lc as ReadOnlyField,
+  Ci as RecursicaThemeProvider,
+  ic as SegmentedControl,
+  cc as Slider,
+  Si as Stack,
+  dc as Stepper,
+  pc as Switch,
+  mc as SwitchGroup,
+  _c as Table,
+  uc as Tabs,
+  Oi as Text,
+  yc as TextArea,
+  bc as TextField,
+  fc as TimePicker,
+  Nc as Timeline,
+  hc as TimelineItem,
+  $c as Title,
+  vc as Toast,
+  Cc as Tooltip,
+  wc as TransferList,
+  Pc as Tree,
+  Pi as copyToClipboard,
+  Zo as injectOverStyledStyles,
+  vi as isGlobalOverStyledActive,
+  Ko as registerOverStyledConsoleCommand,
+  $a as toggleGlobalOverStyled,
+  va as useGlobalOverStyled,
+  w as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map