@recursica/adapter-mantine-v8 1.3.2 → 1.3.3

package/dist/adapter-mantine-v8.js

@@ -1,6 +1,6 @@
 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 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 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 Ae, 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 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 { 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 = {
@@ -56,7 +56,7 @@ function xr(a) {
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
   return et.forEach((e) => e()), ro;
 }
-function lp() {
+function ip() {
   return Ve && ro;
 }
 function Or() {
@@ -132,7 +132,7 @@ function Rr() {
   return a;
 }
 const St = "data-recursica-theme";
-function ip({
+function cp({
   children: a,
   theme: e = "light",
   initLayer0: o = !0,
@@ -149,7 +149,7 @@ function ip({
   const n = o ? /* @__PURE__ */ r(jt, { layer: 0, children: a }) : /* @__PURE__ */ r(Ge, { children: a });
   return /* @__PURE__ */ r(Yt.Provider, { value: t, children: n });
 }
-const cp = [
+const dp = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -204,7 +204,7 @@ const cp = [
   "TransferList",
   "Tree",
   "Typography"
-], dp = (a, e) => {
+], up = (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 Me(a, e) {
+function Ue(a, e) {
   return e !== void 0 ? e : a;
 }
 const Lr = Symbol.for("react.forward_ref"), Mr = Symbol.for("react.memo");
@@ -513,13 +513,13 @@ const Kr = "AssistiveElement-module__root___WhQ43", Yr = "AssistiveElement-modul
   overStyled: l = !1,
   ...c
 }, i) {
-  const p = m(c, l), u = Qo.root, N = n ? `${u} ${n}` : u, y = e === "error" ? Qr : Xr;
+  const p = m(c, l), u = Qo.root, b = n ? `${u} ${n}` : u, y = e === "error" ? Qr : Xr;
   return /* @__PURE__ */ L(
     "div",
     {
       ref: i,
       ...p,
-      className: N,
+      className: b,
       "data-variant": e,
       role: s ?? (e === "error" ? "alert" : void 0),
       style: p.style,
@@ -550,7 +550,7 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...p
 }, u) {
-  const N = o || "left";
+  const b = o || "left";
   let y;
   t || (n === !0 ? y = "optional" : n && (y = n));
   const g = [
@@ -559,7 +559,7 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
   ], h = V(
     m(p, d),
     g
-  ), C = h, b = E(
+  ), C = h, N = E(
     {
       label: oo.root,
       required: oo.required
@@ -572,9 +572,9 @@ const Jr = "Label-module__root___e6HXZ", es = "Label-module__labelText___rieFR",
       ref: u,
       ...h,
       className: S,
-      classNames: b,
+      classNames: N,
       "data-size": e,
-      "data-alignment": N,
+      "data-alignment": b,
       required: t && !s,
       children: [
         /* @__PURE__ */ r("span", { className: oo.labelText, children: i }),
@@ -664,12 +664,12 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
   description: d,
   assistiveText: p,
   assistiveWithIcon: u = !0,
-  controlMaxWidth: N,
+  controlMaxWidth: b,
   controlMinWidth: y,
   error: g,
   required: h,
   withAsterisk: C,
-  id: b,
+  id: N,
   children: P,
   className: S,
   overStyled: w = !1,
@@ -677,7 +677,7 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
   // Extracted safely preventing bleeding into HTML domains
   ..._
 }, $) {
-  const v = Et(), O = b || `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 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(
     P,
     {
       ...P.props.id ? {} : { id: O },
@@ -707,7 +707,7 @@ const is = "FormControlWrapper-module__root___c-UHo", cs = "FormControlWrapper-m
       className: H,
       formLayout: e,
       labelSize: o,
-      controlMaxWidth: N,
+      controlMaxWidth: b,
       controlMinWidth: y,
       leftSection: J,
       ...G,
@@ -902,12 +902,12 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -938,7 +938,7 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
       optionText: Ne.optionText,
       optionTextWrap: Ne.optionTextWrap,
       optionSupportingText: Ne.optionSupportingText
-    }, H = b ? `${Ne.layoutOverride} ${b}` : Ne.layoutOverride;
+    }, H = N ? `${Ne.layoutOverride} ${N}` : Ne.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -955,7 +955,7 @@ const ps = "AutoComplete-module__layoutOverride___-K9WL", ms = "AutoComplete-mod
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -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.
-  ], N = V(
+  ], b = V(
     m(c, l),
     u
-  ), y = N;
+  ), y = b;
   let g = "text";
   s ? g = "image" : t && (g = "icon");
   const h = E(
@@ -1034,7 +1034,7 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
     Ha,
     {
       ref: i,
-      ...N,
+      ...b,
       className: C,
       classNames: h,
       variant: d[o],
@@ -1048,7 +1048,7 @@ const ws = "Avatar-module__root___fXu-J", Ss = "Avatar-module__iconWrapper___ojl
   );
 });
 rn.displayName = "Avatar";
-const up = Te(rn), ks = "Badge-module__root___5osNT", To = {
+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 s = m(t, o), l = E(
@@ -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
-  ), N = p.className, y = N ? `${Jo.root} ${N}` : Jo.root;
+  ), b = p.className, y = b ? `${Jo.root} ${b}` : Jo.root;
   return /* @__PURE__ */ r(
     qa,
     {
@@ -1167,7 +1167,7 @@ const cn = f(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, N = {
+  }, b = {
     default: "md",
     small: "sm"
   }, y = [
@@ -1176,9 +1176,9 @@ const cn = f(function({
   ], g = V(
     m(d, s),
     y
-  ), h = g, C = !!t || !!h.leftSection, b = !!h.rightSection, P = Us(n), S = (C || b) && !P;
+  ), h = g, C = !!t || !!h.leftSection, N = !!h.rightSection, P = Us(n), S = (C || N) && !P;
   let w = "label";
-  S ? w = "icon-only" : (C || b) && (w = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && S && !h["aria-label"] && console.warn(
+  S ? w = "icon-only" : (C || N) && (w = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && S && !h["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const T = E(
@@ -1189,7 +1189,7 @@ const cn = f(function({
       loader: to.loader
     },
     h.classNames
-  ), _ = h.className, $ = _ ? `${to.root} ${_}` : to.root, v = h.loaderProps, O = Me(
+  ), _ = h.className, $ = _ ? `${to.root} ${_}` : to.root, v = h.loaderProps, O = Ue(
     o === "small" ? "small" : "default",
     c
   );
@@ -1213,7 +1213,7 @@ const cn = f(function({
       className: $,
       classNames: T,
       variant: u[e],
-      size: N[o],
+      size: b[o],
       loaderProps: M,
       leftSection: t != null ? /* @__PURE__ */ r("span", { className: to.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
@@ -1225,7 +1225,7 @@ const cn = f(function({
   );
 });
 cn.displayName = "Button";
-const Ue = Te(
+const Fe = Te(
   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 = {
   root: Vs,
@@ -1345,7 +1345,7 @@ Ko.Section = un;
 Ko.Header = mn;
 Ko.Footer = _n;
 Ko.Content = fn;
-const pp = 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 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 = {
   groupRoot: Ys,
   root: Zs,
   body: Xs,
@@ -1368,12 +1368,12 @@ const pp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       children: w,
@@ -1407,12 +1407,12 @@ const pp = yn, Ys = "Checkbox-module__groupRoot___cBS0o", Zs = "Checkbox-module_
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: g,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         readOnly: T && !!_,
         readOnlyComponent: _,
         emptyValueComponent: $,
@@ -1457,7 +1457,7 @@ const Uo = f(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...u
-    } = e, N = [
+    } = e, b = [
       "size",
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
       "color",
@@ -1470,7 +1470,7 @@ const Uo = f(
       // Icon color is token-driven via Checkbox.module.css, not a native Mantine override.
     ], y = V(
       m(u, t),
-      N
+      b
     ), g = y, h = E(
       {
         root: ke.root,
@@ -1482,7 +1482,7 @@ const Uo = f(
         label: ke.label
       },
       g.classNames
-    ), C = g.className, b = C ? `${ke.root} ${C}` : ke.root;
+    ), C = g.className, N = C ? `${ke.root} ${C}` : ke.root;
     if (n && s) {
       const S = !!(g.checked ?? g.defaultChecked), T = /* @__PURE__ */ r(
         s,
@@ -1508,7 +1508,7 @@ const Uo = f(
       {
         ref: o,
         ...y,
-        className: b,
+        className: N,
         classNames: h,
         disabled: n || l
       }
@@ -1569,10 +1569,10 @@ const Vo = f(function({
   overStyled: d = !1,
   wrapperProps: p,
   tabIndex: u,
-  "aria-hidden": N,
+  "aria-hidden": b,
   ...y
 }, g) {
-  const h = m(y, d), C = h, b = E(
+  const h = m(y, d), C = h, N = E(
     {
       root: Oe.root,
       label: Oe.label,
@@ -1592,16 +1592,16 @@ const Vo = f(function({
       ...h,
       checked: i,
       className: S,
-      classNames: b,
-      wrapperProps: Me($, p),
+      classNames: N,
+      wrapperProps: Ue($, p),
       "data-icon-only": T ? "" : void 0,
-      tabIndex: Me(
+      tabIndex: Ue(
         _ ? void 0 : -1,
         u
       ),
-      "aria-hidden": Me(
+      "aria-hidden": Ue(
         _ ? void 0 : !0,
-        N
+        b
       ),
       children: /* @__PURE__ */ L("span", { className: Oe.innerWrapper, children: [
         o && !i && /* @__PURE__ */ r("span", { className: Oe.leadingIcon, "aria-hidden": !0, children: o }),
@@ -1718,12 +1718,12 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -1765,7 +1765,7 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
         { dropdown: ge.dropdown },
         K
       )
-    }, ue = b ? `${ge.layoutOverride} ${b}` : ge.layoutOverride;
+    }, ue = N ? `${ge.layoutOverride} ${N}` : ge.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -1782,7 +1782,7 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -1820,7 +1820,7 @@ const _l = "DatePicker-module__layoutOverride___X9yaM", fl = "DatePicker-module_
               highlightToday: O,
               valueFormat: M,
               placeholder: D,
-              leftSection: Me(
+              leftSection: Ue(
                 /* @__PURE__ */ r(ml, {}),
                 W
               ),
@@ -1872,12 +1872,12 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       disabled: w,
@@ -1932,12 +1932,12 @@ const $l = "Dropdown-module__layoutOverride___FNcvP", xl = "Dropdown-module__roo
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: g,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         readOnly: T,
         readOnlyComponent: _,
         emptyValueComponent: $,
@@ -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", De = {
+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 = {
   layoutOverride: Fl,
   root: Ul,
   leadingIcon: Vl,
@@ -2039,12 +2039,12 @@ const Xl = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       disabled: w,
@@ -2066,7 +2066,7 @@ const Xl = f(
       removeFileLabel: J = "Remove",
       clearLabel: ue = "Clear",
       ...A
-    } = e, pe = m(A, t), k = !w && !T, se = !!_ && _.length > 0, ve = Fe(null), [re, le] = ie(!1), [be, we] = ie(!1), Ze = (x) => {
+    } = 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;
       const te = Array.from(x);
       if (te.length === 0) return;
@@ -2079,14 +2079,14 @@ const Xl = f(
         Tt && (Ct = !0), (Pt || Ea || Tt ? Mo : _e).push(Xo);
       }
       le(gt), we(Ct), _e.length > 0 && ($ == null || $(_e)), Mo.length > 0 && (I == null || I(Mo));
-    }, Se = Fe(0), [Xe, We] = ie(!1), ze = (x) => {
-      x.preventDefault(), Se.current += 1, We(!0);
+    }, Se = Be(0), [Xe, Ae] = ie(!1), We = (x) => {
+      x.preventDefault(), Se.current += 1, Ae(!0);
     }, uo = (x) => {
-      x.preventDefault(), Se.current -= 1, Se.current <= 0 && (Se.current = 0, We(!1));
+      x.preventDefault(), Se.current -= 1, Se.current <= 0 && (Se.current = 0, Ae(!1));
     }, $e = (x) => {
       x.preventDefault();
     }, Qe = (x) => {
-      x.preventDefault(), Se.current = 0, We(!1), Ze(x.dataTransfer.files);
+      x.preventDefault(), Se.current = 0, Ae(!1), Ze(x.dataTransfer.files);
     }, xe = () => {
       var x;
       k && ((x = ve.current) == null || x.click());
@@ -2096,7 +2096,7 @@ const Xl = f(
       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 = Fe([]), Z = Fe((_ == null ? void 0 : _.length) ?? 0);
+    }, [z, R] = ie(0), F = Be([]), Z = Be((_ == null ? void 0 : _.length) ?? 0);
     Re(() => {
       var te;
       const x = (_ == null ? void 0 : _.length) ?? 0;
@@ -2112,7 +2112,7 @@ const Xl = f(
       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 ? `${De.layoutOverride} ${P}` : De.layoutOverride;
+    }, eo = g ?? (re ? Y : be ? G : void 0), po = P ? `${ze.layoutOverride} ${P}` : ze.layoutOverride;
     return /* @__PURE__ */ r(
       No,
       {
@@ -2127,12 +2127,12 @@ const Xl = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: eo,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         controlMaxWidth: "var(--file-input-control-max-width)",
         controlMinWidth: "var(--file-input-control-min-width)",
         children: /* @__PURE__ */ L(
@@ -2140,7 +2140,7 @@ const Xl = f(
           {
             ref: o,
             ...pe,
-            className: De.root,
+            className: ze.root,
             role: "button",
             "aria-label": K,
             "aria-disabled": w ? "true" : void 0,
@@ -2151,25 +2151,25 @@ const Xl = f(
             "data-dragging": Xe ? "true" : void 0,
             onClick: k ? xe : void 0,
             onKeyDown: k ? Je : void 0,
-            onDragEnter: k ? ze : void 0,
+            onDragEnter: k ? We : void 0,
             onDragLeave: k ? uo : void 0,
             onDragOver: k ? $e : void 0,
             onDrop: k ? Qe : void 0,
             children: [
-              /* @__PURE__ */ r("span", { className: De.leadingIcon, "aria-hidden": !0, children: j ?? /* @__PURE__ */ r(Yl, {}) }),
-              /* @__PURE__ */ L("div", { className: De.content, children: [
-                !se && /* @__PURE__ */ r("span", { className: De.value, "data-placeholder": "true", children: H }),
+              /* @__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 }),
                 se && /* @__PURE__ */ r(
                   "div",
                   {
-                    className: De.chipRow,
+                    className: ze.chipRow,
                     onKeyDown: T ? void 0 : me,
                     children: _.map((x, te) => {
                       const ne = x.id ?? x.file.name;
                       return /* @__PURE__ */ r(
                         "span",
                         {
-                          className: De.chipWrapper,
+                          className: ze.chipWrapper,
                           onClick: (Q) => Q.stopPropagation(),
                           children: /* @__PURE__ */ r(
                             Vo,
@@ -2193,14 +2193,14 @@ const Xl = f(
                 )
               ] }),
               se && !T && /* @__PURE__ */ r(
-                Ue,
+                Fe,
                 {
                   overStyled: !0,
                   variant: "text",
                   size: "small",
                   icon: X ?? /* @__PURE__ */ r(Zl, {}),
                   "aria-label": ue,
-                  className: De.trailingIcon,
+                  className: ze.trailingIcon,
                   disabled: w,
                   onClick: (x) => {
                     x.preventDefault(), x.stopPropagation(), B();
@@ -2271,12 +2271,12 @@ const ri = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       disabled: w,
@@ -2296,7 +2296,7 @@ const ri = f(
       browseButtonLabel: H = "Browse files",
       removeFileLabel: K = "Remove",
       ...J
-    } = e, A = m(J, t), ae = Fe(null), [pe, k] = ie(!1), [se, ve] = ie(!1), re = (R) => {
+    } = e, A = m(J, t), ae = Be(null), [pe, k] = ie(!1), [se, ve] = ie(!1), re = (R) => {
       if (w) return;
       const F = Array.from(R);
       if (F.length === 0) return;
@@ -2309,20 +2309,20 @@ const ri = f(
         _e && (x = !0), (ne || Q || _e ? eo : me).push(te);
       }
       k(po), ve(x), me.length > 0 && ($ == null || $(me)), eo.length > 0 && (I == null || I(eo));
-    }, le = Fe(0), [be, we] = ie(!1), Ze = (R) => {
+    }, 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();
-    }, We = (R) => {
+    }, Ae = (R) => {
       R.preventDefault(), le.current = 0, we(!1), re(R.dataTransfer.files);
-    }, ze = () => {
+    }, 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 = Fe([]), Je = Fe((_ == null ? void 0 : _.length) ?? 0);
+    }, [$e, Qe] = ie(0), xe = Be([]), Je = Be((_ == null ? void 0 : _.length) ?? 0);
     Re(() => {
       var F;
       const R = (_ == null ? void 0 : _.length) ?? 0;
@@ -2353,12 +2353,12 @@ const ri = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: B,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         controlMaxWidth: "var(--recursica_ui-kit_globals_form_field_size_max-width)",
         children: /* @__PURE__ */ L(
           "div",
@@ -2377,16 +2377,16 @@ const ri = f(
                   onDragEnter: w ? void 0 : Ze,
                   onDragLeave: w ? void 0 : Se,
                   onDragOver: w ? void 0 : Xe,
-                  onDrop: w ? void 0 : We,
+                  onDrop: w ? void 0 : Ae,
                   children: [
                     /* @__PURE__ */ r("span", { className: no.uploadIcon, children: j ?? /* @__PURE__ */ r(ai, {}) }),
                     /* @__PURE__ */ r("span", { className: no.dropzoneText, children: X }),
                     /* @__PURE__ */ r(
-                      Ue,
+                      Fe,
                       {
                         variant: "outline",
                         disabled: w,
-                        onClick: ze,
+                        onClick: We,
                         children: H
                       }
                     ),
@@ -2464,7 +2464,7 @@ const si = "Flex-module__root___yYser", So = {
   );
 });
 hn.displayName = "Flex";
-const mp = Te(hn), li = "LayoutGrid-module__root___etcau", ii = "LayoutGrid-module__inner___Oz2XL", ci = "LayoutGrid-module__col___8EYKw", ce = {
+const _p = Te(hn), li = "LayoutGrid-module__root___etcau", ii = "LayoutGrid-module__inner___Oz2XL", ci = "LayoutGrid-module__col___8EYKw", ce = {
   root: li,
   inner: ii,
   col: ci
@@ -2720,7 +2720,7 @@ const wi = "Link-module__root___I0VGE", Si = "Link-module__iconWrapper___W-LlF",
   );
 });
 wn.displayName = "Link";
-const _p = 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 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 = {
   dropdown: xi,
   item: Oi,
   itemLabel: ki,
@@ -2749,7 +2749,7 @@ const _p = Te(wn), xi = "Menu-module__dropdown___j4xuA", Oi = "Menu-module__item
     }
   } : i;
   return /* @__PURE__ */ r(
-    Ae,
+    Me,
     {
       ...l,
       classNames: c,
@@ -2764,7 +2764,7 @@ const $n = function({
 }) {
   const t = m(o, e);
   return /* @__PURE__ */ r(
-    Ae.Target,
+    Me.Target,
     {
       ...t
     }
@@ -2775,7 +2775,7 @@ const xn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Ae.Dropdown,
+      Me.Dropdown,
       {
         ...n,
         ref: t,
@@ -2795,7 +2795,7 @@ const On = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Ae.Item,
+      Me.Item,
       {
         ...s,
         ref: t,
@@ -2809,7 +2809,7 @@ const Ai = Te(On), kn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Ae.Divider,
+      Me.Divider,
       {
         ...n,
         ref: t,
@@ -2822,7 +2822,7 @@ kn.displayName = "MenuDivider";
 const Rn = f(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e), s = n.className;
   return /* @__PURE__ */ r(
-    Ae.Label,
+    Me.Label,
     {
       ...n,
       ref: t,
@@ -2832,11 +2832,11 @@ const Rn = f(function({ overStyled: e = !1, ...o }, t) {
 });
 Rn.displayName = "MenuLabel";
 const In = function(e) {
-  return /* @__PURE__ */ r(Ae.Sub, { ...e });
+  return /* @__PURE__ */ r(Me.Sub, { ...e });
 };
 In.displayName = "MenuSub";
 const Ln = function(e) {
-  return /* @__PURE__ */ r(Ae.Sub.Target, { ...e });
+  return /* @__PURE__ */ r(Me.Sub.Target, { ...e });
 };
 Ln.displayName = "MenuSubTarget";
 const Mn = f(
@@ -2849,7 +2849,7 @@ const Mn = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Ae.Sub.Item,
+      Me.Sub.Item,
       {
         ...s,
         ref: t,
@@ -2865,7 +2865,7 @@ const Wi = Te(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Ae.Sub.Dropdown,
+      Me.Sub.Dropdown,
       {
         ...n,
         ref: t,
@@ -2886,7 +2886,7 @@ Co.Item = Ai;
 Co.Divider = kn;
 Co.Label = Rn;
 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", Be = {
+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 = {
   root: zi,
   inner: Di,
   content: Ei,
@@ -2914,14 +2914,14 @@ const zi = "Modal-module__root___ytPLl", Di = "Modal-module__inner___SSUJE", Ei
   ], u = V(
     m(i, e),
     p
-  ), N = E(
+  ), b = E(
     {
-      root: Be.root,
-      inner: Be.inner,
-      content: Be.content,
-      header: Be.header,
-      title: Be.title,
-      close: Be.close
+      root: Ee.root,
+      inner: Ee.inner,
+      content: Ee.content,
+      header: Ee.header,
+      title: Ee.title,
+      close: Ee.close
     },
     u.classNames
   );
@@ -2930,7 +2930,7 @@ const zi = "Modal-module__root___ytPLl", Di = "Modal-module__inner___SSUJE", Ei
     {
       ref: d,
       ...u,
-      classNames: N,
+      classNames: b,
       children: [
         l && /* @__PURE__ */ r(ye.Overlay, { ...s }),
         /* @__PURE__ */ L(ye.Content, { children: [
@@ -2953,7 +2953,7 @@ const _t = q.forwardRef(
       {
         ref: n,
         ...s,
-        className: `${Be.footer} ${o || ""}`
+        className: `${Ee.footer} ${o || ""}`
       }
     );
   }
@@ -2961,29 +2961,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, N] = q.useState(!1), y = q.useCallback(() => {
+    const c = m(s, e), i = q.useRef(null), [d, p] = q.useState(!1), [u, b] = q.useState(!1), y = q.useCallback(() => {
       if (i.current) {
-        const { scrollTop: b, scrollHeight: P, clientHeight: S } = i.current;
-        p(b > 0), N(Math.ceil(b + S) < P);
+        const { scrollTop: N, scrollHeight: P, clientHeight: S } = i.current;
+        p(N > 0), b(Math.ceil(N + S) < P);
       }
     }, []);
     q.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, n]);
-    const g = (b) => {
-      y(), t == null || t(b);
+    const g = (N) => {
+      y(), t == null || t(N);
     };
     let h = null;
     const C = [];
-    return q.Children.forEach(n, (b) => {
+    return q.Children.forEach(n, (N) => {
       var P;
-      q.isValidElement(b) && (b.type === _t || ((P = b.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? h = b : C.push(b);
+      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,
       {
         ...c,
-        ref: (b) => {
-          typeof l == "function" ? l(b) : l && (l.current = b);
+        ref: (N) => {
+          typeof l == "function" ? l(N) : l && (l.current = N);
         },
-        className: `${Be.bodyWrapper} ${o || ""}`,
+        className: `${Ee.bodyWrapper} ${o || ""}`,
         children: [
           /* @__PURE__ */ r(
             "div",
@@ -2992,7 +2992,7 @@ const ft = q.forwardRef(
               onScroll: g,
               "data-scrolled-top": d || void 0,
               "data-scrolled-bottom": u || void 0,
-              className: Be.scrollArea,
+              className: Ee.scrollArea,
               children: C
             }
           ),
@@ -3134,12 +3134,12 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -3159,7 +3159,7 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
       section: fo.section,
       controls: fo.controls,
       control: fo.control
-    }, Y = b ? `${fo.layoutOverride} ${b}` : fo.layoutOverride;
+    }, Y = N ? `${fo.layoutOverride} ${N}` : fo.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -3176,7 +3176,7 @@ const Yi = "NumberInput-module__layoutOverride___5-9T4", Zi = "NumberInput-modul
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -3274,7 +3274,7 @@ const ht = f(
     getItemProps: d,
     getControlProps: p,
     dotsIcon: u,
-    children: N,
+    children: b,
     ...y
   }, g) {
     const h = Pr({
@@ -3284,7 +3284,7 @@ const ht = f(
       onChange: s,
       siblings: l,
       boundaries: c
-    }), C = m(y, e), b = C.className;
+    }), C = m(y, e), N = C.className;
     return /* @__PURE__ */ r(
       Hn.Provider,
       {
@@ -3308,8 +3308,8 @@ const ht = f(
             ref: g,
             "aria-label": "Pagination",
             ...C,
-            className: b ? `${Io.root} ${b}` : Io.root,
-            children: N
+            className: N ? `${Io.root} ${N}` : Io.root,
+            children: b
           }
         )
       }
@@ -3320,7 +3320,7 @@ ht.displayName = "Pagination.Root";
 const vt = f(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(
-    Ue,
+    Fe,
     {
       ref: n,
       variant: i.variant,
@@ -3374,19 +3374,19 @@ function Zo(a, e, o, t) {
   const n = f(
     function({ withLabel: l, icon: c, disabled: i, ...d }, p) {
       var P;
-      const u = yt(), N = 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 }), b = l ? o ? {
+      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 ? {
         rightSection: /* @__PURE__ */ r("span", { className: Io.rightIcon, children: C })
       } : { icon: C } : { icon: C };
       return /* @__PURE__ */ r(
-        Ue,
+        Fe,
         {
           ref: p,
-          variant: N.variant,
-          size: N.size,
+          variant: b.variant,
+          size: b.size,
           "aria-label": pc[a],
           disabled: h,
           onClick: u[a],
-          ...b,
+          ...N,
           ...(P = u.getControlProps) == null ? void 0 : P.call(u, a),
           ...d,
           children: l ? mc[a] : void 0
@@ -3472,10 +3472,12 @@ const _c = "Panel-module__content___wdGo-", fc = "Panel-module__contentRight___4
       size: "var(--recursica_ui-kit_components_panel_properties_max-width)",
       position: o,
       keepMounted: t,
-      closeOnClickOutside: Me(
-        !!s.opened,
-        s.closeOnClickOutside
-      ),
+      withOverlay: !1,
+      trapFocus: !1,
+      lockScroll: !1,
+      returnFocus: !0,
+      closeOnEscape: !0,
+      closeOnClickOutside: !1,
       classNames: i
     }
   );
@@ -3600,10 +3602,10 @@ const Pc = "Popover-module__dropdown___svhS6", Tc = "Popover-module__arrow___5A-
   const s = m(n, e), l = s, c = E(
     { dropdown: Rt.dropdown, arrow: Rt.arrow },
     l.classNames
-  ), i = Me(
+  ), i = Ue(
     16,
     l.arrowSize
-  ), d = Me(
+  ), d = Ue(
     o,
     l.withArrow
   );
@@ -3663,12 +3665,12 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       children: w,
@@ -3702,12 +3704,12 @@ const wc = "Radio-module__groupRoot___bfUii", Sc = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: g,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         readOnly: T && !!_,
         readOnlyComponent: _,
         emptyValueComponent: $,
@@ -3752,7 +3754,7 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: u,
-      ...N
+      ...b
     } = e, y = [
       "size",
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
@@ -3765,7 +3767,7 @@ 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(N, t),
+      m(b, t),
       y
     ), h = g, C = E(
       {
@@ -3778,7 +3780,7 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
         label: Ie.label
       },
       h.classNames
-    ), b = h.className, P = b ? `${Ie.root} ${b}` : Ie.root;
+    ), N = h.className, P = N ? `${Ie.root} ${N}` : Ie.root;
     if (n && s) {
       const w = !!(h.checked ?? h.defaultChecked), _ = /* @__PURE__ */ r(
         s,
@@ -3804,7 +3806,7 @@ const Lc = ({ className: a, style: e }) => /* @__PURE__ */ r(
       {
         ref: o,
         ...g,
-        icon: Me(Lc, c),
+        icon: Ue(Lc, c),
         className: P,
         classNames: C,
         disabled: n || l
@@ -3907,7 +3909,7 @@ const ua = f(
   }
 );
 ua.displayName = "SegmentedControl";
-const fp = 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 = {
+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,
@@ -3942,12 +3944,12 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      tooltipLabel: N,
+      tooltipLabel: b,
       assistiveText: y,
       assistiveWithIcon: g,
       error: h,
       required: C,
-      withAsterisk: b,
+      withAsterisk: N,
       id: P,
       className: S,
       style: w,
@@ -4008,7 +4010,7 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
     }, Xe = () => {
       const B = k;
       re([B[0].toString(), B[1].toString()]);
-    }, We = [
+    }, Ae = [
       "size",
       // Recursica controls sizing via Slider.module.css variables, not Mantine's native size scale.
       "variant",
@@ -4019,10 +4021,10 @@ const fp = 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"
-    ], ze = V(
+    ], We = V(
       m(A, t),
-      We
-    ), uo = ze, $e = E(
+      Ae
+    ), uo = We, $e = E(
       {
         root: ee.sliderRoot,
         track: ee.sliderTrack,
@@ -4033,7 +4035,7 @@ const fp = 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 N == "function" ? `${N(k[0])} – ${N(k[1])}` : `${k[0]} – ${k[1]}` : typeof N == "function" ? N(k) : k;
+    ), 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;
     return /* @__PURE__ */ r(
       he,
       {
@@ -4055,7 +4057,7 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
         assistiveWithIcon: g,
         error: h,
         required: C,
-        withAsterisk: b,
+        withAsterisk: N,
         id: P,
         readOnly: _,
         readOnlyComponent: $ || nd,
@@ -4092,7 +4094,7 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
               /* @__PURE__ */ r("div", { className: ee.sliderTrackWrapper, children: se ? /* @__PURE__ */ r(
                 lr,
                 {
-                  ...ze,
+                  ...We,
                   classNames: $e,
                   disabled: T,
                   value: k,
@@ -4101,12 +4103,12 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
                   min: G,
                   max: j,
                   step: K,
-                  label: N
+                  label: b
                 }
               ) : /* @__PURE__ */ r(
                 ir,
                 {
-                  ...ze,
+                  ...We,
                   classNames: $e,
                   disabled: T,
                   value: k,
@@ -4115,7 +4117,7 @@ const fp = ua, Fc = "Slider-module__layoutOverride___zYPun", Uc = "Slider-module
                   min: G,
                   max: j,
                   step: K,
-                  label: N
+                  label: b
                 }
               ) }),
               /* @__PURE__ */ L("div", { className: ee.rightGuideContainer, children: [
@@ -4184,7 +4186,7 @@ const rd = "Stack-module__root___NUN-x", Oo = {
   );
 });
 pa.displayName = "Stack";
-const yp = 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 = {
+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,
@@ -4251,7 +4253,7 @@ const yp = Te(pa), sd = "Stepper-module__root___jbSYO", ld = "Stepper-module__ho
   }
 );
 _a.displayName = "Stepper.Step";
-const hp = Object.assign(ma, {
+const vp = 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.
@@ -4283,12 +4285,12 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: N,
+      assistiveText: b,
       assistiveWithIcon: y,
       error: g,
       required: h,
       withAsterisk: C,
-      id: b,
+      id: N,
       className: P,
       style: S,
       children: w,
@@ -4322,12 +4324,12 @@ const gd = "Switch-module__root___Y5Ydi", Cd = "Switch-module__track___7ObdZ", P
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: N,
+        assistiveText: b,
         assistiveWithIcon: y,
         error: g,
         required: h,
         withAsterisk: C,
-        id: b,
+        id: N,
         readOnly: T && !!_,
         readOnlyComponent: _,
         emptyValueComponent: $,
@@ -4362,7 +4364,7 @@ const ya = f(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: u,
-      ...N
+      ...b
     } = e, y = [
       "size",
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
@@ -4373,7 +4375,7 @@ const ya = f(
       "variant"
       // Switch has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
     ], g = V(
-      m(N, t),
+      m(b, t),
       y
     ), h = g, C = E(
       {
@@ -4386,7 +4388,7 @@ const ya = f(
         label: fe.label
       },
       h.classNames
-    ), b = Ir(
+    ), N = Ir(
       {},
       h.styles
     ), P = h.className, S = P ? `${fe.root} ${P}` : fe.root;
@@ -4420,10 +4422,10 @@ const ya = f(
         ...g,
         className: S,
         classNames: C,
-        styles: b,
+        styles: N,
         disabled: n || l,
         "data-disabled": n || l || void 0,
-        thumbIcon: Me(
+        thumbIcon: Ue(
           w,
           c
         )
@@ -4696,7 +4698,7 @@ const Oa = f(
   }
 );
 Oa.displayName = "Tabs.Panel";
-const vp = Object.assign(Sa, {
+const bp = Object.assign(Sa, {
   List: $a,
   Tab: xa,
   Panel: Oa
@@ -4725,39 +4727,44 @@ function Bd(a) {
 }
 const Fd = "Text-module__root___rsBo7", Ud = {
   root: Fd
-}, Ra = f(function({
+}, Vd = ["h1", "h2", "h3", "h4", "h5", "h6"], Ra = f(function({
   overStyled: e = !1,
   variant: o = "body",
   emphasis: t = "high",
   color: n = "default",
   ...s
 }, l) {
-  const c = m(s, e), i = c.className, d = process.env.NODE_ENV !== "production" && typeof document < "u" && !Bd(o), u = [`recursica_brand_typography_${o}`, Ud.root, i].filter(Boolean).join(" ");
+  const c = s.component;
+  if (typeof c == "string" && Vd.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(" ");
   return /* @__PURE__ */ r(
     pr,
     {
       ref: l,
-      ...c,
+      ...i,
       "data-color": n,
       "data-emphasis": t,
-      "data-typography-missing": d || void 0,
-      className: u
+      "data-typography-missing": p || void 0,
+      className: b
     }
   );
 });
 Ra.displayName = "Text";
-const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextArea-module__root___3dyeu", Gd = "TextArea-module__input___8l36v", zo = {
-  layoutOverride: Vd,
-  root: Hd,
-  input: Gd
-}, jd = [
+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 = [
   "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.
-], qd = f(
+], Kd = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4770,12 +4777,12 @@ const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextAre
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -4786,7 +4793,7 @@ const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextAre
       ...O
     } = e, M = V(
       m(O, t),
-      jd
+      qd
     ), D = M, W = E(
       {
         wrapper: zo.root,
@@ -4794,7 +4801,7 @@ const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextAre
         input: zo.input
       },
       D.classNames
-    ), I = b ? `${zo.layoutOverride} ${b}` : zo.layoutOverride;
+    ), I = N ? `${zo.layoutOverride} ${N}` : zo.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -4811,7 +4818,7 @@ const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextAre
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -4845,13 +4852,13 @@ const bp = Te(Ra), Vd = "TextArea-module__layoutOverride___4MCdm", Hd = "TextAre
     );
   }
 );
-qd.displayName = "TextArea";
-const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__root___2ZYkG", Zd = "TextField-module__input___RL-My", Xd = "TextField-module__section___bCIJ0", Ro = {
-  layoutOverride: Kd,
-  root: Yd,
-  input: Zd,
-  section: Xd
-}, Qd = [
+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 = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
@@ -4871,12 +4878,12 @@ const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__r
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -4887,7 +4894,7 @@ const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__r
       ...O
     } = e, M = V(
       m(O, t),
-      Qd
+      Jd
     ), D = M, W = E(
       {
         wrapper: Ro.root,
@@ -4896,7 +4903,7 @@ const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__r
         section: Ro.section
       },
       D.classNames
-    ), I = b ? `${Ro.layoutOverride} ${b}` : Ro.layoutOverride;
+    ), I = N ? `${Ro.layoutOverride} ${N}` : Ro.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -4913,7 +4920,7 @@ const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__r
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -4947,7 +4954,7 @@ const Kd = "TextField-module__layoutOverride___SNZqc", Yd = "TextField-module__r
   }
 );
 Ia.displayName = "TextField";
-const Jd = [
+const eu = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
@@ -4957,7 +4964,7 @@ const Jd = [
 ], La = f(function(e, o) {
   const { overStyled: t = !1, className: n, disabled: s, error: l, ...c } = e, i = V(
     m(c, t),
-    Jd
+    eu
   ), d = i, p = E(
     {
       wrapper: n ? `${oe.root} ${n}` : oe.root,
@@ -4988,16 +4995,16 @@ const Jd = [
   );
 });
 La.displayName = "BareDropdown";
-const eu = "TimePicker-module__layoutOverride___zKo4Q", ou = "TimePicker-module__root___BcvRu", tu = "TimePicker-module__timeWrapper___hJVre", nu = "TimePicker-module__timeInput___FQysn", au = "TimePicker-module__fieldsGroup___2yHhR", ru = "TimePicker-module__section___VkSWB", su = "TimePicker-module__timeField___twRZd", lu = "TimePicker-module__amPmSelect___mSdvt", Ee = {
-  layoutOverride: eu,
-  root: ou,
-  timeWrapper: tu,
-  timeInput: nu,
-  fieldsGroup: au,
-  section: ru,
-  timeField: su,
-  amPmSelect: lu
-}, iu = [
+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 = [
   { value: "AM", label: "AM" },
   { value: "PM", label: "PM" }
 ];
@@ -5006,17 +5013,17 @@ function Mt(a) {
   const e = parseInt(a.slice(0, 2), 10);
   return Number.isNaN(e) ? void 0 : e;
 }
-function cu(a, e) {
+function du(a, e) {
   return `${String(e).padStart(2, "0")}${a.slice(2)}`;
 }
-function du(a) {
+function uu(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 uu(a, e) {
+function pu(a, e) {
   var t;
   const o = (t = Object.getOwnPropertyDescriptor(
     window.HTMLSelectElement.prototype,
@@ -5024,14 +5031,14 @@ function uu(a, e) {
   )) == null ? void 0 : t.set;
   o == null || o.call(a, e), a.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-const pu = [
+const mu = [
   "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.
-], mu = f(
+], _u = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5044,12 +5051,12 @@ const pu = [
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: N,
+      assistiveWithIcon: b,
       error: y,
       required: g,
       withAsterisk: h,
       id: C,
-      className: b,
+      className: N,
       style: P,
       disabled: S,
       readOnly: w,
@@ -5064,16 +5071,16 @@ const pu = [
       ...I
     } = e, Y = V(
       m(I, t),
-      pu
+      mu
     ), G = Y, [j, X] = ie(
       () => $ ?? v
     );
     Re(() => {
       $ !== void 0 && X($);
     }, [$]);
-    const H = Fe(null);
+    const H = Be(null);
     Re(() => {
-      Mt($ ?? v) === void 0 && H.current && uu(H.current, "AM");
+      Mt($ ?? v) === void 0 && H.current && pu(H.current, "AM");
     }, []);
     const K = (k) => {
       X(k), O == null || O(k);
@@ -5084,8 +5091,8 @@ const pu = [
       const se = k === "PM";
       if (se === ue) return;
       const ve = se ? J + 12 : J - 12;
-      K(cu(j, ve));
-    }, pe = b ? `${Ee.layoutOverride} ${b}` : Ee.layoutOverride;
+      K(du(j, ve));
+    }, pe = N ? `${De.layoutOverride} ${N}` : De.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -5102,7 +5109,7 @@ const pu = [
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: N,
+        assistiveWithIcon: b,
         error: y,
         required: g,
         withAsterisk: h,
@@ -5111,7 +5118,7 @@ const pu = [
         readOnlyComponent: T,
         emptyValueComponent: _,
         readOnlyType: "text",
-        readOnlyValue: du(
+        readOnlyValue: uu(
           $ !== void 0 ? $ : v
         ),
         readOnlyNativeProps: e,
@@ -5124,7 +5131,7 @@ const pu = [
           /* @__PURE__ */ L(
             "div",
             {
-              className: Ee.root,
+              className: De.root,
               "data-disabled": S ? "true" : void 0,
               "data-error": y ? "true" : void 0,
               children: [
@@ -5135,11 +5142,11 @@ const pu = [
                     ...Y,
                     classNames: E(
                       {
-                        wrapper: Ee.timeWrapper,
-                        input: Ee.timeInput,
-                        section: Ee.section,
-                        fieldsGroup: Ee.fieldsGroup,
-                        field: Ee.timeField
+                        wrapper: De.timeWrapper,
+                        input: De.timeInput,
+                        section: De.section,
+                        fieldsGroup: De.fieldsGroup,
+                        field: De.timeField
                       },
                       G.classNames
                     ),
@@ -5158,9 +5165,9 @@ const pu = [
                   La,
                   {
                     overStyled: !0,
-                    className: Ee.amPmSelect,
+                    className: De.amPmSelect,
                     styles: { wrapper: { width: "fit-content" } },
-                    data: iu,
+                    data: cu,
                     value: ue ? "PM" : "AM",
                     onChange: ae,
                     disabled: S,
@@ -5176,16 +5183,16 @@ const pu = [
     );
   }
 );
-mu.displayName = "TimePicker";
-const _u = "Timeline-module__root___LwRdZ", fu = "Timeline-module__item___T5xdQ", yu = "Timeline-module__itemBody___XAV-E", hu = "Timeline-module__itemBullet___rPXCy", vu = "Timeline-module__itemTitle___GgRRW", bu = "Timeline-module__itemContent___vurs-", Nu = "Timeline-module__description___f9sxV", gu = "Timeline-module__timestamp___owiRu", ao = {
-  root: _u,
-  item: fu,
-  itemBody: yu,
-  itemBullet: hu,
-  itemTitle: vu,
-  itemContent: bu,
-  description: Nu,
-  timestamp: gu
+_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
 }, Ma = q.forwardRef(
   function({
     overStyled: e = !1,
@@ -5237,17 +5244,17 @@ const Aa = q.forwardRef(
   }
 );
 Aa.displayName = "Timeline";
-const Cu = Aa;
-Cu.Item = Ma;
-const Pu = "Toast-module__root___MUvfI", Tu = "Toast-module__icon___VwvE1", wu = "Toast-module__loader___8Gxd-", Su = "Toast-module__title___-H6R2", $u = "Toast-module__description___-QwfC", xu = "Toast-module__closeButton___vGr7g", Ou = "Toast-module__body___VLkXA", yo = {
-  root: Pu,
-  icon: Tu,
-  loader: wu,
-  title: Su,
-  description: $u,
-  closeButton: xu,
-  body: Ou
-}, ku = q.forwardRef(
+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,
+  body: ku
+}, Ru = q.forwardRef(
   function({
     overStyled: e = !1,
     variant: o = "default",
@@ -5290,10 +5297,10 @@ const Pu = "Toast-module__root___MUvfI", Tu = "Toast-module__icon___VwvE1", wu =
     );
   }
 );
-ku.displayName = "Toast";
-const Ru = "Tooltip-module__tooltip___UA7H9", Iu = "Tooltip-module__arrow___4zROk", At = {
-  tooltip: Ru,
-  arrow: Iu
+Ru.displayName = "Toast";
+const Iu = "Tooltip-module__tooltip___UA7H9", Lu = "Tooltip-module__arrow___4zROk", At = {
+  tooltip: Iu,
+  arrow: Lu
 }, Wa = function({
   overStyled: e = !1,
   withBeak: o = !0,
@@ -5341,17 +5348,17 @@ za.displayName = "TooltipFloating";
 const Da = Wa;
 Da.Floating = za;
 Da.Group = dt.Group;
-const Lu = "TransferList-module__layoutOverride___nkb32", Mu = "TransferList-module__root___ikjI7", Au = "TransferList-module__panes___dtwkW", Wu = "TransferList-module__pane___hy-kC", zu = "TransferList-module__paneHeader___HZrKX", Du = "TransferList-module__paneSearch___Xji-g", Eu = "TransferList-module__paneList___v0rcJ", Bu = "TransferList-module__emptyState___azPw-", Fu = "TransferList-module__transferColumn___3R2Ki", Uu = "TransferList-module__chevron___l-KdI", Pe = {
-  layoutOverride: Lu,
-  root: Mu,
-  panes: Au,
-  pane: Wu,
-  paneHeader: zu,
-  paneSearch: Du,
-  paneList: Eu,
-  emptyState: Bu,
-  transferColumn: Fu,
-  chevron: Uu
+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
 };
 function Wt({ direction: a }) {
   return /* @__PURE__ */ r(
@@ -5391,14 +5398,14 @@ function zt({ direction: a }) {
     }
   );
 }
-function Vu(a) {
+function Hu(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 Hu = f(
+const Gu = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5411,12 +5418,12 @@ const Hu = f(
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: N,
+      assistiveText: b,
       description: y,
       helperText: g,
       assistiveWithIcon: h,
       error: C,
-      required: b,
+      required: N,
       id: P,
       readOnly: S,
       readOnlyComponent: w,
@@ -5463,7 +5470,7 @@ const Hu = f(
         (z) => re.has(z.value)
       );
       le(/* @__PURE__ */ new Set()), ae([U, [...A[1], ...B]]);
-    }, [A, re, ae]), We = mo(() => {
+    }, [A, re, ae]), Ae = mo(() => {
       if (be.size === 0) return;
       const U = A[1].filter(
         (z) => !be.has(z.value)
@@ -5471,7 +5478,7 @@ const Hu = f(
         (z) => be.has(z.value)
       );
       we(/* @__PURE__ */ new Set()), ae([[...A[0], ...B], U]);
-    }, [A, be, ae]), ze = mo(() => {
+    }, [A, be, ae]), We = 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]], []]));
@@ -5486,7 +5493,7 @@ const Hu = f(
         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 } = Vu(z), te = Object.keys(po).sort(), ne = F.size > 0 ? `${F.size} / ${R.length}` : `${R.length}`;
+      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: [
           /* @__PURE__ */ r("span", { children: B }),
@@ -5549,12 +5556,12 @@ const Hu = f(
         labelActionArea: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: N,
+        assistiveText: b,
         description: y,
         helperText: g,
         assistiveWithIcon: h,
         error: C,
-        required: b,
+        required: N,
         id: K,
         className: Je,
         style: G,
@@ -5585,18 +5592,18 @@ const Hu = f(
               ),
               /* @__PURE__ */ L("div", { className: Pe.transferColumn, children: [
                 /* @__PURE__ */ r(
-                  Ue,
+                  Fe,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(zt, { direction: "right" }),
                     "aria-label": `Move all to ${M}`,
                     disabled: I || A[0].length === 0,
-                    onClick: ze
+                    onClick: We
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ue,
+                  Fe,
                   {
                     variant: "outline",
                     size: "small",
@@ -5607,18 +5614,18 @@ const Hu = f(
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ue,
+                  Fe,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(Wt, { direction: "left" }),
                     "aria-label": `Move selected to ${O}`,
                     disabled: I || be.size === 0,
-                    onClick: We
+                    onClick: Ae
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ue,
+                  Fe,
                   {
                     variant: "outline",
                     size: "small",
@@ -5646,17 +5653,17 @@ const Hu = f(
     );
   }
 );
-Hu.displayName = "TransferList";
-const Gu = "Tree-module__root___ANcH3", ju = "Tree-module__subtree___KoLT8", qu = "Tree-module__node___Hvnjg", Ku = "Tree-module__row___sq5ff", Yu = "Tree-module__label___zJDit", Zu = "Tree-module__expandButton___W0WTT", Xu = "Tree-module__expandGlyph___w8dDQ", so = {
-  root: Gu,
-  subtree: ju,
-  node: qu,
-  row: Ku,
-  label: Yu,
-  expandButton: Zu,
-  expandGlyph: Xu
+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
 };
-function Qu() {
+function Ju() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -5674,7 +5681,7 @@ function Qu() {
     }
   );
 }
-function Ju(a) {
+function ep(a) {
   return function({
     node: o,
     hasChildren: t,
@@ -5692,12 +5699,12 @@ function Ju(a) {
         "data-expanded": t && n ? !0 : void 0,
         children: [
           /* @__PURE__ */ r(
-            Ue,
+            Fe,
             {
               overStyled: !0,
               variant: "text",
               size: "small",
-              icon: /* @__PURE__ */ r(Qu, {}),
+              icon: /* @__PURE__ */ r(Ju, {}),
               "aria-label": "Toggle subtree",
               "aria-hidden": "true",
               tabIndex: -1,
@@ -5714,7 +5721,7 @@ function Ju(a) {
     );
   };
 }
-const ep = f(function({
+const op = f(function({
   overStyled: e = !1,
   data: o,
   initialExpandedValues: t,
@@ -5726,7 +5733,7 @@ const ep = f(function({
   onSelectedChange: d,
   ...p
 }, u) {
-  const N = m(p, e), y = hr({
+  const b = m(p, e), y = hr({
     initialExpandedState: t ? vr(o, t) : void 0,
     initialSelectedState: n,
     multiple: s,
@@ -5756,18 +5763,18 @@ const ep = f(function({
     };
     return S.addEventListener("keydown", w, { capture: !0 }), () => S.removeEventListener("keydown", w, { capture: !0 });
   }, [l]);
-  const h = Tr(u, g), C = N, b = C.className, P = b ? `${so.root} ${b}` : so.root;
+  const h = Tr(u, g), C = b, N = C.className, P = N ? `${so.root} ${N}` : so.root;
   return /* @__PURE__ */ r(
     br,
     {
       ref: h,
-      ...N,
+      ...b,
       data: o,
       tree: y,
       expandOnClick: !1,
       selectOnClick: !l,
       expandOnSpace: !1,
-      renderNode: Ju(l),
+      renderNode: ep(l),
       "data-disabled": l || void 0,
       classNames: E(
         { root: P, node: so.node, subtree: so.subtree },
@@ -5776,7 +5783,7 @@ const ep = f(function({
     }
   );
 });
-ep.displayName = "Tree";
+op.displayName = "Tree";
 function Dt(a, e) {
   var t;
   const o = (t = a[e]) == null ? void 0 : t.$value;
@@ -5788,7 +5795,7 @@ function Dt(a, e) {
     return o;
   }
 }
-function Np(a) {
+function gp(a) {
   var n;
   const e = ((n = a.brand) == null ? void 0 : n["layout-grids"]) ?? {}, o = [];
   let t;
@@ -5819,11 +5826,11 @@ export {
   pt as AccordionPanel,
   ot as AssistiveElement,
   Ts as AutoComplete,
-  up as Avatar,
+  pp as Avatar,
   Rs as Badge,
   Ms as Breadcrumb,
-  Ue as Button,
-  pp as Card,
+  Fe as Button,
+  mp as Card,
   fn as CardContent,
   _n as CardFooter,
   mn as CardHeader,
@@ -5837,7 +5844,7 @@ export {
   Eo as EmptyValueRenderer,
   Xl as FileInput,
   ri as FileUpload,
-  mp as Flex,
+  _p as Flex,
   lo as FormControlLayout,
   bi as Group,
   Ci as Heading,
@@ -5847,7 +5854,7 @@ export {
   jt as Layer,
   hi as LayoutGrid,
   yi as LayoutGridCol,
-  _p as Link,
+  fp as Link,
   ln as Loader,
   Co as Menu,
   io as Modal,
@@ -5863,7 +5870,7 @@ export {
   Qn as PanelRoot,
   ta as PanelTitle,
   ia as Popover,
-  cp as RECURSICA_COMPONENTS,
+  dp as RECURSICA_COMPONENTS,
   da as Radio,
   ca as RadioGroup,
   Ac as ReadOnlyBooleanField,
@@ -5871,11 +5878,11 @@ export {
   Mc as ReadOnlySwitchField,
   Do as ReadOnlyTextField,
   Yt as RecursicaManifestContext,
-  ip as RecursicaThemeProvider,
-  fp as SegmentedControl,
+  cp as RecursicaThemeProvider,
+  yp as SegmentedControl,
   ad as Slider,
-  yp as Stack,
-  hp as Stepper,
+  hp as Stack,
+  vp as Stepper,
   ya as Switch,
   fa as SwitchGroup,
   co as Table,
@@ -5887,24 +5894,24 @@ export {
   ga as TableTh,
   va as TableThead,
   Na as TableTr,
-  vp as Tabs,
-  bp as Text,
-  qd as TextArea,
+  bp as Tabs,
+  Np as Text,
+  Kd as TextArea,
   Ia as TextField,
-  mu as TimePicker,
-  Cu as Timeline,
+  _u as TimePicker,
+  Pu as Timeline,
   Ma as TimelineItem,
-  ku as Toast,
+  Ru as Toast,
   Da as Tooltip,
   za as TooltipFloating,
-  Hu as TransferList,
-  ep as Tree,
+  Gu as TransferList,
+  op as Tree,
   he as WithReadOnlyWrapper,
-  Np as breakpointsFromRecManifest,
-  dp as copyToClipboard,
+  gp as breakpointsFromRecManifest,
+  up as copyToClipboard,
   Zt as fileMatchesAccept,
   qt as injectOverStyledStyles,
-  lp as isGlobalOverStyledActive,
+  ip as isGlobalOverStyledActive,
   kr as markCurrentPageItem,
   E as mergeClassNames,
   Ir as mergeStyles,
@@ -5914,7 +5921,7 @@ export {
   xr as toggleGlobalOverStyled,
   Or as useGlobalOverStyled,
   Rr as useRecursicaManifest,
-  Me as withCallerOverride,
+  Ue as withCallerOverride,
   Ar as wrapComponent
 };
 //# sourceMappingURL=adapter-mantine-v8.js.map