@recursica/mantine-adapter 0.35.1 → 0.36.0

package/dist/mantine-adapter.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as V, Fragment as ke } from "react/jsx-runtime";
-import B, { forwardRef as f, useId as Za, useState as po, useEffect as Ue } from "react";
-import { Accordion as Je, Input as jo, Box as Ka, Autocomplete as Xa, Avatar as Qa, createPolymorphicComponent as ee, Badge as Ja, Breadcrumbs as es, Loader as os, Button as ts, Card as eo, Checkbox as Ho, Chip as as, Container as ss, Select as rs, Flex as ns, Grid as qo, Group as ls, HoverCard as mo, Anchor as is, Menu as re, Modal as X, NumberInput as cs, Pagination as me, Drawer as _e, Popover as _o, Radio as Uo, SegmentedControl as ds, Slider as ps, Stack as us, Stepper as yo, Switch as Yo, CheckIcon as ms, CloseIcon as _s, Table as ye, Tabs as oo, Text as ys, Textarea as fs, TimelineItem as bs, Timeline as Ns, Title as $s, Notification as hs, Tooltip as fo } from "@mantine/core";
-import { DatePickerInput as vs } from "@mantine/dates";
-const Cs = [
+import { jsx as r, jsxs as V, Fragment as ze } from "react/jsx-runtime";
+import B, { forwardRef as f, useId as Ka, useState as uo, useEffect as De } from "react";
+import { Accordion as eo, Input as jo, Box as Za, Autocomplete as Xa, Avatar as Ja, createPolymorphicComponent as ee, Badge as Qa, Breadcrumbs as es, Loader as os, Button as ts, Card as oo, Checkbox as Ho, Chip as as, Container as ss, Select as rs, Flex as ns, Grid as qo, Group as ls, HoverCard as _o, Anchor as is, Menu as ne, Modal as X, NumberInput as cs, Pagination as me, Drawer as _e, Popover as yo, Radio as Uo, SegmentedControl as ds, Slider as ps, Stack as us, Stepper as fo, Switch as Yo, CheckIcon as ms, CloseIcon as _s, Table as ye, Tabs as to, Text as ys, Textarea as fs, TimelineItem as bs, Timeline as Ns, Title as $s, Notification as hs, Tooltip as bo, useTree as vs, getTreeExpandedState as Cs, Tree as Ps } from "@mantine/core";
+import { DatePickerInput as Ts } from "@mantine/dates";
+const ws = [
   "className",
   "classNames",
   "style",
@@ -46,7 +46,7 @@ const Cs = [
   "mih",
   "mah"
   // Dimensions
-], Zo = /* @__PURE__ */ new Set([
+], Ko = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -61,7 +61,7 @@ const Cs = [
   "left",
   "bottom",
   "right"
-]), Ye = {
+]), Ke = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -70,55 +70,57 @@ const Cs = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function Ve(n) {
+function Ge(n) {
   const e = { ...n };
   for (const [a, t] of Object.entries(e))
-    typeof t == "string" && t.startsWith("rec-") && Zo.has(a) && t in Ye && (e[a] = Ye[t]);
+    typeof t == "string" && t.startsWith("rec-") && Ko.has(a) && t in Ke && (e[a] = Ke[t]);
   return e;
 }
 function m(n, e) {
   if (e)
     return n;
   const a = { ...n };
-  for (const t of Cs)
+  for (const t of ws)
     t in a && delete a[t];
   for (const [t, o] of Object.entries(a))
-    typeof o == "string" && o.startsWith("rec-") && Zo.has(t) && o in Ye && (a[t] = Ye[o]);
+    typeof o == "string" && o.startsWith("rec-") && Ko.has(t) && o in Ke && (a[t] = Ke[o]);
   return a;
 }
-const Ps = "Accordion-module__root___Dem6d", Ts = "Accordion-module__item___7ryVk", ws = "Accordion-module__noDivider___Ni2tT", gs = "Accordion-module__control___b4wgX", Ss = "Accordion-module__label___Ss7uW", As = "Accordion-module__chevron___i-HVZ", xs = "Accordion-module__iconLeftWrapper___5oLen", Os = "Accordion-module__panel___Wx50w", Ls = "Accordion-module__content___PEM9t", ce = {
-  root: Ps,
-  item: Ts,
-  noDivider: ws,
-  control: gs,
-  label: Ss,
-  chevron: As,
-  iconLeftWrapper: xs,
-  panel: Os,
-  content: Ls
-}, Ko = function({
+const gs = "Accordion-module__root___Dem6d", Ss = "Accordion-module__item___7ryVk", xs = "Accordion-module__noDivider___Ni2tT", As = "Accordion-module__control___b4wgX", Os = "Accordion-module__label___Ss7uW", Ls = "Accordion-module__icon___xfHxX", Ws = "Accordion-module__chevron___i-HVZ", Is = "Accordion-module__iconLeftWrapper___5oLen", ks = "Accordion-module__panel___Wx50w", zs = "Accordion-module__content___PEM9t", se = {
+  root: gs,
+  item: Ss,
+  noDivider: xs,
+  control: As,
+  label: Os,
+  icon: Ls,
+  chevron: Ws,
+  iconLeftWrapper: Is,
+  panel: ks,
+  content: zs
+}, Zo = function({
   variant: e = "unstyled",
   overStyled: a = !1,
   ...t
 }) {
   const o = m(t, a), s = {
-    root: ce.root,
-    item: ce.item,
-    control: ce.control,
-    label: ce.label,
-    chevron: ce.chevron,
-    panel: ce.panel,
-    content: ce.content
+    root: se.root,
+    item: se.item,
+    control: se.control,
+    label: se.label,
+    chevron: se.chevron,
+    icon: se.icon,
+    panel: se.panel,
+    content: se.content
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const c = l;
-    Object.keys(c).forEach((d) => {
-      s[d] ? s[d] = `${s[d]} ${c[d]}` : s[d] = c[d];
+    Object.keys(c).forEach((p) => {
+      s[p] ? s[p] = `${s[p]} ${c[p]}` : s[p] = c[p];
     });
   }
   const i = o.className;
   return /* @__PURE__ */ r(
-    Je,
+    eo,
     {
       variant: e,
       className: i,
@@ -127,41 +129,41 @@ const Ps = "Accordion-module__root___Dem6d", Ts = "Accordion-module__item___7ryV
     }
   );
 };
-Ko.displayName = "Accordion";
-const bo = f(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: s = !1, ...l }, i) {
-  const c = m(l, s), d = c.className, p = [t ? void 0 : ce.noDivider, d].filter(Boolean).join(" ") || void 0;
+Zo.displayName = "Accordion";
+const No = f(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: s = !1, ...l }, i) {
+  const c = m(l, s), p = c.className, d = [t ? void 0 : se.noDivider, p].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
-    Je.Item,
+    eo.Item,
     {
       ref: i,
-      className: p,
+      className: d,
       ...c,
-      children: e ? /* @__PURE__ */ V(ke, { children: [
-        /* @__PURE__ */ r(to, { leftIcon: a, children: e }),
-        /* @__PURE__ */ r(ao, { children: o })
+      children: e ? /* @__PURE__ */ V(ze, { children: [
+        /* @__PURE__ */ r(ao, { leftIcon: a, children: e }),
+        /* @__PURE__ */ r(so, { children: o })
       ] }) : o
     }
   );
 });
-bo.displayName = "AccordionItem";
-const to = f(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, s) {
+No.displayName = "AccordionItem";
+const ao = f(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, s) {
   const l = m(o, t), i = l.className;
   return /* @__PURE__ */ r(
-    Je.Control,
+    eo.Control,
     {
       ref: s,
       className: i,
-      icon: e ? /* @__PURE__ */ r("span", { className: ce.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: se.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...l,
       children: a
     }
   );
 });
-to.displayName = "AccordionControl";
-const ao = f(function({ overStyled: e = !1, ...a }, t) {
+ao.displayName = "AccordionControl";
+const so = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e), s = o.className;
   return /* @__PURE__ */ r(
-    Je.Panel,
+    eo.Panel,
     {
       ref: t,
       className: s,
@@ -169,16 +171,16 @@ const ao = f(function({ overStyled: e = !1, ...a }, t) {
     }
   );
 });
-ao.displayName = "AccordionPanel";
-const so = Ko;
-so.Item = bo;
-so.Control = to;
-so.Panel = ao;
-const Ws = "AssistiveElement-module__root___WhQ43", Is = "AssistiveElement-module__textWrapper___sfy5E", ks = "AssistiveElement-module__iconWrapper___gObRF", co = {
-  root: Ws,
-  textWrapper: Is,
-  iconWrapper: ks
-}, zs = () => /* @__PURE__ */ V(
+so.displayName = "AccordionPanel";
+const ro = Zo;
+ro.Item = No;
+ro.Control = ao;
+ro.Panel = so;
+const Ms = "AssistiveElement-module__root___WhQ43", Rs = "AssistiveElement-module__textWrapper___sfy5E", Bs = "AssistiveElement-module__iconWrapper___gObRF", po = {
+  root: Ms,
+  textWrapper: Rs,
+  iconWrapper: Bs
+}, Es = () => /* @__PURE__ */ V(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -194,7 +196,7 @@ const Ws = "AssistiveElement-module__root___WhQ43", Is = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), Ms = () => /* @__PURE__ */ V(
+), Fs = () => /* @__PURE__ */ V(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -218,31 +220,31 @@ const Ws = "AssistiveElement-module__root___WhQ43", Is = "AssistiveElement-modul
   overStyled: s = !1,
   ...l
 }, i) {
-  const d = m(l, s), p = co.root, u = o ? `${p} ${o}` : p, $ = e === "error" ? Ms : zs;
+  const p = m(l, s), d = po.root, u = o ? `${d} ${o}` : d, $ = e === "error" ? Fs : Es;
   return /* @__PURE__ */ V(
     "div",
     {
       ref: i,
       className: u,
       "data-variant": e,
-      style: d.style,
-      ...d,
+      style: p.style,
+      ...p,
       children: [
-        a && /* @__PURE__ */ r("span", { className: co.iconWrapper, children: /* @__PURE__ */ r($, {}) }),
-        /* @__PURE__ */ r("span", { className: co.textWrapper, children: t })
+        a && /* @__PURE__ */ r("span", { className: po.iconWrapper, children: /* @__PURE__ */ r($, {}) }),
+        /* @__PURE__ */ r("span", { className: po.textWrapper, children: t })
       ]
     }
   );
 });
 Ze.displayName = "AssistiveElement";
-const Rs = "Label-module__root___e6HXZ", Bs = "Label-module__labelText___rieFR", Es = "Label-module__required___Ggrzc", Fs = "Label-module__optionalText___Y2yun", Vs = "Label-module__actionAreaWrapper___ELoZK", Ds = "Label-module__editIconWrapper___NG2xW", Q = {
-  root: Rs,
-  labelText: Bs,
-  required: Es,
-  optionalText: Fs,
-  actionAreaWrapper: Vs,
-  editIconWrapper: Ds
-}, No = f(function({
+const Vs = "Label-module__root___e6HXZ", Ds = "Label-module__labelText___rieFR", Gs = "Label-module__required___Ggrzc", js = "Label-module__optionalText___Y2yun", Hs = "Label-module__actionAreaWrapper___ELoZK", qs = "Label-module__editIconWrapper___NG2xW", J = {
+  root: Vs,
+  labelText: Ds,
+  required: Gs,
+  optionalText: js,
+  actionAreaWrapper: Hs,
+  editIconWrapper: qs
+}, $o = f(function({
   labelSize: e = "default",
   labelAlignment: a,
   required: t = !1,
@@ -251,39 +253,39 @@ const Rs = "Label-module__root___e6HXZ", Bs = "Label-module__labelText___rieFR",
   labelActionArea: l,
   onLabelEditClick: i,
   children: c,
-  overStyled: d = !1,
-  ...p
+  overStyled: p = !1,
+  ...d
 }, u) {
   const $ = a || "left";
   let y;
   t || (o === !0 ? y = "optional" : o && (y = o));
-  const _ = m(p, d), b = _, T = {
-    label: Q.root,
-    required: Q.required
+  const _ = m(d, p), b = _, P = {
+    label: J.root,
+    required: J.required
   }, C = b.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
     const O = C;
-    T.label = O.label ? `${Q.root} ${O.label}` : Q.root, T.required = O.required ? `${Q.required} ${O.required}` : Q.required;
+    P.label = O.label ? `${J.root} ${O.label}` : J.root, P.required = O.required ? `${J.required} ${O.required}` : J.required;
   }
-  const h = b.className, N = h ? `${Q.root} ${h}` : Q.root;
+  const h = b.className, N = h ? `${J.root} ${h}` : J.root;
   return /* @__PURE__ */ V(
     jo.Label,
     {
       ref: u,
       className: N,
-      classNames: T,
+      classNames: P,
       "data-size": e,
       "data-alignment": $,
       required: t && !s,
       ..._,
       children: [
-        /* @__PURE__ */ r("span", { className: Q.labelText, children: c }),
-        y && /* @__PURE__ */ r("span", { className: Q.optionalText, children: typeof y == "string" ? `(${y})` : y }),
-        l ? /* @__PURE__ */ r("span", { className: Q.actionAreaWrapper, children: l }) : s ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: J.labelText, children: c }),
+        y && /* @__PURE__ */ r("span", { className: J.optionalText, children: typeof y == "string" ? `(${y})` : y }),
+        l ? /* @__PURE__ */ r("span", { className: J.actionAreaWrapper, children: l }) : s ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: Q.editIconWrapper,
+            className: J.editIconWrapper,
             "data-replaces-asterisk": t ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
@@ -312,11 +314,11 @@ const Rs = "Label-module__root___e6HXZ", Bs = "Label-module__labelText___rieFR",
     }
   );
 });
-No.displayName = "Label";
-const Gs = "FormControlLayout-module__root___yNDhZ", js = "FormControlLayout-module__leftSection___GBM1r", Hs = "FormControlLayout-module__rightSection___bcL4v", je = {
-  root: Gs,
-  leftSection: js,
-  rightSection: Hs
+$o.displayName = "Label";
+const Us = "FormControlLayout-module__root___yNDhZ", Ys = "FormControlLayout-module__leftSection___GBM1r", Ks = "FormControlLayout-module__rightSection___bcL4v", qe = {
+  root: Us,
+  leftSection: Ys,
+  rightSection: Ks
 }, pe = f(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
@@ -326,13 +328,13 @@ const Gs = "FormControlLayout-module__root___yNDhZ", js = "FormControlLayout-mod
   children: l,
   className: i,
   style: c,
-  ...d
-}, p) {
-  const u = i ? `${je.root} ${i}` : je.root, y = s != null || e === "side-by-side";
+  ...p
+}, d) {
+  const u = i ? `${qe.root} ${i}` : qe.root, y = s != null || e === "side-by-side";
   return /* @__PURE__ */ V(
     "div",
     {
-      ref: p,
+      ref: d,
       className: u,
       "data-form-layout": e,
       style: {
@@ -340,19 +342,19 @@ const Gs = "FormControlLayout-module__root___yNDhZ", js = "FormControlLayout-mod
         ...t ? { "--form-control-max-width": t } : {},
         ...o ? { "--form-control-min-width": o } : {}
       },
-      ...d,
+      ...p,
       children: [
-        y && /* @__PURE__ */ r("div", { className: je.leftSection, "data-size": a, children: s }),
-        /* @__PURE__ */ r("div", { className: je.rightSection, children: l })
+        y && /* @__PURE__ */ r("div", { className: qe.leftSection, "data-size": a, children: s }),
+        /* @__PURE__ */ r("div", { className: qe.rightSection, children: l })
       ]
     }
   );
 });
 pe.displayName = "FormControlLayout";
-const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-module__inputSection___HenXk", Bo = {
-  root: qs,
-  inputSection: Us
-}, Ke = f(function({
+const Zs = "FormControlWrapper-module__root___c-UHo", Xs = "FormControlWrapper-module__inputSection___HenXk", Eo = {
+  root: Zs,
+  inputSection: Xs
+}, Xe = f(function({
   formLayout: e,
   labelSize: a,
   labelAlignment: t,
@@ -361,14 +363,14 @@ const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-m
   labelActionArea: l,
   onLabelEditClick: i,
   label: c,
-  description: d,
-  assistiveText: p,
+  description: p,
+  assistiveText: d,
   assistiveWithIcon: u = !0,
   controlMaxWidth: $,
   controlMinWidth: y,
   error: _,
   required: b,
-  withAsterisk: T,
+  withAsterisk: P,
   id: C,
   children: h,
   className: N,
@@ -376,15 +378,15 @@ const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-m
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...z
-}, x) {
-  const A = Za(), L = C || `recursica-fc-${A}`, W = p || d, w = W ? `${L}-assistive` : void 0, g = _ ? `${L}-error` : void 0, R = m(z, O), S = N || R.className, Te = Bo.root, we = S ? `${Te} ${S}` : Te, Y = B.isValidElement(h) ? B.cloneElement(
+}, A) {
+  const x = Ka(), L = C || `recursica-fc-${x}`, W = d || p, w = W ? `${L}-assistive` : void 0, g = _ ? `${L}-error` : void 0, R = m(z, O), S = N || R.className, Te = Eo.root, we = S ? `${Te} ${S}` : Te, Y = B.isValidElement(h) ? B.cloneElement(
     h,
     {
       ...W && !h.props["aria-describedby"] ? { "aria-describedby": w } : {},
       ..._ && !h.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
     }
-  ) : h, lo = c ? /* @__PURE__ */ r(
-    No,
+  ) : h, io = c ? /* @__PURE__ */ r(
+    $o,
     {
       id: L,
       labelAlignment: t,
@@ -392,7 +394,7 @@ const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-m
       labelWithEditIcon: s,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: T ?? b,
+      required: P ?? b,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
@@ -400,15 +402,15 @@ const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-m
   return /* @__PURE__ */ r(
     pe,
     {
-      ref: x,
+      ref: A,
       className: we,
       formLayout: e,
       labelSize: a,
       controlMaxWidth: $,
       controlMinWidth: y,
-      leftSection: lo,
+      leftSection: io,
       ...R,
-      children: /* @__PURE__ */ V("div", { className: Bo.inputSection, children: [
+      children: /* @__PURE__ */ V("div", { className: Eo.inputSection, children: [
         Y,
         _ && /* @__PURE__ */ r(
           Ze,
@@ -432,12 +434,12 @@ const qs = "FormControlWrapper-module__root___c-UHo", Us = "FormControlWrapper-m
     }
   );
 });
-Ke.displayName = "FormControlWrapper";
-const Ys = "_root_1qhn7_3", Zs = "_contents_1qhn7_18", Ie = {
-  root: Ys,
-  contents: Zs
+Xe.displayName = "FormControlWrapper";
+const Js = "_root_1qhn7_3", Qs = "_contents_1qhn7_18", ke = {
+  root: Js,
+  contents: Qs
 }, Xo = f(function({ layer: n, contentsOnly: e, children: a, className: t, style: o, ...s }, l) {
-  const i = e ? t ? `${Ie.root} ${Ie.contents} ${t}` : `${Ie.root} ${Ie.contents}` : t ? `${Ie.root} ${t}` : Ie.root;
+  const i = e ? t ? `${ke.root} ${ke.contents} ${t}` : `${ke.root} ${ke.contents}` : t ? `${ke.root} ${t}` : ke.root;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -451,17 +453,17 @@ const Ys = "_root_1qhn7_3", Zs = "_contents_1qhn7_18", Ie = {
   );
 });
 Xo.displayName = "Layer";
-const Xe = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ r(B.Fragment, { children: n });
-Xe.displayName = "EmptyValueRenderer";
-Xe.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
-const Ks = { 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" }, Le = (() => {
+const Je = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ r(B.Fragment, { children: n });
+Je.displayName = "EmptyValueRenderer";
+Je.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
+const er = { 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" }, We = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
   } catch {
   }
   try {
-    if (import.meta && Ks)
+    if (import.meta && er)
       return !0;
   } catch {
   }
@@ -470,10 +472,10 @@ const Ks = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
     return n === "localhost" || n === "127.0.0.1" || n.endsWith(".local");
   }
   return !1;
-})(), uo = /* @__PURE__ */ new Set();
+})(), mo = /* @__PURE__ */ new Set();
 let Pe = !1;
-function Xs(n) {
-  if (!Le)
+function or(n) {
+  if (!We)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
     ), !1;
@@ -484,24 +486,24 @@ function Xs(n) {
     );
   } else
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
-  return uo.forEach((e) => e()), Pe;
+  return mo.forEach((e) => e()), Pe;
 }
-function oc() {
-  return Le && Pe;
+function uc() {
+  return We && Pe;
 }
-function Qs() {
-  const [n, e] = po(Pe);
-  return Ue(() => {
-    if (!Le) return;
-    Qo(), Jo();
+function tr() {
+  const [n, e] = uo(Pe);
+  return De(() => {
+    if (!We) return;
+    Jo(), Qo();
     const a = () => e(Pe);
-    return uo.add(a), () => {
-      uo.delete(a);
+    return mo.add(a), () => {
+      mo.delete(a);
     };
-  }, []), Le && n;
+  }, []), We && n;
 }
-function Qo() {
-  if (!Le) return;
+function Jo() {
+  if (!We) return;
   if (typeof document > "u") {
     console.warn(
       "[Recursica] document is undefined. Cannot inject overStyled styles."
@@ -522,8 +524,8 @@ function Qo() {
       }
     `, document.head.appendChild(e));
 }
-function Jo() {
-  if (!Le) return;
+function Qo() {
+  if (!We) return;
   if (typeof window > "u") {
     console.warn(
       "[Recursica] window is undefined. Cannot register console command."
@@ -532,28 +534,28 @@ function Jo() {
   }
   const n = (e) => {
     try {
-      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${Xs() ? "ON (cyan 2px box shadow)" : "OFF"}`;
+      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${or() ? "ON (cyan 2px box shadow)" : "OFF"}`;
     } catch {
     }
   };
   n(window), window.parent && window.parent !== window && n(window.parent);
 }
-const Eo = "data-recursica-theme";
-function tc({
+const Fo = "data-recursica-theme";
+function mc({
   children: n,
   theme: e = "light",
   initLayer0: a = !0
 }) {
-  return Ue(() => {
+  return De(() => {
     const t = document.documentElement;
-    return t.setAttribute(Eo, e), () => {
-      t.removeAttribute(Eo);
+    return t.setAttribute(Fo, e), () => {
+      t.removeAttribute(Fo);
     };
-  }, [e]), Ue(() => {
-    Qo(), Jo();
-  }, []), a ? /* @__PURE__ */ r(Xo, { layer: 0, children: n }) : /* @__PURE__ */ r(ke, { children: n });
+  }, [e]), De(() => {
+    Jo(), Qo();
+  }, []), a ? /* @__PURE__ */ r(Xo, { layer: 0, children: n }) : /* @__PURE__ */ r(ze, { children: n });
 }
-const ac = [
+const _c = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -602,7 +604,7 @@ const ac = [
   "Toast",
   "Tooltip",
   "TransferList"
-], sc = (n, e) => {
+], yc = (n, e) => {
   const a = document.activeElement;
   return new Promise((t, o) => {
     if (e && e.current) {
@@ -614,11 +616,11 @@ const ac = [
       o(new Error("Copy area reference is not defined"));
   });
 };
-function P(n) {
-  if (!Le || typeof n != "function" && !(n && n.$$typeof))
+function T(n) {
+  if (!We || typeof n != "function" && !(n && n.$$typeof))
     return n;
   const e = B.forwardRef((t, o) => {
-    const { overStyled: s } = t, l = Qs(), i = B.createElement(
+    const { overStyled: s } = t, l = tr(), i = B.createElement(
       n,
       { ...t, ref: o }
     );
@@ -630,21 +632,21 @@ function P(n) {
     if (t === "render" || t === "$$typeof")
       continue;
     const o = n[t];
-    (typeof o == "function" || o && o.$$typeof) && t[0] === t[0].toUpperCase() ? e[t] = P(o) : e[t] = o;
+    (typeof o == "function" || o && o.$$typeof) && t[0] === t[0].toUpperCase() ? e[t] = T(o) : e[t] = o;
   }
   return e;
 }
-const Js = "ReadOnlyField-module__layoutOverride___9fSsG", er = "ReadOnlyField-module__textField___qKn25", Qe = {
-  layoutOverride: Js,
-  textField: er
-}, qe = ({
+const ar = "ReadOnlyField-module__layoutOverride___9fSsG", sr = "ReadOnlyField-module__textField___qKn25", Qe = {
+  layoutOverride: ar,
+  textField: sr
+}, Ye = ({
   value: n,
   overStyled: e = !1,
   ...a
 }) => {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    Ka,
+    Za,
     {
       component: "p",
       className: o ? `${Qe.textField} ${o}` : Qe.textField,
@@ -653,8 +655,8 @@ const Js = "ReadOnlyField-module__layoutOverride___9fSsG", er = "ReadOnlyField-m
     }
   );
 };
-qe.displayName = "ReadOnlyTextField";
-const $o = f(
+Ye.displayName = "ReadOnlyTextField";
+const ho = f(
   function({
     value: e,
     type: a = "text",
@@ -664,12 +666,12 @@ const $o = f(
     style: l,
     ...i
   }, c) {
-    let d = null;
-    const p = m(i, o), u = t || Xe, y = (u.check ? u.check(e) : Xe.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
+    let p = null;
+    const d = m(i, o), u = t || Je, y = (u.check ? u.check(e) : Je.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
     switch (a) {
       case "boolean":
-        d = /* @__PURE__ */ r(
-          qe,
+        p = /* @__PURE__ */ r(
+          Ye,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : y,
             overStyled: o
@@ -677,8 +679,8 @@ const $o = f(
         );
         break;
       case "switch":
-        d = /* @__PURE__ */ r(
-          qe,
+        p = /* @__PURE__ */ r(
+          Ye,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : y,
             overStyled: o
@@ -687,8 +689,8 @@ const $o = f(
         break;
       case "text":
       default:
-        d = /* @__PURE__ */ r(
-          qe,
+        p = /* @__PURE__ */ r(
+          Ye,
           {
             value: y,
             overStyled: o
@@ -698,19 +700,19 @@ const $o = f(
     }
     const _ = s ? `${Qe.layoutOverride} ${s}` : Qe.layoutOverride;
     return /* @__PURE__ */ r(
-      Ke,
+      Xe,
       {
         ref: c,
         overStyled: o,
         className: _,
         style: l,
-        ...p,
-        children: d
+        ...d,
+        children: p
       }
     );
   }
 );
-$o.displayName = "ReadOnlyField";
+ho.displayName = "ReadOnlyField";
 const ae = f(function({
   readOnly: e,
   readOnlyComponent: a,
@@ -720,48 +722,48 @@ const ae = f(function({
   emptyValueComponent: l,
   activeComponent: i,
   overStyled: c,
-  onLabelEditClick: d,
-  ...p
+  onLabelEditClick: p,
+  ...d
 }, u) {
   return e ? a ? /* @__PURE__ */ r(
-    Ke,
+    Xe,
     {
       ref: u,
-      ...p,
-      onLabelEditClick: d,
+      ...d,
+      onLabelEditClick: p,
       overStyled: c,
       children: /* @__PURE__ */ r(a, { ...s })
     }
   ) : /* @__PURE__ */ r(
-    $o,
+    ho,
     {
       ref: u,
       type: t,
       value: o,
       emptyValueComponent: l,
-      onLabelEditClick: d,
+      onLabelEditClick: p,
       overStyled: c,
-      ...p
+      ...d
     }
   ) : /* @__PURE__ */ r(
-    Ke,
+    Xe,
     {
       ref: u,
-      ...p,
-      onLabelEditClick: d,
+      ...d,
+      onLabelEditClick: p,
       overStyled: c,
       children: i
     }
   );
 });
 ae.displayName = "WithReadOnlyWrapper";
-const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-module__root___kANza", ar = "AutoComplete-module__input___g51MC", sr = "AutoComplete-module__section___WAbf1", rr = "AutoComplete-module__dropdown___NqO3E", nr = "AutoComplete-module__option___Y-Kja", G = {
-  layoutOverride: or,
-  root: tr,
-  input: ar,
-  section: sr,
-  dropdown: rr,
-  option: nr
+const rr = "AutoComplete-module__layoutOverride___-K9WL", nr = "AutoComplete-module__root___kANza", lr = "AutoComplete-module__input___g51MC", ir = "AutoComplete-module__section___WAbf1", cr = "AutoComplete-module__dropdown___NqO3E", dr = "AutoComplete-module__option___Y-Kja", G = {
+  layoutOverride: rr,
+  root: nr,
+  input: lr,
+  section: ir,
+  dropdown: cr,
+  option: dr
 }, et = f(
   function(e, a) {
     const {
@@ -772,22 +774,22 @@ const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-mod
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
-      label: p,
+      onLabelEditClick: p,
+      label: d,
       assistiveText: u,
       assistiveWithIcon: $,
       error: y,
       required: _,
       withAsterisk: b,
-      id: T,
+      id: P,
       className: C,
       style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: z,
-      value: x,
-      defaultValue: A,
+      value: A,
+      defaultValue: x,
       ...L
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius;
@@ -809,27 +811,27 @@ const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-mod
       {
         className: R,
         style: h,
-        controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
+        controlMaxWidth: "var(--autocomplete-control-max-width)",
+        controlMinWidth: "var(--autocomplete-control-min-width)",
         overStyled: t,
         formLayout: o,
         labelSize: s,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         assistiveText: u,
         assistiveWithIcon: $,
         error: y,
         required: _,
         withAsterisk: b,
-        id: T,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : A,
+        readOnlyValue: A !== void 0 ? A : x,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -839,8 +841,8 @@ const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-mod
               ref: a,
               classNames: g,
               disabled: N,
-              value: x,
-              defaultValue: A,
+              value: A,
+              defaultValue: x,
               wrapperProps: {
                 "data-disabled": N ? "true" : void 0,
                 "data-error": y ? "true" : void 0
@@ -854,12 +856,12 @@ const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-mod
   }
 );
 et.displayName = "AutoComplete";
-const lr = "Avatar-module__root___fXu-J", ir = "Avatar-module__iconWrapper___ojly2", cr = "Avatar-module__textWrapper___zp-jD", dr = "Avatar-module__image___ieqGp", pr = "Avatar-module__placeholder___IDW7-", oe = {
-  root: lr,
-  iconWrapper: ir,
-  textWrapper: cr,
-  image: dr,
-  placeholder: pr
+const pr = "Avatar-module__root___fXu-J", ur = "Avatar-module__iconWrapper___ojly2", mr = "Avatar-module__textWrapper___zp-jD", _r = "Avatar-module__image___ieqGp", yr = "Avatar-module__placeholder___IDW7-", oe = {
+  root: pr,
+  iconWrapper: ur,
+  textWrapper: mr,
+  image: _r,
+  placeholder: yr
 }, ot = f(function({
   size: e = "default",
   variant: a = "solid",
@@ -869,11 +871,11 @@ const lr = "Avatar-module__root___fXu-J", ir = "Avatar-module__iconWrapper___ojl
   overStyled: l = !1,
   ...i
 }, c) {
-  const d = {
+  const p = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, p = {
+  }, d = {
     default: "md",
     small: "sm",
     large: "lg"
@@ -889,15 +891,15 @@ const lr = "Avatar-module__root___fXu-J", ir = "Avatar-module__iconWrapper___ojl
     const C = b;
     _.root = C.root ? `${oe.root} ${C.root}` : oe.root, _.image = C.image ? `${oe.image} ${C.image}` : oe.image, _.placeholder = C.placeholder ? `${oe.placeholder} ${C.placeholder}` : oe.placeholder;
   }
-  const T = $.className;
+  const P = $.className;
   return /* @__PURE__ */ r(
-    Qa,
+    Ja,
     {
       ref: c,
-      className: T,
+      className: P,
       classNames: _,
-      variant: d[a],
-      size: p[e],
+      variant: p[a],
+      size: d[e],
       src: s,
       "data-variant": a,
       "data-size": e,
@@ -908,35 +910,35 @@ const lr = "Avatar-module__root___fXu-J", ir = "Avatar-module__iconWrapper___ojl
   );
 });
 ot.displayName = "Avatar";
-const ur = ee(ot), mr = "Badge-module__root___5osNT", ie = {
-  root: mr
+const fr = ee(ot), br = "Badge-module__root___5osNT", ce = {
+  root: br
 }, tt = f(function({ variant: e = "primary-color", overStyled: a = !1, ...t }, o) {
   const s = m(t, a), l = {
-    root: ie.root,
-    section: ie.section,
-    label: ie.label
+    root: ce.root,
+    section: ce.section,
+    label: ce.label
   }, i = s.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
-    const p = i;
-    l.root = p.root ? `${ie.root} ${p.root}` : ie.root, l.section = p.section ?? ie.section, l.label = p.label ?? ie.label;
+    const d = i;
+    l.root = d.root ? `${ce.root} ${d.root}` : ce.root, l.section = d.section ?? ce.section, l.label = d.label ?? ce.label;
   }
-  const c = s.className, d = c ? `${ie.root} ${c}` : ie.root;
+  const c = s.className, p = c ? `${ce.root} ${c}` : ce.root;
   return /* @__PURE__ */ r(
-    Ja,
+    Qa,
     {
       ref: o,
       variant: "filled",
       "data-variant": e,
       ...s,
-      className: d,
+      className: p,
       classNames: l
     }
   );
 });
 tt.displayName = "Badge";
-const _r = ee(tt), yr = "Breadcrumb-module__root___x-9ln", fr = "Breadcrumb-module__separator___qrUX-", $e = {
-  root: yr,
-  separator: fr
+const Nr = ee(tt), $r = "Breadcrumb-module__root___x-9ln", hr = "Breadcrumb-module__separator___qrUX-", $e = {
+  root: $r,
+  separator: hr
 }, at = f(
   function({ overStyled: e = !1, separator: a = ">", ...t }, o) {
     const s = m(
@@ -947,25 +949,25 @@ const _r = ee(tt), yr = "Breadcrumb-module__root___x-9ln", fr = "Breadcrumb-modu
       separator: $e.separator
     }, i = s.classNames;
     if (i && typeof i == "object" && !Array.isArray(i)) {
-      const p = i;
-      l.root = p.root ? `${$e.root} ${p.root}` : $e.root, l.separator = p.separator ? `${$e.separator} ${p.separator}` : $e.separator;
+      const d = i;
+      l.root = d.root ? `${$e.root} ${d.root}` : $e.root, l.separator = d.separator ? `${$e.separator} ${d.separator}` : $e.separator;
     }
-    const c = s.className, d = c ? `${$e.root} ${c}` : $e.root;
+    const c = s.className, p = c ? `${$e.root} ${c}` : $e.root;
     return /* @__PURE__ */ r(
       es,
       {
         ref: o,
         ...s,
-        className: d,
+        className: p,
         classNames: l
       }
     );
   }
 );
 at.displayName = "Breadcrumb";
-const br = "Loader-module__root___6iYOP", Me = {
-  root: br
-}, ho = f(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, s) {
+const vr = "Loader-module__root___6iYOP", Re = {
+  root: vr
+}, vo = f(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, s) {
   const i = {
     sm: "small",
     md: "default",
@@ -973,14 +975,14 @@ const br = "Loader-module__root___6iYOP", Me = {
     small: "small",
     default: "default",
     large: "large"
-  }[a] || "default", c = m(o, t), d = {
-    root: Me.root
-  }, p = c.classNames;
-  if (p && typeof p == "object" && !Array.isArray(p)) {
-    const y = p;
-    d.root = y.root ? `${Me.root} ${y.root}` : Me.root;
+  }[a] || "default", c = m(o, t), p = {
+    root: Re.root
+  }, d = c.classNames;
+  if (d && typeof d == "object" && !Array.isArray(d)) {
+    const y = d;
+    p.root = y.root ? `${Re.root} ${y.root}` : Re.root;
   }
-  const u = c.className, $ = u ? `${Me.root} ${u}` : Me.root;
+  const u = c.className, $ = u ? `${Re.root} ${u}` : Re.root;
   return /* @__PURE__ */ r(
     os,
     {
@@ -990,20 +992,20 @@ const br = "Loader-module__root___6iYOP", Me = {
       "data-size": i,
       ...c,
       className: $,
-      classNames: d
+      classNames: p
     }
   );
 });
-ho.displayName = "Loader";
-const Nr = "Button-module__root___Q2R8-", $r = "Button-module__loader___X-9u-", hr = "Button-module__label___UJ3Zt", vr = "Button-module__labelText___rFV5p", Cr = "Button-module__iconWrapper___uEKPa", Pr = "Button-module__section___f2mKr", J = {
-  root: Nr,
-  loader: $r,
-  label: hr,
-  labelText: vr,
-  iconWrapper: Cr,
-  section: Pr
+vo.displayName = "Loader";
+const Cr = "Button-module__root___Q2R8-", Pr = "Button-module__loader___X-9u-", Tr = "Button-module__label___UJ3Zt", wr = "Button-module__labelText___rFV5p", gr = "Button-module__iconWrapper___uEKPa", Sr = "Button-module__section___f2mKr", Q = {
+  root: Cr,
+  loader: Pr,
+  label: Tr,
+  labelText: wr,
+  iconWrapper: gr,
+  section: Sr
 };
-function Tr(n) {
+function xr(n) {
   return n == null || n === "" ? !1 : typeof n == "string" ? n.trim() !== "" : !0;
 }
 const st = f(function({
@@ -1015,8 +1017,8 @@ const st = f(function({
   loaderVariant: l = "oval",
   loaderSize: i,
   useRecursicaLoader: c = !0,
-  ...d
-}, p) {
+  ...p
+}, d) {
   const u = {
     solid: "filled",
     outline: "outline",
@@ -1024,56 +1026,56 @@ const st = f(function({
   }, $ = {
     default: "md",
     small: "sm"
-  }, y = m(d, s), _ = y;
+  }, y = m(p, s), _ = y;
   delete _.fullWidth;
-  const b = !!t || !!_.leftSection, T = !!_.rightSection, C = Tr(o), h = (b || T) && !C;
+  const b = !!t || !!_.leftSection, P = !!_.rightSection, C = xr(o), h = (b || P) && !C;
   let N = "label";
-  h ? N = "icon-only" : (b || T) && (N = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && h && !_["aria-label"] && console.warn(
+  h ? N = "icon-only" : (b || P) && (N = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && h && !_["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const O = {
-    root: J.root,
-    section: J.section,
-    label: J.label,
-    loader: J.loader
+    root: Q.root,
+    section: Q.section,
+    label: Q.label,
+    loader: Q.loader
   }, v = _.classNames;
   if (v && typeof v == "object" && !Array.isArray(v)) {
     const w = v;
-    O.root = w.root ? `${J.root} ${w.root}` : J.root, O.section = w.section ?? J.section, O.label = w.label ?? J.label;
+    O.root = w.root ? `${Q.root} ${w.root}` : Q.root, O.section = w.section ?? Q.section, O.label = w.label ?? Q.label;
   }
-  const z = _.className, x = z ? `${J.root} ${z}` : J.root, A = _.loaderProps, L = i ?? (a === "small" ? "small" : "default");
-  let W = A;
+  const z = _.className, A = z ? `${Q.root} ${z}` : Q.root, x = _.loaderProps, L = i ?? (a === "small" ? "small" : "default");
+  let W = x;
   return c && (W = {
-    children: /* @__PURE__ */ r(ho, { variant: l, size: L }),
-    ...A
+    children: /* @__PURE__ */ r(vo, { variant: l, size: L }),
+    ...x
   }), /* @__PURE__ */ r(
     ts,
     {
-      ref: p,
-      className: x,
+      ref: d,
+      className: A,
       classNames: O,
       variant: u[e],
       size: $[a],
       loaderProps: W,
-      leftSection: t != null ? /* @__PURE__ */ r("span", { className: J.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
+      leftSection: t != null ? /* @__PURE__ */ r("span", { className: Q.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
       "data-size": a,
       "data-content": N,
       ...y,
       disabled: !!_.disabled || !!_.loading,
-      children: /* @__PURE__ */ r("span", { className: J.labelText, children: o })
+      children: /* @__PURE__ */ r("span", { className: Q.labelText, children: o })
     }
   );
 });
 st.displayName = "Button";
-const wr = ee(
+const Ar = ee(
   st
-), gr = "Card-module__root___c9KvZ", Sr = "Card-module__header___PTXf2", Ar = "Card-module__footer___Mu-JC", xr = "Card-module__section___BRT8H", Or = "Card-module__content___oFIQa", ue = {
-  root: gr,
-  header: Sr,
-  footer: Ar,
-  section: xr,
-  content: Or
+), Or = "Card-module__root___c9KvZ", Lr = "Card-module__header___PTXf2", Wr = "Card-module__footer___Mu-JC", Ir = "Card-module__section___BRT8H", kr = "Card-module__content___oFIQa", ue = {
+  root: Or,
+  header: Lr,
+  footer: Wr,
+  section: Ir,
+  content: kr
 }, rt = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   [
@@ -1084,21 +1086,21 @@ const wr = ee(
     "grow",
     "h",
     "height"
-  ].forEach((d) => {
-    d in a && !(d in o) && (o[d] = a[d]);
+  ].forEach((p) => {
+    p in a && !(p in o) && (o[p] = a[p]);
   });
   const l = {
     root: ue.root
   }, i = o.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
-    const d = i;
-    Object.keys(d).forEach((p) => {
-      l[p] ? l[p] = `${l[p]} ${d[p]}` : l[p] = d[p];
+    const p = i;
+    Object.keys(p).forEach((d) => {
+      l[d] ? l[d] = `${l[d]} ${p[d]}` : l[d] = p[d];
     });
   }
   const c = o.className;
   return /* @__PURE__ */ r(
-    eo,
+    oo,
     {
       ref: t,
       className: c,
@@ -1112,7 +1114,7 @@ const nt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      eo.Section,
+      oo.Section,
       {
         ref: t,
         className: s ? `${ue.section} ${s}` : ue.section,
@@ -1126,7 +1128,7 @@ const lt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      eo.Section,
+      oo.Section,
       {
         ref: t,
         className: s ? `${ue.header} ${s}` : ue.header,
@@ -1140,7 +1142,7 @@ const it = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      eo.Section,
+      oo.Section,
       {
         ref: t,
         className: s ? `${ue.footer} ${s}` : ue.footer,
@@ -1164,21 +1166,21 @@ const ct = f(
   }
 );
 ct.displayName = "CardContent";
-const dt = ee(rt), ro = dt;
-ro.Section = nt;
-ro.Header = lt;
-ro.Footer = it;
-ro.Content = ct;
-const Lr = dt, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module__root___mY3qk", kr = "Checkbox-module__body___5yC7q", zr = "Checkbox-module__inner___rTke4", Mr = "Checkbox-module__input___2kt-h", Rr = "Checkbox-module__icon___-O7i6", Br = "Checkbox-module__labelWrapper___GpZkr", Er = "Checkbox-module__label___cwRtI", E = {
-  groupRoot: Wr,
-  root: Ir,
-  body: kr,
-  inner: zr,
-  input: Mr,
-  icon: Rr,
-  labelWrapper: Br,
-  label: Er
-}, vo = f(
+const dt = ee(rt), no = dt;
+no.Section = nt;
+no.Header = lt;
+no.Footer = it;
+no.Content = ct;
+const zr = dt, Mr = "Checkbox-module__groupRoot___cBS0o", Rr = "Checkbox-module__root___mY3qk", Br = "Checkbox-module__body___5yC7q", Er = "Checkbox-module__inner___rTke4", Fr = "Checkbox-module__input___2kt-h", Vr = "Checkbox-module__icon___-O7i6", Dr = "Checkbox-module__labelWrapper___GpZkr", Gr = "Checkbox-module__label___cwRtI", E = {
+  groupRoot: Mr,
+  root: Rr,
+  body: Br,
+  inner: Er,
+  input: Fr,
+  icon: Vr,
+  labelWrapper: Dr,
+  label: Gr
+}, Co = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1188,23 +1190,23 @@ const Lr = dt, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module_
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
+      onLabelEditClick: p,
       // Base Mantine Extracted Attributes
-      label: p,
+      label: d,
       description: u,
       assistiveText: $,
       assistiveWithIcon: y,
       error: _,
       required: b,
-      withAsterisk: T,
+      withAsterisk: P,
       id: C,
       className: h,
       style: N,
       children: O,
       readOnly: v,
       readOnlyComponent: z,
-      emptyValueComponent: x,
-      value: A,
+      emptyValueComponent: A,
+      value: x,
       defaultValue: L,
       ...W
     } = e, w = m(W, t), g = w;
@@ -1222,20 +1224,20 @@ const Lr = dt, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module_
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         description: u,
         assistiveText: $,
         assistiveWithIcon: y,
         error: _,
         required: b,
-        withAsterisk: T,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: x,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : L,
+        readOnlyValue: x !== void 0 ? x : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
           Ho.Group,
@@ -1243,7 +1245,7 @@ const Lr = dt, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module_
             ref: a,
             ...w,
             disabled: v || g.disabled,
-            value: A,
+            value: x,
             defaultValue: L,
             children: /* @__PURE__ */ r("div", { className: E.groupRoot, "data-layout": o, children: O })
           }
@@ -1252,8 +1254,8 @@ const Lr = dt, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module_
     );
   }
 );
-vo.displayName = "CheckboxGroup";
-const Co = f(
+Co.displayName = "CheckboxGroup";
+const Po = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1262,8 +1264,8 @@ const Co = f(
       disabled: l,
       formLayout: i,
       labelSize: c,
-      controlMaxWidth: d,
-      controlMinWidth: p,
+      controlMaxWidth: p,
+      controlMinWidth: d,
       ...u
     } = e, $ = m(u, t), y = $;
     delete y.size, delete y.color, delete y.radius, delete y.variant, delete y.iconColor;
@@ -1280,7 +1282,7 @@ const Co = f(
       const N = b;
       _.root = N.root ? `${E.root} ${N.root}` : E.root, _.body = N.body ? `${E.body} ${N.body}` : E.body, _.inner = N.inner ? `${E.inner} ${N.inner}` : E.inner, _.input = N.input ? `${E.input} ${N.input}` : E.input, _.icon = N.icon ? `${E.icon} ${N.icon}` : E.icon, _.labelWrapper = N.labelWrapper ? `${E.labelWrapper} ${N.labelWrapper}` : E.labelWrapper, _.label = N.label ? `${E.label} ${N.label}` : E.label;
     }
-    const T = y.className, C = T ? `${E.root} ${T}` : E.root;
+    const P = y.className, C = P ? `${E.root} ${P}` : E.root;
     if (o && s) {
       const N = !!(y.checked ?? y.defaultChecked), v = /* @__PURE__ */ r(
         s,
@@ -1295,11 +1297,11 @@ const Co = f(
         {
           formLayout: i,
           labelSize: c,
-          controlMaxWidth: d,
-          controlMinWidth: p,
+          controlMaxWidth: p,
+          controlMinWidth: d,
           children: v
         }
-      ) : /* @__PURE__ */ r(ke, { children: v });
+      ) : /* @__PURE__ */ r(ze, { children: v });
     }
     const h = /* @__PURE__ */ r(
       Ho,
@@ -1316,25 +1318,25 @@ const Co = f(
       {
         formLayout: i,
         labelSize: c,
-        controlMaxWidth: d,
-        controlMinWidth: p,
+        controlMaxWidth: p,
+        controlMinWidth: d,
         children: h
       }
     ) : h;
   }
 );
-Co.displayName = "Checkbox";
-Co.Group = vo;
-const Fr = "Chip-module__root___f5pFk", Vr = "Chip-module__label___Ov9pg", Dr = "Chip-module__mantineIconWrapper___KLSz6", Gr = "Chip-module__innerWrapper___EnrTF", jr = "Chip-module__children___zbRAR", Hr = "Chip-module__leadingIcon___JBtjQ", qr = "Chip-module__removeIcon___pVju-", q = {
-  root: Fr,
-  label: Vr,
-  mantineIconWrapper: Dr,
-  innerWrapper: Gr,
-  children: jr,
-  leadingIcon: Hr,
-  removeIcon: qr
+Po.displayName = "Checkbox";
+Po.Group = Co;
+const jr = "Chip-module__root___f5pFk", Hr = "Chip-module__label___Ov9pg", qr = "Chip-module__mantineIconWrapper___KLSz6", Ur = "Chip-module__innerWrapper___EnrTF", Yr = "Chip-module__children___zbRAR", Kr = "Chip-module__leadingIcon___JBtjQ", Zr = "Chip-module__removeIcon___pVju-", q = {
+  root: jr,
+  label: Hr,
+  mantineIconWrapper: qr,
+  innerWrapper: Ur,
+  children: Yr,
+  leadingIcon: Kr,
+  removeIcon: Zr
 };
-function Ur(n) {
+function Xr(n) {
   return /* @__PURE__ */ V(
     "svg",
     {
@@ -1364,18 +1366,18 @@ const pt = f(function({
   overStyled: l = !1,
   ...i
 }, c) {
-  const d = m(i, l), p = d, u = {
+  const p = m(i, l), d = p, u = {
     root: q.root,
     label: q.label,
     input: q.input,
     iconWrapper: q.mantineIconWrapper,
     checkIcon: q.checkIcon
-  }, $ = p.classNames;
+  }, $ = d.classNames;
   if ($ && typeof $ == "object" && !Array.isArray($)) {
     const h = $;
     u.root = h.root ? `${q.root} ${h.root}` : q.root, u.label = h.label ? `${q.label} ${h.label}` : q.label;
   }
-  const y = p.className, _ = y ? `${q.root} ${y}` : q.root, b = e ? "" : void 0, T = !s && (!!a || !!t), C = p.checked !== void 0 || p.defaultChecked !== void 0 || t !== void 0 || p.onClick !== void 0;
+  const y = d.className, _ = y ? `${q.root} ${y}` : q.root, b = e ? "" : void 0, P = !s && (!!a || !!t), C = d.checked !== void 0 || d.defaultChecked !== void 0 || t !== void 0 || d.onClick !== void 0;
   return /* @__PURE__ */ r(
     as,
     {
@@ -1383,9 +1385,9 @@ const pt = f(function({
       className: _,
       classNames: u,
       wrapperProps: b !== void 0 ? { "data-error": "" } : void 0,
-      ...T ? { "data-icon-only": "" } : {},
+      ...P ? { "data-icon-only": "" } : {},
       ...C ? {} : { tabIndex: -1, "aria-hidden": !0 },
-      ...d,
+      ...p,
       children: /* @__PURE__ */ V("span", { className: q.innerWrapper, children: [
         a && /* @__PURE__ */ r("span", { className: q.leadingIcon, "aria-hidden": !0, children: a }),
         /* @__PURE__ */ r("span", { className: q.children, children: s }),
@@ -1404,7 +1406,7 @@ const pt = f(function({
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(Ur, {})
+            children: /* @__PURE__ */ r(Xr, {})
           }
         )
       ] })
@@ -1412,8 +1414,8 @@ const pt = f(function({
   );
 });
 pt.displayName = "Chip";
-const Yr = "Container-module__root___UVssr", Re = {
-  root: Yr
+const Jr = "Container-module__root___UVssr", Be = {
+  root: Jr
 }, ut = f(
   function({ children: e, size: a, ...t }, o) {
     const s = {
@@ -1424,19 +1426,19 @@ const Yr = "Container-module__root___UVssr", Re = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, l = typeof a == "string" && s[a] ? s[a] : a, i = {
-      root: Re.root
+      root: Be.root
     }, c = t.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const u = c;
-      i.root = u.root ? `${Re.root} ${u.root}` : Re.root;
+      i.root = u.root ? `${Be.root} ${u.root}` : Be.root;
     }
-    const d = t.className, p = d ? `${Re.root} ${d}` : Re.root;
+    const p = t.className, d = p ? `${Be.root} ${p}` : Be.root;
     return /* @__PURE__ */ r(
       ss,
       {
         ref: o,
         size: l,
-        className: p,
+        className: d,
         classNames: i,
         ...t,
         children: e
@@ -1445,14 +1447,14 @@ const Yr = "Container-module__root___UVssr", Re = {
   }
 );
 ut.displayName = "Container";
-const Zr = "DatePicker-module__layoutOverride___X9yaM", Kr = "DatePicker-module__root___6XvRT", Xr = "DatePicker-module__input___pcSW8", Qr = "DatePicker-module__section___n3iWA", Jr = "DatePicker-module__dropdown___wjt08", en = "DatePicker-module__calendarHeader___KHxno", on = "DatePicker-module__day___U03J2", Z = {
-  layoutOverride: Zr,
-  root: Kr,
-  input: Xr,
-  section: Qr,
-  dropdown: Jr,
-  calendarHeader: en,
-  day: on
+const Qr = "DatePicker-module__layoutOverride___X9yaM", en = "DatePicker-module__root___6XvRT", on = "DatePicker-module__input___pcSW8", tn = "DatePicker-module__section___n3iWA", an = "DatePicker-module__dropdown___wjt08", sn = "DatePicker-module__calendarHeader___KHxno", rn = "DatePicker-module__day___U03J2", K = {
+  layoutOverride: Qr,
+  root: en,
+  input: on,
+  section: tn,
+  dropdown: an,
+  calendarHeader: sn,
+  day: rn
 }, mt = f(
   function(e, a) {
     const {
@@ -1463,39 +1465,39 @@ const Zr = "DatePicker-module__layoutOverride___X9yaM", Kr = "DatePicker-module_
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
-      label: p,
+      onLabelEditClick: p,
+      label: d,
       assistiveText: u,
       assistiveWithIcon: $,
       error: y,
       required: _,
       withAsterisk: b,
-      id: T,
+      id: P,
       className: C,
       style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: z,
-      value: x,
-      defaultValue: A,
+      value: A,
+      defaultValue: x,
       ...L
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius, delete w.description;
     const g = {
-      wrapper: Z.root,
+      wrapper: K.root,
       // The nested Input internal relative wrapper bounding box
-      input: Z.input,
-      section: Z.section,
-      dropdown: Z.dropdown,
-      day: Z.day,
-      calendarHeader: Z.calendarHeader
+      input: K.input,
+      section: K.section,
+      dropdown: K.dropdown,
+      day: K.day,
+      calendarHeader: K.calendarHeader
     }, I = w.classNames;
     if (I && typeof I == "object" && !Array.isArray(I)) {
       const S = I;
-      g.wrapper = S.wrapper ? `${Z.root} ${S.wrapper}` : Z.root, g.input = S.input ? `${Z.input} ${S.input}` : Z.input, g.section = S.section ? `${Z.section} ${S.section}` : Z.section;
+      g.wrapper = S.wrapper ? `${K.root} ${S.wrapper}` : K.root, g.input = S.input ? `${K.input} ${S.input}` : K.input, g.section = S.section ? `${K.section} ${S.section}` : K.section;
     }
-    const R = C ? `${Z.layoutOverride} ${C}` : Z.layoutOverride;
+    const R = C ? `${K.layoutOverride} ${C}` : K.layoutOverride;
     return /* @__PURE__ */ r(
       ae,
       {
@@ -1509,30 +1511,30 @@ const Zr = "DatePicker-module__layoutOverride___X9yaM", Kr = "DatePicker-module_
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         assistiveText: u,
         assistiveWithIcon: $,
         error: y,
         required: _,
         withAsterisk: b,
-        id: T,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? String(x) : A ? String(A) : void 0,
+        readOnlyValue: A !== void 0 ? String(A) : x ? String(x) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            vs,
+            Ts,
             {
               ref: a,
               classNames: g,
               disabled: N,
-              value: x,
-              defaultValue: A,
+              value: A,
+              defaultValue: x,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1550,13 +1552,13 @@ const Zr = "DatePicker-module__layoutOverride___X9yaM", Kr = "DatePicker-module_
   }
 );
 mt.displayName = "DatePicker";
-const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__root___uVyL0", sn = "Dropdown-module__input___dK4dN", rn = "Dropdown-module__section___j3MRB", nn = "Dropdown-module__dropdown___gG-Sw", ln = "Dropdown-module__option___nAGU-", j = {
-  layoutOverride: tn,
-  root: an,
-  input: sn,
-  section: rn,
-  dropdown: nn,
-  option: ln
+const nn = "Dropdown-module__layoutOverride___FNcvP", ln = "Dropdown-module__root___uVyL0", cn = "Dropdown-module__input___dK4dN", dn = "Dropdown-module__section___j3MRB", pn = "Dropdown-module__dropdown___gG-Sw", un = "Dropdown-module__option___nAGU-", j = {
+  layoutOverride: nn,
+  root: ln,
+  input: cn,
+  section: dn,
+  dropdown: pn,
+  option: un
 }, _t = f(
   function(e, a) {
     const {
@@ -1567,22 +1569,22 @@ const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__roo
       labelSize: l,
       labelAlignment: i,
       labelOptionalText: c,
-      labelWithEditIcon: d,
-      onLabelEditClick: p,
+      labelWithEditIcon: p,
+      onLabelEditClick: d,
       label: u,
       assistiveText: $,
       assistiveWithIcon: y,
       error: _,
       required: b,
-      withAsterisk: T,
+      withAsterisk: P,
       id: C,
       className: h,
       style: N,
       disabled: O,
       readOnly: v,
       readOnlyComponent: z,
-      emptyValueComponent: x,
-      value: A,
+      emptyValueComponent: A,
+      value: x,
       defaultValue: L,
       data: W,
       ...w
@@ -1609,27 +1611,27 @@ const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__roo
       {
         className: we,
         style: Te,
-        controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
+        controlMaxWidth: "var(--dropdown-control-max-width)",
+        controlMinWidth: "var(--dropdown-control-min-width)",
         overStyled: t,
         formLayout: o,
         labelSize: l,
         labelAlignment: i,
         labelOptionalText: c,
-        labelWithEditIcon: d,
-        onLabelEditClick: p,
+        labelWithEditIcon: p,
+        onLabelEditClick: d,
         label: u,
         assistiveText: $,
         assistiveWithIcon: y,
         error: _,
         required: b,
-        withAsterisk: T,
+        withAsterisk: P,
         id: C,
         readOnly: v,
         readOnlyComponent: z,
-        emptyValueComponent: x,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? String(A) : L ? String(L) : void 0,
+        readOnlyValue: x !== void 0 ? String(x) : L ? String(L) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -1639,7 +1641,7 @@ const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__roo
               ref: a,
               classNames: R,
               disabled: O,
-              value: A,
+              value: x,
               defaultValue: L,
               data: W || [],
               label: void 0,
@@ -1660,41 +1662,41 @@ const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__roo
   }
 );
 _t.displayName = "Dropdown";
-const cn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileInput" }), dn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileUpload" }), pn = "Flex-module__root___yYser", Be = {
-  root: pn
+const mn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileInput" }), _n = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileUpload" }), yn = "Flex-module__root___yYser", Ee = {
+  root: yn
 }, yt = f(function({ children: e, gap: a = "rec-default", rowGap: t, columnGap: o, ...s }, l) {
   const i = {
-    root: Be.root
+    root: Ee.root
   }, c = s.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const u = c;
-    i.root = u.root ? `${Be.root} ${u.root}` : Be.root;
+    i.root = u.root ? `${Ee.root} ${u.root}` : Ee.root;
   }
-  const d = s.className, p = d ? `${Be.root} ${d}` : Be.root;
+  const p = s.className, d = p ? `${Ee.root} ${p}` : Ee.root;
   return /* @__PURE__ */ r(
     ns,
     {
       ref: l,
-      className: p,
+      className: d,
       classNames: i,
-      ...Ve({ gap: a, rowGap: t, columnGap: o, ...s }),
+      ...Ge({ gap: a, rowGap: t, columnGap: o, ...s }),
       children: e
     }
   );
 });
 yt.displayName = "Flex";
-const un = ee(yt), mn = "Grid-module__root___s-qPY", _n = "Grid-module__col___tbuNg", se = {
-  root: mn,
-  col: _n
+const fn = ee(yt), bn = "Grid-module__root___s-qPY", Nn = "Grid-module__col___tbuNg", re = {
+  root: bn,
+  col: Nn
 }, ft = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
   const s = {
-    root: se.root
+    root: re.root
   }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const u = l;
-    s.root = u.root ? `${se.root} ${u.root}` : se.root;
+    s.root = u.root ? `${re.root} ${u.root}` : re.root;
   }
-  const i = t.className, c = i ? `${se.root} ${i}` : se.root, { gap: d, ...p } = Ve({
+  const i = t.className, c = i ? `${re.root} ${i}` : re.root, { gap: p, ...d } = Ge({
     gap: a,
     ...t
   });
@@ -1702,31 +1704,31 @@ const un = ee(yt), mn = "Grid-module__root___s-qPY", _n = "Grid-module__col___tb
     qo,
     {
       ref: o,
-      gutter: d,
+      gutter: p,
       className: c,
       classNames: s,
-      ...p,
+      ...d,
       children: e
     }
   );
 });
 ft.displayName = "Grid";
-const yn = ee(ft), bt = f(function({ children: e, ...a }, t) {
+const $n = ee(ft), bt = f(function({ children: e, ...a }, t) {
   const o = {
-    col: se.col
+    col: re.col
   }, s = a.classNames;
   if (s && typeof s == "object" && !Array.isArray(s)) {
     const c = s;
-    o.col = c.col ? `${se.col} ${c.col}` : se.col;
+    o.col = c.col ? `${re.col} ${c.col}` : re.col;
   }
-  const l = a.className, i = l ? `${se.col} ${l}` : se.col;
+  const l = a.className, i = l ? `${re.col} ${l}` : re.col;
   return /* @__PURE__ */ r(
     qo.Col,
     {
       ref: t,
       className: i,
       classNames: o,
-      ...Ve(
+      ...Ge(
         a
       ),
       children: e
@@ -1736,52 +1738,52 @@ const yn = ee(ft), bt = f(function({ children: e, ...a }, t) {
 bt.displayName = "GridCol";
 const Nt = ee(
   bt
-), $t = yn;
+), $t = $n;
 $t.Col = Nt;
-const fn = "Group-module__root___ftO64", Ee = {
-  root: fn
+const hn = "Group-module__root___ftO64", Fe = {
+  root: hn
 }, ht = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
   const s = {
-    root: Ee.root
+    root: Fe.root
   }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
-    const d = l;
-    s.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
+    const p = l;
+    s.root = p.root ? `${Fe.root} ${p.root}` : Fe.root;
   }
-  const i = t.className, c = i ? `${Ee.root} ${i}` : Ee.root;
+  const i = t.className, c = i ? `${Fe.root} ${i}` : Fe.root;
   return /* @__PURE__ */ r(
     ls,
     {
       ref: o,
       className: c,
       classNames: s,
-      ...Ve({ gap: a, ...t }),
+      ...Ge({ gap: a, ...t }),
       children: e
     }
   );
 });
 ht.displayName = "Group";
-const bn = "HoverCard-module__dropdown___FBPFW", Nn = "HoverCard-module__arrow___S9AkE", Fo = {
-  dropdown: bn,
-  arrow: Nn
+const vn = "HoverCard-module__dropdown___FBPFW", Cn = "HoverCard-module__arrow___S9AkE", Vo = {
+  dropdown: vn,
+  arrow: Cn
 }, vt = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    dropdown: Fo.dropdown,
-    arrow: Fo.arrow
+    dropdown: Vo.dropdown,
+    arrow: Vo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
-    Object.keys(p).forEach((u) => {
-      s[u] ? s[u] = `${s[u]} ${p[u]}` : s[u] = p[u];
+    const d = l;
+    Object.keys(d).forEach((u) => {
+      s[u] ? s[u] = `${s[u]} ${d[u]}` : s[u] = d[u];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    mo,
+    _o,
     {
       position: "top",
       arrowSize: i,
@@ -1793,7 +1795,7 @@ const bn = "HoverCard-module__dropdown___FBPFW", Nn = "HoverCard-module__arrow__
 };
 vt.displayName = "HoverCard";
 const Ct = function(e) {
-  return /* @__PURE__ */ r(mo.Target, { ...e });
+  return /* @__PURE__ */ r(_o.Target, { ...e });
 };
 Ct.displayName = "HoverCardTarget";
 const Pt = function({
@@ -1802,7 +1804,7 @@ const Pt = function({
 }) {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    mo.Dropdown,
+    _o.Dropdown,
     {
       className: o,
       ...t
@@ -1810,22 +1812,22 @@ const Pt = function({
   );
 };
 Pt.displayName = "HoverCardDropdown";
-const Po = vt;
-Po.Target = Ct;
-Po.Dropdown = Pt;
-const $n = "Link-module__root___I0VGE", hn = "Link-module__iconWrapper___W-LlF", vn = "Link-module__labelText___wSvUy", Se = {
-  root: $n,
-  iconWrapper: hn,
-  labelText: vn
+const To = vt;
+To.Target = Ct;
+To.Dropdown = Pt;
+const Pn = "Link-module__root___I0VGE", Tn = "Link-module__iconWrapper___W-LlF", wn = "Link-module__labelText___wSvUy", Se = {
+  root: Pn,
+  iconWrapper: Tn,
+  labelText: wn
 }, Tt = f(function({ icon: e, children: a, overStyled: t = !1, ...o }, s) {
   const l = m(o, t), i = l, c = {
     root: Se.root
-  }, d = i.classNames;
-  if (d && typeof d == "object" && !Array.isArray(d)) {
-    const $ = d;
+  }, p = i.classNames;
+  if (p && typeof p == "object" && !Array.isArray(p)) {
+    const $ = p;
     c.root = $.root ? `${Se.root} ${$.root}` : Se.root;
   }
-  const p = i.className, u = p ? `${Se.root} ${p}` : Se.root;
+  const d = i.className, u = d ? `${Se.root} ${d}` : Se.root;
   return /* @__PURE__ */ V(
     is,
     {
@@ -1843,23 +1845,23 @@ const $n = "Link-module__root___I0VGE", hn = "Link-module__iconWrapper___W-LlF",
   );
 });
 Tt.displayName = "Link";
-const Cn = ee(Tt), Pn = "Menu-module__dropdown___j4xuA", Tn = "Menu-module__item___NMXha", wn = "Menu-module__itemLabel___zvcqC", gn = "Menu-module__itemSection___pRIcn", Sn = "Menu-module__divider___wPiNq", An = "Menu-module__label___4FBGa", xn = "Menu-module__chevron___hEEiy", Ae = {
-  dropdown: Pn,
-  item: Tn,
-  itemLabel: wn,
-  itemSection: gn,
-  divider: Sn,
-  label: An,
-  chevron: xn
+const gn = ee(Tt), Sn = "Menu-module__dropdown___j4xuA", xn = "Menu-module__item___NMXha", An = "Menu-module__itemLabel___zvcqC", On = "Menu-module__itemSection___pRIcn", Ln = "Menu-module__divider___wPiNq", Wn = "Menu-module__label___4FBGa", In = "Menu-module__chevron___hEEiy", xe = {
+  dropdown: Sn,
+  item: xn,
+  itemLabel: An,
+  itemSection: On,
+  divider: Ln,
+  label: Wn,
+  chevron: In
 }, wt = function({ overStyled: e = !1, ...a }) {
   const t = m(a, e), o = {
-    dropdown: Ae.dropdown,
-    item: Ae.item,
-    itemLabel: Ae.itemLabel,
-    itemSection: Ae.itemSection,
-    divider: Ae.divider,
-    label: Ae.label,
-    chevron: Ae.chevron
+    dropdown: xe.dropdown,
+    item: xe.item,
+    itemLabel: xe.itemLabel,
+    itemSection: xe.itemSection,
+    divider: xe.divider,
+    label: xe.label,
+    chevron: xe.chevron
   }, s = t.classNames;
   if (s && typeof s == "object" && !Array.isArray(s)) {
     const l = s;
@@ -1868,7 +1870,7 @@ const Cn = ee(Tt), Pn = "Menu-module__dropdown___j4xuA", Tn = "Menu-module__item
     });
   }
   return /* @__PURE__ */ r(
-    re,
+    ne,
     {
       classNames: o,
       ...t
@@ -1877,14 +1879,14 @@ const Cn = ee(Tt), Pn = "Menu-module__dropdown___j4xuA", Tn = "Menu-module__item
 };
 wt.displayName = "Menu";
 const gt = function(e) {
-  return /* @__PURE__ */ r(re.Target, { ...e });
+  return /* @__PURE__ */ r(ne.Target, { ...e });
 };
 gt.displayName = "MenuTarget";
 const St = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      re.Dropdown,
+      ne.Dropdown,
       {
         ref: t,
         className: s,
@@ -1894,13 +1896,13 @@ const St = f(
   }
 );
 St.displayName = "MenuDropdown";
-const At = f(
+const xt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o;
     e || delete s.color;
     const l = s.className;
     return /* @__PURE__ */ r(
-      re.Item,
+      ne.Item,
       {
         ref: t,
         className: l,
@@ -1909,12 +1911,12 @@ const At = f(
     );
   }
 );
-At.displayName = "MenuItem";
-const On = ee(At), xt = f(
+xt.displayName = "MenuItem";
+const kn = ee(xt), At = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      re.Divider,
+      ne.Divider,
       {
         ref: t,
         className: s,
@@ -1923,11 +1925,11 @@ const On = ee(At), xt = f(
     );
   }
 );
-xt.displayName = "MenuDivider";
+At.displayName = "MenuDivider";
 const Ot = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e), s = o.className;
   return /* @__PURE__ */ r(
-    re.Label,
+    ne.Label,
     {
       ref: t,
       className: s,
@@ -1937,11 +1939,11 @@ const Ot = f(function({ overStyled: e = !1, ...a }, t) {
 });
 Ot.displayName = "MenuLabel";
 const Lt = function(e) {
-  return /* @__PURE__ */ r(re.Sub, { ...e });
+  return /* @__PURE__ */ r(ne.Sub, { ...e });
 };
 Lt.displayName = "MenuSub";
 const Wt = function(e) {
-  return /* @__PURE__ */ r(re.Sub.Target, { ...e });
+  return /* @__PURE__ */ r(ne.Sub.Target, { ...e });
 };
 Wt.displayName = "MenuSubTarget";
 const It = f(
@@ -1950,7 +1952,7 @@ const It = f(
     e || delete s.color;
     const l = s.className;
     return /* @__PURE__ */ r(
-      re.Sub.Item,
+      ne.Sub.Item,
       {
         ref: t,
         className: l,
@@ -1960,13 +1962,13 @@ const It = f(
   }
 );
 It.displayName = "MenuSubItem";
-const Ln = ee(
+const zn = ee(
   It
 ), kt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      re.Sub.Dropdown,
+      ne.Sub.Dropdown,
       {
         ref: t,
         className: s,
@@ -1976,27 +1978,27 @@ const Ln = ee(
   }
 );
 kt.displayName = "MenuSubDropdown";
-const no = Lt;
-no.Target = Wt;
-no.Item = Ln;
-no.Dropdown = kt;
-const We = wt;
-We.Target = gt;
-We.Dropdown = St;
-We.Item = On;
-We.Divider = xt;
-We.Label = Ot;
-We.Sub = no;
-const Wn = "Modal-module__root___ytPLl", In = "Modal-module__inner___SSUJE", kn = "Modal-module__content___dWO-B", zn = "Modal-module__header___ILG9i", Mn = "Modal-module__title___A5OeE", Rn = "Modal-module__bodyWrapper___5CCL-", Bn = "Modal-module__scrollArea___KD-hm", En = "Modal-module__footer___rro2w", Fn = "Modal-module__close___-ER1C", de = {
-  root: Wn,
-  inner: In,
-  content: kn,
-  header: zn,
-  title: Mn,
-  bodyWrapper: Rn,
-  scrollArea: Bn,
-  footer: En,
-  close: Fn
+const lo = Lt;
+lo.Target = Wt;
+lo.Item = zn;
+lo.Dropdown = kt;
+const Ie = wt;
+Ie.Target = gt;
+Ie.Dropdown = St;
+Ie.Item = kn;
+Ie.Divider = At;
+Ie.Label = Ot;
+Ie.Sub = lo;
+const Mn = "Modal-module__root___ytPLl", Rn = "Modal-module__inner___SSUJE", Bn = "Modal-module__content___dWO-B", En = "Modal-module__header___ILG9i", Fn = "Modal-module__title___A5OeE", Vn = "Modal-module__bodyWrapper___5CCL-", Dn = "Modal-module__scrollArea___KD-hm", Gn = "Modal-module__footer___rro2w", jn = "Modal-module__close___-ER1C", de = {
+  root: Mn,
+  inner: Rn,
+  content: Bn,
+  header: En,
+  title: Fn,
+  bodyWrapper: Vn,
+  scrollArea: Dn,
+  footer: Gn,
+  close: jn
 }, zt = B.forwardRef(function({
   overStyled: e = !1,
   children: a,
@@ -2006,15 +2008,15 @@ const Wn = "Modal-module__root___ytPLl", In = "Modal-module__inner___SSUJE", kn
   withOverlay: l = !0,
   closeButtonProps: i,
   ...c
-}, d) {
-  const p = m(c, e), u = {
+}, p) {
+  const d = m(c, e), u = {
     root: de.root,
     inner: de.inner,
     content: de.content,
     header: de.header,
     title: de.title,
     close: de.close
-  }, $ = p.classNames;
+  }, $ = d.classNames;
   if ($ && typeof $ == "object" && !Array.isArray($)) {
     const y = $;
     Object.keys(y).forEach((_) => {
@@ -2024,9 +2026,9 @@ const Wn = "Modal-module__root___ytPLl", In = "Modal-module__inner___SSUJE", kn
   return /* @__PURE__ */ V(
     X.Root,
     {
-      ref: d,
+      ref: p,
       classNames: u,
-      ...p,
+      ...d,
       children: [
         l && /* @__PURE__ */ r(X.Overlay, { ...s }),
         /* @__PURE__ */ V(X.Content, { children: [
@@ -2034,14 +2036,14 @@ const Wn = "Modal-module__root___ytPLl", In = "Modal-module__inner___SSUJE", kn
             t && /* @__PURE__ */ r(X.Title, { children: t }),
             o && /* @__PURE__ */ r(X.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(wo, { children: a })
+          /* @__PURE__ */ r(go, { children: a })
         ] })
       ]
     }
   );
 });
 zt.displayName = "Modal";
-const To = B.forwardRef(
+const wo = B.forwardRef(
   function({ overStyled: e = !1, className: a, ...t }, o) {
     const s = m(t, e);
     return /* @__PURE__ */ r(
@@ -2054,12 +2056,12 @@ const To = B.forwardRef(
     );
   }
 );
-To.displayName = "Modal.Footer";
-const wo = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, s) {
-  const l = B.useRef(null), [i, c] = B.useState(!1), [d, p] = B.useState(!1), u = B.useCallback(() => {
+wo.displayName = "Modal.Footer";
+const go = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, s) {
+  const l = B.useRef(null), [i, c] = B.useState(!1), [p, d] = B.useState(!1), u = B.useCallback(() => {
     if (l.current) {
-      const { scrollTop: b, scrollHeight: T, clientHeight: C } = l.current;
-      c(b > 0), p(Math.ceil(b + C) < T);
+      const { scrollTop: b, scrollHeight: P, clientHeight: C } = l.current;
+      c(b > 0), d(Math.ceil(b + C) < P);
     }
   }, []);
   B.useEffect(() => (u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u)), [u, t]);
@@ -2069,8 +2071,8 @@ const wo = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o
   let y = null;
   const _ = [];
   return B.Children.forEach(t, (b) => {
-    var T;
-    B.isValidElement(b) && (b.type === To || ((T = b.type) == null ? void 0 : T.displayName) === "Modal.Footer") ? y = b : _.push(b);
+    var P;
+    B.isValidElement(b) && (b.type === wo || ((P = b.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? y = b : _.push(b);
   }), /* @__PURE__ */ V(
     X.Body,
     {
@@ -2086,7 +2088,7 @@ const wo = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o
             ref: l,
             onScroll: $,
             "data-scrolled-top": i || void 0,
-            "data-scrolled-bottom": d || void 0,
+            "data-scrolled-bottom": p || void 0,
             className: de.scrollArea,
             children: _
           }
@@ -2096,7 +2098,7 @@ const wo = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o
     }
   );
 });
-wo.displayName = "Modal.Body";
+go.displayName = "Modal.Body";
 const Mt = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
@@ -2180,15 +2182,15 @@ fe.Content = Bt;
 fe.Header = Et;
 fe.Title = Ft;
 fe.CloseButton = Vt;
-fe.Body = wo;
-fe.Footer = To;
-const Vn = "NumberInput-module__layoutOverride___5-9T4", Dn = "NumberInput-module__root___C6rAn", Gn = "NumberInput-module__input___Ss8p7", jn = "NumberInput-module__section___MijP0", Hn = "NumberInput-module__controls___8UfQ2", qn = "NumberInput-module__control___Qre9-", xe = {
-  layoutOverride: Vn,
-  root: Dn,
-  input: Gn,
-  section: jn,
-  controls: Hn,
-  control: qn
+fe.Body = go;
+fe.Footer = wo;
+const Hn = "NumberInput-module__layoutOverride___5-9T4", qn = "NumberInput-module__root___C6rAn", Un = "NumberInput-module__input___Ss8p7", Yn = "NumberInput-module__section___MijP0", Kn = "NumberInput-module__controls___8UfQ2", Zn = "NumberInput-module__control___Qre9-", Ae = {
+  layoutOverride: Hn,
+  root: qn,
+  input: Un,
+  section: Yn,
+  controls: Kn,
+  control: Zn
 }, Dt = f(
   function(e, a) {
     const {
@@ -2199,60 +2201,60 @@ const Vn = "NumberInput-module__layoutOverride___5-9T4", Dn = "NumberInput-modul
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
-      label: p,
+      onLabelEditClick: p,
+      label: d,
       assistiveText: u,
       assistiveWithIcon: $,
       error: y,
       required: _,
       withAsterisk: b,
-      id: T,
+      id: P,
       className: C,
       style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: z,
-      value: x,
-      defaultValue: A,
+      value: A,
+      defaultValue: x,
       hideControls: L = !1,
       ...W
     } = e, w = m(W, t), g = w;
     delete g.size, delete g.variant, delete g.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
-    }, R = C ? `${xe.layoutOverride} ${C}` : xe.layoutOverride;
+      input: Ae.input,
+      section: Ae.section,
+      controls: Ae.controls,
+      control: Ae.control
+    }, R = C ? `${Ae.layoutOverride} ${C}` : Ae.layoutOverride;
     return /* @__PURE__ */ r(
       ae,
       {
         className: R,
         style: h,
-        controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
+        controlMaxWidth: "var(--number-input-control-max-width)",
+        controlMinWidth: "var(--number-input-control-min-width)",
         overStyled: t,
         formLayout: o,
         labelSize: s,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         assistiveText: u,
         assistiveWithIcon: $,
         error: y,
         required: _,
         withAsterisk: b,
-        id: T,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x == null ? void 0 : x.toString() : A == null ? void 0 : A.toString(),
+        readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : x == null ? void 0 : x.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -2262,8 +2264,8 @@ const Vn = "NumberInput-module__layoutOverride___5-9T4", Dn = "NumberInput-modul
               ref: a,
               classNames: I,
               disabled: N,
-              value: x,
-              defaultValue: A,
+              value: A,
+              defaultValue: x,
               hideControls: L,
               label: void 0,
               description: void 0,
@@ -2285,18 +2287,18 @@ const Vn = "NumberInput-module__layoutOverride___5-9T4", Dn = "NumberInput-modul
   }
 );
 Dt.displayName = "NumberInput";
-const Un = "Pagination-module__root___ITRjt", Yn = "Pagination-module__control___40yNT", Zn = "Pagination-module__dots___Yl9da", Kn = "Pagination-module__iconWithLabel___pLM4O", Xn = "Pagination-module__baseIcon___Qw3bJ", H = {
-  root: Un,
-  control: Yn,
-  dots: Zn,
-  iconWithLabel: Kn,
-  baseIcon: Xn
-}, Qn = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Jn = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", el = "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", ol = "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", tl = {
-  next: Qn,
-  prev: Jn,
-  first: el,
-  last: ol
-}, De = ({
+const Xn = "Pagination-module__root___ITRjt", Jn = "Pagination-module__control___40yNT", Qn = "Pagination-module__dots___Yl9da", el = "Pagination-module__iconWithLabel___pLM4O", ol = "Pagination-module__baseIcon___Qw3bJ", H = {
+  root: Xn,
+  control: Jn,
+  dots: Qn,
+  iconWithLabel: el,
+  baseIcon: ol
+}, tl = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", al = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", sl = "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", rl = "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", nl = {
+  next: tl,
+  prev: al,
+  first: sl,
+  last: rl
+}, je = ({
   type: n,
   className: e,
   ...a
@@ -2307,20 +2309,20 @@ const Un = "Pagination-module__root___ITRjt", Yn = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${H.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ r("path", { d: tl[n], fill: "currentColor" })
+    children: /* @__PURE__ */ r("path", { d: nl[n], fill: "currentColor" })
   }
 ), Gt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Next" }),
-  /* @__PURE__ */ r(De, { type: "next", ...n })
+  /* @__PURE__ */ r(je, { type: "next", ...n })
 ] }), jt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
-  /* @__PURE__ */ r(De, { type: "prev", ...n }),
+  /* @__PURE__ */ r(je, { type: "prev", ...n }),
   /* @__PURE__ */ r("span", { children: "Prev" })
 ] }), Ht = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
-  /* @__PURE__ */ r(De, { type: "first", ...n }),
+  /* @__PURE__ */ r(je, { type: "first", ...n }),
   /* @__PURE__ */ r("span", { children: "First" })
 ] }), qt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Last" }),
-  /* @__PURE__ */ r(De, { type: "last", ...n })
+  /* @__PURE__ */ r(je, { type: "last", ...n })
 ] });
 function Ut(n) {
   const e = {
@@ -2352,7 +2354,7 @@ const Yt = f(
   }
 );
 Yt.displayName = "Pagination.Root";
-const Zt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+const Kt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
   const l = m(o, e), i = t || (a ? Gt : void 0);
   return /* @__PURE__ */ r(
     me.Next,
@@ -2364,8 +2366,8 @@ const Zt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Zt.displayName = "Pagination.Next";
-const Kt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+Kt.displayName = "Pagination.Next";
+const Zt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
   const l = m(o, e), i = t || (a ? jt : void 0);
   return /* @__PURE__ */ r(
     me.Previous,
@@ -2377,7 +2379,7 @@ const Kt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Kt.displayName = "Pagination.Previous";
+Zt.displayName = "Pagination.Previous";
 const Xt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
   const l = m(o, e), i = t || (a ? Ht : void 0);
   return /* @__PURE__ */ r(
@@ -2391,7 +2393,7 @@ const Xt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
   );
 });
 Xt.displayName = "Pagination.First";
-const Qt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+const Jt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
   const l = m(o, e), i = t || (a ? qt : void 0);
   return /* @__PURE__ */ r(
     me.Last,
@@ -2403,15 +2405,15 @@ const Qt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Qt.displayName = "Pagination.Last";
-const Jt = f(
+Jt.displayName = "Pagination.Last";
+const Qt = f(
   function({ overStyled: e = !1, getControlProps: a, withLabels: t, ...o }, s) {
     const l = m(o, e), i = Ut(
       l
-    ), c = (p) => {
+    ), c = (d) => {
       const u = { "data-variant": "text" };
-      return a ? { ...u, ...a(p) } : u;
-    }, d = t ? {
+      return a ? { ...u, ...a(d) } : u;
+    }, p = t ? {
       nextIcon: Gt,
       previousIcon: jt,
       firstIcon: Ht,
@@ -2424,13 +2426,13 @@ const Jt = f(
         className: i.className,
         classNames: i.classNames,
         getControlProps: c,
-        ...d,
+        ...p,
         ...l
       }
     );
   }
 );
-Jt.displayName = "Pagination";
+Qt.displayName = "Pagination";
 const ea = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
@@ -2455,24 +2457,24 @@ const oa = f(
   }
 );
 oa.displayName = "Pagination.Dots";
-const ne = Jt;
-ne.Root = Yt;
-ne.Items = me.Items;
-ne.Control = ea;
-ne.Dots = oa;
-ne.Next = Zt;
-ne.Previous = Kt;
-ne.First = Xt;
-ne.Last = Qt;
-ne.Icon = De;
-const al = "Panel-module__content___wdGo-", sl = "Panel-module__inner___ruA2b", rl = "Panel-module__header___o7SiC", nl = "Panel-module__title___181OP", ll = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", il = "Panel-module__body___SEC3T", cl = "Panel-module__footer___t6-hz", Ce = {
-  content: al,
-  inner: sl,
-  header: rl,
-  title: nl,
-  titleTruncate: ll,
-  body: il,
-  footer: cl
+const le = Qt;
+le.Root = Yt;
+le.Items = me.Items;
+le.Control = ea;
+le.Dots = oa;
+le.Next = Kt;
+le.Previous = Zt;
+le.First = Xt;
+le.Last = Jt;
+le.Icon = je;
+const ll = "Panel-module__content___wdGo-", il = "Panel-module__inner___ruA2b", cl = "Panel-module__header___o7SiC", dl = "Panel-module__title___181OP", pl = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", ul = "Panel-module__body___SEC3T", ml = "Panel-module__footer___t6-hz", Ce = {
+  content: ll,
+  inner: il,
+  header: cl,
+  title: dl,
+  titleTruncate: pl,
+  body: ul,
+  footer: ml
 }, ta = function({
   overStyled: e = !1,
   placement: a = "right",
@@ -2488,9 +2490,9 @@ const al = "Panel-module__content___wdGo-", sl = "Panel-module__inner___ruA2b",
     inner: Ce.inner
   }, c = l.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
-    const d = c;
-    Object.keys(d).forEach((p) => {
-      i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
+    const p = c;
+    Object.keys(p).forEach((d) => {
+      i[d] ? i[d] = `${i[d]} ${p[d]}` : i[d] = p[d];
     });
   }
   return /* @__PURE__ */ r(
@@ -2505,13 +2507,13 @@ const al = "Panel-module__content___wdGo-", sl = "Panel-module__inner___ruA2b",
   );
 };
 ta.displayName = "Panel";
-const go = f(
+const So = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className, l = s ? `${Ce.footer} ${s}` : Ce.footer;
     return /* @__PURE__ */ r("div", { ref: t, className: l, ...o });
   }
 );
-go.displayName = "PanelFooter";
+So.displayName = "PanelFooter";
 const aa = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
@@ -2601,37 +2603,37 @@ const ca = f(
   }
 );
 ca.displayName = "PanelBody";
-const le = ta;
-le.Root = aa;
-le.Overlay = sa;
-le.Content = ra;
-le.Header = na;
-le.Title = la;
-le.CloseButton = ia;
-le.Body = ca;
-le.Stack = _e.Stack;
-le.Footer = go;
-const dl = "Popover-module__dropdown___svhS6", pl = "Popover-module__arrow___5A-0e", Vo = {
-  dropdown: dl,
-  arrow: pl
+const ie = ta;
+ie.Root = aa;
+ie.Overlay = sa;
+ie.Content = ra;
+ie.Header = na;
+ie.Title = la;
+ie.CloseButton = ia;
+ie.Body = ca;
+ie.Stack = _e.Stack;
+ie.Footer = So;
+const _l = "Popover-module__dropdown___svhS6", yl = "Popover-module__arrow___5A-0e", Do = {
+  dropdown: _l,
+  arrow: yl
 }, da = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    dropdown: Vo.dropdown,
-    arrow: Vo.arrow
+    dropdown: Do.dropdown,
+    arrow: Do.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
-    Object.keys(p).forEach((u) => {
-      s[u] ? s[u] = `${s[u]} ${p[u]}` : s[u] = p[u];
+    const d = l;
+    Object.keys(d).forEach((u) => {
+      s[u] ? s[u] = `${s[u]} ${d[u]}` : s[u] = d[u];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    _o,
+    yo,
     {
       position: "top",
       arrowSize: i,
@@ -2643,7 +2645,7 @@ const dl = "Popover-module__dropdown___svhS6", pl = "Popover-module__arrow___5A-
 };
 da.displayName = "Popover";
 const pa = function(e) {
-  return /* @__PURE__ */ r(_o.Target, { ...e });
+  return /* @__PURE__ */ r(yo.Target, { ...e });
 };
 pa.displayName = "PopoverTarget";
 const ua = function({
@@ -2652,7 +2654,7 @@ const ua = function({
 }) {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    _o.Dropdown,
+    yo.Dropdown,
     {
       className: o,
       ...t
@@ -2660,18 +2662,18 @@ const ua = function({
   );
 };
 ua.displayName = "PopoverDropdown";
-const So = da;
-So.Target = pa;
-So.Dropdown = ua;
-const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD", _l = "Radio-module__body___q2Wpj", yl = "Radio-module__inner___QaTBB", fl = "Radio-module__radio___MfgN-", bl = "Radio-module__icon___DWznm", Nl = "Radio-module__labelWrapper___dB0Gi", $l = "Radio-module__label___vAFIP", F = {
-  groupRoot: ul,
-  root: ml,
-  body: _l,
-  inner: yl,
-  radio: fl,
-  icon: bl,
-  labelWrapper: Nl,
-  label: $l
+const xo = da;
+xo.Target = pa;
+xo.Dropdown = ua;
+const fl = "Radio-module__groupRoot___bfUii", bl = "Radio-module__root___kAjTD", Nl = "Radio-module__body___q2Wpj", $l = "Radio-module__inner___QaTBB", hl = "Radio-module__radio___MfgN-", vl = "Radio-module__icon___DWznm", Cl = "Radio-module__labelWrapper___dB0Gi", Pl = "Radio-module__label___vAFIP", F = {
+  groupRoot: fl,
+  root: bl,
+  body: Nl,
+  inner: $l,
+  radio: hl,
+  icon: vl,
+  labelWrapper: Cl,
+  label: Pl
 }, Ao = f(
   function(e, a) {
     const {
@@ -2682,23 +2684,23 @@ const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD",
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
+      onLabelEditClick: p,
       // Base Mantine Extracted Attributes
-      label: p,
+      label: d,
       description: u,
       assistiveText: $,
       assistiveWithIcon: y,
       error: _,
       required: b,
-      withAsterisk: T,
+      withAsterisk: P,
       id: C,
       className: h,
       style: N,
       children: O,
       readOnly: v,
       readOnlyComponent: z,
-      emptyValueComponent: x,
-      value: A,
+      emptyValueComponent: A,
+      value: x,
       defaultValue: L,
       ...W
     } = e, w = m(W, t), g = w;
@@ -2716,20 +2718,20 @@ const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD",
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         description: u,
         assistiveText: $,
         assistiveWithIcon: y,
         error: _,
         required: b,
-        withAsterisk: T,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: x,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : L,
+        readOnlyValue: x !== void 0 ? x : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
           Uo.Group,
@@ -2737,7 +2739,7 @@ const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD",
             ref: a,
             ...w,
             disabled: v || g.disabled,
-            value: A,
+            value: x,
             defaultValue: L,
             children: /* @__PURE__ */ r("div", { className: F.groupRoot, "data-layout": o, children: O })
           }
@@ -2747,7 +2749,7 @@ const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD",
   }
 );
 Ao.displayName = "RadioGroup";
-const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
+const Tl = ({ className: n, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2757,7 +2759,7 @@ const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), xo = f(
+), Oo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2766,8 +2768,8 @@ const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
       disabled: l,
       formLayout: i,
       labelSize: c,
-      controlMaxWidth: d,
-      controlMinWidth: p,
+      controlMaxWidth: p,
+      controlMinWidth: d,
       ...u
     } = e, $ = m(u, t), y = $;
     delete y.size, delete y.color, delete y.radius, delete y.variant, delete y.iconColor;
@@ -2784,7 +2786,7 @@ const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
       const N = b;
       _.root = N.root ? `${F.root} ${N.root}` : F.root, _.body = N.body ? `${F.body} ${N.body}` : F.body, _.inner = N.inner ? `${F.inner} ${N.inner}` : F.inner, _.radio = N.radio ? `${F.radio} ${N.radio}` : F.radio, _.icon = N.icon ? `${F.icon} ${N.icon}` : F.icon, _.labelWrapper = N.labelWrapper ? `${F.labelWrapper} ${N.labelWrapper}` : F.labelWrapper, _.label = N.label ? `${F.label} ${N.label}` : F.label;
     }
-    const T = y.className, C = T ? `${F.root} ${T}` : F.root;
+    const P = y.className, C = P ? `${F.root} ${P}` : F.root;
     if (o && s) {
       const N = !!(y.checked ?? y.defaultChecked), v = /* @__PURE__ */ r(
         s,
@@ -2799,17 +2801,17 @@ const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
         {
           formLayout: i,
           labelSize: c,
-          controlMaxWidth: d,
-          controlMinWidth: p,
+          controlMaxWidth: p,
+          controlMinWidth: d,
           children: v
         }
-      ) : /* @__PURE__ */ r(ke, { children: v });
+      ) : /* @__PURE__ */ r(ze, { children: v });
     }
     const h = /* @__PURE__ */ r(
       Uo,
       {
         ref: a,
-        icon: hl,
+        icon: Tl,
         className: C,
         classNames: _,
         disabled: o || l,
@@ -2821,40 +2823,40 @@ const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
       {
         formLayout: i,
         labelSize: c,
-        controlMaxWidth: d,
-        controlMinWidth: p,
+        controlMaxWidth: p,
+        controlMinWidth: d,
         children: h
       }
     ) : h;
   }
 );
-xo.displayName = "Radio";
-xo.Group = Ao;
-const vl = "SegmentedControl-module__root___JFRhg", Cl = "SegmentedControl-module__label___mS17q", Pl = "SegmentedControl-module__control___znOdQ", Tl = "SegmentedControl-module__indicator___ZMcJy", K = {
-  root: vl,
-  label: Cl,
-  control: Pl,
-  indicator: Tl
+Oo.displayName = "Radio";
+Oo.Group = Ao;
+const wl = "SegmentedControl-module__root___JFRhg", gl = "SegmentedControl-module__label___mS17q", Sl = "SegmentedControl-module__control___znOdQ", xl = "SegmentedControl-module__indicator___ZMcJy", Z = {
+  root: wl,
+  label: gl,
+  control: Sl,
+  indicator: xl
 };
-function wl(n) {
+function Al(n) {
   const e = {
-    root: K.root,
-    control: K.control,
-    label: K.label,
-    indicator: K.indicator
+    root: Z.root,
+    control: Z.control,
+    label: Z.label,
+    indicator: Z.indicator
   }, a = n.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
     const s = a;
-    e.root = s.root ? `${K.root} ${s.root}` : K.root, e.control = s.control ? `${K.control} ${s.control}` : K.control, e.label = s.label ? `${K.label} ${s.label}` : K.label, e.indicator = s.indicator ? `${K.indicator} ${s.indicator}` : K.indicator;
+    e.root = s.root ? `${Z.root} ${s.root}` : Z.root, e.control = s.control ? `${Z.control} ${s.control}` : Z.control, e.label = s.label ? `${Z.label} ${s.label}` : Z.label, e.indicator = s.indicator ? `${Z.indicator} ${s.indicator}` : Z.indicator;
   }
   const t = n.className;
-  return { className: t ? `${K.root} ${t}` : K.root, classNames: e };
+  return { className: t ? `${Z.root} ${t}` : Z.root, classNames: e };
 }
 const ma = f(
   function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: t, ...o }, s) {
     const l = m(o, e), i = l;
     delete i.disabled;
-    const c = wl(i);
+    const c = Al(i);
     return /* @__PURE__ */ r(
       ds,
       {
@@ -2870,22 +2872,22 @@ const ma = f(
   }
 );
 ma.displayName = "SegmentedControl";
-const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module__sliderContainer___y8I0J", xl = "Slider-module__sliderTrackWrapper___UHpVh", Ol = "Slider-module__iconWrapper___uqHpC", Ll = "Slider-module__sliderRoot___LI86H", Wl = "Slider-module__sliderTrack___oqnlG", Il = "Slider-module__sliderBar___TI4VY", kl = "Slider-module__sliderThumb___OFn8p", zl = "Slider-module__sliderMark___1lM2B", Ml = "Slider-module__minMaxGuide___TaGqz", Rl = "Slider-module__rightGuideContainer___8dOT8", Bl = "Slider-module__currentValue___dGV2T", El = "Slider-module__inputField___6x578", Fl = "Slider-module__readOnlyValue___-ZzMW", k = {
-  layoutOverride: Sl,
-  sliderContainer: Al,
-  sliderTrackWrapper: xl,
-  iconWrapper: Ol,
-  sliderRoot: Ll,
-  sliderTrack: Wl,
-  sliderBar: Il,
-  sliderThumb: kl,
-  sliderMark: zl,
-  minMaxGuide: Ml,
-  rightGuideContainer: Rl,
-  currentValue: Bl,
-  inputField: El,
-  readOnlyValue: Fl
-}, Vl = ({ value: n }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: n }), _a = f(
+const Ol = ma, Ll = "Slider-module__layoutOverride___zYPun", Wl = "Slider-module__sliderContainer___y8I0J", Il = "Slider-module__sliderTrackWrapper___UHpVh", kl = "Slider-module__iconWrapper___uqHpC", zl = "Slider-module__sliderRoot___LI86H", Ml = "Slider-module__sliderTrack___oqnlG", Rl = "Slider-module__sliderBar___TI4VY", Bl = "Slider-module__sliderThumb___OFn8p", El = "Slider-module__sliderMark___1lM2B", Fl = "Slider-module__minMaxGuide___TaGqz", Vl = "Slider-module__rightGuideContainer___8dOT8", Dl = "Slider-module__currentValue___dGV2T", Gl = "Slider-module__inputField___6x578", jl = "Slider-module__readOnlyValue___-ZzMW", k = {
+  layoutOverride: Ll,
+  sliderContainer: Wl,
+  sliderTrackWrapper: Il,
+  iconWrapper: kl,
+  sliderRoot: zl,
+  sliderTrack: Ml,
+  sliderBar: Rl,
+  sliderThumb: Bl,
+  sliderMark: El,
+  minMaxGuide: Fl,
+  rightGuideContainer: Vl,
+  currentValue: Dl,
+  inputField: Gl,
+  readOnlyValue: jl
+}, Hl = ({ value: n }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: n }), _a = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2895,22 +2897,22 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      labelActionArea: d,
-      onLabelEditClick: p,
+      labelActionArea: p,
+      onLabelEditClick: d,
       label: u,
       tooltipLabel: $,
       assistiveText: y,
       assistiveWithIcon: _,
       error: b,
-      required: T,
+      required: P,
       withAsterisk: C,
       id: h,
       className: N,
       style: O,
       disabled: v,
       readOnly: z,
-      readOnlyComponent: x,
-      emptyValueComponent: A,
+      readOnlyComponent: A,
+      emptyValueComponent: x,
       value: L,
       defaultValue: W,
       icon: w,
@@ -2921,27 +2923,27 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
       step: Te = 1,
       onChange: we,
       onChangeEnd: Y,
-      ...lo
-    } = e, [Va, Da] = po(() => L !== void 0 ? L : W !== void 0 ? W : R), Ne = L !== void 0 ? L : Va, [Ga, io] = po(
+      ...io
+    } = e, [Va, Da] = uo(() => L !== void 0 ? L : W !== void 0 ? W : R), Ne = L !== void 0 ? L : Va, [Ga, co] = uo(
       Ne.toString()
     );
-    Ue(() => {
-      io(Ne.toString());
+    De(() => {
+      co(Ne.toString());
     }, [Ne]);
-    const ko = (D) => {
+    const zo = (D) => {
       L === void 0 && Da(D), we == null || we(D);
     }, ja = (D) => {
-      const Mo = D.target.value;
-      io(Mo);
-      const Ro = parseFloat(Mo);
-      if (!isNaN(Ro)) {
-        const Ya = Math.max(R, Math.min(S, Ro));
-        ko(Ya);
+      const Ro = D.target.value;
+      co(Ro);
+      const Bo = parseFloat(Ro);
+      if (!isNaN(Bo)) {
+        const Ya = Math.max(R, Math.min(S, Bo));
+        zo(Ya);
       }
     }, Ha = () => {
-      io(Ne.toString());
-    }, zo = m(lo, t), ze = zo;
-    delete ze.size, delete ze.variant, delete ze.radius, delete ze.wrapperProps;
+      co(Ne.toString());
+    }, Mo = m(io, t), Me = Mo;
+    delete Me.size, delete Me.variant, delete Me.radius, delete Me.wrapperProps;
     const ge = {
       root: k.sliderRoot,
       track: k.sliderTrack,
@@ -2949,9 +2951,9 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
       thumb: k.sliderThumb,
       mark: k.sliderMark,
       markLabel: k.sliderMarkLabel
-    }, Ge = ze.classNames;
-    if (Ge && typeof Ge == "object" && !Array.isArray(Ge)) {
-      const D = Ge;
+    }, He = Me.classNames;
+    if (He && typeof He == "object" && !Array.isArray(He)) {
+      const D = He;
       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 qa = N ? `${k.layoutOverride} ${N}` : k.layoutOverride, Ua = w ? /* @__PURE__ */ r("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
@@ -2969,18 +2971,18 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        labelActionArea: d,
-        onLabelEditClick: p,
+        labelActionArea: p,
+        onLabelEditClick: d,
         label: u,
         assistiveText: y,
         assistiveWithIcon: _,
         error: b,
-        required: T,
+        required: P,
         withAsterisk: C,
         id: h,
         readOnly: z,
-        readOnlyComponent: x || Vl,
-        emptyValueComponent: A,
+        readOnlyComponent: A || Hl,
+        emptyValueComponent: x,
         readOnlyType: "text",
         readOnlyValue: Ne,
         readOnlyNativeProps: { value: Ne },
@@ -3000,13 +3002,13 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
                   classNames: ge,
                   disabled: v,
                   value: Ne,
-                  onChange: ko,
+                  onChange: zo,
                   onChangeEnd: Y,
                   min: R,
                   max: S,
                   step: Te,
                   label: $,
-                  ...zo
+                  ...Mo
                 }
               ) }),
               /* @__PURE__ */ V("div", { className: k.rightGuideContainer, children: [
@@ -3036,45 +3038,45 @@ const gl = ma, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module
   }
 );
 _a.displayName = "Slider";
-const Dl = "Stack-module__root___NUN-x", Fe = {
-  root: Dl
+const ql = "Stack-module__root___NUN-x", Ve = {
+  root: ql
 }, ya = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
   const s = {
-    root: Fe.root
+    root: Ve.root
   }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
-    const d = l;
-    s.root = d.root ? `${Fe.root} ${d.root}` : Fe.root;
+    const p = l;
+    s.root = p.root ? `${Ve.root} ${p.root}` : Ve.root;
   }
-  const i = t.className, c = i ? `${Fe.root} ${i}` : Fe.root;
+  const i = t.className, c = i ? `${Ve.root} ${i}` : Ve.root;
   return /* @__PURE__ */ r(
     us,
     {
       ref: o,
       className: c,
       classNames: s,
-      ...Ve({ gap: a, ...t }),
+      ...Ge({ gap: a, ...t }),
       children: e
     }
   );
 });
 ya.displayName = "Stack";
-const Gl = ee(ya), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__horizontal___USHT1", ql = "Stepper-module__steps___4HPO6", Ul = "Stepper-module__step___s2nqL", Yl = "Stepper-module__stepBody___TBvys", Zl = "Stepper-module__stepLabel___N6nuy", Kl = "Stepper-module__stepDescription___DnDAy", Xl = "Stepper-module__separator___pU0No", Ql = "Stepper-module__vertical___d4mOs", Jl = "Stepper-module__large___J18-y", ei = "Stepper-module__small___Ub-zb", oi = "Stepper-module__stepIcon___YQHNq", ti = "Stepper-module__stepCompletedIcon___B9MeL", ai = "Stepper-module__verticalSeparator___frWc1", si = "Stepper-module__content___J-h8X", U = {
-  root: jl,
-  horizontal: Hl,
-  steps: ql,
-  step: Ul,
-  stepBody: Yl,
-  stepLabel: Zl,
-  stepDescription: Kl,
-  separator: Xl,
-  vertical: Ql,
-  large: Jl,
-  small: ei,
-  stepIcon: oi,
-  stepCompletedIcon: ti,
-  verticalSeparator: ai,
-  content: si
+const Ul = ee(ya), Yl = "Stepper-module__root___jbSYO", Kl = "Stepper-module__horizontal___USHT1", Zl = "Stepper-module__steps___4HPO6", Xl = "Stepper-module__step___s2nqL", Jl = "Stepper-module__stepBody___TBvys", Ql = "Stepper-module__stepLabel___N6nuy", ei = "Stepper-module__stepDescription___DnDAy", oi = "Stepper-module__separator___pU0No", ti = "Stepper-module__vertical___d4mOs", ai = "Stepper-module__large___J18-y", si = "Stepper-module__small___Ub-zb", ri = "Stepper-module__stepIcon___YQHNq", ni = "Stepper-module__stepCompletedIcon___B9MeL", li = "Stepper-module__verticalSeparator___frWc1", ii = "Stepper-module__content___J-h8X", U = {
+  root: Yl,
+  horizontal: Kl,
+  steps: Zl,
+  step: Xl,
+  stepBody: Jl,
+  stepLabel: Ql,
+  stepDescription: ei,
+  separator: oi,
+  vertical: ti,
+  large: ai,
+  small: si,
+  stepIcon: ri,
+  stepCompletedIcon: ni,
+  verticalSeparator: li,
+  content: ii
 }, fa = f(
   function(e, a) {
     const {
@@ -3084,9 +3086,9 @@ const Gl = ee(ya), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__ho
       className: l,
       style: i,
       ...c
-    } = e, d = m(c, t);
+    } = e, p = m(c, t);
     return /* @__PURE__ */ r(
-      yo,
+      fo,
       {
         ref: a,
         orientation: s,
@@ -3106,7 +3108,7 @@ const Gl = ee(ya), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__ho
           verticalSeparator: U.verticalSeparator,
           content: U.content
         },
-        ...d
+        ...p
       }
     );
   }
@@ -3114,7 +3116,7 @@ const Gl = ee(ya), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__ho
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      yo.Step,
+      fo.Step,
       {
         ref: t,
         ...o
@@ -3123,25 +3125,25 @@ const Gl = ee(ya), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__ho
   }
 );
 ba.displayName = "Stepper.Step";
-const ri = Object.assign(fa, {
+const ci = Object.assign(fa, {
   Step: ba,
   // Stepper.Completed only accepts `children` — no styling props to strip,
   // so re-exporting Mantine's implementation directly is not a gap.
-  Completed: yo.Completed
+  Completed: fo.Completed
 });
 fa.displayName = "Stepper";
-const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii = "Switch-module__track___7ObdZ", ci = "Switch-module__thumb___-FTeK", di = "Switch-module__labelWrapper___YSOwx", pi = "Switch-module__label___LrH7V", ui = "Switch-module__thumbIconWrapper___sCY-1", mi = "Switch-module__checkIcon___ZBAQN", _i = "Switch-module__closeIcon___bLLGw", yi = "Switch-module__groupRoot___-Uepi", M = {
-  root: ni,
-  body: li,
-  track: ii,
-  thumb: ci,
-  labelWrapper: di,
-  label: pi,
-  thumbIconWrapper: ui,
-  checkIcon: mi,
-  closeIcon: _i,
-  groupRoot: yi
-}, Oo = f(
+const di = "Switch-module__root___Y5Ydi", pi = "Switch-module__track___7ObdZ", ui = "Switch-module__body___Sw9Wr", mi = "Switch-module__thumb___-FTeK", _i = "Switch-module__labelWrapper___YSOwx", yi = "Switch-module__label___LrH7V", fi = "Switch-module__thumbIconWrapper___sCY-1", bi = "Switch-module__checkIcon___ZBAQN", Ni = "Switch-module__closeIcon___bLLGw", $i = "Switch-module__groupRoot___-Uepi", M = {
+  root: di,
+  track: pi,
+  body: ui,
+  thumb: mi,
+  labelWrapper: _i,
+  label: yi,
+  thumbIconWrapper: fi,
+  checkIcon: bi,
+  closeIcon: Ni,
+  groupRoot: $i
+}, Lo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3151,23 +3153,23 @@ const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
+      onLabelEditClick: p,
       // Base Mantine Extracted Attributes
-      label: p,
+      label: d,
       description: u,
       assistiveText: $,
       assistiveWithIcon: y,
       error: _,
       required: b,
-      withAsterisk: T,
+      withAsterisk: P,
       id: C,
       className: h,
       style: N,
       children: O,
       readOnly: v,
       readOnlyComponent: z,
-      emptyValueComponent: x,
-      value: A,
+      emptyValueComponent: A,
+      value: x,
       defaultValue: L,
       ...W
     } = e, w = m(W, t), g = w;
@@ -3185,20 +3187,20 @@ const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         description: u,
         assistiveText: $,
         assistiveWithIcon: y,
         error: _,
         required: b,
-        withAsterisk: T,
+        withAsterisk: P,
         id: C,
         readOnly: v && !!z,
         readOnlyComponent: z,
-        emptyValueComponent: x,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : L,
+        readOnlyValue: x !== void 0 ? x : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
           Yo.Group,
@@ -3206,7 +3208,7 @@ const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii
             ref: a,
             ...w,
             disabled: v || g.disabled,
-            value: A,
+            value: x,
             defaultValue: L,
             children: /* @__PURE__ */ r("div", { className: M.groupRoot, "data-layout": o, children: O })
           }
@@ -3215,8 +3217,8 @@ const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii
     );
   }
 );
-Oo.displayName = "SwitchGroup";
-const Lo = f(
+Lo.displayName = "SwitchGroup";
+const Wo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3225,8 +3227,8 @@ const Lo = f(
       disabled: l,
       thumbIcon: i,
       formLayout: c,
-      labelSize: d,
-      controlMaxWidth: p,
+      labelSize: p,
+      controlMaxWidth: d,
       controlMinWidth: u,
       ...$
     } = e, y = m($, t), _ = y;
@@ -3239,14 +3241,14 @@ const Lo = f(
       trackLabel: M.trackLabel,
       labelWrapper: M.labelWrapper,
       label: M.label
-    }, T = _.classNames;
-    if (T && typeof T == "object" && !Array.isArray(T)) {
-      const v = T;
+    }, P = _.classNames;
+    if (P && typeof P == "object" && !Array.isArray(P)) {
+      const v = P;
       b.root = v.root ? `${M.root} ${v.root}` : M.root, b.body = v.body ? `${M.body} ${v.body}` : M.body, b.track = v.track ? `${M.track} ${v.track}` : M.track, b.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, b.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, b.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, b.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
     const C = _.className, h = C ? `${M.root} ${C}` : M.root;
     if (o && s) {
-      const v = !!(_.checked ?? _.defaultChecked), x = /* @__PURE__ */ r(
+      const v = !!(_.checked ?? _.defaultChecked), A = /* @__PURE__ */ r(
         s,
         {
           ...e,
@@ -3258,12 +3260,12 @@ const Lo = f(
         pe,
         {
           formLayout: c,
-          labelSize: d,
-          controlMaxWidth: p,
+          labelSize: p,
+          controlMaxWidth: d,
           controlMinWidth: u,
-          children: x
+          children: A
         }
-      ) : /* @__PURE__ */ r(ke, { children: x });
+      ) : /* @__PURE__ */ r(ze, { children: A });
     }
     const N = /* @__PURE__ */ V("div", { className: M.thumbIconWrapper, children: [
       /* @__PURE__ */ r(ms, { className: M.checkIcon }),
@@ -3284,20 +3286,20 @@ const Lo = f(
       pe,
       {
         formLayout: c,
-        labelSize: d,
-        controlMaxWidth: p,
+        labelSize: p,
+        controlMaxWidth: d,
         controlMinWidth: u,
         children: O
       }
     ) : O;
   }
 );
-Lo.displayName = "Switch";
-Lo.Group = Oo;
-const fi = "Table-module__root___aMWWS", bi = {
-  root: fi
+Wo.displayName = "Switch";
+Wo.Group = Lo;
+const hi = "Table-module__root___aMWWS", vi = {
+  root: hi
 }, Na = f(function({ overStyled: e = !1, ...a }, t) {
-  const o = m(a, e), s = o.className, l = bi.root, i = s ? `${l} ${s}` : l;
+  const o = m(a, e), s = o.className, l = vi.root, i = s ? `${l} ${s}` : l;
   return /* @__PURE__ */ r(
     ye,
     {
@@ -3417,11 +3419,11 @@ be.Td = Pa;
 be.Tfoot = Ta;
 be.Caption = wa;
 be.ScrollContainer = ga;
-const Ni = "Tabs-module__root___-VKVI", $i = "Tabs-module__list___qRVME", hi = "Tabs-module__tab___IdDYc", vi = "Tabs-module__panel___08i9c", He = {
-  root: Ni,
-  list: $i,
-  tab: hi,
-  panel: vi
+const Ci = "Tabs-module__root___-VKVI", Pi = "Tabs-module__list___qRVME", Ti = "Tabs-module__tab___IdDYc", wi = "Tabs-module__panel___08i9c", Ue = {
+  root: Ci,
+  list: Pi,
+  tab: Ti,
+  panel: wi
 }, Sa = f(function(e, a) {
   const {
     variant: t = "default",
@@ -3431,29 +3433,29 @@ const Ni = "Tabs-module__root___-VKVI", $i = "Tabs-module__list___qRVME", hi = "
     ...i
   } = e, c = m(i, s);
   return /* @__PURE__ */ r(
-    oo,
+    to,
     {
       ref: a,
       variant: t,
       orientation: o,
-      className: `${He.root} ${l || ""}`,
+      className: `${Ue.root} ${l || ""}`,
       "data-variant": t,
       "data-orientation": o,
       classNames: {
-        list: He.list,
-        tab: He.tab,
-        panel: He.panel
+        list: Ue.list,
+        tab: Ue.tab,
+        panel: Ue.panel
       },
       ...c
     }
   );
 });
 Sa.displayName = "Tabs";
-const Aa = f(
+const xa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      oo.List,
+      to.List,
       {
         ref: a,
         ...m(o, t)
@@ -3461,12 +3463,12 @@ const Aa = f(
     );
   }
 );
-Aa.displayName = "Tabs.List";
-const xa = f(
+xa.displayName = "Tabs.List";
+const Aa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      oo.Tab,
+      to.Tab,
       {
         ref: a,
         ...m(o, t)
@@ -3474,12 +3476,12 @@ const xa = f(
     );
   }
 );
-xa.displayName = "Tabs.Tab";
+Aa.displayName = "Tabs.Tab";
 const Oa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      oo.Panel,
+      to.Panel,
       {
         ref: a,
         ...m(o, t)
@@ -3488,9 +3490,9 @@ const Oa = f(
   }
 );
 Oa.displayName = "Tabs.Panel";
-const Ci = Object.assign(Sa, {
-  List: Aa,
-  Tab: xa,
+const gi = Object.assign(Sa, {
+  List: xa,
+  Tab: Aa,
   Panel: Oa
 }), La = f(function({ overStyled: e = !1, variant: a = "body", ...t }, o) {
   const s = m(t, e), l = s.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
@@ -3504,10 +3506,10 @@ const Ci = Object.assign(Sa, {
   );
 });
 La.displayName = "Text";
-const Pi = ee(La), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextArea-module__root___3dyeu", gi = "TextArea-module__input___8l36v", he = {
-  layoutOverride: Ti,
-  root: wi,
-  input: gi
+const Si = ee(La), xi = "TextArea-module__layoutOverride___4MCdm", Ai = "TextArea-module__root___3dyeu", Oi = "TextArea-module__input___8l36v", he = {
+  layoutOverride: xi,
+  root: Ai,
+  input: Oi
 }, Wa = f(
   function(e, a) {
     const {
@@ -3518,22 +3520,22 @@ const Pi = ee(La), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextAre
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
-      label: p,
+      onLabelEditClick: p,
+      label: d,
       assistiveText: u,
       assistiveWithIcon: $,
       error: y,
       required: _,
       withAsterisk: b,
-      id: T,
+      id: P,
       className: C,
       style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: z,
-      value: x,
-      defaultValue: A,
+      value: A,
+      defaultValue: x,
       ...L
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius;
@@ -3552,27 +3554,27 @@ const Pi = ee(La), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextAre
       {
         className: R,
         style: h,
-        controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
+        controlMaxWidth: "var(--textarea-control-max-width)",
+        controlMinWidth: "var(--textarea-control-min-width)",
         overStyled: t,
         formLayout: o,
         labelSize: s,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         assistiveText: u,
         assistiveWithIcon: $,
         error: y,
         required: _,
         withAsterisk: b,
-        id: T,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : A,
+        readOnlyValue: A !== void 0 ? A : x,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -3582,8 +3584,8 @@ const Pi = ee(La), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextAre
               ref: a,
               classNames: g,
               disabled: N,
-              value: x,
-              defaultValue: A,
+              value: A,
+              defaultValue: x,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -3602,11 +3604,11 @@ const Pi = ee(La), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextAre
   }
 );
 Wa.displayName = "TextArea";
-const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__root___2ZYkG", xi = "TextField-module__input___RL-My", Oi = "TextField-module__section___bCIJ0", te = {
-  layoutOverride: Si,
-  root: Ai,
-  input: xi,
-  section: Oi
+const Li = "TextField-module__layoutOverride___SNZqc", Wi = "TextField-module__root___2ZYkG", Ii = "TextField-module__input___RL-My", ki = "TextField-module__section___bCIJ0", te = {
+  layoutOverride: Li,
+  root: Wi,
+  input: Ii,
+  section: ki
 }, Ia = f(
   function(e, a) {
     const {
@@ -3617,22 +3619,22 @@ const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__r
       labelAlignment: l,
       labelOptionalText: i,
       labelWithEditIcon: c,
-      onLabelEditClick: d,
-      label: p,
+      onLabelEditClick: p,
+      label: d,
       assistiveText: u,
       assistiveWithIcon: $,
       error: y,
       required: _,
       withAsterisk: b,
-      id: T,
+      id: P,
       className: C,
       style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
       emptyValueComponent: z,
-      value: x,
-      defaultValue: A,
+      value: A,
+      defaultValue: x,
       ...L
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius;
@@ -3652,27 +3654,27 @@ const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__r
       {
         className: R,
         style: h,
-        controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
+        controlMaxWidth: "var(--text-field-control-max-width)",
+        controlMinWidth: "var(--text-field-control-min-width)",
         overStyled: t,
         formLayout: o,
         labelSize: s,
         labelAlignment: l,
         labelOptionalText: i,
         labelWithEditIcon: c,
-        onLabelEditClick: d,
-        label: p,
+        onLabelEditClick: p,
+        label: d,
         assistiveText: u,
         assistiveWithIcon: $,
         error: y,
         required: _,
         withAsterisk: b,
-        id: T,
+        id: P,
         readOnly: O,
         readOnlyComponent: v,
         emptyValueComponent: z,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : A,
+        readOnlyValue: A !== void 0 ? A : x,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -3682,8 +3684,8 @@ const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__r
               ref: a,
               classNames: g,
               disabled: N,
-              value: x,
-              defaultValue: A,
+              value: A,
+              defaultValue: x,
               wrapperProps: {
                 "data-disabled": N ? "true" : void 0,
                 "data-error": y ? "true" : void 0
@@ -3697,16 +3699,16 @@ const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__r
   }
 );
 Ia.displayName = "TextField";
-const Li = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Wi = "Timeline-module__root___LwRdZ", Ii = "Timeline-module__item___T5xdQ", ki = "Timeline-module__itemBody___XAV-E", zi = "Timeline-module__itemBullet___rPXCy", Mi = "Timeline-module__itemTitle___GgRRW", Ri = "Timeline-module__itemContent___vurs-", Bi = "Timeline-module__description___f9sxV", Ei = "Timeline-module__timestamp___owiRu", ve = {
-  root: Wi,
-  item: Ii,
-  itemBody: ki,
-  itemBullet: zi,
-  itemTitle: Mi,
-  itemContent: Ri,
-  description: Bi,
-  timestamp: Ei
-}, Wo = B.forwardRef(
+const zi = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Mi = "Timeline-module__root___LwRdZ", Ri = "Timeline-module__item___T5xdQ", Bi = "Timeline-module__itemBody___XAV-E", Ei = "Timeline-module__itemBullet___rPXCy", Fi = "Timeline-module__itemTitle___GgRRW", Vi = "Timeline-module__itemContent___vurs-", Di = "Timeline-module__description___f9sxV", Gi = "Timeline-module__timestamp___owiRu", ve = {
+  root: Mi,
+  item: Ri,
+  itemBody: Bi,
+  itemBullet: Ei,
+  itemTitle: Fi,
+  itemContent: Vi,
+  description: Di,
+  timestamp: Gi
+}, Io = B.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: a,
@@ -3720,14 +3722,14 @@ const Li = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Wi
       itemContent: ve.itemContent,
       itemBullet: ve.itemBullet,
       itemTitle: ve.itemTitle
-    }, d = i.classNames;
-    if (d && typeof d == "object" && !Array.isArray(d)) {
-      const u = d;
+    }, p = i.classNames;
+    if (p && typeof p == "object" && !Array.isArray(p)) {
+      const u = p;
       Object.keys(u).forEach(($) => {
         c[$] ? c[$] = `${c[$]} ${u[$]}` : c[$] = u[$];
       });
     }
-    const p = a ? /* @__PURE__ */ V(ke, { children: [
+    const d = a ? /* @__PURE__ */ V(ze, { children: [
       o && /* @__PURE__ */ r("div", { className: ve.description, children: o }),
       /* @__PURE__ */ r("div", { className: ve.timestamp, children: a })
     ] }) : o;
@@ -3738,12 +3740,12 @@ const Li = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Wi
         classNames: c,
         "data-variant": t,
         ...i,
-        children: p
+        children: d
       }
     );
   }
 );
-Wo.displayName = "TimelineItem";
+Io.displayName = "TimelineItem";
 const ka = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = {
@@ -3767,7 +3769,7 @@ const ka = B.forwardRef(
 );
 ka.displayName = "Timeline";
 const za = ka;
-za.Item = Wo;
+za.Item = Io;
 const Ma = f(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
   const s = m(t, e), l = s.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ r(
@@ -3781,14 +3783,14 @@ const Ma = f(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
   );
 });
 Ma.displayName = "Title";
-const Fi = "Toast-module__root___MUvfI", Vi = "Toast-module__icon___VwvE1", Di = "Toast-module__loader___8Gxd-", Gi = "Toast-module__title___-H6R2", ji = "Toast-module__description___-QwfC", Hi = "Toast-module__closeButton___vGr7g", qi = "Toast-module__body___VLkXA", Oe = {
-  root: Fi,
-  icon: Vi,
-  loader: Di,
-  title: Gi,
-  description: ji,
-  closeButton: Hi,
-  body: qi
+const ji = "Toast-module__root___MUvfI", Hi = "Toast-module__icon___VwvE1", qi = "Toast-module__loader___8Gxd-", Ui = "Toast-module__title___-H6R2", Yi = "Toast-module__description___-QwfC", Ki = "Toast-module__closeButton___vGr7g", Zi = "Toast-module__body___VLkXA", Oe = {
+  root: ji,
+  icon: Hi,
+  loader: qi,
+  title: Ui,
+  description: Yi,
+  closeButton: Ki,
+  body: Zi
 }, Ra = B.forwardRef(
   function({
     overStyled: e = !1,
@@ -3806,9 +3808,9 @@ const Fi = "Toast-module__root___MUvfI", Vi = "Toast-module__icon___VwvE1", Di =
       loader: Oe.loader
     }, c = l.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
-      const d = c;
-      Object.keys(d).forEach((p) => {
-        i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
+      const p = c;
+      Object.keys(p).forEach((d) => {
+        i[d] ? i[d] = `${i[d]} ${p[d]}` : i[d] = p[d];
       });
     }
     return /* @__PURE__ */ r(
@@ -3826,27 +3828,27 @@ const Fi = "Toast-module__root___MUvfI", Vi = "Toast-module__icon___VwvE1", Di =
   }
 );
 Ra.displayName = "Toast";
-const Ui = "Tooltip-module__tooltip___UA7H9", Yi = "Tooltip-module__arrow___4zROk", Do = {
-  tooltip: Ui,
-  arrow: Yi
+const Xi = "Tooltip-module__tooltip___UA7H9", Ji = "Tooltip-module__arrow___4zROk", Go = {
+  tooltip: Xi,
+  arrow: Ji
 }, Ba = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    tooltip: Do.tooltip,
-    arrow: Do.arrow
+    tooltip: Go.tooltip,
+    arrow: Go.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
-    Object.keys(p).forEach((u) => {
-      s[u] ? s[u] = `${s[u]} ${p[u]}` : s[u] = p[u];
+    const d = l;
+    Object.keys(d).forEach((u) => {
+      s[u] ? s[u] = `${s[u]} ${d[u]}` : s[u] = d[u];
     });
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    fo,
+    bo,
     {
       position: "top",
       multiline: !0,
@@ -3862,7 +3864,7 @@ const Ea = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      fo.Floating,
+      bo.Floating,
       {
         ref: t,
         ...o
@@ -3871,186 +3873,265 @@ const Ea = f(
   }
 );
 Ea.displayName = "TooltipFloating";
-const Io = Ba;
-Io.Floating = Ea;
-Io.Group = fo.Group;
-const Zi = (n) => /* @__PURE__ */ r("div", { ...n, children: "TransferList" }), Ki = "Tree-module__root___ANcH3", Go = {
-  root: Ki
-}, Fa = f(
-  function({ overStyled: e = !1, className: a, ...t }, o) {
-    const s = a ? `${Go.root} ${a}` : Go.root;
-    return /* @__PURE__ */ r("div", { ref: o, className: s, ...t, children: "Tree (Coming Soon)" });
-  }
-);
+const ko = Ba;
+ko.Floating = Ea;
+ko.Group = bo.Group;
+const Qi = (n) => /* @__PURE__ */ r("div", { ...n, children: "TransferList" }), ec = "Tree-module__root___ANcH3", oc = "Tree-module__subtree___KoLT8", tc = "Tree-module__node___Hvnjg", ac = "Tree-module__row___sq5ff", sc = "Tree-module__expandIcon___Rc3Fe", rc = "Tree-module__label___zJDit", Le = {
+  root: ec,
+  subtree: oc,
+  node: tc,
+  row: ac,
+  expandIcon: sc,
+  label: rc
+};
+function nc() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r("path", { d: "M5 3l5 5-5 5" })
+    }
+  );
+}
+function lc({
+  node: n,
+  hasChildren: e,
+  expanded: a,
+  elementProps: t
+}) {
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      ...t,
+      className: Le.row,
+      "data-has-children": e || void 0,
+      "data-expanded": e && a ? !0 : void 0,
+      children: [
+        /* @__PURE__ */ r("span", { className: Le.expandIcon, "aria-hidden": "true", children: e && /* @__PURE__ */ r(nc, {}) }),
+        /* @__PURE__ */ r("span", { className: Le.label, children: n.label })
+      ]
+    }
+  );
+}
+const Fa = f(function({
+  overStyled: e = !1,
+  data: a,
+  initialExpandedValues: t,
+  initialSelectedValues: o,
+  multiple: s = !1,
+  expandOnClick: l = !0,
+  selectOnClick: i = !0,
+  onNodeExpand: c,
+  onNodeCollapse: p,
+  onSelectedChange: d,
+  ...u
+}, $) {
+  const y = m(u, e), _ = vs({
+    initialExpandedState: t ? Cs(a, t) : void 0,
+    initialSelectedState: o,
+    multiple: s,
+    onNodeExpand: c,
+    onNodeCollapse: p
+  });
+  De(() => {
+    d == null || d(_.selectedState);
+  }, [_.selectedState, d]);
+  const b = y.className, P = b ? `${Le.root} ${b}` : Le.root;
+  return /* @__PURE__ */ r(
+    Ps,
+    {
+      ref: $,
+      data: a,
+      tree: _,
+      expandOnClick: l,
+      selectOnClick: i,
+      renderNode: lc,
+      classNames: {
+        root: P,
+        node: Le.node,
+        subtree: Le.subtree
+      },
+      ...y
+    }
+  );
+});
 Fa.displayName = "Tree";
-const rc = un, nc = $t, lc = Nt, ic = ht, cc = Gl, dc = ut, pc = Cn, uc = Pi, mc = P(
-  so
-), _c = P(
-  bo
-), yc = P(
-  to
-), fc = P(
+const fc = fn, bc = $t, Nc = Nt, $c = ht, hc = Ul, vc = ut, Cc = gn, Pc = Si, Tc = T(
+  ro
+), wc = T(
+  No
+), gc = T(
   ao
-), bc = P(
+), Sc = T(
+  so
+), xc = T(
   Ze
-), Nc = P(
+), Ac = T(
   et
-), $c = P(
-  ur
-), hc = P(
-  _r
-), vc = P(
+), Oc = T(
+  fr
+), Lc = T(
+  Nr
+), Wc = T(
   at
-), Cc = P(
-  wr
-), Pc = P(
-  Lr
-), Tc = P(
+), Ic = T(
+  Ar
+), kc = T(
+  zr
+), zc = T(
+  Po
+), Mc = T(
   Co
-), wc = P(
-  vo
-), gc = P(
+), Rc = T(
   pt
-), Sc = P(
+), Bc = T(
   mt
-), Ac = P(
+), Ec = T(
   _t
-), xc = P(
-  cn
-), Oc = P(
-  dn
-), Lc = P(
+), Fc = T(
+  mn
+), Vc = T(
+  _n
+), Dc = T(
   pe
-), Wc = P(
-  Po
-), Ic = P(
-  ho
-), kc = P(
-  No
-), zc = P(
-  We
-), Mc = P(
+), Gc = T(
+  To
+), jc = T(
+  vo
+), Hc = T(
+  $o
+), qc = T(
+  Ie
+), Uc = T(
   fe
-), Rc = P(
+), Yc = T(
   Dt
-), Bc = P(
-  ne
-), Ec = P(
+), Kc = T(
   le
-), Fc = P(
-  go
-), Vc = P(
+), Zc = T(
+  ie
+), Xc = T(
   So
-), Dc = P(
+), Jc = T(
   xo
-), Gc = P(
+), Qc = T(
+  Oo
+), ed = T(
   Ao
-), jc = P(
-  $o
-), Hc = P(
-  gl
-), qc = P(
+), od = T(
+  ho
+), td = T(
+  Ol
+), ad = T(
   _a
-), Uc = P(
-  ri
-), Yc = P(
+), sd = T(
+  ci
+), rd = T(
+  Wo
+), nd = T(
   Lo
-), Zc = P(
-  Oo
-), Kc = P(
+), ld = T(
   be
-), Xc = P(
-  Ci
-), Qc = P(
+), id = T(
+  gi
+), cd = T(
   Wa
-), Jc = P(
+), dd = T(
   Ia
-), ed = P(
-  Li
-), od = P(
+), pd = T(
+  zi
+), ud = T(
   za
-), td = P(
-  Wo
-), ad = P(
+), md = T(
+  Io
+), _d = T(
   Ma
-), sd = P(
+), yd = T(
   Ra
-), rd = P(
-  Io
-), nd = P(
-  Zi
-), ld = P(
+), fd = T(
+  ko
+), bd = T(
+  Qi
+), Nd = T(
   Fa
 );
 export {
-  mc as Accordion,
-  yc as AccordionControl,
-  _c as AccordionItem,
-  fc as AccordionPanel,
-  bc as AssistiveElement,
-  Nc as AutoComplete,
-  $c as Avatar,
-  hc as Badge,
-  vc as Breadcrumb,
-  Cc as Button,
-  Pc as Card,
-  Tc as Checkbox,
-  wc as CheckboxGroup,
-  gc as Chip,
-  dc as Container,
-  Sc as DatePicker,
-  Ac as Dropdown,
-  Xe as EmptyValueRenderer,
-  xc as FileInput,
-  Oc as FileUpload,
-  rc as Flex,
-  Lc as FormControlLayout,
-  nc as Grid,
-  lc as GridCol,
-  ic as Group,
-  Wc as HoverCard,
-  Le as IS_DEV,
-  kc as Label,
+  Tc as Accordion,
+  gc as AccordionControl,
+  wc as AccordionItem,
+  Sc as AccordionPanel,
+  xc as AssistiveElement,
+  Ac as AutoComplete,
+  Oc as Avatar,
+  Lc as Badge,
+  Wc as Breadcrumb,
+  Ic as Button,
+  kc as Card,
+  zc as Checkbox,
+  Mc as CheckboxGroup,
+  Rc as Chip,
+  vc as Container,
+  Bc as DatePicker,
+  Ec as Dropdown,
+  Je as EmptyValueRenderer,
+  Fc as FileInput,
+  Vc as FileUpload,
+  fc as Flex,
+  Dc as FormControlLayout,
+  bc as Grid,
+  Nc as GridCol,
+  $c as Group,
+  Gc as HoverCard,
+  We as IS_DEV,
+  Hc as Label,
   Xo as Layer,
-  pc as Link,
-  Ic as Loader,
-  zc as Menu,
-  Mc as Modal,
-  Rc as NumberInput,
-  Bc as Pagination,
-  Ec as Panel,
-  Fc as PanelFooter,
-  Vc as Popover,
-  ac as RECURSICA_COMPONENTS,
-  Dc as Radio,
-  Gc as RadioGroup,
-  jc as ReadOnlyField,
-  tc as RecursicaThemeProvider,
-  Hc as SegmentedControl,
-  qc as Slider,
-  cc as Stack,
-  Uc as Stepper,
-  Yc as Switch,
-  Zc as SwitchGroup,
-  Kc as Table,
-  Xc as Tabs,
-  uc as Text,
-  Qc as TextArea,
-  Jc as TextField,
-  ed as TimePicker,
-  od as Timeline,
-  td as TimelineItem,
-  ad as Title,
-  sd as Toast,
-  rd as Tooltip,
-  nd as TransferList,
-  ld as Tree,
-  sc as copyToClipboard,
-  Qo as injectOverStyledStyles,
-  oc as isGlobalOverStyledActive,
-  Jo as registerOverStyledConsoleCommand,
-  Xs as toggleGlobalOverStyled,
-  Qs as useGlobalOverStyled,
-  P as wrapComponent
+  Cc as Link,
+  jc as Loader,
+  qc as Menu,
+  Uc as Modal,
+  Yc as NumberInput,
+  Kc as Pagination,
+  Zc as Panel,
+  Xc as PanelFooter,
+  Jc as Popover,
+  _c as RECURSICA_COMPONENTS,
+  Qc as Radio,
+  ed as RadioGroup,
+  od as ReadOnlyField,
+  mc as RecursicaThemeProvider,
+  td as SegmentedControl,
+  ad as Slider,
+  hc as Stack,
+  sd as Stepper,
+  rd as Switch,
+  nd as SwitchGroup,
+  ld as Table,
+  id as Tabs,
+  Pc as Text,
+  cd as TextArea,
+  dd as TextField,
+  pd as TimePicker,
+  ud as Timeline,
+  md as TimelineItem,
+  _d as Title,
+  yd as Toast,
+  fd as Tooltip,
+  bd as TransferList,
+  Nd as Tree,
+  yc as copyToClipboard,
+  Jo as injectOverStyledStyles,
+  uc as isGlobalOverStyledActive,
+  Qo as registerOverStyledConsoleCommand,
+  or as toggleGlobalOverStyled,
+  tr as useGlobalOverStyled,
+  T as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map