@recursica/mantine-adapter 0.43.0 → 0.44.0

package/dist/mantine-adapter.js

@@ -1,12 +1,12 @@
 import { jsx as a, Fragment as go, jsxs as z } from "react/jsx-runtime";
-import U, { forwardRef as p, useState as ae, useEffect as Oe, useId as Dt, useRef as Fe, useCallback as po, useMemo as xt } from "react";
-import { Accordion as jo, Input as Et, Box as Ha, Autocomplete as ja, Avatar as qa, createPolymorphicComponent as Te, Badge as Ka, Breadcrumbs as Ya, Loader as Za, Button as Xa, Card as qo, Checkbox as Ft, Chip as Ja, Container as Qa, Select as Bt, Flex as er, Grid as Ut, Group as or, HoverCard as rt, Anchor as tr, Menu as Me, Modal as ye, NumberInput as nr, Pagination as Ge, Drawer as Ve, Popover as st, Radio as Gt, SegmentedControl as ar, Slider as rr, Stack as sr, Stepper as lt, Switch as Vt, CheckIcon as lr, CloseIcon as ir, Table as He, Tabs as Ko, Text as cr, Textarea as dr, TimelineItem as ur, Timeline as pr, Title as mr, Notification as _r, Tooltip as it, useTree as fr, getTreeExpandedState as yr, Tree as hr } from "@mantine/core";
+import U, { forwardRef as m, useState as re, useEffect as xe, useId as Dt, useRef as Be, useCallback as po, useMemo as Ot } from "react";
+import { Accordion as jo, Input as Et, Box as Ha, Autocomplete as ja, Avatar as qa, createPolymorphicComponent as Te, Badge as Ka, Breadcrumbs as Ya, Loader as Za, Button as Xa, Card as qo, Checkbox as Bt, Chip as Ja, Container as Qa, Select as Ft, Flex as er, Grid as Ut, Group as or, HoverCard as rt, Anchor as tr, Menu as Me, Modal as ye, NumberInput as nr, Pagination as Ge, Drawer as Ve, Popover as st, Radio as Gt, SegmentedControl as ar, Slider as rr, Stack as sr, Stepper as lt, Switch as Vt, CheckIcon as lr, CloseIcon as ir, Table as He, Tabs as Ko, Text as cr, Textarea as dr, TimelineItem as ur, Timeline as pr, Title as mr, Notification as _r, Tooltip as it, useTree as fr, getTreeExpandedState as yr, Tree as hr } from "@mantine/core";
 import { DatePickerInput as vr, TimePicker as Nr } from "@mantine/dates";
 import { useMergedRef as br } from "@mantine/hooks";
 const Cr = "_root_1qhn7_3", Pr = "_contents_1qhn7_18", bo = {
   root: Cr,
   contents: Pr
-}, Ht = p(function({ layer: r, contentsOnly: e, children: n, className: o, style: t, ...s }, l) {
+}, Ht = m(function({ layer: r, contentsOnly: e, children: n, className: o, style: t, ...s }, l) {
   const i = e ? o ? `${bo.root} ${bo.contents} ${o}` : `${bo.root} ${bo.contents}` : o ? `${bo.root} ${o}` : bo.root;
   return /* @__PURE__ */ a(
     "div",
@@ -56,12 +56,12 @@ function Tr(r) {
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
   return at.forEach((e) => e()), ao;
 }
-function cu() {
+function du() {
   return ho && ao;
 }
 function $r() {
-  const [r, e] = ae(ao);
-  return Oe(() => {
+  const [r, e] = re(ao);
+  return xe(() => {
     if (!ho) return;
     jt(), qt();
     const n = () => e(ao);
@@ -108,22 +108,22 @@ function qt() {
   };
   r(window), window.parent && window.parent !== window && r(window.parent);
 }
-const Ot = "data-recursica-theme";
-function du({
+const xt = "data-recursica-theme";
+function uu({
   children: r,
   theme: e = "light",
   initLayer0: n = !0
 }) {
-  return Oe(() => {
+  return xe(() => {
     const o = document.documentElement;
-    return o.setAttribute(Ot, e), () => {
-      o.removeAttribute(Ot);
+    return o.setAttribute(xt, e), () => {
+      o.removeAttribute(xt);
     };
-  }, [e]), Oe(() => {
+  }, [e]), xe(() => {
     jt(), qt();
   }, []), n ? /* @__PURE__ */ a(Ht, { layer: 0, children: r }) : /* @__PURE__ */ a(go, { children: r });
 }
-const uu = [
+const pu = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -178,7 +178,7 @@ const uu = [
   "TransferList",
   "Tree",
   "Typography"
-], pu = (r, e) => {
+], mu = (r, e) => {
   const n = document.activeElement;
   return new Promise((o, t) => {
     if (e && e.current) {
@@ -220,7 +220,7 @@ function E(r, e) {
     o in n && delete n[o];
   return n;
 }
-function ue(r, e) {
+function pe(r, e) {
   return e !== void 0 ? e : r;
 }
 function k(r) {
@@ -327,9 +327,9 @@ function u(r, e) {
     typeof t == "string" && t.startsWith("rec-") && Yt.has(o) && t in Go && (n[o] = Go[t]);
   return n;
 }
-const xr = "Accordion-module__root___Dem6d", Or = "Accordion-module__item___7ryVk", kr = "Accordion-module__noDivider___Ni2tT", Rr = "Accordion-module__control___b4wgX", Ir = "Accordion-module__label___Ss7uW", Lr = "Accordion-module__icon___xfHxX", Mr = "Accordion-module__chevron___i-HVZ", Ar = "Accordion-module__iconLeftWrapper___5oLen", zr = "Accordion-module__panel___Wx50w", Wr = "Accordion-module__content___PEM9t", Re = {
-  root: xr,
-  item: Or,
+const Or = "Accordion-module__root___Dem6d", xr = "Accordion-module__item___7ryVk", kr = "Accordion-module__noDivider___Ni2tT", Rr = "Accordion-module__control___b4wgX", Ir = "Accordion-module__label___Ss7uW", Lr = "Accordion-module__icon___xfHxX", Mr = "Accordion-module__chevron___i-HVZ", Ar = "Accordion-module__iconLeftWrapper___5oLen", zr = "Accordion-module__panel___Wx50w", Wr = "Accordion-module__content___PEM9t", Re = {
+  root: Or,
+  item: xr,
   noDivider: kr,
   control: Rr,
   label: Ir,
@@ -369,7 +369,7 @@ const xr = "Accordion-module__root___Dem6d", Or = "Accordion-module__item___7ryV
   );
 };
 Zt.displayName = "Accordion";
-const ct = p(function({
+const ct = m(function({
   title: e,
   leftIcon: n,
   divider: o = !0,
@@ -378,7 +378,7 @@ const ct = p(function({
   overStyled: l = !1,
   ...i
 }, c) {
-  const d = u(i, l), m = d.className, _ = [o ? void 0 : Re.noDivider, m].filter(Boolean).join(" ") || void 0;
+  const d = u(i, l), p = d.className, _ = [o ? void 0 : Re.noDivider, p].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ a(
     jo.Item,
     {
@@ -398,7 +398,7 @@ const Dr = [
   "icon"
   // 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.
-], Yo = p(function({ leftIcon: e, children: n, overStyled: o = !1, ...t }, s) {
+], Yo = m(function({ leftIcon: e, children: n, overStyled: o = !1, ...t }, s) {
   const l = E(
     u(t, o),
     Dr
@@ -415,7 +415,7 @@ const Dr = [
   );
 });
 Yo.displayName = "AccordionControl";
-const Zo = p(function({ overStyled: e = !1, ...n }, o) {
+const Zo = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e), s = t.className;
   return /* @__PURE__ */ a(
     jo.Panel,
@@ -431,10 +431,10 @@ const Xo = Zt;
 Xo.Item = ct;
 Xo.Control = Yo;
 Xo.Panel = Zo;
-const Er = "AssistiveElement-module__root___WhQ43", Fr = "AssistiveElement-module__textWrapper___sfy5E", Br = "AssistiveElement-module__iconWrapper___gObRF", tt = {
+const Er = "AssistiveElement-module__root___WhQ43", Br = "AssistiveElement-module__textWrapper___sfy5E", Fr = "AssistiveElement-module__iconWrapper___gObRF", tt = {
   root: Er,
-  textWrapper: Fr,
-  iconWrapper: Br
+  textWrapper: Br,
+  iconWrapper: Fr
 }, Ur = () => /* @__PURE__ */ z(
   "svg",
   {
@@ -467,7 +467,7 @@ const Er = "AssistiveElement-module__root___WhQ43", Fr = "AssistiveElement-modul
       /* @__PURE__ */ a("path", { d: "M12 17h.01" })
     ]
   }
-), Vo = p(function({
+), Vo = m(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: n = !0,
   children: o,
@@ -476,16 +476,16 @@ const Er = "AssistiveElement-module__root___WhQ43", Fr = "AssistiveElement-modul
   overStyled: l = !1,
   ...i
 }, c) {
-  const m = u(i, l), _ = tt.root, $ = t ? `${_} ${t}` : _, y = e === "error" ? Gr : Ur;
+  const p = u(i, l), _ = tt.root, $ = t ? `${_} ${t}` : _, y = e === "error" ? Gr : Ur;
   return /* @__PURE__ */ z(
     "div",
     {
       ref: c,
-      ...m,
+      ...p,
       className: $,
       "data-variant": e,
       role: s ?? (e === "error" ? "alert" : void 0),
-      style: m.style,
+      style: p.style,
       children: [
         n && /* @__PURE__ */ a("span", { className: tt.iconWrapper, children: /* @__PURE__ */ a(y, {}) }),
         /* @__PURE__ */ a("span", { className: tt.textWrapper, children: o })
@@ -501,7 +501,7 @@ const Vr = "Label-module__root___e6HXZ", Hr = "Label-module__labelText___rieFR",
   optionalText: qr,
   actionAreaWrapper: Kr,
   editIconWrapper: Yr
-}, dt = p(function({
+}, dt = m(function({
   labelSize: e = "default",
   labelAlignment: n,
   required: o = !1,
@@ -511,7 +511,7 @@ const Vr = "Label-module__root___e6HXZ", Hr = "Label-module__labelText___rieFR",
   onLabelEditClick: i,
   children: c,
   overStyled: d = !1,
-  ...m
+  ...p
 }, _) {
   const $ = n || "left";
   let y;
@@ -520,15 +520,15 @@ const Vr = "Label-module__root___e6HXZ", Hr = "Label-module__labelText___rieFR",
     "size"
     // Recursica controls label sizing via `labelSize` + design tokens, not Mantine's native `size`.
   ], h = E(
-    u(m, d),
+    u(p, d),
     v
-  ), x = h, N = W(
+  ), O = h, N = W(
     {
       label: Je.root,
       required: Je.required
     },
-    x.classNames
-  ), w = x.className, T = w ? `${Je.root} ${w}` : Je.root;
+    O.classNames
+  ), w = O.className, T = w ? `${Je.root} ${w}` : Je.root;
   return /* @__PURE__ */ z(
     Et.Label,
     {
@@ -580,7 +580,7 @@ const Zr = "FormControlLayout-module__root___yNDhZ", Xr = "FormControlLayout-mod
   root: Zr,
   leftSection: Xr,
   rightSection: Jr
-}, Be = p(function({
+}, Fe = m(function({
   formLayout: e = "stacked",
   labelSize: n = "default",
   controlMaxWidth: o,
@@ -590,12 +590,12 @@ const Zr = "FormControlLayout-module__root___yNDhZ", Xr = "FormControlLayout-mod
   className: i,
   style: c,
   ...d
-}, m) {
+}, p) {
   const _ = i ? `${Wo.root} ${i}` : Wo.root, y = s != null || e === "side-by-side";
   return /* @__PURE__ */ z(
     "div",
     {
-      ref: m,
+      ref: p,
       className: _,
       "data-form-layout": e,
       style: {
@@ -611,11 +611,11 @@ const Zr = "FormControlLayout-module__root___yNDhZ", Xr = "FormControlLayout-mod
     }
   );
 });
-Be.displayName = "FormControlLayout";
+Fe.displayName = "FormControlLayout";
 const Qr = "FormControlWrapper-module__root___c-UHo", es = "FormControlWrapper-module__inputSection___HenXk", Rt = {
   root: Qr,
   inputSection: es
-}, Po = p(function({
+}, Po = m(function({
   formLayout: e,
   labelSize: n,
   labelAlignment: o,
@@ -625,13 +625,13 @@ const Qr = "FormControlWrapper-module__root___c-UHo", es = "FormControlWrapper-m
   onLabelEditClick: i,
   label: c,
   description: d,
-  assistiveText: m,
+  assistiveText: p,
   assistiveWithIcon: _ = !0,
   controlMaxWidth: $,
   controlMinWidth: y,
   error: v,
   required: h,
-  withAsterisk: x,
+  withAsterisk: O,
   id: N,
   children: w,
   className: T,
@@ -640,43 +640,43 @@ const Qr = "FormControlWrapper-module__root___c-UHo", es = "FormControlWrapper-m
   // Extracted safely preventing bleeding into HTML domains
   ...f
 }, b) {
-  const C = Dt(), O = N || `recursica-fc-${C}`, R = m || d, D = R ? `${O}-assistive` : void 0, M = v ? `${O}-error` : void 0, B = u(f, g), q = T || B.className, Y = Rt.root, X = q ? `${Y} ${q}` : Y, K = U.isValidElement(w) ? U.cloneElement(
+  const C = Dt(), x = N || `recursica-fc-${C}`, R = p || d, D = R ? `${x}-assistive` : void 0, A = v ? `${x}-error` : void 0, F = u(f, g), G = T || F.className, Z = Rt.root, Y = G ? `${Z} ${G}` : Z, j = U.isValidElement(w) ? U.cloneElement(
     w,
     {
       ...R && !w.props["aria-describedby"] ? { "aria-describedby": D } : {},
-      ...v && !w.props["aria-errormessage"] ? { "aria-errormessage": M } : {}
+      ...v && !w.props["aria-errormessage"] ? { "aria-errormessage": A } : {}
     }
-  ) : w, re = c ? /* @__PURE__ */ a(
+  ) : w, Q = c ? /* @__PURE__ */ a(
     dt,
     {
-      id: O,
+      id: x,
       labelAlignment: o,
       labelOptionalText: t,
       labelWithEditIcon: s,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: x ?? h,
+      required: O ?? h,
       ...P === "div" ? { as: "div" } : {},
       children: c
     }
   ) : void 0;
   return /* @__PURE__ */ a(
-    Be,
+    Fe,
     {
       ref: b,
-      className: X,
+      className: Y,
       formLayout: e,
       labelSize: n,
       controlMaxWidth: $,
       controlMinWidth: y,
-      leftSection: re,
-      ...B,
+      leftSection: Q,
+      ...F,
       children: /* @__PURE__ */ z("div", { className: Rt.inputSection, children: [
-        K,
+        j,
         v && /* @__PURE__ */ a(
           Vo,
           {
-            id: M,
+            id: A,
             assistiveVariant: "error",
             assistiveWithIcon: _,
             children: v
@@ -699,7 +699,7 @@ Po.displayName = "FormControlWrapper";
 const os = "ReadOnlyField-module__layoutOverride___9fSsG", ts = "ReadOnlyField-module__textField___qKn25", Ho = {
   layoutOverride: os,
   textField: ts
-}, Bo = ({
+}, Fo = ({
   value: r,
   overStyled: e = !1,
   ...n
@@ -715,8 +715,8 @@ const os = "ReadOnlyField-module__layoutOverride___9fSsG", ts = "ReadOnlyField-m
     }
   );
 };
-Bo.displayName = "ReadOnlyTextField";
-const ut = p(
+Fo.displayName = "ReadOnlyTextField";
+const ut = m(
   function({
     value: e,
     type: n = "text",
@@ -727,11 +727,11 @@ const ut = p(
     ...i
   }, c) {
     let d = null;
-    const m = u(i, t), _ = o || Uo, y = (_.check ? _.check(e) : Uo.check(e)) ? /* @__PURE__ */ a(_, { value: e }) : e;
+    const p = u(i, t), _ = o || Uo, y = (_.check ? _.check(e) : Uo.check(e)) ? /* @__PURE__ */ a(_, { value: e }) : e;
     switch (n) {
       case "boolean":
         d = /* @__PURE__ */ a(
-          Bo,
+          Fo,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : y,
             overStyled: t
@@ -740,7 +740,7 @@ const ut = p(
         break;
       case "switch":
         d = /* @__PURE__ */ a(
-          Bo,
+          Fo,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : y,
             overStyled: t
@@ -750,7 +750,7 @@ const ut = p(
       case "text":
       default:
         d = /* @__PURE__ */ a(
-          Bo,
+          Fo,
           {
             value: y,
             overStyled: t
@@ -763,7 +763,7 @@ const ut = p(
       Po,
       {
         ref: c,
-        ...m,
+        ...p,
         overStyled: t,
         className: v,
         style: l,
@@ -773,7 +773,7 @@ const ut = p(
   }
 );
 ut.displayName = "ReadOnlyField";
-const he = p(function({
+const he = m(function({
   readOnly: e,
   readOnlyComponent: n,
   readOnlyType: o = "text",
@@ -783,13 +783,13 @@ const he = p(function({
   activeComponent: i,
   overStyled: c,
   onLabelEditClick: d,
-  ...m
+  ...p
 }, _) {
   return e ? n ? /* @__PURE__ */ a(
     Po,
     {
       ref: _,
-      ...m,
+      ...p,
       onLabelEditClick: d,
       overStyled: c,
       children: /* @__PURE__ */ a(n, { ...s })
@@ -798,7 +798,7 @@ const he = p(function({
     ut,
     {
       ref: _,
-      ...m,
+      ...p,
       type: o,
       value: t,
       emptyValueComponent: l,
@@ -809,7 +809,7 @@ const he = p(function({
     Po,
     {
       ref: _,
-      ...m,
+      ...p,
       onLabelEditClick: d,
       overStyled: c,
       children: i
@@ -831,7 +831,7 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], Xt = p(
+], Xt = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -842,13 +842,13 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -857,11 +857,11 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      ...O
+      ...x
     } = e, R = E(
-      u(O, o),
+      u(x, o),
       cs
-    ), D = R, M = W(
+    ), D = R, A = W(
       {
         wrapper: mo.root,
         // The nested Input internal relative wrapper bounding box
@@ -871,11 +871,11 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
         option: mo.option
       },
       D.classNames
-    ), A = N ? `${mo.layoutOverride} ${N}` : mo.layoutOverride;
+    ), L = N ? `${mo.layoutOverride} ${N}` : mo.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: A,
+        className: L,
         style: w,
         controlMaxWidth: "var(--autocomplete-control-max-width)",
         controlMinWidth: "var(--autocomplete-control-min-width)",
@@ -886,13 +886,13 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
@@ -906,7 +906,7 @@ const ns = "AutoComplete-module__layoutOverride___-K9WL", as = "AutoComplete-mod
             {
               ref: n,
               ...R,
-              classNames: M,
+              classNames: A,
               disabled: T,
               value: b,
               defaultValue: C,
@@ -925,7 +925,7 @@ const ds = "Avatar-module__root___fXu-J", us = "Avatar-module__iconWrapper___ojl
   textWrapper: ps,
   image: ms,
   placeholder: _s
-}, Jt = p(function({
+}, Jt = m(function({
   size: e = "default",
   variant: n = "solid",
   icon: o,
@@ -938,7 +938,7 @@ const ds = "Avatar-module__root___fXu-J", us = "Avatar-module__iconWrapper___ojl
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, m = {
+  }, p = {
     default: "md",
     small: "sm",
     large: "lg"
@@ -960,16 +960,16 @@ const ds = "Avatar-module__root___fXu-J", us = "Avatar-module__iconWrapper___ojl
       placeholder: To.placeholder
     },
     y.classNames
-  ), x = y.className;
+  ), O = y.className;
   return /* @__PURE__ */ a(
     qa,
     {
       ref: c,
       ...$,
-      className: x,
+      className: O,
       classNames: h,
       variant: d[n],
-      size: m[e],
+      size: p[e],
       src: s,
       "data-variant": n,
       "data-size": e,
@@ -981,7 +981,7 @@ const ds = "Avatar-module__root___fXu-J", us = "Avatar-module__iconWrapper___ojl
 Jt.displayName = "Avatar";
 const fs = Te(Jt), ys = "Badge-module__root___5osNT", $o = {
   root: ys
-}, Qt = p(function({ variant: e = "primary-color", overStyled: n = !1, ...o }, t) {
+}, Qt = m(function({ variant: e = "primary-color", overStyled: n = !1, ...o }, t) {
   const s = u(o, n), l = W(
     {
       root: $o.root,
@@ -1006,7 +1006,7 @@ Qt.displayName = "Badge";
 const en = Te(Qt), hs = "Breadcrumb-module__root___x-9ln", vs = "Breadcrumb-module__separator___qrUX-", Do = {
   root: hs,
   separator: vs
-}, on = p(
+}, on = m(
   function({ overStyled: e = !1, separator: n = ">", ...o }, t) {
     const s = u(
       { separator: n, ...o },
@@ -1017,14 +1017,21 @@ const en = Te(Qt), hs = "Breadcrumb-module__root___x-9ln", vs = "Breadcrumb-modu
         separator: Do.separator
       },
       s.classNames
-    ), i = s.className, c = i ? `${Do.root} ${i}` : Do.root;
+    ), i = s.attributes, c = {
+      ...i,
+      separator: {
+        "aria-hidden": !0,
+        ...i == null ? void 0 : i.separator
+      }
+    }, d = s.className, p = d ? `${Do.root} ${d}` : Do.root;
     return /* @__PURE__ */ a(
       Ya,
       {
         ref: t,
         ...s,
-        className: c,
-        classNames: l
+        className: p,
+        classNames: l,
+        attributes: c
       }
     );
   }
@@ -1032,7 +1039,7 @@ const en = Te(Qt), hs = "Breadcrumb-module__root___x-9ln", vs = "Breadcrumb-modu
 on.displayName = "Breadcrumb";
 const Ns = "Loader-module__root___6iYOP", nt = {
   root: Ns
-}, pt = p(function({ variant: e = "oval", size: n = "default", overStyled: o = !1, ...t }, s) {
+}, pt = m(function({ variant: e = "oval", size: n = "default", overStyled: o = !1, ...t }, s) {
   const i = {
     sm: "small",
     md: "default",
@@ -1040,7 +1047,7 @@ const Ns = "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, p = W(
     { root: nt.root },
     d.classNames
   ), _ = d.className, $ = _ ? `${nt.root} ${_}` : nt.root;
@@ -1053,7 +1060,7 @@ const Ns = "Loader-module__root___6iYOP", nt = {
       "data-variant": e,
       "data-size": i,
       className: $,
-      classNames: m
+      classNames: p
     }
   );
 });
@@ -1069,7 +1076,7 @@ const bs = "Button-module__root___Q2R8-", Cs = "Button-module__loader___X-9u-",
 function ws(r) {
   return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
 }
-const tn = p(function({
+const tn = m(function({
   variant: e = "solid",
   size: n = "default",
   icon: o,
@@ -1079,7 +1086,7 @@ const tn = p(function({
   loaderSize: i,
   useRecursicaLoader: c = !0,
   ...d
-}, m) {
+}, p) {
   const _ = {
     solid: "filled",
     outline: "outline",
@@ -1093,9 +1100,9 @@ const tn = p(function({
   ], v = E(
     u(d, s),
     y
-  ), h = v, x = !!o || !!h.leftSection, N = !!h.rightSection, w = ws(t), T = (x || N) && !w;
+  ), h = v, O = !!o || !!h.leftSection, N = !!h.rightSection, w = ws(t), T = (O || 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(
+  T ? g = "icon-only" : (O || N) && (g = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && T && !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(
@@ -1106,18 +1113,18 @@ const tn = p(function({
       loader: Qe.loader
     },
     h.classNames
-  ), f = h.className, b = f ? `${Qe.root} ${f}` : Qe.root, C = h.loaderProps, O = ue(
+  ), f = h.className, b = f ? `${Qe.root} ${f}` : Qe.root, C = h.loaderProps, x = pe(
     n === "small" ? "small" : "default",
     i
   );
   let R = C;
   return c && (R = {
-    children: /* @__PURE__ */ a(pt, { variant: l, size: O }),
+    children: /* @__PURE__ */ a(pt, { variant: l, size: x }),
     ...C
   }), /* @__PURE__ */ a(
     Xa,
     {
-      ref: m,
+      ref: p,
       ...v,
       className: b,
       classNames: P,
@@ -1136,10 +1143,10 @@ const tn = p(function({
 tn.displayName = "Button";
 const ro = Te(
   tn
-), Ss = "Card-module__root___c9KvZ", xs = "Card-module__header___PTXf2", Os = "Card-module__footer___Mu-JC", ks = "Card-module__section___BRT8H", Rs = "Card-module__content___oFIQa", Ue = {
+), Ss = "Card-module__root___c9KvZ", Os = "Card-module__header___PTXf2", xs = "Card-module__footer___Mu-JC", ks = "Card-module__section___BRT8H", Rs = "Card-module__content___oFIQa", Ue = {
   root: Ss,
-  header: xs,
-  footer: Os,
+  header: Os,
+  footer: xs,
   section: ks,
   content: Rs
 }, Is = [
@@ -1149,7 +1156,7 @@ const ro = Te(
   // Border is always applied via tokens on `.root`; not an optional caller toggle.
   "padding"
   // Padding is token-driven (`--card-padding`), not Mantine's spacing-scale prop.
-], nn = p(function({ overStyled: e = !1, ...n }, o) {
+], nn = m(function({ overStyled: e = !1, ...n }, o) {
   const t = E(
     u(n, e),
     Is
@@ -1182,7 +1189,7 @@ const ro = Te(
   );
 });
 nn.displayName = "Card";
-const an = p(
+const an = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
@@ -1201,7 +1208,7 @@ const rn = [
   // The divider border is always applied via tokens on `.header`/`.footer`.
   "inheritPadding"
   // Padding is fixed by the `.header`/`.footer` token-driven padding, not Mantine's default.
-], sn = p(
+], sn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = E(
       u(n, e),
@@ -1218,7 +1225,7 @@ const rn = [
   }
 );
 sn.displayName = "CardHeader";
-const ln = p(
+const ln = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = E(
       u(n, e),
@@ -1235,7 +1242,7 @@ const ln = p(
   }
 );
 ln.displayName = "CardFooter";
-const cn = p(
+const cn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
@@ -1254,16 +1261,16 @@ Jo.Section = an;
 Jo.Header = sn;
 Jo.Footer = ln;
 Jo.Content = cn;
-const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module__root___mY3qk", zs = "Checkbox-module__body___5yC7q", Ws = "Checkbox-module__inner___rTke4", Ds = "Checkbox-module__input___2kt-h", Es = "Checkbox-module__icon___-O7i6", Fs = "Checkbox-module__labelWrapper___GpZkr", Bs = "Checkbox-module__label___cwRtI", xe = {
+const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module__root___mY3qk", zs = "Checkbox-module__body___5yC7q", Ws = "Checkbox-module__inner___rTke4", Ds = "Checkbox-module__input___2kt-h", Es = "Checkbox-module__icon___-O7i6", Bs = "Checkbox-module__labelWrapper___GpZkr", Fs = "Checkbox-module__label___cwRtI", Oe = {
   groupRoot: Ms,
   root: As,
   body: zs,
   inner: Ws,
   input: Ds,
   icon: Es,
-  labelWrapper: Fs,
-  label: Bs
-}, Io = p(
+  labelWrapper: Bs,
+  label: Fs
+}, Io = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -1275,13 +1282,13 @@ const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module_
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
-      label: m,
+      label: p,
       description: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -1290,15 +1297,15 @@ const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module_
       readOnlyComponent: f,
       emptyValueComponent: b,
       value: C,
-      defaultValue: O,
+      defaultValue: x,
       ...R
     } = e, D = [
       "size"
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
-    ], M = E(
+    ], A = E(
       u(R, o),
       D
-    ), A = M;
+    ), L = A;
     return /* @__PURE__ */ a(
       he,
       {
@@ -1314,37 +1321,37 @@ const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module_
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         description: _,
         assistiveText: $,
         assistiveWithIcon: y,
         error: v,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         readOnly: P && !!f,
         readOnlyComponent: f,
         emptyValueComponent: b,
         readOnlyType: "text",
-        readOnlyValue: C !== void 0 ? C : O,
+        readOnlyValue: C !== void 0 ? C : x,
         readOnlyNativeProps: e,
-        activeComponent: C !== void 0 || O !== void 0 ? /* @__PURE__ */ a(
-          Ft.Group,
+        activeComponent: C !== void 0 || x !== void 0 ? /* @__PURE__ */ a(
+          Bt.Group,
           {
             ref: n,
-            ...M,
-            disabled: P || A.disabled,
+            ...A,
+            disabled: P || L.disabled,
             value: C,
-            defaultValue: O,
-            children: /* @__PURE__ */ a("div", { className: xe.groupRoot, "data-layout": t, children: g })
+            defaultValue: x,
+            children: /* @__PURE__ */ a("div", { className: Oe.groupRoot, "data-layout": t, children: g })
           }
         ) : /* @__PURE__ */ a(
           "div",
           {
             ref: n,
-            ...M,
+            ...A,
             role: "group",
-            className: xe.groupRoot,
+            className: Oe.groupRoot,
             "data-layout": t,
             children: g
           }
@@ -1354,7 +1361,7 @@ const Ls = dn, Ms = "Checkbox-module__groupRoot___cBS0o", As = "Checkbox-module_
   }
 );
 Io.displayName = "CheckboxGroup";
-const Lo = p(
+const Lo = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -1364,7 +1371,7 @@ const Lo = p(
       formLayout: i,
       labelSize: c,
       controlMaxWidth: d,
-      controlMinWidth: m,
+      controlMinWidth: p,
       ..._
     } = e, $ = [
       "size",
@@ -1382,16 +1389,16 @@ const Lo = p(
       $
     ), v = y, h = W(
       {
-        root: xe.root,
-        body: xe.body,
-        inner: xe.inner,
-        input: xe.input,
-        icon: xe.icon,
-        labelWrapper: xe.labelWrapper,
-        label: xe.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 ? `${xe.root} ${x}` : xe.root;
+    ), O = v.className, N = O ? `${Oe.root} ${O}` : Oe.root;
     if (t && s) {
       const T = !!(v.checked ?? v.defaultChecked), P = /* @__PURE__ */ a(
         s,
@@ -1402,18 +1409,18 @@ const Lo = p(
         }
       );
       return i ? /* @__PURE__ */ a(
-        Be,
+        Fe,
         {
           formLayout: i,
           labelSize: c,
           controlMaxWidth: d,
-          controlMinWidth: m,
+          controlMinWidth: p,
           children: P
         }
       ) : /* @__PURE__ */ a(go, { children: P });
     }
     const w = /* @__PURE__ */ a(
-      Ft,
+      Bt,
       {
         ref: n,
         ...y,
@@ -1423,12 +1430,12 @@ const Lo = p(
       }
     );
     return i ? /* @__PURE__ */ a(
-      Be,
+      Fe,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
-        controlMinWidth: m,
+        controlMinWidth: p,
         children: w
       }
     ) : w;
@@ -1466,7 +1473,7 @@ function Ys(r) {
     }
   );
 }
-const Mo = p(function({
+const Mo = m(function({
   error: e = !1,
   icon: n,
   onRemove: o,
@@ -1476,11 +1483,11 @@ const Mo = p(function({
   children: i,
   overStyled: c = !1,
   wrapperProps: d,
-  tabIndex: m,
+  tabIndex: p,
   "aria-hidden": _,
   ...$
 }, y) {
-  const v = u($, c), h = v, x = W(
+  const v = u($, c), h = v, O = W(
     {
       root: Se.root,
       label: Se.label,
@@ -1499,14 +1506,14 @@ const Mo = p(function({
       ref: y,
       ...v,
       className: w,
-      classNames: x,
-      wrapperProps: ue(f, d),
+      classNames: O,
+      wrapperProps: pe(f, d),
       "data-icon-only": g ? "" : void 0,
-      tabIndex: ue(
+      tabIndex: pe(
         P ? void 0 : -1,
-        m
+        p
       ),
-      "aria-hidden": ue(
+      "aria-hidden": pe(
         P ? void 0 : !0,
         _
       ),
@@ -1539,7 +1546,7 @@ const Mo = p(function({
 Mo.displayName = "Chip";
 const Zs = "Container-module__root___UVssr", wo = {
   root: Zs
-}, un = p(
+}, un = m(
   function({ children: e, size: n, ...o }, t) {
     const s = {
       "rec-sm": "sm",
@@ -1555,13 +1562,13 @@ const Zs = "Container-module__root___UVssr", wo = {
       const _ = c;
       i.root = _.root ? `${wo.root} ${_.root}` : wo.root;
     }
-    const d = o.className, m = d ? `${wo.root} ${d}` : wo.root;
+    const d = o.className, p = d ? `${wo.root} ${d}` : wo.root;
     return /* @__PURE__ */ a(
       Qa,
       {
         ref: t,
         size: l,
-        className: m,
+        className: p,
         classNames: i,
         ...o,
         children: e
@@ -1612,7 +1619,7 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
   // Recursica does not expose the library's native corner-radius system.
   "description"
   // Managed by FormControlWrapper via assistiveText.
-], pn = p(
+], pn = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -1623,13 +1630,13 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -1638,19 +1645,19 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      highlightToday: O = !0,
+      highlightToday: x = !0,
       // Default on so today is visually marked; consumers can still override.
       valueFormat: R = "MM/DD/YY",
       // Default display format; consumers can still override.
       placeholder: D = "MM / DD / YY",
       // Default placeholder; consumers can still override.
-      leftSection: M,
+      leftSection: A,
       // Default leading icon computed below; consumers can still override.
-      ...A
-    } = e, B = E(
-      u(A, o),
+      ...L
+    } = e, F = E(
+      u(L, o),
       cl
-    ), q = B, Y = W(
+    ), G = F, Z = W(
       {
         wrapper: Pe.root,
         // The nested Input internal relative wrapper bounding box
@@ -1663,14 +1670,14 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
         calendarHeaderLevel: Pe.calendarHeaderLevel,
         calendarHeaderControlIcon: Pe.calendarHeaderControlIcon
       },
-      q.classNames
-    ), X = q.popoverProps, K = X && typeof X == "object" && !Array.isArray(X) ? X : void 0, re = K != null && K.classNames && typeof K.classNames == "object" && !Array.isArray(K.classNames) ? K.classNames : void 0;
-    delete q.popoverProps;
+      G.classNames
+    ), Y = G.popoverProps, j = Y && typeof Y == "object" && !Array.isArray(Y) ? Y : void 0, Q = j != null && j.classNames && typeof j.classNames == "object" && !Array.isArray(j.classNames) ? j.classNames : void 0;
+    delete G.popoverProps;
     const se = {
-      ...K,
+      ...j,
       classNames: W(
         { dropdown: Pe.dropdown },
-        re
+        Q
       )
     }, $e = N ? `${Pe.layoutOverride} ${N}` : Pe.layoutOverride;
     return /* @__PURE__ */ a(
@@ -1687,13 +1694,13 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
@@ -1706,8 +1713,8 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
             vr,
             {
               ref: n,
-              ...B,
-              classNames: Y,
+              ...F,
+              classNames: Z,
               disabled: T,
               value: b,
               defaultValue: C,
@@ -1715,12 +1722,12 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
               description: void 0,
               error: void 0,
               withAsterisk: !1,
-              highlightToday: O,
+              highlightToday: x,
               valueFormat: R,
               placeholder: D,
-              leftSection: ue(
+              leftSection: pe(
                 /* @__PURE__ */ a(Xs, {}),
-                M
+                A
               ),
               wrapperProps: {
                 "data-disabled": T ? "true" : void 0,
@@ -1735,21 +1742,22 @@ const Js = "DatePicker-module__layoutOverride___X9yaM", Qs = "DatePicker-module_
   }
 );
 pn.displayName = "DatePicker";
-const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__root___uVyL0", pl = "Dropdown-module__input___dK4dN", ml = "Dropdown-module__section___j3MRB", _l = "Dropdown-module__dropdown___gG-Sw", fl = "Dropdown-module__option___nAGU-", fe = {
+const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__root___uVyL0", pl = "Dropdown-module__input___dK4dN", ml = "Dropdown-module__section___j3MRB", _l = "Dropdown-module__clearButton___ODnIa", fl = "Dropdown-module__dropdown___gG-Sw", yl = "Dropdown-module__option___nAGU-", ie = {
   layoutOverride: dl,
   root: ul,
   input: pl,
   section: ml,
-  dropdown: _l,
-  option: fl
-}, yl = [
+  clearButton: _l,
+  dropdown: fl,
+  option: yl
+}, hl = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], mn = p(
+], mn = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -1760,13 +1768,13 @@ const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__roo
       labelAlignment: i,
       labelOptionalText: c,
       labelWithEditIcon: d,
-      onLabelEditClick: m,
+      onLabelEditClick: p,
       label: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -1775,31 +1783,35 @@ const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__roo
       readOnlyComponent: f,
       emptyValueComponent: b,
       value: C,
-      defaultValue: O,
+      defaultValue: x,
       data: R,
-      ...D
-    } = e, M = E(
-      u(D, o),
-      yl
-    ), A = M, B = W(
+      clearButtonProps: D,
+      ...A
+    } = e, L = E(
+      u(A, o),
+      hl
+    ), F = L, G = D, Z = {
+      ...G,
+      className: G != null && G.className ? `${ie.clearButton} ${G.className}` : ie.clearButton
+    }, Y = W(
       {
-        wrapper: fe.root,
+        wrapper: ie.root,
         // The nested Input internal relative wrapper bounding box
-        input: fe.input,
-        section: fe.section,
-        dropdown: fe.dropdown,
-        option: fe.option
+        input: ie.input,
+        section: ie.section,
+        dropdown: ie.dropdown,
+        option: ie.option
       },
-      A.classNames
-    ), q = {
+      F.classNames
+    ), j = {
       ...T || {},
       width: s || "100%"
-    }, Y = w ? `${fe.layoutOverride} ${w}` : fe.layoutOverride;
+    }, Q = w ? `${ie.layoutOverride} ${w}` : ie.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: Y,
-        style: q,
+        className: Q,
+        style: j,
         controlMaxWidth: "var(--dropdown-control-max-width)",
         controlMinWidth: "var(--dropdown-control-min-width)",
         overStyled: o,
@@ -1808,32 +1820,33 @@ const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__roo
         labelAlignment: i,
         labelOptionalText: c,
         labelWithEditIcon: d,
-        onLabelEditClick: m,
+        onLabelEditClick: p,
         label: _,
         assistiveText: $,
         assistiveWithIcon: y,
         error: v,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         readOnly: P,
         readOnlyComponent: f,
         emptyValueComponent: b,
         readOnlyType: "text",
-        readOnlyValue: C !== void 0 ? String(C) : O ? String(O) : void 0,
+        readOnlyValue: C !== void 0 ? String(C) : x ? String(x) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ a(
-            Bt,
+            Ft,
             {
               ref: n,
-              ...M,
-              classNames: B,
+              ...L,
+              classNames: Y,
               disabled: g,
               value: C,
-              defaultValue: O,
+              defaultValue: x,
               data: R || [],
+              clearButtonProps: Z,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1853,17 +1866,17 @@ const dl = "Dropdown-module__layoutOverride___FNcvP", ul = "Dropdown-module__roo
   }
 );
 mn.displayName = "Dropdown";
-const hl = "FileInput-module__layoutOverride___HIOY6", vl = "FileInput-module__root___UvQj-", Nl = "FileInput-module__leadingIcon___z75c4", bl = "FileInput-module__content___Udsvh", Cl = "FileInput-module__value___RX33R", Pl = "FileInput-module__chipRow___My6TF", gl = "FileInput-module__chipWrapper___q2CDy", Tl = "FileInput-module__trailingIcon___odGPm", De = {
-  layoutOverride: hl,
-  root: vl,
-  leadingIcon: Nl,
-  content: bl,
-  value: Cl,
-  chipRow: Pl,
-  chipWrapper: gl,
-  trailingIcon: Tl
+const vl = "FileInput-module__layoutOverride___HIOY6", Nl = "FileInput-module__root___UvQj-", bl = "FileInput-module__leadingIcon___z75c4", Cl = "FileInput-module__content___Udsvh", Pl = "FileInput-module__value___RX33R", gl = "FileInput-module__chipRow___My6TF", Tl = "FileInput-module__chipWrapper___q2CDy", $l = "FileInput-module__trailingIcon___odGPm", De = {
+  layoutOverride: vl,
+  root: Nl,
+  leadingIcon: bl,
+  content: Cl,
+  value: Pl,
+  chipRow: gl,
+  chipWrapper: Tl,
+  trailingIcon: $l
 };
-function $l() {
+function wl() {
   return /* @__PURE__ */ z(
     "svg",
     {
@@ -1883,7 +1896,7 @@ function $l() {
     }
   );
 }
-function wl() {
+function Sl() {
   return /* @__PURE__ */ z(
     "svg",
     {
@@ -1902,7 +1915,7 @@ function wl() {
     }
   );
 }
-const _n = p(
+const _n = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -1913,13 +1926,13 @@ const _n = p(
       labelOptionalText: i,
       labelWithEditIcon: c,
       labelActionArea: d,
-      onLabelEditClick: m,
+      onLabelEditClick: p,
       label: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -1928,33 +1941,33 @@ const _n = p(
       files: f,
       onFilesAdded: b,
       onFileRemove: C,
-      accept: O,
+      accept: x,
       multiple: R = !1,
       maxSize: D,
-      maxFiles: M,
-      onFilesRejected: A,
-      invalidFileTypeMessage: B = "File type not accepted",
-      maxFilesMessage: q = R ? `Maximum of ${M} files allowed` : "Only one file is allowed",
-      icon: Y,
-      placeholder: X = "Select a file...",
-      browseLabel: K = "Choose file",
-      removeFileLabel: re = "Remove",
+      maxFiles: A,
+      onFilesRejected: L,
+      invalidFileTypeMessage: F = "File type not accepted",
+      maxFilesMessage: G = R ? `Maximum of ${A} files allowed` : "Only one file is allowed",
+      icon: Z,
+      placeholder: Y = "Select a file...",
+      browseLabel: j = "Choose file",
+      removeFileLabel: Q = "Remove",
       clearLabel: se = "Clear",
       ...$e
-    } = e, te = u($e, o), V = !g && !P, Q = !!f && f.length > 0, ie = Fe(null), [We, pe] = ae(!1), [ce, ve] = ae(!1), Ne = (S) => {
-      if (!V) return;
+    } = e, ne = u($e, o), H = !g && !P, ee = !!f && f.length > 0, ce = Be(null), [We, me] = re(!1), [de, ve] = re(!1), Ne = (S) => {
+      if (!H) return;
       const J = Array.from(S);
       if (J.length === 0) return;
-      const Z = R ? M : 1, me = R ? (f == null ? void 0 : f.length) ?? 0 : 0, oe = [], Ce = [];
+      const X = R ? A : 1, _e = R ? (f == null ? void 0 : f.length) ?? 0 : 0, te = [], Ce = [];
       let et = !1, $t = !1;
       for (const ot of J) {
-        const wt = !Kt(ot, O);
+        const wt = !Kt(ot, x);
         wt && (et = !0);
-        const Va = D !== void 0 && ot.size > D, St = Z !== void 0 && me + oe.length >= Z;
-        St && ($t = !0), (wt || Va || St ? Ce : oe).push(ot);
+        const Va = D !== void 0 && ot.size > D, St = X !== void 0 && _e + te.length >= X;
+        St && ($t = !0), (wt || Va || St ? Ce : te).push(ot);
       }
-      pe(et), ve($t), oe.length > 0 && (b == null || b(oe)), Ce.length > 0 && (A == null || A(Ce));
-    }, we = Fe(0), [lo, be] = ae(!1), Ke = (S) => {
+      me(et), ve($t), te.length > 0 && (b == null || b(te)), Ce.length > 0 && (L == null || L(Ce));
+    }, we = Be(0), [lo, be] = re(!1), Ke = (S) => {
       S.preventDefault(), we.current += 1, be(!0);
     }, Ye = (S) => {
       S.preventDefault(), we.current -= 1, we.current <= 0 && (we.current = 0, be(!1));
@@ -1964,30 +1977,30 @@ const _n = p(
       S.preventDefault(), we.current = 0, be(!1), Ne(S.dataTransfer.files);
     }, co = () => {
       var S;
-      V && ((S = ie.current) == null || S.click());
+      H && ((S = ce.current) == null || S.click());
     }, Xe = (S) => {
       S.key !== "Enter" && S.key !== " " || (S.preventDefault(), co());
     }, No = (S) => {
       S.target.files && Ne(S.target.files), S.target.value = "";
-    }, F = () => {
-      !V || !f || f.length === 0 || f.forEach((S) => C == null ? void 0 : C(S.id ?? S.file.name));
-    }, [j, G] = ae(0), I = Fe([]), H = Fe((f == null ? void 0 : f.length) ?? 0);
-    Oe(() => {
+    }, B = () => {
+      !H || !f || f.length === 0 || f.forEach((S) => C == null ? void 0 : C(S.id ?? S.file.name));
+    }, [K, V] = re(0), I = Be([]), q = Be((f == null ? void 0 : f.length) ?? 0);
+    xe(() => {
       var J;
       const S = (f == null ? void 0 : f.length) ?? 0;
-      if (S > 0 && S < H.current) {
-        const Z = Math.min(j, S - 1);
-        G(Z), (J = I.current[Z]) == null || J.focus();
+      if (S > 0 && S < q.current) {
+        const X = Math.min(K, S - 1);
+        V(X), (J = I.current[X]) == null || J.focus();
       }
-      H.current = S;
+      q.current = S;
     }, [f]);
-    const ee = (S) => {
-      var me;
+    const oe = (S) => {
+      var _e;
       const J = (f == null ? void 0 : f.length) ?? 0;
       if (J === 0) return;
-      let Z;
-      S.key === "ArrowRight" || S.key === "ArrowDown" ? Z = (j + 1) % J : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (Z = (j - 1 + J) % J), Z !== void 0 && (S.preventDefault(), S.stopPropagation(), G(Z), (me = I.current[Z]) == null || me.focus());
-    }, de = v ?? (We ? B : ce ? q : void 0), uo = w ? `${De.layoutOverride} ${w}` : De.layoutOverride;
+      let X;
+      S.key === "ArrowRight" || S.key === "ArrowDown" ? X = (K + 1) % J : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (X = (K - 1 + J) % J), X !== void 0 && (S.preventDefault(), S.stopPropagation(), V(X), (_e = I.current[X]) == null || _e.focus());
+    }, ue = v ?? (We ? F : de ? G : void 0), uo = w ? `${De.layoutOverride} ${w}` : De.layoutOverride;
     return /* @__PURE__ */ a(
       Po,
       {
@@ -2000,13 +2013,13 @@ const _n = p(
         labelOptionalText: i,
         labelWithEditIcon: c,
         labelActionArea: d,
-        onLabelEditClick: m,
+        onLabelEditClick: p,
         label: _,
         assistiveText: $,
         assistiveWithIcon: y,
-        error: de,
+        error: ue,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         controlMaxWidth: "var(--file-input-control-max-width)",
         controlMinWidth: "var(--file-input-control-min-width)",
@@ -2014,86 +2027,86 @@ const _n = p(
           "div",
           {
             ref: n,
-            ...te,
+            ...ne,
             className: De.root,
             role: "button",
-            "aria-label": K,
+            "aria-label": j,
             "aria-disabled": g ? "true" : void 0,
-            tabIndex: V ? 0 : -1,
+            tabIndex: H ? 0 : -1,
             "data-disabled": g ? "true" : void 0,
             "data-readonly": P ? "true" : void 0,
-            "data-error": de ? "true" : void 0,
+            "data-error": ue ? "true" : void 0,
             "data-dragging": lo ? "true" : void 0,
-            onClick: V ? co : void 0,
-            onKeyDown: V ? Xe : void 0,
-            onDragEnter: V ? Ke : void 0,
-            onDragLeave: V ? Ye : void 0,
-            onDragOver: V ? io : void 0,
-            onDrop: V ? Ze : void 0,
+            onClick: H ? co : void 0,
+            onKeyDown: H ? Xe : void 0,
+            onDragEnter: H ? Ke : void 0,
+            onDragLeave: H ? Ye : void 0,
+            onDragOver: H ? io : void 0,
+            onDrop: H ? Ze : void 0,
             children: [
-              /* @__PURE__ */ a("span", { className: De.leadingIcon, "aria-hidden": !0, children: Y ?? /* @__PURE__ */ a($l, {}) }),
+              /* @__PURE__ */ a("span", { className: De.leadingIcon, "aria-hidden": !0, children: Z ?? /* @__PURE__ */ a(wl, {}) }),
               /* @__PURE__ */ z("div", { className: De.content, children: [
-                !Q && /* @__PURE__ */ a("span", { className: De.value, "data-placeholder": "true", children: X }),
-                Q && /* @__PURE__ */ a(
+                !ee && /* @__PURE__ */ a("span", { className: De.value, "data-placeholder": "true", children: Y }),
+                ee && /* @__PURE__ */ a(
                   "div",
                   {
                     className: De.chipRow,
-                    onKeyDown: P ? void 0 : ee,
+                    onKeyDown: P ? void 0 : oe,
                     children: f.map((S, J) => {
-                      const Z = S.id ?? S.file.name;
+                      const X = S.id ?? S.file.name;
                       return /* @__PURE__ */ a(
                         "span",
                         {
                           className: De.chipWrapper,
-                          onClick: (me) => me.stopPropagation(),
+                          onClick: (_e) => _e.stopPropagation(),
                           children: /* @__PURE__ */ a(
                             Mo,
                             {
                               checked: !1,
                               tabIndex: -1,
-                              removeLabel: P ? void 0 : re,
-                              removeTabIndex: !P && J === j ? 0 : -1,
-                              removeIconRef: (me) => {
-                                I.current[J] = me;
+                              removeLabel: P ? void 0 : Q,
+                              removeTabIndex: !P && J === K ? 0 : -1,
+                              removeIconRef: (_e) => {
+                                I.current[J] = _e;
                               },
-                              onRemove: P || g ? void 0 : () => C == null ? void 0 : C(Z),
+                              onRemove: P || g ? void 0 : () => C == null ? void 0 : C(X),
                               children: S.file.name
                             }
                           )
                         },
-                        Z
+                        X
                       );
                     })
                   }
                 )
               ] }),
-              Q && !P && /* @__PURE__ */ a(
+              ee && !P && /* @__PURE__ */ a(
                 ro,
                 {
                   overStyled: !0,
                   variant: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ a(wl, {}),
+                  icon: /* @__PURE__ */ a(Sl, {}),
                   "aria-label": se,
                   className: De.trailingIcon,
                   disabled: g,
                   onClick: (S) => {
-                    S.preventDefault(), S.stopPropagation(), F();
+                    S.preventDefault(), S.stopPropagation(), B();
                   },
                   onKeyDown: (S) => {
-                    S.key !== "Enter" && S.key !== " " || (S.preventDefault(), S.stopPropagation(), F());
+                    S.key !== "Enter" && S.key !== " " || (S.preventDefault(), S.stopPropagation(), B());
                   }
                 }
               ),
               /* @__PURE__ */ a(
                 "input",
                 {
-                  ref: ie,
+                  ref: ce,
                   type: "file",
                   hidden: !0,
-                  accept: O,
+                  accept: x,
                   multiple: R,
-                  disabled: !V,
+                  disabled: !H,
                   onChange: No
                 }
               )
@@ -2105,15 +2118,15 @@ const _n = p(
   }
 );
 _n.displayName = "FileInput";
-const Sl = "FileUpload-module__layoutOverride___bPpi8", xl = "FileUpload-module__root___Q-vcm", Ol = "FileUpload-module__dropzone___jqua0", kl = "FileUpload-module__uploadIcon___bb3Nc", Rl = "FileUpload-module__dropzoneText___L7vS-", Il = "FileUpload-module__fileList___XIWLl", eo = {
-  layoutOverride: Sl,
+const Ol = "FileUpload-module__layoutOverride___bPpi8", xl = "FileUpload-module__root___Q-vcm", kl = "FileUpload-module__dropzone___jqua0", Rl = "FileUpload-module__uploadIcon___bb3Nc", Il = "FileUpload-module__dropzoneText___L7vS-", Ll = "FileUpload-module__fileList___XIWLl", eo = {
+  layoutOverride: Ol,
   root: xl,
-  dropzone: Ol,
-  uploadIcon: kl,
-  dropzoneText: Rl,
-  fileList: Il
+  dropzone: kl,
+  uploadIcon: Rl,
+  dropzoneText: Il,
+  fileList: Ll
 };
-function Ll() {
+function Ml() {
   return /* @__PURE__ */ z(
     "svg",
     {
@@ -2133,7 +2146,7 @@ function Ll() {
     }
   );
 }
-const fn = p(
+const fn = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -2144,13 +2157,13 @@ const fn = p(
       labelOptionalText: i,
       labelWithEditIcon: c,
       labelActionArea: d,
-      onLabelEditClick: m,
+      onLabelEditClick: p,
       label: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -2159,66 +2172,66 @@ const fn = p(
       files: f,
       onFilesAdded: b,
       onFileRemove: C,
-      accept: O,
+      accept: x,
       multiple: R = !0,
       maxSize: D,
-      maxFiles: M,
-      onFilesRejected: A,
-      invalidFileTypeMessage: B = "File type not accepted",
-      maxFilesMessage: q = `Maximum of ${M} files allowed`,
-      icon: Y,
-      dropzoneLabel: X = "Drag and drop files here to upload",
-      browseButtonLabel: K = "Browse files",
-      removeFileLabel: re = "Remove",
+      maxFiles: A,
+      onFilesRejected: L,
+      invalidFileTypeMessage: F = "File type not accepted",
+      maxFilesMessage: G = `Maximum of ${A} files allowed`,
+      icon: Z,
+      dropzoneLabel: Y = "Drag and drop files here to upload",
+      browseButtonLabel: j = "Browse files",
+      removeFileLabel: Q = "Remove",
       ...se
-    } = e, L = u(se, o), te = Fe(null), [V, Q] = ae(!1), [ie, We] = ae(!1), pe = (I) => {
+    } = e, M = u(se, o), ne = Be(null), [H, ee] = re(!1), [ce, We] = re(!1), me = (I) => {
       if (g) return;
-      const H = Array.from(I);
-      if (H.length === 0) return;
-      const ee = (f == null ? void 0 : f.length) ?? 0, de = [], uo = [];
+      const q = Array.from(I);
+      if (q.length === 0) return;
+      const oe = (f == null ? void 0 : f.length) ?? 0, ue = [], uo = [];
       let S = !1, J = !1;
-      for (const Z of H) {
-        const me = !Kt(Z, O);
-        me && (S = !0);
-        const oe = D !== void 0 && Z.size > D, Ce = M !== void 0 && ee + de.length >= M;
-        Ce && (J = !0), (me || oe || Ce ? uo : de).push(Z);
+      for (const X of q) {
+        const _e = !Kt(X, x);
+        _e && (S = !0);
+        const te = D !== void 0 && X.size > D, Ce = A !== void 0 && oe + ue.length >= A;
+        Ce && (J = !0), (_e || te || Ce ? uo : ue).push(X);
       }
-      Q(S), We(J), de.length > 0 && (b == null || b(de)), uo.length > 0 && (A == null || A(uo));
-    }, ce = Fe(0), [ve, Ne] = ae(!1), we = (I) => {
-      I.preventDefault(), ce.current += 1, Ne(!0);
+      ee(S), We(J), ue.length > 0 && (b == null || b(ue)), uo.length > 0 && (L == null || L(uo));
+    }, de = Be(0), [ve, Ne] = re(!1), we = (I) => {
+      I.preventDefault(), de.current += 1, Ne(!0);
     }, lo = (I) => {
-      I.preventDefault(), ce.current -= 1, ce.current <= 0 && (ce.current = 0, Ne(!1));
+      I.preventDefault(), de.current -= 1, de.current <= 0 && (de.current = 0, Ne(!1));
     }, be = (I) => {
       I.preventDefault();
     }, Ke = (I) => {
-      I.preventDefault(), ce.current = 0, Ne(!1), pe(I.dataTransfer.files);
+      I.preventDefault(), de.current = 0, Ne(!1), me(I.dataTransfer.files);
     }, Ye = () => {
       var I;
-      g || (I = te.current) == null || I.click();
+      g || (I = ne.current) == null || I.click();
     }, io = (I) => {
-      I.target.files && pe(I.target.files), I.target.value = "";
-    }, [Ze, co] = ae(0), Xe = Fe([]), No = Fe((f == null ? void 0 : f.length) ?? 0);
-    Oe(() => {
-      var H;
+      I.target.files && me(I.target.files), I.target.value = "";
+    }, [Ze, co] = re(0), Xe = Be([]), No = Be((f == null ? void 0 : f.length) ?? 0);
+    xe(() => {
+      var q;
       const I = (f == null ? void 0 : f.length) ?? 0;
       if (I > 0 && I < No.current) {
-        const ee = Math.min(Ze, I - 1);
-        co(ee), (H = Xe.current[ee]) == null || H.focus();
+        const oe = Math.min(Ze, I - 1);
+        co(oe), (q = Xe.current[oe]) == null || q.focus();
       }
       No.current = I;
     }, [f]);
-    const F = (I) => {
-      var de;
-      const H = (f == null ? void 0 : f.length) ?? 0;
-      if (H === 0) return;
-      let ee;
-      I.key === "ArrowRight" || I.key === "ArrowDown" ? ee = (Ze + 1) % H : (I.key === "ArrowLeft" || I.key === "ArrowUp") && (ee = (Ze - 1 + H) % H), ee !== void 0 && (I.preventDefault(), co(ee), (de = Xe.current[ee]) == null || de.focus());
-    }, j = v ?? (V ? B : ie ? q : void 0), G = w ? `${eo.layoutOverride} ${w}` : eo.layoutOverride;
+    const B = (I) => {
+      var ue;
+      const q = (f == null ? void 0 : f.length) ?? 0;
+      if (q === 0) return;
+      let oe;
+      I.key === "ArrowRight" || I.key === "ArrowDown" ? oe = (Ze + 1) % q : (I.key === "ArrowLeft" || I.key === "ArrowUp") && (oe = (Ze - 1 + q) % q), oe !== void 0 && (I.preventDefault(), co(oe), (ue = Xe.current[oe]) == null || ue.focus());
+    }, K = v ?? (H ? F : ce ? G : void 0), V = w ? `${eo.layoutOverride} ${w}` : eo.layoutOverride;
     return /* @__PURE__ */ a(
       Po,
       {
         overStyled: o,
-        className: G,
+        className: V,
         style: T,
         formLayout: t,
         labelSize: s,
@@ -2226,22 +2239,22 @@ const fn = p(
         labelOptionalText: i,
         labelWithEditIcon: c,
         labelActionArea: d,
-        onLabelEditClick: m,
+        onLabelEditClick: p,
         label: _,
         assistiveText: $,
         assistiveWithIcon: y,
-        error: j,
+        error: K,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         children: /* @__PURE__ */ z(
           "div",
           {
             ref: n,
-            ...L,
+            ...M,
             className: eo.root,
             "data-disabled": g ? "true" : void 0,
-            "data-error": j ? "true" : void 0,
+            "data-error": K ? "true" : void 0,
             children: [
               !P && /* @__PURE__ */ z(
                 "div",
@@ -2253,24 +2266,24 @@ const fn = p(
                   onDragOver: g ? void 0 : be,
                   onDrop: g ? void 0 : Ke,
                   children: [
-                    /* @__PURE__ */ a("span", { className: eo.uploadIcon, children: Y ?? /* @__PURE__ */ a(Ll, {}) }),
-                    /* @__PURE__ */ a("span", { className: eo.dropzoneText, children: X }),
+                    /* @__PURE__ */ a("span", { className: eo.uploadIcon, children: Z ?? /* @__PURE__ */ a(Ml, {}) }),
+                    /* @__PURE__ */ a("span", { className: eo.dropzoneText, children: Y }),
                     /* @__PURE__ */ a(
                       ro,
                       {
                         variant: "outline",
                         disabled: g,
                         onClick: Ye,
-                        children: K
+                        children: j
                       }
                     ),
                     /* @__PURE__ */ a(
                       "input",
                       {
-                        ref: te,
+                        ref: ne,
                         type: "file",
                         hidden: !0,
-                        accept: O,
+                        accept: x,
                         multiple: R,
                         disabled: g,
                         onChange: io
@@ -2280,29 +2293,29 @@ const fn = p(
                 }
               ),
               f && f.length > 0 && (P ? /* @__PURE__ */ a("div", { className: eo.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);
+                const q = I.id ?? I.file.name;
+                return /* @__PURE__ */ a(Mo, { checked: !1, tabIndex: -1, children: I.file.name }, q);
               }) }) : /* @__PURE__ */ a(
                 "div",
                 {
                   className: eo.fileList,
-                  onKeyDown: F,
-                  children: f.map((I, H) => {
-                    const ee = I.id ?? I.file.name;
+                  onKeyDown: B,
+                  children: f.map((I, q) => {
+                    const oe = I.id ?? I.file.name;
                     return /* @__PURE__ */ a(
                       Mo,
                       {
                         checked: !1,
                         tabIndex: -1,
-                        removeLabel: re,
-                        removeTabIndex: H === Ze ? 0 : -1,
-                        removeIconRef: (de) => {
-                          Xe.current[H] = de;
+                        removeLabel: Q,
+                        removeTabIndex: q === Ze ? 0 : -1,
+                        removeIconRef: (ue) => {
+                          Xe.current[q] = ue;
                         },
-                        onRemove: g ? void 0 : () => C == null ? void 0 : C(ee),
+                        onRemove: g ? void 0 : () => C == null ? void 0 : C(oe),
                         children: I.file.name
                       },
-                      ee
+                      oe
                     );
                   })
                 }
@@ -2315,9 +2328,9 @@ const fn = p(
   }
 );
 fn.displayName = "FileUpload";
-const Ml = "Flex-module__root___yYser", So = {
-  root: Ml
-}, yn = p(function({ children: e, gap: n = "rec-default", rowGap: o, columnGap: t, ...s }, l) {
+const Al = "Flex-module__root___yYser", So = {
+  root: Al
+}, yn = m(function({ children: e, gap: n = "rec-default", rowGap: o, columnGap: t, ...s }, l) {
   const i = {
     root: So.root
   }, c = s.classNames;
@@ -2325,12 +2338,12 @@ const Ml = "Flex-module__root___yYser", So = {
     const _ = c;
     i.root = _.root ? `${So.root} ${_.root}` : So.root;
   }
-  const d = s.className, m = d ? `${So.root} ${d}` : So.root;
+  const d = s.className, p = d ? `${So.root} ${d}` : So.root;
   return /* @__PURE__ */ a(
     er,
     {
       ref: l,
-      className: m,
+      className: p,
       classNames: i,
       ...Ao({ gap: n, rowGap: o, columnGap: t, ...s }),
       children: e
@@ -2338,10 +2351,10 @@ const Ml = "Flex-module__root___yYser", So = {
   );
 });
 yn.displayName = "Flex";
-const Al = Te(yn), zl = "Grid-module__root___s-qPY", Wl = "Grid-module__col___tbuNg", Ie = {
-  root: zl,
-  col: Wl
-}, hn = p(function({ children: e, gap: n = "rec-default", ...o }, t) {
+const zl = Te(yn), Wl = "Grid-module__root___s-qPY", Dl = "Grid-module__col___tbuNg", Ie = {
+  root: Wl,
+  col: Dl
+}, hn = m(function({ children: e, gap: n = "rec-default", ...o }, t) {
   const s = {
     root: Ie.root
   }, l = o.classNames;
@@ -2349,7 +2362,7 @@ const Al = Te(yn), zl = "Grid-module__root___s-qPY", Wl = "Grid-module__col___tb
     const _ = l;
     s.root = _.root ? `${Ie.root} ${_.root}` : Ie.root;
   }
-  const i = o.className, c = i ? `${Ie.root} ${i}` : Ie.root, { gap: d, ...m } = Ao({
+  const i = o.className, c = i ? `${Ie.root} ${i}` : Ie.root, { gap: d, ...p } = Ao({
     gap: n,
     ...o
   });
@@ -2360,13 +2373,13 @@ const Al = Te(yn), zl = "Grid-module__root___s-qPY", Wl = "Grid-module__col___tb
       gutter: d,
       className: c,
       classNames: s,
-      ...m,
+      ...p,
       children: e
     }
   );
 });
 hn.displayName = "Grid";
-const Dl = Te(hn), vn = p(function({ children: e, ...n }, o) {
+const El = Te(hn), vn = m(function({ children: e, ...n }, o) {
   const t = {
     col: Ie.col
   }, s = n.classNames;
@@ -2391,19 +2404,19 @@ const Dl = Te(hn), vn = p(function({ children: e, ...n }, o) {
 vn.displayName = "GridCol";
 const Nn = Te(
   vn
-), bn = Dl;
+), bn = El;
 bn.Col = Nn;
-const El = "Group-module__root___ftO64", xo = {
-  root: El
-}, Cn = p(function({ children: e, gap: n = "rec-default", ...o }, t) {
+const Bl = "Group-module__root___ftO64", Oo = {
+  root: Bl
+}, Cn = m(function({ children: e, gap: n = "rec-default", ...o }, t) {
   const s = {
-    root: xo.root
+    root: Oo.root
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    s.root = d.root ? `${xo.root} ${d.root}` : xo.root;
+    s.root = d.root ? `${Oo.root} ${d.root}` : Oo.root;
   }
-  const i = o.className, c = i ? `${xo.root} ${i}` : xo.root;
+  const i = o.className, c = i ? `${Oo.root} ${i}` : Oo.root;
   return /* @__PURE__ */ a(
     or,
     {
@@ -2416,9 +2429,9 @@ const El = "Group-module__root___ftO64", xo = {
   );
 });
 Cn.displayName = "Group";
-const Fl = "HoverCard-module__dropdown___FBPFW", Bl = "HoverCard-module__arrow___S9AkE", It = {
+const Fl = "HoverCard-module__dropdown___FBPFW", Ul = "HoverCard-module__arrow___S9AkE", It = {
   dropdown: Fl,
-  arrow: Bl
+  arrow: Ul
 }, Pn = function({
   overStyled: e = !1,
   withBeak: n = !0,
@@ -2471,40 +2484,40 @@ Tn.displayName = "HoverCardDropdown";
 const mt = Pn;
 mt.Target = gn;
 mt.Dropdown = Tn;
-const Ul = "Link-module__root___I0VGE", Gl = "Link-module__iconWrapper___W-LlF", Vl = "Link-module__labelText___wSvUy", Oo = {
-  root: Ul,
-  iconWrapper: Gl,
-  labelText: Vl
-}, $n = p(function({ icon: e, children: n, overStyled: o = !1, ...t }, s) {
+const Gl = "Link-module__root___I0VGE", Vl = "Link-module__iconWrapper___W-LlF", Hl = "Link-module__labelText___wSvUy", xo = {
+  root: Gl,
+  iconWrapper: Vl,
+  labelText: Hl
+}, $n = m(function({ icon: e, children: n, overStyled: o = !1, ...t }, s) {
   const l = u(t, o), i = l, c = W(
-    { root: Oo.root },
+    { root: xo.root },
     i.classNames
-  ), d = i.className, m = d ? `${Oo.root} ${d}` : Oo.root;
+  ), d = i.className, p = d ? `${xo.root} ${d}` : xo.root;
   return /* @__PURE__ */ z(
     tr,
     {
       ref: s,
       ...l,
-      className: m,
+      className: p,
       classNames: c,
       underline: "never",
       ...e ? { "data-has-icon": "" } : {},
       children: [
-        e && /* @__PURE__ */ a("span", { className: Oo.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ a("span", { className: Oo.labelText, children: n })
+        e && /* @__PURE__ */ a("span", { className: xo.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ a("span", { className: xo.labelText, children: n })
       ]
     }
   );
 });
 $n.displayName = "Link";
-const Hl = Te($n), jl = "Menu-module__dropdown___j4xuA", ql = "Menu-module__item___NMXha", Kl = "Menu-module__itemLabel___zvcqC", Yl = "Menu-module__itemSection___pRIcn", Zl = "Menu-module__divider___wPiNq", Xl = "Menu-module__label___4FBGa", Jl = "Menu-module__chevron___hEEiy", _o = {
-  dropdown: jl,
-  item: ql,
-  itemLabel: Kl,
-  itemSection: Yl,
-  divider: Zl,
-  label: Xl,
-  chevron: Jl
+const jl = Te($n), ql = "Menu-module__dropdown___j4xuA", Kl = "Menu-module__item___NMXha", Yl = "Menu-module__itemLabel___zvcqC", Zl = "Menu-module__itemSection___pRIcn", Xl = "Menu-module__divider___wPiNq", Jl = "Menu-module__label___4FBGa", Ql = "Menu-module__chevron___hEEiy", _o = {
+  dropdown: ql,
+  item: Kl,
+  itemLabel: Yl,
+  itemSection: Zl,
+  divider: Xl,
+  label: Jl,
+  chevron: Ql
 }, wn = function({ overStyled: e = !1, ...n }) {
   const o = u(n, e), t = o, s = W(
     {
@@ -2540,7 +2553,7 @@ const Sn = function({
   );
 };
 Sn.displayName = "MenuTarget";
-const xn = p(
+const On = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
@@ -2553,8 +2566,8 @@ const xn = p(
     );
   }
 );
-xn.displayName = "MenuDropdown";
-const On = p(
+On.displayName = "MenuDropdown";
+const xn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = [
       "color"
@@ -2573,8 +2586,8 @@ const On = p(
     );
   }
 );
-On.displayName = "MenuItem";
-const Ql = Te(On), kn = p(
+xn.displayName = "MenuItem";
+const ei = Te(xn), kn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
@@ -2588,7 +2601,7 @@ const Ql = Te(On), kn = p(
   }
 );
 kn.displayName = "MenuDivider";
-const Rn = p(function({ overStyled: e = !1, ...n }, o) {
+const Rn = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e), s = t.className;
   return /* @__PURE__ */ a(
     Me.Label,
@@ -2608,7 +2621,7 @@ const Ln = function(e) {
   return /* @__PURE__ */ a(Me.Sub.Target, { ...e });
 };
 Ln.displayName = "MenuSubTarget";
-const Mn = p(
+const Mn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = [
       "color"
@@ -2628,9 +2641,9 @@ const Mn = p(
   }
 );
 Mn.displayName = "MenuSubItem";
-const ei = Te(
+const oi = Te(
   Mn
-), An = p(
+), An = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className;
     return /* @__PURE__ */ a(
@@ -2646,25 +2659,25 @@ const ei = Te(
 An.displayName = "MenuSubDropdown";
 const Qo = In;
 Qo.Target = Ln;
-Qo.Item = ei;
+Qo.Item = oi;
 Qo.Dropdown = An;
 const vo = wn;
 vo.Target = Sn;
-vo.Dropdown = xn;
-vo.Item = Ql;
+vo.Dropdown = On;
+vo.Item = ei;
 vo.Divider = kn;
 vo.Label = Rn;
 vo.Sub = Qo;
-const oi = "Modal-module__root___ytPLl", ti = "Modal-module__inner___SSUJE", ni = "Modal-module__content___dWO-B", ai = "Modal-module__header___ILG9i", ri = "Modal-module__title___A5OeE", si = "Modal-module__bodyWrapper___5CCL-", li = "Modal-module__scrollArea___KD-hm", ii = "Modal-module__footer___rro2w", ci = "Modal-module__close___-ER1C", Ee = {
-  root: oi,
-  inner: ti,
-  content: ni,
-  header: ai,
-  title: ri,
-  bodyWrapper: si,
-  scrollArea: li,
-  footer: ii,
-  close: ci
+const ti = "Modal-module__root___ytPLl", ni = "Modal-module__inner___SSUJE", ai = "Modal-module__content___dWO-B", ri = "Modal-module__header___ILG9i", si = "Modal-module__title___A5OeE", li = "Modal-module__bodyWrapper___5CCL-", ii = "Modal-module__scrollArea___KD-hm", ci = "Modal-module__footer___rro2w", di = "Modal-module__close___-ER1C", Ee = {
+  root: ti,
+  inner: ni,
+  content: ai,
+  header: ri,
+  title: si,
+  bodyWrapper: li,
+  scrollArea: ii,
+  footer: ci,
+  close: di
 }, zn = U.forwardRef(function({
   overStyled: e = !1,
   children: n,
@@ -2675,14 +2688,14 @@ const oi = "Modal-module__root___ytPLl", ti = "Modal-module__inner___SSUJE", ni
   closeButtonProps: i,
   ...c
 }, d) {
-  const m = [
+  const p = [
     "size",
     // 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.
   ], _ = E(
     u(c, e),
-    m
+    p
   ), $ = W(
     {
       root: Ee.root,
@@ -2730,10 +2743,10 @@ const _t = U.forwardRef(
 _t.displayName = "Modal.Footer";
 const ft = U.forwardRef(
   function({ overStyled: e = !1, className: n, onScroll: o, children: t, ...s }, l) {
-    const i = u(s, e), c = U.useRef(null), [d, m] = U.useState(!1), [_, $] = U.useState(!1), y = U.useCallback(() => {
+    const i = u(s, e), c = U.useRef(null), [d, p] = U.useState(!1), [_, $] = U.useState(!1), y = U.useCallback(() => {
       if (c.current) {
         const { scrollTop: N, scrollHeight: w, clientHeight: T } = c.current;
-        m(N > 0), $(Math.ceil(N + T) < w);
+        p(N > 0), $(Math.ceil(N + T) < w);
       }
     }, []);
     U.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, t]);
@@ -2741,10 +2754,10 @@ const ft = U.forwardRef(
       y(), o == null || o(N);
     };
     let h = null;
-    const x = [];
+    const O = [];
     return U.Children.forEach(t, (N) => {
       var w;
-      U.isValidElement(N) && (N.type === _t || ((w = N.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? h = N : x.push(N);
+      U.isValidElement(N) && (N.type === _t || ((w = N.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? h = N : O.push(N);
     }), /* @__PURE__ */ z(
       ye.Body,
       {
@@ -2762,7 +2775,7 @@ const ft = U.forwardRef(
               "data-scrolled-top": d || void 0,
               "data-scrolled-bottom": _ || void 0,
               className: Ee.scrollArea,
-              children: x
+              children: O
             }
           ),
           h
@@ -2772,7 +2785,7 @@ const ft = U.forwardRef(
   }
 );
 ft.displayName = "Modal.Body";
-const di = [
+const ui = [
   "size",
   // Modal width/height are enforced via CSS module tokens, not Mantine's `size` scale.
   "radius"
@@ -2781,7 +2794,7 @@ const di = [
   function({ overStyled: e = !1, ...n }, o) {
     const t = E(
       u(n, e),
-      di
+      ui
     );
     return /* @__PURE__ */ a(
       ye.Root,
@@ -2806,13 +2819,13 @@ const Dn = U.forwardRef(
   }
 );
 Dn.displayName = "Modal.Overlay";
-const ui = [
+const pi = [
   "radius"
 ], En = U.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = E(
       u(n, e),
-      ui
+      pi
     );
     return /* @__PURE__ */ a(
       ye.Content,
@@ -2824,7 +2837,7 @@ const ui = [
   }
 );
 En.displayName = "Modal.Content";
-const Fn = U.forwardRef(
+const Bn = U.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -2836,8 +2849,8 @@ const Fn = U.forwardRef(
     );
   }
 );
-Fn.displayName = "Modal.Header";
-const Bn = U.forwardRef(
+Bn.displayName = "Modal.Header";
+const Fn = U.forwardRef(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -2849,14 +2862,14 @@ const Bn = U.forwardRef(
     );
   }
 );
-Bn.displayName = "Modal.Title";
-const pi = [
+Fn.displayName = "Modal.Title";
+const mi = [
   "size",
   "radius"
 ], Un = U.forwardRef(function({ overStyled: e = !1, ...n }, o) {
   const t = E(
     u(n, e),
-    pi
+    mi
   );
   return /* @__PURE__ */ a(
     ye.CloseButton,
@@ -2871,26 +2884,26 @@ const je = zn;
 je.Root = Wn;
 je.Overlay = Dn;
 je.Content = En;
-je.Header = Fn;
-je.Title = Bn;
+je.Header = Bn;
+je.Title = Fn;
 je.CloseButton = Un;
 je.Body = ft;
 je.Footer = _t;
-const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-module__root___C6rAn", fi = "NumberInput-module__input___Ss8p7", yi = "NumberInput-module__section___MijP0", hi = "NumberInput-module__controls___8UfQ2", vi = "NumberInput-module__control___Qre9-", fo = {
-  layoutOverride: mi,
-  root: _i,
-  input: fi,
-  section: yi,
-  controls: hi,
-  control: vi
-}, Ni = [
+const _i = "NumberInput-module__layoutOverride___5-9T4", fi = "NumberInput-module__root___C6rAn", yi = "NumberInput-module__input___Ss8p7", hi = "NumberInput-module__section___MijP0", vi = "NumberInput-module__controls___8UfQ2", Ni = "NumberInput-module__control___Qre9-", fo = {
+  layoutOverride: _i,
+  root: fi,
+  input: yi,
+  section: hi,
+  controls: vi,
+  control: Ni
+}, bi = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], Gn = p(
+], Gn = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -2901,13 +2914,13 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -2916,23 +2929,23 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      hideControls: O = !1,
+      hideControls: x = !1,
       ...R
     } = e, D = E(
       u(R, o),
-      Ni
-    ), M = D, A = {
+      bi
+    ), A = D, L = {
       wrapper: fo.root,
       // The nested Input internal relative wrapper bounding box
       input: fo.input,
       section: fo.section,
       controls: fo.controls,
       control: fo.control
-    }, B = N ? `${fo.layoutOverride} ${N}` : fo.layoutOverride;
+    }, F = N ? `${fo.layoutOverride} ${N}` : fo.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: B,
+        className: F,
         style: w,
         controlMaxWidth: "var(--number-input-control-max-width)",
         controlMinWidth: "var(--number-input-control-min-width)",
@@ -2943,13 +2956,13 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
@@ -2963,11 +2976,11 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
             {
               ref: n,
               ...D,
-              classNames: A,
+              classNames: L,
               disabled: T,
               value: b,
               defaultValue: C,
-              hideControls: O,
+              hideControls: x,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -2976,8 +2989,8 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
               wrapperProps: {
                 "data-disabled": T ? "true" : void 0,
                 "data-error": y ? "true" : void 0,
-                "data-with-left-section": M.leftSection ? "true" : void 0,
-                "data-with-right-section": M.rightSection || !O ? "true" : void 0
+                "data-with-left-section": A.leftSection ? "true" : void 0,
+                "data-with-right-section": A.rightSection || !x ? "true" : void 0
               }
             }
           )
@@ -2987,16 +3000,16 @@ const mi = "NumberInput-module__layoutOverride___5-9T4", _i = "NumberInput-modul
   }
 );
 Gn.displayName = "NumberInput";
-const bi = "Pagination-module__root___ITRjt", Ci = "Pagination-module__control___40yNT", Pi = "Pagination-module__dots___Yl9da", gi = "Pagination-module__iconWithLabel___pLM4O", Ti = "Pagination-module__baseIcon___Qw3bJ", Le = {
-  root: bi,
-  control: Ci,
-  dots: Pi,
-  iconWithLabel: gi,
-  baseIcon: Ti
-}, $i = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", wi = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Si = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", xi = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", Oi = {
-  next: $i,
-  prev: wi,
-  first: Si,
+const Ci = "Pagination-module__root___ITRjt", Pi = "Pagination-module__control___40yNT", gi = "Pagination-module__dots___Yl9da", Ti = "Pagination-module__iconWithLabel___pLM4O", $i = "Pagination-module__baseIcon___Qw3bJ", Le = {
+  root: Ci,
+  control: Pi,
+  dots: gi,
+  iconWithLabel: Ti,
+  baseIcon: $i
+}, wi = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Si = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Oi = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", xi = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", ki = {
+  next: wi,
+  prev: Si,
+  first: Oi,
   last: xi
 }, zo = ({
   type: r,
@@ -3009,7 +3022,7 @@ const bi = "Pagination-module__root___ITRjt", Ci = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${Le.baseIcon} ${e || ""}`.trim(),
     ...n,
-    children: /* @__PURE__ */ a("path", { d: Oi[r], fill: "currentColor" })
+    children: /* @__PURE__ */ a("path", { d: ki[r], fill: "currentColor" })
   }
 ), Vn = (r) => /* @__PURE__ */ z("div", { className: Le.iconWithLabel, children: [
   /* @__PURE__ */ a("span", { children: "Next" }),
@@ -3035,7 +3048,7 @@ function Kn(r) {
   ), n = r.className;
   return { className: n ? `${Le.root} ${n}` : Le.root, classNames: e };
 }
-const Yn = p(
+const Yn = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = Kn(
       t
@@ -3052,7 +3065,7 @@ const Yn = p(
   }
 );
 Yn.displayName = "Pagination.Root";
-const Zn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
+const Zn = m(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? Vn : void 0;
   return /* @__PURE__ */ a(
     Ge.Next,
@@ -3060,12 +3073,12 @@ const Zn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: pe(i, o)
     }
   );
 });
 Zn.displayName = "Pagination.Next";
-const Xn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
+const Xn = m(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? Hn : void 0;
   return /* @__PURE__ */ a(
     Ge.Previous,
@@ -3073,12 +3086,12 @@ const Xn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: pe(i, o)
     }
   );
 });
 Xn.displayName = "Pagination.Previous";
-const Jn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
+const Jn = m(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? jn : void 0;
   return /* @__PURE__ */ a(
     Ge.First,
@@ -3086,12 +3099,12 @@ const Jn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: pe(i, o)
     }
   );
 });
 Jn.displayName = "Pagination.First";
-const Qn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
+const Qn = m(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
   const l = u(t, e), i = n ? qn : void 0;
   return /* @__PURE__ */ a(
     Ge.Last,
@@ -3099,18 +3112,18 @@ const Qn = p(function({ overStyled: e = !1, withLabel: n, icon: o, ...t }, s) {
       ref: s,
       ...l,
       "data-variant": "text",
-      icon: ue(i, o)
+      icon: pe(i, o)
     }
   );
 });
 Qn.displayName = "Pagination.Last";
-const ea = p(
+const ea = m(
   function({ overStyled: e = !1, getControlProps: n, withLabels: o, ...t }, s) {
     const l = u(t, e), i = Kn(
       l
-    ), c = (m) => {
+    ), c = (p) => {
       const _ = { "data-variant": "text" };
-      return n ? { ..._, ...n(m) } : _;
+      return n ? { ..._, ...n(p) } : _;
     };
     return /* @__PURE__ */ a(
       Ge,
@@ -3131,7 +3144,7 @@ const ea = p(
   }
 );
 ea.displayName = "Pagination";
-const oa = p(function({ overStyled: e = !1, ...n }, o) {
+const oa = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
     Ge.Control,
@@ -3142,7 +3155,7 @@ const oa = p(function({ overStyled: e = !1, ...n }, o) {
   );
 });
 oa.displayName = "Pagination.Control";
-const ta = p(
+const ta = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3165,14 +3178,14 @@ Ae.Previous = Xn;
 Ae.First = Jn;
 Ae.Last = Qn;
 Ae.Icon = zo;
-const ki = "Panel-module__content___wdGo-", Ri = "Panel-module__inner___ruA2b", Ii = "Panel-module__header___o7SiC", Li = "Panel-module__title___181OP", Mi = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Ai = "Panel-module__body___SEC3T", zi = "Panel-module__footer___t6-hz", no = {
-  content: ki,
-  inner: Ri,
-  header: Ii,
-  title: Li,
-  titleTruncate: Mi,
-  body: Ai,
-  footer: zi
+const Ri = "Panel-module__content___wdGo-", Ii = "Panel-module__inner___ruA2b", Li = "Panel-module__header___o7SiC", Mi = "Panel-module__title___181OP", Ai = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", zi = "Panel-module__body___SEC3T", Wi = "Panel-module__footer___t6-hz", no = {
+  content: Ri,
+  inner: Ii,
+  header: Li,
+  title: Mi,
+  titleTruncate: Ai,
+  body: zi,
+  footer: Wi
 }, na = function({
   overStyled: e = !1,
   placement: n = "right",
@@ -3196,7 +3209,7 @@ const ki = "Panel-module__content___wdGo-", Ri = "Panel-module__inner___ruA2b",
       ...l,
       position: n,
       keepMounted: o,
-      closeOnClickOutside: ue(
+      closeOnClickOutside: pe(
         !!s.opened,
         s.closeOnClickOutside
       ),
@@ -3205,14 +3218,14 @@ const ki = "Panel-module__content___wdGo-", Ri = "Panel-module__inner___ruA2b",
   );
 };
 na.displayName = "Panel";
-const yt = p(
+const yt = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e), s = t.className, l = s ? `${no.footer} ${s}` : no.footer;
     return /* @__PURE__ */ a("div", { ref: o, ...t, className: l });
   }
 );
 yt.displayName = "PanelFooter";
-const aa = p(
+const aa = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3225,7 +3238,7 @@ const aa = p(
   }
 );
 aa.displayName = "PanelRoot";
-const ra = p(
+const ra = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3238,7 +3251,7 @@ const ra = p(
   }
 );
 ra.displayName = "PanelOverlay";
-const sa = p(
+const sa = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3251,7 +3264,7 @@ const sa = p(
   }
 );
 sa.displayName = "PanelContent";
-const la = p(
+const la = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3264,7 +3277,7 @@ const la = p(
   }
 );
 la.displayName = "PanelHeader";
-const ia = p(
+const ia = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3277,7 +3290,7 @@ const ia = p(
   }
 );
 ia.displayName = "PanelTitle";
-const ca = p(function({ overStyled: e = !1, ...n }, o) {
+const ca = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
     Ve.CloseButton,
@@ -3288,7 +3301,7 @@ const ca = p(function({ overStyled: e = !1, ...n }, o) {
   );
 });
 ca.displayName = "PanelCloseButton";
-const da = p(
+const da = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3311,9 +3324,9 @@ ze.CloseButton = ca;
 ze.Body = da;
 ze.Stack = Ve.Stack;
 ze.Footer = yt;
-const Wi = "Popover-module__dropdown___svhS6", Di = "Popover-module__arrow___5A-0e", Lt = {
-  dropdown: Wi,
-  arrow: Di
+const Di = "Popover-module__dropdown___svhS6", Ei = "Popover-module__arrow___5A-0e", Lt = {
+  dropdown: Di,
+  arrow: Ei
 }, ua = function({
   overStyled: e = !1,
   withBeak: n = !0,
@@ -3324,10 +3337,10 @@ const Wi = "Popover-module__dropdown___svhS6", Di = "Popover-module__arrow___5A-
   const s = u(t, e), l = s, i = W(
     { dropdown: Lt.dropdown, arrow: Lt.arrow },
     l.classNames
-  ), c = ue(
+  ), c = pe(
     16,
     l.arrowSize
-  ), d = ue(
+  ), d = pe(
     n,
     l.withArrow
   );
@@ -3364,16 +3377,16 @@ ma.displayName = "PopoverDropdown";
 const ht = ua;
 ht.Target = pa;
 ht.Dropdown = ma;
-const Ei = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD", Bi = "Radio-module__body___q2Wpj", Ui = "Radio-module__inner___QaTBB", Gi = "Radio-module__radio___MfgN-", Vi = "Radio-module__icon___DWznm", Hi = "Radio-module__labelWrapper___dB0Gi", ji = "Radio-module__label___vAFIP", ke = {
-  groupRoot: Ei,
+const Bi = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD", Ui = "Radio-module__body___q2Wpj", Gi = "Radio-module__inner___QaTBB", Vi = "Radio-module__radio___MfgN-", Hi = "Radio-module__icon___DWznm", ji = "Radio-module__labelWrapper___dB0Gi", qi = "Radio-module__label___vAFIP", ke = {
+  groupRoot: Bi,
   root: Fi,
-  body: Bi,
-  inner: Ui,
-  radio: Gi,
-  icon: Vi,
-  labelWrapper: Hi,
-  label: ji
-}, vt = p(
+  body: Ui,
+  inner: Gi,
+  radio: Vi,
+  icon: Hi,
+  labelWrapper: ji,
+  label: qi
+}, vt = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3385,13 +3398,13 @@ const Ei = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD",
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
-      label: m,
+      label: p,
       description: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -3400,15 +3413,15 @@ const Ei = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD",
       readOnlyComponent: f,
       emptyValueComponent: b,
       value: C,
-      defaultValue: O,
+      defaultValue: x,
       ...R
     } = e, D = [
       "size"
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
-    ], M = E(
+    ], A = E(
       u(R, o),
       D
-    ), A = M;
+    ), L = A;
     return /* @__PURE__ */ a(
       he,
       {
@@ -3424,28 +3437,28 @@ const Ei = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD",
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         description: _,
         assistiveText: $,
         assistiveWithIcon: y,
         error: v,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         readOnly: P && !!f,
         readOnlyComponent: f,
         emptyValueComponent: b,
         readOnlyType: "text",
-        readOnlyValue: C !== void 0 ? C : O,
+        readOnlyValue: C !== void 0 ? C : x,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           Gt.Group,
           {
             ref: n,
-            ...M,
-            disabled: P || A.disabled,
+            ...A,
+            disabled: P || L.disabled,
             value: C,
-            defaultValue: O,
+            defaultValue: x,
             children: /* @__PURE__ */ a("div", { className: ke.groupRoot, "data-layout": t, children: g })
           }
         )
@@ -3454,7 +3467,7 @@ const Ei = "Radio-module__groupRoot___bfUii", Fi = "Radio-module__root___kAjTD",
   }
 );
 vt.displayName = "RadioGroup";
-const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
+const Ki = ({ className: r, style: e }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3464,7 +3477,7 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
     style: e,
     children: /* @__PURE__ */ a("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Nt = p(
+), Nt = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3474,7 +3487,7 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
       icon: i,
       formLayout: c,
       labelSize: d,
-      controlMaxWidth: m,
+      controlMaxWidth: p,
       controlMinWidth: _,
       ...$
     } = e, y = [
@@ -3491,7 +3504,7 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
     ], v = E(
       u($, o),
       y
-    ), h = v, x = W(
+    ), h = v, O = W(
       {
         root: ke.root,
         body: ke.body,
@@ -3513,11 +3526,11 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
         }
       );
       return c ? /* @__PURE__ */ a(
-        Be,
+        Fe,
         {
           formLayout: c,
           labelSize: d,
-          controlMaxWidth: m,
+          controlMaxWidth: p,
           controlMinWidth: _,
           children: f
         }
@@ -3528,18 +3541,18 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
       {
         ref: n,
         ...v,
-        icon: ue(qi, i),
+        icon: pe(Ki, i),
         className: w,
-        classNames: x,
+        classNames: O,
         disabled: t || l
       }
     );
     return c ? /* @__PURE__ */ a(
-      Be,
+      Fe,
       {
         formLayout: c,
         labelSize: d,
-        controlMaxWidth: m,
+        controlMaxWidth: p,
         controlMinWidth: _,
         children: T
       }
@@ -3548,13 +3561,13 @@ const qi = ({ className: r, style: e }) => /* @__PURE__ */ a(
 );
 Nt.displayName = "Radio";
 Nt.Group = vt;
-const Ki = "SegmentedControl-module__root___JFRhg", Yi = "SegmentedControl-module__label___mS17q", Zi = "SegmentedControl-module__control___znOdQ", Xi = "SegmentedControl-module__indicator___ZMcJy", Co = {
-  root: Ki,
-  label: Yi,
-  control: Zi,
-  indicator: Xi
+const Yi = "SegmentedControl-module__root___JFRhg", Zi = "SegmentedControl-module__label___mS17q", Xi = "SegmentedControl-module__control___znOdQ", Ji = "SegmentedControl-module__indicator___ZMcJy", Co = {
+  root: Yi,
+  label: Zi,
+  control: Xi,
+  indicator: Ji
 };
-function Ji(r) {
+function Qi(r) {
   const e = W(
     {
       root: Co.root,
@@ -3566,7 +3579,7 @@ function Ji(r) {
   ), n = r.className;
   return { className: n ? `${Co.root} ${n}` : Co.root, classNames: e };
 }
-const _a = p(
+const _a = m(
   function({ overStyled: e = !1, orientation: n = "horizontal", fullWidth: o, ...t }, s) {
     const l = [
       // SegmentedControl only supports per-item disabling via the `data` array (each item may set
@@ -3577,7 +3590,7 @@ const _a = p(
     ], i = E(
       u(t, e),
       l
-    ), d = Ji(i);
+    ), d = Qi(i);
     return /* @__PURE__ */ a(
       ar,
       {
@@ -3593,23 +3606,23 @@ const _a = p(
   }
 );
 _a.displayName = "SegmentedControl";
-const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "Slider-module__sliderContainer___y8I0J", tc = "Slider-module__sliderTrackWrapper___UHpVh", nc = "Slider-module__iconWrapper___uqHpC", ac = "Slider-module__sliderRoot___LI86H", rc = "Slider-module__sliderTrack___oqnlG", sc = "Slider-module__sliderBar___TI4VY", lc = "Slider-module__sliderThumb___OFn8p", ic = "Slider-module__sliderMark___1lM2B", cc = "Slider-module__sliderMarkLabel___MMZrq", dc = "Slider-module__minMaxGuide___TaGqz", uc = "Slider-module__rightGuideContainer___8dOT8", pc = "Slider-module__currentValue___dGV2T", mc = "Slider-module__inputField___6x578", _c = "Slider-module__readOnlyValue___-ZzMW", ne = {
-  layoutOverride: ec,
-  sliderContainer: oc,
-  sliderTrackWrapper: tc,
-  iconWrapper: nc,
-  sliderRoot: ac,
-  sliderTrack: rc,
-  sliderBar: sc,
-  sliderThumb: lc,
-  sliderMark: ic,
-  sliderMarkLabel: cc,
-  minMaxGuide: dc,
-  rightGuideContainer: uc,
-  currentValue: pc,
-  inputField: mc,
-  readOnlyValue: _c
-}, fc = ({ value: r }) => /* @__PURE__ */ a("div", { className: ne.readOnlyValue, children: r }), fa = p(
+const ec = _a, oc = "Slider-module__layoutOverride___zYPun", tc = "Slider-module__sliderContainer___y8I0J", nc = "Slider-module__sliderTrackWrapper___UHpVh", ac = "Slider-module__iconWrapper___uqHpC", rc = "Slider-module__sliderRoot___LI86H", sc = "Slider-module__sliderTrack___oqnlG", lc = "Slider-module__sliderBar___TI4VY", ic = "Slider-module__sliderThumb___OFn8p", cc = "Slider-module__sliderMark___1lM2B", dc = "Slider-module__sliderMarkLabel___MMZrq", uc = "Slider-module__minMaxGuide___TaGqz", pc = "Slider-module__rightGuideContainer___8dOT8", mc = "Slider-module__currentValue___dGV2T", _c = "Slider-module__inputField___6x578", fc = "Slider-module__readOnlyValue___-ZzMW", ae = {
+  layoutOverride: oc,
+  sliderContainer: tc,
+  sliderTrackWrapper: nc,
+  iconWrapper: ac,
+  sliderRoot: rc,
+  sliderTrack: sc,
+  sliderBar: lc,
+  sliderThumb: ic,
+  sliderMark: cc,
+  sliderMarkLabel: dc,
+  minMaxGuide: uc,
+  rightGuideContainer: pc,
+  currentValue: mc,
+  inputField: _c,
+  readOnlyValue: fc
+}, yc = ({ value: r }) => /* @__PURE__ */ a("div", { className: ae.readOnlyValue, children: r }), fa = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3620,13 +3633,13 @@ const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "Slider-module
       labelOptionalText: i,
       labelWithEditIcon: c,
       labelActionArea: d,
-      onLabelEditClick: m,
+      onLabelEditClick: p,
       label: _,
       tooltipLabel: $,
       assistiveText: y,
       assistiveWithIcon: v,
       error: h,
-      required: x,
+      required: O,
       withAsterisk: N,
       id: w,
       className: T,
@@ -3635,36 +3648,36 @@ const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "Slider-module
       readOnly: f,
       readOnlyComponent: b,
       emptyValueComponent: C,
-      value: O,
+      value: x,
       defaultValue: R,
       icon: D,
-      showInput: M = !1,
-      showMinMaxLabels: A = !0,
-      min: B = 0,
-      max: q = 100,
-      step: Y = 1,
-      onChange: X,
-      onChangeEnd: K,
-      ...re
-    } = e, [se, $e] = ae(() => O !== void 0 ? O : R !== void 0 ? R : B), L = O !== void 0 ? O : se, [te, V] = ae(
-      L.toString()
+      showInput: A = !1,
+      showMinMaxLabels: L = !0,
+      min: F = 0,
+      max: G = 100,
+      step: Z = 1,
+      onChange: Y,
+      onChangeEnd: j,
+      ...Q
+    } = e, [se, $e] = re(() => x !== void 0 ? x : R !== void 0 ? R : F), M = x !== void 0 ? x : se, [ne, H] = re(
+      M.toString()
     );
-    Oe(() => {
-      V(L.toString());
-    }, [L]);
-    const Q = (be) => {
-      O === void 0 && $e(be), X == null || X(be);
-    }, ie = (be) => {
+    xe(() => {
+      H(M.toString());
+    }, [M]);
+    const ee = (be) => {
+      x === void 0 && $e(be), Y == null || Y(be);
+    }, ce = (be) => {
       const Ke = be.target.value;
-      V(Ke);
+      H(Ke);
       const Ye = parseFloat(Ke);
       if (!isNaN(Ye)) {
-        const io = Math.max(B, Math.min(q, Ye));
-        Q(io);
+        const io = Math.max(F, Math.min(G, Ye));
+        ee(io);
       }
     }, We = () => {
-      V(L.toString());
-    }, pe = [
+      H(M.toString());
+    }, me = [
       "size",
       // Recursica controls sizing via Slider.module.css variables, not Mantine's native size scale.
       "variant",
@@ -3675,20 +3688,20 @@ const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "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"
-    ], ce = E(
-      u(re, o),
-      pe
-    ), ve = ce, Ne = W(
+    ], de = E(
+      u(Q, o),
+      me
+    ), ve = de, Ne = W(
       {
-        root: ne.sliderRoot,
-        track: ne.sliderTrack,
-        bar: ne.sliderBar,
-        thumb: ne.sliderThumb,
-        mark: ne.sliderMark,
-        markLabel: ne.sliderMarkLabel
+        root: ae.sliderRoot,
+        track: ae.sliderTrack,
+        bar: ae.sliderBar,
+        thumb: ae.sliderThumb,
+        mark: ae.sliderMark,
+        markLabel: ae.sliderMarkLabel
       },
       ve.classNames
-    ), we = T ? `${ne.layoutOverride} ${T}` : ne.layoutOverride, lo = D ? /* @__PURE__ */ a("span", { className: ne.iconWrapper, "aria-hidden": !0, children: D }) : null;
+    ), we = T ? `${ae.layoutOverride} ${T}` : ae.layoutOverride, lo = D ? /* @__PURE__ */ a("span", { className: ae.iconWrapper, "aria-hidden": !0, children: D }) : null;
     return /* @__PURE__ */ a(
       he,
       {
@@ -3704,60 +3717,60 @@ const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "Slider-module
         labelOptionalText: i,
         labelWithEditIcon: c,
         labelActionArea: d,
-        onLabelEditClick: m,
+        onLabelEditClick: p,
         label: _,
         assistiveText: y,
         assistiveWithIcon: v,
         error: h,
-        required: x,
+        required: O,
         withAsterisk: N,
         id: w,
         readOnly: f,
-        readOnlyComponent: b || fc,
+        readOnlyComponent: b || yc,
         emptyValueComponent: C,
         readOnlyType: "text",
-        readOnlyValue: L,
-        readOnlyNativeProps: { value: L },
+        readOnlyValue: M,
+        readOnlyNativeProps: { value: M },
         activeComponent: /* @__PURE__ */ z(
           "div",
           {
-            className: ne.sliderContainer,
+            className: ae.sliderContainer,
             "data-form-layout": t,
             "data-disabled": P ? "true" : void 0,
             "data-error": h ? "true" : void 0,
             children: [
               lo,
-              A && /* @__PURE__ */ a("span", { className: ne.minMaxGuide, children: B }),
-              /* @__PURE__ */ a("div", { className: ne.sliderTrackWrapper, children: /* @__PURE__ */ a(
+              L && /* @__PURE__ */ a("span", { className: ae.minMaxGuide, children: F }),
+              /* @__PURE__ */ a("div", { className: ae.sliderTrackWrapper, children: /* @__PURE__ */ a(
                 rr,
                 {
-                  ...ce,
+                  ...de,
                   classNames: Ne,
                   disabled: P,
-                  value: L,
-                  onChange: Q,
-                  onChangeEnd: K,
-                  min: B,
-                  max: q,
-                  step: Y,
+                  value: M,
+                  onChange: ee,
+                  onChangeEnd: j,
+                  min: F,
+                  max: G,
+                  step: Z,
                   label: $
                 }
               ) }),
-              /* @__PURE__ */ z("div", { className: ne.rightGuideContainer, children: [
-                !M && /* @__PURE__ */ a("span", { className: ne.currentValue, children: L }),
-                A && /* @__PURE__ */ a("span", { className: ne.minMaxGuide, children: q })
+              /* @__PURE__ */ z("div", { className: ae.rightGuideContainer, children: [
+                !A && /* @__PURE__ */ a("span", { className: ae.currentValue, children: M }),
+                L && /* @__PURE__ */ a("span", { className: ae.minMaxGuide, children: G })
               ] }),
-              M && /* @__PURE__ */ a(
+              A && /* @__PURE__ */ a(
                 "input",
                 {
                   type: "number",
-                  className: ne.inputField,
-                  value: te,
-                  onChange: ie,
+                  className: ae.inputField,
+                  value: ne,
+                  onChange: ce,
                   onBlur: We,
-                  min: B,
-                  max: q,
-                  step: Y,
+                  min: F,
+                  max: G,
+                  step: Z,
                   disabled: P,
                   "data-error": h ? "true" : void 0
                 }
@@ -3770,9 +3783,9 @@ const Qi = _a, ec = "Slider-module__layoutOverride___zYPun", oc = "Slider-module
   }
 );
 fa.displayName = "Slider";
-const yc = "Stack-module__root___NUN-x", ko = {
-  root: yc
-}, ya = p(function({ children: e, gap: n = "rec-default", ...o }, t) {
+const hc = "Stack-module__root___NUN-x", ko = {
+  root: hc
+}, ya = m(function({ children: e, gap: n = "rec-default", ...o }, t) {
   const s = {
     root: ko.root
   }, l = o.classNames;
@@ -3793,23 +3806,23 @@ const yc = "Stack-module__root___NUN-x", ko = {
   );
 });
 ya.displayName = "Stack";
-const hc = Te(ya), vc = "Stepper-module__root___jbSYO", Nc = "Stepper-module__horizontal___USHT1", bc = "Stepper-module__steps___4HPO6", Cc = "Stepper-module__step___s2nqL", Pc = "Stepper-module__stepBody___TBvys", gc = "Stepper-module__stepLabel___N6nuy", Tc = "Stepper-module__stepDescription___DnDAy", $c = "Stepper-module__separator___pU0No", wc = "Stepper-module__vertical___d4mOs", Sc = "Stepper-module__large___J18-y", xc = "Stepper-module__small___Ub-zb", Oc = "Stepper-module__stepIcon___YQHNq", kc = "Stepper-module__stepCompletedIcon___B9MeL", Rc = "Stepper-module__verticalSeparator___frWc1", Ic = "Stepper-module__content___J-h8X", le = {
-  root: vc,
-  horizontal: Nc,
-  steps: bc,
-  step: Cc,
-  stepBody: Pc,
-  stepLabel: gc,
-  stepDescription: Tc,
-  separator: $c,
-  vertical: wc,
-  large: Sc,
+const vc = Te(ya), Nc = "Stepper-module__root___jbSYO", bc = "Stepper-module__horizontal___USHT1", Cc = "Stepper-module__steps___4HPO6", Pc = "Stepper-module__step___s2nqL", gc = "Stepper-module__stepBody___TBvys", Tc = "Stepper-module__stepLabel___N6nuy", $c = "Stepper-module__stepDescription___DnDAy", wc = "Stepper-module__separator___pU0No", Sc = "Stepper-module__vertical___d4mOs", Oc = "Stepper-module__large___J18-y", xc = "Stepper-module__small___Ub-zb", kc = "Stepper-module__stepIcon___YQHNq", Rc = "Stepper-module__stepCompletedIcon___B9MeL", Ic = "Stepper-module__verticalSeparator___frWc1", Lc = "Stepper-module__content___J-h8X", le = {
+  root: Nc,
+  horizontal: bc,
+  steps: Cc,
+  step: Pc,
+  stepBody: gc,
+  stepLabel: Tc,
+  stepDescription: $c,
+  separator: wc,
+  vertical: Sc,
+  large: Oc,
   small: xc,
-  stepIcon: Oc,
-  stepCompletedIcon: kc,
-  verticalSeparator: Rc,
-  content: Ic
-}, ha = p(
+  stepIcon: kc,
+  stepCompletedIcon: Rc,
+  verticalSeparator: Ic,
+  content: Lc
+}, ha = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3818,7 +3831,7 @@ const hc = Te(ya), vc = "Stepper-module__root___jbSYO", Nc = "Stepper-module__ho
       className: l,
       style: i,
       ...c
-    } = e, d = u(c, o), m = d, _ = W(
+    } = e, d = u(c, o), p = d, _ = W(
       {
         steps: le.steps,
         step: le.step,
@@ -3831,7 +3844,7 @@ const hc = Te(ya), vc = "Stepper-module__root___jbSYO", Nc = "Stepper-module__ho
         verticalSeparator: le.verticalSeparator,
         content: le.content
       },
-      m.classNames
+      p.classNames
     );
     return /* @__PURE__ */ a(
       lt,
@@ -3847,7 +3860,7 @@ const hc = Te(ya), vc = "Stepper-module__root___jbSYO", Nc = "Stepper-module__ho
       }
     );
   }
-), va = p(
+), va = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -3860,25 +3873,25 @@ const hc = Te(ya), vc = "Stepper-module__root___jbSYO", Nc = "Stepper-module__ho
   }
 );
 va.displayName = "Stepper.Step";
-const Lc = Object.assign(ha, {
+const Mc = Object.assign(ha, {
   Step: va,
   // Stepper.Completed only accepts `children` — no styling props to strip,
   // so re-exporting Mantine's implementation directly is not a gap.
   Completed: lt.Completed
 });
 ha.displayName = "Stepper";
-const Mc = "Switch-module__root___Y5Ydi", Ac = "Switch-module__track___7ObdZ", zc = "Switch-module__body___Sw9Wr", Wc = "Switch-module__thumb___-FTeK", Dc = "Switch-module__labelWrapper___YSOwx", Ec = "Switch-module__label___LrH7V", Fc = "Switch-module__thumbIconWrapper___sCY-1", Bc = "Switch-module__checkIcon___ZBAQN", Uc = "Switch-module__closeIcon___bLLGw", Gc = "Switch-module__groupRoot___-Uepi", _e = {
-  root: Mc,
-  track: Ac,
-  body: zc,
-  thumb: Wc,
-  labelWrapper: Dc,
-  label: Ec,
+const Ac = "Switch-module__root___Y5Ydi", zc = "Switch-module__track___7ObdZ", Wc = "Switch-module__body___Sw9Wr", Dc = "Switch-module__thumb___-FTeK", Ec = "Switch-module__labelWrapper___YSOwx", Bc = "Switch-module__label___LrH7V", Fc = "Switch-module__thumbIconWrapper___sCY-1", Uc = "Switch-module__checkIcon___ZBAQN", Gc = "Switch-module__closeIcon___bLLGw", Vc = "Switch-module__groupRoot___-Uepi", fe = {
+  root: Ac,
+  track: zc,
+  body: Wc,
+  thumb: Dc,
+  labelWrapper: Ec,
+  label: Bc,
   thumbIconWrapper: Fc,
-  checkIcon: Bc,
-  closeIcon: Uc,
-  groupRoot: Gc
-}, bt = p(
+  checkIcon: Uc,
+  closeIcon: Gc,
+  groupRoot: Vc
+}, bt = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3890,13 +3903,13 @@ const Mc = "Switch-module__root___Y5Ydi", Ac = "Switch-module__track___7ObdZ", z
       labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
-      label: m,
+      label: p,
       description: _,
       assistiveText: $,
       assistiveWithIcon: y,
       error: v,
       required: h,
-      withAsterisk: x,
+      withAsterisk: O,
       id: N,
       className: w,
       style: T,
@@ -3905,15 +3918,15 @@ const Mc = "Switch-module__root___Y5Ydi", Ac = "Switch-module__track___7ObdZ", z
       readOnlyComponent: f,
       emptyValueComponent: b,
       value: C,
-      defaultValue: O,
+      defaultValue: x,
       ...R
     } = e, D = [
       "size"
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
-    ], M = E(
+    ], A = E(
       u(R, o),
       D
-    ), A = M;
+    ), L = A;
     return /* @__PURE__ */ a(
       he,
       {
@@ -3929,29 +3942,29 @@ const Mc = "Switch-module__root___Y5Ydi", Ac = "Switch-module__track___7ObdZ", z
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         description: _,
         assistiveText: $,
         assistiveWithIcon: y,
         error: v,
         required: h,
-        withAsterisk: x,
+        withAsterisk: O,
         id: N,
         readOnly: P && !!f,
         readOnlyComponent: f,
         emptyValueComponent: b,
         readOnlyType: "text",
-        readOnlyValue: C !== void 0 ? C : O,
+        readOnlyValue: C !== void 0 ? C : x,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           Vt.Group,
           {
             ref: n,
-            ...M,
-            disabled: P || A.disabled,
+            ...A,
+            disabled: P || L.disabled,
             value: C,
-            defaultValue: O,
-            children: /* @__PURE__ */ a("div", { className: _e.groupRoot, "data-layout": t, children: g })
+            defaultValue: x,
+            children: /* @__PURE__ */ a("div", { className: fe.groupRoot, "data-layout": t, children: g })
           }
         )
       }
@@ -3959,7 +3972,7 @@ const Mc = "Switch-module__root___Y5Ydi", Ac = "Switch-module__track___7ObdZ", z
   }
 );
 bt.displayName = "SwitchGroup";
-const Ct = p(
+const Ct = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -3969,7 +3982,7 @@ const Ct = p(
       thumbIcon: i,
       formLayout: c,
       labelSize: d,
-      controlMaxWidth: m,
+      controlMaxWidth: p,
       controlMinWidth: _,
       ...$
     } = e, y = [
@@ -3984,21 +3997,21 @@ const Ct = p(
     ], v = E(
       u($, o),
       y
-    ), h = v, x = W(
+    ), h = v, O = W(
       {
-        root: _e.root,
-        body: _e.body,
-        track: _e.track,
-        thumb: _e.thumb,
-        trackLabel: _e.trackLabel,
-        labelWrapper: _e.labelWrapper,
-        label: _e.label
+        root: fe.root,
+        body: fe.body,
+        track: fe.track,
+        thumb: fe.thumb,
+        trackLabel: fe.trackLabel,
+        labelWrapper: fe.labelWrapper,
+        label: fe.label
       },
       h.classNames
     ), N = wr(
       {},
       h.styles
-    ), w = h.className, T = w ? `${_e.root} ${w}` : _e.root;
+    ), w = h.className, T = w ? `${fe.root} ${w}` : fe.root;
     if (t && s) {
       const f = !!(h.checked ?? h.defaultChecked), C = /* @__PURE__ */ a(
         s,
@@ -4009,41 +4022,41 @@ const Ct = p(
         }
       );
       return c ? /* @__PURE__ */ a(
-        Be,
+        Fe,
         {
           formLayout: c,
           labelSize: d,
-          controlMaxWidth: m,
+          controlMaxWidth: p,
           controlMinWidth: _,
           children: C
         }
       ) : /* @__PURE__ */ a(go, { children: C });
     }
-    const g = /* @__PURE__ */ z("div", { className: _e.thumbIconWrapper, children: [
-      /* @__PURE__ */ a(lr, { className: _e.checkIcon }),
-      /* @__PURE__ */ a(ir, { className: _e.closeIcon })
+    const g = /* @__PURE__ */ z("div", { className: fe.thumbIconWrapper, children: [
+      /* @__PURE__ */ a(lr, { className: fe.checkIcon }),
+      /* @__PURE__ */ a(ir, { className: fe.closeIcon })
     ] }), P = /* @__PURE__ */ a(
       Vt,
       {
         ref: n,
         ...v,
         className: T,
-        classNames: x,
+        classNames: O,
         styles: N,
         disabled: t || l,
         "data-disabled": t || l || void 0,
-        thumbIcon: ue(
+        thumbIcon: pe(
           g,
           i
         )
       }
     );
     return c ? /* @__PURE__ */ a(
-      Be,
+      Fe,
       {
         formLayout: c,
         labelSize: d,
-        controlMaxWidth: m,
+        controlMaxWidth: p,
         controlMinWidth: _,
         children: P
       }
@@ -4052,10 +4065,10 @@ const Ct = p(
 );
 Ct.displayName = "Switch";
 Ct.Group = bt;
-const Vc = "Table-module__root___aMWWS", Hc = {
-  root: Vc
-}, Na = p(function({ overStyled: e = !1, ...n }, o) {
-  const t = u(n, e), s = t.className, l = Hc.root, i = s ? `${l} ${s}` : l;
+const Hc = "Table-module__root___aMWWS", jc = {
+  root: Hc
+}, Na = m(function({ overStyled: e = !1, ...n }, o) {
+  const t = u(n, e), s = t.className, l = jc.root, i = s ? `${l} ${s}` : l;
   return /* @__PURE__ */ a(
     He,
     {
@@ -4066,7 +4079,7 @@ const Vc = "Table-module__root___aMWWS", Hc = {
   );
 });
 Na.displayName = "Table";
-const ba = p(
+const ba = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4079,7 +4092,7 @@ const ba = p(
   }
 );
 ba.displayName = "TableThead";
-const Ca = p(
+const Ca = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4092,7 +4105,7 @@ const Ca = p(
   }
 );
 Ca.displayName = "TableTbody";
-const Pa = p(
+const Pa = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4105,7 +4118,7 @@ const Pa = p(
   }
 );
 Pa.displayName = "TableTr";
-const ga = p(
+const ga = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4118,7 +4131,7 @@ const ga = p(
   }
 );
 ga.displayName = "TableTh";
-const Ta = p(
+const Ta = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4131,7 +4144,7 @@ const Ta = p(
   }
 );
 Ta.displayName = "TableTd";
-const $a = p(
+const $a = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4144,7 +4157,7 @@ const $a = p(
   }
 );
 $a.displayName = "TableTfoot";
-const wa = p(function({ overStyled: e = !1, ...n }, o) {
+const wa = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
     He.Caption,
@@ -4155,7 +4168,7 @@ const wa = p(function({ overStyled: e = !1, ...n }, o) {
   );
 });
 wa.displayName = "TableCaption";
-const Sa = p(function({ overStyled: e = !1, ...n }, o) {
+const Sa = m(function({ overStyled: e = !1, ...n }, o) {
   const t = u(n, e);
   return /* @__PURE__ */ a(
     He.ScrollContainer,
@@ -4175,19 +4188,19 @@ qe.Td = Ta;
 qe.Tfoot = $a;
 qe.Caption = wa;
 qe.ScrollContainer = Sa;
-const jc = "Tabs-module__root___-VKVI", qc = "Tabs-module__list___qRVME", Kc = "Tabs-module__tab___IdDYc", Yc = "Tabs-module__panel___08i9c", Eo = {
-  root: jc,
-  list: qc,
-  tab: Kc,
-  panel: Yc
-}, xa = p(function(e, n) {
+const qc = "Tabs-module__root___-VKVI", Kc = "Tabs-module__list___qRVME", Yc = "Tabs-module__tab___IdDYc", Zc = "Tabs-module__panel___08i9c", Eo = {
+  root: qc,
+  list: Kc,
+  tab: Yc,
+  panel: Zc
+}, Oa = m(function(e, n) {
   const {
     variant: o = "default",
     orientation: t = "horizontal",
     overStyled: s = !1,
     className: l,
     ...i
-  } = e, c = u(i, s), d = c, m = W(
+  } = e, c = u(i, s), d = c, p = W(
     {
       list: Eo.list,
       tab: Eo.tab,
@@ -4205,12 +4218,12 @@ const jc = "Tabs-module__root___-VKVI", qc = "Tabs-module__list___qRVME", Kc = "
       className: `${Eo.root} ${l || ""}`,
       "data-variant": o,
       "data-orientation": t,
-      classNames: m
+      classNames: p
     }
   );
 });
-xa.displayName = "Tabs";
-const Oa = p(
+Oa.displayName = "Tabs";
+const xa = m(
   function(e, n) {
     const { overStyled: o = !1, ...t } = e;
     return /* @__PURE__ */ a(
@@ -4222,8 +4235,8 @@ const Oa = p(
     );
   }
 );
-Oa.displayName = "Tabs.List";
-const ka = p(
+xa.displayName = "Tabs.List";
+const ka = m(
   function(e, n) {
     const { overStyled: o = !1, ...t } = e;
     return /* @__PURE__ */ a(
@@ -4236,7 +4249,7 @@ const ka = p(
   }
 );
 ka.displayName = "Tabs.Tab";
-const Ra = p(
+const Ra = m(
   function(e, n) {
     const { overStyled: o = !1, ...t } = e;
     return /* @__PURE__ */ a(
@@ -4249,11 +4262,11 @@ const Ra = p(
   }
 );
 Ra.displayName = "Tabs.Panel";
-const Zc = Object.assign(xa, {
-  List: Oa,
+const Xc = Object.assign(Oa, {
+  List: xa,
   Tab: ka,
   Panel: Ra
-}), Ia = p(function({ overStyled: e = !1, variant: n = "body", ...o }, t) {
+}), Ia = m(function({ overStyled: e = !1, variant: n = "body", ...o }, t) {
   const s = u(o, e), l = s.className, i = `recursica_brand_typography_${n}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ a(
     cr,
@@ -4265,18 +4278,18 @@ const Zc = Object.assign(xa, {
   );
 });
 Ia.displayName = "Text";
-const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextArea-module__root___3dyeu", ed = "TextArea-module__input___8l36v", Fo = {
-  layoutOverride: Jc,
-  root: Qc,
-  input: ed
-}, od = [
+const Jc = Te(Ia), Qc = "TextArea-module__layoutOverride___4MCdm", ed = "TextArea-module__root___3dyeu", od = "TextArea-module__input___8l36v", Bo = {
+  layoutOverride: Qc,
+  root: ed,
+  input: od
+}, td = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], La = p(
+], La = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -4287,13 +4300,13 @@ const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextAre
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -4302,22 +4315,22 @@ const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextAre
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      ...O
+      ...x
     } = e, R = E(
-      u(O, o),
-      od
-    ), D = R, M = W(
+      u(x, o),
+      td
+    ), D = R, A = W(
       {
-        wrapper: Fo.root,
+        wrapper: Bo.root,
         // The nested Input internal relative wrapper bounding box
-        input: Fo.input
+        input: Bo.input
       },
       D.classNames
-    ), A = N ? `${Fo.layoutOverride} ${N}` : Fo.layoutOverride;
+    ), L = N ? `${Bo.layoutOverride} ${N}` : Bo.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: A,
+        className: L,
         style: w,
         controlMaxWidth: "var(--textarea-control-max-width)",
         controlMinWidth: "var(--textarea-control-min-width)",
@@ -4328,13 +4341,13 @@ const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextAre
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
@@ -4348,7 +4361,7 @@ const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextAre
             {
               ref: n,
               ...R,
-              classNames: M,
+              classNames: A,
               disabled: T,
               value: b,
               defaultValue: C,
@@ -4365,19 +4378,19 @@ const Xc = Te(Ia), Jc = "TextArea-module__layoutOverride___4MCdm", Qc = "TextAre
   }
 );
 La.displayName = "TextArea";
-const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__root___2ZYkG", ad = "TextField-module__input___RL-My", rd = "TextField-module__section___bCIJ0", Ro = {
-  layoutOverride: td,
-  root: nd,
-  input: ad,
-  section: rd
-}, sd = [
+const nd = "TextField-module__layoutOverride___SNZqc", ad = "TextField-module__root___2ZYkG", rd = "TextField-module__input___RL-My", sd = "TextField-module__section___bCIJ0", Ro = {
+  layoutOverride: nd,
+  root: ad,
+  input: rd,
+  section: sd
+}, ld = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], Pt = p(
+], Pt = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -4388,13 +4401,13 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -4403,11 +4416,11 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      ...O
+      ...x
     } = e, R = E(
-      u(O, o),
-      sd
-    ), D = R, M = W(
+      u(x, o),
+      ld
+    ), D = R, A = W(
       {
         wrapper: Ro.root,
         // The nested Input internal relative wrapper bounding box
@@ -4415,11 +4428,11 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
         section: Ro.section
       },
       D.classNames
-    ), A = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
+    ), L = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: A,
+        className: L,
         style: w,
         controlMaxWidth: "var(--text-field-control-max-width)",
         controlMinWidth: "var(--text-field-control-min-width)",
@@ -4430,13 +4443,13 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
@@ -4450,7 +4463,7 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
             {
               ref: n,
               ...R,
-              classNames: M,
+              classNames: A,
               disabled: T,
               value: b,
               defaultValue: C,
@@ -4466,33 +4479,33 @@ const td = "TextField-module__layoutOverride___SNZqc", nd = "TextField-module__r
   }
 );
 Pt.displayName = "TextField";
-const ld = [
+const id = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], Ma = p(function(e, n) {
+], Ma = m(function(e, n) {
   const { overStyled: o = !1, className: t, disabled: s, error: l, ...i } = e, c = E(
     u(i, o),
-    ld
-  ), d = c, m = W(
+    id
+  ), d = c, p = W(
     {
-      wrapper: t ? `${fe.root} ${t}` : fe.root,
-      input: fe.input,
-      section: fe.section,
-      dropdown: fe.dropdown,
-      option: fe.option
+      wrapper: t ? `${ie.root} ${t}` : ie.root,
+      input: ie.input,
+      section: ie.section,
+      dropdown: ie.dropdown,
+      option: ie.option
     },
     d.classNames
   );
   return /* @__PURE__ */ a(
-    Bt,
+    Ft,
     {
       ref: n,
       ...c,
-      classNames: m,
+      classNames: p,
       disabled: s,
       label: void 0,
       description: void 0,
@@ -4507,15 +4520,15 @@ const ld = [
   );
 });
 Ma.displayName = "BareDropdown";
-const id = "TimePicker-module__layoutOverride___zKo4Q", cd = "TimePicker-module__root___BcvRu", dd = "TimePicker-module__timeWrapper___hJVre", ud = "TimePicker-module__timeInput___FQysn", pd = "TimePicker-module__fieldsGroup___2yHhR", md = "TimePicker-module__timeField___twRZd", _d = "TimePicker-module__amPmSelect___mSdvt", oo = {
-  layoutOverride: id,
-  root: cd,
-  timeWrapper: dd,
-  timeInput: ud,
-  fieldsGroup: pd,
-  timeField: md,
-  amPmSelect: _d
-}, fd = [
+const cd = "TimePicker-module__layoutOverride___zKo4Q", dd = "TimePicker-module__root___BcvRu", ud = "TimePicker-module__timeWrapper___hJVre", pd = "TimePicker-module__timeInput___FQysn", md = "TimePicker-module__fieldsGroup___2yHhR", _d = "TimePicker-module__timeField___twRZd", fd = "TimePicker-module__amPmSelect___mSdvt", oo = {
+  layoutOverride: cd,
+  root: dd,
+  timeWrapper: ud,
+  timeInput: pd,
+  fieldsGroup: md,
+  timeField: _d,
+  amPmSelect: fd
+}, yd = [
   { value: "AM", label: "AM" },
   { value: "PM", label: "PM" }
 ];
@@ -4524,17 +4537,17 @@ function Mt(r) {
   const e = parseInt(r.slice(0, 2), 10);
   return Number.isNaN(e) ? void 0 : e;
 }
-function yd(r, e) {
+function hd(r, e) {
   return `${String(e).padStart(2, "0")}${r.slice(2)}`;
 }
-function hd(r) {
+function vd(r) {
   if (!r) return;
   const [e, n, o] = r.split(":"), t = parseInt(e, 10);
   if (Number.isNaN(t) || n === void 0) return r;
   const s = t >= 12, l = t % 12 === 0 ? 12 : t % 12, i = o !== void 0 ? `${n}:${o}` : n;
   return `${l}:${i} ${s ? "PM" : "AM"}`;
 }
-function vd(r, e) {
+function Nd(r, e) {
   var o;
   const n = (o = Object.getOwnPropertyDescriptor(
     window.HTMLSelectElement.prototype,
@@ -4542,14 +4555,14 @@ function vd(r, e) {
   )) == null ? void 0 : o.set;
   n == null || n.call(r, e), r.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-const Nd = [
+const bd = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
   // Colors/variants are token-driven; the library's native palette isn't exposed.
   "radius"
   // Recursica does not expose the library's native corner-radius system.
-], Aa = p(
+], Aa = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -4560,13 +4573,13 @@ const Nd = [
       labelOptionalText: i,
       labelWithEditIcon: c,
       onLabelEditClick: d,
-      label: m,
+      label: p,
       assistiveText: _,
       assistiveWithIcon: $,
       error: y,
       required: v,
       withAsterisk: h,
-      id: x,
+      id: O,
       className: N,
       style: w,
       disabled: T,
@@ -4575,39 +4588,39 @@ const Nd = [
       emptyValueComponent: f,
       value: b,
       defaultValue: C,
-      onChange: O,
+      onChange: x,
       withSeconds: R,
       minTime: D,
-      maxTime: M,
-      ...A
-    } = e, B = E(
-      u(A, o),
-      Nd
-    ), q = B, [Y, X] = ae(
+      maxTime: A,
+      ...L
+    } = e, F = E(
+      u(L, o),
+      bd
+    ), G = F, [Z, Y] = re(
       () => b ?? C
     );
-    Oe(() => {
-      b !== void 0 && X(b);
+    xe(() => {
+      b !== void 0 && Y(b);
     }, [b]);
-    const K = Fe(null);
-    Oe(() => {
-      Mt(b ?? C) === void 0 && K.current && vd(K.current, "AM");
+    const j = Be(null);
+    xe(() => {
+      Mt(b ?? C) === void 0 && j.current && Nd(j.current, "AM");
     }, []);
-    const re = (Q) => {
-      X(Q), O == null || O(Q);
-    }, se = Mt(Y), $e = se !== void 0 && se >= 12, L = (Q) => {
-      re(Q);
-    }, te = (Q) => {
-      if (se === void 0 || !Y || !Q) return;
-      const ie = Q === "PM";
-      if (ie === $e) return;
-      const We = ie ? se + 12 : se - 12;
-      re(yd(Y, We));
-    }, V = N ? `${oo.layoutOverride} ${N}` : oo.layoutOverride;
+    const Q = (ee) => {
+      Y(ee), x == null || x(ee);
+    }, se = Mt(Z), $e = se !== void 0 && se >= 12, M = (ee) => {
+      Q(ee);
+    }, ne = (ee) => {
+      if (se === void 0 || !Z || !ee) return;
+      const ce = ee === "PM";
+      if (ce === $e) return;
+      const We = ce ? se + 12 : se - 12;
+      Q(hd(Z, We));
+    }, H = N ? `${oo.layoutOverride} ${N}` : oo.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
-        className: V,
+        className: H,
         style: w,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -4618,18 +4631,18 @@ const Nd = [
         labelOptionalText: i,
         labelWithEditIcon: c,
         onLabelEditClick: d,
-        label: m,
+        label: p,
         assistiveText: _,
         assistiveWithIcon: $,
         error: y,
         required: v,
         withAsterisk: h,
-        id: x,
+        id: O,
         readOnly: g,
         readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: hd(
+        readOnlyValue: vd(
           b !== void 0 ? b : C
         ),
         readOnlyNativeProps: e,
@@ -4650,7 +4663,7 @@ const Nd = [
                   Nr,
                   {
                     ref: n,
-                    ...B,
+                    ...F,
                     classNames: W(
                       {
                         wrapper: oo.timeWrapper,
@@ -4658,17 +4671,17 @@ const Nd = [
                         fieldsGroup: oo.fieldsGroup,
                         field: oo.timeField
                       },
-                      q.classNames
+                      G.classNames
                     ),
                     disabled: T,
-                    value: Y,
-                    onChange: L,
+                    value: Z,
+                    onChange: M,
                     format: "12h",
                     withSeconds: R,
                     min: D,
-                    max: M,
+                    max: A,
                     withDropdown: !1,
-                    amPmRef: K
+                    amPmRef: j
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -4677,9 +4690,9 @@ const Nd = [
                     overStyled: !0,
                     className: oo.amPmSelect,
                     styles: { wrapper: { width: "fit-content" } },
-                    data: fd,
+                    data: yd,
                     value: $e ? "PM" : "AM",
-                    onChange: te,
+                    onChange: ne,
                     disabled: T,
                     error: !!y,
                     "aria-label": "AM or PM"
@@ -4694,15 +4707,15 @@ const Nd = [
   }
 );
 Aa.displayName = "TimePicker";
-const bd = "Timeline-module__root___LwRdZ", Cd = "Timeline-module__item___T5xdQ", Pd = "Timeline-module__itemBody___XAV-E", gd = "Timeline-module__itemBullet___rPXCy", Td = "Timeline-module__itemTitle___GgRRW", $d = "Timeline-module__itemContent___vurs-", wd = "Timeline-module__description___f9sxV", Sd = "Timeline-module__timestamp___owiRu", to = {
-  root: bd,
-  item: Cd,
-  itemBody: Pd,
-  itemBullet: gd,
-  itemTitle: Td,
-  itemContent: $d,
-  description: wd,
-  timestamp: Sd
+const Cd = "Timeline-module__root___LwRdZ", Pd = "Timeline-module__item___T5xdQ", gd = "Timeline-module__itemBody___XAV-E", Td = "Timeline-module__itemBullet___rPXCy", $d = "Timeline-module__itemTitle___GgRRW", wd = "Timeline-module__itemContent___vurs-", Sd = "Timeline-module__description___f9sxV", Od = "Timeline-module__timestamp___owiRu", to = {
+  root: Cd,
+  item: Pd,
+  itemBody: gd,
+  itemBullet: Td,
+  itemTitle: $d,
+  itemContent: wd,
+  description: Sd,
+  timestamp: Od
 }, gt = U.forwardRef(
   function({
     overStyled: e = !1,
@@ -4720,7 +4733,7 @@ const bd = "Timeline-module__root___LwRdZ", Cd = "Timeline-module__item___T5xdQ"
         itemTitle: to.itemTitle
       },
       c.classNames
-    ), m = n ? /* @__PURE__ */ z(go, { children: [
+    ), p = n ? /* @__PURE__ */ z(go, { children: [
       t && /* @__PURE__ */ a("div", { className: to.description, children: t }),
       /* @__PURE__ */ a("div", { className: to.timestamp, children: n })
     ] }) : t;
@@ -4731,7 +4744,7 @@ const bd = "Timeline-module__root___LwRdZ", Cd = "Timeline-module__item___T5xdQ"
         ...i,
         classNames: d,
         "data-variant": o,
-        children: m
+        children: p
       }
     );
   }
@@ -4756,7 +4769,7 @@ const za = U.forwardRef(
 za.displayName = "Timeline";
 const Wa = za;
 Wa.Item = gt;
-const Da = p(function({ overStyled: e = !1, order: n = 1, ...o }, t) {
+const Da = m(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`.
@@ -4775,14 +4788,14 @@ const Da = p(function({ overStyled: e = !1, order: n = 1, ...o }, t) {
   );
 });
 Da.displayName = "Title";
-const xd = "Toast-module__root___MUvfI", Od = "Toast-module__icon___VwvE1", kd = "Toast-module__loader___8Gxd-", Rd = "Toast-module__title___-H6R2", Id = "Toast-module__description___-QwfC", Ld = "Toast-module__closeButton___vGr7g", Md = "Toast-module__body___VLkXA", yo = {
+const xd = "Toast-module__root___MUvfI", kd = "Toast-module__icon___VwvE1", Rd = "Toast-module__loader___8Gxd-", Id = "Toast-module__title___-H6R2", Ld = "Toast-module__description___-QwfC", Md = "Toast-module__closeButton___vGr7g", Ad = "Toast-module__body___VLkXA", yo = {
   root: xd,
-  icon: Od,
-  loader: kd,
-  title: Rd,
-  description: Id,
-  closeButton: Ld,
-  body: Md
+  icon: kd,
+  loader: Rd,
+  title: Id,
+  description: Ld,
+  closeButton: Md,
+  body: Ad
 }, Ea = U.forwardRef(
   function({
     overStyled: e = !1,
@@ -4827,10 +4840,10 @@ const xd = "Toast-module__root___MUvfI", Od = "Toast-module__icon___VwvE1", kd =
   }
 );
 Ea.displayName = "Toast";
-const Ad = "Tooltip-module__tooltip___UA7H9", zd = "Tooltip-module__arrow___4zROk", At = {
-  tooltip: Ad,
-  arrow: zd
-}, Fa = function({
+const zd = "Tooltip-module__tooltip___UA7H9", Wd = "Tooltip-module__arrow___4zROk", At = {
+  tooltip: zd,
+  arrow: Wd
+}, Ba = function({
   overStyled: e = !1,
   withBeak: n = !0,
   position: o = "top",
@@ -4860,8 +4873,8 @@ const Ad = "Tooltip-module__tooltip___UA7H9", zd = "Tooltip-module__arrow___4zRO
     }
   );
 };
-Fa.displayName = "Tooltip";
-const Ba = p(
+Ba.displayName = "Tooltip";
+const Fa = m(
   function({ overStyled: e = !1, ...n }, o) {
     const t = u(n, e);
     return /* @__PURE__ */ a(
@@ -4873,21 +4886,21 @@ const Ba = p(
     );
   }
 );
-Ba.displayName = "TooltipFloating";
-const Tt = Fa;
-Tt.Floating = Ba;
+Fa.displayName = "TooltipFloating";
+const Tt = Ba;
+Tt.Floating = Fa;
 Tt.Group = it.Group;
-const Wd = "TransferList-module__layoutOverride___nkb32", Dd = "TransferList-module__root___ikjI7", Ed = "TransferList-module__panes___dtwkW", Fd = "TransferList-module__pane___hy-kC", Bd = "TransferList-module__paneHeader___HZrKX", Ud = "TransferList-module__paneSearch___Xji-g", Gd = "TransferList-module__paneList___v0rcJ", Vd = "TransferList-module__emptyState___azPw-", Hd = "TransferList-module__transferColumn___3R2Ki", jd = "TransferList-module__chevron___l-KdI", ge = {
-  layoutOverride: Wd,
-  root: Dd,
-  panes: Ed,
+const Dd = "TransferList-module__layoutOverride___nkb32", Ed = "TransferList-module__root___ikjI7", Bd = "TransferList-module__panes___dtwkW", Fd = "TransferList-module__pane___hy-kC", Ud = "TransferList-module__paneHeader___HZrKX", Gd = "TransferList-module__paneSearch___Xji-g", Vd = "TransferList-module__paneList___v0rcJ", Hd = "TransferList-module__emptyState___azPw-", jd = "TransferList-module__transferColumn___3R2Ki", qd = "TransferList-module__chevron___l-KdI", ge = {
+  layoutOverride: Dd,
+  root: Ed,
+  panes: Bd,
   pane: Fd,
-  paneHeader: Bd,
-  paneSearch: Ud,
-  paneList: Gd,
-  emptyState: Vd,
-  transferColumn: Hd,
-  chevron: jd
+  paneHeader: Ud,
+  paneSearch: Gd,
+  paneList: Vd,
+  emptyState: Hd,
+  transferColumn: jd,
+  chevron: qd
 };
 function zt({ direction: r }) {
   return /* @__PURE__ */ a(
@@ -4927,14 +4940,14 @@ function Wt({ direction: r }) {
     }
   );
 }
-function qd(r) {
+function Kd(r) {
   const e = {}, n = [];
   return r.forEach((o) => {
     var t;
     o.group ? (e[t = o.group] ?? (e[t] = [])).push(o) : n.push(o);
   }), { groups: e, ungrouped: n };
 }
-const Ua = p(
+const Ua = m(
   function(e, n) {
     const {
       overStyled: o = !1,
@@ -4945,13 +4958,13 @@ const Ua = p(
       labelOptionalText: i,
       labelWithEditIcon: c,
       labelActionArea: d,
-      onLabelEditClick: m,
+      onLabelEditClick: p,
       label: _,
       assistiveText: $,
       description: y,
       helperText: v,
       assistiveWithIcon: h,
-      error: x,
+      error: O,
       required: N,
       id: w,
       readOnly: T,
@@ -4960,119 +4973,119 @@ const Ua = p(
       data: f,
       defaultData: b,
       onChange: C,
-      sourceLabel: O = "Available",
+      sourceLabel: x = "Available",
       targetLabel: R = "Selected",
       searchable: D = !0,
-      searchPlaceholder: M = "Filter items...",
-      disabled: A = !1,
-      className: B,
-      style: q,
-      ...Y
-    } = e, X = u(Y, o), K = Dt(), re = w || `recursica-transfer-list-${K}`, [se, $e] = ae(
+      searchPlaceholder: A = "Filter items...",
+      disabled: L = !1,
+      className: F,
+      style: G,
+      ...Z
+    } = e, Y = u(Z, o), j = Dt(), Q = w || `recursica-transfer-list-${j}`, [se, $e] = re(
       () => b ?? f ?? [[], []]
-    ), L = f !== void 0 ? f : se, te = po(
-      (F) => {
-        f === void 0 && $e(F), C == null || C(F);
+    ), M = f !== void 0 ? f : se, ne = po(
+      (B) => {
+        f === void 0 && $e(B), C == null || C(B);
       },
       [f, C]
-    ), [V, Q] = ae(""), [ie, We] = ae(""), [pe, ce] = ae(
+    ), [H, ee] = re(""), [ce, We] = re(""), [me, de] = re(
       () => /* @__PURE__ */ new Set()
-    ), [ve, Ne] = ae(
+    ), [ve, Ne] = re(
       () => /* @__PURE__ */ new Set()
-    ), we = xt(() => {
-      if (!V) return L[0];
-      const F = V.toLowerCase();
-      return L[0].filter(
-        (j) => j.label.toLowerCase().includes(F)
+    ), we = Ot(() => {
+      if (!H) return M[0];
+      const B = H.toLowerCase();
+      return M[0].filter(
+        (K) => K.label.toLowerCase().includes(B)
       );
-    }, [L, V]), lo = xt(() => {
-      if (!ie) return L[1];
-      const F = ie.toLowerCase();
-      return L[1].filter(
-        (j) => j.label.toLowerCase().includes(F)
+    }, [M, H]), lo = Ot(() => {
+      if (!ce) return M[1];
+      const B = ce.toLowerCase();
+      return M[1].filter(
+        (K) => K.label.toLowerCase().includes(B)
       );
-    }, [L, ie]), be = po(() => {
-      if (pe.size === 0) return;
-      const F = L[0].filter(
-        (G) => !pe.has(G.value)
-      ), j = L[0].filter(
-        (G) => pe.has(G.value)
+    }, [M, ce]), be = po(() => {
+      if (me.size === 0) return;
+      const B = M[0].filter(
+        (V) => !me.has(V.value)
+      ), K = M[0].filter(
+        (V) => me.has(V.value)
       );
-      ce(/* @__PURE__ */ new Set()), te([F, [...L[1], ...j]]);
-    }, [L, pe, te]), Ke = po(() => {
+      de(/* @__PURE__ */ new Set()), ne([B, [...M[1], ...K]]);
+    }, [M, me, ne]), Ke = po(() => {
       if (ve.size === 0) return;
-      const F = L[1].filter(
-        (G) => !ve.has(G.value)
-      ), j = L[1].filter(
-        (G) => ve.has(G.value)
+      const B = M[1].filter(
+        (V) => !ve.has(V.value)
+      ), K = M[1].filter(
+        (V) => ve.has(V.value)
       );
-      Ne(/* @__PURE__ */ new Set()), te([[...L[0], ...j], F]);
-    }, [L, ve, te]), Ye = po(() => {
-      L[0].length !== 0 && (ce(/* @__PURE__ */ new Set()), te([[], [...L[1], ...L[0]]]));
-    }, [L, te]), io = po(() => {
-      L[1].length !== 0 && (Ne(/* @__PURE__ */ new Set()), te([[...L[0], ...L[1]], []]));
-    }, [L, te]), Ze = po((F) => {
-      ce((j) => {
-        const G = new Set(j);
-        return G.has(F) ? G.delete(F) : G.add(F), G;
+      Ne(/* @__PURE__ */ new Set()), ne([[...M[0], ...K], B]);
+    }, [M, ve, ne]), Ye = po(() => {
+      M[0].length !== 0 && (de(/* @__PURE__ */ new Set()), ne([[], [...M[1], ...M[0]]]));
+    }, [M, ne]), io = po(() => {
+      M[1].length !== 0 && (Ne(/* @__PURE__ */ new Set()), ne([[...M[0], ...M[1]], []]));
+    }, [M, ne]), Ze = po((B) => {
+      de((K) => {
+        const V = new Set(K);
+        return V.has(B) ? V.delete(B) : V.add(B), V;
       });
-    }, []), co = po((F) => {
-      Ne((j) => {
-        const G = new Set(j);
-        return G.has(F) ? G.delete(F) : G.add(F), G;
+    }, []), co = po((B) => {
+      Ne((K) => {
+        const V = new Set(K);
+        return V.has(B) ? V.delete(B) : V.add(B), V;
       });
-    }, []), Xe = (F, j, G, I, H, ee, de, uo) => {
-      const { groups: S, ungrouped: J } = qd(G), Z = Object.keys(S).sort(), me = H.size > 0 ? `${H.size} / ${I.length}` : `${I.length}`;
-      return /* @__PURE__ */ z("div", { className: ge.pane, "data-pane": F, children: [
+    }, []), Xe = (B, K, V, I, q, oe, ue, uo) => {
+      const { groups: S, ungrouped: J } = Kd(V), X = Object.keys(S).sort(), _e = q.size > 0 ? `${q.size} / ${I.length}` : `${I.length}`;
+      return /* @__PURE__ */ z("div", { className: ge.pane, "data-pane": B, children: [
         /* @__PURE__ */ z("div", { className: ge.paneHeader, children: [
-          /* @__PURE__ */ a("span", { children: j }),
-          /* @__PURE__ */ a(en, { children: me })
+          /* @__PURE__ */ a("span", { children: K }),
+          /* @__PURE__ */ a(en, { children: _e })
         ] }),
         D && /* @__PURE__ */ a("div", { className: ge.paneSearch, children: /* @__PURE__ */ a(
           Pt,
           {
-            value: de,
-            onChange: (oe) => uo(oe.currentTarget.value),
-            placeholder: M,
-            disabled: A,
-            "aria-label": `Filter ${j.toLowerCase()}`
+            value: ue,
+            onChange: (te) => uo(te.currentTarget.value),
+            placeholder: A,
+            disabled: L,
+            "aria-label": `Filter ${K.toLowerCase()}`
           }
         ) }),
         /* @__PURE__ */ z("div", { className: ge.paneList, children: [
-          G.length === 0 && /* @__PURE__ */ a("div", { className: ge.emptyState, children: "No items" }),
-          J.length > 0 && /* @__PURE__ */ a(Io, { children: J.map((oe) => /* @__PURE__ */ a(
+          V.length === 0 && /* @__PURE__ */ a("div", { className: ge.emptyState, children: "No items" }),
+          J.length > 0 && /* @__PURE__ */ a(Io, { children: J.map((te) => /* @__PURE__ */ a(
             Lo,
             {
-              id: `${re}-${F}-${oe.value}`,
-              label: oe.label,
-              checked: H.has(oe.value),
-              onChange: () => ee(oe.value),
-              disabled: A
+              id: `${Q}-${B}-${te.value}`,
+              label: te.label,
+              checked: q.has(te.value),
+              onChange: () => oe(te.value),
+              disabled: L
             },
-            oe.value
+            te.value
           )) }),
-          Z.map((oe) => /* @__PURE__ */ a(
+          X.map((te) => /* @__PURE__ */ a(
             Io,
             {
-              label: oe,
+              label: te,
               labelSize: "small",
-              children: S[oe].map((Ce) => /* @__PURE__ */ a(
+              children: S[te].map((Ce) => /* @__PURE__ */ a(
                 Lo,
                 {
-                  id: `${re}-${F}-${Ce.value}`,
+                  id: `${Q}-${B}-${Ce.value}`,
                   label: Ce.label,
-                  checked: H.has(Ce.value),
-                  onChange: () => ee(Ce.value),
-                  disabled: A
+                  checked: q.has(Ce.value),
+                  onChange: () => oe(Ce.value),
+                  disabled: L
                 },
                 Ce.value
               ))
             },
-            oe
+            te
           ))
         ] })
       ] });
-    }, No = B ? `${ge.layoutOverride} ${B}` : ge.layoutOverride;
+    }, No = F ? `${ge.layoutOverride} ${F}` : ge.layoutOverride;
     return /* @__PURE__ */ a(
       he,
       {
@@ -5083,41 +5096,41 @@ const Ua = p(
         labelOptionalText: i,
         labelWithEditIcon: c,
         labelActionArea: d,
-        onLabelEditClick: m,
+        onLabelEditClick: p,
         label: _,
         assistiveText: $,
         description: y,
         helperText: v,
         assistiveWithIcon: h,
-        error: x,
+        error: O,
         required: N,
-        id: re,
+        id: Q,
         className: No,
-        style: q,
+        style: G,
         overStyled: o,
         readOnly: T,
         readOnlyComponent: g,
         emptyValueComponent: P,
         readOnlyType: "text",
-        readOnlyValue: L[1].map((F) => F.label),
+        readOnlyValue: M[1].map((B) => B.label),
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           "div",
           {
-            ...X,
+            ...Y,
             className: ge.root,
-            "data-disabled": A ? "true" : void 0,
-            "data-error": x ? "true" : void 0,
+            "data-disabled": L ? "true" : void 0,
+            "data-error": O ? "true" : void 0,
             children: /* @__PURE__ */ z("div", { className: ge.panes, children: [
               Xe(
                 "source",
-                O,
+                x,
                 we,
-                L[0],
-                pe,
+                M[0],
+                me,
                 Ze,
-                V,
-                Q
+                H,
+                ee
               ),
               /* @__PURE__ */ z("div", { className: ge.transferColumn, children: [
                 /* @__PURE__ */ a(
@@ -5127,7 +5140,7 @@ const Ua = p(
                     size: "small",
                     icon: /* @__PURE__ */ a(Wt, { direction: "right" }),
                     "aria-label": `Move all to ${R}`,
-                    disabled: A || L[0].length === 0,
+                    disabled: L || M[0].length === 0,
                     onClick: Ye
                   }
                 ),
@@ -5138,7 +5151,7 @@ const Ua = p(
                     size: "small",
                     icon: /* @__PURE__ */ a(zt, { direction: "right" }),
                     "aria-label": `Move selected to ${R}`,
-                    disabled: A || pe.size === 0,
+                    disabled: L || me.size === 0,
                     onClick: be
                   }
                 ),
@@ -5148,8 +5161,8 @@ const Ua = p(
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ a(zt, { direction: "left" }),
-                    "aria-label": `Move selected to ${O}`,
-                    disabled: A || ve.size === 0,
+                    "aria-label": `Move selected to ${x}`,
+                    disabled: L || ve.size === 0,
                     onClick: Ke
                   }
                 ),
@@ -5159,8 +5172,8 @@ const Ua = p(
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ a(Wt, { direction: "left" }),
-                    "aria-label": `Move all to ${O}`,
-                    disabled: A || L[1].length === 0,
+                    "aria-label": `Move all to ${x}`,
+                    disabled: L || M[1].length === 0,
                     onClick: io
                   }
                 )
@@ -5169,10 +5182,10 @@ const Ua = p(
                 "target",
                 R,
                 lo,
-                L[1],
+                M[1],
                 ve,
                 co,
-                ie,
+                ce,
                 We
               )
             ] })
@@ -5183,16 +5196,16 @@ const Ua = p(
   }
 );
 Ua.displayName = "TransferList";
-const Kd = "Tree-module__root___ANcH3", Yd = "Tree-module__subtree___KoLT8", Zd = "Tree-module__node___Hvnjg", Xd = "Tree-module__row___sq5ff", Jd = "Tree-module__label___zJDit", Qd = "Tree-module__expandButton___W0WTT", eu = "Tree-module__expandGlyph___w8dDQ", so = {
-  root: Kd,
-  subtree: Yd,
-  node: Zd,
-  row: Xd,
-  label: Jd,
-  expandButton: Qd,
-  expandGlyph: eu
+const Yd = "Tree-module__root___ANcH3", Zd = "Tree-module__subtree___KoLT8", Xd = "Tree-module__node___Hvnjg", Jd = "Tree-module__row___sq5ff", Qd = "Tree-module__label___zJDit", eu = "Tree-module__expandButton___W0WTT", ou = "Tree-module__expandGlyph___w8dDQ", so = {
+  root: Yd,
+  subtree: Zd,
+  node: Xd,
+  row: Jd,
+  label: Qd,
+  expandButton: eu,
+  expandGlyph: ou
 };
-function ou() {
+function tu() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5210,7 +5223,7 @@ function ou() {
     }
   );
 }
-function tu(r) {
+function nu(r) {
   return function({
     node: n,
     hasChildren: o,
@@ -5233,7 +5246,7 @@ function tu(r) {
               overStyled: !0,
               variant: "text",
               size: "small",
-              icon: /* @__PURE__ */ a(ou, {}),
+              icon: /* @__PURE__ */ a(tu, {}),
               "aria-label": "Toggle subtree",
               "aria-hidden": "true",
               tabIndex: -1,
@@ -5249,7 +5262,7 @@ function tu(r) {
     );
   };
 }
-const Ga = p(function({
+const Ga = m(function({
   overStyled: e = !1,
   data: n,
   initialExpandedValues: o,
@@ -5259,20 +5272,20 @@ const Ga = p(function({
   onNodeExpand: i,
   onNodeCollapse: c,
   onSelectedChange: d,
-  ...m
+  ...p
 }, _) {
-  const $ = u(m, e), y = fr({
+  const $ = u(p, e), y = fr({
     initialExpandedState: o ? yr(n, o) : void 0,
     initialSelectedState: t,
     multiple: s,
     onNodeExpand: i,
     onNodeCollapse: c
   });
-  Oe(() => {
+  xe(() => {
     d == null || d(y.selectedState);
   }, [y.selectedState, d]);
   const v = U.useRef(null);
-  Oe(() => {
+  xe(() => {
     const T = v.current;
     if (!T) return;
     const g = (P) => {
@@ -5283,7 +5296,7 @@ const Ga = p(function({
       b && (P.preventDefault(), y.select(b));
     };
     return T.addEventListener("keydown", g), () => T.removeEventListener("keydown", g);
-  }, [y.select, l]), Oe(() => {
+  }, [y.select, l]), xe(() => {
     const T = v.current;
     if (!T || !l) return;
     const g = (P) => {
@@ -5291,7 +5304,7 @@ const Ga = p(function({
     };
     return T.addEventListener("keydown", g, { capture: !0 }), () => T.removeEventListener("keydown", g, { capture: !0 });
   }, [l]);
-  const h = br(_, v), x = $, N = x.className, w = N ? `${so.root} ${N}` : so.root;
+  const h = br(_, v), O = $, N = O.className, w = N ? `${so.root} ${N}` : so.root;
   return /* @__PURE__ */ a(
     hr,
     {
@@ -5302,189 +5315,189 @@ const Ga = p(function({
       expandOnClick: !1,
       selectOnClick: !l,
       expandOnSpace: !1,
-      renderNode: tu(l),
+      renderNode: nu(l),
       "data-disabled": l || void 0,
       classNames: W(
         { root: w, node: so.node, subtree: so.subtree },
-        x.classNames
+        O.classNames
       )
     }
   );
 });
 Ga.displayName = "Tree";
-const mu = Al, _u = bn, fu = Nn, yu = Cn, hu = hc, vu = un, Nu = Hl, bu = Xc, Cu = k(
+const _u = zl, fu = bn, yu = Nn, hu = Cn, vu = vc, Nu = un, bu = jl, Cu = Jc, Pu = k(
   Xo
-), Pu = k(
-  ct
 ), gu = k(
-  Yo
+  ct
 ), Tu = k(
-  Zo
+  Yo
 ), $u = k(
-  Vo
+  Zo
 ), wu = k(
-  Xt
+  Vo
 ), Su = k(
+  Xt
+), Ou = k(
   fs
 ), xu = k(
   en
-), Ou = k(
-  on
 ), ku = k(
-  ro
+  on
 ), Ru = k(
-  Ls
+  ro
 ), Iu = k(
-  Lo
+  Ls
 ), Lu = k(
-  Io
+  Lo
 ), Mu = k(
-  Mo
+  Io
 ), Au = k(
-  pn
+  Mo
 ), zu = k(
-  mn
+  pn
 ), Wu = k(
-  _n
+  mn
 ), Du = k(
-  fn
+  _n
 ), Eu = k(
-  Be
+  fn
+), Bu = k(
+  Fe
 ), Fu = k(
   mt
-), Bu = k(
-  pt
 ), Uu = k(
-  dt
+  pt
 ), Gu = k(
-  vo
+  dt
 ), Vu = k(
-  je
+  vo
 ), Hu = k(
-  Gn
+  je
 ), ju = k(
-  Ae
+  Gn
 ), qu = k(
-  ze
+  Ae
 ), Ku = k(
-  yt
+  ze
 ), Yu = k(
-  ht
+  yt
 ), Zu = k(
-  Nt
+  ht
 ), Xu = k(
-  vt
+  Nt
 ), Ju = k(
-  ut
+  vt
 ), Qu = k(
-  Qi
+  ut
 ), ep = k(
-  fa
+  ec
 ), op = k(
-  Lc
+  fa
 ), tp = k(
-  Ct
+  Mc
 ), np = k(
-  bt
+  Ct
 ), ap = k(
-  qe
+  bt
 ), rp = k(
-  Zc
+  qe
 ), sp = k(
-  La
+  Xc
 ), lp = k(
-  Pt
+  La
 ), ip = k(
-  Aa
+  Pt
 ), cp = k(
-  Wa
+  Aa
 ), dp = k(
-  gt
+  Wa
 ), up = k(
-  Da
+  gt
 ), pp = k(
-  Ea
+  Da
 ), mp = k(
-  Tt
+  Ea
 ), _p = k(
-  Ua
+  Tt
 ), fp = k(
+  Ua
+), yp = k(
   Ga
 );
 export {
-  Cu as Accordion,
-  gu as AccordionControl,
-  Pu as AccordionItem,
-  Tu as AccordionPanel,
-  $u as AssistiveElement,
-  wu as AutoComplete,
-  Su as Avatar,
+  Pu as Accordion,
+  Tu as AccordionControl,
+  gu as AccordionItem,
+  $u as AccordionPanel,
+  wu as AssistiveElement,
+  Su as AutoComplete,
+  Ou as Avatar,
   xu as Badge,
-  Ou as Breadcrumb,
-  ku as Button,
-  Ru as Card,
-  Iu as Checkbox,
-  Lu as CheckboxGroup,
-  Mu as Chip,
-  vu as Container,
-  Au as DatePicker,
-  zu as Dropdown,
+  ku as Breadcrumb,
+  Ru as Button,
+  Iu as Card,
+  Lu as Checkbox,
+  Mu as CheckboxGroup,
+  Au as Chip,
+  Nu as Container,
+  zu as DatePicker,
+  Wu as Dropdown,
   Uo as EmptyValueRenderer,
-  Wu as FileInput,
-  Du as FileUpload,
-  mu as Flex,
-  Eu as FormControlLayout,
-  _u as Grid,
-  fu as GridCol,
-  yu as Group,
+  Du as FileInput,
+  Eu as FileUpload,
+  _u as Flex,
+  Bu as FormControlLayout,
+  fu as Grid,
+  yu as GridCol,
+  hu as Group,
   Fu as HoverCard,
   ho as IS_DEV,
-  Uu as Label,
+  Gu as Label,
   Ht as Layer,
-  Nu as Link,
-  Bu as Loader,
-  Gu as Menu,
-  Vu as Modal,
-  Hu as NumberInput,
-  ju as Pagination,
-  qu as Panel,
-  Ku as PanelFooter,
-  Yu as Popover,
-  uu as RECURSICA_COMPONENTS,
-  Zu as Radio,
-  Xu as RadioGroup,
-  Ju as ReadOnlyField,
-  du as RecursicaThemeProvider,
-  Qu as SegmentedControl,
-  ep as Slider,
-  hu as Stack,
-  op as Stepper,
-  tp as Switch,
-  np as SwitchGroup,
-  ap as Table,
-  rp as Tabs,
-  bu as Text,
-  sp as TextArea,
-  lp as TextField,
-  ip as TimePicker,
-  cp as Timeline,
-  dp as TimelineItem,
-  up as Title,
-  pp as Toast,
-  mp as Tooltip,
-  _p as TransferList,
-  fp as Tree,
-  pu as copyToClipboard,
+  bu as Link,
+  Uu as Loader,
+  Vu as Menu,
+  Hu as Modal,
+  ju as NumberInput,
+  qu as Pagination,
+  Ku as Panel,
+  Yu as PanelFooter,
+  Zu as Popover,
+  pu as RECURSICA_COMPONENTS,
+  Xu as Radio,
+  Ju as RadioGroup,
+  Qu as ReadOnlyField,
+  uu as RecursicaThemeProvider,
+  ep as SegmentedControl,
+  op as Slider,
+  vu as Stack,
+  tp as Stepper,
+  np as Switch,
+  ap as SwitchGroup,
+  rp as Table,
+  sp as Tabs,
+  Cu as Text,
+  lp as TextArea,
+  ip as TextField,
+  cp as TimePicker,
+  dp as Timeline,
+  up as TimelineItem,
+  pp as Title,
+  mp as Toast,
+  _p as Tooltip,
+  fp as TransferList,
+  yp as Tree,
+  mu as copyToClipboard,
   Kt as fileMatchesAccept,
   jt as injectOverStyledStyles,
-  cu as isGlobalOverStyledActive,
+  du as isGlobalOverStyledActive,
   W as mergeClassNames,
   wr as mergeStyles,
   E as omitUnsupportedProps,
   qt as registerOverStyledConsoleCommand,
   Tr as toggleGlobalOverStyled,
   $r as useGlobalOverStyled,
-  ue as withCallerOverride,
+  pe as withCallerOverride,
   k as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map