@recursica/adapter-mantine-v8 1.3.6 → 1.4.1

package/dist/adapter-mantine-v8.js

@@ -1,12 +1,12 @@
-import { jsx as r, Fragment as Ge, jsxs as L } from "react/jsx-runtime";
-import q, { forwardRef as f, createContext as at, Children as Ba, isValidElement as Fa, cloneElement as Ua, useContext as rt, useEffect as Re, useState as ie, useId as Et, useRef as Be, useCallback as mo, useMemo as wt } from "react";
-import { Accordion as Go, Input as Bt, Box as st, Autocomplete as Va, Avatar as Ha, createPolymorphicComponent as Te, Badge as Ga, Breadcrumbs as ja, Loader as qa, Button as Ka, Card as jo, Checkbox as Ft, Chip as Ya, Container as Za, Select as Ut, Flex as Xa, Grid as Vt, useRandomClassName as Qa, useMantineTheme as Ja, getSortedBreakpoints as er, InlineStyles as or, Group as tr, Title as nr, HoverCard as lt, Anchor as ar, Menu as Me, Modal as ye, NumberInput as rr, Drawer as je, Popover as it, Radio as Ht, SegmentedControl as sr, RangeSlider as lr, Slider as ir, Stack as cr, Stepper as ct, Switch as Gt, CheckIcon as dr, CloseIcon as ur, Table as qe, Tabs as qo, Text as pr, Textarea as mr, TimelineItem as _r, Timeline as fr, Notification as yr, Tooltip as dt, useTree as hr, getTreeExpandedState as vr, Tree as br } from "@mantine/core";
+import { jsx as r, Fragment as je, jsxs as I } from "react/jsx-runtime";
+import q, { forwardRef as y, createContext as at, Children as Ba, isValidElement as Fa, cloneElement as Ua, useContext as rt, useEffect as Ie, useState as ie, useId as Et, useRef as Fe, useCallback as mo, useMemo as wt } from "react";
+import { Accordion as Go, Input as Bt, Box as st, Autocomplete as Va, Avatar as Ha, createPolymorphicComponent as we, Badge as Ga, Breadcrumbs as ja, Loader as qa, Button as Ka, Card as jo, Checkbox as Ft, Chip as Ya, Container as Za, Select as Ut, Flex as Xa, Grid as Vt, useRandomClassName as Qa, useMantineTheme as Ja, getSortedBreakpoints as er, InlineStyles as or, Group as tr, Title as nr, HoverCard as lt, Anchor as ar, Menu as Ae, Modal as ve, NumberInput as rr, Drawer as me, Popover as it, Radio as Ht, SegmentedControl as sr, RangeSlider as lr, Slider as ir, Stack as cr, Stepper as ct, Switch as Gt, CheckIcon as dr, CloseIcon as ur, Table as qe, Tabs as qo, Text as pr, Textarea as mr, TimelineItem as _r, Timeline as fr, Notification as yr, Tooltip as dt, useTree as hr, getTreeExpandedState as vr, Tree as br } from "@mantine/core";
 import { DatePickerInput as Nr, getFormattedDate as gr, TimePicker as Cr } from "@mantine/dates";
 import { usePagination as Pr, useMergedRef as Tr } from "@mantine/hooks";
 const wr = "_root_1qhn7_3", Sr = "_contents_1qhn7_18", ho = {
   root: wr,
   contents: Sr
-}, jt = f(function({ layer: a, contentsOnly: e, children: o, className: t, style: n, ...s }, l) {
+}, jt = y(function({ layer: a, contentsOnly: e, children: o, className: t, style: n, ...s }, l) {
   const c = e ? t ? `${ho.root} ${ho.contents} ${t}` : `${ho.root} ${ho.contents}` : t ? `${ho.root} ${t}` : ho.root;
   return /* @__PURE__ */ r(
     "div",
@@ -24,7 +24,7 @@ jt.displayName = "Layer";
 const Eo = ({ emptyText: a = "N/A" }) => /* @__PURE__ */ r(q.Fragment, { children: a });
 Eo.displayName = "EmptyValueRenderer";
 Eo.check = (a) => a == null || a === "" || Array.isArray(a) && a.length === 0;
-const $r = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, Ve = (() => {
+const $r = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, He = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
@@ -43,7 +43,7 @@ const $r = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
 })(), et = /* @__PURE__ */ new Set();
 let ro = !1;
 function xr(a) {
-  if (!Ve)
+  if (!He)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
     ), !1;
@@ -56,22 +56,22 @@ function xr(a) {
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
   return et.forEach((e) => e()), ro;
 }
-function ip() {
-  return Ve && ro;
+function cp() {
+  return He && ro;
 }
 function Or() {
   const [a, e] = ie(ro);
-  return Re(() => {
-    if (!Ve) return;
+  return Ie(() => {
+    if (!He) return;
     qt(), Kt();
     const o = () => e(ro);
     return et.add(o), () => {
       et.delete(o);
     };
-  }, []), Ve && a;
+  }, []), He && a;
 }
 function qt() {
-  if (!Ve) return;
+  if (!He) return;
   if (typeof document > "u") {
     console.warn(
       "[Recursica] document is undefined. Cannot inject overStyled styles."
@@ -93,7 +93,7 @@ function qt() {
     `, document.head.appendChild(e));
 }
 function Kt() {
-  if (!Ve) return;
+  if (!He) return;
   if (typeof window > "u") {
     console.warn(
       "[Recursica] window is undefined. Cannot register console command."
@@ -108,13 +108,13 @@ function Kt() {
   };
   a(window), window.parent && window.parent !== window && a(window.parent);
 }
-function kr(a) {
+function Rr(a) {
   const e = Ba.toArray(a), o = e.length - 1;
   return e.map((t, n) => {
     if (n !== o || !Fa(t))
       return t;
     const s = t.props, l = s.href !== void 0 || s.onClick !== void 0;
-    return Ve && l && console.warn(
+    return He && l && console.warn(
       `[Breadcrumb] The last item represents the current page and should be plain, non-interactive text (e.g. a <span>), not a link. Breadcrumb stripped its href/onClick and added aria-current="page", but this can't stop a custom Link component (e.g. a router Link) that navigates from its own internal handler rather than these props.`
     ), Ua(t, {
       "aria-current": "page",
@@ -123,7 +123,7 @@ function kr(a) {
   });
 }
 const Yt = at(void 0);
-function Rr() {
+function kr() {
   const a = rt(Yt);
   if (!a)
     throw new Error(
@@ -132,24 +132,24 @@ function Rr() {
   return a;
 }
 const St = "data-recursica-theme";
-function cp({
+function dp({
   children: a,
   theme: e = "light",
   initLayer0: o = !0,
   manifest: t
 }) {
-  Re(() => {
+  Ie(() => {
     const s = document.documentElement;
     return s.setAttribute(St, e), () => {
       s.removeAttribute(St);
     };
-  }, [e]), Re(() => {
+  }, [e]), Ie(() => {
     qt(), Kt();
   }, []);
-  const n = o ? /* @__PURE__ */ r(jt, { layer: 0, children: a }) : /* @__PURE__ */ r(Ge, { children: a });
+  const n = o ? /* @__PURE__ */ r(jt, { layer: 0, children: a }) : /* @__PURE__ */ r(je, { children: a });
   return /* @__PURE__ */ r(Yt.Provider, { value: t, children: n });
 }
-const dp = [
+const up = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -204,7 +204,7 @@ const dp = [
   "TransferList",
   "Tree",
   "Typography"
-], up = (a, e) => {
+], pp = (a, e) => {
   const o = document.activeElement;
   return new Promise((t, n) => {
     if (e && e.current) {
@@ -251,7 +251,7 @@ function V(a, e) {
     t in o && delete o[t];
   return o;
 }
-function Ue(a, e) {
+function Ve(a, e) {
   return e !== void 0 ? e : a;
 }
 const Lr = Symbol.for("react.forward_ref"), Mr = Symbol.for("react.memo");
@@ -259,11 +259,11 @@ function Qt(a) {
   return a ? a.prototype && a.prototype.isReactComponent || a.$$typeof === Lr ? !0 : a.$$typeof === Mr ? Qt(a.type) : !1 : !1;
 }
 function Ar(a) {
-  if (!Ve || typeof a != "function" && !(a && a.$$typeof))
+  if (!He || typeof a != "function" && !(a && a.$$typeof))
     return a;
   const e = Qt(a), o = a.displayName || a.name || "Component", t = q.forwardRef((s, l) => {
     const { overStyled: c } = s, i = Or();
-    Ve && l && !e && console.warn(
+    He && l && !e && console.warn(
       `[wrapComponent] "${o}" does not support refs (not a class component or forwardRef) — the ref passed to it was dropped instead of forcing React's "function components cannot be given refs" warning.`
     );
     const d = e ? { ...s, ref: l } : s, p = q.createElement(a, d);
@@ -364,7 +364,7 @@ function m(a, e) {
     typeof n == "string" && n.startsWith("rec-") && Jt.has(t) && n in Bo && (o[t] = Bo[n]);
   return o;
 }
-const zr = "Accordion-module__root___Dem6d", Dr = "Accordion-module__item___7ryVk", Er = "Accordion-module__noDivider___Ni2tT", Br = "Accordion-module__control___b4wgX", Fr = "Accordion-module__label___Ss7uW", Ur = "Accordion-module__icon___xfHxX", Vr = "Accordion-module__chevron___i-HVZ", Hr = "Accordion-module__iconLeftWrapper___5oLen", Gr = "Accordion-module__panel___Wx50w", jr = "Accordion-module__content___PEM9t", Le = {
+const zr = "Accordion-module__root___Dem6d", Dr = "Accordion-module__item___7ryVk", Er = "Accordion-module__noDivider___Ni2tT", Br = "Accordion-module__control___b4wgX", Fr = "Accordion-module__label___Ss7uW", Ur = "Accordion-module__icon___xfHxX", Vr = "Accordion-module__chevron___i-HVZ", Hr = "Accordion-module__iconLeftWrapper___5oLen", Gr = "Accordion-module__panel___Wx50w", jr = "Accordion-module__content___PEM9t", Me = {
   root: zr,
   item: Dr,
   noDivider: Er,
@@ -384,14 +384,14 @@ const zr = "Accordion-module__root___Dem6d", Dr = "Accordion-module__item___7ryV
 }) {
   const n = typeof e == "string" && $t[e] ? $t[e] : e, s = m(t, o), l = s, c = E(
     {
-      root: Le.root,
-      item: Le.item,
-      control: Le.control,
-      label: Le.label,
-      chevron: Le.chevron,
-      icon: Le.icon,
-      panel: Le.panel,
-      content: Le.content
+      root: Me.root,
+      item: Me.item,
+      control: Me.control,
+      label: Me.label,
+      chevron: Me.chevron,
+      icon: Me.icon,
+      panel: Me.panel,
+      content: Me.content
     },
     l.classNames
   ), i = l.className;
@@ -406,7 +406,7 @@ const zr = "Accordion-module__root___Dem6d", Dr = "Accordion-module__item___7ryV
   );
 };
 en.displayName = "Accordion";
-const on = f(function({
+const on = y(function({
   title: e,
   leftIcon: o,
   divider: t = !0,
@@ -415,7 +415,7 @@ const on = f(function({
   overStyled: l = !1,
   ...c
 }, i) {
-  const d = m(c, l), p = d.className, u = [t ? void 0 : Le.noDivider, p].filter(Boolean).join(" ") || void 0;
+  const d = m(c, l), p = d.className, u = [t ? void 0 : Me.noDivider, p].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
     Go.Item,
     {
@@ -423,7 +423,7 @@ const on = f(function({
       ...d,
       className: u,
       "data-disabled": s || void 0,
-      children: e ? /* @__PURE__ */ L(Ge, { children: [
+      children: e ? /* @__PURE__ */ I(je, { children: [
         /* @__PURE__ */ r(ut, { leftIcon: o, disabled: s, children: e }),
         /* @__PURE__ */ r(pt, { children: n })
       ] }) : n
@@ -435,7 +435,7 @@ const qr = [
   "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.
-], ut = f(function({ leftIcon: e, children: o, overStyled: t = !1, ...n }, s) {
+], ut = y(function({ leftIcon: e, children: o, overStyled: t = !1, ...n }, s) {
   const l = V(
     m(n, t),
     qr
@@ -446,13 +446,13 @@ const qr = [
       ref: s,
       ...l,
       className: c,
-      icon: e ? /* @__PURE__ */ r("span", { className: Le.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: Me.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       children: o
     }
   );
 });
 ut.displayName = "AccordionControl";
-const pt = f(function({ overStyled: e = !1, ...o }, t) {
+const pt = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e), s = n.className;
   return /* @__PURE__ */ r(
     Go.Panel,
@@ -472,7 +472,7 @@ const Kr = "AssistiveElement-module__root___WhQ43", Yr = "AssistiveElement-modul
   root: Kr,
   textWrapper: Yr,
   iconWrapper: Zr
-}, Xr = () => /* @__PURE__ */ L(
+}, Xr = () => /* @__PURE__ */ I(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -488,7 +488,7 @@ const Kr = "AssistiveElement-module__root___WhQ43", Yr = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), Qr = () => /* @__PURE__ */ L(
+), Qr = () => /* @__PURE__ */ I(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -504,7 +504,7 @@ const Kr = "AssistiveElement-module__root___WhQ43", Yr = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), ot = f(function({
+), ot = y(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: o = !0,
   children: t,
@@ -513,18 +513,18 @@ const Kr = "AssistiveElement-module__root___WhQ43", Yr = "AssistiveElement-modul
   overStyled: l = !1,
   ...c
 }, i) {
-  const p = m(c, l), u = Qo.root, b = n ? `${u} ${n}` : u, y = e === "error" ? Qr : Xr;
-  return /* @__PURE__ */ L(
+  const p = m(c, l), u = Qo.root, v = n ? `${u} ${n}` : u, _ = e === "error" ? Qr : Xr;
+  return /* @__PURE__ */ I(
     "div",
     {
       ref: i,
       ...p,
-      className: b,
+      className: v,
       "data-variant": e,
       role: s ?? (e === "error" ? "alert" : void 0),
       style: p.style,
       children: [
-        o && /* @__PURE__ */ r("span", { className: Qo.iconWrapper, children: /* @__PURE__ */ r(y, {}) }),
+        o && /* @__PURE__ */ r("span", { className: Qo.iconWrapper, children: /* @__PURE__ */ r(_, {}) }),
         /* @__PURE__ */ r("span", { className: Qo.textWrapper, children: t })
       ]
     }
@@ -538,7 +538,7 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
   optionalText: ts,
   actionAreaWrapper: ns,
   editIconWrapper: as
-}, tn = f(function({
+}, tn = y(function({
   labelSize: e = "default",
   labelAlignment: o,
   required: t = !1,
@@ -550,9 +550,9 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...p
 }, u) {
-  const b = o || "left";
-  let y;
-  t || (n === !0 ? y = "optional" : n && (y = n));
+  const v = o || "left";
+  let _;
+  t || (n === !0 ? _ = "optional" : n && (_ = n));
   const g = [
     "size"
     // Recursica controls label sizing via `labelSize` + design tokens, not Mantine's native `size`.
@@ -566,7 +566,7 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
     },
     C.classNames
   ), P = C.className, S = P ? `${oo.root} ${P}` : oo.root;
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     Bt.Label,
     {
       ref: u,
@@ -574,11 +574,11 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
       className: S,
       classNames: N,
       "data-size": e,
-      "data-alignment": b,
+      "data-alignment": v,
       required: t && !s,
       children: [
         /* @__PURE__ */ r("span", { className: oo.labelText, children: i }),
-        y && /* @__PURE__ */ r("span", { className: oo.optionalText, children: typeof y == "string" ? `(${y})` : y }),
+        _ && /* @__PURE__ */ r("span", { className: oo.optionalText, children: typeof _ == "string" ? `(${_})` : _ }),
         l ? /* @__PURE__ */ r("span", { className: oo.actionAreaWrapper, children: l }) : s ? /* @__PURE__ */ r(
           "button",
           {
@@ -617,7 +617,7 @@ const rs = "FormControlLayout-module__root___yNDhZ", ss = "FormControlLayout-mod
   root: rs,
   leftSection: ss,
   rightSection: ls
-}, lo = f(function({
+}, lo = y(function({
   formLayout: e = "stacked",
   labelSize: o = "default",
   controlMaxWidth: t,
@@ -628,8 +628,8 @@ const rs = "FormControlLayout-module__root___yNDhZ", ss = "FormControlLayout-mod
   style: i,
   ...d
 }, p) {
-  const u = c ? `${Ao.root} ${c}` : Ao.root, y = s != null || e === "side-by-side";
-  return /* @__PURE__ */ L(
+  const u = c ? `${Ao.root} ${c}` : Ao.root, _ = s != null || e === "side-by-side";
+  return /* @__PURE__ */ I(
     "div",
     {
       ref: p,
@@ -642,7 +642,7 @@ const rs = "FormControlLayout-module__root___yNDhZ", ss = "FormControlLayout-mod
       },
       ...d,
       children: [
-        y && /* @__PURE__ */ r("div", { className: Ao.leftSection, "data-size": o, children: s }),
+        _ && /* @__PURE__ */ r("div", { className: Ao.leftSection, "data-size": o, children: s }),
         /* @__PURE__ */ r("div", { className: Ao.rightSection, children: l })
       ]
     }
@@ -652,7 +652,7 @@ lo.displayName = "FormControlLayout";
 const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-module__inputSection___HenXk", xt = {
   root: is,
   inputSection: cs
-}, No = f(function({
+}, No = y(function({
   formLayout: e,
   labelSize: o,
   labelAlignment: t,
@@ -664,8 +664,8 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
   description: d,
   assistiveText: p,
   assistiveWithIcon: u = !0,
-  controlMaxWidth: b,
-  controlMinWidth: y,
+  controlMaxWidth: v,
+  controlMinWidth: _,
   error: g,
   required: h,
   withAsterisk: C,
@@ -675,15 +675,15 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
   overStyled: w = !1,
   labelElement: T,
   // Extracted safely preventing bleeding into HTML domains
-  ..._
+  ...f
 }, $) {
-  const v = Et(), O = N || `recursica-fc-${v}`, M = `${O}-label`, D = p || d, W = D ? `${O}-assistive` : void 0, I = g ? `${O}-error` : void 0, G = m(_, w), j = S || G.className, X = xt.root, H = j ? `${X} ${j}` : X, K = q.isValidElement(P) ? q.cloneElement(
+  const b = Et(), O = N || `recursica-fc-${b}`, M = `${O}-label`, D = p || d, W = D ? `${O}-assistive` : void 0, L = g ? `${O}-error` : void 0, G = m(f, w), j = S || G.className, X = xt.root, H = j ? `${X} ${j}` : X, K = q.isValidElement(P) ? q.cloneElement(
     P,
     {
       ...P.props.id ? {} : { id: O },
       "aria-labelledby": M,
       ...D && !P.props["aria-describedby"] ? { "aria-describedby": W } : {},
-      ...g && !P.props["aria-errormessage"] ? { "aria-errormessage": I } : {}
+      ...g && !P.props["aria-errormessage"] ? { "aria-errormessage": L } : {}
     }
   ) : P, J = i ? /* @__PURE__ */ r(
     tn,
@@ -707,16 +707,16 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
       className: H,
       formLayout: e,
       labelSize: o,
-      controlMaxWidth: b,
-      controlMinWidth: y,
+      controlMaxWidth: v,
+      controlMinWidth: _,
       leftSection: J,
       ...G,
-      children: /* @__PURE__ */ L("div", { className: xt.inputSection, children: [
+      children: /* @__PURE__ */ I("div", { className: xt.inputSection, children: [
         K,
         g && /* @__PURE__ */ r(
           ot,
           {
-            id: I,
+            id: L,
             assistiveVariant: "error",
             assistiveWithIcon: u,
             children: g
@@ -756,7 +756,7 @@ const ds = "ReadOnlyField-module__layoutOverride___9fSsG", us = "ReadOnlyField-m
   );
 };
 Do.displayName = "ReadOnlyTextField";
-const nn = f(
+const nn = y(
   function({
     value: e,
     type: o = "text",
@@ -767,13 +767,13 @@ const nn = f(
     ...c
   }, i) {
     let d = null;
-    const p = m(c, n), u = t || Eo, y = (u.check ? u.check(e) : Eo.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
+    const p = m(c, n), u = t || Eo, _ = (u.check ? u.check(e) : Eo.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
     switch (o) {
       case "boolean":
         d = /* @__PURE__ */ r(
           Do,
           {
-            value: e === !0 ? "True" : e === !1 ? "False" : y,
+            value: e === !0 ? "True" : e === !1 ? "False" : _,
             overStyled: n
           }
         );
@@ -782,7 +782,7 @@ const nn = f(
         d = /* @__PURE__ */ r(
           Do,
           {
-            value: e === !0 ? "On" : e === !1 ? "Off" : y,
+            value: e === !0 ? "On" : e === !1 ? "Off" : _,
             overStyled: n
           }
         );
@@ -792,7 +792,7 @@ const nn = f(
         d = /* @__PURE__ */ r(
           Do,
           {
-            value: y,
+            value: _,
             overStyled: n
           }
         );
@@ -813,7 +813,7 @@ const nn = f(
   }
 );
 nn.displayName = "ReadOnlyField";
-const he = f(function({
+const be = y(function({
   readOnly: e,
   readOnlyComponent: o,
   readOnlyType: t = "text",
@@ -856,21 +856,21 @@ const he = f(function({
     }
   );
 });
-he.displayName = "WithReadOnlyWrapper";
+be.displayName = "WithReadOnlyWrapper";
 function an({ option: a }, e, o = !1) {
   const { label: t, leadingIcon: n, supportingText: s } = a, l = t ?? a.value;
   if (!n && !s)
     return l;
   const c = o ? `${e.optionText} ${e.optionTextWrap}` : e.optionText;
-  return /* @__PURE__ */ L("span", { className: e.optionContent, children: [
+  return /* @__PURE__ */ I("span", { className: e.optionContent, children: [
     n && /* @__PURE__ */ r("span", { className: e.optionIcon, children: n }),
-    /* @__PURE__ */ L("span", { className: c, children: [
+    /* @__PURE__ */ I("span", { className: c, children: [
       /* @__PURE__ */ r("span", { children: l }),
       s && /* @__PURE__ */ r("span", { className: e.optionSupportingText, children: s })
     ] })
   ] });
 }
-const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-module__root___kANza", _s = "AutoComplete-module__input___g51MC", fs = "AutoComplete-module__section___WAbf1", ys = "AutoComplete-module__dropdown___NqO3E", hs = "AutoComplete-module__option___Y-Kja", vs = "AutoComplete-module__optionContent___UAkUA", bs = "AutoComplete-module__optionIcon___tbbmW", Ns = "AutoComplete-module__optionText___aQwHF", gs = "AutoComplete-module__optionTextWrap___RFICS", Cs = "AutoComplete-module__optionSupportingText___OoA1N", Ne = {
+const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-module__root___kANza", _s = "AutoComplete-module__input___g51MC", fs = "AutoComplete-module__section___WAbf1", ys = "AutoComplete-module__dropdown___NqO3E", hs = "AutoComplete-module__option___Y-Kja", vs = "AutoComplete-module__optionContent___UAkUA", bs = "AutoComplete-module__optionIcon___tbbmW", Ns = "AutoComplete-module__optionText___aQwHF", gs = "AutoComplete-module__optionTextWrap___RFICS", Cs = "AutoComplete-module__optionSupportingText___OoA1N", Ce = {
   layoutOverride: ps,
   root: ms,
   input: _s,
@@ -889,7 +889,7 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "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.
-], Ts = f(
+], Ts = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -902,8 +902,8 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -912,35 +912,35 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       data: O,
       renderOption: M,
       wrapItemText: D = !1,
       ...W
-    } = e, I = V(
+    } = e, L = V(
       m(W, t),
       Ps
-    ), Y = I, G = Xt(O), j = E(
+    ), Y = L, G = Xt(O), j = E(
       {
-        wrapper: Ne.root,
+        wrapper: Ce.root,
         // The nested Input internal relative wrapper bounding box
-        input: Ne.input,
-        section: Ne.section,
-        dropdown: Ne.dropdown,
-        option: Ne.option
+        input: Ce.input,
+        section: Ce.section,
+        dropdown: Ce.dropdown,
+        option: Ce.option
       },
       Y.classNames
     ), X = {
-      optionContent: Ne.optionContent,
-      optionIcon: Ne.optionIcon,
-      optionText: Ne.optionText,
-      optionTextWrap: Ne.optionTextWrap,
-      optionSupportingText: Ne.optionSupportingText
-    }, H = N ? `${Ne.layoutOverride} ${N}` : Ne.layoutOverride;
+      optionContent: Ce.optionContent,
+      optionIcon: Ce.optionIcon,
+      optionText: Ce.optionText,
+      optionTextWrap: Ce.optionTextWrap,
+      optionSupportingText: Ce.optionSupportingText
+    }, H = N ? `${Ce.layoutOverride} ${N}` : Ce.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: H,
         style: P,
@@ -955,16 +955,16 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: $ !== void 0 ? $ : v,
+        readOnlyValue: $ !== void 0 ? $ : b,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -972,12 +972,12 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
             Va,
             {
               ref: o,
-              ...I,
+              ...L,
               classNames: j,
               disabled: S,
               value: $,
-              defaultValue: v,
-              error: !!y,
+              defaultValue: b,
+              error: !!_,
               data: G,
               renderOption: M ?? ((K) => an(K, X, D))
             }
@@ -994,7 +994,7 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
   textWrapper: $s,
   image: xs,
   placeholder: Os
-}, rn = f(function({
+}, rn = y(function({
   size: e = "default",
   variant: o = "solid",
   icon: t,
@@ -1016,10 +1016,10 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
     // Colors are token-driven via `data-variant`; Mantine's native palette isn't exposed.
     "radius"
     // Avatar corner radius is controlled by design tokens, not a raw radius prop.
-  ], b = V(
+  ], v = V(
     m(c, l),
     u
-  ), y = b;
+  ), _ = v;
   let g = "text";
   s ? g = "image" : t && (g = "icon");
   const h = E(
@@ -1028,13 +1028,13 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
       image: Po.image,
       placeholder: Po.placeholder
     },
-    y.classNames
-  ), C = y.className;
+    _.classNames
+  ), C = _.className;
   return /* @__PURE__ */ r(
     Ha,
     {
       ref: i,
-      ...b,
+      ...v,
       className: C,
       classNames: h,
       variant: d[o],
@@ -1048,9 +1048,9 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
   );
 });
 rn.displayName = "Avatar";
-const pp = Te(rn), ks = "Badge-module__root___5osNT", To = {
-  root: ks
-}, sn = f(function({ variant: e = "primary-color", overStyled: o = !1, ...t }, n) {
+const mp = we(rn), Rs = "Badge-module__root___5osNT", To = {
+  root: Rs
+}, sn = y(function({ variant: e = "primary-color", overStyled: o = !1, ...t }, n) {
   const s = m(t, o), l = E(
     {
       root: To.root,
@@ -1072,13 +1072,13 @@ const pp = Te(rn), ks = "Badge-module__root___5osNT", To = {
   );
 });
 sn.displayName = "Badge";
-const Rs = Te(sn), Is = "Breadcrumb-module__root___x-9ln", Ls = "Breadcrumb-module__separator___qrUX-", Wo = {
+const ks = we(sn), Is = "Breadcrumb-module__root___x-9ln", Ls = "Breadcrumb-module__separator___qrUX-", Wo = {
   root: Is,
   separator: Ls
-}, Ms = f(
+}, Ms = y(
   function({ overStyled: e = !1, separator: o = ">", children: t, ...n }, s) {
     const l = m(
-      { separator: o, children: kr(t), ...n },
+      { separator: o, children: Rr(t), ...n },
       e
     ), c = E(
       {
@@ -1108,7 +1108,7 @@ const Rs = Te(sn), Is = "Breadcrumb-module__root___x-9ln", Ls = "Breadcrumb-modu
 Ms.displayName = "Breadcrumb";
 const As = "Loader-module__root___6iYOP", Jo = {
   root: As
-}, ln = f(function({
+}, ln = y(function({
   variant: e = "oval",
   size: o = "default",
   animate: t = !0,
@@ -1125,7 +1125,7 @@ const As = "Loader-module__root___6iYOP", Jo = {
   }[o] || "default", d = m(s, n), p = d, u = E(
     { root: Jo.root },
     p.classNames
-  ), b = p.className, y = b ? `${Jo.root} ${b}` : Jo.root;
+  ), v = p.className, _ = v ? `${Jo.root} ${v}` : Jo.root;
   return /* @__PURE__ */ r(
     qa,
     {
@@ -1135,7 +1135,7 @@ const As = "Loader-module__root___6iYOP", Jo = {
       "data-variant": e,
       "data-size": i,
       "data-animate": t,
-      className: y,
+      className: _,
       classNames: u
     }
   );
@@ -1152,7 +1152,7 @@ const Ws = "Button-module__root___Q2R8-", zs = "Button-module__loader___X-9u-",
 function Us(a) {
   return a == null || a === "" ? !1 : typeof a == "string" ? a.trim() !== "" : !0;
 }
-const cn = f(function({
+const cn = y(function({
   variant: e = "solid",
   size: o = "default",
   icon: t,
@@ -1167,15 +1167,15 @@ const cn = f(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, b = {
+  }, v = {
     default: "md",
     small: "sm"
-  }, y = [
+  }, _ = [
     "fullWidth"
     // Recursica Button width comes from layout/token constraints, not Mantine's boolean fullWidth toggle.
   ], g = V(
     m(d, s),
-    y
+    _
   ), h = g, C = !!t || !!h.leftSection, N = !!h.rightSection, P = Us(n), S = (C || N) && !P;
   let w = "label";
   S ? w = "icon-only" : (C || N) && (w = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && S && !h["aria-label"] && console.warn(
@@ -1189,11 +1189,11 @@ const cn = f(function({
       loader: to.loader
     },
     h.classNames
-  ), _ = h.className, $ = _ ? `${to.root} ${_}` : to.root, v = h.loaderProps, O = Ue(
+  ), f = h.className, $ = f ? `${to.root} ${f}` : to.root, b = h.loaderProps, O = Ve(
     o === "small" ? "small" : "default",
     c
   );
-  let M = v;
+  let M = b;
   return i && (M = {
     children: /* @__PURE__ */ r(
       ln,
@@ -1204,7 +1204,7 @@ const cn = f(function({
         color: "var(--button-color)"
       }
     ),
-    ...v
+    ...b
   }), /* @__PURE__ */ r(
     Ka,
     {
@@ -1213,7 +1213,7 @@ const cn = f(function({
       className: $,
       classNames: T,
       variant: u[e],
-      size: b[o],
+      size: v[o],
       loaderProps: M,
       leftSection: t != null ? /* @__PURE__ */ r("span", { className: to.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
@@ -1225,9 +1225,9 @@ const cn = f(function({
   );
 });
 cn.displayName = "Button";
-const Fe = Te(
+const Ue = we(
   cn
-), Vs = "Card-module__root___c9KvZ", Hs = "Card-module__header___PTXf2", Gs = "Card-module__footer___Mu-JC", js = "Card-module__section___BRT8H", qs = "Card-module__content___oFIQa", He = {
+), Vs = "Card-module__root___c9KvZ", Hs = "Card-module__header___PTXf2", Gs = "Card-module__footer___Mu-JC", js = "Card-module__section___BRT8H", qs = "Card-module__content___oFIQa", Ge = {
   root: Vs,
   header: Hs,
   footer: Gs,
@@ -1240,7 +1240,7 @@ const Fe = 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.
-], dn = f(function({ overStyled: e = !1, ...o }, t) {
+], dn = y(function({ overStyled: e = !1, ...o }, t) {
   const n = V(
     m(o, e),
     Ks
@@ -1258,7 +1258,7 @@ const Fe = Te(
   });
   const l = E(
     {
-      root: He.root
+      root: Ge.root
     },
     n.classNames
   ), c = n.className;
@@ -1273,7 +1273,7 @@ const Fe = Te(
   );
 });
 dn.displayName = "Card";
-const un = f(
+const un = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
@@ -1281,7 +1281,7 @@ const un = f(
       {
         ref: t,
         ...n,
-        className: s ? `${He.section} ${s}` : He.section
+        className: s ? `${Ge.section} ${s}` : Ge.section
       }
     );
   }
@@ -1292,7 +1292,7 @@ const pn = [
   // 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.
-], mn = f(
+], mn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = V(
       m(o, e),
@@ -1303,13 +1303,13 @@ const pn = [
       {
         ref: t,
         ...n,
-        className: s ? `${He.header} ${s}` : He.header
+        className: s ? `${Ge.header} ${s}` : Ge.header
       }
     );
   }
 );
 mn.displayName = "CardHeader";
-const _n = f(
+const _n = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = V(
       m(o, e),
@@ -1320,13 +1320,13 @@ const _n = f(
       {
         ref: t,
         ...n,
-        className: s ? `${He.footer} ${s}` : He.footer
+        className: s ? `${Ge.footer} ${s}` : Ge.footer
       }
     );
   }
 );
 _n.displayName = "CardFooter";
-const fn = f(
+const fn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
@@ -1334,18 +1334,18 @@ const fn = f(
       {
         ref: t,
         ...n,
-        className: s ? `${He.content} ${s}` : He.content
+        className: s ? `${Ge.content} ${s}` : Ge.content
       }
     );
   }
 );
 fn.displayName = "CardContent";
-const yn = Te(dn), Ko = yn;
+const yn = we(dn), Ko = yn;
 Ko.Section = un;
 Ko.Header = mn;
 Ko.Footer = _n;
 Ko.Content = fn;
-const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module__root___mY3qk", Xs = "Checkbox-module__body___5yC7q", Qs = "Checkbox-module__inner___rTke4", Js = "Checkbox-module__input___2kt-h", el = "Checkbox-module__icon___-O7i6", ol = "Checkbox-module__labelWrapper___GpZkr", tl = "Checkbox-module__label___cwRtI", ke = {
+const _p = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module__root___mY3qk", Xs = "Checkbox-module__body___5yC7q", Qs = "Checkbox-module__inner___rTke4", Js = "Checkbox-module__input___2kt-h", el = "Checkbox-module__icon___-O7i6", ol = "Checkbox-module__labelWrapper___GpZkr", tl = "Checkbox-module__label___cwRtI", ke = {
   groupRoot: Ys,
   root: Zs,
   body: Xs,
@@ -1354,7 +1354,7 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
   icon: el,
   labelWrapper: ol,
   label: tl
-}, Fo = f(
+}, Fo = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -1368,8 +1368,8 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -1378,9 +1378,9 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
       style: S,
       children: w,
       readOnly: T,
-      readOnlyComponent: _,
+      readOnlyComponent: f,
       emptyValueComponent: $,
-      value: v,
+      value: b,
       defaultValue: O,
       ...M
     } = e, D = [
@@ -1389,9 +1389,9 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
     ], W = V(
       m(M, t),
       D
-    ), I = W;
+    ), L = W;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: P,
         style: S,
@@ -1407,25 +1407,25 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: g,
         required: h,
         withAsterisk: C,
         id: N,
-        readOnly: T && !!_,
-        readOnlyComponent: _,
+        readOnly: T && !!f,
+        readOnlyComponent: f,
         emptyValueComponent: $,
         readOnlyType: "text",
-        readOnlyValue: v !== void 0 ? v : O,
+        readOnlyValue: b !== void 0 ? b : O,
         readOnlyNativeProps: e,
-        activeComponent: v !== void 0 || O !== void 0 ? /* @__PURE__ */ r(
+        activeComponent: b !== void 0 || O !== void 0 ? /* @__PURE__ */ r(
           Ft.Group,
           {
             ref: o,
             ...W,
-            disabled: T || I.disabled,
-            value: v,
+            disabled: T || L.disabled,
+            value: b,
             defaultValue: O,
             children: /* @__PURE__ */ r("div", { className: ke.groupRoot, "data-layout": n, children: w })
           }
@@ -1445,7 +1445,7 @@ const mp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
   }
 );
 Fo.displayName = "CheckboxGroup";
-const Uo = f(
+const Uo = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -1457,7 +1457,7 @@ const Uo = f(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...u
-    } = e, b = [
+    } = e, v = [
       "size",
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
       "color",
@@ -1468,10 +1468,10 @@ const Uo = f(
       // Checkbox has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
       "iconColor"
       // Icon color is token-driven via Checkbox.module.css, not a native Mantine override.
-    ], y = V(
+    ], _ = V(
       m(u, t),
-      b
-    ), g = y, h = E(
+      v
+    ), g = _, h = E(
       {
         root: ke.root,
         body: ke.body,
@@ -1501,13 +1501,13 @@ const Uo = f(
           controlMinWidth: p,
           children: T
         }
-      ) : /* @__PURE__ */ r(Ge, { children: T });
+      ) : /* @__PURE__ */ r(je, { children: T });
     }
     const P = /* @__PURE__ */ r(
       Ft,
       {
         ref: o,
-        ...y,
+        ..._,
         className: N,
         classNames: h,
         disabled: n || l
@@ -1527,7 +1527,7 @@ const Uo = f(
 );
 Uo.displayName = "Checkbox";
 Uo.Group = Fo;
-const nl = "Chip-module__root___f5pFk", al = "Chip-module__label___Ov9pg", rl = "Chip-module__mantineIconWrapper___KLSz6", sl = "Chip-module__innerWrapper___EnrTF", ll = "Chip-module__children___zbRAR", il = "Chip-module__leadingIcon___JBtjQ", cl = "Chip-module__deleteIcon___zPPsH", Oe = {
+const nl = "Chip-module__root___f5pFk", al = "Chip-module__label___Ov9pg", rl = "Chip-module__mantineIconWrapper___KLSz6", sl = "Chip-module__innerWrapper___EnrTF", ll = "Chip-module__children___zbRAR", il = "Chip-module__leadingIcon___JBtjQ", cl = "Chip-module__deleteIcon___zPPsH", Re = {
   root: nl,
   label: al,
   mantineIconWrapper: rl,
@@ -1537,7 +1537,7 @@ const nl = "Chip-module__root___f5pFk", al = "Chip-module__label___Ov9pg", rl =
   deleteIcon: cl
 };
 function dl(a) {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1557,7 +1557,7 @@ function dl(a) {
     }
   );
 }
-const Vo = f(function({
+const Vo = y(function({
   error: e = !1,
   icon: o,
   onDelete: t,
@@ -1569,21 +1569,21 @@ const Vo = f(function({
   overStyled: d = !1,
   wrapperProps: p,
   tabIndex: u,
-  "aria-hidden": b,
-  ...y
+  "aria-hidden": v,
+  ..._
 }, g) {
-  const h = m(y, d), C = h, N = E(
+  const h = m(_, d), C = h, N = E(
     {
-      root: Oe.root,
-      label: Oe.label,
-      input: Oe.input,
-      iconWrapper: Oe.mantineIconWrapper,
-      checkIcon: Oe.checkIcon
+      root: Re.root,
+      label: Re.label,
+      input: Re.input,
+      iconWrapper: Re.mantineIconWrapper,
+      checkIcon: Re.checkIcon
     },
     C.classNames
-  ), P = C.className, S = P ? `${Oe.root} ${P}` : Oe.root, w = e ? "" : void 0, T = !c && (!!o || !!t), _ = t !== void 0 || C.onClick !== void 0 || C.onChange !== void 0, $ = {
+  ), P = C.className, S = P ? `${Re.root} ${P}` : Re.root, w = e ? "" : void 0, T = !c && (!!o || !!t), f = t !== void 0 || C.onClick !== void 0 || C.onChange !== void 0, $ = {
     ...w !== void 0 ? { "data-error": "" } : {},
-    ..._ ? { "data-interactive": "" } : {}
+    ...f ? { "data-interactive": "" } : {}
   };
   return /* @__PURE__ */ r(
     Ya,
@@ -1593,32 +1593,32 @@ const Vo = f(function({
       checked: i,
       className: S,
       classNames: N,
-      wrapperProps: Ue($, p),
+      wrapperProps: Ve($, p),
       "data-icon-only": T ? "" : void 0,
-      tabIndex: Ue(
-        _ ? void 0 : -1,
+      tabIndex: Ve(
+        f ? void 0 : -1,
         u
       ),
-      "aria-hidden": Ue(
-        _ ? void 0 : !0,
-        b
+      "aria-hidden": Ve(
+        f ? void 0 : !0,
+        v
       ),
-      children: /* @__PURE__ */ L("span", { className: Oe.innerWrapper, children: [
-        o && !i && /* @__PURE__ */ r("span", { className: Oe.leadingIcon, "aria-hidden": !0, children: o }),
-        /* @__PURE__ */ r("span", { className: Oe.children, children: c }),
+      children: /* @__PURE__ */ I("span", { className: Re.innerWrapper, children: [
+        o && !i && /* @__PURE__ */ r("span", { className: Re.leadingIcon, "aria-hidden": !0, children: o }),
+        /* @__PURE__ */ r("span", { className: Re.children, children: c }),
         t && /* @__PURE__ */ r(
           "span",
           {
             ref: l,
             role: "button",
-            className: Oe.deleteIcon,
-            onClick: (v) => {
-              v.preventDefault(), v.stopPropagation(), t(v);
+            className: Re.deleteIcon,
+            onClick: (b) => {
+              b.preventDefault(), b.stopPropagation(), t(b);
             },
             "aria-label": n,
-            onKeyDown: (v) => {
-              (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), t(
-                v
+            onKeyDown: (b) => {
+              (b.key === "Enter" || b.key === " ") && (b.preventDefault(), b.stopPropagation(), t(
+                b
               ));
             },
             tabIndex: s ?? 0,
@@ -1632,7 +1632,7 @@ const Vo = f(function({
 Vo.displayName = "Chip";
 const ul = "Container-module__root___UVssr", wo = {
   root: ul
-}, pl = f(
+}, pl = y(
   function({ children: e, size: o, ...t }, n) {
     const s = {
       "rec-sm": "sm",
@@ -1664,7 +1664,7 @@ const ul = "Container-module__root___UVssr", wo = {
 );
 pl.displayName = "Container";
 function ml(a) {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1684,7 +1684,7 @@ function ml(a) {
     }
   );
 }
-const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module__root___6XvRT", yl = "DatePicker-module__input___pcSW8", hl = "DatePicker-module__section___n3iWA", vl = "DatePicker-module__dropdown___wjt08", bl = "DatePicker-module__calendarHeader___KHxno", Nl = "DatePicker-module__calendarHeaderControl___q7UvJ", gl = "DatePicker-module__calendarHeaderLevel___ebdJ2", Cl = "DatePicker-module__calendarHeaderControlIcon___2tZOb", Pl = "DatePicker-module__weekday___H5lIj", Tl = "DatePicker-module__day___U03J2", ge = {
+const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module__root___6XvRT", yl = "DatePicker-module__input___pcSW8", hl = "DatePicker-module__section___n3iWA", vl = "DatePicker-module__dropdown___wjt08", bl = "DatePicker-module__calendarHeader___KHxno", Nl = "DatePicker-module__calendarHeaderControl___q7UvJ", gl = "DatePicker-module__calendarHeaderLevel___ebdJ2", Cl = "DatePicker-module__calendarHeaderControlIcon___2tZOb", Pl = "DatePicker-module__weekday___H5lIj", Tl = "DatePicker-module__day___U03J2", Pe = {
   layoutOverride: _l,
   root: fl,
   input: yl,
@@ -1705,7 +1705,7 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
   // Recursica does not expose the library's native corner-radius system.
   "description"
   // Managed by FormControlWrapper via assistiveText.
-], Sl = f(
+], Sl = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -1718,8 +1718,8 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -1728,9 +1728,9 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       highlightToday: O = !0,
       // Default on so today is visually marked; consumers can still override.
       valueFormat: M = "MM/DD/YY",
@@ -1739,22 +1739,22 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
       // Default placeholder; consumers can still override.
       leftSection: W,
       // Default leading icon computed below; consumers can still override.
-      ...I
+      ...L
     } = e, Y = V(
-      m(I, t),
+      m(L, t),
       wl
     ), G = Y, j = E(
       {
-        wrapper: ge.root,
+        wrapper: Pe.root,
         // The nested Input internal relative wrapper bounding box
-        input: ge.input,
-        section: ge.section,
-        day: ge.day,
-        weekday: ge.weekday,
-        calendarHeader: ge.calendarHeader,
-        calendarHeaderControl: ge.calendarHeaderControl,
-        calendarHeaderLevel: ge.calendarHeaderLevel,
-        calendarHeaderControlIcon: ge.calendarHeaderControlIcon
+        input: Pe.input,
+        section: Pe.section,
+        day: Pe.day,
+        weekday: Pe.weekday,
+        calendarHeader: Pe.calendarHeader,
+        calendarHeaderControl: Pe.calendarHeaderControl,
+        calendarHeaderLevel: Pe.calendarHeaderLevel,
+        calendarHeaderControlIcon: Pe.calendarHeaderControlIcon
       },
       G.classNames
     ), X = G.popoverProps, H = X && typeof X == "object" && !Array.isArray(X) ? X : void 0, K = H != null && H.classNames && typeof H.classNames == "object" && !Array.isArray(H.classNames) ? H.classNames : void 0;
@@ -1762,12 +1762,12 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
     const J = {
       ...H,
       classNames: E(
-        { dropdown: ge.dropdown },
+        { dropdown: Pe.dropdown },
         K
       )
-    }, ue = N ? `${ge.layoutOverride} ${N}` : ge.layoutOverride;
+    }, ue = N ? `${Pe.layoutOverride} ${N}` : Pe.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: ue,
         style: P,
@@ -1782,17 +1782,17 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
         readOnlyValue: (() => {
-          const A = $ !== void 0 ? $ : v;
+          const A = $ !== void 0 ? $ : b;
           return A ? gr({
             type: "default",
             date: A,
@@ -1812,7 +1812,7 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
               classNames: j,
               disabled: S,
               value: $,
-              defaultValue: v,
+              defaultValue: b,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1820,13 +1820,13 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
               highlightToday: O,
               valueFormat: M,
               placeholder: D,
-              leftSection: Ue(
+              leftSection: Ve(
                 /* @__PURE__ */ r(ml, {}),
                 W
               ),
               wrapperProps: {
                 "data-disabled": S ? "true" : void 0,
-                "data-error": y ? "true" : void 0
+                "data-error": _ ? "true" : void 0
               },
               popoverProps: J
             }
@@ -1837,12 +1837,12 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
   }
 );
 Sl.displayName = "DatePicker";
-const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__root___uVyL0", Ol = "Dropdown-module__input___dK4dN", kl = "Dropdown-module__section___j3MRB", Rl = "Dropdown-module__clearButton___ODnIa", Il = "Dropdown-module__dropdown___gG-Sw", Ll = "Dropdown-module__option___nAGU-", Ml = "Dropdown-module__optionContent___QTwwg", Al = "Dropdown-module__optionIcon___2L56h", Wl = "Dropdown-module__optionText___cCDpI", zl = "Dropdown-module__optionTextWrap___L4OPI", Dl = "Dropdown-module__optionSupportingText___2JIOV", oe = {
+const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__root___uVyL0", Ol = "Dropdown-module__input___dK4dN", Rl = "Dropdown-module__section___j3MRB", kl = "Dropdown-module__clearButton___ODnIa", Il = "Dropdown-module__dropdown___gG-Sw", Ll = "Dropdown-module__option___nAGU-", Ml = "Dropdown-module__optionContent___QTwwg", Al = "Dropdown-module__optionIcon___2L56h", Wl = "Dropdown-module__optionText___cCDpI", zl = "Dropdown-module__optionTextWrap___L4OPI", Dl = "Dropdown-module__optionSupportingText___2JIOV", oe = {
   layoutOverride: $l,
   root: xl,
   input: Ol,
-  section: kl,
-  clearButton: Rl,
+  section: Rl,
+  clearButton: kl,
   dropdown: Il,
   option: Ll,
   optionContent: Ml,
@@ -1859,7 +1859,7 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
   // Recursica does not expose the library's native corner-radius system.
   "searchable"
   // Not a supported Dropdown feature — that's what makes it an AutoComplete.
-], Bl = f(
+], Bl = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -1872,8 +1872,8 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -1882,14 +1882,14 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
       style: S,
       disabled: w,
       readOnly: T,
-      readOnlyComponent: _,
+      readOnlyComponent: f,
       emptyValueComponent: $,
-      value: v,
+      value: b,
       defaultValue: O,
       data: M,
       clearButtonProps: D,
       renderOption: W,
-      wrapItemText: I = !1,
+      wrapItemText: L = !1,
       ...Y
     } = e, G = V(
       m(Y, t),
@@ -1918,7 +1918,7 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
       width: s || "100%"
     }, ae = P ? `${oe.layoutOverride} ${P}` : oe.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: ae,
         style: A,
@@ -1932,17 +1932,17 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: g,
         required: h,
         withAsterisk: C,
         id: N,
         readOnly: T,
-        readOnlyComponent: _,
+        readOnlyComponent: f,
         emptyValueComponent: $,
         readOnlyType: "text",
-        readOnlyValue: v !== void 0 ? String(v) : O ? String(O) : void 0,
+        readOnlyValue: b !== void 0 ? String(b) : O ? String(O) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -1953,10 +1953,10 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
               ...G,
               classNames: J,
               disabled: w,
-              value: v,
+              value: b,
               defaultValue: O,
               data: X || [],
-              renderOption: W ?? ((pe) => an(pe, ue, I)),
+              renderOption: W ?? ((pe) => an(pe, ue, L)),
               clearButtonProps: K,
               label: void 0,
               description: void 0,
@@ -1977,7 +1977,7 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
   }
 );
 Bl.displayName = "Dropdown";
-const Fl = "FileInput-module__layoutOverride___HIOY6", Ul = "FileInput-module__root___UvQj-", Vl = "FileInput-module__leadingIcon___z75c4", Hl = "FileInput-module__content___Udsvh", Gl = "FileInput-module__value___RX33R", jl = "FileInput-module__chipRow___My6TF", ql = "FileInput-module__chipWrapper___q2CDy", Kl = "FileInput-module__trailingIcon___odGPm", ze = {
+const Fl = "FileInput-module__layoutOverride___HIOY6", Ul = "FileInput-module__root___UvQj-", Vl = "FileInput-module__leadingIcon___z75c4", Hl = "FileInput-module__content___Udsvh", Gl = "FileInput-module__value___RX33R", jl = "FileInput-module__chipRow___My6TF", ql = "FileInput-module__chipWrapper___q2CDy", Kl = "FileInput-module__trailingIcon___odGPm", De = {
   layoutOverride: Fl,
   root: Ul,
   leadingIcon: Vl,
@@ -1988,7 +1988,7 @@ const Fl = "FileInput-module__layoutOverride___HIOY6", Ul = "FileInput-module__r
   trailingIcon: Kl
 };
 function Yl() {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2008,7 +2008,7 @@ function Yl() {
   );
 }
 function Zl() {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2026,7 +2026,7 @@ function Zl() {
     }
   );
 }
-const Xl = f(
+const Xl = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -2039,8 +2039,8 @@ const Xl = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -2049,14 +2049,14 @@ const Xl = f(
       style: S,
       disabled: w,
       readOnly: T,
-      files: _,
+      files: f,
       onFilesAdded: $,
-      onFileRemove: v,
+      onFileRemove: b,
       accept: O,
       multiple: M = !1,
       maxSize: D,
       maxFiles: W,
-      onFilesRejected: I,
+      onFilesRejected: L,
       invalidFileTypeMessage: Y = "File type not accepted",
       maxFilesMessage: G = M ? `Maximum of ${W} files allowed` : "Only one file is allowed",
       icon: j,
@@ -2066,53 +2066,53 @@ const Xl = f(
       removeFileLabel: J = "Remove",
       clearLabel: ue = "Clear",
       ...A
-    } = e, pe = m(A, t), k = !w && !T, se = !!_ && _.length > 0, ve = Be(null), [re, le] = ie(!1), [be, we] = ie(!1), Ze = (x) => {
-      if (!k) return;
+    } = e, pe = m(A, t), R = !w && !T, se = !!f && f.length > 0, Ne = Fe(null), [re, le] = ie(!1), [ge, Se] = ie(!1), Ze = (x) => {
+      if (!R) return;
       const te = Array.from(x);
       if (te.length === 0) return;
-      const ne = M ? W : 1, Q = M ? (_ == null ? void 0 : _.length) ?? 0 : 0, _e = [], Mo = [];
+      const ne = M ? W : 1, Q = M ? (f == null ? void 0 : f.length) ?? 0 : 0, fe = [], Mo = [];
       let gt = !1, Ct = !1;
       for (const Xo of te) {
         const Pt = !Zt(Xo, O);
         Pt && (gt = !0);
-        const Ea = D !== void 0 && Xo.size > D, Tt = ne !== void 0 && Q + _e.length >= ne;
-        Tt && (Ct = !0), (Pt || Ea || Tt ? Mo : _e).push(Xo);
+        const Ea = D !== void 0 && Xo.size > D, Tt = ne !== void 0 && Q + fe.length >= ne;
+        Tt && (Ct = !0), (Pt || Ea || Tt ? Mo : fe).push(Xo);
       }
-      le(gt), we(Ct), _e.length > 0 && ($ == null || $(_e)), Mo.length > 0 && (I == null || I(Mo));
-    }, Se = Be(0), [Xe, Ae] = ie(!1), We = (x) => {
-      x.preventDefault(), Se.current += 1, Ae(!0);
+      le(gt), Se(Ct), fe.length > 0 && ($ == null || $(fe)), Mo.length > 0 && (L == null || L(Mo));
+    }, $e = Fe(0), [Xe, We] = ie(!1), ze = (x) => {
+      x.preventDefault(), $e.current += 1, We(!0);
     }, uo = (x) => {
-      x.preventDefault(), Se.current -= 1, Se.current <= 0 && (Se.current = 0, Ae(!1));
-    }, $e = (x) => {
+      x.preventDefault(), $e.current -= 1, $e.current <= 0 && ($e.current = 0, We(!1));
+    }, xe = (x) => {
       x.preventDefault();
     }, Qe = (x) => {
-      x.preventDefault(), Se.current = 0, Ae(!1), Ze(x.dataTransfer.files);
-    }, xe = () => {
+      x.preventDefault(), $e.current = 0, We(!1), Ze(x.dataTransfer.files);
+    }, Oe = () => {
       var x;
-      k && ((x = ve.current) == null || x.click());
+      R && ((x = Ne.current) == null || x.click());
     }, Je = (x) => {
-      x.key !== "Enter" && x.key !== " " || (x.preventDefault(), xe());
+      x.key !== "Enter" && x.key !== " " || (x.preventDefault(), Oe());
     }, U = (x) => {
       x.target.files && Ze(x.target.files), x.target.value = "";
     }, B = () => {
-      !k || !_ || _.length === 0 || _.forEach((x) => v == null ? void 0 : v(x.id ?? x.file.name));
-    }, [z, R] = ie(0), F = Be([]), Z = Be((_ == null ? void 0 : _.length) ?? 0);
-    Re(() => {
+      !R || !f || f.length === 0 || f.forEach((x) => b == null ? void 0 : b(x.id ?? x.file.name));
+    }, [z, k] = ie(0), F = Fe([]), Z = Fe((f == null ? void 0 : f.length) ?? 0);
+    Ie(() => {
       var te;
-      const x = (_ == null ? void 0 : _.length) ?? 0;
+      const x = (f == null ? void 0 : f.length) ?? 0;
       if (x > 0 && x < Z.current) {
         const ne = Math.min(z, x - 1);
-        R(ne), (te = F.current[ne]) == null || te.focus();
+        k(ne), (te = F.current[ne]) == null || te.focus();
       }
       Z.current = x;
-    }, [_]);
-    const me = (x) => {
+    }, [f]);
+    const _e = (x) => {
       var Q;
-      const te = (_ == null ? void 0 : _.length) ?? 0;
+      const te = (f == null ? void 0 : f.length) ?? 0;
       if (te === 0) return;
       let ne;
-      x.key === "ArrowRight" || x.key === "ArrowDown" ? ne = (z + 1) % te : (x.key === "ArrowLeft" || x.key === "ArrowUp") && (ne = (z - 1 + te) % te), ne !== void 0 && (x.preventDefault(), x.stopPropagation(), R(ne), (Q = F.current[ne]) == null || Q.focus());
-    }, eo = g ?? (re ? Y : be ? G : void 0), po = P ? `${ze.layoutOverride} ${P}` : ze.layoutOverride;
+      x.key === "ArrowRight" || x.key === "ArrowDown" ? ne = (z + 1) % te : (x.key === "ArrowLeft" || x.key === "ArrowUp") && (ne = (z - 1 + te) % te), ne !== void 0 && (x.preventDefault(), x.stopPropagation(), k(ne), (Q = F.current[ne]) == null || Q.focus());
+    }, eo = g ?? (re ? Y : ge ? G : void 0), po = P ? `${De.layoutOverride} ${P}` : De.layoutOverride;
     return /* @__PURE__ */ r(
       No,
       {
@@ -2127,49 +2127,49 @@ const Xl = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: eo,
         required: h,
         withAsterisk: C,
         id: N,
         controlMaxWidth: "var(--file-input-control-max-width)",
         controlMinWidth: "var(--file-input-control-min-width)",
-        children: /* @__PURE__ */ L(
+        children: /* @__PURE__ */ I(
           "div",
           {
             ref: o,
             ...pe,
-            className: ze.root,
+            className: De.root,
             role: "button",
             "aria-label": K,
             "aria-disabled": w ? "true" : void 0,
-            tabIndex: k ? 0 : -1,
+            tabIndex: R ? 0 : -1,
             "data-disabled": w ? "true" : void 0,
             "data-readonly": T ? "true" : void 0,
             "data-error": eo ? "true" : void 0,
             "data-dragging": Xe ? "true" : void 0,
-            onClick: k ? xe : void 0,
-            onKeyDown: k ? Je : void 0,
-            onDragEnter: k ? We : void 0,
-            onDragLeave: k ? uo : void 0,
-            onDragOver: k ? $e : void 0,
-            onDrop: k ? Qe : void 0,
+            onClick: R ? Oe : void 0,
+            onKeyDown: R ? Je : void 0,
+            onDragEnter: R ? ze : void 0,
+            onDragLeave: R ? uo : void 0,
+            onDragOver: R ? xe : void 0,
+            onDrop: R ? Qe : void 0,
             children: [
-              /* @__PURE__ */ r("span", { className: ze.leadingIcon, "aria-hidden": !0, children: j ?? /* @__PURE__ */ r(Yl, {}) }),
-              /* @__PURE__ */ L("div", { className: ze.content, children: [
-                !se && /* @__PURE__ */ r("span", { className: ze.value, "data-placeholder": "true", children: H }),
+              /* @__PURE__ */ r("span", { className: De.leadingIcon, "aria-hidden": !0, children: j ?? /* @__PURE__ */ r(Yl, {}) }),
+              /* @__PURE__ */ I("div", { className: De.content, children: [
+                !se && /* @__PURE__ */ r("span", { className: De.value, "data-placeholder": "true", children: H }),
                 se && /* @__PURE__ */ r(
                   "div",
                   {
-                    className: ze.chipRow,
-                    onKeyDown: T ? void 0 : me,
-                    children: _.map((x, te) => {
+                    className: De.chipRow,
+                    onKeyDown: T ? void 0 : _e,
+                    children: f.map((x, te) => {
                       const ne = x.id ?? x.file.name;
                       return /* @__PURE__ */ r(
                         "span",
                         {
-                          className: ze.chipWrapper,
+                          className: De.chipWrapper,
                           onClick: (Q) => Q.stopPropagation(),
                           children: /* @__PURE__ */ r(
                             Vo,
@@ -2181,7 +2181,7 @@ const Xl = f(
                               deleteIconRef: (Q) => {
                                 F.current[te] = Q;
                               },
-                              onDelete: T || w ? void 0 : () => v == null ? void 0 : v(ne),
+                              onDelete: T || w ? void 0 : () => b == null ? void 0 : b(ne),
                               children: x.file.name
                             }
                           )
@@ -2193,14 +2193,14 @@ const Xl = f(
                 )
               ] }),
               se && !T && /* @__PURE__ */ r(
-                Fe,
+                Ue,
                 {
                   overStyled: !0,
                   variant: "text",
                   size: "small",
                   icon: X ?? /* @__PURE__ */ r(Zl, {}),
                   "aria-label": ue,
-                  className: ze.trailingIcon,
+                  className: De.trailingIcon,
                   disabled: w,
                   onClick: (x) => {
                     x.preventDefault(), x.stopPropagation(), B();
@@ -2213,12 +2213,12 @@ const Xl = f(
               /* @__PURE__ */ r(
                 "input",
                 {
-                  ref: ve,
+                  ref: Ne,
                   type: "file",
                   hidden: !0,
                   accept: O,
                   multiple: M,
-                  disabled: !k,
+                  disabled: !R,
                   onChange: U
                 }
               )
@@ -2239,7 +2239,7 @@ const Ql = "FileUpload-module__layoutOverride___bPpi8", Jl = "FileUpload-module_
   fileList: ni
 };
 function ai() {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2258,7 +2258,7 @@ function ai() {
     }
   );
 }
-const ri = f(
+const ri = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -2271,8 +2271,8 @@ const ri = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -2281,14 +2281,14 @@ const ri = f(
       style: S,
       disabled: w,
       readOnly: T,
-      files: _,
+      files: f,
       onFilesAdded: $,
-      onFileRemove: v,
+      onFileRemove: b,
       accept: O,
       multiple: M = !0,
       maxSize: D,
       maxFiles: W,
-      onFilesRejected: I,
+      onFilesRejected: L,
       invalidFileTypeMessage: Y = "File type not accepted",
       maxFilesMessage: G = `Maximum of ${W} files allowed`,
       icon: j,
@@ -2296,48 +2296,48 @@ const ri = f(
       browseButtonLabel: H = "Browse files",
       removeFileLabel: K = "Remove",
       ...J
-    } = e, A = m(J, t), ae = Be(null), [pe, k] = ie(!1), [se, ve] = ie(!1), re = (R) => {
+    } = e, A = m(J, t), ae = Fe(null), [pe, R] = ie(!1), [se, Ne] = ie(!1), re = (k) => {
       if (w) return;
-      const F = Array.from(R);
+      const F = Array.from(k);
       if (F.length === 0) return;
-      const Z = (_ == null ? void 0 : _.length) ?? 0, me = [], eo = [];
+      const Z = (f == null ? void 0 : f.length) ?? 0, _e = [], eo = [];
       let po = !1, x = !1;
       for (const te of F) {
         const ne = !Zt(te, O);
         ne && (po = !0);
-        const Q = D !== void 0 && te.size > D, _e = W !== void 0 && Z + me.length >= W;
-        _e && (x = !0), (ne || Q || _e ? eo : me).push(te);
+        const Q = D !== void 0 && te.size > D, fe = W !== void 0 && Z + _e.length >= W;
+        fe && (x = !0), (ne || Q || fe ? eo : _e).push(te);
       }
-      k(po), ve(x), me.length > 0 && ($ == null || $(me)), eo.length > 0 && (I == null || I(eo));
-    }, le = Be(0), [be, we] = ie(!1), Ze = (R) => {
-      R.preventDefault(), le.current += 1, we(!0);
-    }, Se = (R) => {
-      R.preventDefault(), le.current -= 1, le.current <= 0 && (le.current = 0, we(!1));
-    }, Xe = (R) => {
-      R.preventDefault();
-    }, Ae = (R) => {
-      R.preventDefault(), le.current = 0, we(!1), re(R.dataTransfer.files);
-    }, We = () => {
-      var R;
-      w || (R = ae.current) == null || R.click();
-    }, uo = (R) => {
-      R.target.files && re(R.target.files), R.target.value = "";
-    }, [$e, Qe] = ie(0), xe = Be([]), Je = Be((_ == null ? void 0 : _.length) ?? 0);
-    Re(() => {
+      R(po), Ne(x), _e.length > 0 && ($ == null || $(_e)), eo.length > 0 && (L == null || L(eo));
+    }, le = Fe(0), [ge, Se] = ie(!1), Ze = (k) => {
+      k.preventDefault(), le.current += 1, Se(!0);
+    }, $e = (k) => {
+      k.preventDefault(), le.current -= 1, le.current <= 0 && (le.current = 0, Se(!1));
+    }, Xe = (k) => {
+      k.preventDefault();
+    }, We = (k) => {
+      k.preventDefault(), le.current = 0, Se(!1), re(k.dataTransfer.files);
+    }, ze = () => {
+      var k;
+      w || (k = ae.current) == null || k.click();
+    }, uo = (k) => {
+      k.target.files && re(k.target.files), k.target.value = "";
+    }, [xe, Qe] = ie(0), Oe = Fe([]), Je = Fe((f == null ? void 0 : f.length) ?? 0);
+    Ie(() => {
       var F;
-      const R = (_ == null ? void 0 : _.length) ?? 0;
-      if (R > 0 && R < Je.current) {
-        const Z = Math.min($e, R - 1);
-        Qe(Z), (F = xe.current[Z]) == null || F.focus();
+      const k = (f == null ? void 0 : f.length) ?? 0;
+      if (k > 0 && k < Je.current) {
+        const Z = Math.min(xe, k - 1);
+        Qe(Z), (F = Oe.current[Z]) == null || F.focus();
       }
-      Je.current = R;
-    }, [_]);
-    const U = (R) => {
-      var me;
-      const F = (_ == null ? void 0 : _.length) ?? 0;
+      Je.current = k;
+    }, [f]);
+    const U = (k) => {
+      var _e;
+      const F = (f == null ? void 0 : f.length) ?? 0;
       if (F === 0) return;
       let Z;
-      R.key === "ArrowRight" || R.key === "ArrowDown" ? Z = ($e + 1) % F : (R.key === "ArrowLeft" || R.key === "ArrowUp") && (Z = ($e - 1 + F) % F), Z !== void 0 && (R.preventDefault(), Qe(Z), (me = xe.current[Z]) == null || me.focus());
+      k.key === "ArrowRight" || k.key === "ArrowDown" ? Z = (xe + 1) % F : (k.key === "ArrowLeft" || k.key === "ArrowUp") && (Z = (xe - 1 + F) % F), Z !== void 0 && (k.preventDefault(), Qe(Z), (_e = Oe.current[Z]) == null || _e.focus());
     }, B = g ?? (pe ? Y : se ? G : void 0), z = P ? `${no.layoutOverride} ${P}` : no.layoutOverride;
     return /* @__PURE__ */ r(
       No,
@@ -2353,14 +2353,14 @@ const ri = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: B,
         required: h,
         withAsterisk: C,
         id: N,
         controlMaxWidth: "var(--recursica_ui-kit_globals_form_field_size_max-width)",
-        children: /* @__PURE__ */ L(
+        children: /* @__PURE__ */ I(
           "div",
           {
             ref: o,
@@ -2369,24 +2369,24 @@ const ri = f(
             "data-disabled": w ? "true" : void 0,
             "data-error": B ? "true" : void 0,
             children: [
-              !T && /* @__PURE__ */ L(
+              !T && /* @__PURE__ */ I(
                 "div",
                 {
                   className: no.dropzone,
-                  "data-dragging": be ? "true" : void 0,
+                  "data-dragging": ge ? "true" : void 0,
                   onDragEnter: w ? void 0 : Ze,
-                  onDragLeave: w ? void 0 : Se,
+                  onDragLeave: w ? void 0 : $e,
                   onDragOver: w ? void 0 : Xe,
-                  onDrop: w ? void 0 : Ae,
+                  onDrop: w ? void 0 : We,
                   children: [
                     /* @__PURE__ */ r("span", { className: no.uploadIcon, children: j ?? /* @__PURE__ */ r(ai, {}) }),
                     /* @__PURE__ */ r("span", { className: no.dropzoneText, children: X }),
                     /* @__PURE__ */ r(
-                      Fe,
+                      Ue,
                       {
                         variant: "outline",
                         disabled: w,
-                        onClick: We,
+                        onClick: ze,
                         children: H
                       }
                     ),
@@ -2405,28 +2405,28 @@ const ri = f(
                   ]
                 }
               ),
-              _ && _.length > 0 && (T ? /* @__PURE__ */ r("div", { className: no.fileList, children: _.map((R) => {
-                const F = R.id ?? R.file.name;
-                return /* @__PURE__ */ r(Vo, { checked: !1, tabIndex: -1, children: R.file.name }, F);
+              f && f.length > 0 && (T ? /* @__PURE__ */ r("div", { className: no.fileList, children: f.map((k) => {
+                const F = k.id ?? k.file.name;
+                return /* @__PURE__ */ r(Vo, { checked: !1, tabIndex: -1, children: k.file.name }, F);
               }) }) : /* @__PURE__ */ r(
                 "div",
                 {
                   className: no.fileList,
                   onKeyDown: U,
-                  children: _.map((R, F) => {
-                    const Z = R.id ?? R.file.name;
+                  children: f.map((k, F) => {
+                    const Z = k.id ?? k.file.name;
                     return /* @__PURE__ */ r(
                       Vo,
                       {
                         checked: !1,
                         tabIndex: -1,
                         deleteLabel: K,
-                        deleteTabIndex: F === $e ? 0 : -1,
-                        deleteIconRef: (me) => {
-                          xe.current[F] = me;
+                        deleteTabIndex: F === xe ? 0 : -1,
+                        deleteIconRef: (_e) => {
+                          Oe.current[F] = _e;
                         },
-                        onDelete: w ? void 0 : () => v == null ? void 0 : v(Z),
-                        children: R.file.name
+                        onDelete: w ? void 0 : () => b == null ? void 0 : b(Z),
+                        children: k.file.name
                       },
                       Z
                     );
@@ -2443,7 +2443,7 @@ const ri = f(
 ri.displayName = "FileUpload";
 const si = "Flex-module__root___yYser", So = {
   root: si
-}, hn = f(function({ children: e, gap: o = "rec-default", rowGap: t, columnGap: n, ...s }, l) {
+}, hn = y(function({ children: e, gap: o = "rec-default", rowGap: t, columnGap: n, ...s }, l) {
   const c = {
     root: So.root
   }, i = s.classNames;
@@ -2464,11 +2464,11 @@ const si = "Flex-module__root___yYser", So = {
   );
 });
 hn.displayName = "Flex";
-const _p = Te(hn), li = "LayoutGrid-module__root___etcau", ii = "LayoutGrid-module__inner___Oz2XL", ci = "LayoutGrid-module__col___8EYKw", ce = {
+const fp = we(hn), li = "LayoutGrid-module__root___etcau", ii = "LayoutGrid-module__inner___Oz2XL", ci = "LayoutGrid-module__col___8EYKw", ce = {
   root: li,
   inner: ii,
   col: ci
-}, di = 1, vn = at({}), bn = f(
+}, di = 1, vn = at({}), bn = y(
   function({ children: e, ...o }, t) {
     const n = {
       root: ce.root,
@@ -2507,7 +2507,7 @@ const _p = Te(hn), li = "LayoutGrid-module__root___etcau", ii = "LayoutGrid-modu
   }
 );
 bn.displayName = "LayoutGrid";
-const ui = Te(
+const ui = we(
   bn
 ), tt = "var(--recursica_brand_layout-grids_columns)", pi = (a) => {
   if (typeof a == "number") {
@@ -2548,7 +2548,7 @@ function fi({
     }
   );
 }
-const Nn = f(
+const Nn = y(
   function({ children: e, ...o }, t) {
     const n = {
       col: ce.col
@@ -2558,7 +2558,7 @@ const Nn = f(
       n.col = d.col ? `${ce.col} ${d.col}` : ce.col;
     }
     const l = o.className, c = l ? `${ce.col} ${l}` : ce.col, i = Qa();
-    return /* @__PURE__ */ L(Ge, { children: [
+    return /* @__PURE__ */ I(je, { children: [
       /* @__PURE__ */ r(
         fi,
         {
@@ -2583,11 +2583,11 @@ const Nn = f(
   }
 );
 Nn.displayName = "LayoutGridCol";
-const yi = Te(Nn), hi = ui;
+const yi = we(Nn), hi = ui;
 hi.Col = yi;
 const vi = "Group-module__root___ftO64", $o = {
   root: vi
-}, bi = f(function({ children: e, gap: o = "rec-default", ...t }, n) {
+}, bi = y(function({ children: e, gap: o = "rec-default", ...t }, n) {
   const s = {
     root: $o.root
   }, l = t.classNames;
@@ -2610,7 +2610,7 @@ const vi = "Group-module__root___ftO64", $o = {
 bi.displayName = "Group";
 const Ni = "Heading-module__root___-To4U", gi = {
   root: Ni
-}, Ci = f(
+}, Ci = y(
   function({
     overStyled: e = !1,
     order: o = 1,
@@ -2639,7 +2639,7 @@ const Ni = "Heading-module__root___-To4U", gi = {
   }
 );
 Ci.displayName = "Heading";
-const Pi = "HoverCard-module__dropdown___FBPFW", Ti = "HoverCard-module__arrow___S9AkE", kt = {
+const Pi = "HoverCard-module__dropdown___FBPFW", Ti = "HoverCard-module__arrow___S9AkE", Rt = {
   dropdown: Pi,
   arrow: Ti
 }, gn = function({
@@ -2656,8 +2656,8 @@ const Pi = "HoverCard-module__dropdown___FBPFW", Ti = "HoverCard-module__arrow__
 }) {
   const c = m(l, e), i = c, d = E(
     {
-      dropdown: kt.dropdown,
-      arrow: kt.arrow
+      dropdown: Rt.dropdown,
+      arrow: Rt.arrow
     },
     i.classNames
   );
@@ -2698,12 +2698,12 @@ const wi = "Link-module__root___I0VGE", Si = "Link-module__iconWrapper___W-LlF",
   root: wi,
   iconWrapper: Si,
   labelText: $i
-}, wn = f(function({ icon: e, children: o, overStyled: t = !1, ...n }, s) {
+}, wn = y(function({ icon: e, children: o, overStyled: t = !1, ...n }, s) {
   const l = m(n, t), c = l, i = E(
     { root: xo.root },
     c.classNames
   ), d = c.className, p = d ? `${xo.root} ${d}` : xo.root;
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     ar,
     {
       ref: s,
@@ -2720,11 +2720,11 @@ const wi = "Link-module__root___I0VGE", Si = "Link-module__iconWrapper___W-LlF",
   );
 });
 wn.displayName = "Link";
-const fp = Te(wn), xi = "Menu-module__dropdown___j4xuA", Oi = "Menu-module__item___NMXha", ki = "Menu-module__itemLabel___zvcqC", Ri = "Menu-module__itemSection___pRIcn", Ii = "Menu-module__divider___wPiNq", Li = "Menu-module__label___4FBGa", Mi = "Menu-module__chevron___hEEiy", _o = {
+const yp = we(wn), xi = "Menu-module__dropdown___j4xuA", Oi = "Menu-module__item___NMXha", Ri = "Menu-module__itemLabel___zvcqC", ki = "Menu-module__itemSection___pRIcn", Ii = "Menu-module__divider___wPiNq", Li = "Menu-module__label___4FBGa", Mi = "Menu-module__chevron___hEEiy", _o = {
   dropdown: xi,
   item: Oi,
-  itemLabel: ki,
-  itemSection: Ri,
+  itemLabel: Ri,
+  itemSection: ki,
   divider: Ii,
   label: Li,
   chevron: Mi
@@ -2749,7 +2749,7 @@ const fp = Te(wn), xi = "Menu-module__dropdown___j4xuA", Oi = "Menu-module__item
     }
   } : i;
   return /* @__PURE__ */ r(
-    Me,
+    Ae,
     {
       ...l,
       classNames: c,
@@ -2764,18 +2764,18 @@ const $n = function({
 }) {
   const t = m(o, e);
   return /* @__PURE__ */ r(
-    Me.Target,
+    Ae.Target,
     {
       ...t
     }
   );
 };
 $n.displayName = "MenuTarget";
-const xn = f(
+const xn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Me.Dropdown,
+      Ae.Dropdown,
       {
         ...n,
         ref: t,
@@ -2785,7 +2785,7 @@ const xn = f(
   }
 );
 xn.displayName = "MenuDropdown";
-const On = f(
+const On = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = [
       "color"
@@ -2795,7 +2795,7 @@ const On = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Me.Item,
+      Ae.Item,
       {
         ...s,
         ref: t,
@@ -2805,11 +2805,11 @@ const On = f(
   }
 );
 On.displayName = "MenuItem";
-const Ai = Te(On), kn = f(
+const Ai = we(On), Rn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Me.Divider,
+      Ae.Divider,
       {
         ...n,
         ref: t,
@@ -2818,11 +2818,11 @@ const Ai = Te(On), kn = f(
     );
   }
 );
-kn.displayName = "MenuDivider";
-const Rn = f(function({ overStyled: e = !1, ...o }, t) {
+Rn.displayName = "MenuDivider";
+const kn = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e), s = n.className;
   return /* @__PURE__ */ r(
-    Me.Label,
+    Ae.Label,
     {
       ...n,
       ref: t,
@@ -2830,16 +2830,16 @@ const Rn = f(function({ overStyled: e = !1, ...o }, t) {
     }
   );
 });
-Rn.displayName = "MenuLabel";
+kn.displayName = "MenuLabel";
 const In = function(e) {
-  return /* @__PURE__ */ r(Me.Sub, { ...e });
+  return /* @__PURE__ */ r(Ae.Sub, { ...e });
 };
 In.displayName = "MenuSub";
 const Ln = function(e) {
-  return /* @__PURE__ */ r(Me.Sub.Target, { ...e });
+  return /* @__PURE__ */ r(Ae.Sub.Target, { ...e });
 };
 Ln.displayName = "MenuSubTarget";
-const Mn = f(
+const Mn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = [
       "color"
@@ -2849,7 +2849,7 @@ const Mn = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Me.Sub.Item,
+      Ae.Sub.Item,
       {
         ...s,
         ref: t,
@@ -2859,13 +2859,13 @@ const Mn = f(
   }
 );
 Mn.displayName = "MenuSubItem";
-const Wi = Te(
+const Wi = we(
   Mn
-), An = f(
+), An = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Me.Sub.Dropdown,
+      Ae.Sub.Dropdown,
       {
         ...n,
         ref: t,
@@ -2883,10 +2883,10 @@ const Co = Sn;
 Co.Target = $n;
 Co.Dropdown = xn;
 Co.Item = Ai;
-Co.Divider = kn;
-Co.Label = Rn;
+Co.Divider = Rn;
+Co.Label = kn;
 Co.Sub = Yo;
-const zi = "Modal-module__root___ytPLl", Di = "Modal-module__inner___SSUJE", Ei = "Modal-module__content___dWO-B", Bi = "Modal-module__header___ILG9i", Fi = "Modal-module__title___A5OeE", Ui = "Modal-module__bodyWrapper___5CCL-", Vi = "Modal-module__scrollArea___KD-hm", Hi = "Modal-module__footer___rro2w", Gi = "Modal-module__close___-ER1C", Ee = {
+const zi = "Modal-module__root___ytPLl", Di = "Modal-module__inner___SSUJE", Ei = "Modal-module__content___dWO-B", Bi = "Modal-module__header___ILG9i", Fi = "Modal-module__title___A5OeE", Ui = "Modal-module__bodyWrapper___5CCL-", Vi = "Modal-module__scrollArea___KD-hm", Hi = "Modal-module__footer___rro2w", Gi = "Modal-module__close___-ER1C", Be = {
   root: zi,
   inner: Di,
   content: Ei,
@@ -2900,43 +2900,45 @@ const zi = "Modal-module__root___ytPLl", Di = "Modal-module__inner___SSUJE", Ei
   overStyled: e = !1,
   children: o,
   title: t,
-  withCloseButton: n = !0,
-  overlayProps: s,
-  withOverlay: l = !0,
-  closeButtonProps: c,
-  ...i
-}, d) {
-  const p = [
+  onClose: n,
+  closeButtonAriaLabel: s = "Close",
+  header: l,
+  overlayProps: c,
+  withOverlay: i = !0,
+  ...d
+}, p) {
+  const u = [
     "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.
-  ], u = V(
-    m(i, e),
-    p
-  ), b = E(
+  ], v = V(
+    m(d, e),
+    u
+  ), _ = E(
     {
-      root: Ee.root,
-      inner: Ee.inner,
-      content: Ee.content,
-      header: Ee.header,
-      title: Ee.title,
-      close: Ee.close
+      root: Be.root,
+      inner: Be.inner,
+      content: Be.content,
+      header: Be.header,
+      title: Be.title,
+      close: Be.close
     },
-    u.classNames
+    v.classNames
   );
-  return /* @__PURE__ */ L(
-    ye.Root,
+  return /* @__PURE__ */ I(
+    ve.Root,
     {
-      ref: d,
-      ...u,
-      classNames: b,
+      ref: p,
+      ...v,
+      onClose: n,
+      classNames: _,
       children: [
-        l && /* @__PURE__ */ r(ye.Overlay, { ...s }),
-        /* @__PURE__ */ L(ye.Content, { children: [
-          (t || n) && /* @__PURE__ */ L(ye.Header, { children: [
-            t && /* @__PURE__ */ r(ye.Title, { children: t }),
-            n && /* @__PURE__ */ r(ye.CloseButton, { ...c })
+        i && /* @__PURE__ */ r(ve.Overlay, { ...c }),
+        /* @__PURE__ */ I(ve.Content, { children: [
+          l ?? /* @__PURE__ */ I(ve.Header, { children: [
+            /* @__PURE__ */ r(ve.Title, { children: t }),
+            /* @__PURE__ */ r(ve.CloseButton, { "aria-label": s })
           ] }),
           /* @__PURE__ */ r(ft, { children: o })
         ] })
@@ -2953,7 +2955,7 @@ const _t = q.forwardRef(
       {
         ref: n,
         ...s,
-        className: `${Ee.footer} ${o || ""}`
+        className: `${Be.footer} ${o || ""}`
       }
     );
   }
@@ -2961,29 +2963,29 @@ const _t = q.forwardRef(
 _t.displayName = "Modal.Footer";
 const ft = q.forwardRef(
   function({ overStyled: e = !1, className: o, onScroll: t, children: n, ...s }, l) {
-    const c = m(s, e), i = q.useRef(null), [d, p] = q.useState(!1), [u, b] = q.useState(!1), y = q.useCallback(() => {
+    const c = m(s, e), i = q.useRef(null), [d, p] = q.useState(!1), [u, v] = q.useState(!1), _ = q.useCallback(() => {
       if (i.current) {
         const { scrollTop: N, scrollHeight: P, clientHeight: S } = i.current;
-        p(N > 0), b(Math.ceil(N + S) < P);
+        p(N > 0), v(Math.ceil(N + S) < P);
       }
     }, []);
-    q.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, n]);
+    q.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, n]);
     const g = (N) => {
-      y(), t == null || t(N);
+      _(), t == null || t(N);
     };
     let h = null;
     const C = [];
     return q.Children.forEach(n, (N) => {
       var P;
       q.isValidElement(N) && (N.type === _t || ((P = N.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? h = N : C.push(N);
-    }), /* @__PURE__ */ L(
-      ye.Body,
+    }), /* @__PURE__ */ I(
+      ve.Body,
       {
         ...c,
         ref: (N) => {
           typeof l == "function" ? l(N) : l && (l.current = N);
         },
-        className: `${Ee.bodyWrapper} ${o || ""}`,
+        className: `${Be.bodyWrapper} ${o || ""}`,
         children: [
           /* @__PURE__ */ r(
             "div",
@@ -2992,7 +2994,7 @@ const ft = q.forwardRef(
               onScroll: g,
               "data-scrolled-top": d || void 0,
               "data-scrolled-bottom": u || void 0,
-              className: Ee.scrollArea,
+              className: Be.scrollArea,
               children: C
             }
           ),
@@ -3015,7 +3017,7 @@ const ji = [
       ji
     );
     return /* @__PURE__ */ r(
-      ye.Root,
+      ve.Root,
       {
         ref: t,
         ...n
@@ -3028,7 +3030,7 @@ const Dn = q.forwardRef(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      ye.Overlay,
+      ve.Overlay,
       {
         ref: t,
         ...n
@@ -3046,7 +3048,7 @@ const qi = [
       qi
     );
     return /* @__PURE__ */ r(
-      ye.Content,
+      ve.Content,
       {
         ref: t,
         ...n
@@ -3059,7 +3061,7 @@ const Bn = q.forwardRef(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      ye.Header,
+      ve.Header,
       {
         ref: t,
         ...n
@@ -3072,7 +3074,7 @@ const Fn = q.forwardRef(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      ye.Title,
+      ve.Title,
       {
         ref: t,
         ...n
@@ -3090,7 +3092,7 @@ const Ki = [
     Ki
   );
   return /* @__PURE__ */ r(
-    ye.CloseButton,
+    ve.CloseButton,
     {
       ref: t,
       ...n
@@ -3121,7 +3123,7 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
   // 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.
-], tc = f(
+], tc = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -3134,8 +3136,8 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -3144,15 +3146,15 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       hideControls: O = !1,
       ...M
     } = e, D = V(
       m(M, t),
       oc
-    ), W = D, I = {
+    ), W = D, L = {
       wrapper: fo.root,
       // The nested Input internal relative wrapper bounding box
       input: fo.input,
@@ -3161,7 +3163,7 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
       control: fo.control
     }, Y = N ? `${fo.layoutOverride} ${N}` : fo.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: Y,
         style: P,
@@ -3176,16 +3178,16 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: $ !== void 0 ? $ == null ? void 0 : $.toString() : v == null ? void 0 : v.toString(),
+        readOnlyValue: $ !== void 0 ? $ == null ? void 0 : $.toString() : b == null ? void 0 : b.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -3194,10 +3196,10 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
             {
               ref: o,
               ...D,
-              classNames: I,
+              classNames: L,
               disabled: S,
               value: $,
-              defaultValue: v,
+              defaultValue: b,
               hideControls: O,
               label: void 0,
               description: void 0,
@@ -3206,7 +3208,7 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
               withAsterisk: void 0,
               wrapperProps: {
                 "data-disabled": S ? "true" : void 0,
-                "data-error": y ? "true" : void 0,
+                "data-error": _ ? "true" : void 0,
                 "data-with-left-section": W.leftSection ? "true" : void 0,
                 "data-with-right-section": W.rightSection || !O ? "true" : void 0
               }
@@ -3244,7 +3246,7 @@ const nc = "Pagination-module__root___ITRjt", ac = "Pagination-module__dots___Yl
 );
 function Ho(a) {
   var t, n, s, l, c, i, d;
-  const o = (d = (i = (c = (l = (s = (n = (t = Rr()["ui-kit"]) == null ? void 0 : t.components) == null ? void 0 : n.pagination) == null ? void 0 : s.properties) == null ? void 0 : l[a]) == null ? void 0 : c.$extensions) == null ? void 0 : i["recursica.component"]) == null ? void 0 : d["selected-variants"];
+  const o = (d = (i = (c = (l = (s = (n = (t = kr()["ui-kit"]) == null ? void 0 : t.components) == null ? void 0 : n.pagination) == null ? void 0 : s.properties) == null ? void 0 : l[a]) == null ? void 0 : c.$extensions) == null ? void 0 : i["recursica.component"]) == null ? void 0 : d["selected-variants"];
   if (!o)
     throw new Error(
       `Pagination: manifest has no ui-kit.components.pagination.properties.${a} selected-variants`
@@ -3261,7 +3263,7 @@ function yt() {
     throw new Error("Pagination parts must be rendered inside Pagination.Root");
   return a;
 }
-const ht = f(
+const ht = y(
   function({
     overStyled: e = !1,
     total: o,
@@ -3274,8 +3276,8 @@ const ht = f(
     getItemProps: d,
     getControlProps: p,
     dotsIcon: u,
-    children: b,
-    ...y
+    children: v,
+    ..._
   }, g) {
     const h = Pr({
       total: o,
@@ -3284,7 +3286,7 @@ const ht = f(
       onChange: s,
       siblings: l,
       boundaries: c
-    }), C = m(y, e), N = C.className;
+    }), C = m(_, e), N = C.className;
     return /* @__PURE__ */ r(
       Hn.Provider,
       {
@@ -3309,7 +3311,7 @@ const ht = f(
             "aria-label": "Pagination",
             ...C,
             className: N ? `${Io.root} ${N}` : Io.root,
-            children: b
+            children: v
           }
         )
       }
@@ -3317,10 +3319,10 @@ const ht = f(
   }
 );
 ht.displayName = "Pagination.Root";
-const vt = f(function({ active: e = !1, disabled: o, ...t }, n) {
+const vt = y(function({ active: e = !1, disabled: o, ...t }, n) {
   const s = yt(), l = Ho("active-pages"), c = Ho("inactive-pages"), i = e ? l : c;
   return /* @__PURE__ */ r(
-    Fe,
+    Ue,
     {
       ref: n,
       variant: i.variant,
@@ -3332,7 +3334,7 @@ const vt = f(function({ active: e = !1, disabled: o, ...t }, n) {
   );
 });
 vt.displayName = "Pagination.Control";
-const bt = f(
+const bt = y(
   function({ icon: e, ...o }, t) {
     const { size: n } = Ho("inactive-pages");
     return /* @__PURE__ */ r("div", { ref: t, className: Io.dots, "data-size": n, ...o, children: e ?? "…" });
@@ -3341,7 +3343,7 @@ const bt = f(
 bt.displayName = "Pagination.Dots";
 function Nt() {
   const a = yt();
-  return /* @__PURE__ */ r(Ge, { children: a.range.map(
+  return /* @__PURE__ */ r(je, { children: a.range.map(
     (e, o) => {
       var t, n, s;
       return e === "dots" ? /* @__PURE__ */ r(bt, { icon: a.dotsIcon }, o) : /* @__PURE__ */ r(
@@ -3371,18 +3373,18 @@ const pc = {
   last: "Last"
 };
 function Zo(a, e, o, t) {
-  const n = f(
+  const n = y(
     function({ withLabel: l, icon: c, disabled: i, ...d }, p) {
       var P;
-      const u = yt(), b = Ho("navigation-controls"), y = u.active === 1, g = u.active === u.total, h = i || u.disabled || (a === "first" || a === "previous") && y || (a === "next" || a === "last") && g, C = c ?? /* @__PURE__ */ r(Vn, { type: e }), N = l ? o ? {
+      const u = yt(), v = Ho("navigation-controls"), _ = u.active === 1, g = u.active === u.total, h = i || u.disabled || (a === "first" || a === "previous") && _ || (a === "next" || a === "last") && g, C = c ?? /* @__PURE__ */ r(Vn, { type: e }), N = l ? o ? {
         rightSection: /* @__PURE__ */ r("span", { className: Io.rightIcon, children: C })
       } : { icon: C } : { icon: C };
       return /* @__PURE__ */ r(
-        Fe,
+        Ue,
         {
           ref: p,
-          variant: b.variant,
-          size: b.size,
+          variant: v.variant,
+          size: v.size,
           "aria-label": pc[a],
           disabled: h,
           onClick: u[a],
@@ -3416,9 +3418,9 @@ const Gn = Zo(
   "last",
   !0,
   "Pagination.Last"
-), Yn = f(
+), Yn = y(
   function({ withEdges: e, withControls: o = !0, withLabels: t, ...n }, s) {
-    return /* @__PURE__ */ L(ht, { ref: s, ...n, children: [
+    return /* @__PURE__ */ I(ht, { ref: s, ...n, children: [
       e && /* @__PURE__ */ r(Gn, { withLabel: t }),
       o && /* @__PURE__ */ r(jn, { withLabel: t }),
       /* @__PURE__ */ r(Nt, {}),
@@ -3438,7 +3440,7 @@ Ke.Previous = jn;
 Ke.First = Gn;
 Ke.Last = Kn;
 Ke.Icon = Vn;
-const _c = "Panel-module__content___wdGo-", fc = "Panel-module__contentRight___4bsdU", yc = "Panel-module__contentLeft___bOgUu", hc = "Panel-module__inner___ruA2b", vc = "Panel-module__header___o7SiC", bc = "Panel-module__title___181OP", Nc = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", gc = "Panel-module__body___SEC3T", Cc = "Panel-module__footer___t6-hz", Ce = {
+const _c = "Panel-module__content___wdGo-", fc = "Panel-module__contentRight___4bsdU", yc = "Panel-module__contentLeft___bOgUu", hc = "Panel-module__inner___ruA2b", vc = "Panel-module__header___o7SiC", bc = "Panel-module__title___181OP", Nc = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", gc = "Panel-module__body___SEC3T", Cc = "Panel-module__footer___t6-hz", Pc = "Panel-module__close___2WShp", he = {
   content: _c,
   contentRight: fc,
   contentLeft: yc,
@@ -3447,54 +3449,68 @@ const _c = "Panel-module__content___wdGo-", fc = "Panel-module__contentRight___4
   title: bc,
   titleTruncate: Nc,
   body: gc,
-  footer: Cc
+  footer: Cc,
+  close: Pc
 }, Zn = function({
   overStyled: e = !1,
   placement: o = "right",
   keepMounted: t = !0,
   wrapHeaderText: n = !0,
-  ...s
+  title: s,
+  onClose: l,
+  closeButtonAriaLabel: c = "Close",
+  header: i,
+  children: d,
+  ...p
 }) {
-  const l = m(s, e), c = l, i = E(
+  const u = m(p, e), v = u, _ = E(
     {
-      content: `${Ce.content} ${o === "right" ? Ce.contentRight : o === "left" ? Ce.contentLeft : o === "top" ? Ce.contentTop : Ce.contentBottom}`,
-      header: Ce.header,
-      title: n ? Ce.titleTruncate : Ce.title,
-      body: Ce.body,
-      inner: Ce.inner
+      content: `${he.content} ${o === "right" ? he.contentRight : o === "left" ? he.contentLeft : o === "top" ? he.contentTop : he.contentBottom}`,
+      header: he.header,
+      title: n ? he.titleTruncate : he.title,
+      close: he.close,
+      body: he.body,
+      inner: he.inner
     },
-    c.classNames
+    v.classNames
   );
   return /* @__PURE__ */ r(
-    je,
+    me.Root,
     {
-      ...l,
+      ...u,
+      onClose: l,
       size: "var(--recursica_ui-kit_components_panel_properties_max-width)",
       position: o,
       keepMounted: t,
-      withOverlay: !1,
       trapFocus: !1,
       lockScroll: !1,
       returnFocus: !0,
       closeOnEscape: !0,
       closeOnClickOutside: !1,
-      classNames: i
+      classNames: _,
+      children: /* @__PURE__ */ I(me.Content, { children: [
+        i ?? /* @__PURE__ */ I(me.Header, { children: [
+          /* @__PURE__ */ r(me.Title, { children: s }),
+          /* @__PURE__ */ r(me.CloseButton, { "aria-label": c })
+        ] }),
+        /* @__PURE__ */ r(me.Body, { children: d })
+      ] })
     }
   );
 };
 Zn.displayName = "Panel";
-const Xn = f(
+const Xn = y(
   function({ overStyled: e = !1, ...o }, t) {
-    const n = m(o, e), s = n.className, l = s ? `${Ce.footer} ${s}` : Ce.footer;
+    const n = m(o, e), s = n.className, l = s ? `${he.footer} ${s}` : he.footer;
     return /* @__PURE__ */ r("div", { ref: t, ...n, className: l });
   }
 );
 Xn.displayName = "PanelFooter";
-const Qn = f(
+const Qn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Root,
+      me.Root,
       {
         ref: t,
         ...n
@@ -3503,11 +3519,11 @@ const Qn = f(
   }
 );
 Qn.displayName = "PanelRoot";
-const Jn = f(
+const Jn = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Overlay,
+      me.Overlay,
       {
         ref: t,
         ...n
@@ -3516,11 +3532,11 @@ const Jn = f(
   }
 );
 Jn.displayName = "PanelOverlay";
-const ea = f(
+const ea = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Content,
+      me.Content,
       {
         ref: t,
         ...n
@@ -3529,11 +3545,11 @@ const ea = f(
   }
 );
 ea.displayName = "PanelContent";
-const oa = f(
+const oa = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Header,
+      me.Header,
       {
         ref: t,
         ...n
@@ -3542,11 +3558,11 @@ const oa = f(
   }
 );
 oa.displayName = "PanelHeader";
-const ta = f(
+const ta = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Title,
+      me.Title,
       {
         ref: t,
         ...n
@@ -3555,10 +3571,10 @@ const ta = f(
   }
 );
 ta.displayName = "PanelTitle";
-const na = f(function({ overStyled: e = !1, ...o }, t) {
+const na = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
-    je.CloseButton,
+    me.CloseButton,
     {
       ref: t,
       ...n
@@ -3566,11 +3582,11 @@ const na = f(function({ overStyled: e = !1, ...o }, t) {
   );
 });
 na.displayName = "PanelCloseButton";
-const aa = f(
+const aa = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Body,
+      me.Body,
       {
         ref: t,
         ...n
@@ -3587,11 +3603,11 @@ Ye.Header = oa;
 Ye.Title = ta;
 Ye.CloseButton = na;
 Ye.Body = aa;
-Ye.Stack = je.Stack;
+Ye.Stack = me.Stack;
 Ye.Footer = Xn;
-const Pc = "Popover-module__dropdown___svhS6", Tc = "Popover-module__arrow___5A-0e", Rt = {
-  dropdown: Pc,
-  arrow: Tc
+const Tc = "Popover-module__dropdown___svhS6", wc = "Popover-module__arrow___5A-0e", kt = {
+  dropdown: Tc,
+  arrow: wc
 }, ra = function({
   overStyled: e = !1,
   withBeak: o = !0,
@@ -3600,12 +3616,12 @@ const Pc = "Popover-module__dropdown___svhS6", Tc = "Popover-module__arrow___5A-
   ...n
 }) {
   const s = m(n, e), l = s, c = E(
-    { dropdown: Rt.dropdown, arrow: Rt.arrow },
+    { dropdown: kt.dropdown, arrow: kt.arrow },
     l.classNames
-  ), i = Ue(
+  ), i = Ve(
     16,
     l.arrowSize
-  ), d = Ue(
+  ), d = Ve(
     o,
     l.withArrow
   );
@@ -3642,16 +3658,16 @@ la.displayName = "PopoverDropdown";
 const ia = ra;
 ia.Target = sa;
 ia.Dropdown = la;
-const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD", $c = "Radio-module__body___q2Wpj", xc = "Radio-module__inner___QaTBB", Oc = "Radio-module__radio___MfgN-", kc = "Radio-module__icon___DWznm", Rc = "Radio-module__labelWrapper___dB0Gi", Ic = "Radio-module__label___vAFIP", Ie = {
-  groupRoot: wc,
-  root: Sc,
-  body: $c,
-  inner: xc,
-  radio: Oc,
+const Sc = "Radio-module__groupRoot___bfUii", $c = "Radio-module__root___kAjTD", xc = "Radio-module__body___q2Wpj", Oc = "Radio-module__inner___QaTBB", Rc = "Radio-module__radio___MfgN-", kc = "Radio-module__icon___DWznm", Ic = "Radio-module__labelWrapper___dB0Gi", Lc = "Radio-module__label___vAFIP", Le = {
+  groupRoot: Sc,
+  root: $c,
+  body: xc,
+  inner: Oc,
+  radio: Rc,
   icon: kc,
-  labelWrapper: Rc,
-  label: Ic
-}, ca = f(
+  labelWrapper: Ic,
+  label: Lc
+}, ca = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -3665,8 +3681,8 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -3675,9 +3691,9 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
       style: S,
       children: w,
       readOnly: T,
-      readOnlyComponent: _,
+      readOnlyComponent: f,
       emptyValueComponent: $,
-      value: v,
+      value: b,
       defaultValue: O,
       ...M
     } = e, D = [
@@ -3686,9 +3702,9 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
     ], W = V(
       m(M, t),
       D
-    ), I = W;
+    ), L = W;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: P,
         style: S,
@@ -3704,27 +3720,27 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: g,
         required: h,
         withAsterisk: C,
         id: N,
-        readOnly: T && !!_,
-        readOnlyComponent: _,
+        readOnly: T && !!f,
+        readOnlyComponent: f,
         emptyValueComponent: $,
         readOnlyType: "text",
-        readOnlyValue: v !== void 0 ? v : O,
+        readOnlyValue: b !== void 0 ? b : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
           Ht.Group,
           {
             ref: o,
             ...W,
-            disabled: T || I.disabled,
-            value: v,
+            disabled: T || L.disabled,
+            value: b,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: Ie.groupRoot, "data-layout": n, children: w })
+            children: /* @__PURE__ */ r("div", { className: Le.groupRoot, "data-layout": n, children: w })
           }
         )
       }
@@ -3732,7 +3748,7 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
   }
 );
 ca.displayName = "RadioGroup";
-const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
+const Mc = ({ className: a, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3742,7 +3758,7 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), da = f(
+), da = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -3754,8 +3770,8 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: u,
-      ...b
-    } = e, y = [
+      ...v
+    } = e, _ = [
       "size",
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
       "color",
@@ -3767,22 +3783,22 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
       "iconColor"
       // Icon color is token-driven via Radio.module.css, not a native Mantine override.
     ], g = V(
-      m(b, t),
-      y
+      m(v, t),
+      _
     ), h = g, C = E(
       {
-        root: Ie.root,
-        body: Ie.body,
-        inner: Ie.inner,
-        radio: Ie.radio,
-        icon: Ie.icon,
-        labelWrapper: Ie.labelWrapper,
-        label: Ie.label
+        root: Le.root,
+        body: Le.body,
+        inner: Le.inner,
+        radio: Le.radio,
+        icon: Le.icon,
+        labelWrapper: Le.labelWrapper,
+        label: Le.label
       },
       h.classNames
-    ), N = h.className, P = N ? `${Ie.root} ${N}` : Ie.root;
+    ), N = h.className, P = N ? `${Le.root} ${N}` : Le.root;
     if (n && s) {
-      const w = !!(h.checked ?? h.defaultChecked), _ = /* @__PURE__ */ r(
+      const w = !!(h.checked ?? h.defaultChecked), f = /* @__PURE__ */ r(
         s,
         {
           ...e,
@@ -3797,16 +3813,16 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: u,
-          children: _
+          children: f
         }
-      ) : /* @__PURE__ */ r(Ge, { children: _ });
+      ) : /* @__PURE__ */ r(je, { children: f });
     }
     const S = /* @__PURE__ */ r(
       Ht,
       {
         ref: o,
         ...g,
-        icon: Ue(Lc, c),
+        icon: Ve(Mc, c),
         className: P,
         classNames: C,
         disabled: n || l
@@ -3826,14 +3842,14 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
 );
 da.displayName = "Radio";
 da.Group = ca;
-const Mc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
+const Ac = ({ checked: a, label: e }) => /* @__PURE__ */ I(
   st,
   {
     component: "span",
     className: go.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ L("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ I("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -3841,15 +3857,15 @@ const Mc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
     ]
   }
 );
-Mc.displayName = "ReadOnlySwitchField";
-const Ac = ({ checked: a, label: e }) => /* @__PURE__ */ L(
+Ac.displayName = "ReadOnlySwitchField";
+const Wc = ({ checked: a, label: e }) => /* @__PURE__ */ I(
   st,
   {
     component: "span",
     className: go.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ L("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ I("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -3857,14 +3873,14 @@ const Ac = ({ checked: a, label: e }) => /* @__PURE__ */ L(
     ]
   }
 );
-Ac.displayName = "ReadOnlyBooleanField";
-const Wc = "SegmentedControl-module__root___JFRhg", zc = "SegmentedControl-module__label___mS17q", Dc = "SegmentedControl-module__control___znOdQ", Ec = "SegmentedControl-module__indicator___ZMcJy", vo = {
-  root: Wc,
-  label: zc,
-  control: Dc,
-  indicator: Ec
+Wc.displayName = "ReadOnlyBooleanField";
+const zc = "SegmentedControl-module__root___JFRhg", Dc = "SegmentedControl-module__label___mS17q", Ec = "SegmentedControl-module__control___znOdQ", Bc = "SegmentedControl-module__indicator___ZMcJy", vo = {
+  root: zc,
+  label: Dc,
+  control: Ec,
+  indicator: Bc
 };
-function Bc(a) {
+function Fc(a) {
   const e = E(
     {
       root: vo.root,
@@ -3876,7 +3892,7 @@ function Bc(a) {
   ), o = a.className;
   return { className: o ? `${vo.root} ${o}` : vo.root, classNames: e };
 }
-const ua = f(
+const ua = y(
   function({
     overStyled: e = !1,
     orientation: o = "horizontal",
@@ -3884,10 +3900,10 @@ const ua = f(
     data: n = [],
     ...s
   }, l) {
-    const c = m(s, e), d = Bc(c), p = n.map(
+    const c = m(s, e), d = Fc(c), p = n.map(
       (u) => typeof u == "string" || !u.icon ? u : {
         ...u,
-        label: /* @__PURE__ */ L(Ge, { children: [
+        label: /* @__PURE__ */ I(je, { children: [
           u.icon,
           u.label
         ] })
@@ -3909,29 +3925,29 @@ const ua = f(
   }
 );
 ua.displayName = "SegmentedControl";
-const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module__sliderContainer___y8I0J", Vc = "Slider-module__sliderTrackWrapper___UHpVh", Hc = "Slider-module__iconWrapper___uqHpC", Gc = "Slider-module__sliderRoot___LI86H", jc = "Slider-module__sliderTrack___oqnlG", qc = "Slider-module__sliderBar___TI4VY", Kc = "Slider-module__sliderThumb___OFn8p", Yc = "Slider-module__sliderMarkWrapper___Ufqhu", Zc = "Slider-module__sliderMark___1lM2B", Xc = "Slider-module__sliderMarkLabel___MMZrq", Qc = "Slider-module__minMaxGuide___TaGqz", Jc = "Slider-module__rightGuideContainer___8dOT8", ed = "Slider-module__currentValue___dGV2T", od = "Slider-module__inputField___6x578", td = "Slider-module__readOnlyValue___-ZzMW", ee = {
-  layoutOverride: Fc,
-  sliderContainer: Uc,
-  sliderTrackWrapper: Vc,
-  iconWrapper: Hc,
-  sliderRoot: Gc,
-  sliderTrack: jc,
-  sliderBar: qc,
-  sliderThumb: Kc,
-  sliderMarkWrapper: Yc,
-  sliderMark: Zc,
-  sliderMarkLabel: Xc,
-  minMaxGuide: Qc,
-  rightGuideContainer: Jc,
-  currentValue: ed,
-  inputField: od,
-  readOnlyValue: td
-}, nd = ({
+const hp = ua, Uc = "Slider-module__layoutOverride___zYPun", Vc = "Slider-module__sliderContainer___y8I0J", Hc = "Slider-module__sliderTrackWrapper___UHpVh", Gc = "Slider-module__iconWrapper___uqHpC", jc = "Slider-module__sliderRoot___LI86H", qc = "Slider-module__sliderTrack___oqnlG", Kc = "Slider-module__sliderBar___TI4VY", Yc = "Slider-module__sliderThumb___OFn8p", Zc = "Slider-module__sliderMarkWrapper___Ufqhu", Xc = "Slider-module__sliderMark___1lM2B", Qc = "Slider-module__sliderMarkLabel___MMZrq", Jc = "Slider-module__minMaxGuide___TaGqz", ed = "Slider-module__rightGuideContainer___8dOT8", od = "Slider-module__currentValue___dGV2T", td = "Slider-module__inputField___6x578", nd = "Slider-module__readOnlyValue___-ZzMW", ee = {
+  layoutOverride: Uc,
+  sliderContainer: Vc,
+  sliderTrackWrapper: Hc,
+  iconWrapper: Gc,
+  sliderRoot: jc,
+  sliderTrack: qc,
+  sliderBar: Kc,
+  sliderThumb: Yc,
+  sliderMarkWrapper: Zc,
+  sliderMark: Xc,
+  sliderMarkLabel: Qc,
+  minMaxGuide: Jc,
+  rightGuideContainer: ed,
+  currentValue: od,
+  inputField: td,
+  readOnlyValue: nd
+}, ad = ({
   value: a
 }) => {
   const e = Array.isArray(a) ? `${a[0]} – ${a[1]}` : a;
   return /* @__PURE__ */ r("div", { className: ee.readOnlyValue, children: e });
-}, ad = f(
+}, rd = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -3944,8 +3960,8 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      tooltipLabel: b,
-      assistiveText: y,
+      tooltipLabel: v,
+      assistiveText: _,
       assistiveWithIcon: g,
       error: h,
       required: C,
@@ -3954,14 +3970,14 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
       className: S,
       style: w,
       disabled: T,
-      readOnly: _,
+      readOnly: f,
       readOnlyComponent: $,
-      emptyValueComponent: v,
+      emptyValueComponent: b,
       value: O,
       defaultValue: M,
       icon: D,
       trailingIcon: W,
-      showInput: I = !1,
+      showInput: L = !1,
       showMinMaxLabels: Y = !0,
       min: G = 0,
       max: j = 100,
@@ -3971,46 +3987,46 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
       onChange: J,
       onChangeEnd: ue,
       ...A
-    } = e, [ae, pe] = ie(() => O !== void 0 ? O : M !== void 0 ? M : G), k = O !== void 0 ? O : ae, se = Array.isArray(k), [ve, re] = ie(
-      () => Array.isArray(k) ? [k[0].toString(), k[1].toString()] : k.toString()
+    } = e, [ae, pe] = ie(() => O !== void 0 ? O : M !== void 0 ? M : G), R = O !== void 0 ? O : ae, se = Array.isArray(R), [Ne, re] = ie(
+      () => Array.isArray(R) ? [R[0].toString(), R[1].toString()] : R.toString()
     );
-    Re(() => {
+    Ie(() => {
       re(
-        Array.isArray(k) ? [k[0].toString(), k[1].toString()] : k.toString()
+        Array.isArray(R) ? [R[0].toString(), R[1].toString()] : R.toString()
       );
-    }, [k]);
+    }, [R]);
     const le = (B) => {
       O === void 0 && pe(B), J == null || J(B);
-    }, be = (B) => {
+    }, ge = (B) => {
       const z = B.target.value;
       re(z);
-      const R = parseFloat(z);
-      if (!isNaN(R)) {
-        const F = Math.max(G, Math.min(j, R));
+      const k = parseFloat(z);
+      if (!isNaN(k)) {
+        const F = Math.max(G, Math.min(j, k));
         le(F);
       }
-    }, we = () => {
-      re(k.toString());
+    }, Se = () => {
+      re(R.toString());
     }, Ze = (B) => {
-      const z = k, R = B.target.value;
-      re([R, z[1].toString()]);
-      const F = parseFloat(R);
+      const z = R, k = B.target.value;
+      re([k, z[1].toString()]);
+      const F = parseFloat(k);
       if (!isNaN(F)) {
         const Z = Math.max(G, Math.min(z[1], F));
         le([Z, z[1]]);
       }
-    }, Se = (B) => {
-      const z = k, R = B.target.value;
-      re([z[0].toString(), R]);
-      const F = parseFloat(R);
+    }, $e = (B) => {
+      const z = R, k = B.target.value;
+      re([z[0].toString(), k]);
+      const F = parseFloat(k);
       if (!isNaN(F)) {
         const Z = Math.max(z[0], Math.min(j, F));
         le([z[0], Z]);
       }
     }, Xe = () => {
-      const B = k;
+      const B = R;
       re([B[0].toString(), B[1].toString()]);
-    }, Ae = [
+    }, We = [
       "size",
       // Recursica controls sizing via Slider.module.css variables, not Mantine's native size scale.
       "variant",
@@ -4021,10 +4037,10 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "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"
-    ], We = V(
+    ], ze = V(
       m(A, t),
-      Ae
-    ), uo = We, $e = E(
+      We
+    ), uo = ze, xe = E(
       {
         root: ee.sliderRoot,
         track: ee.sliderTrack,
@@ -4035,9 +4051,9 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
         markLabel: ee.sliderMarkLabel
       },
       uo.classNames
-    ), Qe = S ? `${ee.layoutOverride} ${S}` : ee.layoutOverride, xe = D ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: D }) : null, Je = W ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: W }) : null, U = Array.isArray(k) ? typeof b == "function" ? `${b(k[0])} – ${b(k[1])}` : `${k[0]} – ${k[1]}` : typeof b == "function" ? b(k) : k;
+    ), Qe = S ? `${ee.layoutOverride} ${S}` : ee.layoutOverride, Oe = D ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: D }) : null, Je = W ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: W }) : null, U = Array.isArray(R) ? typeof v == "function" ? `${v(R[0])} – ${v(R[1])}` : `${R[0]} – ${R[1]}` : typeof v == "function" ? v(R) : R;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         ref: o,
         className: Qe,
@@ -4053,19 +4069,19 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: y,
+        assistiveText: _,
         assistiveWithIcon: g,
         error: h,
         required: C,
         withAsterisk: N,
         id: P,
-        readOnly: _,
-        readOnlyComponent: $ || nd,
-        emptyValueComponent: v,
+        readOnly: f,
+        readOnlyComponent: $ || ad,
+        emptyValueComponent: b,
         readOnlyType: "text",
-        readOnlyValue: k,
-        readOnlyNativeProps: { value: k },
-        activeComponent: /* @__PURE__ */ L(
+        readOnlyValue: R,
+        readOnlyNativeProps: { value: R },
+        activeComponent: /* @__PURE__ */ I(
           "div",
           {
             className: ee.sliderContainer,
@@ -4073,67 +4089,67 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
             "data-disabled": T ? "true" : void 0,
             "data-error": h ? "true" : void 0,
             children: [
-              se && I && /* @__PURE__ */ r(
+              se && L && /* @__PURE__ */ r(
                 "input",
                 {
                   type: "number",
                   className: ee.inputField,
-                  value: ve[0],
+                  value: Ne[0],
                   onChange: Ze,
                   onBlur: Xe,
                   min: G,
-                  max: k[1],
+                  max: R[1],
                   step: K,
                   disabled: T,
                   "data-error": h ? "true" : void 0,
                   "aria-label": "Minimum value"
                 }
               ),
-              xe,
+              Oe,
               Y && /* @__PURE__ */ r("span", { className: ee.minMaxGuide, children: X ?? G }),
               /* @__PURE__ */ r("div", { className: ee.sliderTrackWrapper, children: se ? /* @__PURE__ */ r(
                 lr,
                 {
-                  ...We,
-                  classNames: $e,
+                  ...ze,
+                  classNames: xe,
                   disabled: T,
-                  value: k,
+                  value: R,
                   onChange: le,
                   onChangeEnd: ue,
                   min: G,
                   max: j,
                   step: K,
-                  label: b
+                  label: v
                 }
               ) : /* @__PURE__ */ r(
                 ir,
                 {
-                  ...We,
-                  classNames: $e,
+                  ...ze,
+                  classNames: xe,
                   disabled: T,
-                  value: k,
+                  value: R,
                   onChange: le,
                   onChangeEnd: ue,
                   min: G,
                   max: j,
                   step: K,
-                  label: b
+                  label: v
                 }
               ) }),
-              /* @__PURE__ */ L("div", { className: ee.rightGuideContainer, children: [
-                !I && /* @__PURE__ */ r("span", { className: ee.currentValue, children: U }),
+              /* @__PURE__ */ I("div", { className: ee.rightGuideContainer, children: [
+                !L && /* @__PURE__ */ r("span", { className: ee.currentValue, children: U }),
                 Y && /* @__PURE__ */ r("span", { className: ee.minMaxGuide, children: H ?? j })
               ] }),
               Je,
-              I && (se ? /* @__PURE__ */ r(
+              L && (se ? /* @__PURE__ */ r(
                 "input",
                 {
                   type: "number",
                   className: ee.inputField,
-                  value: ve[1],
-                  onChange: Se,
+                  value: Ne[1],
+                  onChange: $e,
                   onBlur: Xe,
-                  min: k[0],
+                  min: R[0],
                   max: j,
                   step: K,
                   disabled: T,
@@ -4145,9 +4161,9 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
                 {
                   type: "number",
                   className: ee.inputField,
-                  value: ve,
-                  onChange: be,
-                  onBlur: we,
+                  value: Ne,
+                  onChange: ge,
+                  onBlur: Se,
                   min: G,
                   max: j,
                   step: K,
@@ -4162,10 +4178,10 @@ const yp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
     );
   }
 );
-ad.displayName = "Slider";
-const rd = "Stack-module__root___NUN-x", Oo = {
-  root: rd
-}, pa = f(function({ children: e, gap: o = "rec-default", ...t }, n) {
+rd.displayName = "Slider";
+const sd = "Stack-module__root___NUN-x", Oo = {
+  root: sd
+}, pa = y(function({ children: e, gap: o = "rec-default", ...t }, n) {
   const s = {
     root: Oo.root
   }, l = t.classNames;
@@ -4186,23 +4202,23 @@ const rd = "Stack-module__root___NUN-x", Oo = {
   );
 });
 pa.displayName = "Stack";
-const hp = Te(pa), sd = "Stepper-module__root___jbSYO", ld = "Stepper-module__horizontal___USHT1", id = "Stepper-module__steps___4HPO6", cd = "Stepper-module__step___s2nqL", dd = "Stepper-module__stepBody___TBvys", ud = "Stepper-module__stepLabel___N6nuy", pd = "Stepper-module__stepDescription___DnDAy", md = "Stepper-module__separator___pU0No", _d = "Stepper-module__vertical___d4mOs", fd = "Stepper-module__large___J18-y", yd = "Stepper-module__small___Ub-zb", hd = "Stepper-module__stepIcon___YQHNq", vd = "Stepper-module__stepCompletedIcon___B9MeL", bd = "Stepper-module__verticalSeparator___frWc1", Nd = "Stepper-module__content___J-h8X", de = {
-  root: sd,
-  horizontal: ld,
-  steps: id,
-  step: cd,
-  stepBody: dd,
-  stepLabel: ud,
-  stepDescription: pd,
-  separator: md,
-  vertical: _d,
-  large: fd,
-  small: yd,
-  stepIcon: hd,
-  stepCompletedIcon: vd,
-  verticalSeparator: bd,
-  content: Nd
-}, ma = f(
+const vp = we(pa), ld = "Stepper-module__root___jbSYO", id = "Stepper-module__horizontal___USHT1", cd = "Stepper-module__steps___4HPO6", dd = "Stepper-module__step___s2nqL", ud = "Stepper-module__stepBody___TBvys", pd = "Stepper-module__stepLabel___N6nuy", md = "Stepper-module__stepDescription___DnDAy", _d = "Stepper-module__separator___pU0No", fd = "Stepper-module__vertical___d4mOs", yd = "Stepper-module__large___J18-y", hd = "Stepper-module__small___Ub-zb", vd = "Stepper-module__stepIcon___YQHNq", bd = "Stepper-module__stepCompletedIcon___B9MeL", Nd = "Stepper-module__verticalSeparator___frWc1", gd = "Stepper-module__content___J-h8X", de = {
+  root: ld,
+  horizontal: id,
+  steps: cd,
+  step: dd,
+  stepBody: ud,
+  stepLabel: pd,
+  stepDescription: md,
+  separator: _d,
+  vertical: fd,
+  large: yd,
+  small: hd,
+  stepIcon: vd,
+  stepCompletedIcon: bd,
+  verticalSeparator: Nd,
+  content: gd
+}, ma = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4240,7 +4256,7 @@ const hp = Te(pa), sd = "Stepper-module__root___jbSYO", ld = "Stepper-module__ho
       }
     );
   }
-), _a = f(
+), _a = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
@@ -4253,25 +4269,25 @@ const hp = Te(pa), sd = "Stepper-module__root___jbSYO", ld = "Stepper-module__ho
   }
 );
 _a.displayName = "Stepper.Step";
-const vp = Object.assign(ma, {
+const bp = Object.assign(ma, {
   Step: _a,
   // Stepper.Completed only accepts `children` — no styling props to strip,
   // so re-exporting Mantine's implementation directly is not a gap.
   Completed: ct.Completed
 });
 ma.displayName = "Stepper";
-const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", Pd = "Switch-module__body___Sw9Wr", Td = "Switch-module__thumb___-FTeK", wd = "Switch-module__labelWrapper___YSOwx", Sd = "Switch-module__label___LrH7V", $d = "Switch-module__thumbIconWrapper___sCY-1", xd = "Switch-module__checkIcon___ZBAQN", Od = "Switch-module__closeIcon___bLLGw", kd = "Switch-module__groupRoot___-Uepi", fe = {
-  root: gd,
-  track: Cd,
-  body: Pd,
-  thumb: Td,
-  labelWrapper: wd,
-  label: Sd,
-  thumbIconWrapper: $d,
-  checkIcon: xd,
-  closeIcon: Od,
+const Cd = "Switch-module__root___Y5Ydi", Pd = "Switch-module__track___7ObdZ", Td = "Switch-module__body___Sw9Wr", wd = "Switch-module__thumb___-FTeK", Sd = "Switch-module__labelWrapper___YSOwx", $d = "Switch-module__label___LrH7V", xd = "Switch-module__thumbIconWrapper___sCY-1", Od = "Switch-module__checkIcon___ZBAQN", Rd = "Switch-module__closeIcon___bLLGw", kd = "Switch-module__groupRoot___-Uepi", ye = {
+  root: Cd,
+  track: Pd,
+  body: Td,
+  thumb: wd,
+  labelWrapper: Sd,
+  label: $d,
+  thumbIconWrapper: xd,
+  checkIcon: Od,
+  closeIcon: Rd,
   groupRoot: kd
-}, fa = f(
+}, fa = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4285,8 +4301,8 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: b,
-      assistiveWithIcon: y,
+      assistiveText: v,
+      assistiveWithIcon: _,
       error: g,
       required: h,
       withAsterisk: C,
@@ -4295,9 +4311,9 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
       style: S,
       children: w,
       readOnly: T,
-      readOnlyComponent: _,
+      readOnlyComponent: f,
       emptyValueComponent: $,
-      value: v,
+      value: b,
       defaultValue: O,
       ...M
     } = e, D = [
@@ -4306,9 +4322,9 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
     ], W = V(
       m(M, t),
       D
-    ), I = W;
+    ), L = W;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: P,
         style: S,
@@ -4324,27 +4340,27 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: b,
-        assistiveWithIcon: y,
+        assistiveText: v,
+        assistiveWithIcon: _,
         error: g,
         required: h,
         withAsterisk: C,
         id: N,
-        readOnly: T && !!_,
-        readOnlyComponent: _,
+        readOnly: T && !!f,
+        readOnlyComponent: f,
         emptyValueComponent: $,
         readOnlyType: "text",
-        readOnlyValue: v !== void 0 ? v : O,
+        readOnlyValue: b !== void 0 ? b : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
           Gt.Group,
           {
             ref: o,
             ...W,
-            disabled: T || I.disabled,
-            value: v,
+            disabled: T || L.disabled,
+            value: b,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: fe.groupRoot, "data-layout": n, children: w })
+            children: /* @__PURE__ */ r("div", { className: ye.groupRoot, "data-layout": n, children: w })
           }
         )
       }
@@ -4352,7 +4368,7 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
   }
 );
 fa.displayName = "SwitchGroup";
-const ya = f(
+const ya = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4364,8 +4380,8 @@ const ya = f(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: u,
-      ...b
-    } = e, y = [
+      ...v
+    } = e, _ = [
       "size",
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
       "color",
@@ -4375,29 +4391,29 @@ const ya = f(
       "variant"
       // Switch has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
     ], g = V(
-      m(b, t),
-      y
+      m(v, t),
+      _
     ), h = g, C = E(
       {
-        root: fe.root,
-        body: fe.body,
-        track: fe.track,
-        thumb: fe.thumb,
-        trackLabel: fe.trackLabel,
-        labelWrapper: fe.labelWrapper,
-        label: fe.label
+        root: ye.root,
+        body: ye.body,
+        track: ye.track,
+        thumb: ye.thumb,
+        trackLabel: ye.trackLabel,
+        labelWrapper: ye.labelWrapper,
+        label: ye.label
       },
       h.classNames
     ), N = Ir(
       {},
       h.styles
-    ), P = h.className, S = P ? `${fe.root} ${P}` : fe.root;
+    ), P = h.className, S = P ? `${ye.root} ${P}` : ye.root;
     if (n && s) {
-      const _ = !!(h.checked ?? h.defaultChecked), v = /* @__PURE__ */ r(
+      const f = !!(h.checked ?? h.defaultChecked), b = /* @__PURE__ */ r(
         s,
         {
           ...e,
-          checked: _,
+          checked: f,
           label: h.label
         }
       );
@@ -4408,13 +4424,13 @@ const ya = f(
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: u,
-          children: v
+          children: b
         }
-      ) : /* @__PURE__ */ r(Ge, { children: v });
+      ) : /* @__PURE__ */ r(je, { children: b });
     }
-    const w = /* @__PURE__ */ L("div", { className: fe.thumbIconWrapper, children: [
-      /* @__PURE__ */ r(dr, { className: fe.checkIcon }),
-      /* @__PURE__ */ r(ur, { className: fe.closeIcon })
+    const w = /* @__PURE__ */ I("div", { className: ye.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(dr, { className: ye.checkIcon }),
+      /* @__PURE__ */ r(ur, { className: ye.closeIcon })
     ] }), T = /* @__PURE__ */ r(
       Gt,
       {
@@ -4425,7 +4441,7 @@ const ya = f(
         styles: N,
         disabled: n || l,
         "data-disabled": n || l || void 0,
-        thumbIcon: Ue(
+        thumbIcon: Ve(
           w,
           c
         )
@@ -4445,11 +4461,11 @@ const ya = f(
 );
 ya.displayName = "Switch";
 ya.Group = fa;
-const Rd = "Table-module__root___aMWWS", Id = "Table-module__sortIcon___V3-dH", nt = {
-  root: Rd,
-  sortIcon: Id
+const Id = "Table-module__root___aMWWS", Ld = "Table-module__sortIcon___V3-dH", nt = {
+  root: Id,
+  sortIcon: Ld
 };
-function Ld(a) {
+function Md(a) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -4465,7 +4481,7 @@ function Ld(a) {
     }
   );
 }
-function Md(a) {
+function Ad(a) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -4481,7 +4497,7 @@ function Md(a) {
     }
   );
 }
-const ha = f(function({ overStyled: e = !1, ...o }, t) {
+const ha = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e), s = n.className, l = nt.root, c = s ? `${l} ${s}` : l;
   return /* @__PURE__ */ r(
     qe,
@@ -4493,7 +4509,7 @@ const ha = f(function({ overStyled: e = !1, ...o }, t) {
   );
 });
 ha.displayName = "Table";
-const va = f(
+const va = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
@@ -4506,7 +4522,7 @@ const va = f(
   }
 );
 va.displayName = "TableThead";
-const ba = f(
+const ba = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
@@ -4519,7 +4535,7 @@ const ba = f(
   }
 );
 ba.displayName = "TableTbody";
-const Na = f(
+const Na = y(
   function({ overStyled: e = !1, selected: o = !1, disabled: t = !1, ...n }, s) {
     const l = m(n, e);
     return /* @__PURE__ */ r(
@@ -4534,7 +4550,7 @@ const Na = f(
   }
 );
 Na.displayName = "TableTr";
-const ga = f(
+const ga = y(
   function({
     overStyled: e = !1,
     sorted: o = !1,
@@ -4544,7 +4560,7 @@ const ga = f(
     ...l
   }, c) {
     const i = m(l, e);
-    return /* @__PURE__ */ L(
+    return /* @__PURE__ */ I(
       qe.Th,
       {
         ref: c,
@@ -4555,15 +4571,15 @@ const ga = f(
         "aria-sort": o === "asc" ? "ascending" : o === "desc" ? "descending" : void 0,
         children: [
           s,
-          o === "asc" && /* @__PURE__ */ r(Ld, { className: nt.sortIcon }),
-          o === "desc" && /* @__PURE__ */ r(Md, { className: nt.sortIcon })
+          o === "asc" && /* @__PURE__ */ r(Md, { className: nt.sortIcon }),
+          o === "desc" && /* @__PURE__ */ r(Ad, { className: nt.sortIcon })
         ]
       }
     );
   }
 );
 ga.displayName = "TableTh";
-const Ca = f(
+const Ca = y(
   function({ overStyled: e = !1, disabled: o = !1, variant: t = "default", ...n }, s) {
     const l = m(n, e);
     return /* @__PURE__ */ r(
@@ -4578,7 +4594,7 @@ const Ca = f(
   }
 );
 Ca.displayName = "TableTd";
-const Pa = f(
+const Pa = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
@@ -4591,7 +4607,7 @@ const Pa = f(
   }
 );
 Pa.displayName = "TableTfoot";
-const Ta = f(function({ overStyled: e = !1, ...o }, t) {
+const Ta = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
     qe.Caption,
@@ -4602,7 +4618,7 @@ const Ta = f(function({ overStyled: e = !1, ...o }, t) {
   );
 });
 Ta.displayName = "TableCaption";
-const wa = f(function({ overStyled: e = !1, ...o }, t) {
+const wa = y(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
     qe.ScrollContainer,
@@ -4622,13 +4638,13 @@ co.Td = Ca;
 co.Tfoot = Pa;
 co.Caption = Ta;
 co.ScrollContainer = wa;
-const Ad = "Tabs-module__root___-VKVI", Wd = "Tabs-module__list___qRVME", zd = "Tabs-module__tab___IdDYc", Dd = "Tabs-module__tabSection___Es-nf", Ed = "Tabs-module__panel___08i9c", ko = {
-  root: Ad,
-  list: Wd,
-  tab: zd,
-  tabSection: Dd,
-  panel: Ed
-}, Sa = f(function(e, o) {
+const Wd = "Tabs-module__root___-VKVI", zd = "Tabs-module__list___qRVME", Dd = "Tabs-module__tab___IdDYc", Ed = "Tabs-module__tabSection___Es-nf", Bd = "Tabs-module__panel___08i9c", Ro = {
+  root: Wd,
+  list: zd,
+  tab: Dd,
+  tabSection: Ed,
+  panel: Bd
+}, Sa = y(function(e, o) {
   const {
     variant: t = "default",
     orientation: n = "horizontal",
@@ -4637,10 +4653,10 @@ const Ad = "Tabs-module__root___-VKVI", Wd = "Tabs-module__list___qRVME", zd = "
     ...c
   } = e, i = m(c, s), d = i, p = E(
     {
-      list: ko.list,
-      tab: ko.tab,
-      tabSection: ko.tabSection,
-      panel: ko.panel
+      list: Ro.list,
+      tab: Ro.tab,
+      tabSection: Ro.tabSection,
+      panel: Ro.panel
     },
     d.classNames
   );
@@ -4651,7 +4667,7 @@ const Ad = "Tabs-module__root___-VKVI", Wd = "Tabs-module__list___qRVME", zd = "
       ...i,
       variant: t,
       orientation: n,
-      className: `${ko.root} ${l || ""}`,
+      className: `${Ro.root} ${l || ""}`,
       "data-variant": t,
       "data-orientation": n,
       classNames: p
@@ -4659,7 +4675,7 @@ const Ad = "Tabs-module__root___-VKVI", Wd = "Tabs-module__list___qRVME", zd = "
   );
 });
 Sa.displayName = "Tabs";
-const $a = f(
+const $a = y(
   function(e, o) {
     const { overStyled: t = !1, ...n } = e;
     return /* @__PURE__ */ r(
@@ -4672,7 +4688,7 @@ const $a = f(
   }
 );
 $a.displayName = "Tabs.List";
-const xa = f(
+const xa = y(
   function(e, o) {
     const { overStyled: t = !1, ...n } = e;
     return /* @__PURE__ */ r(
@@ -4685,7 +4701,7 @@ const xa = f(
   }
 );
 xa.displayName = "Tabs.Tab";
-const Oa = f(
+const Oa = y(
   function(e, o) {
     const { overStyled: t = !1, ...n } = e;
     return /* @__PURE__ */ r(
@@ -4698,25 +4714,25 @@ const Oa = f(
   }
 );
 Oa.displayName = "Tabs.Panel";
-const bp = Object.assign(Sa, {
+const Np = Object.assign(Sa, {
   List: $a,
   Tab: xa,
   Panel: Oa
 }), It = /* @__PURE__ */ new Set(), Lt = /* @__PURE__ */ new Set();
-function ka(a, e) {
+function Ra(a, e) {
   return Array.from(a).some((o) => {
     if (o instanceof CSSStyleRule)
       return o.selectorText.split(",").some((n) => n.trim() === e);
     const t = o.cssRules;
-    return t ? ka(t, e) : !1;
+    return t ? Ra(t, e) : !1;
   });
 }
-function Bd(a) {
+function Fd(a) {
   const e = `.recursica_brand_typography_${a}`;
   if (It.has(e)) return !0;
   const o = Array.from(document.styleSheets).some((t) => {
     try {
-      return ka(t.cssRules, e);
+      return Ra(t.cssRules, e);
     } catch {
       return !1;
     }
@@ -4725,9 +4741,9 @@ function Bd(a) {
     `Text: no "${e}" rule found. "${a}" is not defined under brand.typography in the exported Recursica CSS, so the text is hidden.`
   )), o;
 }
-const Fd = "Text-module__root___rsBo7", Ud = {
-  root: Fd
-}, Vd = ["h1", "h2", "h3", "h4", "h5", "h6"], Ra = f(function({
+const Ud = "Text-module__root___rsBo7", Vd = {
+  root: Ud
+}, Hd = ["h1", "h2", "h3", "h4", "h5", "h6"], ka = y(function({
   overStyled: e = !1,
   variant: o = "body",
   emphasis: t = "high",
@@ -4735,11 +4751,11 @@ const Fd = "Text-module__root___rsBo7", Ud = {
   ...s
 }, l) {
   const c = s.component;
-  if (typeof c == "string" && Vd.includes(c))
+  if (typeof c == "string" && Hd.includes(c))
     throw new Error(
       `Text cannot render <${c}>. Use <Heading> for semantic h1-h6.`
     );
-  const i = m(s, e), d = i.className, p = process.env.NODE_ENV !== "production" && typeof document < "u" && !Bd(o), b = [`recursica_brand_typography_${o}`, Ud.root, d].filter(Boolean).join(" ");
+  const i = m(s, e), d = i.className, p = process.env.NODE_ENV !== "production" && typeof document < "u" && !Fd(o), v = [`recursica_brand_typography_${o}`, Vd.root, d].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     pr,
     {
@@ -4748,23 +4764,23 @@ const Fd = "Text-module__root___rsBo7", Ud = {
       "data-color": n,
       "data-emphasis": t,
       "data-typography-missing": p || void 0,
-      className: b
+      className: v
     }
   );
 });
-Ra.displayName = "Text";
-const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextArea-module__root___3dyeu", jd = "TextArea-module__input___8l36v", zo = {
-  layoutOverride: Hd,
-  root: Gd,
-  input: jd
-}, qd = [
+ka.displayName = "Text";
+const gp = we(ka), Gd = "TextArea-module__layoutOverride___4MCdm", jd = "TextArea-module__root___3dyeu", qd = "TextArea-module__input___8l36v", zo = {
+  layoutOverride: Gd,
+  root: jd,
+  input: qd
+}, Kd = [
   "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.
-], Kd = f(
+], Yd = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4777,8 +4793,8 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -4787,13 +4803,13 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       ...O
     } = e, M = V(
       m(O, t),
-      qd
+      Kd
     ), D = M, W = E(
       {
         wrapper: zo.root,
@@ -4801,11 +4817,11 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
         input: zo.input
       },
       D.classNames
-    ), I = N ? `${zo.layoutOverride} ${N}` : zo.layoutOverride;
+    ), L = N ? `${zo.layoutOverride} ${N}` : zo.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
-        className: I,
+        className: L,
         style: P,
         controlMaxWidth: "var(--textarea-control-max-width)",
         controlMinWidth: "var(--textarea-control-min-width)",
@@ -4818,16 +4834,16 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: $ !== void 0 ? $ : v,
+        readOnlyValue: $ !== void 0 ? $ : b,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -4839,10 +4855,10 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
               classNames: W,
               disabled: S,
               value: $,
-              defaultValue: v,
+              defaultValue: b,
               label: void 0,
               description: void 0,
-              error: !!y,
+              error: !!_,
               required: void 0,
               withAsterisk: void 0
             }
@@ -4852,20 +4868,20 @@ const Np = Te(Ra), Hd = "TextArea-module__layoutOverride___4MCdm", Gd = "TextAre
     );
   }
 );
-Kd.displayName = "TextArea";
-const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__root___2ZYkG", Xd = "TextField-module__input___RL-My", Qd = "TextField-module__section___bCIJ0", Ro = {
-  layoutOverride: Yd,
-  root: Zd,
-  input: Xd,
-  section: Qd
-}, Jd = [
+Yd.displayName = "TextArea";
+const Zd = "TextField-module__layoutOverride___SNZqc", Xd = "TextField-module__root___2ZYkG", Qd = "TextField-module__input___RL-My", Jd = "TextField-module__section___bCIJ0", ko = {
+  layoutOverride: Zd,
+  root: Xd,
+  input: Qd,
+  section: Jd
+}, eu = [
   "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.
-], Ia = f(
+], Ia = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4878,8 +4894,8 @@ const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__r
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -4888,26 +4904,26 @@ const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__r
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       ...O
     } = e, M = V(
       m(O, t),
-      Jd
+      eu
     ), D = M, W = E(
       {
-        wrapper: Ro.root,
+        wrapper: ko.root,
         // The nested Input internal relative wrapper bounding box
-        input: Ro.input,
-        section: Ro.section
+        input: ko.input,
+        section: ko.section
       },
       D.classNames
-    ), I = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
+    ), L = N ? `${ko.layoutOverride} ${N}` : ko.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
-        className: I,
+        className: L,
         style: P,
         controlMaxWidth: "var(--text-field-control-max-width)",
         controlMinWidth: "var(--text-field-control-min-width)",
@@ -4920,16 +4936,16 @@ const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__r
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: $ !== void 0 ? $ : v,
+        readOnlyValue: $ !== void 0 ? $ : b,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -4941,10 +4957,10 @@ const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__r
               classNames: W,
               disabled: S,
               value: $,
-              defaultValue: v,
+              defaultValue: b,
               wrapperProps: {
                 "data-disabled": S ? "true" : void 0,
-                "data-error": y ? "true" : void 0
+                "data-error": _ ? "true" : void 0
               }
             }
           )
@@ -4954,17 +4970,17 @@ const Yd = "TextField-module__layoutOverride___SNZqc", Zd = "TextField-module__r
   }
 );
 Ia.displayName = "TextField";
-const eu = [
+const ou = [
   "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 = f(function(e, o) {
+], La = y(function(e, o) {
   const { overStyled: t = !1, className: n, disabled: s, error: l, ...c } = e, i = V(
     m(c, t),
-    eu
+    ou
   ), d = i, p = E(
     {
       wrapper: n ? `${oe.root} ${n}` : oe.root,
@@ -4995,16 +5011,16 @@ const eu = [
   );
 });
 La.displayName = "BareDropdown";
-const ou = "TimePicker-module__layoutOverride___zKo4Q", tu = "TimePicker-module__root___BcvRu", nu = "TimePicker-module__timeWrapper___hJVre", au = "TimePicker-module__timeInput___FQysn", ru = "TimePicker-module__fieldsGroup___2yHhR", su = "TimePicker-module__section___VkSWB", lu = "TimePicker-module__timeField___twRZd", iu = "TimePicker-module__amPmSelect___mSdvt", De = {
-  layoutOverride: ou,
-  root: tu,
-  timeWrapper: nu,
-  timeInput: au,
-  fieldsGroup: ru,
-  section: su,
-  timeField: lu,
-  amPmSelect: iu
-}, cu = [
+const tu = "TimePicker-module__layoutOverride___zKo4Q", nu = "TimePicker-module__root___BcvRu", au = "TimePicker-module__timeWrapper___hJVre", ru = "TimePicker-module__timeInput___FQysn", su = "TimePicker-module__fieldsGroup___2yHhR", lu = "TimePicker-module__section___VkSWB", iu = "TimePicker-module__timeField___twRZd", cu = "TimePicker-module__amPmSelect___mSdvt", Ee = {
+  layoutOverride: tu,
+  root: nu,
+  timeWrapper: au,
+  timeInput: ru,
+  fieldsGroup: su,
+  section: lu,
+  timeField: iu,
+  amPmSelect: cu
+}, du = [
   { value: "AM", label: "AM" },
   { value: "PM", label: "PM" }
 ];
@@ -5013,17 +5029,17 @@ function Mt(a) {
   const e = parseInt(a.slice(0, 2), 10);
   return Number.isNaN(e) ? void 0 : e;
 }
-function du(a, e) {
+function uu(a, e) {
   return `${String(e).padStart(2, "0")}${a.slice(2)}`;
 }
-function uu(a) {
+function pu(a) {
   if (!a) return;
   const [e, o, t] = a.split(":"), n = parseInt(e, 10);
   if (Number.isNaN(n) || o === void 0) return a;
   const s = n >= 12, l = n % 12 === 0 ? 12 : n % 12, c = t !== void 0 ? `${o}:${t}` : o;
   return `${l}:${c} ${s ? "PM" : "AM"}`;
 }
-function pu(a, e) {
+function mu(a, e) {
   var t;
   const o = (t = Object.getOwnPropertyDescriptor(
     window.HTMLSelectElement.prototype,
@@ -5031,14 +5047,14 @@ function pu(a, e) {
   )) == null ? void 0 : t.set;
   o == null || o.call(a, e), a.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-const mu = [
+const _u = [
   "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.
-], _u = f(
+], fu = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5051,8 +5067,8 @@ const mu = [
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: b,
-      error: y,
+      assistiveWithIcon: v,
+      error: _,
       required: g,
       withAsterisk: h,
       id: C,
@@ -5061,40 +5077,40 @@ const mu = [
       disabled: S,
       readOnly: w,
       readOnlyComponent: T,
-      emptyValueComponent: _,
+      emptyValueComponent: f,
       value: $,
-      defaultValue: v,
+      defaultValue: b,
       onChange: O,
       withSeconds: M,
       minTime: D,
       maxTime: W,
-      ...I
+      ...L
     } = e, Y = V(
-      m(I, t),
-      mu
+      m(L, t),
+      _u
     ), G = Y, [j, X] = ie(
-      () => $ ?? v
+      () => $ ?? b
     );
-    Re(() => {
+    Ie(() => {
       $ !== void 0 && X($);
     }, [$]);
-    const H = Be(null);
-    Re(() => {
-      Mt($ ?? v) === void 0 && H.current && pu(H.current, "AM");
+    const H = Fe(null);
+    Ie(() => {
+      Mt($ ?? b) === void 0 && H.current && mu(H.current, "AM");
     }, []);
-    const K = (k) => {
-      X(k), O == null || O(k);
-    }, J = Mt(j), ue = J !== void 0 && J >= 12, A = (k) => {
-      K(k);
-    }, ae = (k) => {
-      if (J === void 0 || !j || !k) return;
-      const se = k === "PM";
+    const K = (R) => {
+      X(R), O == null || O(R);
+    }, J = Mt(j), ue = J !== void 0 && J >= 12, A = (R) => {
+      K(R);
+    }, ae = (R) => {
+      if (J === void 0 || !j || !R) return;
+      const se = R === "PM";
       if (se === ue) return;
-      const ve = se ? J + 12 : J - 12;
-      K(du(j, ve));
-    }, pe = N ? `${De.layoutOverride} ${N}` : De.layoutOverride;
+      const Ne = se ? J + 12 : J - 12;
+      K(uu(j, Ne));
+    }, pe = N ? `${Ee.layoutOverride} ${N}` : Ee.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: pe,
         style: P,
@@ -5109,17 +5125,17 @@ const mu = [
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: b,
-        error: y,
+        assistiveWithIcon: v,
+        error: _,
         required: g,
         withAsterisk: h,
         id: C,
         readOnly: w,
         readOnlyComponent: T,
-        emptyValueComponent: _,
+        emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: uu(
-          $ !== void 0 ? $ : v
+        readOnlyValue: pu(
+          $ !== void 0 ? $ : b
         ),
         readOnlyNativeProps: e,
         activeComponent: (
@@ -5128,12 +5144,12 @@ const mu = [
              choice (see TIMEPICKER_IMPLEMENTATION_NOTES.md). Mantine's own native AM/PM <select>
              (bundled unconditionally with format="12h") is CSS-hidden; our own BareDropdown next to
              it is the only AM/PM control the user interacts with. */
-          /* @__PURE__ */ L(
+          /* @__PURE__ */ I(
             "div",
             {
-              className: De.root,
+              className: Ee.root,
               "data-disabled": S ? "true" : void 0,
-              "data-error": y ? "true" : void 0,
+              "data-error": _ ? "true" : void 0,
               children: [
                 /* @__PURE__ */ r(
                   Cr,
@@ -5142,11 +5158,11 @@ const mu = [
                     ...Y,
                     classNames: E(
                       {
-                        wrapper: De.timeWrapper,
-                        input: De.timeInput,
-                        section: De.section,
-                        fieldsGroup: De.fieldsGroup,
-                        field: De.timeField
+                        wrapper: Ee.timeWrapper,
+                        input: Ee.timeInput,
+                        section: Ee.section,
+                        fieldsGroup: Ee.fieldsGroup,
+                        field: Ee.timeField
                       },
                       G.classNames
                     ),
@@ -5165,13 +5181,13 @@ const mu = [
                   La,
                   {
                     overStyled: !0,
-                    className: De.amPmSelect,
+                    className: Ee.amPmSelect,
                     styles: { wrapper: { width: "fit-content" } },
-                    data: cu,
+                    data: du,
                     value: ue ? "PM" : "AM",
                     onChange: ae,
                     disabled: S,
-                    error: !!y,
+                    error: !!_,
                     "aria-label": "AM or PM"
                   }
                 )
@@ -5183,16 +5199,16 @@ const mu = [
     );
   }
 );
-_u.displayName = "TimePicker";
-const fu = "Timeline-module__root___LwRdZ", yu = "Timeline-module__item___T5xdQ", hu = "Timeline-module__itemBody___XAV-E", vu = "Timeline-module__itemBullet___rPXCy", bu = "Timeline-module__itemTitle___GgRRW", Nu = "Timeline-module__itemContent___vurs-", gu = "Timeline-module__description___f9sxV", Cu = "Timeline-module__timestamp___owiRu", ao = {
-  root: fu,
-  item: yu,
-  itemBody: hu,
-  itemBullet: vu,
-  itemTitle: bu,
-  itemContent: Nu,
-  description: gu,
-  timestamp: Cu
+fu.displayName = "TimePicker";
+const yu = "Timeline-module__root___LwRdZ", hu = "Timeline-module__item___T5xdQ", vu = "Timeline-module__itemBody___XAV-E", bu = "Timeline-module__itemBullet___rPXCy", Nu = "Timeline-module__itemTitle___GgRRW", gu = "Timeline-module__itemContent___vurs-", Cu = "Timeline-module__description___f9sxV", Pu = "Timeline-module__timestamp___owiRu", ao = {
+  root: yu,
+  item: hu,
+  itemBody: vu,
+  itemBullet: bu,
+  itemTitle: Nu,
+  itemContent: gu,
+  description: Cu,
+  timestamp: Pu
 }, Ma = q.forwardRef(
   function({
     overStyled: e = !1,
@@ -5210,7 +5226,7 @@ const fu = "Timeline-module__root___LwRdZ", yu = "Timeline-module__item___T5xdQ"
         itemTitle: ao.itemTitle
       },
       i.classNames
-    ), p = o ? /* @__PURE__ */ L(Ge, { children: [
+    ), p = o ? /* @__PURE__ */ I(je, { children: [
       n && /* @__PURE__ */ r("div", { className: ao.description, children: n }),
       /* @__PURE__ */ r("div", { className: ao.timestamp, children: o })
     ] }) : n;
@@ -5244,17 +5260,17 @@ const Aa = q.forwardRef(
   }
 );
 Aa.displayName = "Timeline";
-const Pu = Aa;
-Pu.Item = Ma;
-const Tu = "Toast-module__root___MUvfI", wu = "Toast-module__icon___VwvE1", Su = "Toast-module__loader___8Gxd-", $u = "Toast-module__title___-H6R2", xu = "Toast-module__description___-QwfC", Ou = "Toast-module__closeButton___vGr7g", ku = "Toast-module__body___VLkXA", yo = {
-  root: Tu,
-  icon: wu,
-  loader: Su,
-  title: $u,
-  description: xu,
-  closeButton: Ou,
+const Tu = Aa;
+Tu.Item = Ma;
+const wu = "Toast-module__root___MUvfI", Su = "Toast-module__icon___VwvE1", $u = "Toast-module__loader___8Gxd-", xu = "Toast-module__title___-H6R2", Ou = "Toast-module__description___-QwfC", Ru = "Toast-module__closeButton___vGr7g", ku = "Toast-module__body___VLkXA", yo = {
+  root: wu,
+  icon: Su,
+  loader: $u,
+  title: xu,
+  description: Ou,
+  closeButton: Ru,
   body: ku
-}, Ru = q.forwardRef(
+}, Iu = q.forwardRef(
   function({
     overStyled: e = !1,
     variant: o = "default",
@@ -5297,10 +5313,10 @@ const Tu = "Toast-module__root___MUvfI", wu = "Toast-module__icon___VwvE1", Su =
     );
   }
 );
-Ru.displayName = "Toast";
-const Iu = "Tooltip-module__tooltip___UA7H9", Lu = "Tooltip-module__arrow___4zROk", At = {
-  tooltip: Iu,
-  arrow: Lu
+Iu.displayName = "Toast";
+const Lu = "Tooltip-module__tooltip___UA7H9", Mu = "Tooltip-module__arrow___4zROk", At = {
+  tooltip: Lu,
+  arrow: Mu
 }, Wa = function({
   overStyled: e = !1,
   withBeak: o = !0,
@@ -5332,7 +5348,7 @@ const Iu = "Tooltip-module__tooltip___UA7H9", Lu = "Tooltip-module__arrow___4zRO
   );
 };
 Wa.displayName = "Tooltip";
-const za = f(
+const za = y(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
@@ -5348,23 +5364,23 @@ za.displayName = "TooltipFloating";
 const Da = Wa;
 Da.Floating = za;
 Da.Group = dt.Group;
-const Mu = "TransferList-module__layoutOverride___nkb32", Au = "TransferList-module__root___ikjI7", Wu = "TransferList-module__panes___dtwkW", zu = "TransferList-module__pane___hy-kC", Du = "TransferList-module__paneHeader___HZrKX", Eu = "TransferList-module__paneSearch___Xji-g", Bu = "TransferList-module__paneList___v0rcJ", Fu = "TransferList-module__emptyState___azPw-", Uu = "TransferList-module__transferColumn___3R2Ki", Vu = "TransferList-module__chevron___l-KdI", Pe = {
-  layoutOverride: Mu,
-  root: Au,
-  panes: Wu,
-  pane: zu,
-  paneHeader: Du,
-  paneSearch: Eu,
-  paneList: Bu,
-  emptyState: Fu,
-  transferColumn: Uu,
-  chevron: Vu
+const Au = "TransferList-module__layoutOverride___nkb32", Wu = "TransferList-module__root___ikjI7", zu = "TransferList-module__panes___dtwkW", Du = "TransferList-module__pane___hy-kC", Eu = "TransferList-module__paneHeader___HZrKX", Bu = "TransferList-module__paneSearch___Xji-g", Fu = "TransferList-module__paneList___v0rcJ", Uu = "TransferList-module__emptyState___azPw-", Vu = "TransferList-module__transferColumn___3R2Ki", Hu = "TransferList-module__chevron___l-KdI", Te = {
+  layoutOverride: Au,
+  root: Wu,
+  panes: zu,
+  pane: Du,
+  paneHeader: Eu,
+  paneSearch: Bu,
+  paneList: Fu,
+  emptyState: Uu,
+  transferColumn: Vu,
+  chevron: Hu
 };
 function Wt({ direction: a }) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      className: Pe.chevron,
+      className: Te.chevron,
       "data-direction": a,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -5383,7 +5399,7 @@ function zt({ direction: a }) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      className: Pe.chevron,
+      className: Te.chevron,
       "data-direction": a,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -5398,14 +5414,14 @@ function zt({ direction: a }) {
     }
   );
 }
-function Hu(a) {
+function Gu(a) {
   const e = {}, o = [];
   return a.forEach((t) => {
     var n;
     t.group ? (e[n = t.group] ?? (e[n] = [])).push(t) : o.push(t);
   }), { groups: e, ungrouped: o };
 }
-const Gu = f(
+const ju = y(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5418,8 +5434,8 @@ const Gu = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: b,
-      description: y,
+      assistiveText: v,
+      description: _,
       helperText: g,
       assistiveWithIcon: h,
       error: C,
@@ -5428,27 +5444,27 @@ const Gu = f(
       readOnly: S,
       readOnlyComponent: w,
       emptyValueComponent: T,
-      data: _,
+      data: f,
       defaultData: $,
-      onChange: v,
+      onChange: b,
       sourceLabel: O = "Available",
       targetLabel: M = "Selected",
       searchable: D = !0,
       searchPlaceholder: W = "Filter items...",
-      disabled: I = !1,
+      disabled: L = !1,
       className: Y,
       style: G,
       ...j
     } = e, X = m(j, t), H = Et(), K = P || `recursica-transfer-list-${H}`, [J, ue] = ie(
-      () => $ ?? _ ?? [[], []]
-    ), A = _ !== void 0 ? _ : J, ae = mo(
+      () => $ ?? f ?? [[], []]
+    ), A = f !== void 0 ? f : J, ae = mo(
       (U) => {
-        _ === void 0 && ue(U), v == null || v(U);
+        f === void 0 && ue(U), b == null || b(U);
       },
-      [_, v]
-    ), [pe, k] = ie(""), [se, ve] = ie(""), [re, le] = ie(
+      [f, b]
+    ), [pe, R] = ie(""), [se, Ne] = ie(""), [re, le] = ie(
       () => /* @__PURE__ */ new Set()
-    ), [be, we] = ie(
+    ), [ge, Se] = ie(
       () => /* @__PURE__ */ new Set()
     ), Ze = wt(() => {
       if (!pe) return A[0];
@@ -5456,7 +5472,7 @@ const Gu = f(
       return A[0].filter(
         (B) => B.label.toLowerCase().includes(U)
       );
-    }, [A, pe]), Se = wt(() => {
+    }, [A, pe]), $e = wt(() => {
       if (!se) return A[1];
       const U = se.toLowerCase();
       return A[1].filter(
@@ -5470,47 +5486,47 @@ const Gu = f(
         (z) => re.has(z.value)
       );
       le(/* @__PURE__ */ new Set()), ae([U, [...A[1], ...B]]);
-    }, [A, re, ae]), Ae = mo(() => {
-      if (be.size === 0) return;
+    }, [A, re, ae]), We = mo(() => {
+      if (ge.size === 0) return;
       const U = A[1].filter(
-        (z) => !be.has(z.value)
+        (z) => !ge.has(z.value)
       ), B = A[1].filter(
-        (z) => be.has(z.value)
+        (z) => ge.has(z.value)
       );
-      we(/* @__PURE__ */ new Set()), ae([[...A[0], ...B], U]);
-    }, [A, be, ae]), We = mo(() => {
+      Se(/* @__PURE__ */ new Set()), ae([[...A[0], ...B], U]);
+    }, [A, ge, ae]), ze = mo(() => {
       A[0].length !== 0 && (le(/* @__PURE__ */ new Set()), ae([[], [...A[1], ...A[0]]]));
     }, [A, ae]), uo = mo(() => {
-      A[1].length !== 0 && (we(/* @__PURE__ */ new Set()), ae([[...A[0], ...A[1]], []]));
-    }, [A, ae]), $e = mo((U) => {
+      A[1].length !== 0 && (Se(/* @__PURE__ */ new Set()), ae([[...A[0], ...A[1]], []]));
+    }, [A, ae]), xe = mo((U) => {
       le((B) => {
         const z = new Set(B);
         return z.has(U) ? z.delete(U) : z.add(U), z;
       });
     }, []), Qe = mo((U) => {
-      we((B) => {
+      Se((B) => {
         const z = new Set(B);
         return z.has(U) ? z.delete(U) : z.add(U), z;
       });
-    }, []), xe = (U, B, z, R, F, Z, me, eo) => {
-      const { groups: po, ungrouped: x } = Hu(z), te = Object.keys(po).sort(), ne = F.size > 0 ? `${F.size} / ${R.length}` : `${R.length}`;
-      return /* @__PURE__ */ L("div", { className: Pe.pane, "data-pane": U, children: [
-        /* @__PURE__ */ L("div", { className: Pe.paneHeader, children: [
+    }, []), Oe = (U, B, z, k, F, Z, _e, eo) => {
+      const { groups: po, ungrouped: x } = Gu(z), te = Object.keys(po).sort(), ne = F.size > 0 ? `${F.size} / ${k.length}` : `${k.length}`;
+      return /* @__PURE__ */ I("div", { className: Te.pane, "data-pane": U, children: [
+        /* @__PURE__ */ I("div", { className: Te.paneHeader, children: [
           /* @__PURE__ */ r("span", { children: B }),
-          /* @__PURE__ */ r(Rs, { children: ne })
+          /* @__PURE__ */ r(ks, { children: ne })
         ] }),
-        D && /* @__PURE__ */ r("div", { className: Pe.paneSearch, children: /* @__PURE__ */ r(
+        D && /* @__PURE__ */ r("div", { className: Te.paneSearch, children: /* @__PURE__ */ r(
           Ia,
           {
-            value: me,
+            value: _e,
             onChange: (Q) => eo(Q.currentTarget.value),
             placeholder: W,
-            disabled: I,
+            disabled: L,
             "aria-label": `Filter ${B.toLowerCase()}`
           }
         ) }),
-        /* @__PURE__ */ L("div", { className: Pe.paneList, children: [
-          z.length === 0 && /* @__PURE__ */ r("div", { className: Pe.emptyState, children: "No items" }),
+        /* @__PURE__ */ I("div", { className: Te.paneList, children: [
+          z.length === 0 && /* @__PURE__ */ r("div", { className: Te.emptyState, children: "No items" }),
           x.length > 0 && /* @__PURE__ */ r(Fo, { children: x.map((Q) => /* @__PURE__ */ r(
             Uo,
             {
@@ -5518,7 +5534,7 @@ const Gu = f(
               label: Q.label,
               checked: F.has(Q.value),
               onChange: () => Z(Q.value),
-              disabled: I
+              disabled: L
             },
             Q.value
           )) }),
@@ -5527,25 +5543,25 @@ const Gu = f(
             {
               label: Q,
               labelSize: "small",
-              children: po[Q].map((_e) => /* @__PURE__ */ r(
+              children: po[Q].map((fe) => /* @__PURE__ */ r(
                 Uo,
                 {
-                  id: `${K}-${U}-${_e.value}`,
-                  label: _e.label,
-                  checked: F.has(_e.value),
-                  onChange: () => Z(_e.value),
-                  disabled: I
+                  id: `${K}-${U}-${fe.value}`,
+                  label: fe.label,
+                  checked: F.has(fe.value),
+                  onChange: () => Z(fe.value),
+                  disabled: L
                 },
-                _e.value
+                fe.value
               ))
             },
             Q
           ))
         ] })
       ] });
-    }, Je = Y ? `${Pe.layoutOverride} ${Y}` : Pe.layoutOverride;
+    }, Je = Y ? `${Te.layoutOverride} ${Y}` : Te.layoutOverride;
     return /* @__PURE__ */ r(
-      he,
+      be,
       {
         ref: o,
         formLayout: n,
@@ -5556,8 +5572,8 @@ const Gu = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: b,
-        description: y,
+        assistiveText: v,
+        description: _,
         helperText: g,
         assistiveWithIcon: h,
         error: C,
@@ -5576,75 +5592,75 @@ const Gu = f(
           "div",
           {
             ...X,
-            className: Pe.root,
-            "data-disabled": I ? "true" : void 0,
+            className: Te.root,
+            "data-disabled": L ? "true" : void 0,
             "data-error": C ? "true" : void 0,
-            children: /* @__PURE__ */ L("div", { className: Pe.panes, children: [
-              xe(
+            children: /* @__PURE__ */ I("div", { className: Te.panes, children: [
+              Oe(
                 "source",
                 O,
                 Ze,
                 A[0],
                 re,
-                $e,
+                xe,
                 pe,
-                k
+                R
               ),
-              /* @__PURE__ */ L("div", { className: Pe.transferColumn, children: [
+              /* @__PURE__ */ I("div", { className: Te.transferColumn, children: [
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(zt, { direction: "right" }),
                     "aria-label": `Move all to ${M}`,
-                    disabled: I || A[0].length === 0,
-                    onClick: We
+                    disabled: L || A[0].length === 0,
+                    onClick: ze
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(Wt, { direction: "right" }),
                     "aria-label": `Move selected to ${M}`,
-                    disabled: I || re.size === 0,
+                    disabled: L || re.size === 0,
                     onClick: Xe
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(Wt, { direction: "left" }),
                     "aria-label": `Move selected to ${O}`,
-                    disabled: I || be.size === 0,
-                    onClick: Ae
+                    disabled: L || ge.size === 0,
+                    onClick: We
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(zt, { direction: "left" }),
                     "aria-label": `Move all to ${O}`,
-                    disabled: I || A[1].length === 0,
+                    disabled: L || A[1].length === 0,
                     onClick: uo
                   }
                 )
               ] }),
-              xe(
+              Oe(
                 "target",
                 M,
-                Se,
+                $e,
                 A[1],
-                be,
+                ge,
                 Qe,
                 se,
-                ve
+                Ne
               )
             ] })
           }
@@ -5653,17 +5669,17 @@ const Gu = f(
     );
   }
 );
-Gu.displayName = "TransferList";
-const ju = "Tree-module__root___ANcH3", qu = "Tree-module__subtree___KoLT8", Ku = "Tree-module__node___Hvnjg", Yu = "Tree-module__row___sq5ff", Zu = "Tree-module__label___zJDit", Xu = "Tree-module__expandButton___W0WTT", Qu = "Tree-module__expandGlyph___w8dDQ", so = {
-  root: ju,
-  subtree: qu,
-  node: Ku,
-  row: Yu,
-  label: Zu,
-  expandButton: Xu,
-  expandGlyph: Qu
+ju.displayName = "TransferList";
+const qu = "Tree-module__root___ANcH3", Ku = "Tree-module__subtree___KoLT8", Yu = "Tree-module__node___Hvnjg", Zu = "Tree-module__row___sq5ff", Xu = "Tree-module__label___zJDit", Qu = "Tree-module__expandButton___W0WTT", Ju = "Tree-module__expandGlyph___w8dDQ", so = {
+  root: qu,
+  subtree: Ku,
+  node: Yu,
+  row: Zu,
+  label: Xu,
+  expandButton: Qu,
+  expandGlyph: Ju
 };
-function Ju() {
+function ep() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -5681,7 +5697,7 @@ function Ju() {
     }
   );
 }
-function ep(a) {
+function op(a) {
   return function({
     node: o,
     hasChildren: t,
@@ -5690,7 +5706,7 @@ function ep(a) {
     tree: l,
     elementProps: c
   }) {
-    return /* @__PURE__ */ L(
+    return /* @__PURE__ */ I(
       "div",
       {
         ...c,
@@ -5699,12 +5715,12 @@ function ep(a) {
         "data-expanded": t && n ? !0 : void 0,
         children: [
           /* @__PURE__ */ r(
-            Fe,
+            Ue,
             {
               overStyled: !0,
               variant: "text",
               size: "small",
-              icon: /* @__PURE__ */ r(Ju, {}),
+              icon: /* @__PURE__ */ r(ep, {}),
               "aria-label": "Toggle subtree",
               "aria-hidden": "true",
               tabIndex: -1,
@@ -5721,7 +5737,7 @@ function ep(a) {
     );
   };
 }
-const op = f(function({
+const tp = y(function({
   overStyled: e = !1,
   data: o,
   initialExpandedValues: t,
@@ -5733,29 +5749,29 @@ const op = f(function({
   onSelectedChange: d,
   ...p
 }, u) {
-  const b = m(p, e), y = hr({
+  const v = m(p, e), _ = hr({
     initialExpandedState: t ? vr(o, t) : void 0,
     initialSelectedState: n,
     multiple: s,
     onNodeExpand: c,
     onNodeCollapse: i
   });
-  Re(() => {
-    d == null || d(y.selectedState);
-  }, [y.selectedState, d]);
+  Ie(() => {
+    d == null || d(_.selectedState);
+  }, [_.selectedState, d]);
   const g = q.useRef(null);
-  Re(() => {
+  Ie(() => {
     const S = g.current;
     if (!S) return;
     const w = (T) => {
       if (l || T.key !== "Enter" && T.key !== " ") return;
-      const _ = T.target.closest(
+      const f = T.target.closest(
         '[role="treeitem"]'
-      ), $ = _ == null ? void 0 : _.dataset.value;
-      $ && (T.preventDefault(), y.select($));
+      ), $ = f == null ? void 0 : f.dataset.value;
+      $ && (T.preventDefault(), _.select($));
     };
     return S.addEventListener("keydown", w), () => S.removeEventListener("keydown", w);
-  }, [y.select, l]), Re(() => {
+  }, [_.select, l]), Ie(() => {
     const S = g.current;
     if (!S || !l) return;
     const w = (T) => {
@@ -5763,18 +5779,18 @@ const op = f(function({
     };
     return S.addEventListener("keydown", w, { capture: !0 }), () => S.removeEventListener("keydown", w, { capture: !0 });
   }, [l]);
-  const h = Tr(u, g), C = b, N = C.className, P = N ? `${so.root} ${N}` : so.root;
+  const h = Tr(u, g), C = v, N = C.className, P = N ? `${so.root} ${N}` : so.root;
   return /* @__PURE__ */ r(
     br,
     {
       ref: h,
-      ...b,
+      ...v,
       data: o,
-      tree: y,
+      tree: _,
       expandOnClick: !1,
       selectOnClick: !l,
       expandOnSpace: !1,
-      renderNode: ep(l),
+      renderNode: op(l),
       "data-disabled": l || void 0,
       classNames: E(
         { root: P, node: so.node, subtree: so.subtree },
@@ -5783,7 +5799,7 @@ const op = f(function({
     }
   );
 });
-op.displayName = "Tree";
+tp.displayName = "Tree";
 function Dt(a, e) {
   var t;
   const o = (t = a[e]) == null ? void 0 : t.$value;
@@ -5795,7 +5811,7 @@ function Dt(a, e) {
     return o;
   }
 }
-function gp(a) {
+function Cp(a) {
   var n;
   const e = ((n = a.brand) == null ? void 0 : n["layout-grids"]) ?? {}, o = [];
   let t;
@@ -5826,11 +5842,11 @@ export {
   pt as AccordionPanel,
   ot as AssistiveElement,
   Ts as AutoComplete,
-  pp as Avatar,
-  Rs as Badge,
+  mp as Avatar,
+  ks as Badge,
   Ms as Breadcrumb,
-  Fe as Button,
-  mp as Card,
+  Ue as Button,
+  _p as Card,
   fn as CardContent,
   _n as CardFooter,
   mn as CardHeader,
@@ -5844,17 +5860,17 @@ export {
   Eo as EmptyValueRenderer,
   Xl as FileInput,
   ri as FileUpload,
-  _p as Flex,
+  fp as Flex,
   lo as FormControlLayout,
   bi as Group,
   Ci as Heading,
   Tn as HoverCard,
-  Ve as IS_DEV,
+  He as IS_DEV,
   tn as Label,
   jt as Layer,
   hi as LayoutGrid,
   yi as LayoutGridCol,
-  fp as Link,
+  yp as Link,
   ln as Loader,
   Co as Menu,
   io as Modal,
@@ -5870,19 +5886,19 @@ export {
   Qn as PanelRoot,
   ta as PanelTitle,
   ia as Popover,
-  dp as RECURSICA_COMPONENTS,
+  up as RECURSICA_COMPONENTS,
   da as Radio,
   ca as RadioGroup,
-  Ac as ReadOnlyBooleanField,
+  Wc as ReadOnlyBooleanField,
   nn as ReadOnlyField,
-  Mc as ReadOnlySwitchField,
+  Ac as ReadOnlySwitchField,
   Do as ReadOnlyTextField,
   Yt as RecursicaManifestContext,
-  cp as RecursicaThemeProvider,
-  yp as SegmentedControl,
-  ad as Slider,
-  hp as Stack,
-  vp as Stepper,
+  dp as RecursicaThemeProvider,
+  hp as SegmentedControl,
+  rd as Slider,
+  vp as Stack,
+  bp as Stepper,
   ya as Switch,
   fa as SwitchGroup,
   co as Table,
@@ -5894,25 +5910,25 @@ export {
   ga as TableTh,
   va as TableThead,
   Na as TableTr,
-  bp as Tabs,
-  Np as Text,
-  Kd as TextArea,
+  Np as Tabs,
+  gp as Text,
+  Yd as TextArea,
   Ia as TextField,
-  _u as TimePicker,
-  Pu as Timeline,
+  fu as TimePicker,
+  Tu as Timeline,
   Ma as TimelineItem,
-  Ru as Toast,
+  Iu as Toast,
   Da as Tooltip,
   za as TooltipFloating,
-  Gu as TransferList,
-  op as Tree,
-  he as WithReadOnlyWrapper,
-  gp as breakpointsFromRecManifest,
-  up as copyToClipboard,
+  ju as TransferList,
+  tp as Tree,
+  be as WithReadOnlyWrapper,
+  Cp as breakpointsFromRecManifest,
+  pp as copyToClipboard,
   Zt as fileMatchesAccept,
   qt as injectOverStyledStyles,
-  ip as isGlobalOverStyledActive,
-  kr as markCurrentPageItem,
+  cp as isGlobalOverStyledActive,
+  Rr as markCurrentPageItem,
   E as mergeClassNames,
   Ir as mergeStyles,
   Xt as normalizeComboboxData,
@@ -5920,8 +5936,8 @@ export {
   Kt as registerOverStyledConsoleCommand,
   xr as toggleGlobalOverStyled,
   Or as useGlobalOverStyled,
-  Rr as useRecursicaManifest,
-  Ue as withCallerOverride,
+  kr as useRecursicaManifest,
+  Ve as withCallerOverride,
   Ar as wrapComponent
 };
 //# sourceMappingURL=adapter-mantine-v8.js.map