@recursica/mantine-adapter 0.46.0 → 0.47.0

package/dist/mantine-adapter.js

@@ -1,6 +1,6 @@
-import { jsx as a, Fragment as ho, jsxs as z } from "react/jsx-runtime";
-import V, { forwardRef as _, useState as ne, useEffect as Se, useId as Bt, useRef as Fe, useCallback as uo, useMemo as kt } from "react";
-import { Accordion as qo, Input as Ft, Box as qa, Autocomplete as Ka, Avatar as Ya, createPolymorphicComponent as Ce, Badge as Za, Breadcrumbs as Xa, Loader as Ja, Button as Qa, Card as Ko, Checkbox as Ut, Chip as er, Container as or, Select as Gt, Flex as tr, Grid as Vt, Group as nr, HoverCard as st, Anchor as ar, Menu as Ae, Modal as ye, NumberInput as rr, Pagination as Ve, Drawer as He, Popover as lt, Radio as Ht, SegmentedControl as sr, Slider as lr, Stack as ir, Stepper as it, Switch as jt, CheckIcon as cr, CloseIcon as dr, Table as je, Tabs as Yo, Text as ur, Textarea as pr, TimelineItem as mr, Timeline as _r, Title as fr, Notification as yr, Tooltip as ct, useTree as hr, getTreeExpandedState as vr, Tree as Nr } from "@mantine/core";
+import { jsx as a, Fragment as No, jsxs as A } from "react/jsx-runtime";
+import G, { forwardRef as _, useState as ae, useEffect as ke, useId as Bt, useRef as Ge, useCallback as mo, useMemo as kt } from "react";
+import { Accordion as qo, Input as Ft, Box as qa, Autocomplete as Ka, Avatar as Ya, createPolymorphicComponent as ge, Badge as Za, Breadcrumbs as Xa, Loader as Ja, Button as Qa, Card as Ko, Checkbox as Ut, Chip as er, Container as or, Select as Vt, Flex as tr, Grid as Gt, Group as nr, HoverCard as st, Anchor as ar, Menu as ze, Modal as fe, NumberInput as rr, Pagination as qe, Drawer as Ke, Popover as lt, Radio as Ht, SegmentedControl as sr, Slider as lr, Stack as ir, Stepper as it, Switch as jt, CheckIcon as cr, CloseIcon as dr, Table as Ye, Tabs as Yo, Text as ur, Textarea as pr, TimelineItem as mr, Timeline as _r, Title as fr, Notification as yr, Tooltip as ct, useTree as hr, getTreeExpandedState as vr, Tree as Nr } from "@mantine/core";
 import { DatePickerInput as br, TimePicker as Cr } from "@mantine/dates";
 import { useMergedRef as Pr } from "@mantine/hooks";
 const gr = "_root_1qhn7_3", Tr = "_contents_1qhn7_18", Co = {
@@ -21,10 +21,10 @@ const gr = "_root_1qhn7_3", Tr = "_contents_1qhn7_18", Co = {
   );
 });
 qt.displayName = "Layer";
-const Go = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ a(V.Fragment, { children: r });
-Go.displayName = "EmptyValueRenderer";
-Go.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
-const $r = { 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" }, yo = (() => {
+const Vo = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ a(G.Fragment, { children: r });
+Vo.displayName = "EmptyValueRenderer";
+Vo.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
+const $r = { 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" }, vo = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
@@ -43,7 +43,7 @@ const $r = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
 })(), at = /* @__PURE__ */ new Set();
 let ro = !1;
 function wr(r) {
-  if (!yo)
+  if (!vo)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
     ), !1;
@@ -57,21 +57,21 @@ function wr(r) {
   return at.forEach((e) => e()), ro;
 }
 function _u() {
-  return yo && ro;
+  return vo && ro;
 }
 function Sr() {
-  const [r, e] = ne(ro);
-  return Se(() => {
-    if (!yo) return;
+  const [r, e] = ae(ro);
+  return ke(() => {
+    if (!vo) return;
     Kt(), Yt();
     const n = () => e(ro);
     return at.add(n), () => {
       at.delete(n);
     };
-  }, []), yo && r;
+  }, []), vo && r;
 }
 function Kt() {
-  if (!yo) return;
+  if (!vo) return;
   if (typeof document > "u") {
     console.warn(
       "[Recursica] document is undefined. Cannot inject overStyled styles."
@@ -93,7 +93,7 @@ function Kt() {
     `, document.head.appendChild(e));
 }
 function Yt() {
-  if (!yo) return;
+  if (!vo) return;
   if (typeof window > "u") {
     console.warn(
       "[Recursica] window is undefined. Cannot register console command."
@@ -114,14 +114,14 @@ function fu({
   theme: e = "light",
   initLayer0: n = !0
 }) {
-  return Se(() => {
+  return ke(() => {
     const o = document.documentElement;
     return o.setAttribute(Rt, e), () => {
       o.removeAttribute(Rt);
     };
-  }, [e]), Se(() => {
+  }, [e]), ke(() => {
     Kt(), Yt();
-  }, []), n ? /* @__PURE__ */ a(qt, { layer: 0, children: r }) : /* @__PURE__ */ a(ho, { children: r });
+  }, []), n ? /* @__PURE__ */ a(qt, { layer: 0, children: r }) : /* @__PURE__ */ a(No, { children: r });
 }
 const yu = [
   "Accordion",
@@ -196,7 +196,7 @@ function Zt(r, e) {
   const o = r.name.toLowerCase(), t = r.type.toLowerCase();
   return n.some((s) => s.startsWith(".") ? o.endsWith(s) : s.endsWith("/*") ? t.startsWith(s.slice(0, -1)) : t === s);
 }
-function W(r, e) {
+function z(r, e) {
   if (!e) return r;
   const n = { ...r }, o = /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(e)]);
   for (const t of o) {
@@ -214,20 +214,20 @@ function xr(r, e) {
   }
   return n;
 }
-function E(r, e) {
+function F(r, e) {
   const n = { ...r };
   for (const o of e)
     o in n && delete n[o];
   return n;
 }
-function ue(r, e) {
+function de(r, e) {
   return e !== void 0 ? e : r;
 }
 function k(r) {
-  if (!yo || typeof r != "function" && !(r && r.$$typeof))
+  if (!vo || typeof r != "function" && !(r && r.$$typeof))
     return r;
-  const e = V.forwardRef((o, t) => {
-    const { overStyled: s } = o, l = Sr(), i = V.createElement(
+  const e = G.forwardRef((o, t) => {
+    const { overStyled: s } = o, l = Sr(), i = G.createElement(
       r,
       { ...o, ref: t }
     );
@@ -302,7 +302,7 @@ const Or = [
   "left",
   "bottom",
   "right"
-]), Vo = {
+]), Go = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -314,7 +314,7 @@ const Or = [
 function Ao(r) {
   const e = { ...r };
   for (const [n, o] of Object.entries(e))
-    typeof o == "string" && o.startsWith("rec-") && Xt.has(n) && o in Vo && (e[n] = Vo[o]);
+    typeof o == "string" && o.startsWith("rec-") && Xt.has(n) && o in Go && (e[n] = Go[o]);
   return e;
 }
 function u(r, e) {
@@ -324,10 +324,10 @@ function u(r, e) {
   for (const o of Or)
     o in n && delete n[o];
   for (const [o, t] of Object.entries(n))
-    typeof t == "string" && t.startsWith("rec-") && Xt.has(o) && t in Vo && (n[o] = Vo[t]);
+    typeof t == "string" && t.startsWith("rec-") && Xt.has(o) && t in Go && (n[o] = Go[t]);
   return n;
 }
-const kr = "Accordion-module__root___Dem6d", Rr = "Accordion-module__item___7ryVk", Ir = "Accordion-module__noDivider___Ni2tT", Lr = "Accordion-module__control___b4wgX", Mr = "Accordion-module__label___Ss7uW", Ar = "Accordion-module__icon___xfHxX", zr = "Accordion-module__chevron___i-HVZ", Wr = "Accordion-module__iconLeftWrapper___5oLen", Dr = "Accordion-module__panel___Wx50w", Er = "Accordion-module__content___PEM9t", Ie = {
+const kr = "Accordion-module__root___Dem6d", Rr = "Accordion-module__item___7ryVk", Ir = "Accordion-module__noDivider___Ni2tT", Lr = "Accordion-module__control___b4wgX", Mr = "Accordion-module__label___Ss7uW", Ar = "Accordion-module__icon___xfHxX", zr = "Accordion-module__chevron___i-HVZ", Wr = "Accordion-module__iconLeftWrapper___5oLen", Dr = "Accordion-module__panel___Wx50w", Er = "Accordion-module__content___PEM9t", Le = {
   root: kr,
   item: Rr,
   noDivider: Ir,
@@ -345,16 +345,16 @@ const kr = "Accordion-module__root___Dem6d", Rr = "Accordion-module__item___7ryV
   overStyled: n = !1,
   ...o
 }) {
-  const t = typeof e == "string" && It[e] ? It[e] : e, s = u(o, n), l = s, i = W(
+  const t = typeof e == "string" && It[e] ? It[e] : e, s = u(o, n), l = s, i = z(
     {
-      root: Ie.root,
-      item: Ie.item,
-      control: Ie.control,
-      label: Ie.label,
-      chevron: Ie.chevron,
-      icon: Ie.icon,
-      panel: Ie.panel,
-      content: Ie.content
+      root: Le.root,
+      item: Le.item,
+      control: Le.control,
+      label: Le.label,
+      chevron: Le.chevron,
+      icon: Le.icon,
+      panel: Le.panel,
+      content: Le.content
     },
     l.classNames
   ), c = l.className;
@@ -378,7 +378,7 @@ const dt = _(function({
   overStyled: l = !1,
   ...i
 }, c) {
-  const d = u(i, l), m = d.className, p = [o ? void 0 : Ie.noDivider, m].filter(Boolean).join(" ") || void 0;
+  const d = u(i, l), m = d.className, p = [o ? void 0 : Le.noDivider, m].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ a(
     qo.Item,
     {
@@ -386,7 +386,7 @@ const dt = _(function({
       ...d,
       className: p,
       "data-disabled": s || void 0,
-      children: e ? /* @__PURE__ */ z(ho, { children: [
+      children: e ? /* @__PURE__ */ A(No, { children: [
         /* @__PURE__ */ a(Zo, { leftIcon: n, disabled: s, children: e }),
         /* @__PURE__ */ a(Xo, { children: t })
       ] }) : t
@@ -399,7 +399,7 @@ const Br = [
   // Mantine's native icon slot is fully computed here from `leftIcon`; the `Omit<>` on
   // AccordionControlWrapperProps only stops a well-typed caller, this is the runtime backstop.
 ], Zo = _(function({ leftIcon: e, children: n, overStyled: o = !1, ...t }, s) {
-  const l = E(
+  const l = F(
     u(t, o),
     Br
   ), i = l.className;
@@ -409,7 +409,7 @@ const Br = [
       ref: s,
       ...l,
       className: i,
-      icon: e ? /* @__PURE__ */ a("span", { className: Ie.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ a("span", { className: Le.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       children: n
     }
   );
@@ -431,11 +431,11 @@ const Jo = Jt;
 Jo.Item = dt;
 Jo.Control = Zo;
 Jo.Panel = Xo;
-const Fr = "AssistiveElement-module__root___WhQ43", Ur = "AssistiveElement-module__textWrapper___sfy5E", Gr = "AssistiveElement-module__iconWrapper___gObRF", tt = {
+const Fr = "AssistiveElement-module__root___WhQ43", Ur = "AssistiveElement-module__textWrapper___sfy5E", Vr = "AssistiveElement-module__iconWrapper___gObRF", tt = {
   root: Fr,
   textWrapper: Ur,
-  iconWrapper: Gr
-}, Vr = () => /* @__PURE__ */ z(
+  iconWrapper: Vr
+}, Gr = () => /* @__PURE__ */ A(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -451,7 +451,7 @@ const Fr = "AssistiveElement-module__root___WhQ43", Ur = "AssistiveElement-modul
       /* @__PURE__ */ a("path", { d: "M12 8h.01" })
     ]
   }
-), Hr = () => /* @__PURE__ */ z(
+), Hr = () => /* @__PURE__ */ A(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -476,13 +476,13 @@ const Fr = "AssistiveElement-module__root___WhQ43", Ur = "AssistiveElement-modul
   overStyled: l = !1,
   ...i
 }, c) {
-  const m = u(i, l), p = tt.root, $ = t ? `${p} ${t}` : p, y = e === "error" ? Hr : Vr;
-  return /* @__PURE__ */ z(
+  const m = u(i, l), p = tt.root, T = t ? `${p} ${t}` : p, y = e === "error" ? Hr : Gr;
+  return /* @__PURE__ */ A(
     "div",
     {
       ref: c,
       ...m,
-      className: $,
+      className: T,
       "data-variant": e,
       role: s ?? (e === "error" ? "alert" : void 0),
       style: m.style,
@@ -513,31 +513,31 @@ const jr = "Label-module__root___e6HXZ", qr = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...m
 }, p) {
-  const $ = n || "left";
+  const T = n || "left";
   let y;
   o || (t === !0 ? y = "optional" : t && (y = t));
   const v = [
     "size"
     // Recursica controls label sizing via `labelSize` + design tokens, not Mantine's native `size`.
-  ], h = E(
+  ], h = F(
     u(m, d),
     v
-  ), x = h, N = W(
+  ), x = h, N = z(
     {
       label: Qe.root,
       required: Qe.required
     },
     x.classNames
-  ), w = x.className, T = w ? `${Qe.root} ${w}` : Qe.root;
-  return /* @__PURE__ */ z(
+  ), w = x.className, $ = w ? `${Qe.root} ${w}` : Qe.root;
+  return /* @__PURE__ */ A(
     Ft.Label,
     {
       ref: p,
       ...h,
-      className: T,
+      className: $,
       classNames: N,
       "data-size": e,
-      "data-alignment": $,
+      "data-alignment": T,
       required: o && !s,
       children: [
         /* @__PURE__ */ a("span", { className: Qe.labelText, children: c }),
@@ -580,7 +580,7 @@ const Jr = "FormControlLayout-module__root___yNDhZ", Qr = "FormControlLayout-mod
   root: Jr,
   leftSection: Qr,
   rightSection: es
-}, Ue = _(function({
+}, He = _(function({
   formLayout: e = "stacked",
   labelSize: n = "default",
   controlMaxWidth: o,
@@ -592,7 +592,7 @@ const Jr = "FormControlLayout-module__root___yNDhZ", Qr = "FormControlLayout-mod
   ...d
 }, m) {
   const p = i ? `${Do.root} ${i}` : Do.root, y = s != null || e === "side-by-side";
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "div",
     {
       ref: m,
@@ -611,7 +611,7 @@ const Jr = "FormControlLayout-module__root___yNDhZ", Qr = "FormControlLayout-mod
     }
   );
 });
-Ue.displayName = "FormControlLayout";
+He.displayName = "FormControlLayout";
 const os = "FormControlWrapper-module__root___c-UHo", ts = "FormControlWrapper-module__inputSection___HenXk", Lt = {
   root: os,
   inputSection: ts
@@ -627,26 +627,26 @@ const os = "FormControlWrapper-module__root___c-UHo", ts = "FormControlWrapper-m
   description: d,
   assistiveText: m,
   assistiveWithIcon: p = !0,
-  controlMaxWidth: $,
+  controlMaxWidth: T,
   controlMinWidth: y,
   error: v,
   required: h,
   withAsterisk: x,
   id: N,
   children: w,
-  className: T,
+  className: $,
   overStyled: g = !1,
   labelElement: P,
   // Extracted safely preventing bleeding into HTML domains
   ...f
 }, b) {
-  const C = Bt(), O = N || `recursica-fc-${C}`, R = m || d, D = R ? `${O}-assistive` : void 0, A = v ? `${O}-error` : void 0, U = u(f, g), H = T || U.className, Z = Lt.root, Y = H ? `${Z} ${H}` : Z, q = V.isValidElement(w) ? V.cloneElement(
+  const C = Bt(), O = N || `recursica-fc-${C}`, R = m || d, D = R ? `${O}-assistive` : void 0, M = v ? `${O}-error` : void 0, j = u(f, g), V = $ || j.className, K = Lt.root, X = V ? `${K} ${V}` : K, q = G.isValidElement(w) ? G.cloneElement(
     w,
     {
       ...R && !w.props["aria-describedby"] ? { "aria-describedby": D } : {},
-      ...v && !w.props["aria-errormessage"] ? { "aria-errormessage": A } : {}
+      ...v && !w.props["aria-errormessage"] ? { "aria-errormessage": M } : {}
     }
-  ) : w, oe = c ? /* @__PURE__ */ a(
+  ) : w, J = c ? /* @__PURE__ */ a(
     ut,
     {
       id: O,
@@ -661,22 +661,22 @@ const os = "FormControlWrapper-module__root___c-UHo", ts = "FormControlWrapper-m
     }
   ) : void 0;
   return /* @__PURE__ */ a(
-    Ue,
+    He,
     {
       ref: b,
-      className: Y,
+      className: X,
       formLayout: e,
       labelSize: n,
-      controlMaxWidth: $,
+      controlMaxWidth: T,
       controlMinWidth: y,
-      leftSection: oe,
-      ...U,
-      children: /* @__PURE__ */ z("div", { className: Lt.inputSection, children: [
+      leftSection: J,
+      ...j,
+      children: /* @__PURE__ */ A("div", { className: Lt.inputSection, children: [
         q,
         v && /* @__PURE__ */ a(
           Ho,
           {
-            id: A,
+            id: M,
             assistiveVariant: "error",
             assistiveWithIcon: p,
             children: v
@@ -711,7 +711,7 @@ const ns = "ReadOnlyField-module__layoutOverride___9fSsG", as = "ReadOnlyField-m
       component: "p",
       ...o,
       className: t ? `${jo.textField} ${t}` : jo.textField,
-      children: r != null ? V.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
+      children: r != null ? G.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
     }
   );
 };
@@ -727,7 +727,7 @@ const pt = _(
     ...i
   }, c) {
     let d = null;
-    const m = u(i, t), p = o || Go, y = (p.check ? p.check(e) : Go.check(e)) ? /* @__PURE__ */ a(p, { value: e }) : e;
+    const m = u(i, t), p = o || Vo, y = (p.check ? p.check(e) : Vo.check(e)) ? /* @__PURE__ */ a(p, { value: e }) : e;
     switch (n) {
       case "boolean":
         d = /* @__PURE__ */ a(
@@ -773,7 +773,7 @@ const pt = _(
   }
 );
 pt.displayName = "ReadOnlyField";
-const he = _(function({
+const ye = _(function({
   readOnly: e,
   readOnlyComponent: n,
   readOnlyType: o = "text",
@@ -816,8 +816,8 @@ const he = _(function({
     }
   );
 });
-he.displayName = "WithReadOnlyWrapper";
-const rs = "AutoComplete-module__layoutOverride___-K9WL", ss = "AutoComplete-module__root___kANza", ls = "AutoComplete-module__input___g51MC", is = "AutoComplete-module__section___WAbf1", cs = "AutoComplete-module__dropdown___NqO3E", ds = "AutoComplete-module__option___Y-Kja", po = {
+ye.displayName = "WithReadOnlyWrapper";
+const rs = "AutoComplete-module__layoutOverride___-K9WL", ss = "AutoComplete-module__root___kANza", ls = "AutoComplete-module__input___g51MC", is = "AutoComplete-module__section___WAbf1", cs = "AutoComplete-module__dropdown___NqO3E", ds = "AutoComplete-module__option___Y-Kja", _o = {
   layoutOverride: rs,
   root: ss,
   input: ls,
@@ -844,38 +844,38 @@ const rs = "AutoComplete-module__layoutOverride___-K9WL", ss = "AutoComplete-mod
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
       ...O
-    } = e, R = E(
+    } = e, R = F(
       u(O, o),
       us
-    ), D = R, A = W(
+    ), D = R, M = z(
       {
-        wrapper: po.root,
+        wrapper: _o.root,
         // The nested Input internal relative wrapper bounding box
-        input: po.input,
-        section: po.section,
-        dropdown: po.dropdown,
-        option: po.option
+        input: _o.input,
+        section: _o.section,
+        dropdown: _o.dropdown,
+        option: _o.option
       },
       D.classNames
-    ), M = N ? `${po.layoutOverride} ${N}` : po.layoutOverride;
+    ), L = N ? `${_o.layoutOverride} ${N}` : _o.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: M,
+        className: L,
         style: w,
         controlMaxWidth: "var(--autocomplete-control-max-width)",
         controlMinWidth: "var(--autocomplete-control-min-width)",
@@ -888,7 +888,7 @@ const rs = "AutoComplete-module__layoutOverride___-K9WL", ss = "AutoComplete-mod
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -906,8 +906,8 @@ const rs = "AutoComplete-module__layoutOverride___-K9WL", ss = "AutoComplete-mod
             {
               ref: n,
               ...R,
-              classNames: A,
-              disabled: T,
+              classNames: M,
+              disabled: $,
               value: b,
               defaultValue: C,
               error: !!y
@@ -947,13 +947,13 @@ const ps = "Avatar-module__root___fXu-J", ms = "Avatar-module__iconWrapper___ojl
     // Colors are token-driven via `data-variant`; Mantine's native palette isn't exposed.
     "radius"
     // Avatar corner radius is controlled by design tokens, not a raw radius prop.
-  ], $ = E(
+  ], T = F(
     u(i, l),
     p
-  ), y = $;
+  ), y = T;
   let v = "text";
   s ? v = "image" : o && (v = "icon");
-  const h = W(
+  const h = z(
     {
       root: To.root,
       image: To.image,
@@ -965,7 +965,7 @@ const ps = "Avatar-module__root___fXu-J", ms = "Avatar-module__iconWrapper___ojl
     Ya,
     {
       ref: c,
-      ...$,
+      ...T,
       className: x,
       classNames: h,
       variant: d[n],
@@ -979,10 +979,10 @@ const ps = "Avatar-module__root___fXu-J", ms = "Avatar-module__iconWrapper___ojl
   );
 });
 en.displayName = "Avatar";
-const hs = Ce(en), vs = "Badge-module__root___5osNT", $o = {
+const hs = ge(en), vs = "Badge-module__root___5osNT", $o = {
   root: vs
 }, on = _(function({ variant: e = "primary-color", overStyled: n = !1, ...o }, t) {
-  const s = u(o, n), l = W(
+  const s = u(o, n), l = z(
     {
       root: $o.root,
       section: $o.section,
@@ -1003,7 +1003,7 @@ const hs = Ce(en), vs = "Badge-module__root___5osNT", $o = {
   );
 });
 on.displayName = "Badge";
-const tn = Ce(on), Ns = "Breadcrumb-module__root___x-9ln", bs = "Breadcrumb-module__separator___qrUX-", Eo = {
+const tn = ge(on), Ns = "Breadcrumb-module__root___x-9ln", bs = "Breadcrumb-module__separator___qrUX-", Eo = {
   root: Ns,
   separator: bs
 }, nn = _(
@@ -1011,7 +1011,7 @@ const tn = Ce(on), Ns = "Breadcrumb-module__root___x-9ln", bs = "Breadcrumb-modu
     const s = u(
       { separator: n, ...o },
       e
-    ), l = W(
+    ), l = z(
       {
         root: Eo.root,
         separator: Eo.separator
@@ -1047,10 +1047,10 @@ const Cs = "Loader-module__root___6iYOP", nt = {
     small: "small",
     default: "default",
     large: "large"
-  }[n] || "default", c = u(t, o), d = c, m = W(
+  }[n] || "default", c = u(t, o), d = c, m = z(
     { root: nt.root },
     d.classNames
-  ), p = d.className, $ = p ? `${nt.root} ${p}` : nt.root;
+  ), p = d.className, T = p ? `${nt.root} ${p}` : nt.root;
   return /* @__PURE__ */ a(
     Ja,
     {
@@ -1059,7 +1059,7 @@ const Cs = "Loader-module__root___6iYOP", nt = {
       type: e,
       "data-variant": e,
       "data-size": i,
-      className: $,
+      className: T,
       classNames: m
     }
   );
@@ -1091,21 +1091,21 @@ const an = _(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, $ = {
+  }, T = {
     default: "md",
     small: "sm"
   }, y = [
     "fullWidth"
     // Recursica Button width comes from layout/token constraints, not Mantine's boolean fullWidth toggle.
-  ], v = E(
+  ], v = F(
     u(d, s),
     y
-  ), h = v, x = !!o || !!h.leftSection, N = !!h.rightSection, w = xs(t), T = (x || N) && !w;
+  ), h = v, x = !!o || !!h.leftSection, N = !!h.rightSection, w = xs(t), $ = (x || N) && !w;
   let g = "label";
-  T ? g = "icon-only" : (x || N) && (g = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && T && !h["aria-label"] && console.warn(
+  $ ? g = "icon-only" : (x || N) && (g = "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 P = W(
+  const P = z(
     {
       root: eo.root,
       section: eo.section,
@@ -1113,7 +1113,7 @@ const an = _(function({
       loader: eo.loader
     },
     h.classNames
-  ), f = h.className, b = f ? `${eo.root} ${f}` : eo.root, C = h.loaderProps, O = ue(
+  ), f = h.className, b = f ? `${eo.root} ${f}` : eo.root, C = h.loaderProps, O = de(
     n === "small" ? "small" : "default",
     i
   );
@@ -1129,7 +1129,7 @@ const an = _(function({
       className: b,
       classNames: P,
       variant: p[e],
-      size: $[n],
+      size: T[n],
       loaderProps: R,
       leftSection: o != null ? /* @__PURE__ */ a("span", { className: eo.iconWrapper, "aria-hidden": !0, children: o }) : void 0,
       "data-variant": e,
@@ -1141,9 +1141,9 @@ const an = _(function({
   );
 });
 an.displayName = "Button";
-const so = Ce(
+const so = ge(
   an
-), Os = "Card-module__root___c9KvZ", ks = "Card-module__header___PTXf2", Rs = "Card-module__footer___Mu-JC", Is = "Card-module__section___BRT8H", Ls = "Card-module__content___oFIQa", Ge = {
+), Os = "Card-module__root___c9KvZ", ks = "Card-module__header___PTXf2", Rs = "Card-module__footer___Mu-JC", Is = "Card-module__section___BRT8H", Ls = "Card-module__content___oFIQa", je = {
   root: Os,
   header: ks,
   footer: Rs,
@@ -1157,7 +1157,7 @@ const so = Ce(
   "padding"
   // Padding is token-driven (`--card-padding`), not Mantine's spacing-scale prop.
 ], rn = _(function({ overStyled: e = !1, ...n }, o) {
-  const t = E(
+  const t = F(
     u(n, e),
     Ms
   );
@@ -1172,9 +1172,9 @@ const so = Ce(
   ].forEach((c) => {
     c in n && !(c in t) && (t[c] = n[c]);
   });
-  const l = W(
+  const l = z(
     {
-      root: Ge.root
+      root: je.root
     },
     t.classNames
   ), i = t.className;
@@ -1197,7 +1197,7 @@ const sn = _(
       {
         ref: o,
         ...t,
-        className: s ? `${Ge.section} ${s}` : Ge.section
+        className: s ? `${je.section} ${s}` : je.section
       }
     );
   }
@@ -1210,7 +1210,7 @@ const ln = [
   // Padding is fixed by the `.header`/`.footer` token-driven padding, not Mantine's default.
 ], cn = _(
   function({ overStyled: e = !1, ...n }, o) {
-    const t = E(
+    const t = F(
       u(n, e),
       ln
     ), s = t.className;
@@ -1219,7 +1219,7 @@ const ln = [
       {
         ref: o,
         ...t,
-        className: s ? `${Ge.header} ${s}` : Ge.header
+        className: s ? `${je.header} ${s}` : je.header
       }
     );
   }
@@ -1227,7 +1227,7 @@ const ln = [
 cn.displayName = "CardHeader";
 const dn = _(
   function({ overStyled: e = !1, ...n }, o) {
-    const t = E(
+    const t = F(
       u(n, e),
       ln
     ), s = t.className;
@@ -1236,7 +1236,7 @@ const dn = _(
       {
         ref: o,
         ...t,
-        className: s ? `${Ge.footer} ${s}` : Ge.footer
+        className: s ? `${je.footer} ${s}` : je.footer
       }
     );
   }
@@ -1250,18 +1250,18 @@ const un = _(
       {
         ref: o,
         ...t,
-        className: s ? `${Ge.content} ${s}` : Ge.content
+        className: s ? `${je.content} ${s}` : je.content
       }
     );
   }
 );
 un.displayName = "CardContent";
-const pn = Ce(rn), Qo = pn;
+const pn = ge(rn), Qo = pn;
 Qo.Section = sn;
 Qo.Header = cn;
 Qo.Footer = dn;
 Qo.Content = un;
-const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module__root___mY3qk", Ds = "Checkbox-module__body___5yC7q", Es = "Checkbox-module__inner___rTke4", Bs = "Checkbox-module__input___2kt-h", Fs = "Checkbox-module__icon___-O7i6", Us = "Checkbox-module__labelWrapper___GpZkr", Gs = "Checkbox-module__label___cwRtI", we = {
+const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module__root___mY3qk", Ds = "Checkbox-module__body___5yC7q", Es = "Checkbox-module__inner___rTke4", Bs = "Checkbox-module__input___2kt-h", Fs = "Checkbox-module__icon___-O7i6", Us = "Checkbox-module__labelWrapper___GpZkr", Vs = "Checkbox-module__label___cwRtI", Oe = {
   groupRoot: zs,
   root: Ws,
   body: Ds,
@@ -1269,7 +1269,7 @@ const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module_
   input: Bs,
   icon: Fs,
   labelWrapper: Us,
-  label: Gs
+  label: Vs
 }, Io = _(
   function(e, n) {
     const {
@@ -1284,14 +1284,14 @@ const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       children: g,
       readOnly: P,
       readOnlyComponent: f,
@@ -1302,15 +1302,15 @@ const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module_
     } = e, D = [
       "size"
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
-    ], A = E(
+    ], M = F(
       u(R, o),
       D
-    ), M = A;
+    ), L = M;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
         className: w,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: o,
@@ -1323,7 +1323,7 @@ const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module_
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
         error: v,
         required: h,
@@ -1339,19 +1339,19 @@ const As = pn, zs = "Checkbox-module__groupRoot___cBS0o", Ws = "Checkbox-module_
           Ut.Group,
           {
             ref: n,
-            ...A,
-            disabled: P || M.disabled,
+            ...M,
+            disabled: P || L.disabled,
             value: C,
             defaultValue: O,
-            children: /* @__PURE__ */ a("div", { className: we.groupRoot, "data-layout": t, children: g })
+            children: /* @__PURE__ */ a("div", { className: Oe.groupRoot, "data-layout": t, children: g })
           }
         ) : /* @__PURE__ */ a(
           "div",
           {
             ref: n,
-            ...A,
+            ...M,
             role: "group",
-            className: we.groupRoot,
+            className: Oe.groupRoot,
             "data-layout": t,
             children: g
           }
@@ -1373,7 +1373,7 @@ const Lo = _(
       controlMaxWidth: d,
       controlMinWidth: m,
       ...p
-    } = e, $ = [
+    } = e, T = [
       "size",
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
       "color",
@@ -1384,32 +1384,32 @@ const Lo = _(
       // Checkbox has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
       "iconColor"
       // Icon color is token-driven via Checkbox.module.css, not a native Mantine override.
-    ], y = E(
+    ], y = F(
       u(p, o),
-      $
-    ), v = y, h = W(
+      T
+    ), v = y, h = z(
       {
-        root: we.root,
-        body: we.body,
-        inner: we.inner,
-        input: we.input,
-        icon: we.icon,
-        labelWrapper: we.labelWrapper,
-        label: we.label
+        root: Oe.root,
+        body: Oe.body,
+        inner: Oe.inner,
+        input: Oe.input,
+        icon: Oe.icon,
+        labelWrapper: Oe.labelWrapper,
+        label: Oe.label
       },
       v.classNames
-    ), x = v.className, N = x ? `${we.root} ${x}` : we.root;
+    ), x = v.className, N = x ? `${Oe.root} ${x}` : Oe.root;
     if (t && s) {
-      const T = !!(v.checked ?? v.defaultChecked), P = /* @__PURE__ */ a(
+      const $ = !!(v.checked ?? v.defaultChecked), P = /* @__PURE__ */ a(
         s,
         {
           ...e,
-          checked: T,
+          checked: $,
           label: v.label
         }
       );
       return i ? /* @__PURE__ */ a(
-        Ue,
+        He,
         {
           formLayout: i,
           labelSize: c,
@@ -1417,7 +1417,7 @@ const Lo = _(
           controlMinWidth: m,
           children: P
         }
-      ) : /* @__PURE__ */ a(ho, { children: P });
+      ) : /* @__PURE__ */ a(No, { children: P });
     }
     const w = /* @__PURE__ */ a(
       Ut,
@@ -1430,7 +1430,7 @@ const Lo = _(
       }
     );
     return i ? /* @__PURE__ */ a(
-      Ue,
+      He,
       {
         formLayout: i,
         labelSize: c,
@@ -1443,8 +1443,8 @@ const Lo = _(
 );
 Lo.displayName = "Checkbox";
 Lo.Group = Io;
-const Vs = "Chip-module__root___f5pFk", Hs = "Chip-module__label___Ov9pg", js = "Chip-module__mantineIconWrapper___KLSz6", qs = "Chip-module__innerWrapper___EnrTF", Ks = "Chip-module__children___zbRAR", Ys = "Chip-module__leadingIcon___JBtjQ", Zs = "Chip-module__deleteIcon___zPPsH", $e = {
-  root: Vs,
+const Gs = "Chip-module__root___f5pFk", Hs = "Chip-module__label___Ov9pg", js = "Chip-module__mantineIconWrapper___KLSz6", qs = "Chip-module__innerWrapper___EnrTF", Ks = "Chip-module__children___zbRAR", Ys = "Chip-module__leadingIcon___JBtjQ", Zs = "Chip-module__deleteIcon___zPPsH", xe = {
+  root: Gs,
   label: Hs,
   mantineIconWrapper: js,
   innerWrapper: qs,
@@ -1453,7 +1453,7 @@ const Vs = "Chip-module__root___f5pFk", Hs = "Chip-module__label___Ov9pg", js =
   deleteIcon: Zs
 };
 function Xs(r) {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1485,19 +1485,19 @@ const Mo = _(function({
   wrapperProps: d,
   tabIndex: m,
   "aria-hidden": p,
-  ...$
+  ...T
 }, y) {
-  const v = u($, c), h = v, x = W(
+  const v = u(T, c), h = v, x = z(
     {
-      root: $e.root,
-      label: $e.label,
-      input: $e.input,
-      iconWrapper: $e.mantineIconWrapper,
-      checkIcon: $e.checkIcon
+      root: xe.root,
+      label: xe.label,
+      input: xe.input,
+      iconWrapper: xe.mantineIconWrapper,
+      checkIcon: xe.checkIcon
     },
     h.classNames
-  ), N = h.className, w = N ? `${$e.root} ${N}` : $e.root, T = e ? "" : void 0, g = !i && (!!n || !!o), P = o !== void 0 || h.onClick !== void 0 || h.onChange !== void 0, f = {
-    ...T !== void 0 ? { "data-error": "" } : {},
+  ), N = h.className, w = N ? `${xe.root} ${N}` : xe.root, $ = e ? "" : void 0, g = !i && (!!n || !!o), P = o !== void 0 || h.onClick !== void 0 || h.onChange !== void 0, f = {
+    ...$ !== void 0 ? { "data-error": "" } : {},
     ...P ? { "data-interactive": "" } : {}
   };
   return /* @__PURE__ */ a(
@@ -1507,25 +1507,25 @@ const Mo = _(function({
       ...v,
       className: w,
       classNames: x,
-      wrapperProps: ue(f, d),
+      wrapperProps: de(f, d),
       "data-icon-only": g ? "" : void 0,
-      tabIndex: ue(
+      tabIndex: de(
         P ? void 0 : -1,
         m
       ),
-      "aria-hidden": ue(
+      "aria-hidden": de(
         P ? void 0 : !0,
         p
       ),
-      children: /* @__PURE__ */ z("span", { className: $e.innerWrapper, children: [
-        n && /* @__PURE__ */ a("span", { className: $e.leadingIcon, "aria-hidden": !0, children: n }),
-        /* @__PURE__ */ a("span", { className: $e.children, children: i }),
+      children: /* @__PURE__ */ A("span", { className: xe.innerWrapper, children: [
+        n && /* @__PURE__ */ a("span", { className: xe.leadingIcon, "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ a("span", { className: xe.children, children: i }),
         o && /* @__PURE__ */ a(
           "span",
           {
             ref: l,
             role: "button",
-            className: $e.deleteIcon,
+            className: xe.deleteIcon,
             onClick: (b) => {
               b.preventDefault(), b.stopPropagation(), o(b);
             },
@@ -1578,7 +1578,7 @@ const Js = "Container-module__root___UVssr", wo = {
 );
 mn.displayName = "Container";
 function Qs(r) {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1598,7 +1598,7 @@ function Qs(r) {
     }
   );
 }
-const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module__root___6XvRT", tl = "DatePicker-module__input___pcSW8", nl = "DatePicker-module__section___n3iWA", al = "DatePicker-module__dropdown___wjt08", rl = "DatePicker-module__calendarHeader___KHxno", sl = "DatePicker-module__calendarHeaderControl___q7UvJ", ll = "DatePicker-module__calendarHeaderLevel___ebdJ2", il = "DatePicker-module__calendarHeaderControlIcon___2tZOb", cl = "DatePicker-module__weekday___H5lIj", dl = "DatePicker-module__day___U03J2", Ne = {
+const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module__root___6XvRT", tl = "DatePicker-module__input___pcSW8", nl = "DatePicker-module__section___n3iWA", al = "DatePicker-module__dropdown___wjt08", rl = "DatePicker-module__calendarHeader___KHxno", sl = "DatePicker-module__calendarHeaderControl___q7UvJ", ll = "DatePicker-module__calendarHeaderLevel___ebdJ2", il = "DatePicker-module__calendarHeaderControlIcon___2tZOb", cl = "DatePicker-module__weekday___H5lIj", dl = "DatePicker-module__day___U03J2", Ce = {
   layoutOverride: el,
   root: ol,
   input: tl,
@@ -1632,14 +1632,14 @@ const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module_
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
@@ -1651,39 +1651,39 @@ const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module_
       // Default display format; consumers can still override.
       placeholder: D = "MM / DD / YY",
       // Default placeholder; consumers can still override.
-      leftSection: A,
+      leftSection: M,
       // Default leading icon computed below; consumers can still override.
-      ...M
-    } = e, U = E(
-      u(M, o),
+      ...L
+    } = e, j = F(
+      u(L, o),
       ul
-    ), H = U, Z = W(
+    ), V = j, K = z(
       {
-        wrapper: Ne.root,
+        wrapper: Ce.root,
         // The nested Input internal relative wrapper bounding box
-        input: Ne.input,
-        section: Ne.section,
-        day: Ne.day,
-        weekday: Ne.weekday,
-        calendarHeader: Ne.calendarHeader,
-        calendarHeaderControl: Ne.calendarHeaderControl,
-        calendarHeaderLevel: Ne.calendarHeaderLevel,
-        calendarHeaderControlIcon: Ne.calendarHeaderControlIcon
+        input: Ce.input,
+        section: Ce.section,
+        day: Ce.day,
+        weekday: Ce.weekday,
+        calendarHeader: Ce.calendarHeader,
+        calendarHeaderControl: Ce.calendarHeaderControl,
+        calendarHeaderLevel: Ce.calendarHeaderLevel,
+        calendarHeaderControlIcon: Ce.calendarHeaderControlIcon
       },
-      H.classNames
-    ), Y = H.popoverProps, q = Y && typeof Y == "object" && !Array.isArray(Y) ? Y : void 0, oe = q != null && q.classNames && typeof q.classNames == "object" && !Array.isArray(q.classNames) ? q.classNames : void 0;
-    delete H.popoverProps;
-    const re = {
+      V.classNames
+    ), X = V.popoverProps, q = X && typeof X == "object" && !Array.isArray(X) ? X : void 0, J = q != null && q.classNames && typeof q.classNames == "object" && !Array.isArray(q.classNames) ? q.classNames : void 0;
+    delete V.popoverProps;
+    const ne = {
       ...q,
-      classNames: W(
-        { dropdown: Ne.dropdown },
-        oe
+      classNames: z(
+        { dropdown: Ce.dropdown },
+        J
       )
-    }, Pe = N ? `${Ne.layoutOverride} ${N}` : Ne.layoutOverride;
+    }, Te = N ? `${Ce.layoutOverride} ${N}` : Ce.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: Pe,
+        className: Te,
         style: w,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -1696,7 +1696,7 @@ const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module_
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -1713,9 +1713,9 @@ const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module_
             br,
             {
               ref: n,
-              ...U,
-              classNames: Z,
-              disabled: T,
+              ...j,
+              classNames: K,
+              disabled: $,
               value: b,
               defaultValue: C,
               label: void 0,
@@ -1725,15 +1725,15 @@ const el = "DatePicker-module__layoutOverride___X9yaM", ol = "DatePicker-module_
               highlightToday: O,
               valueFormat: R,
               placeholder: D,
-              leftSection: ue(
+              leftSection: de(
                 /* @__PURE__ */ a(Qs, {}),
-                A
+                M
               ),
               wrapperProps: {
-                "data-disabled": T ? "true" : void 0,
+                "data-disabled": $ ? "true" : void 0,
                 "data-error": y ? "true" : void 0
               },
-              popoverProps: re
+              popoverProps: ne
             }
           )
         )
@@ -1770,14 +1770,14 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
       labelWithEditIcon: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       disabled: g,
       readOnly: P,
       readOnlyComponent: f,
@@ -1786,14 +1786,14 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
       defaultValue: O,
       data: R,
       clearButtonProps: D,
-      ...A
-    } = e, M = E(
-      u(A, o),
+      ...M
+    } = e, L = F(
+      u(M, o),
       Nl
-    ), U = M, H = D, Z = {
-      ...H,
-      className: H != null && H.className ? `${ie.clearButton} ${H.className}` : ie.clearButton
-    }, Y = W(
+    ), j = L, V = D, K = {
+      ...V,
+      className: V != null && V.className ? `${ie.clearButton} ${V.className}` : ie.clearButton
+    }, X = z(
       {
         wrapper: ie.root,
         // The nested Input internal relative wrapper bounding box
@@ -1802,15 +1802,15 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
         dropdown: ie.dropdown,
         option: ie.option
       },
-      U.classNames
+      j.classNames
     ), q = {
-      ...T || {},
+      ...$ || {},
       width: s || "100%"
-    }, oe = w ? `${ie.layoutOverride} ${w}` : ie.layoutOverride;
+    }, J = w ? `${ie.layoutOverride} ${w}` : ie.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: oe,
+        className: J,
         style: q,
         controlMaxWidth: "var(--dropdown-control-max-width)",
         controlMinWidth: "var(--dropdown-control-min-width)",
@@ -1822,7 +1822,7 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
         labelWithEditIcon: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
         error: v,
         required: h,
@@ -1837,16 +1837,16 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ a(
-            Gt,
+            Vt,
             {
               ref: n,
-              ...M,
-              classNames: Y,
+              ...L,
+              classNames: X,
               disabled: g,
               value: C,
               defaultValue: O,
               data: R || [],
-              clearButtonProps: Z,
+              clearButtonProps: K,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1866,7 +1866,7 @@ const pl = "Dropdown-module__layoutOverride___FNcvP", ml = "Dropdown-module__roo
   }
 );
 fn.displayName = "Dropdown";
-const bl = "FileInput-module__layoutOverride___HIOY6", Cl = "FileInput-module__root___UvQj-", Pl = "FileInput-module__leadingIcon___z75c4", gl = "FileInput-module__content___Udsvh", Tl = "FileInput-module__value___RX33R", $l = "FileInput-module__chipRow___My6TF", wl = "FileInput-module__chipWrapper___q2CDy", Sl = "FileInput-module__trailingIcon___odGPm", Ee = {
+const bl = "FileInput-module__layoutOverride___HIOY6", Cl = "FileInput-module__root___UvQj-", Pl = "FileInput-module__leadingIcon___z75c4", gl = "FileInput-module__content___Udsvh", Tl = "FileInput-module__value___RX33R", $l = "FileInput-module__chipRow___My6TF", wl = "FileInput-module__chipWrapper___q2CDy", Sl = "FileInput-module__trailingIcon___odGPm", Ue = {
   layoutOverride: bl,
   root: Cl,
   leadingIcon: Pl,
@@ -1877,7 +1877,7 @@ const bl = "FileInput-module__layoutOverride___HIOY6", Cl = "FileInput-module__r
   trailingIcon: Sl
 };
 function xl() {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1897,7 +1897,7 @@ function xl() {
   );
 }
 function Ol() {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1928,14 +1928,14 @@ const yn = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       disabled: g,
       readOnly: P,
       files: f,
@@ -1944,70 +1944,70 @@ const yn = _(
       accept: O,
       multiple: R = !1,
       maxSize: D,
-      maxFiles: A,
-      onFilesRejected: M,
-      invalidFileTypeMessage: U = "File type not accepted",
-      maxFilesMessage: H = R ? `Maximum of ${A} files allowed` : "Only one file is allowed",
-      icon: Z,
-      clearIcon: Y,
+      maxFiles: M,
+      onFilesRejected: L,
+      invalidFileTypeMessage: j = "File type not accepted",
+      maxFilesMessage: V = R ? `Maximum of ${M} files allowed` : "Only one file is allowed",
+      icon: K,
+      clearIcon: X,
       placeholder: q = "Select a file...",
-      browseLabel: oe = "Choose file",
-      removeFileLabel: re = "Remove",
-      clearLabel: Pe = "Clear",
-      ...I
-    } = e, ce = u(I, o), G = !g && !P, se = !!f && f.length > 0, xe = Fe(null), [pe, de] = ne(!1), [ve, ge] = ne(!1), Ye = (S) => {
-      if (!G) return;
-      const Q = Array.from(S);
-      if (Q.length === 0) return;
-      const ee = R ? A : 1, K = R ? (f == null ? void 0 : f.length) ?? 0 : 0, _e = [], Wo = [];
+      browseLabel: J = "Choose file",
+      removeFileLabel: ne = "Remove",
+      clearLabel: Te = "Clear",
+      ...W
+    } = e, he = u(W, o), E = !g && !P, se = !!f && f.length > 0, ve = Ge(null), [ce, ue] = ae(!1), [Ne, $e] = ae(!1), Ee = (S) => {
+      if (!E) return;
+      const ee = Array.from(S);
+      if (ee.length === 0) return;
+      const oe = R ? M : 1, Y = R ? (f == null ? void 0 : f.length) ?? 0 : 0, me = [], Wo = [];
       let wt = !1, St = !1;
-      for (const ot of Q) {
+      for (const ot of ee) {
         const xt = !Zt(ot, O);
         xt && (wt = !0);
-        const ja = D !== void 0 && ot.size > D, Ot = ee !== void 0 && K + _e.length >= ee;
-        Ot && (St = !0), (xt || ja || Ot ? Wo : _e).push(ot);
+        const ja = D !== void 0 && ot.size > D, Ot = oe !== void 0 && Y + me.length >= oe;
+        Ot && (St = !0), (xt || ja || Ot ? Wo : me).push(ot);
       }
-      de(wt), ge(St), _e.length > 0 && (b == null || b(_e)), Wo.length > 0 && (M == null || M(Wo));
-    }, Te = Fe(0), [Oe, ke] = ne(!1), Ze = (S) => {
-      S.preventDefault(), Te.current += 1, ke(!0);
-    }, io = (S) => {
-      S.preventDefault(), Te.current -= 1, Te.current <= 0 && (Te.current = 0, ke(!1));
-    }, Xe = (S) => {
+      ue(wt), $e(St), me.length > 0 && (b == null || b(me)), Wo.length > 0 && (L == null || L(Wo));
+    }, we = Ge(0), [io, Be] = ae(!1), co = (S) => {
+      S.preventDefault(), we.current += 1, Be(!0);
+    }, uo = (S) => {
+      S.preventDefault(), we.current -= 1, we.current <= 0 && (we.current = 0, Be(!1));
+    }, Re = (S) => {
       S.preventDefault();
-    }, No = (S) => {
-      S.preventDefault(), Te.current = 0, ke(!1), Ye(S.dataTransfer.files);
-    }, De = () => {
+    }, Se = (S) => {
+      S.preventDefault(), we.current = 0, Be(!1), Ee(S.dataTransfer.files);
+    }, be = () => {
       var S;
-      G && ((S = xe.current) == null || S.click());
-    }, bo = (S) => {
-      S.key !== "Enter" && S.key !== " " || (S.preventDefault(), De());
+      E && ((S = ve.current) == null || S.click());
+    }, Fe = (S) => {
+      S.key !== "Enter" && S.key !== " " || (S.preventDefault(), be());
     }, B = (S) => {
-      S.target.files && Ye(S.target.files), S.target.value = "";
-    }, X = () => {
-      !G || !f || f.length === 0 || f.forEach((S) => C == null ? void 0 : C(S.id ?? S.file.name));
-    }, [F, L] = ne(0), j = Fe([]), J = Fe((f == null ? void 0 : f.length) ?? 0);
-    Se(() => {
-      var Q;
+      S.target.files && Ee(S.target.files), S.target.value = "";
+    }, Z = () => {
+      !E || !f || f.length === 0 || f.forEach((S) => C == null ? void 0 : C(S.id ?? S.file.name));
+    }, [U, I] = ae(0), H = Ge([]), Q = Ge((f == null ? void 0 : f.length) ?? 0);
+    ke(() => {
+      var ee;
       const S = (f == null ? void 0 : f.length) ?? 0;
-      if (S > 0 && S < J.current) {
-        const ee = Math.min(F, S - 1);
-        L(ee), (Q = j.current[ee]) == null || Q.focus();
+      if (S > 0 && S < Q.current) {
+        const oe = Math.min(U, S - 1);
+        I(oe), (ee = H.current[oe]) == null || ee.focus();
       }
-      J.current = S;
+      Q.current = S;
     }, [f]);
-    const me = (S) => {
-      var K;
-      const Q = (f == null ? void 0 : f.length) ?? 0;
-      if (Q === 0) return;
-      let ee;
-      S.key === "ArrowRight" || S.key === "ArrowDown" ? ee = (F + 1) % Q : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (ee = (F - 1 + Q) % Q), ee !== void 0 && (S.preventDefault(), S.stopPropagation(), L(ee), (K = j.current[ee]) == null || K.focus());
-    }, Je = v ?? (pe ? U : ve ? H : void 0), co = w ? `${Ee.layoutOverride} ${w}` : Ee.layoutOverride;
+    const pe = (S) => {
+      var Y;
+      const ee = (f == null ? void 0 : f.length) ?? 0;
+      if (ee === 0) return;
+      let oe;
+      S.key === "ArrowRight" || S.key === "ArrowDown" ? oe = (U + 1) % ee : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (oe = (U - 1 + ee) % ee), oe !== void 0 && (S.preventDefault(), S.stopPropagation(), I(oe), (Y = H.current[oe]) == null || Y.focus());
+    }, Je = v ?? (ce ? j : Ne ? V : void 0), po = w ? `${Ue.layoutOverride} ${w}` : Ue.layoutOverride;
     return /* @__PURE__ */ a(
       go,
       {
         overStyled: o,
-        className: co,
-        style: T,
+        className: po,
+        style: $,
         formLayout: t,
         labelSize: s,
         labelAlignment: l,
@@ -2016,7 +2016,7 @@ const yn = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
         error: Je,
         required: h,
@@ -2024,58 +2024,58 @@ const yn = _(
         id: N,
         controlMaxWidth: "var(--file-input-control-max-width)",
         controlMinWidth: "var(--file-input-control-min-width)",
-        children: /* @__PURE__ */ z(
+        children: /* @__PURE__ */ A(
           "div",
           {
             ref: n,
-            ...ce,
-            className: Ee.root,
+            ...he,
+            className: Ue.root,
             role: "button",
-            "aria-label": oe,
+            "aria-label": J,
             "aria-disabled": g ? "true" : void 0,
-            tabIndex: G ? 0 : -1,
+            tabIndex: E ? 0 : -1,
             "data-disabled": g ? "true" : void 0,
             "data-readonly": P ? "true" : void 0,
             "data-error": Je ? "true" : void 0,
-            "data-dragging": Oe ? "true" : void 0,
-            onClick: G ? De : void 0,
-            onKeyDown: G ? bo : void 0,
-            onDragEnter: G ? Ze : void 0,
-            onDragLeave: G ? io : void 0,
-            onDragOver: G ? Xe : void 0,
-            onDrop: G ? No : void 0,
+            "data-dragging": io ? "true" : void 0,
+            onClick: E ? be : void 0,
+            onKeyDown: E ? Fe : void 0,
+            onDragEnter: E ? co : void 0,
+            onDragLeave: E ? uo : void 0,
+            onDragOver: E ? Re : void 0,
+            onDrop: E ? Se : void 0,
             children: [
-              /* @__PURE__ */ a("span", { className: Ee.leadingIcon, "aria-hidden": !0, children: Z ?? /* @__PURE__ */ a(xl, {}) }),
-              /* @__PURE__ */ z("div", { className: Ee.content, children: [
-                !se && /* @__PURE__ */ a("span", { className: Ee.value, "data-placeholder": "true", children: q }),
+              /* @__PURE__ */ a("span", { className: Ue.leadingIcon, "aria-hidden": !0, children: K ?? /* @__PURE__ */ a(xl, {}) }),
+              /* @__PURE__ */ A("div", { className: Ue.content, children: [
+                !se && /* @__PURE__ */ a("span", { className: Ue.value, "data-placeholder": "true", children: q }),
                 se && /* @__PURE__ */ a(
                   "div",
                   {
-                    className: Ee.chipRow,
-                    onKeyDown: P ? void 0 : me,
-                    children: f.map((S, Q) => {
-                      const ee = S.id ?? S.file.name;
+                    className: Ue.chipRow,
+                    onKeyDown: P ? void 0 : pe,
+                    children: f.map((S, ee) => {
+                      const oe = S.id ?? S.file.name;
                       return /* @__PURE__ */ a(
                         "span",
                         {
-                          className: Ee.chipWrapper,
-                          onClick: (K) => K.stopPropagation(),
+                          className: Ue.chipWrapper,
+                          onClick: (Y) => Y.stopPropagation(),
                           children: /* @__PURE__ */ a(
                             Mo,
                             {
                               checked: !1,
                               tabIndex: -1,
-                              deleteLabel: P ? void 0 : re,
-                              deleteTabIndex: !P && Q === F ? 0 : -1,
-                              deleteIconRef: (K) => {
-                                j.current[Q] = K;
+                              deleteLabel: P ? void 0 : ne,
+                              deleteTabIndex: !P && ee === U ? 0 : -1,
+                              deleteIconRef: (Y) => {
+                                H.current[ee] = Y;
                               },
-                              onDelete: P || g ? void 0 : () => C == null ? void 0 : C(ee),
+                              onDelete: P || g ? void 0 : () => C == null ? void 0 : C(oe),
                               children: S.file.name
                             }
                           )
                         },
-                        ee
+                        oe
                       );
                     })
                   }
@@ -2087,27 +2087,27 @@ const yn = _(
                   overStyled: !0,
                   variant: "text",
                   size: "small",
-                  icon: Y ?? /* @__PURE__ */ a(Ol, {}),
-                  "aria-label": Pe,
-                  className: Ee.trailingIcon,
+                  icon: X ?? /* @__PURE__ */ a(Ol, {}),
+                  "aria-label": Te,
+                  className: Ue.trailingIcon,
                   disabled: g,
                   onClick: (S) => {
-                    S.preventDefault(), S.stopPropagation(), X();
+                    S.preventDefault(), S.stopPropagation(), Z();
                   },
                   onKeyDown: (S) => {
-                    S.key !== "Enter" && S.key !== " " || (S.preventDefault(), S.stopPropagation(), X());
+                    S.key !== "Enter" && S.key !== " " || (S.preventDefault(), S.stopPropagation(), Z());
                   }
                 }
               ),
               /* @__PURE__ */ a(
                 "input",
                 {
-                  ref: xe,
+                  ref: ve,
                   type: "file",
                   hidden: !0,
                   accept: O,
                   multiple: R,
-                  disabled: !G,
+                  disabled: !E,
                   onChange: B
                 }
               )
@@ -2128,7 +2128,7 @@ const kl = "FileUpload-module__layoutOverride___bPpi8", Rl = "FileUpload-module_
   fileList: Al
 };
 function zl() {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2160,14 +2160,14 @@ const hn = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       disabled: g,
       readOnly: P,
       files: f,
@@ -2176,64 +2176,64 @@ const hn = _(
       accept: O,
       multiple: R = !0,
       maxSize: D,
-      maxFiles: A,
-      onFilesRejected: M,
-      invalidFileTypeMessage: U = "File type not accepted",
-      maxFilesMessage: H = `Maximum of ${A} files allowed`,
-      icon: Z,
-      dropzoneLabel: Y = "Drag and drop files here to upload",
+      maxFiles: M,
+      onFilesRejected: L,
+      invalidFileTypeMessage: j = "File type not accepted",
+      maxFilesMessage: V = `Maximum of ${M} files allowed`,
+      icon: K,
+      dropzoneLabel: X = "Drag and drop files here to upload",
       browseButtonLabel: q = "Browse files",
-      removeFileLabel: oe = "Remove",
-      ...re
-    } = e, I = u(re, o), ae = Fe(null), [ce, G] = ne(!1), [se, xe] = ne(!1), pe = (L) => {
+      removeFileLabel: J = "Remove",
+      ...ne
+    } = e, W = u(ne, o), re = Ge(null), [he, E] = ae(!1), [se, ve] = ae(!1), ce = (I) => {
       if (g) return;
-      const j = Array.from(L);
-      if (j.length === 0) return;
-      const J = (f == null ? void 0 : f.length) ?? 0, me = [], Je = [];
-      let co = !1, S = !1;
-      for (const Q of j) {
-        const ee = !Zt(Q, O);
-        ee && (co = !0);
-        const K = D !== void 0 && Q.size > D, _e = A !== void 0 && J + me.length >= A;
-        _e && (S = !0), (ee || K || _e ? Je : me).push(Q);
+      const H = Array.from(I);
+      if (H.length === 0) return;
+      const Q = (f == null ? void 0 : f.length) ?? 0, pe = [], Je = [];
+      let po = !1, S = !1;
+      for (const ee of H) {
+        const oe = !Zt(ee, O);
+        oe && (po = !0);
+        const Y = D !== void 0 && ee.size > D, me = M !== void 0 && Q + pe.length >= M;
+        me && (S = !0), (oe || Y || me ? Je : pe).push(ee);
       }
-      G(co), xe(S), me.length > 0 && (b == null || b(me)), Je.length > 0 && (M == null || M(Je));
-    }, de = Fe(0), [ve, ge] = ne(!1), Ye = (L) => {
-      L.preventDefault(), de.current += 1, ge(!0);
-    }, Te = (L) => {
-      L.preventDefault(), de.current -= 1, de.current <= 0 && (de.current = 0, ge(!1));
-    }, Oe = (L) => {
-      L.preventDefault();
-    }, ke = (L) => {
-      L.preventDefault(), de.current = 0, ge(!1), pe(L.dataTransfer.files);
-    }, Ze = () => {
-      var L;
-      g || (L = ae.current) == null || L.click();
-    }, io = (L) => {
-      L.target.files && pe(L.target.files), L.target.value = "";
-    }, [Xe, No] = ne(0), De = Fe([]), bo = Fe((f == null ? void 0 : f.length) ?? 0);
-    Se(() => {
-      var j;
-      const L = (f == null ? void 0 : f.length) ?? 0;
-      if (L > 0 && L < bo.current) {
-        const J = Math.min(Xe, L - 1);
-        No(J), (j = De.current[J]) == null || j.focus();
+      E(po), ve(S), pe.length > 0 && (b == null || b(pe)), Je.length > 0 && (L == null || L(Je));
+    }, ue = Ge(0), [Ne, $e] = ae(!1), Ee = (I) => {
+      I.preventDefault(), ue.current += 1, $e(!0);
+    }, we = (I) => {
+      I.preventDefault(), ue.current -= 1, ue.current <= 0 && (ue.current = 0, $e(!1));
+    }, io = (I) => {
+      I.preventDefault();
+    }, Be = (I) => {
+      I.preventDefault(), ue.current = 0, $e(!1), ce(I.dataTransfer.files);
+    }, co = () => {
+      var I;
+      g || (I = re.current) == null || I.click();
+    }, uo = (I) => {
+      I.target.files && ce(I.target.files), I.target.value = "";
+    }, [Re, Se] = ae(0), be = Ge([]), Fe = Ge((f == null ? void 0 : f.length) ?? 0);
+    ke(() => {
+      var H;
+      const I = (f == null ? void 0 : f.length) ?? 0;
+      if (I > 0 && I < Fe.current) {
+        const Q = Math.min(Re, I - 1);
+        Se(Q), (H = be.current[Q]) == null || H.focus();
       }
-      bo.current = L;
+      Fe.current = I;
     }, [f]);
-    const B = (L) => {
-      var me;
-      const j = (f == null ? void 0 : f.length) ?? 0;
-      if (j === 0) return;
-      let J;
-      L.key === "ArrowRight" || L.key === "ArrowDown" ? J = (Xe + 1) % j : (L.key === "ArrowLeft" || L.key === "ArrowUp") && (J = (Xe - 1 + j) % j), J !== void 0 && (L.preventDefault(), No(J), (me = De.current[J]) == null || me.focus());
-    }, X = v ?? (ce ? U : se ? H : void 0), F = w ? `${oo.layoutOverride} ${w}` : oo.layoutOverride;
+    const B = (I) => {
+      var pe;
+      const H = (f == null ? void 0 : f.length) ?? 0;
+      if (H === 0) return;
+      let Q;
+      I.key === "ArrowRight" || I.key === "ArrowDown" ? Q = (Re + 1) % H : (I.key === "ArrowLeft" || I.key === "ArrowUp") && (Q = (Re - 1 + H) % H), Q !== void 0 && (I.preventDefault(), Se(Q), (pe = be.current[Q]) == null || pe.focus());
+    }, Z = v ?? (he ? j : se ? V : void 0), U = w ? `${oo.layoutOverride} ${w}` : oo.layoutOverride;
     return /* @__PURE__ */ a(
       go,
       {
         overStyled: o,
-        className: F,
-        style: T,
+        className: U,
+        style: $,
         formLayout: t,
         labelSize: s,
         labelAlignment: l,
@@ -2242,81 +2242,81 @@ const hn = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
-        error: X,
+        error: Z,
         required: h,
         withAsterisk: x,
         id: N,
-        children: /* @__PURE__ */ z(
+        children: /* @__PURE__ */ A(
           "div",
           {
             ref: n,
-            ...I,
+            ...W,
             className: oo.root,
             "data-disabled": g ? "true" : void 0,
-            "data-error": X ? "true" : void 0,
+            "data-error": Z ? "true" : void 0,
             children: [
-              !P && /* @__PURE__ */ z(
+              !P && /* @__PURE__ */ A(
                 "div",
                 {
                   className: oo.dropzone,
-                  "data-dragging": ve ? "true" : void 0,
-                  onDragEnter: g ? void 0 : Ye,
-                  onDragLeave: g ? void 0 : Te,
-                  onDragOver: g ? void 0 : Oe,
-                  onDrop: g ? void 0 : ke,
+                  "data-dragging": Ne ? "true" : void 0,
+                  onDragEnter: g ? void 0 : Ee,
+                  onDragLeave: g ? void 0 : we,
+                  onDragOver: g ? void 0 : io,
+                  onDrop: g ? void 0 : Be,
                   children: [
-                    /* @__PURE__ */ a("span", { className: oo.uploadIcon, children: Z ?? /* @__PURE__ */ a(zl, {}) }),
-                    /* @__PURE__ */ a("span", { className: oo.dropzoneText, children: Y }),
+                    /* @__PURE__ */ a("span", { className: oo.uploadIcon, children: K ?? /* @__PURE__ */ a(zl, {}) }),
+                    /* @__PURE__ */ a("span", { className: oo.dropzoneText, children: X }),
                     /* @__PURE__ */ a(
                       so,
                       {
                         variant: "outline",
                         disabled: g,
-                        onClick: Ze,
+                        onClick: co,
                         children: q
                       }
                     ),
                     /* @__PURE__ */ a(
                       "input",
                       {
-                        ref: ae,
+                        ref: re,
                         type: "file",
                         hidden: !0,
                         accept: O,
                         multiple: R,
                         disabled: g,
-                        onChange: io
+                        onChange: uo
                       }
                     )
                   ]
                 }
               ),
-              f && f.length > 0 && (P ? /* @__PURE__ */ a("div", { className: oo.fileList, children: f.map((L) => {
-                const j = L.id ?? L.file.name;
-                return /* @__PURE__ */ a(Mo, { checked: !1, tabIndex: -1, children: L.file.name }, j);
+              f && f.length > 0 && (P ? /* @__PURE__ */ a("div", { className: oo.fileList, children: f.map((I) => {
+                const H = I.id ?? I.file.name;
+                return /* @__PURE__ */ a(Mo, { checked: !1, tabIndex: -1, children: I.file.name }, H);
               }) }) : /* @__PURE__ */ a(
                 "div",
                 {
                   className: oo.fileList,
                   onKeyDown: B,
-                  children: f.map((L, j) => {
-                    const J = L.id ?? L.file.name;
+                  children: f.map((I, H) => {
+                    const Q = I.id ?? I.file.name;
                     return /* @__PURE__ */ a(
                       Mo,
                       {
                         checked: !1,
                         tabIndex: -1,
-                        deleteLabel: oe,
-                        deleteTabIndex: j === Xe ? 0 : -1,
-                        deleteIconRef: (me) => {
-                          De.current[j] = me;
+                        deleteLabel: J,
+                        deleteTabIndex: H === Re ? 0 : -1,
+                        deleteIconRef: (pe) => {
+                          be.current[H] = pe;
                         },
-                        onDelete: g ? void 0 : () => C == null ? void 0 : C(J),
-                        children: L.file.name
+                        onDelete: g ? void 0 : () => C == null ? void 0 : C(Q),
+                        children: I.file.name
                       },
-                      J
+                      Q
                     );
                   })
                 }
@@ -2352,23 +2352,23 @@ const Wl = "Flex-module__root___yYser", So = {
   );
 });
 vn.displayName = "Flex";
-const Dl = Ce(vn), El = "Grid-module__root___s-qPY", Bl = "Grid-module__col___tbuNg", Le = {
+const Dl = ge(vn), El = "Grid-module__root___s-qPY", Bl = "Grid-module__col___tbuNg", Me = {
   root: El,
   col: Bl
 }, Nn = _(function({ children: e, gap: n = "rec-default", ...o }, t) {
   const s = {
-    root: Le.root
+    root: Me.root
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
-    s.root = p.root ? `${Le.root} ${p.root}` : Le.root;
+    s.root = p.root ? `${Me.root} ${p.root}` : Me.root;
   }
-  const i = o.className, c = i ? `${Le.root} ${i}` : Le.root, { gap: d, ...m } = Ao({
+  const i = o.className, c = i ? `${Me.root} ${i}` : Me.root, { gap: d, ...m } = Ao({
     gap: n,
     ...o
   });
   return /* @__PURE__ */ a(
-    Vt,
+    Gt,
     {
       ref: t,
       gutter: d,
@@ -2380,17 +2380,17 @@ const Dl = Ce(vn), El = "Grid-module__root___s-qPY", Bl = "Grid-module__col___tb
   );
 });
 Nn.displayName = "Grid";
-const Fl = Ce(Nn), bn = _(function({ children: e, ...n }, o) {
+const Fl = ge(Nn), bn = _(function({ children: e, ...n }, o) {
   const t = {
-    col: Le.col
+    col: Me.col
   }, s = n.classNames;
   if (s && typeof s == "object" && !Array.isArray(s)) {
     const c = s;
-    t.col = c.col ? `${Le.col} ${c.col}` : Le.col;
+    t.col = c.col ? `${Me.col} ${c.col}` : Me.col;
   }
-  const l = n.className, i = l ? `${Le.col} ${l}` : Le.col;
+  const l = n.className, i = l ? `${Me.col} ${l}` : Me.col;
   return /* @__PURE__ */ a(
-    Vt.Col,
+    Gt.Col,
     {
       ref: o,
       className: i,
@@ -2403,7 +2403,7 @@ const Fl = Ce(Nn), bn = _(function({ children: e, ...n }, o) {
   );
 });
 bn.displayName = "GridCol";
-const Cn = Ce(
+const Cn = ge(
   bn
 ), Pn = Fl;
 Pn.Col = Cn;
@@ -2430,9 +2430,9 @@ const Ul = "Group-module__root___ftO64", xo = {
   );
 });
 gn.displayName = "Group";
-const Gl = "HoverCard-module__dropdown___FBPFW", Vl = "HoverCard-module__arrow___S9AkE", Mt = {
-  dropdown: Gl,
-  arrow: Vl
+const Vl = "HoverCard-module__dropdown___FBPFW", Gl = "HoverCard-module__arrow___S9AkE", Mt = {
+  dropdown: Vl,
+  arrow: Gl
 }, Tn = function({
   overStyled: e = !1,
   withBeak: n = !0,
@@ -2445,7 +2445,7 @@ const Gl = "HoverCard-module__dropdown___FBPFW", Vl = "HoverCard-module__arrow__
   withArrow: s,
   ...l
 }) {
-  const i = u(l, e), c = i, d = W(
+  const i = u(l, e), c = i, d = z(
     {
       dropdown: Mt.dropdown,
       arrow: Mt.arrow
@@ -2490,11 +2490,11 @@ const Hl = "Link-module__root___I0VGE", jl = "Link-module__iconWrapper___W-LlF",
   iconWrapper: jl,
   labelText: ql
 }, Sn = _(function({ icon: e, children: n, overStyled: o = !1, ...t }, s) {
-  const l = u(t, o), i = l, c = W(
+  const l = u(t, o), i = l, c = z(
     { root: Oo.root },
     i.classNames
   ), d = i.className, m = d ? `${Oo.root} ${d}` : Oo.root;
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ A(
     ar,
     {
       ref: s,
@@ -2511,7 +2511,7 @@ const Hl = "Link-module__root___I0VGE", jl = "Link-module__iconWrapper___W-LlF",
   );
 });
 Sn.displayName = "Link";
-const Kl = Ce(Sn), Yl = "Menu-module__dropdown___j4xuA", Zl = "Menu-module__item___NMXha", Xl = "Menu-module__itemLabel___zvcqC", Jl = "Menu-module__itemSection___pRIcn", Ql = "Menu-module__divider___wPiNq", ei = "Menu-module__label___4FBGa", oi = "Menu-module__chevron___hEEiy", mo = {
+const Kl = ge(Sn), Yl = "Menu-module__dropdown___j4xuA", Zl = "Menu-module__item___NMXha", Xl = "Menu-module__itemLabel___zvcqC", Jl = "Menu-module__itemSection___pRIcn", Ql = "Menu-module__divider___wPiNq", ei = "Menu-module__label___4FBGa", oi = "Menu-module__chevron___hEEiy", fo = {
   dropdown: Yl,
   item: Zl,
   itemLabel: Xl,
@@ -2520,20 +2520,20 @@ const Kl = Ce(Sn), Yl = "Menu-module__dropdown___j4xuA", Zl = "Menu-module__item
   label: ei,
   chevron: oi
 }, xn = function({ overStyled: e = !1, ...n }) {
-  const o = u(n, e), t = o, s = W(
+  const o = u(n, e), t = o, s = z(
     {
-      dropdown: mo.dropdown,
-      item: mo.item,
-      itemLabel: mo.itemLabel,
-      itemSection: mo.itemSection,
-      divider: mo.divider,
-      label: mo.label,
-      chevron: mo.chevron
+      dropdown: fo.dropdown,
+      item: fo.item,
+      itemLabel: fo.itemLabel,
+      itemSection: fo.itemSection,
+      divider: fo.divider,
+      label: fo.label,
+      chevron: fo.chevron
     },
     t.classNames
   );
   return /* @__PURE__ */ a(
-    Ae,
+    ze,
     {
       ...o,
       classNames: s
@@ -2547,7 +2547,7 @@ const On = function({
 }) {
   const o = u(n, e);
   return /* @__PURE__ */ a(
-    Ae.Target,
+    ze.Target,
     {
       ...o
     }
@@ -2558,7 +2558,7 @@ const kn = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
-      Ae.Dropdown,
+      ze.Dropdown,
       {
         ...t,
         ref: o,
@@ -2573,12 +2573,12 @@ const Rn = _(
     const t = [
       "color"
       // Colors are token-driven; the library's native palette isn't exposed.
-    ], s = E(
+    ], s = F(
       u(n, e),
       t
     ), i = s.className;
     return /* @__PURE__ */ a(
-      Ae.Item,
+      ze.Item,
       {
         ...s,
         ref: o,
@@ -2588,11 +2588,11 @@ const Rn = _(
   }
 );
 Rn.displayName = "MenuItem";
-const ti = Ce(Rn), In = _(
+const ti = ge(Rn), In = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
-      Ae.Divider,
+      ze.Divider,
       {
         ...t,
         ref: o,
@@ -2605,7 +2605,7 @@ In.displayName = "MenuDivider";
 const Ln = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e), s = t.className;
   return /* @__PURE__ */ a(
-    Ae.Label,
+    ze.Label,
     {
       ...t,
       ref: o,
@@ -2615,11 +2615,11 @@ const Ln = _(function({ overStyled: e = !1, ...n }, o) {
 });
 Ln.displayName = "MenuLabel";
 const Mn = function(e) {
-  return /* @__PURE__ */ a(Ae.Sub, { ...e });
+  return /* @__PURE__ */ a(ze.Sub, { ...e });
 };
 Mn.displayName = "MenuSub";
 const An = function(e) {
-  return /* @__PURE__ */ a(Ae.Sub.Target, { ...e });
+  return /* @__PURE__ */ a(ze.Sub.Target, { ...e });
 };
 An.displayName = "MenuSubTarget";
 const zn = _(
@@ -2627,12 +2627,12 @@ const zn = _(
     const t = [
       "color"
       // Colors are token-driven; the library's native palette isn't exposed.
-    ], s = E(
+    ], s = F(
       u(n, e),
       t
     ), i = s.className;
     return /* @__PURE__ */ a(
-      Ae.Sub.Item,
+      ze.Sub.Item,
       {
         ...s,
         ref: o,
@@ -2642,13 +2642,13 @@ const zn = _(
   }
 );
 zn.displayName = "MenuSubItem";
-const ni = Ce(
+const ni = ge(
   zn
 ), Wn = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
-      Ae.Sub.Dropdown,
+      ze.Sub.Dropdown,
       {
         ...t,
         ref: o,
@@ -2662,14 +2662,14 @@ const et = Mn;
 et.Target = An;
 et.Item = ni;
 et.Dropdown = Wn;
-const vo = xn;
-vo.Target = On;
-vo.Dropdown = kn;
-vo.Item = ti;
-vo.Divider = In;
-vo.Label = Ln;
-vo.Sub = et;
-const ai = "Modal-module__root___ytPLl", ri = "Modal-module__inner___SSUJE", si = "Modal-module__content___dWO-B", li = "Modal-module__header___ILG9i", ii = "Modal-module__title___A5OeE", ci = "Modal-module__bodyWrapper___5CCL-", di = "Modal-module__scrollArea___KD-hm", ui = "Modal-module__footer___rro2w", pi = "Modal-module__close___-ER1C", Be = {
+const bo = xn;
+bo.Target = On;
+bo.Dropdown = kn;
+bo.Item = ti;
+bo.Divider = In;
+bo.Label = Ln;
+bo.Sub = et;
+const ai = "Modal-module__root___ytPLl", ri = "Modal-module__inner___SSUJE", si = "Modal-module__content___dWO-B", li = "Modal-module__header___ILG9i", ii = "Modal-module__title___A5OeE", ci = "Modal-module__bodyWrapper___5CCL-", di = "Modal-module__scrollArea___KD-hm", ui = "Modal-module__footer___rro2w", pi = "Modal-module__close___-ER1C", Ve = {
   root: ai,
   inner: ri,
   content: si,
@@ -2679,7 +2679,7 @@ const ai = "Modal-module__root___ytPLl", ri = "Modal-module__inner___SSUJE", si
   scrollArea: di,
   footer: ui,
   close: pi
-}, Dn = V.forwardRef(function({
+}, Dn = G.forwardRef(function({
   overStyled: e = !1,
   children: n,
   title: o,
@@ -2694,32 +2694,32 @@ const ai = "Modal-module__root___ytPLl", ri = "Modal-module__inner___SSUJE", si
     // Modal width/height are enforced via CSS module tokens (min/max-width, min/max-height), not Mantine's `size` scale.
     "radius"
     // Modal corner radius is token-driven via `.content` in Modal.module.css, not Mantine's `radius` prop.
-  ], p = E(
+  ], p = F(
     u(c, e),
     m
-  ), $ = W(
+  ), T = z(
     {
-      root: Be.root,
-      inner: Be.inner,
-      content: Be.content,
-      header: Be.header,
-      title: Be.title,
-      close: Be.close
+      root: Ve.root,
+      inner: Ve.inner,
+      content: Ve.content,
+      header: Ve.header,
+      title: Ve.title,
+      close: Ve.close
     },
     p.classNames
   );
-  return /* @__PURE__ */ z(
-    ye.Root,
+  return /* @__PURE__ */ A(
+    fe.Root,
     {
       ref: d,
       ...p,
-      classNames: $,
+      classNames: T,
       children: [
-        l && /* @__PURE__ */ a(ye.Overlay, { ...s }),
-        /* @__PURE__ */ z(ye.Content, { children: [
-          (o || t) && /* @__PURE__ */ z(ye.Header, { children: [
-            o && /* @__PURE__ */ a(ye.Title, { children: o }),
-            t && /* @__PURE__ */ a(ye.CloseButton, { ...i })
+        l && /* @__PURE__ */ a(fe.Overlay, { ...s }),
+        /* @__PURE__ */ A(fe.Content, { children: [
+          (o || t) && /* @__PURE__ */ A(fe.Header, { children: [
+            o && /* @__PURE__ */ a(fe.Title, { children: o }),
+            t && /* @__PURE__ */ a(fe.CloseButton, { ...i })
           ] }),
           /* @__PURE__ */ a(yt, { children: n })
         ] })
@@ -2728,7 +2728,7 @@ const ai = "Modal-module__root___ytPLl", ri = "Modal-module__inner___SSUJE", si
   );
 });
 Dn.displayName = "Modal";
-const ft = V.forwardRef(
+const ft = G.forwardRef(
   function({ overStyled: e = !1, className: n, ...o }, t) {
     const s = u(o, e);
     return /* @__PURE__ */ a(
@@ -2736,37 +2736,37 @@ const ft = V.forwardRef(
       {
         ref: t,
         ...s,
-        className: `${Be.footer} ${n || ""}`
+        className: `${Ve.footer} ${n || ""}`
       }
     );
   }
 );
 ft.displayName = "Modal.Footer";
-const yt = V.forwardRef(
+const yt = G.forwardRef(
   function({ overStyled: e = !1, className: n, onScroll: o, children: t, ...s }, l) {
-    const i = u(s, e), c = V.useRef(null), [d, m] = V.useState(!1), [p, $] = V.useState(!1), y = V.useCallback(() => {
+    const i = u(s, e), c = G.useRef(null), [d, m] = G.useState(!1), [p, T] = G.useState(!1), y = G.useCallback(() => {
       if (c.current) {
-        const { scrollTop: N, scrollHeight: w, clientHeight: T } = c.current;
-        m(N > 0), $(Math.ceil(N + T) < w);
+        const { scrollTop: N, scrollHeight: w, clientHeight: $ } = c.current;
+        m(N > 0), T(Math.ceil(N + $) < w);
       }
     }, []);
-    V.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, t]);
+    G.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, t]);
     const v = (N) => {
       y(), o == null || o(N);
     };
     let h = null;
     const x = [];
-    return V.Children.forEach(t, (N) => {
+    return G.Children.forEach(t, (N) => {
       var w;
-      V.isValidElement(N) && (N.type === ft || ((w = N.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? h = N : x.push(N);
-    }), /* @__PURE__ */ z(
-      ye.Body,
+      G.isValidElement(N) && (N.type === ft || ((w = N.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? h = N : x.push(N);
+    }), /* @__PURE__ */ A(
+      fe.Body,
       {
         ...i,
         ref: (N) => {
           typeof l == "function" ? l(N) : l && (l.current = N);
         },
-        className: `${Be.bodyWrapper} ${n || ""}`,
+        className: `${Ve.bodyWrapper} ${n || ""}`,
         children: [
           /* @__PURE__ */ a(
             "div",
@@ -2775,7 +2775,7 @@ const yt = V.forwardRef(
               onScroll: v,
               "data-scrolled-top": d || void 0,
               "data-scrolled-bottom": p || void 0,
-              className: Be.scrollArea,
+              className: Ve.scrollArea,
               children: x
             }
           ),
@@ -2791,14 +2791,14 @@ const mi = [
   // Modal width/height are enforced via CSS module tokens, not Mantine's `size` scale.
   "radius"
   // Modal corner radius is token-driven via `.content` in Modal.module.css, not Mantine's `radius` prop.
-], En = V.forwardRef(
+], En = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
-    const t = E(
+    const t = F(
       u(n, e),
       mi
     );
     return /* @__PURE__ */ a(
-      ye.Root,
+      fe.Root,
       {
         ref: o,
         ...t
@@ -2807,11 +2807,11 @@ const mi = [
   }
 );
 En.displayName = "Modal.Root";
-const Bn = V.forwardRef(
+const Bn = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      ye.Overlay,
+      fe.Overlay,
       {
         ref: o,
         ...t
@@ -2822,14 +2822,14 @@ const Bn = V.forwardRef(
 Bn.displayName = "Modal.Overlay";
 const _i = [
   "radius"
-], Fn = V.forwardRef(
+], Fn = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
-    const t = E(
+    const t = F(
       u(n, e),
       _i
     );
     return /* @__PURE__ */ a(
-      ye.Content,
+      fe.Content,
       {
         ref: o,
         ...t
@@ -2838,11 +2838,11 @@ const _i = [
   }
 );
 Fn.displayName = "Modal.Content";
-const Un = V.forwardRef(
+const Un = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      ye.Header,
+      fe.Header,
       {
         ref: o,
         ...t
@@ -2851,11 +2851,11 @@ const Un = V.forwardRef(
   }
 );
 Un.displayName = "Modal.Header";
-const Gn = V.forwardRef(
+const Vn = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      ye.Title,
+      fe.Title,
       {
         ref: o,
         ...t
@@ -2863,34 +2863,34 @@ const Gn = V.forwardRef(
     );
   }
 );
-Gn.displayName = "Modal.Title";
+Vn.displayName = "Modal.Title";
 const fi = [
   "size",
   "radius"
-], Vn = V.forwardRef(function({ overStyled: e = !1, ...n }, o) {
-  const t = E(
+], Gn = G.forwardRef(function({ overStyled: e = !1, ...n }, o) {
+  const t = F(
     u(n, e),
     fi
   );
   return /* @__PURE__ */ a(
-    ye.CloseButton,
+    fe.CloseButton,
     {
       ref: o,
       ...t
     }
   );
 });
-Vn.displayName = "Modal.CloseButton";
-const qe = Dn;
-qe.Root = En;
-qe.Overlay = Bn;
-qe.Content = Fn;
-qe.Header = Un;
-qe.Title = Gn;
-qe.CloseButton = Vn;
-qe.Body = yt;
-qe.Footer = ft;
-const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-module__root___C6rAn", vi = "NumberInput-module__input___Ss8p7", Ni = "NumberInput-module__section___MijP0", bi = "NumberInput-module__controls___8UfQ2", Ci = "NumberInput-module__control___Qre9-", _o = {
+Gn.displayName = "Modal.CloseButton";
+const Ze = Dn;
+Ze.Root = En;
+Ze.Overlay = Bn;
+Ze.Content = Fn;
+Ze.Header = Un;
+Ze.Title = Vn;
+Ze.CloseButton = Gn;
+Ze.Body = yt;
+Ze.Footer = ft;
+const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-module__root___C6rAn", vi = "NumberInput-module__input___Ss8p7", Ni = "NumberInput-module__section___MijP0", bi = "NumberInput-module__controls___8UfQ2", Ci = "NumberInput-module__control___Qre9-", yo = {
   layoutOverride: yi,
   root: hi,
   input: vi,
@@ -2917,14 +2917,14 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
@@ -2932,21 +2932,21 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
       defaultValue: C,
       hideControls: O = !1,
       ...R
-    } = e, D = E(
+    } = e, D = F(
       u(R, o),
       Pi
-    ), A = D, M = {
-      wrapper: _o.root,
+    ), M = D, L = {
+      wrapper: yo.root,
       // The nested Input internal relative wrapper bounding box
-      input: _o.input,
-      section: _o.section,
-      controls: _o.controls,
-      control: _o.control
-    }, U = N ? `${_o.layoutOverride} ${N}` : _o.layoutOverride;
+      input: yo.input,
+      section: yo.section,
+      controls: yo.controls,
+      control: yo.control
+    }, j = N ? `${yo.layoutOverride} ${N}` : yo.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: U,
+        className: j,
         style: w,
         controlMaxWidth: "var(--number-input-control-max-width)",
         controlMinWidth: "var(--number-input-control-min-width)",
@@ -2959,7 +2959,7 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -2977,8 +2977,8 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
             {
               ref: n,
               ...D,
-              classNames: M,
-              disabled: T,
+              classNames: L,
+              disabled: $,
               value: b,
               defaultValue: C,
               hideControls: O,
@@ -2988,10 +2988,10 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": T ? "true" : void 0,
+                "data-disabled": $ ? "true" : void 0,
                 "data-error": y ? "true" : void 0,
-                "data-with-left-section": A.leftSection ? "true" : void 0,
-                "data-with-right-section": A.rightSection || !O ? "true" : void 0
+                "data-with-left-section": M.leftSection ? "true" : void 0,
+                "data-with-right-section": M.rightSection || !O ? "true" : void 0
               }
             }
           )
@@ -3001,7 +3001,7 @@ const yi = "NumberInput-module__layoutOverride___5-9T4", hi = "NumberInput-modul
   }
 );
 Hn.displayName = "NumberInput";
-const gi = "Pagination-module__root___ITRjt", Ti = "Pagination-module__control___40yNT", $i = "Pagination-module__dots___Yl9da", wi = "Pagination-module__iconWithLabel___pLM4O", Si = "Pagination-module__baseIcon___Qw3bJ", Me = {
+const gi = "Pagination-module__root___ITRjt", Ti = "Pagination-module__control___40yNT", $i = "Pagination-module__dots___Yl9da", wi = "Pagination-module__iconWithLabel___pLM4O", Si = "Pagination-module__baseIcon___Qw3bJ", Ae = {
   root: gi,
   control: Ti,
   dots: $i,
@@ -3021,33 +3021,33 @@ const gi = "Pagination-module__root___ITRjt", Ti = "Pagination-module__control__
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `${Me.baseIcon} ${e || ""}`.trim(),
+    className: `${Ae.baseIcon} ${e || ""}`.trim(),
     ...n,
     children: /* @__PURE__ */ a("path", { d: Ii[r], fill: "currentColor" })
   }
-), jn = (r) => /* @__PURE__ */ z("div", { className: Me.iconWithLabel, children: [
+), jn = (r) => /* @__PURE__ */ A("div", { className: Ae.iconWithLabel, children: [
   /* @__PURE__ */ a("span", { children: "Next" }),
   /* @__PURE__ */ a(zo, { type: "next", ...r })
-] }), qn = (r) => /* @__PURE__ */ z("div", { className: Me.iconWithLabel, children: [
+] }), qn = (r) => /* @__PURE__ */ A("div", { className: Ae.iconWithLabel, children: [
   /* @__PURE__ */ a(zo, { type: "prev", ...r }),
   /* @__PURE__ */ a("span", { children: "Prev" })
-] }), Kn = (r) => /* @__PURE__ */ z("div", { className: Me.iconWithLabel, children: [
+] }), Kn = (r) => /* @__PURE__ */ A("div", { className: Ae.iconWithLabel, children: [
   /* @__PURE__ */ a(zo, { type: "first", ...r }),
   /* @__PURE__ */ a("span", { children: "First" })
-] }), Yn = (r) => /* @__PURE__ */ z("div", { className: Me.iconWithLabel, children: [
+] }), Yn = (r) => /* @__PURE__ */ A("div", { className: Ae.iconWithLabel, children: [
   /* @__PURE__ */ a("span", { children: "Last" }),
   /* @__PURE__ */ a(zo, { type: "last", ...r })
 ] });
 function Zn(r) {
-  const e = W(
+  const e = z(
     {
-      root: Me.root,
-      control: Me.control,
-      dots: Me.dots
+      root: Ae.root,
+      control: Ae.control,
+      dots: Ae.dots
     },
     r.classNames
   ), n = r.className;
-  return { className: n ? `${Me.root} ${n}` : Me.root, classNames: e };
+  return { className: n ? `${Ae.root} ${n}` : Ae.root, classNames: e };
 }
 const Xn = _(
   function({ overStyled: e = !1, ...n }, o) {
@@ -3055,7 +3055,7 @@ const Xn = _(
       t
     );
     return /* @__PURE__ */ a(
-      Ve.Root,
+      qe.Root,
       {
         ref: o,
         ...t,
@@ -3069,12 +3069,12 @@ Xn.displayName = "Pagination.Root";
 const Jn = _(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? jn : void 0;
   return /* @__PURE__ */ a(
-    Ve.Next,
+    qe.Next,
     {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: de(i, o)
     }
   );
 });
@@ -3082,12 +3082,12 @@ Jn.displayName = "Pagination.Next";
 const Qn = _(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? qn : void 0;
   return /* @__PURE__ */ a(
-    Ve.Previous,
+    qe.Previous,
     {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: de(i, o)
     }
   );
 });
@@ -3095,12 +3095,12 @@ Qn.displayName = "Pagination.Previous";
 const ea = _(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? Kn : void 0;
   return /* @__PURE__ */ a(
-    Ve.First,
+    qe.First,
     {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: de(i, o)
     }
   );
 });
@@ -3108,12 +3108,12 @@ ea.displayName = "Pagination.First";
 const oa = _(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? Yn : void 0;
   return /* @__PURE__ */ a(
-    Ve.Last,
+    qe.Last,
     {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: de(i, o)
     }
   );
 });
@@ -3127,7 +3127,7 @@ const ta = _(
       return n ? { ...p, ...n(m) } : p;
     };
     return /* @__PURE__ */ a(
-      Ve,
+      qe,
       {
         ref: s,
         ...o ? {
@@ -3148,7 +3148,7 @@ ta.displayName = "Pagination";
 const na = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
-    Ve.Control,
+    qe.Control,
     {
       ref: o,
       ...t
@@ -3160,7 +3160,7 @@ const aa = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      Ve.Dots,
+      qe.Dots,
       {
         ref: o,
         ...t
@@ -3169,16 +3169,16 @@ const aa = _(
   }
 );
 aa.displayName = "Pagination.Dots";
-const ze = ta;
-ze.Root = Xn;
-ze.Items = Ve.Items;
-ze.Control = na;
-ze.Dots = aa;
-ze.Next = Jn;
-ze.Previous = Qn;
-ze.First = ea;
-ze.Last = oa;
-ze.Icon = zo;
+const We = ta;
+We.Root = Xn;
+We.Items = qe.Items;
+We.Control = na;
+We.Dots = aa;
+We.Next = Jn;
+We.Previous = Qn;
+We.First = ea;
+We.Last = oa;
+We.Icon = zo;
 const Li = "Panel-module__content___wdGo-", Mi = "Panel-module__inner___ruA2b", Ai = "Panel-module__header___o7SiC", zi = "Panel-module__title___181OP", Wi = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Di = "Panel-module__body___SEC3T", Ei = "Panel-module__footer___t6-hz", ao = {
   content: Li,
   inner: Mi,
@@ -3194,7 +3194,7 @@ const Li = "Panel-module__content___wdGo-", Mi = "Panel-module__inner___ruA2b",
   wrapHeaderText: t = !1,
   ...s
 }) {
-  const l = u(s, e), i = l, c = W(
+  const l = u(s, e), i = l, c = z(
     {
       content: ao.content,
       header: ao.header,
@@ -3205,12 +3205,12 @@ const Li = "Panel-module__content___wdGo-", Mi = "Panel-module__inner___ruA2b",
     i.classNames
   );
   return /* @__PURE__ */ a(
-    He,
+    Ke,
     {
       ...l,
       position: n,
       keepMounted: o,
-      closeOnClickOutside: ue(
+      closeOnClickOutside: de(
         !!s.opened,
         s.closeOnClickOutside
       ),
@@ -3230,7 +3230,7 @@ const sa = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Root,
+      Ke.Root,
       {
         ref: o,
         ...t
@@ -3243,7 +3243,7 @@ const la = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Overlay,
+      Ke.Overlay,
       {
         ref: o,
         ...t
@@ -3256,7 +3256,7 @@ const ia = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Content,
+      Ke.Content,
       {
         ref: o,
         ...t
@@ -3269,7 +3269,7 @@ const ca = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Header,
+      Ke.Header,
       {
         ref: o,
         ...t
@@ -3282,7 +3282,7 @@ const da = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Title,
+      Ke.Title,
       {
         ref: o,
         ...t
@@ -3294,7 +3294,7 @@ da.displayName = "PanelTitle";
 const ua = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
-    He.CloseButton,
+    Ke.CloseButton,
     {
       ref: o,
       ...t
@@ -3306,7 +3306,7 @@ const pa = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      He.Body,
+      Ke.Body,
       {
         ref: o,
         ...t
@@ -3315,16 +3315,16 @@ const pa = _(
   }
 );
 pa.displayName = "PanelBody";
-const We = ra;
-We.Root = sa;
-We.Overlay = la;
-We.Content = ia;
-We.Header = ca;
-We.Title = da;
-We.CloseButton = ua;
-We.Body = pa;
-We.Stack = He.Stack;
-We.Footer = ht;
+const De = ra;
+De.Root = sa;
+De.Overlay = la;
+De.Content = ia;
+De.Header = ca;
+De.Title = da;
+De.CloseButton = ua;
+De.Body = pa;
+De.Stack = Ke.Stack;
+De.Footer = ht;
 const Bi = "Popover-module__dropdown___svhS6", Fi = "Popover-module__arrow___5A-0e", At = {
   dropdown: Bi,
   arrow: Fi
@@ -3335,13 +3335,13 @@ const Bi = "Popover-module__dropdown___svhS6", Fi = "Popover-module__arrow___5A-
   // Recursica default; Mantine defaults to "bottom"
   ...t
 }) {
-  const s = u(t, e), l = s, i = W(
+  const s = u(t, e), l = s, i = z(
     { dropdown: At.dropdown, arrow: At.arrow },
     l.classNames
-  ), c = ue(
+  ), c = de(
     16,
     l.arrowSize
-  ), d = ue(
+  ), d = de(
     n,
     l.withArrow
   );
@@ -3378,10 +3378,10 @@ fa.displayName = "PopoverDropdown";
 const vt = ma;
 vt.Target = _a;
 vt.Dropdown = fa;
-const Ui = "Radio-module__groupRoot___bfUii", Gi = "Radio-module__root___kAjTD", Vi = "Radio-module__body___q2Wpj", Hi = "Radio-module__inner___QaTBB", ji = "Radio-module__radio___MfgN-", qi = "Radio-module__icon___DWznm", Ki = "Radio-module__labelWrapper___dB0Gi", Yi = "Radio-module__label___vAFIP", Re = {
+const Ui = "Radio-module__groupRoot___bfUii", Vi = "Radio-module__root___kAjTD", Gi = "Radio-module__body___q2Wpj", Hi = "Radio-module__inner___QaTBB", ji = "Radio-module__radio___MfgN-", qi = "Radio-module__icon___DWznm", Ki = "Radio-module__labelWrapper___dB0Gi", Yi = "Radio-module__label___vAFIP", Ie = {
   groupRoot: Ui,
-  root: Gi,
-  body: Vi,
+  root: Vi,
+  body: Gi,
   inner: Hi,
   radio: ji,
   icon: qi,
@@ -3401,14 +3401,14 @@ const Ui = "Radio-module__groupRoot___bfUii", Gi = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       children: g,
       readOnly: P,
       readOnlyComponent: f,
@@ -3419,15 +3419,15 @@ const Ui = "Radio-module__groupRoot___bfUii", Gi = "Radio-module__root___kAjTD",
     } = e, D = [
       "size"
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
-    ], A = E(
+    ], M = F(
       u(R, o),
       D
-    ), M = A;
+    ), L = M;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
         className: w,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: o,
@@ -3440,7 +3440,7 @@ const Ui = "Radio-module__groupRoot___bfUii", Gi = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
         error: v,
         required: h,
@@ -3456,11 +3456,11 @@ const Ui = "Radio-module__groupRoot___bfUii", Gi = "Radio-module__root___kAjTD",
           Ht.Group,
           {
             ref: n,
-            ...A,
-            disabled: P || M.disabled,
+            ...M,
+            disabled: P || L.disabled,
             value: C,
             defaultValue: O,
-            children: /* @__PURE__ */ a("div", { className: Re.groupRoot, "data-layout": t, children: g })
+            children: /* @__PURE__ */ a("div", { className: Ie.groupRoot, "data-layout": t, children: g })
           }
         )
       }
@@ -3490,7 +3490,7 @@ const Zi = ({ className: r, style: e }) => /* @__PURE__ */ a(
       labelSize: d,
       controlMaxWidth: m,
       controlMinWidth: p,
-      ...$
+      ...T
     } = e, y = [
       "size",
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
@@ -3502,21 +3502,21 @@ const Zi = ({ className: r, style: e }) => /* @__PURE__ */ a(
       // Radio has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
       "iconColor"
       // Icon color is token-driven via Radio.module.css, not a native Mantine override.
-    ], v = E(
-      u($, o),
+    ], v = F(
+      u(T, o),
       y
-    ), h = v, x = W(
+    ), h = v, x = z(
       {
-        root: Re.root,
-        body: Re.body,
-        inner: Re.inner,
-        radio: Re.radio,
-        icon: Re.icon,
-        labelWrapper: Re.labelWrapper,
-        label: Re.label
+        root: Ie.root,
+        body: Ie.body,
+        inner: Ie.inner,
+        radio: Ie.radio,
+        icon: Ie.icon,
+        labelWrapper: Ie.labelWrapper,
+        label: Ie.label
       },
       h.classNames
-    ), N = h.className, w = N ? `${Re.root} ${N}` : Re.root;
+    ), N = h.className, w = N ? `${Ie.root} ${N}` : Ie.root;
     if (t && s) {
       const g = !!(h.checked ?? h.defaultChecked), f = /* @__PURE__ */ a(
         s,
@@ -3527,7 +3527,7 @@ const Zi = ({ className: r, style: e }) => /* @__PURE__ */ a(
         }
       );
       return c ? /* @__PURE__ */ a(
-        Ue,
+        He,
         {
           formLayout: c,
           labelSize: d,
@@ -3535,29 +3535,29 @@ const Zi = ({ className: r, style: e }) => /* @__PURE__ */ a(
           controlMinWidth: p,
           children: f
         }
-      ) : /* @__PURE__ */ a(ho, { children: f });
+      ) : /* @__PURE__ */ a(No, { children: f });
     }
-    const T = /* @__PURE__ */ a(
+    const $ = /* @__PURE__ */ a(
       Ht,
       {
         ref: n,
         ...v,
-        icon: ue(Zi, i),
+        icon: de(Zi, i),
         className: w,
         classNames: x,
         disabled: t || l
       }
     );
     return c ? /* @__PURE__ */ a(
-      Ue,
+      He,
       {
         formLayout: c,
         labelSize: d,
         controlMaxWidth: m,
         controlMinWidth: p,
-        children: T
+        children: $
       }
-    ) : T;
+    ) : $;
   }
 );
 bt.displayName = "Radio";
@@ -3569,7 +3569,7 @@ const Xi = "SegmentedControl-module__root___JFRhg", Ji = "SegmentedControl-modul
   indicator: ec
 };
 function oc(r) {
-  const e = W(
+  const e = z(
     {
       root: Po.root,
       control: Po.control,
@@ -3591,7 +3591,7 @@ const ya = _(
     const i = u(s, e), d = oc(i), m = t.map(
       (p) => typeof p == "string" || !p.icon ? p : {
         ...p,
-        label: /* @__PURE__ */ z(ho, { children: [
+        label: /* @__PURE__ */ A(No, { children: [
           p.icon,
           p.label
         ] })
@@ -3642,14 +3642,14 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      tooltipLabel: $,
+      tooltipLabel: T,
       assistiveText: y,
       assistiveWithIcon: v,
       error: h,
       required: x,
       withAsterisk: N,
       id: w,
-      className: T,
+      className: $,
       style: g,
       disabled: P,
       readOnly: f,
@@ -3658,33 +3658,36 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
       value: O,
       defaultValue: R,
       icon: D,
-      showInput: A = !1,
-      showMinMaxLabels: M = !0,
-      min: U = 0,
-      max: H = 100,
-      step: Z = 1,
-      onChange: Y,
-      onChangeEnd: q,
-      ...oe
-    } = e, [re, Pe] = ne(() => O !== void 0 ? O : R !== void 0 ? R : U), I = O !== void 0 ? O : re, [ae, ce] = ne(
-      I.toString()
+      trailingIcon: M,
+      showInput: L = !1,
+      showMinMaxLabels: j = !0,
+      min: V = 0,
+      max: K = 100,
+      minLabel: X,
+      maxLabel: q,
+      step: J = 1,
+      onChange: ne,
+      onChangeEnd: Te,
+      ...W
+    } = e, [re, he] = ae(() => O !== void 0 ? O : R !== void 0 ? R : V), E = O !== void 0 ? O : re, [se, ve] = ae(
+      E.toString()
     );
-    Se(() => {
-      ce(I.toString());
-    }, [I]);
-    const G = (Oe) => {
-      O === void 0 && Pe(Oe), Y == null || Y(Oe);
-    }, se = (Oe) => {
-      const ke = Oe.target.value;
-      ce(ke);
-      const Ze = parseFloat(ke);
-      if (!isNaN(Ze)) {
-        const io = Math.max(U, Math.min(H, Ze));
-        G(io);
+    ke(() => {
+      ve(E.toString());
+    }, [E]);
+    const ce = (Se) => {
+      O === void 0 && he(Se), ne == null || ne(Se);
+    }, ue = (Se) => {
+      const be = Se.target.value;
+      ve(be);
+      const Fe = parseFloat(be);
+      if (!isNaN(Fe)) {
+        const B = Math.max(V, Math.min(K, Fe));
+        ce(B);
       }
-    }, xe = () => {
-      ce(I.toString());
-    }, pe = [
+    }, Ne = () => {
+      ve(E.toString());
+    }, $e = [
       "size",
       // Recursica controls sizing via Slider.module.css variables, not Mantine's native size scale.
       "variant",
@@ -3695,10 +3698,10 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
       // as a defensive no-op delete since it predates this consolidation and the public prop type
       // already `Omit`s it; Recursica's own FormControlLayout/WithReadOnlyWrapper own wrapper markup.
       "wrapperProps"
-    ], de = E(
-      u(oe, o),
-      pe
-    ), ve = de, ge = W(
+    ], Ee = F(
+      u(W, o),
+      $e
+    ), we = Ee, io = z(
       {
         root: te.sliderRoot,
         track: te.sliderTrack,
@@ -3707,13 +3710,13 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
         mark: te.sliderMark,
         markLabel: te.sliderMarkLabel
       },
-      ve.classNames
-    ), Ye = T ? `${te.layoutOverride} ${T}` : te.layoutOverride, Te = D ? /* @__PURE__ */ a("span", { className: te.iconWrapper, "aria-hidden": !0, children: D }) : null;
+      we.classNames
+    ), Be = $ ? `${te.layoutOverride} ${$}` : te.layoutOverride, co = D ? /* @__PURE__ */ a("span", { className: te.iconWrapper, "aria-hidden": !0, children: D }) : null, uo = M ? /* @__PURE__ */ a("span", { className: te.iconWrapper, "aria-hidden": !0, children: M }) : null, Re = typeof T == "function" ? T(E) : E;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
         ref: n,
-        className: Ye,
+        className: Be,
         style: g,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -3736,9 +3739,9 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
         readOnlyComponent: b || vc,
         emptyValueComponent: C,
         readOnlyType: "text",
-        readOnlyValue: I,
-        readOnlyNativeProps: { value: I },
-        activeComponent: /* @__PURE__ */ z(
+        readOnlyValue: E,
+        readOnlyNativeProps: { value: E },
+        activeComponent: /* @__PURE__ */ A(
           "div",
           {
             className: te.sliderContainer,
@@ -3746,42 +3749,43 @@ const tc = ya, nc = "Slider-module__layoutOverride___zYPun", ac = "Slider-module
             "data-disabled": P ? "true" : void 0,
             "data-error": h ? "true" : void 0,
             children: [
-              Te,
-              M && /* @__PURE__ */ a("span", { className: te.minMaxGuide, children: U }),
+              co,
+              j && /* @__PURE__ */ a("span", { className: te.minMaxGuide, children: X ?? V }),
               /* @__PURE__ */ a("div", { className: te.sliderTrackWrapper, children: /* @__PURE__ */ a(
                 lr,
                 {
-                  ...de,
-                  classNames: ge,
+                  ...Ee,
+                  classNames: io,
                   disabled: P,
-                  value: I,
-                  onChange: G,
-                  onChangeEnd: q,
-                  min: U,
-                  max: H,
-                  step: Z,
-                  label: $
+                  value: E,
+                  onChange: ce,
+                  onChangeEnd: Te,
+                  min: V,
+                  max: K,
+                  step: J,
+                  label: T
                 }
               ) }),
-              /* @__PURE__ */ z("div", { className: te.rightGuideContainer, children: [
-                !A && /* @__PURE__ */ a("span", { className: te.currentValue, children: I }),
-                M && /* @__PURE__ */ a("span", { className: te.minMaxGuide, children: H })
+              /* @__PURE__ */ A("div", { className: te.rightGuideContainer, children: [
+                !L && /* @__PURE__ */ a("span", { className: te.currentValue, children: Re }),
+                j && /* @__PURE__ */ a("span", { className: te.minMaxGuide, children: q ?? K })
               ] }),
-              A && /* @__PURE__ */ a(
+              L && /* @__PURE__ */ a(
                 "input",
                 {
                   type: "number",
                   className: te.inputField,
-                  value: ae,
-                  onChange: se,
-                  onBlur: xe,
-                  min: U,
-                  max: H,
-                  step: Z,
+                  value: se,
+                  onChange: ue,
+                  onBlur: Ne,
+                  min: V,
+                  max: K,
+                  step: J,
                   disabled: P,
                   "data-error": h ? "true" : void 0
                 }
-              )
+              ),
+              uo
             ]
           }
         )
@@ -3813,7 +3817,7 @@ const Nc = "Stack-module__root___NUN-x", ko = {
   );
 });
 va.displayName = "Stack";
-const bc = Ce(va), Cc = "Stepper-module__root___jbSYO", Pc = "Stepper-module__horizontal___USHT1", gc = "Stepper-module__steps___4HPO6", Tc = "Stepper-module__step___s2nqL", $c = "Stepper-module__stepBody___TBvys", wc = "Stepper-module__stepLabel___N6nuy", Sc = "Stepper-module__stepDescription___DnDAy", xc = "Stepper-module__separator___pU0No", Oc = "Stepper-module__vertical___d4mOs", kc = "Stepper-module__large___J18-y", Rc = "Stepper-module__small___Ub-zb", Ic = "Stepper-module__stepIcon___YQHNq", Lc = "Stepper-module__stepCompletedIcon___B9MeL", Mc = "Stepper-module__verticalSeparator___frWc1", Ac = "Stepper-module__content___J-h8X", le = {
+const bc = ge(va), Cc = "Stepper-module__root___jbSYO", Pc = "Stepper-module__horizontal___USHT1", gc = "Stepper-module__steps___4HPO6", Tc = "Stepper-module__step___s2nqL", $c = "Stepper-module__stepBody___TBvys", wc = "Stepper-module__stepLabel___N6nuy", Sc = "Stepper-module__stepDescription___DnDAy", xc = "Stepper-module__separator___pU0No", Oc = "Stepper-module__vertical___d4mOs", kc = "Stepper-module__large___J18-y", Rc = "Stepper-module__small___Ub-zb", Ic = "Stepper-module__stepIcon___YQHNq", Lc = "Stepper-module__stepCompletedIcon___B9MeL", Mc = "Stepper-module__verticalSeparator___frWc1", Ac = "Stepper-module__content___J-h8X", le = {
   root: Cc,
   horizontal: Pc,
   steps: gc,
@@ -3838,7 +3842,7 @@ const bc = Ce(va), Cc = "Stepper-module__root___jbSYO", Pc = "Stepper-module__ho
       className: l,
       style: i,
       ...c
-    } = e, d = u(c, o), m = d, p = W(
+    } = e, d = u(c, o), m = d, p = z(
       {
         steps: le.steps,
         step: le.step,
@@ -3887,15 +3891,15 @@ const zc = Object.assign(Na, {
   Completed: it.Completed
 });
 Na.displayName = "Stepper";
-const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", Ec = "Switch-module__body___Sw9Wr", Bc = "Switch-module__thumb___-FTeK", Fc = "Switch-module__labelWrapper___YSOwx", Uc = "Switch-module__label___LrH7V", Gc = "Switch-module__thumbIconWrapper___sCY-1", Vc = "Switch-module__checkIcon___ZBAQN", Hc = "Switch-module__closeIcon___bLLGw", jc = "Switch-module__groupRoot___-Uepi", fe = {
+const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", Ec = "Switch-module__body___Sw9Wr", Bc = "Switch-module__thumb___-FTeK", Fc = "Switch-module__labelWrapper___YSOwx", Uc = "Switch-module__label___LrH7V", Vc = "Switch-module__thumbIconWrapper___sCY-1", Gc = "Switch-module__checkIcon___ZBAQN", Hc = "Switch-module__closeIcon___bLLGw", jc = "Switch-module__groupRoot___-Uepi", _e = {
   root: Wc,
   track: Dc,
   body: Ec,
   thumb: Bc,
   labelWrapper: Fc,
   label: Uc,
-  thumbIconWrapper: Gc,
-  checkIcon: Vc,
+  thumbIconWrapper: Vc,
+  checkIcon: Gc,
   closeIcon: Hc,
   groupRoot: jc
 }, Ct = _(
@@ -3912,14 +3916,14 @@ const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", E
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: $,
+      assistiveText: T,
       assistiveWithIcon: y,
       error: v,
       required: h,
       withAsterisk: x,
       id: N,
       className: w,
-      style: T,
+      style: $,
       children: g,
       readOnly: P,
       readOnlyComponent: f,
@@ -3930,15 +3934,15 @@ const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", E
     } = e, D = [
       "size"
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
-    ], A = E(
+    ], M = F(
       u(R, o),
       D
-    ), M = A;
+    ), L = M;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
         className: w,
-        style: T,
+        style: $,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: o,
@@ -3951,7 +3955,7 @@ const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", E
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: $,
+        assistiveText: T,
         assistiveWithIcon: y,
         error: v,
         required: h,
@@ -3967,11 +3971,11 @@ const Wc = "Switch-module__root___Y5Ydi", Dc = "Switch-module__track___7ObdZ", E
           jt.Group,
           {
             ref: n,
-            ...A,
-            disabled: P || M.disabled,
+            ...M,
+            disabled: P || L.disabled,
             value: C,
             defaultValue: O,
-            children: /* @__PURE__ */ a("div", { className: fe.groupRoot, "data-layout": t, children: g })
+            children: /* @__PURE__ */ a("div", { className: _e.groupRoot, "data-layout": t, children: g })
           }
         )
       }
@@ -3991,7 +3995,7 @@ const Pt = _(
       labelSize: d,
       controlMaxWidth: m,
       controlMinWidth: p,
-      ...$
+      ...T
     } = e, y = [
       "size",
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
@@ -4001,24 +4005,24 @@ const Pt = _(
       // Corner radius is fixed by Recursica tokens in Switch.module.css, not caller-configurable.
       "variant"
       // Switch has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
-    ], v = E(
-      u($, o),
+    ], v = F(
+      u(T, o),
       y
-    ), h = v, x = W(
+    ), h = v, x = z(
       {
-        root: fe.root,
-        body: fe.body,
-        track: fe.track,
-        thumb: fe.thumb,
-        trackLabel: fe.trackLabel,
-        labelWrapper: fe.labelWrapper,
-        label: fe.label
+        root: _e.root,
+        body: _e.body,
+        track: _e.track,
+        thumb: _e.thumb,
+        trackLabel: _e.trackLabel,
+        labelWrapper: _e.labelWrapper,
+        label: _e.label
       },
       h.classNames
     ), N = xr(
       {},
       h.styles
-    ), w = h.className, T = w ? `${fe.root} ${w}` : fe.root;
+    ), w = h.className, $ = w ? `${_e.root} ${w}` : _e.root;
     if (t && s) {
       const f = !!(h.checked ?? h.defaultChecked), C = /* @__PURE__ */ a(
         s,
@@ -4029,7 +4033,7 @@ const Pt = _(
         }
       );
       return c ? /* @__PURE__ */ a(
-        Ue,
+        He,
         {
           formLayout: c,
           labelSize: d,
@@ -4037,29 +4041,29 @@ const Pt = _(
           controlMinWidth: p,
           children: C
         }
-      ) : /* @__PURE__ */ a(ho, { children: C });
+      ) : /* @__PURE__ */ a(No, { children: C });
     }
-    const g = /* @__PURE__ */ z("div", { className: fe.thumbIconWrapper, children: [
-      /* @__PURE__ */ a(cr, { className: fe.checkIcon }),
-      /* @__PURE__ */ a(dr, { className: fe.closeIcon })
+    const g = /* @__PURE__ */ A("div", { className: _e.thumbIconWrapper, children: [
+      /* @__PURE__ */ a(cr, { className: _e.checkIcon }),
+      /* @__PURE__ */ a(dr, { className: _e.closeIcon })
     ] }), P = /* @__PURE__ */ a(
       jt,
       {
         ref: n,
         ...v,
-        className: T,
+        className: $,
         classNames: x,
         styles: N,
         disabled: t || l,
         "data-disabled": t || l || void 0,
-        thumbIcon: ue(
+        thumbIcon: de(
           g,
           i
         )
       }
     );
     return c ? /* @__PURE__ */ a(
-      Ue,
+      He,
       {
         formLayout: c,
         labelSize: d,
@@ -4111,7 +4115,7 @@ function Zc(r) {
 const Ca = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e), s = t.className, l = rt.root, i = s ? `${l} ${s}` : l;
   return /* @__PURE__ */ a(
-    je,
+    Ye,
     {
       ref: o,
       ...t,
@@ -4124,7 +4128,7 @@ const Pa = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      je.Thead,
+      Ye.Thead,
       {
         ref: o,
         ...t
@@ -4137,7 +4141,7 @@ const ga = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      je.Tbody,
+      Ye.Tbody,
       {
         ref: o,
         ...t
@@ -4150,7 +4154,7 @@ const Ta = _(
   function({ overStyled: e = !1, selected: n = !1, disabled: o = !1, ...t }, s) {
     const l = u(t, e);
     return /* @__PURE__ */ a(
-      je.Tr,
+      Ye.Tr,
       {
         ref: s,
         ...l,
@@ -4164,8 +4168,8 @@ Ta.displayName = "TableTr";
 const $a = _(
   function({ overStyled: e = !1, sorted: n = !1, disabled: o = !1, children: t, ...s }, l) {
     const i = u(s, e);
-    return /* @__PURE__ */ z(
-      je.Th,
+    return /* @__PURE__ */ A(
+      Ye.Th,
       {
         ref: l,
         ...i,
@@ -4186,7 +4190,7 @@ const wa = _(
   function({ overStyled: e = !1, disabled: n = !1, variant: o = "default", ...t }, s) {
     const l = u(t, e);
     return /* @__PURE__ */ a(
-      je.Td,
+      Ye.Td,
       {
         ref: s,
         ...l,
@@ -4201,7 +4205,7 @@ const Sa = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
-      je.Tfoot,
+      Ye.Tfoot,
       {
         ref: o,
         ...t
@@ -4213,7 +4217,7 @@ Sa.displayName = "TableTfoot";
 const xa = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
-    je.Caption,
+    Ye.Caption,
     {
       ref: o,
       ...t
@@ -4224,7 +4228,7 @@ xa.displayName = "TableCaption";
 const Oa = _(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
-    je.ScrollContainer,
+    Ye.ScrollContainer,
     {
       ref: o,
       ...t
@@ -4232,15 +4236,15 @@ const Oa = _(function({ overStyled: e = !1, ...n }, o) {
   );
 });
 Oa.displayName = "TableScrollContainer";
-const Ke = Ca;
-Ke.Thead = Pa;
-Ke.Tbody = ga;
-Ke.Tr = Ta;
-Ke.Th = $a;
-Ke.Td = wa;
-Ke.Tfoot = Sa;
-Ke.Caption = xa;
-Ke.ScrollContainer = Oa;
+const Xe = Ca;
+Xe.Thead = Pa;
+Xe.Tbody = ga;
+Xe.Tr = Ta;
+Xe.Th = $a;
+Xe.Td = wa;
+Xe.Tfoot = Sa;
+Xe.Caption = xa;
+Xe.ScrollContainer = Oa;
 const Xc = "Tabs-module__root___-VKVI", Jc = "Tabs-module__list___qRVME", Qc = "Tabs-module__tab___IdDYc", ed = "Tabs-module__panel___08i9c", Bo = {
   root: Xc,
   list: Jc,
@@ -4253,7 +4257,7 @@ const Xc = "Tabs-module__root___-VKVI", Jc = "Tabs-module__list___qRVME", Qc = "
     overStyled: s = !1,
     className: l,
     ...i
-  } = e, c = u(i, s), d = c, m = W(
+  } = e, c = u(i, s), d = c, m = z(
     {
       list: Bo.list,
       tab: Bo.tab,
@@ -4331,7 +4335,7 @@ const od = Object.assign(ka, {
   );
 });
 Ma.displayName = "Text";
-const td = Ce(Ma), nd = "TextArea-module__layoutOverride___4MCdm", ad = "TextArea-module__root___3dyeu", rd = "TextArea-module__input___8l36v", Fo = {
+const td = ge(Ma), nd = "TextArea-module__layoutOverride___4MCdm", ad = "TextArea-module__root___3dyeu", rd = "TextArea-module__input___8l36v", Fo = {
   layoutOverride: nd,
   root: ad,
   input: rd
@@ -4355,35 +4359,35 @@ const td = Ce(Ma), nd = "TextArea-module__layoutOverride___4MCdm", ad = "TextAre
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
       ...O
-    } = e, R = E(
+    } = e, R = F(
       u(O, o),
       sd
-    ), D = R, A = W(
+    ), D = R, M = z(
       {
         wrapper: Fo.root,
         // The nested Input internal relative wrapper bounding box
         input: Fo.input
       },
       D.classNames
-    ), M = N ? `${Fo.layoutOverride} ${N}` : Fo.layoutOverride;
+    ), L = N ? `${Fo.layoutOverride} ${N}` : Fo.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: M,
+        className: L,
         style: w,
         controlMaxWidth: "var(--textarea-control-max-width)",
         controlMinWidth: "var(--textarea-control-min-width)",
@@ -4396,7 +4400,7 @@ const td = Ce(Ma), nd = "TextArea-module__layoutOverride___4MCdm", ad = "TextAre
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -4414,8 +4418,8 @@ const td = Ce(Ma), nd = "TextArea-module__layoutOverride___4MCdm", ad = "TextAre
             {
               ref: n,
               ...R,
-              classNames: A,
-              disabled: T,
+              classNames: M,
+              disabled: $,
               value: b,
               defaultValue: C,
               label: void 0,
@@ -4456,24 +4460,24 @@ const ld = "TextField-module__layoutOverride___SNZqc", id = "TextField-module__r
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
       ...O
-    } = e, R = E(
+    } = e, R = F(
       u(O, o),
       ud
-    ), D = R, A = W(
+    ), D = R, M = z(
       {
         wrapper: Ro.root,
         // The nested Input internal relative wrapper bounding box
@@ -4481,11 +4485,11 @@ const ld = "TextField-module__layoutOverride___SNZqc", id = "TextField-module__r
         section: Ro.section
       },
       D.classNames
-    ), M = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
+    ), L = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: M,
+        className: L,
         style: w,
         controlMaxWidth: "var(--text-field-control-max-width)",
         controlMinWidth: "var(--text-field-control-min-width)",
@@ -4498,7 +4502,7 @@ const ld = "TextField-module__layoutOverride___SNZqc", id = "TextField-module__r
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -4516,12 +4520,12 @@ const ld = "TextField-module__layoutOverride___SNZqc", id = "TextField-module__r
             {
               ref: n,
               ...R,
-              classNames: A,
-              disabled: T,
+              classNames: M,
+              disabled: $,
               value: b,
               defaultValue: C,
               wrapperProps: {
-                "data-disabled": T ? "true" : void 0,
+                "data-disabled": $ ? "true" : void 0,
                 "data-error": y ? "true" : void 0
               }
             }
@@ -4540,10 +4544,10 @@ const pd = [
   "radius"
   // Recursica does not expose the library's native corner-radius system.
 ], za = _(function(e, n) {
-  const { overStyled: o = !1, className: t, disabled: s, error: l, ...i } = e, c = E(
+  const { overStyled: o = !1, className: t, disabled: s, error: l, ...i } = e, c = F(
     u(i, o),
     pd
-  ), d = c, m = W(
+  ), d = c, m = z(
     {
       wrapper: t ? `${ie.root} ${t}` : ie.root,
       input: ie.input,
@@ -4554,7 +4558,7 @@ const pd = [
     d.classNames
   );
   return /* @__PURE__ */ a(
-    Gt,
+    Vt,
     {
       ref: n,
       ...c,
@@ -4628,14 +4632,14 @@ const Td = [
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: $,
+      assistiveWithIcon: T,
       error: y,
       required: v,
       withAsterisk: h,
       id: x,
       className: N,
       style: w,
-      disabled: T,
+      disabled: $,
       readOnly: g,
       readOnlyComponent: P,
       emptyValueComponent: f,
@@ -4644,36 +4648,36 @@ const Td = [
       onChange: O,
       withSeconds: R,
       minTime: D,
-      maxTime: A,
-      ...M
-    } = e, U = E(
-      u(M, o),
+      maxTime: M,
+      ...L
+    } = e, j = F(
+      u(L, o),
       Td
-    ), H = U, [Z, Y] = ne(
+    ), V = j, [K, X] = ae(
       () => b ?? C
     );
-    Se(() => {
-      b !== void 0 && Y(b);
+    ke(() => {
+      b !== void 0 && X(b);
     }, [b]);
-    const q = Fe(null);
-    Se(() => {
+    const q = Ge(null);
+    ke(() => {
       zt(b ?? C) === void 0 && q.current && gd(q.current, "AM");
     }, []);
-    const oe = (G) => {
-      Y(G), O == null || O(G);
-    }, re = zt(Z), Pe = re !== void 0 && re >= 12, I = (G) => {
-      oe(G);
-    }, ae = (G) => {
-      if (re === void 0 || !Z || !G) return;
-      const se = G === "PM";
-      if (se === Pe) return;
-      const xe = se ? re + 12 : re - 12;
-      oe(Cd(Z, xe));
-    }, ce = N ? `${to.layoutOverride} ${N}` : to.layoutOverride;
+    const J = (E) => {
+      X(E), O == null || O(E);
+    }, ne = zt(K), Te = ne !== void 0 && ne >= 12, W = (E) => {
+      J(E);
+    }, re = (E) => {
+      if (ne === void 0 || !K || !E) return;
+      const se = E === "PM";
+      if (se === Te) return;
+      const ve = se ? ne + 12 : ne - 12;
+      J(Cd(K, ve));
+    }, he = N ? `${to.layoutOverride} ${N}` : to.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
-        className: ce,
+        className: he,
         style: w,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -4686,7 +4690,7 @@ const Td = [
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: $,
+        assistiveWithIcon: T,
         error: y,
         required: v,
         withAsterisk: h,
@@ -4705,34 +4709,34 @@ const Td = [
              choice (see TIMEPICKER_IMPLEMENTATION_NOTES.md). Mantine's own native AM/PM <select>
              (bundled unconditionally with format="12h") is CSS-hidden; our own BareDropdown next to
              it is the only AM/PM control the user interacts with. */
-          /* @__PURE__ */ z(
+          /* @__PURE__ */ A(
             "div",
             {
               className: to.root,
-              "data-disabled": T ? "true" : void 0,
+              "data-disabled": $ ? "true" : void 0,
               "data-error": y ? "true" : void 0,
               children: [
                 /* @__PURE__ */ a(
                   Cr,
                   {
                     ref: n,
-                    ...U,
-                    classNames: W(
+                    ...j,
+                    classNames: z(
                       {
                         wrapper: to.timeWrapper,
                         input: to.timeInput,
                         fieldsGroup: to.fieldsGroup,
                         field: to.timeField
                       },
-                      H.classNames
+                      V.classNames
                     ),
-                    disabled: T,
-                    value: Z,
-                    onChange: I,
+                    disabled: $,
+                    value: K,
+                    onChange: W,
                     format: "12h",
                     withSeconds: R,
                     min: D,
-                    max: A,
+                    max: M,
                     withDropdown: !1,
                     amPmRef: q
                   }
@@ -4744,9 +4748,9 @@ const Td = [
                     className: to.amPmSelect,
                     styles: { wrapper: { width: "fit-content" } },
                     data: bd,
-                    value: Pe ? "PM" : "AM",
-                    onChange: ae,
-                    disabled: T,
+                    value: Te ? "PM" : "AM",
+                    onChange: re,
+                    disabled: $,
                     error: !!y,
                     "aria-label": "AM or PM"
                   }
@@ -4769,7 +4773,7 @@ const $d = "Timeline-module__root___LwRdZ", wd = "Timeline-module__item___T5xdQ"
   itemContent: kd,
   description: Rd,
   timestamp: Id
-}, Tt = V.forwardRef(
+}, Tt = G.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: n,
@@ -4777,7 +4781,7 @@ const $d = "Timeline-module__root___LwRdZ", wd = "Timeline-module__item___T5xdQ"
     children: t,
     ...s
   }, l) {
-    const i = u(s, e), c = i, d = W(
+    const i = u(s, e), c = i, d = z(
       {
         item: no.item,
         itemBody: no.itemBody,
@@ -4786,7 +4790,7 @@ const $d = "Timeline-module__root___LwRdZ", wd = "Timeline-module__item___T5xdQ"
         itemTitle: no.itemTitle
       },
       c.classNames
-    ), m = n ? /* @__PURE__ */ z(ho, { children: [
+    ), m = n ? /* @__PURE__ */ A(No, { children: [
       t && /* @__PURE__ */ a("div", { className: no.description, children: t }),
       /* @__PURE__ */ a("div", { className: no.timestamp, children: n })
     ] }) : t;
@@ -4803,9 +4807,9 @@ const $d = "Timeline-module__root___LwRdZ", wd = "Timeline-module__item___T5xdQ"
   }
 );
 Tt.displayName = "TimelineItem";
-const Da = V.forwardRef(
+const Da = G.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
-    const t = u(n, e), s = t, l = W(
+    const t = u(n, e), s = t, l = z(
       { root: no.root },
       s.classNames
     );
@@ -4826,7 +4830,7 @@ const Ba = _(function({ overStyled: e = !1, order: n = 1, ...o }, t) {
   const s = [
     "size"
     // Recursica controls Title sizing via the `order` prop + typography tokens, not Mantine's native `size`.
-  ], l = E(
+  ], l = F(
     u(o, e),
     s
   ), i = l.className, c = `recursica_brand_typography_h${n}`, d = i ? `${c} ${i}` : c;
@@ -4841,7 +4845,7 @@ const Ba = _(function({ overStyled: e = !1, order: n = 1, ...o }, t) {
   );
 });
 Ba.displayName = "Title";
-const Ld = "Toast-module__root___MUvfI", Md = "Toast-module__icon___VwvE1", Ad = "Toast-module__loader___8Gxd-", zd = "Toast-module__title___-H6R2", Wd = "Toast-module__description___-QwfC", Dd = "Toast-module__closeButton___vGr7g", Ed = "Toast-module__body___VLkXA", fo = {
+const Ld = "Toast-module__root___MUvfI", Md = "Toast-module__icon___VwvE1", Ad = "Toast-module__loader___8Gxd-", zd = "Toast-module__title___-H6R2", Wd = "Toast-module__description___-QwfC", Dd = "Toast-module__closeButton___vGr7g", Ed = "Toast-module__body___VLkXA", ho = {
   root: Ld,
   icon: Md,
   loader: Ad,
@@ -4849,7 +4853,7 @@ const Ld = "Toast-module__root___MUvfI", Md = "Toast-module__icon___VwvE1", Ad =
   description: Wd,
   closeButton: Dd,
   body: Ed
-}, Fa = V.forwardRef(
+}, Fa = G.forwardRef(
   function({
     overStyled: e = !1,
     variant: n = "default",
@@ -4863,18 +4867,18 @@ const Ld = "Toast-module__root___MUvfI", Md = "Toast-module__icon___VwvE1", Ad =
       // Toast corner radius is controlled by design tokens, not a raw radius prop.
       "loading"
       // Toast never renders a loading state; always forced off via `loading={false}` below.
-    ], i = E(
+    ], i = F(
       u(t, e),
       l
-    ), c = W(
+    ), c = z(
       {
-        root: fo.root,
-        body: fo.body,
-        title: fo.title,
-        description: fo.description,
-        closeButton: fo.closeButton,
-        icon: fo.icon,
-        loader: fo.loader
+        root: ho.root,
+        body: ho.body,
+        title: ho.title,
+        description: ho.description,
+        closeButton: ho.closeButton,
+        icon: ho.icon,
+        loader: ho.loader
       },
       i.classNames
     );
@@ -4907,7 +4911,7 @@ const Bd = "Tooltip-module__tooltip___UA7H9", Fd = "Tooltip-module__arrow___4zRO
   arrowSize: t = 16,
   ...s
 }) {
-  const l = u(s, e), i = l, c = W(
+  const l = u(s, e), i = l, c = z(
     {
       tooltip: Wt.tooltip,
       arrow: Wt.arrow
@@ -4927,7 +4931,7 @@ const Bd = "Tooltip-module__tooltip___UA7H9", Fd = "Tooltip-module__arrow___4zRO
   );
 };
 Ua.displayName = "Tooltip";
-const Ga = _(
+const Va = _(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4939,14 +4943,14 @@ const Ga = _(
     );
   }
 );
-Ga.displayName = "TooltipFloating";
+Va.displayName = "TooltipFloating";
 const $t = Ua;
-$t.Floating = Ga;
+$t.Floating = Va;
 $t.Group = ct.Group;
-const Ud = "TransferList-module__layoutOverride___nkb32", Gd = "TransferList-module__root___ikjI7", Vd = "TransferList-module__panes___dtwkW", Hd = "TransferList-module__pane___hy-kC", jd = "TransferList-module__paneHeader___HZrKX", qd = "TransferList-module__paneSearch___Xji-g", Kd = "TransferList-module__paneList___v0rcJ", Yd = "TransferList-module__emptyState___azPw-", Zd = "TransferList-module__transferColumn___3R2Ki", Xd = "TransferList-module__chevron___l-KdI", be = {
+const Ud = "TransferList-module__layoutOverride___nkb32", Vd = "TransferList-module__root___ikjI7", Gd = "TransferList-module__panes___dtwkW", Hd = "TransferList-module__pane___hy-kC", jd = "TransferList-module__paneHeader___HZrKX", qd = "TransferList-module__paneSearch___Xji-g", Kd = "TransferList-module__paneList___v0rcJ", Yd = "TransferList-module__emptyState___azPw-", Zd = "TransferList-module__transferColumn___3R2Ki", Xd = "TransferList-module__chevron___l-KdI", Pe = {
   layoutOverride: Ud,
-  root: Gd,
-  panes: Vd,
+  root: Vd,
+  panes: Gd,
   pane: Hd,
   paneHeader: jd,
   paneSearch: qd,
@@ -4959,7 +4963,7 @@ function Dt({ direction: r }) {
   return /* @__PURE__ */ a(
     "svg",
     {
-      className: be.chevron,
+      className: Pe.chevron,
       "data-direction": r,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -4978,7 +4982,7 @@ function Et({ direction: r }) {
   return /* @__PURE__ */ a(
     "svg",
     {
-      className: be.chevron,
+      className: Pe.chevron,
       "data-direction": r,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -5000,7 +5004,7 @@ function Jd(r) {
     o.group ? (e[t = o.group] ?? (e[t] = [])).push(o) : n.push(o);
   }), { groups: e, ungrouped: n };
 }
-const Va = _(
+const Ga = _(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -5013,14 +5017,14 @@ const Va = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: $,
+      assistiveText: T,
       description: y,
       helperText: v,
       assistiveWithIcon: h,
       error: x,
       required: N,
       id: w,
-      readOnly: T,
+      readOnly: $,
       readOnlyComponent: g,
       emptyValueComponent: P,
       data: f,
@@ -5029,118 +5033,118 @@ const Va = _(
       sourceLabel: O = "Available",
       targetLabel: R = "Selected",
       searchable: D = !0,
-      searchPlaceholder: A = "Filter items...",
-      disabled: M = !1,
-      className: U,
-      style: H,
-      ...Z
-    } = e, Y = u(Z, o), q = Bt(), oe = w || `recursica-transfer-list-${q}`, [re, Pe] = ne(
+      searchPlaceholder: M = "Filter items...",
+      disabled: L = !1,
+      className: j,
+      style: V,
+      ...K
+    } = e, X = u(K, o), q = Bt(), J = w || `recursica-transfer-list-${q}`, [ne, Te] = ae(
       () => b ?? f ?? [[], []]
-    ), I = f !== void 0 ? f : re, ae = uo(
+    ), W = f !== void 0 ? f : ne, re = mo(
       (B) => {
-        f === void 0 && Pe(B), C == null || C(B);
+        f === void 0 && Te(B), C == null || C(B);
       },
       [f, C]
-    ), [ce, G] = ne(""), [se, xe] = ne(""), [pe, de] = ne(
+    ), [he, E] = ae(""), [se, ve] = ae(""), [ce, ue] = ae(
       () => /* @__PURE__ */ new Set()
-    ), [ve, ge] = ne(
+    ), [Ne, $e] = ae(
       () => /* @__PURE__ */ new Set()
-    ), Ye = kt(() => {
-      if (!ce) return I[0];
-      const B = ce.toLowerCase();
-      return I[0].filter(
-        (X) => X.label.toLowerCase().includes(B)
+    ), Ee = kt(() => {
+      if (!he) return W[0];
+      const B = he.toLowerCase();
+      return W[0].filter(
+        (Z) => Z.label.toLowerCase().includes(B)
       );
-    }, [I, ce]), Te = kt(() => {
-      if (!se) return I[1];
+    }, [W, he]), we = kt(() => {
+      if (!se) return W[1];
       const B = se.toLowerCase();
-      return I[1].filter(
-        (X) => X.label.toLowerCase().includes(B)
+      return W[1].filter(
+        (Z) => Z.label.toLowerCase().includes(B)
       );
-    }, [I, se]), Oe = uo(() => {
-      if (pe.size === 0) return;
-      const B = I[0].filter(
-        (F) => !pe.has(F.value)
-      ), X = I[0].filter(
-        (F) => pe.has(F.value)
+    }, [W, se]), io = mo(() => {
+      if (ce.size === 0) return;
+      const B = W[0].filter(
+        (U) => !ce.has(U.value)
+      ), Z = W[0].filter(
+        (U) => ce.has(U.value)
       );
-      de(/* @__PURE__ */ new Set()), ae([B, [...I[1], ...X]]);
-    }, [I, pe, ae]), ke = uo(() => {
-      if (ve.size === 0) return;
-      const B = I[1].filter(
-        (F) => !ve.has(F.value)
-      ), X = I[1].filter(
-        (F) => ve.has(F.value)
+      ue(/* @__PURE__ */ new Set()), re([B, [...W[1], ...Z]]);
+    }, [W, ce, re]), Be = mo(() => {
+      if (Ne.size === 0) return;
+      const B = W[1].filter(
+        (U) => !Ne.has(U.value)
+      ), Z = W[1].filter(
+        (U) => Ne.has(U.value)
       );
-      ge(/* @__PURE__ */ new Set()), ae([[...I[0], ...X], B]);
-    }, [I, ve, ae]), Ze = uo(() => {
-      I[0].length !== 0 && (de(/* @__PURE__ */ new Set()), ae([[], [...I[1], ...I[0]]]));
-    }, [I, ae]), io = uo(() => {
-      I[1].length !== 0 && (ge(/* @__PURE__ */ new Set()), ae([[...I[0], ...I[1]], []]));
-    }, [I, ae]), Xe = uo((B) => {
-      de((X) => {
-        const F = new Set(X);
-        return F.has(B) ? F.delete(B) : F.add(B), F;
+      $e(/* @__PURE__ */ new Set()), re([[...W[0], ...Z], B]);
+    }, [W, Ne, re]), co = mo(() => {
+      W[0].length !== 0 && (ue(/* @__PURE__ */ new Set()), re([[], [...W[1], ...W[0]]]));
+    }, [W, re]), uo = mo(() => {
+      W[1].length !== 0 && ($e(/* @__PURE__ */ new Set()), re([[...W[0], ...W[1]], []]));
+    }, [W, re]), Re = mo((B) => {
+      ue((Z) => {
+        const U = new Set(Z);
+        return U.has(B) ? U.delete(B) : U.add(B), U;
       });
-    }, []), No = uo((B) => {
-      ge((X) => {
-        const F = new Set(X);
-        return F.has(B) ? F.delete(B) : F.add(B), F;
+    }, []), Se = mo((B) => {
+      $e((Z) => {
+        const U = new Set(Z);
+        return U.has(B) ? U.delete(B) : U.add(B), U;
       });
-    }, []), De = (B, X, F, L, j, J, me, Je) => {
-      const { groups: co, ungrouped: S } = Jd(F), Q = Object.keys(co).sort(), ee = j.size > 0 ? `${j.size} / ${L.length}` : `${L.length}`;
-      return /* @__PURE__ */ z("div", { className: be.pane, "data-pane": B, children: [
-        /* @__PURE__ */ z("div", { className: be.paneHeader, children: [
-          /* @__PURE__ */ a("span", { children: X }),
-          /* @__PURE__ */ a(tn, { children: ee })
+    }, []), be = (B, Z, U, I, H, Q, pe, Je) => {
+      const { groups: po, ungrouped: S } = Jd(U), ee = Object.keys(po).sort(), oe = H.size > 0 ? `${H.size} / ${I.length}` : `${I.length}`;
+      return /* @__PURE__ */ A("div", { className: Pe.pane, "data-pane": B, children: [
+        /* @__PURE__ */ A("div", { className: Pe.paneHeader, children: [
+          /* @__PURE__ */ a("span", { children: Z }),
+          /* @__PURE__ */ a(tn, { children: oe })
         ] }),
-        D && /* @__PURE__ */ a("div", { className: be.paneSearch, children: /* @__PURE__ */ a(
+        D && /* @__PURE__ */ a("div", { className: Pe.paneSearch, children: /* @__PURE__ */ a(
           gt,
           {
-            value: me,
-            onChange: (K) => Je(K.currentTarget.value),
-            placeholder: A,
-            disabled: M,
-            "aria-label": `Filter ${X.toLowerCase()}`
+            value: pe,
+            onChange: (Y) => Je(Y.currentTarget.value),
+            placeholder: M,
+            disabled: L,
+            "aria-label": `Filter ${Z.toLowerCase()}`
           }
         ) }),
-        /* @__PURE__ */ z("div", { className: be.paneList, children: [
-          F.length === 0 && /* @__PURE__ */ a("div", { className: be.emptyState, children: "No items" }),
-          S.length > 0 && /* @__PURE__ */ a(Io, { children: S.map((K) => /* @__PURE__ */ a(
+        /* @__PURE__ */ A("div", { className: Pe.paneList, children: [
+          U.length === 0 && /* @__PURE__ */ a("div", { className: Pe.emptyState, children: "No items" }),
+          S.length > 0 && /* @__PURE__ */ a(Io, { children: S.map((Y) => /* @__PURE__ */ a(
             Lo,
             {
-              id: `${oe}-${B}-${K.value}`,
-              label: K.label,
-              checked: j.has(K.value),
-              onChange: () => J(K.value),
-              disabled: M
+              id: `${J}-${B}-${Y.value}`,
+              label: Y.label,
+              checked: H.has(Y.value),
+              onChange: () => Q(Y.value),
+              disabled: L
             },
-            K.value
+            Y.value
           )) }),
-          Q.map((K) => /* @__PURE__ */ a(
+          ee.map((Y) => /* @__PURE__ */ a(
             Io,
             {
-              label: K,
+              label: Y,
               labelSize: "small",
-              children: co[K].map((_e) => /* @__PURE__ */ a(
+              children: po[Y].map((me) => /* @__PURE__ */ a(
                 Lo,
                 {
-                  id: `${oe}-${B}-${_e.value}`,
-                  label: _e.label,
-                  checked: j.has(_e.value),
-                  onChange: () => J(_e.value),
-                  disabled: M
+                  id: `${J}-${B}-${me.value}`,
+                  label: me.label,
+                  checked: H.has(me.value),
+                  onChange: () => Q(me.value),
+                  disabled: L
                 },
-                _e.value
+                me.value
               ))
             },
-            K
+            Y
           ))
         ] })
       ] });
-    }, bo = U ? `${be.layoutOverride} ${U}` : be.layoutOverride;
+    }, Fe = j ? `${Pe.layoutOverride} ${j}` : Pe.layoutOverride;
     return /* @__PURE__ */ a(
-      he,
+      ye,
       {
         ref: n,
         formLayout: t,
@@ -5151,41 +5155,41 @@ const Va = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: $,
+        assistiveText: T,
         description: y,
         helperText: v,
         assistiveWithIcon: h,
         error: x,
         required: N,
-        id: oe,
-        className: bo,
-        style: H,
+        id: J,
+        className: Fe,
+        style: V,
         overStyled: o,
-        readOnly: T,
+        readOnly: $,
         readOnlyComponent: g,
         emptyValueComponent: P,
         readOnlyType: "text",
-        readOnlyValue: I[1].map((B) => B.label),
+        readOnlyValue: W[1].map((B) => B.label),
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           "div",
           {
-            ...Y,
-            className: be.root,
-            "data-disabled": M ? "true" : void 0,
+            ...X,
+            className: Pe.root,
+            "data-disabled": L ? "true" : void 0,
             "data-error": x ? "true" : void 0,
-            children: /* @__PURE__ */ z("div", { className: be.panes, children: [
-              De(
+            children: /* @__PURE__ */ A("div", { className: Pe.panes, children: [
+              be(
                 "source",
                 O,
-                Ye,
-                I[0],
-                pe,
-                Xe,
+                Ee,
+                W[0],
                 ce,
-                G
+                Re,
+                he,
+                E
               ),
-              /* @__PURE__ */ z("div", { className: be.transferColumn, children: [
+              /* @__PURE__ */ A("div", { className: Pe.transferColumn, children: [
                 /* @__PURE__ */ a(
                   so,
                   {
@@ -5193,8 +5197,8 @@ const Va = _(
                     size: "small",
                     icon: /* @__PURE__ */ a(Et, { direction: "right" }),
                     "aria-label": `Move all to ${R}`,
-                    disabled: M || I[0].length === 0,
-                    onClick: Ze
+                    disabled: L || W[0].length === 0,
+                    onClick: co
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -5204,8 +5208,8 @@ const Va = _(
                     size: "small",
                     icon: /* @__PURE__ */ a(Dt, { direction: "right" }),
                     "aria-label": `Move selected to ${R}`,
-                    disabled: M || pe.size === 0,
-                    onClick: Oe
+                    disabled: L || ce.size === 0,
+                    onClick: io
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -5215,8 +5219,8 @@ const Va = _(
                     size: "small",
                     icon: /* @__PURE__ */ a(Dt, { direction: "left" }),
                     "aria-label": `Move selected to ${O}`,
-                    disabled: M || ve.size === 0,
-                    onClick: ke
+                    disabled: L || Ne.size === 0,
+                    onClick: Be
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -5226,20 +5230,20 @@ const Va = _(
                     size: "small",
                     icon: /* @__PURE__ */ a(Et, { direction: "left" }),
                     "aria-label": `Move all to ${O}`,
-                    disabled: M || I[1].length === 0,
-                    onClick: io
+                    disabled: L || W[1].length === 0,
+                    onClick: uo
                   }
                 )
               ] }),
-              De(
+              be(
                 "target",
                 R,
-                Te,
-                I[1],
-                ve,
-                No,
+                we,
+                W[1],
+                Ne,
+                Se,
                 se,
-                xe
+                ve
               )
             ] })
           }
@@ -5248,7 +5252,7 @@ const Va = _(
     );
   }
 );
-Va.displayName = "TransferList";
+Ga.displayName = "TransferList";
 const Qd = "Tree-module__root___ANcH3", eu = "Tree-module__subtree___KoLT8", ou = "Tree-module__node___Hvnjg", tu = "Tree-module__row___sq5ff", nu = "Tree-module__label___zJDit", au = "Tree-module__expandButton___W0WTT", ru = "Tree-module__expandGlyph___w8dDQ", lo = {
   root: Qd,
   subtree: eu,
@@ -5285,7 +5289,7 @@ function lu(r) {
     tree: l,
     elementProps: i
   }) {
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ A(
       "div",
       {
         ...i,
@@ -5327,20 +5331,20 @@ const Ha = _(function({
   onSelectedChange: d,
   ...m
 }, p) {
-  const $ = u(m, e), y = hr({
+  const T = u(m, e), y = hr({
     initialExpandedState: o ? vr(n, o) : void 0,
     initialSelectedState: t,
     multiple: s,
     onNodeExpand: i,
     onNodeCollapse: c
   });
-  Se(() => {
+  ke(() => {
     d == null || d(y.selectedState);
   }, [y.selectedState, d]);
-  const v = V.useRef(null);
-  Se(() => {
-    const T = v.current;
-    if (!T) return;
+  const v = G.useRef(null);
+  ke(() => {
+    const $ = v.current;
+    if (!$) return;
     const g = (P) => {
       if (l || P.key !== "Enter" && P.key !== " ") return;
       const f = P.target.closest(
@@ -5348,21 +5352,21 @@ const Ha = _(function({
       ), b = f == null ? void 0 : f.dataset.value;
       b && (P.preventDefault(), y.select(b));
     };
-    return T.addEventListener("keydown", g), () => T.removeEventListener("keydown", g);
-  }, [y.select, l]), Se(() => {
-    const T = v.current;
-    if (!T || !l) return;
+    return $.addEventListener("keydown", g), () => $.removeEventListener("keydown", g);
+  }, [y.select, l]), ke(() => {
+    const $ = v.current;
+    if (!$ || !l) return;
     const g = (P) => {
       P.preventDefault(), P.stopPropagation();
     };
-    return T.addEventListener("keydown", g, { capture: !0 }), () => T.removeEventListener("keydown", g, { capture: !0 });
+    return $.addEventListener("keydown", g, { capture: !0 }), () => $.removeEventListener("keydown", g, { capture: !0 });
   }, [l]);
-  const h = Pr(p, v), x = $, N = x.className, w = N ? `${lo.root} ${N}` : lo.root;
+  const h = Pr(p, v), x = T, N = x.className, w = N ? `${lo.root} ${N}` : lo.root;
   return /* @__PURE__ */ a(
     Nr,
     {
       ref: h,
-      ...$,
+      ...T,
       data: n,
       tree: y,
       expandOnClick: !1,
@@ -5370,7 +5374,7 @@ const Ha = _(function({
       expandOnSpace: !1,
       renderNode: lu(l),
       "data-disabled": l || void 0,
-      classNames: W(
+      classNames: z(
         { root: w, node: lo.node, subtree: lo.subtree },
         x.classNames
       )
@@ -5412,10 +5416,10 @@ const vu = Dl, Nu = Pn, bu = Cn, Cu = gn, Pu = bc, gu = mn, Tu = Kl, $u = td, wu
   fn
 ), Uu = k(
   yn
-), Gu = k(
-  hn
 ), Vu = k(
-  Ue
+  hn
+), Gu = k(
+  He
 ), Hu = k(
   _t
 ), ju = k(
@@ -5423,15 +5427,15 @@ const vu = Dl, Nu = Pn, bu = Cn, Cu = gn, Pu = bc, gu = mn, Tu = Kl, $u = td, wu
 ), qu = k(
   ut
 ), Ku = k(
-  vo
+  bo
 ), Yu = k(
-  qe
+  Ze
 ), Zu = k(
   Hn
 ), Xu = k(
-  ze
-), Ju = k(
   We
+), Ju = k(
+  De
 ), Qu = k(
   ht
 ), ep = k(
@@ -5453,7 +5457,7 @@ const vu = Dl, Nu = Pn, bu = Cn, Cu = gn, Pu = bc, gu = mn, Tu = Kl, $u = td, wu
 ), ip = k(
   Ct
 ), cp = k(
-  Ke
+  Xe
 ), dp = k(
   od
 ), up = k(
@@ -5473,7 +5477,7 @@ const vu = Dl, Nu = Pn, bu = Cn, Cu = gn, Pu = bc, gu = mn, Tu = Kl, $u = td, wu
 ), vp = k(
   $t
 ), Np = k(
-  Va
+  Ga
 ), bp = k(
   Ha
 );
@@ -5495,16 +5499,16 @@ export {
   gu as Container,
   Bu as DatePicker,
   Fu as Dropdown,
-  Go as EmptyValueRenderer,
+  Vo as EmptyValueRenderer,
   Uu as FileInput,
-  Gu as FileUpload,
+  Vu as FileUpload,
   vu as Flex,
-  Vu as FormControlLayout,
+  Gu as FormControlLayout,
   Nu as Grid,
   bu as GridCol,
   Cu as Group,
   Hu as HoverCard,
-  yo as IS_DEV,
+  vo as IS_DEV,
   qu as Label,
   qt as Layer,
   Tu as Link,
@@ -5544,13 +5548,13 @@ export {
   Zt as fileMatchesAccept,
   Kt as injectOverStyledStyles,
   _u as isGlobalOverStyledActive,
-  W as mergeClassNames,
+  z as mergeClassNames,
   xr as mergeStyles,
-  E as omitUnsupportedProps,
+  F as omitUnsupportedProps,
   Yt as registerOverStyledConsoleCommand,
   wr as toggleGlobalOverStyled,
   Sr as useGlobalOverStyled,
-  ue as withCallerOverride,
+  de as withCallerOverride,
   k as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map