@recursica/adapter-mantine-v8 1.3.0 → 1.3.1

package/dist/adapter-mantine-v8.js

@@ -1,6 +1,6 @@
-import { jsx as r, Fragment as He, jsxs as L } from "react/jsx-runtime";
-import q, { forwardRef as f, createContext as at, Children as za, isValidElement as Da, cloneElement as Ea, useContext as rt, useEffect as ke, useState as ie, useId as zt, useRef as Be, useCallback as mo, useMemo as wt } from "react";
-import { Accordion as Go, Input as Dt, Box as st, Autocomplete as Ba, Avatar as Fa, createPolymorphicComponent as Pe, Badge as Ua, Breadcrumbs as Va, Loader as Ha, Button as Ga, Card as jo, Checkbox as Et, Chip as ja, Container as qa, Select as Bt, Flex as Ka, Grid as Ft, useRandomClassName as Ya, useMantineTheme as Za, getSortedBreakpoints as Xa, InlineStyles as Qa, Group as Ja, Title as er, HoverCard as lt, Anchor as or, Menu as Me, Modal as ye, NumberInput as tr, Drawer as Ge, Popover as it, Radio as Ut, SegmentedControl as nr, RangeSlider as ar, Slider as rr, Stack as sr, Stepper as ct, Switch as Vt, CheckIcon as lr, CloseIcon as ir, Table as je, Tabs as qo, Text as cr, Textarea as dr, TimelineItem as ur, Timeline as pr, Notification as mr, Tooltip as dt, useTree as _r, getTreeExpandedState as fr, Tree as yr } from "@mantine/core";
+import { jsx as r, Fragment as Ge, jsxs as L } from "react/jsx-runtime";
+import q, { forwardRef as f, createContext as at, Children as za, isValidElement as Da, cloneElement as Ea, useContext as rt, useEffect as Re, useState as ie, useId as zt, useRef as Fe, useCallback as mo, useMemo as wt } from "react";
+import { Accordion as Go, Input as Dt, Box as st, Autocomplete as Ba, Avatar as Fa, createPolymorphicComponent as Te, Badge as Ua, Breadcrumbs as Va, Loader as Ha, Button as Ga, Card as jo, Checkbox as Et, Chip as ja, Container as qa, Select as Bt, Flex as Ka, Grid as Ft, useRandomClassName as Ya, useMantineTheme as Za, getSortedBreakpoints as Xa, InlineStyles as Qa, Group as Ja, Title as er, HoverCard as lt, Anchor as or, Menu as Ae, Modal as ye, NumberInput as tr, Drawer as je, Popover as it, Radio as Ut, SegmentedControl as nr, RangeSlider as ar, Slider as rr, Stack as sr, Stepper as ct, Switch as Vt, CheckIcon as lr, CloseIcon as ir, Table as qe, Tabs as qo, Text as cr, Textarea as dr, TimelineItem as ur, Timeline as pr, Notification as mr, Tooltip as dt, useTree as _r, getTreeExpandedState as fr, Tree as yr } from "@mantine/core";
 import { DatePickerInput as hr, getFormattedDate as vr, TimePicker as br } from "@mantine/dates";
 import { usePagination as Nr, useMergedRef as gr } from "@mantine/hooks";
 const Cr = "_root_1qhn7_3", Pr = "_contents_1qhn7_18", ho = {
@@ -24,7 +24,7 @@ Ht.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 Tr = { 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" }, Ue = (() => {
+const Tr = { 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 = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
@@ -43,7 +43,7 @@ const Tr = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
 })(), et = /* @__PURE__ */ new Set();
 let ro = !1;
 function wr(a) {
-  if (!Ue)
+  if (!Ve)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
     ), !1;
@@ -56,22 +56,22 @@ function wr(a) {
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
   return et.forEach((e) => e()), ro;
 }
-function ep() {
-  return Ue && ro;
+function np() {
+  return Ve && ro;
 }
 function Sr() {
   const [a, e] = ie(ro);
-  return ke(() => {
-    if (!Ue) return;
+  return Re(() => {
+    if (!Ve) return;
     Gt(), jt();
     const o = () => e(ro);
     return et.add(o), () => {
       et.delete(o);
     };
-  }, []), Ue && a;
+  }, []), Ve && a;
 }
 function Gt() {
-  if (!Ue) return;
+  if (!Ve) return;
   if (typeof document > "u") {
     console.warn(
       "[Recursica] document is undefined. Cannot inject overStyled styles."
@@ -93,7 +93,7 @@ function Gt() {
     `, document.head.appendChild(e));
 }
 function jt() {
-  if (!Ue) return;
+  if (!Ve) return;
   if (typeof window > "u") {
     console.warn(
       "[Recursica] window is undefined. Cannot register console command."
@@ -114,7 +114,7 @@ function $r(a) {
     if (n !== o || !Da(t))
       return t;
     const s = t.props, l = s.href !== void 0 || s.onClick !== void 0;
-    return Ue && l && console.warn(
+    return Ve && 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.`
     ), Ea(t, {
       "aria-current": "page",
@@ -132,24 +132,24 @@ function xr() {
   return a;
 }
 const St = "data-recursica-theme";
-function op({
+function ap({
   children: a,
   theme: e = "light",
   initLayer0: o = !0,
   manifest: t
 }) {
-  ke(() => {
+  Re(() => {
     const s = document.documentElement;
     return s.setAttribute(St, e), () => {
       s.removeAttribute(St);
     };
-  }, [e]), ke(() => {
+  }, [e]), Re(() => {
     Gt(), jt();
   }, []);
-  const n = o ? /* @__PURE__ */ r(Ht, { layer: 0, children: a }) : /* @__PURE__ */ r(He, { children: a });
+  const n = o ? /* @__PURE__ */ r(Ht, { layer: 0, children: a }) : /* @__PURE__ */ r(Ge, { children: a });
   return /* @__PURE__ */ r(qt.Provider, { value: t, children: n });
 }
-const tp = [
+const rp = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -204,7 +204,7 @@ const tp = [
   "TransferList",
   "Tree",
   "Typography"
-], np = (a, e) => {
+], sp = (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 Le(a, e) {
+function Me(a, e) {
   return e !== void 0 ? e : a;
 }
 const kr = Symbol.for("react.forward_ref"), Rr = Symbol.for("react.memo");
@@ -259,11 +259,11 @@ function Zt(a) {
   return a ? a.prototype && a.prototype.isReactComponent || a.$$typeof === kr ? !0 : a.$$typeof === Rr ? Zt(a.type) : !1 : !1;
 }
 function Ir(a) {
-  if (!Ue || typeof a != "function" && !(a && a.$$typeof))
+  if (!Ve || typeof a != "function" && !(a && a.$$typeof))
     return a;
   const e = Zt(a), o = a.displayName || a.name || "Component", t = q.forwardRef((s, l) => {
     const { overStyled: c } = s, i = Sr();
-    Ue && l && !e && console.warn(
+    Ve && 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);
@@ -348,7 +348,7 @@ const Lr = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function Io(a) {
+function Lo(a) {
   const e = { ...a };
   for (const [o, t] of Object.entries(e))
     typeof t == "string" && t.startsWith("rec-") && Xt.has(o) && t in Bo && (e[o] = Bo[t]);
@@ -364,7 +364,7 @@ function m(a, e) {
     typeof n == "string" && n.startsWith("rec-") && Xt.has(t) && n in Bo && (o[t] = Bo[n]);
   return o;
 }
-const Mr = "Accordion-module__root___Dem6d", Ar = "Accordion-module__item___7ryVk", Wr = "Accordion-module__noDivider___Ni2tT", zr = "Accordion-module__control___b4wgX", Dr = "Accordion-module__label___Ss7uW", Er = "Accordion-module__icon___xfHxX", Br = "Accordion-module__chevron___i-HVZ", Fr = "Accordion-module__iconLeftWrapper___5oLen", Ur = "Accordion-module__panel___Wx50w", Vr = "Accordion-module__content___PEM9t", Ie = {
+const Mr = "Accordion-module__root___Dem6d", Ar = "Accordion-module__item___7ryVk", Wr = "Accordion-module__noDivider___Ni2tT", zr = "Accordion-module__control___b4wgX", Dr = "Accordion-module__label___Ss7uW", Er = "Accordion-module__icon___xfHxX", Br = "Accordion-module__chevron___i-HVZ", Fr = "Accordion-module__iconLeftWrapper___5oLen", Ur = "Accordion-module__panel___Wx50w", Vr = "Accordion-module__content___PEM9t", Le = {
   root: Mr,
   item: Ar,
   noDivider: Wr,
@@ -384,14 +384,14 @@ const Mr = "Accordion-module__root___Dem6d", Ar = "Accordion-module__item___7ryV
 }) {
   const n = typeof e == "string" && $t[e] ? $t[e] : e, s = m(t, o), l = s, c = E(
     {
-      root: Ie.root,
-      item: Ie.item,
-      control: Ie.control,
-      label: Ie.label,
-      chevron: Ie.chevron,
-      icon: Ie.icon,
-      panel: Ie.panel,
-      content: Ie.content
+      root: Le.root,
+      item: Le.item,
+      control: Le.control,
+      label: Le.label,
+      chevron: Le.chevron,
+      icon: Le.icon,
+      panel: Le.panel,
+      content: Le.content
     },
     l.classNames
   ), i = l.className;
@@ -415,7 +415,7 @@ const Jt = f(function({
   overStyled: l = !1,
   ...c
 }, i) {
-  const d = m(c, l), p = d.className, u = [t ? void 0 : Ie.noDivider, p].filter(Boolean).join(" ") || void 0;
+  const d = m(c, l), p = d.className, u = [t ? void 0 : Le.noDivider, p].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
     Go.Item,
     {
@@ -423,7 +423,7 @@ const Jt = f(function({
       ...d,
       className: u,
       "data-disabled": s || void 0,
-      children: e ? /* @__PURE__ */ L(He, { children: [
+      children: e ? /* @__PURE__ */ L(Ge, { children: [
         /* @__PURE__ */ r(ut, { leftIcon: o, disabled: s, children: e }),
         /* @__PURE__ */ r(pt, { children: n })
       ] }) : n
@@ -446,7 +446,7 @@ const Hr = [
       ref: s,
       ...l,
       className: c,
-      icon: e ? /* @__PURE__ */ r("span", { className: Ie.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: Le.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       children: o
     }
   );
@@ -531,7 +531,7 @@ const Gr = "AssistiveElement-module__root___WhQ43", jr = "AssistiveElement-modul
   );
 });
 ot.displayName = "AssistiveElement";
-const Zr = "Label-module__root___e6HXZ", Xr = "Label-module__labelText___rieFR", Qr = "Label-module__required___Ggrzc", Jr = "Label-module__optionalText___Y2yun", es = "Label-module__actionAreaWrapper___ELoZK", os = "Label-module__editIconWrapper___NG2xW", eo = {
+const Zr = "Label-module__root___e6HXZ", Xr = "Label-module__labelText___rieFR", Qr = "Label-module__required___Ggrzc", Jr = "Label-module__optionalText___Y2yun", es = "Label-module__actionAreaWrapper___ELoZK", os = "Label-module__editIconWrapper___NG2xW", oo = {
   root: Zr,
   labelText: Xr,
   required: Qr,
@@ -561,11 +561,11 @@ const Zr = "Label-module__root___e6HXZ", Xr = "Label-module__labelText___rieFR",
     g
   ), C = h, b = E(
     {
-      label: eo.root,
-      required: eo.required
+      label: oo.root,
+      required: oo.required
     },
     C.classNames
-  ), P = C.className, S = P ? `${eo.root} ${P}` : eo.root;
+  ), P = C.className, S = P ? `${oo.root} ${P}` : oo.root;
   return /* @__PURE__ */ L(
     Dt.Label,
     {
@@ -577,13 +577,13 @@ const Zr = "Label-module__root___e6HXZ", Xr = "Label-module__labelText___rieFR",
       "data-alignment": N,
       required: t && !s,
       children: [
-        /* @__PURE__ */ r("span", { className: eo.labelText, children: i }),
-        y && /* @__PURE__ */ r("span", { className: eo.optionalText, children: typeof y == "string" ? `(${y})` : y }),
-        l ? /* @__PURE__ */ r("span", { className: eo.actionAreaWrapper, children: l }) : s ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: oo.labelText, children: i }),
+        y && /* @__PURE__ */ r("span", { className: oo.optionalText, children: typeof y == "string" ? `(${y})` : y }),
+        l ? /* @__PURE__ */ r("span", { className: oo.actionAreaWrapper, children: l }) : s ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: eo.editIconWrapper,
+            className: oo.editIconWrapper,
             "data-replaces-asterisk": t ? "true" : void 0,
             onClick: c,
             "aria-label": "Edit",
@@ -613,7 +613,7 @@ const Zr = "Label-module__root___e6HXZ", Xr = "Label-module__labelText___rieFR",
   );
 });
 en.displayName = "Label";
-const ts = "FormControlLayout-module__root___yNDhZ", ns = "FormControlLayout-module__leftSection___GBM1r", as = "FormControlLayout-module__rightSection___bcL4v", Mo = {
+const ts = "FormControlLayout-module__root___yNDhZ", ns = "FormControlLayout-module__leftSection___GBM1r", as = "FormControlLayout-module__rightSection___bcL4v", Ao = {
   root: ts,
   leftSection: ns,
   rightSection: as
@@ -628,7 +628,7 @@ const ts = "FormControlLayout-module__root___yNDhZ", ns = "FormControlLayout-mod
   style: i,
   ...d
 }, p) {
-  const u = c ? `${Mo.root} ${c}` : Mo.root, y = s != null || e === "side-by-side";
+  const u = c ? `${Ao.root} ${c}` : Ao.root, y = s != null || e === "side-by-side";
   return /* @__PURE__ */ L(
     "div",
     {
@@ -642,8 +642,8 @@ const ts = "FormControlLayout-module__root___yNDhZ", ns = "FormControlLayout-mod
       },
       ...d,
       children: [
-        y && /* @__PURE__ */ r("div", { className: Mo.leftSection, "data-size": o, children: s }),
-        /* @__PURE__ */ r("div", { className: Mo.rightSection, children: l })
+        y && /* @__PURE__ */ r("div", { className: Ao.leftSection, "data-size": o, children: s }),
+        /* @__PURE__ */ r("div", { className: Ao.rightSection, children: l })
       ]
     }
   );
@@ -1048,7 +1048,7 @@ const Cs = "Avatar-module__root___fXu-J", Ps = "Avatar-module__iconWrapper___ojl
   );
 });
 nn.displayName = "Avatar";
-const ap = Pe(nn), $s = "Badge-module__root___5osNT", To = {
+const lp = Te(nn), $s = "Badge-module__root___5osNT", To = {
   root: $s
 }, an = f(function({ variant: e = "primary-color", overStyled: o = !1, ...t }, n) {
   const s = m(t, o), l = E(
@@ -1072,7 +1072,7 @@ const ap = Pe(nn), $s = "Badge-module__root___5osNT", To = {
   );
 });
 an.displayName = "Badge";
-const xs = Pe(an), Os = "Breadcrumb-module__root___x-9ln", ks = "Breadcrumb-module__separator___qrUX-", Ao = {
+const xs = Te(an), Os = "Breadcrumb-module__root___x-9ln", ks = "Breadcrumb-module__separator___qrUX-", Wo = {
   root: Os,
   separator: ks
 }, Rs = f(
@@ -1082,8 +1082,8 @@ const xs = Pe(an), Os = "Breadcrumb-module__root___x-9ln", ks = "Breadcrumb-modu
       e
     ), c = E(
       {
-        root: Ao.root,
-        separator: Ao.separator
+        root: Wo.root,
+        separator: Wo.separator
       },
       l.classNames
     ), i = l.attributes, d = {
@@ -1092,7 +1092,7 @@ const xs = Pe(an), Os = "Breadcrumb-module__root___x-9ln", ks = "Breadcrumb-modu
         "aria-hidden": !0,
         ...i == null ? void 0 : i.separator
       }
-    }, p = l.className, u = p ? `${Ao.root} ${p}` : Ao.root;
+    }, p = l.className, u = p ? `${Wo.root} ${p}` : Wo.root;
     return /* @__PURE__ */ r(
       Va,
       {
@@ -1141,7 +1141,7 @@ const Is = "Loader-module__root___6iYOP", Jo = {
   );
 });
 rn.displayName = "Loader";
-const Ls = "Button-module__root___Q2R8-", Ms = "Button-module__loader___X-9u-", As = "Button-module__label___UJ3Zt", Ws = "Button-module__labelText___rFV5p", zs = "Button-module__iconWrapper___uEKPa", Ds = "Button-module__section___f2mKr", oo = {
+const Ls = "Button-module__root___Q2R8-", Ms = "Button-module__loader___X-9u-", As = "Button-module__label___UJ3Zt", Ws = "Button-module__labelText___rFV5p", zs = "Button-module__iconWrapper___uEKPa", Ds = "Button-module__section___f2mKr", to = {
   root: Ls,
   loader: Ms,
   label: As,
@@ -1183,13 +1183,13 @@ const sn = f(function({
   );
   const T = E(
     {
-      root: oo.root,
-      section: oo.section,
-      label: oo.label,
-      loader: oo.loader
+      root: to.root,
+      section: to.section,
+      label: to.label,
+      loader: to.loader
     },
     h.classNames
-  ), _ = h.className, $ = _ ? `${oo.root} ${_}` : oo.root, v = h.loaderProps, O = Le(
+  ), _ = h.className, $ = _ ? `${to.root} ${_}` : to.root, v = h.loaderProps, O = Me(
     o === "small" ? "small" : "default",
     c
   );
@@ -1215,19 +1215,19 @@ const sn = f(function({
       variant: u[e],
       size: N[o],
       loaderProps: M,
-      leftSection: t != null ? /* @__PURE__ */ r("span", { className: oo.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
+      leftSection: t != null ? /* @__PURE__ */ r("span", { className: to.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
       "data-size": o,
       "data-content": w,
       disabled: !!h.disabled || !!h.loading,
-      children: /* @__PURE__ */ r("span", { className: oo.labelText, children: n })
+      children: /* @__PURE__ */ r("span", { className: to.labelText, children: n })
     }
   );
 });
 sn.displayName = "Button";
-const Fe = Pe(
+const Ue = Te(
   sn
-), Bs = "Card-module__root___c9KvZ", Fs = "Card-module__header___PTXf2", Us = "Card-module__footer___Mu-JC", Vs = "Card-module__section___BRT8H", Hs = "Card-module__content___oFIQa", Ve = {
+), Bs = "Card-module__root___c9KvZ", Fs = "Card-module__header___PTXf2", Us = "Card-module__footer___Mu-JC", Vs = "Card-module__section___BRT8H", Hs = "Card-module__content___oFIQa", He = {
   root: Bs,
   header: Fs,
   footer: Us,
@@ -1258,7 +1258,7 @@ const Fe = Pe(
   });
   const l = E(
     {
-      root: Ve.root
+      root: He.root
     },
     n.classNames
   ), c = n.className;
@@ -1281,7 +1281,7 @@ const cn = f(
       {
         ref: t,
         ...n,
-        className: s ? `${Ve.section} ${s}` : Ve.section
+        className: s ? `${He.section} ${s}` : He.section
       }
     );
   }
@@ -1303,7 +1303,7 @@ const dn = [
       {
         ref: t,
         ...n,
-        className: s ? `${Ve.header} ${s}` : Ve.header
+        className: s ? `${He.header} ${s}` : He.header
       }
     );
   }
@@ -1320,7 +1320,7 @@ const pn = f(
       {
         ref: t,
         ...n,
-        className: s ? `${Ve.footer} ${s}` : Ve.footer
+        className: s ? `${He.footer} ${s}` : He.footer
       }
     );
   }
@@ -1334,18 +1334,18 @@ const mn = f(
       {
         ref: t,
         ...n,
-        className: s ? `${Ve.content} ${s}` : Ve.content
+        className: s ? `${He.content} ${s}` : He.content
       }
     );
   }
 );
 mn.displayName = "CardContent";
-const _n = Pe(ln), Ko = _n;
+const _n = Te(ln), Ko = _n;
 Ko.Section = cn;
 Ko.Header = un;
 Ko.Footer = pn;
 Ko.Content = mn;
-const rp = _n, js = "Checkbox-module__groupRoot___cBS0o", qs = "Checkbox-module__root___mY3qk", Ks = "Checkbox-module__body___5yC7q", Ys = "Checkbox-module__inner___rTke4", Zs = "Checkbox-module__input___2kt-h", Xs = "Checkbox-module__icon___-O7i6", Qs = "Checkbox-module__labelWrapper___GpZkr", Js = "Checkbox-module__label___cwRtI", Oe = {
+const ip = _n, js = "Checkbox-module__groupRoot___cBS0o", qs = "Checkbox-module__root___mY3qk", Ks = "Checkbox-module__body___5yC7q", Ys = "Checkbox-module__inner___rTke4", Zs = "Checkbox-module__input___2kt-h", Xs = "Checkbox-module__icon___-O7i6", Qs = "Checkbox-module__labelWrapper___GpZkr", Js = "Checkbox-module__label___cwRtI", ke = {
   groupRoot: js,
   root: qs,
   body: Ks,
@@ -1427,7 +1427,7 @@ const rp = _n, js = "Checkbox-module__groupRoot___cBS0o", qs = "Checkbox-module_
             disabled: T || I.disabled,
             value: v,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: Oe.groupRoot, "data-layout": n, children: w })
+            children: /* @__PURE__ */ r("div", { className: ke.groupRoot, "data-layout": n, children: w })
           }
         ) : /* @__PURE__ */ r(
           "div",
@@ -1435,7 +1435,7 @@ const rp = _n, js = "Checkbox-module__groupRoot___cBS0o", qs = "Checkbox-module_
             ref: o,
             ...W,
             role: "group",
-            className: Oe.groupRoot,
+            className: ke.groupRoot,
             "data-layout": n,
             children: w
           }
@@ -1473,16 +1473,16 @@ const Uo = f(
       N
     ), g = y, h = E(
       {
-        root: Oe.root,
-        body: Oe.body,
-        inner: Oe.inner,
-        input: Oe.input,
-        icon: Oe.icon,
-        labelWrapper: Oe.labelWrapper,
-        label: Oe.label
+        root: ke.root,
+        body: ke.body,
+        inner: ke.inner,
+        input: ke.input,
+        icon: ke.icon,
+        labelWrapper: ke.labelWrapper,
+        label: ke.label
       },
       g.classNames
-    ), C = g.className, b = C ? `${Oe.root} ${C}` : Oe.root;
+    ), C = g.className, b = C ? `${ke.root} ${C}` : ke.root;
     if (n && s) {
       const S = !!(g.checked ?? g.defaultChecked), T = /* @__PURE__ */ r(
         s,
@@ -1501,7 +1501,7 @@ const Uo = f(
           controlMinWidth: p,
           children: T
         }
-      ) : /* @__PURE__ */ r(He, { children: T });
+      ) : /* @__PURE__ */ r(Ge, { children: T });
     }
     const P = /* @__PURE__ */ r(
       Et,
@@ -1527,7 +1527,7 @@ const Uo = f(
 );
 Uo.displayName = "Checkbox";
 Uo.Group = Fo;
-const el = "Chip-module__root___f5pFk", ol = "Chip-module__label___Ov9pg", tl = "Chip-module__mantineIconWrapper___KLSz6", nl = "Chip-module__innerWrapper___EnrTF", al = "Chip-module__children___zbRAR", rl = "Chip-module__leadingIcon___JBtjQ", sl = "Chip-module__deleteIcon___zPPsH", xe = {
+const el = "Chip-module__root___f5pFk", ol = "Chip-module__label___Ov9pg", tl = "Chip-module__mantineIconWrapper___KLSz6", nl = "Chip-module__innerWrapper___EnrTF", al = "Chip-module__children___zbRAR", rl = "Chip-module__leadingIcon___JBtjQ", sl = "Chip-module__deleteIcon___zPPsH", Oe = {
   root: el,
   label: ol,
   mantineIconWrapper: tl,
@@ -1574,14 +1574,14 @@ const Vo = f(function({
 }, g) {
   const h = m(y, d), C = h, b = E(
     {
-      root: xe.root,
-      label: xe.label,
-      input: xe.input,
-      iconWrapper: xe.mantineIconWrapper,
-      checkIcon: xe.checkIcon
+      root: Oe.root,
+      label: Oe.label,
+      input: Oe.input,
+      iconWrapper: Oe.mantineIconWrapper,
+      checkIcon: Oe.checkIcon
     },
     C.classNames
-  ), P = C.className, S = P ? `${xe.root} ${P}` : xe.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 ? `${Oe.root} ${P}` : Oe.root, w = e ? "" : void 0, T = !c && (!!o || !!t), _ = t !== void 0 || C.onClick !== void 0 || C.onChange !== void 0, $ = {
     ...w !== void 0 ? { "data-error": "" } : {},
     ..._ ? { "data-interactive": "" } : {}
   };
@@ -1593,25 +1593,25 @@ const Vo = f(function({
       checked: i,
       className: S,
       classNames: b,
-      wrapperProps: Le($, p),
+      wrapperProps: Me($, p),
       "data-icon-only": T ? "" : void 0,
-      tabIndex: Le(
+      tabIndex: Me(
         _ ? void 0 : -1,
         u
       ),
-      "aria-hidden": Le(
+      "aria-hidden": Me(
         _ ? void 0 : !0,
         N
       ),
-      children: /* @__PURE__ */ L("span", { className: xe.innerWrapper, children: [
-        o && !i && /* @__PURE__ */ r("span", { className: xe.leadingIcon, "aria-hidden": !0, children: o }),
-        /* @__PURE__ */ r("span", { className: xe.children, children: c }),
+      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 }),
         t && /* @__PURE__ */ r(
           "span",
           {
             ref: l,
             role: "button",
-            className: xe.deleteIcon,
+            className: Oe.deleteIcon,
             onClick: (v) => {
               v.preventDefault(), v.stopPropagation(), t(v);
             },
@@ -1820,7 +1820,7 @@ const ul = "DatePicker-module__layoutOverride___X9yaM", pl = "DatePicker-module_
               highlightToday: O,
               valueFormat: M,
               placeholder: D,
-              leftSection: Le(
+              leftSection: Me(
                 /* @__PURE__ */ r(dl, {}),
                 W
               ),
@@ -1977,7 +1977,7 @@ const Tl = "Dropdown-module__layoutOverride___FNcvP", wl = "Dropdown-module__roo
   }
 );
 zl.displayName = "Dropdown";
-const Dl = "FileInput-module__layoutOverride___HIOY6", El = "FileInput-module__root___UvQj-", Bl = "FileInput-module__leadingIcon___z75c4", Fl = "FileInput-module__content___Udsvh", Ul = "FileInput-module__value___RX33R", Vl = "FileInput-module__chipRow___My6TF", Hl = "FileInput-module__chipWrapper___q2CDy", Gl = "FileInput-module__trailingIcon___odGPm", ze = {
+const Dl = "FileInput-module__layoutOverride___HIOY6", El = "FileInput-module__root___UvQj-", Bl = "FileInput-module__leadingIcon___z75c4", Fl = "FileInput-module__content___Udsvh", Ul = "FileInput-module__value___RX33R", Vl = "FileInput-module__chipRow___My6TF", Hl = "FileInput-module__chipWrapper___q2CDy", Gl = "FileInput-module__trailingIcon___odGPm", De = {
   layoutOverride: Dl,
   root: El,
   leadingIcon: Bl,
@@ -2066,38 +2066,38 @@ const Kl = 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, Te] = ie(!1), Ye = (x) => {
+    } = e, pe = m(A, t), k = !w && !T, se = !!_ && _.length > 0, ve = Fe(null), [re, le] = ie(!1), [be, we] = ie(!1), Ze = (x) => {
       if (!k) 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 = [], Lo = [];
+      const ne = M ? W : 1, Q = M ? (_ == null ? void 0 : _.length) ?? 0 : 0, _e = [], Mo = [];
       let gt = !1, Ct = !1;
       for (const Xo of te) {
         const Pt = !Kt(Xo, O);
         Pt && (gt = !0);
         const Wa = D !== void 0 && Xo.size > D, Tt = ne !== void 0 && Q + _e.length >= ne;
-        Tt && (Ct = !0), (Pt || Wa || Tt ? Lo : _e).push(Xo);
+        Tt && (Ct = !0), (Pt || Wa || Tt ? Mo : _e).push(Xo);
       }
-      le(gt), Te(Ct), _e.length > 0 && ($ == null || $(_e)), Lo.length > 0 && (I == null || I(Lo));
-    }, we = Be(0), [Ze, Ae] = ie(!1), We = (x) => {
-      x.preventDefault(), we.current += 1, Ae(!0);
+      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);
     }, uo = (x) => {
-      x.preventDefault(), we.current -= 1, we.current <= 0 && (we.current = 0, Ae(!1));
-    }, Se = (x) => {
+      x.preventDefault(), Se.current -= 1, Se.current <= 0 && (Se.current = 0, We(!1));
+    }, $e = (x) => {
       x.preventDefault();
-    }, Xe = (x) => {
-      x.preventDefault(), we.current = 0, Ae(!1), Ye(x.dataTransfer.files);
-    }, $e = () => {
+    }, Qe = (x) => {
+      x.preventDefault(), Se.current = 0, We(!1), Ze(x.dataTransfer.files);
+    }, xe = () => {
       var x;
       k && ((x = ve.current) == null || x.click());
-    }, Qe = (x) => {
-      x.key !== "Enter" && x.key !== " " || (x.preventDefault(), $e());
+    }, Je = (x) => {
+      x.key !== "Enter" && x.key !== " " || (x.preventDefault(), xe());
     }, U = (x) => {
-      x.target.files && Ye(x.target.files), x.target.value = "";
+      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);
-    ke(() => {
+    }, [z, R] = ie(0), F = Fe([]), Z = Fe((_ == null ? void 0 : _.length) ?? 0);
+    Re(() => {
       var te;
       const x = (_ == null ? void 0 : _.length) ?? 0;
       if (x > 0 && x < Z.current) {
@@ -2112,7 +2112,7 @@ const Kl = 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());
-    }, Je = g ?? (re ? Y : be ? G : void 0), po = P ? `${ze.layoutOverride} ${P}` : ze.layoutOverride;
+    }, eo = g ?? (re ? Y : be ? G : void 0), po = P ? `${De.layoutOverride} ${P}` : De.layoutOverride;
     return /* @__PURE__ */ r(
       No,
       {
@@ -2129,7 +2129,7 @@ const Kl = f(
         label: u,
         assistiveText: N,
         assistiveWithIcon: y,
-        error: Je,
+        error: eo,
         required: h,
         withAsterisk: C,
         id: b,
@@ -2140,36 +2140,36 @@ const Kl = f(
           {
             ref: o,
             ...pe,
-            className: ze.root,
+            className: De.root,
             role: "button",
             "aria-label": K,
             "aria-disabled": w ? "true" : void 0,
             tabIndex: k ? 0 : -1,
             "data-disabled": w ? "true" : void 0,
             "data-readonly": T ? "true" : void 0,
-            "data-error": Je ? "true" : void 0,
-            "data-dragging": Ze ? "true" : void 0,
-            onClick: k ? $e : void 0,
-            onKeyDown: k ? Qe : void 0,
-            onDragEnter: k ? We : 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 ? ze : void 0,
             onDragLeave: k ? uo : void 0,
-            onDragOver: k ? Se : void 0,
-            onDrop: k ? Xe : void 0,
+            onDragOver: k ? $e : void 0,
+            onDrop: k ? Qe : void 0,
             children: [
-              /* @__PURE__ */ r("span", { className: ze.leadingIcon, "aria-hidden": !0, children: j ?? /* @__PURE__ */ r(jl, {}) }),
-              /* @__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(jl, {}) }),
+              /* @__PURE__ */ L("div", { className: De.content, children: [
+                !se && /* @__PURE__ */ r("span", { className: De.value, "data-placeholder": "true", children: H }),
                 se && /* @__PURE__ */ r(
                   "div",
                   {
-                    className: ze.chipRow,
+                    className: De.chipRow,
                     onKeyDown: T ? void 0 : me,
                     children: _.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,
@@ -2193,14 +2193,14 @@ const Kl = f(
                 )
               ] }),
               se && !T && /* @__PURE__ */ r(
-                Fe,
+                Ue,
                 {
                   overStyled: !0,
                   variant: "text",
                   size: "small",
                   icon: X ?? /* @__PURE__ */ r(ql, {}),
                   "aria-label": ue,
-                  className: ze.trailingIcon,
+                  className: De.trailingIcon,
                   disabled: w,
                   onClick: (x) => {
                     x.preventDefault(), x.stopPropagation(), B();
@@ -2230,7 +2230,7 @@ const Kl = f(
   }
 );
 Kl.displayName = "FileInput";
-const Yl = "FileUpload-module__layoutOverride___bPpi8", Zl = "FileUpload-module__root___Q-vcm", Xl = "FileUpload-module__dropzone___jqua0", Ql = "FileUpload-module__uploadIcon___bb3Nc", Jl = "FileUpload-module__dropzoneText___L7vS-", ei = "FileUpload-module__fileList___XIWLl", to = {
+const Yl = "FileUpload-module__layoutOverride___bPpi8", Zl = "FileUpload-module__root___Q-vcm", Xl = "FileUpload-module__dropzone___jqua0", Ql = "FileUpload-module__uploadIcon___bb3Nc", Jl = "FileUpload-module__dropzoneText___L7vS-", ei = "FileUpload-module__fileList___XIWLl", no = {
   layoutOverride: Yl,
   root: Zl,
   dropzone: Xl,
@@ -2296,49 +2296,49 @@ const ti = 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, k] = ie(!1), [se, ve] = ie(!1), re = (R) => {
       if (w) return;
       const F = Array.from(R);
       if (F.length === 0) return;
-      const Z = (_ == null ? void 0 : _.length) ?? 0, me = [], Je = [];
+      const Z = (_ == null ? void 0 : _.length) ?? 0, me = [], eo = [];
       let po = !1, x = !1;
       for (const te of F) {
         const ne = !Kt(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 ? Je : me).push(te);
+        _e && (x = !0), (ne || Q || _e ? eo : me).push(te);
       }
-      k(po), ve(x), me.length > 0 && ($ == null || $(me)), Je.length > 0 && (I == null || I(Je));
-    }, le = Be(0), [be, Te] = ie(!1), Ye = (R) => {
-      R.preventDefault(), le.current += 1, Te(!0);
-    }, we = (R) => {
-      R.preventDefault(), le.current -= 1, le.current <= 0 && (le.current = 0, Te(!1));
-    }, Ze = (R) => {
+      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) => {
+      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, Te(!1), re(R.dataTransfer.files);
-    }, We = () => {
+    }, We = (R) => {
+      R.preventDefault(), le.current = 0, we(!1), re(R.dataTransfer.files);
+    }, ze = () => {
       var R;
       w || (R = ae.current) == null || R.click();
     }, uo = (R) => {
       R.target.files && re(R.target.files), R.target.value = "";
-    }, [Se, Xe] = ie(0), $e = Be([]), Qe = Be((_ == null ? void 0 : _.length) ?? 0);
-    ke(() => {
+    }, [$e, Qe] = ie(0), xe = Fe([]), Je = Fe((_ == null ? void 0 : _.length) ?? 0);
+    Re(() => {
       var F;
       const R = (_ == null ? void 0 : _.length) ?? 0;
-      if (R > 0 && R < Qe.current) {
-        const Z = Math.min(Se, R - 1);
-        Xe(Z), (F = $e.current[Z]) == null || F.focus();
+      if (R > 0 && R < Je.current) {
+        const Z = Math.min($e, R - 1);
+        Qe(Z), (F = xe.current[Z]) == null || F.focus();
       }
-      Qe.current = R;
+      Je.current = R;
     }, [_]);
     const U = (R) => {
       var me;
       const F = (_ == null ? void 0 : _.length) ?? 0;
       if (F === 0) return;
       let Z;
-      R.key === "ArrowRight" || R.key === "ArrowDown" ? Z = (Se + 1) % F : (R.key === "ArrowLeft" || R.key === "ArrowUp") && (Z = (Se - 1 + F) % F), Z !== void 0 && (R.preventDefault(), Xe(Z), (me = $e.current[Z]) == null || me.focus());
-    }, B = g ?? (pe ? Y : se ? G : void 0), z = P ? `${to.layoutOverride} ${P}` : to.layoutOverride;
+      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());
+    }, B = g ?? (pe ? Y : se ? G : void 0), z = P ? `${no.layoutOverride} ${P}` : no.layoutOverride;
     return /* @__PURE__ */ r(
       No,
       {
@@ -2359,33 +2359,34 @@ const ti = f(
         required: h,
         withAsterisk: C,
         id: b,
+        controlMaxWidth: "var(--recursica_ui-kit_globals_form_field_size_max-width)",
         children: /* @__PURE__ */ L(
           "div",
           {
             ref: o,
             ...A,
-            className: to.root,
+            className: no.root,
             "data-disabled": w ? "true" : void 0,
             "data-error": B ? "true" : void 0,
             children: [
               !T && /* @__PURE__ */ L(
                 "div",
                 {
-                  className: to.dropzone,
+                  className: no.dropzone,
                   "data-dragging": be ? "true" : void 0,
-                  onDragEnter: w ? void 0 : Ye,
-                  onDragLeave: w ? void 0 : we,
-                  onDragOver: w ? void 0 : Ze,
-                  onDrop: w ? void 0 : Ae,
+                  onDragEnter: w ? void 0 : Ze,
+                  onDragLeave: w ? void 0 : Se,
+                  onDragOver: w ? void 0 : Xe,
+                  onDrop: w ? void 0 : We,
                   children: [
-                    /* @__PURE__ */ r("span", { className: to.uploadIcon, children: j ?? /* @__PURE__ */ r(oi, {}) }),
-                    /* @__PURE__ */ r("span", { className: to.dropzoneText, children: X }),
+                    /* @__PURE__ */ r("span", { className: no.uploadIcon, children: j ?? /* @__PURE__ */ r(oi, {}) }),
+                    /* @__PURE__ */ r("span", { className: no.dropzoneText, children: X }),
                     /* @__PURE__ */ r(
-                      Fe,
+                      Ue,
                       {
                         variant: "outline",
                         disabled: w,
-                        onClick: We,
+                        onClick: ze,
                         children: H
                       }
                     ),
@@ -2404,13 +2405,13 @@ const ti = f(
                   ]
                 }
               ),
-              _ && _.length > 0 && (T ? /* @__PURE__ */ r("div", { className: to.fileList, children: _.map((R) => {
+              _ && _.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);
               }) }) : /* @__PURE__ */ r(
                 "div",
                 {
-                  className: to.fileList,
+                  className: no.fileList,
                   onKeyDown: U,
                   children: _.map((R, F) => {
                     const Z = R.id ?? R.file.name;
@@ -2420,9 +2421,9 @@ const ti = f(
                         checked: !1,
                         tabIndex: -1,
                         deleteLabel: K,
-                        deleteTabIndex: F === Se ? 0 : -1,
+                        deleteTabIndex: F === $e ? 0 : -1,
                         deleteIconRef: (me) => {
-                          $e.current[F] = me;
+                          xe.current[F] = me;
                         },
                         onDelete: w ? void 0 : () => v == null ? void 0 : v(Z),
                         children: R.file.name
@@ -2457,13 +2458,13 @@ const ni = "Flex-module__root___yYser", So = {
       ref: l,
       className: p,
       classNames: c,
-      ...Io({ gap: o, rowGap: t, columnGap: n, ...s }),
+      ...Lo({ gap: o, rowGap: t, columnGap: n, ...s }),
       children: e
     }
   );
 });
 fn.displayName = "Flex";
-const sp = Pe(fn), ai = "LayoutGrid-module__root___etcau", ri = "LayoutGrid-module__inner___Oz2XL", si = "LayoutGrid-module__col___8EYKw", ce = {
+const cp = Te(fn), ai = "LayoutGrid-module__root___etcau", ri = "LayoutGrid-module__inner___Oz2XL", si = "LayoutGrid-module__col___8EYKw", ce = {
   root: ai,
   inner: ri,
   col: si
@@ -2478,7 +2479,7 @@ const sp = Pe(fn), ai = "LayoutGrid-module__root___etcau", ri = "LayoutGrid-modu
       const u = s;
       n.root = u.root ? `${ce.root} ${u.root}` : ce.root, n.inner = u.inner ? `${ce.inner} ${u.inner}` : ce.inner, n.col = u.col ? `${ce.col} ${u.col}` : ce.col;
     }
-    const l = o.className, c = l ? `${ce.root} ${l}` : ce.root, { gutter: i, ...d } = o, p = Io(
+    const l = o.className, c = l ? `${ce.root} ${l}` : ce.root, { gutter: i, ...d } = o, p = Lo(
       d
     );
     return /* @__PURE__ */ r(
@@ -2506,7 +2507,7 @@ const sp = Pe(fn), ai = "LayoutGrid-module__root___etcau", ri = "LayoutGrid-modu
   }
 );
 hn.displayName = "LayoutGrid";
-const ii = Pe(
+const ii = Te(
   hn
 ), tt = "var(--recursica_brand_layout-grids_columns)", ci = (a) => {
   if (typeof a == "number") {
@@ -2557,7 +2558,7 @@ const vn = f(
       n.col = d.col ? `${ce.col} ${d.col}` : ce.col;
     }
     const l = o.className, c = l ? `${ce.col} ${l}` : ce.col, i = Ya();
-    return /* @__PURE__ */ L(He, { children: [
+    return /* @__PURE__ */ L(Ge, { children: [
       /* @__PURE__ */ r(
         pi,
         {
@@ -2572,7 +2573,7 @@ const vn = f(
           ref: t,
           className: `${c} ${i}`,
           classNames: n,
-          ...Io(
+          ...Lo(
             o
           ),
           children: e
@@ -2582,7 +2583,7 @@ const vn = f(
   }
 );
 vn.displayName = "LayoutGridCol";
-const mi = Pe(vn), _i = ii;
+const mi = Te(vn), _i = ii;
 _i.Col = mi;
 const fi = "Group-module__root___ftO64", $o = {
   root: fi
@@ -2601,7 +2602,7 @@ const fi = "Group-module__root___ftO64", $o = {
       ref: n,
       className: i,
       classNames: s,
-      ...Io({ gap: o, ...t }),
+      ...Lo({ gap: o, ...t }),
       children: e
     }
   );
@@ -2719,7 +2720,7 @@ const Ci = "Link-module__root___I0VGE", Pi = "Link-module__iconWrapper___W-LlF",
   );
 });
 Pn.displayName = "Link";
-const lp = Pe(Pn), wi = "Menu-module__dropdown___j4xuA", Si = "Menu-module__item___NMXha", $i = "Menu-module__itemLabel___zvcqC", xi = "Menu-module__itemSection___pRIcn", Oi = "Menu-module__divider___wPiNq", ki = "Menu-module__label___4FBGa", Ri = "Menu-module__chevron___hEEiy", _o = {
+const dp = Te(Pn), wi = "Menu-module__dropdown___j4xuA", Si = "Menu-module__item___NMXha", $i = "Menu-module__itemLabel___zvcqC", xi = "Menu-module__itemSection___pRIcn", Oi = "Menu-module__divider___wPiNq", ki = "Menu-module__label___4FBGa", Ri = "Menu-module__chevron___hEEiy", _o = {
   dropdown: wi,
   item: Si,
   itemLabel: $i,
@@ -2748,7 +2749,7 @@ const lp = Pe(Pn), wi = "Menu-module__dropdown___j4xuA", Si = "Menu-module__item
     }
   } : i;
   return /* @__PURE__ */ r(
-    Me,
+    Ae,
     {
       ...l,
       classNames: c,
@@ -2763,7 +2764,7 @@ const wn = function({
 }) {
   const t = m(o, e);
   return /* @__PURE__ */ r(
-    Me.Target,
+    Ae.Target,
     {
       ...t
     }
@@ -2774,7 +2775,7 @@ const Sn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Me.Dropdown,
+      Ae.Dropdown,
       {
         ...n,
         ref: t,
@@ -2794,7 +2795,7 @@ const $n = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Me.Item,
+      Ae.Item,
       {
         ...s,
         ref: t,
@@ -2804,11 +2805,11 @@ const $n = f(
   }
 );
 $n.displayName = "MenuItem";
-const Ii = Pe($n), xn = f(
+const Ii = Te($n), xn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n.className;
     return /* @__PURE__ */ r(
-      Me.Divider,
+      Ae.Divider,
       {
         ...n,
         ref: t,
@@ -2821,7 +2822,7 @@ xn.displayName = "MenuDivider";
 const On = f(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e), s = n.className;
   return /* @__PURE__ */ r(
-    Me.Label,
+    Ae.Label,
     {
       ...n,
       ref: t,
@@ -2831,11 +2832,11 @@ const On = f(function({ overStyled: e = !1, ...o }, t) {
 });
 On.displayName = "MenuLabel";
 const kn = function(e) {
-  return /* @__PURE__ */ r(Me.Sub, { ...e });
+  return /* @__PURE__ */ r(Ae.Sub, { ...e });
 };
 kn.displayName = "MenuSub";
 const Rn = function(e) {
-  return /* @__PURE__ */ r(Me.Sub.Target, { ...e });
+  return /* @__PURE__ */ r(Ae.Sub.Target, { ...e });
 };
 Rn.displayName = "MenuSubTarget";
 const In = f(
@@ -2848,7 +2849,7 @@ const In = f(
       n
     ), c = s.className;
     return /* @__PURE__ */ r(
-      Me.Sub.Item,
+      Ae.Sub.Item,
       {
         ...s,
         ref: t,
@@ -2858,13 +2859,13 @@ const In = f(
   }
 );
 In.displayName = "MenuSubItem";
-const Li = Pe(
+const Li = Te(
   In
 ), Ln = f(
   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,
@@ -2885,7 +2886,7 @@ Co.Item = Ii;
 Co.Divider = xn;
 Co.Label = On;
 Co.Sub = Yo;
-const Mi = "Modal-module__root___ytPLl", Ai = "Modal-module__inner___SSUJE", Wi = "Modal-module__content___dWO-B", zi = "Modal-module__header___ILG9i", Di = "Modal-module__title___A5OeE", Ei = "Modal-module__bodyWrapper___5CCL-", Bi = "Modal-module__scrollArea___KD-hm", Fi = "Modal-module__footer___rro2w", Ui = "Modal-module__close___-ER1C", Ee = {
+const Mi = "Modal-module__root___ytPLl", Ai = "Modal-module__inner___SSUJE", Wi = "Modal-module__content___dWO-B", zi = "Modal-module__header___ILG9i", Di = "Modal-module__title___A5OeE", Ei = "Modal-module__bodyWrapper___5CCL-", Bi = "Modal-module__scrollArea___KD-hm", Fi = "Modal-module__footer___rro2w", Ui = "Modal-module__close___-ER1C", Be = {
   root: Mi,
   inner: Ai,
   content: Wi,
@@ -2915,12 +2916,12 @@ const Mi = "Modal-module__root___ytPLl", Ai = "Modal-module__inner___SSUJE", Wi
     p
   ), N = 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
   );
@@ -2952,7 +2953,7 @@ const _t = q.forwardRef(
       {
         ref: n,
         ...s,
-        className: `${Ee.footer} ${o || ""}`
+        className: `${Be.footer} ${o || ""}`
       }
     );
   }
@@ -2982,7 +2983,7 @@ const ft = q.forwardRef(
         ref: (b) => {
           typeof l == "function" ? l(b) : l && (l.current = b);
         },
-        className: `${Ee.bodyWrapper} ${o || ""}`,
+        className: `${Be.bodyWrapper} ${o || ""}`,
         children: [
           /* @__PURE__ */ r(
             "div",
@@ -2991,7 +2992,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
             }
           ),
@@ -3217,7 +3218,7 @@ const ji = "NumberInput-module__layoutOverride___5-9T4", qi = "NumberInput-modul
   }
 );
 Ji.displayName = "NumberInput";
-const ec = "Pagination-module__root___ITRjt", oc = "Pagination-module__dots___Yl9da", tc = "Pagination-module__baseIcon___Qw3bJ", nc = "Pagination-module__rightIcon___aYC8M", Ro = {
+const ec = "Pagination-module__root___ITRjt", oc = "Pagination-module__dots___Yl9da", tc = "Pagination-module__baseIcon___Qw3bJ", nc = "Pagination-module__rightIcon___aYC8M", Io = {
   root: ec,
   dots: oc,
   baseIcon: tc,
@@ -3236,7 +3237,7 @@ const ec = "Pagination-module__root___ITRjt", oc = "Pagination-module__dots___Yl
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `${Ro.baseIcon} ${e || ""}`.trim(),
+    className: `${Io.baseIcon} ${e || ""}`.trim(),
     ...o,
     children: /* @__PURE__ */ r("path", { d: ic[a], fill: "currentColor" })
   }
@@ -3307,7 +3308,7 @@ const ht = f(
             ref: g,
             "aria-label": "Pagination",
             ...C,
-            className: b ? `${Ro.root} ${b}` : Ro.root,
+            className: b ? `${Io.root} ${b}` : Io.root,
             children: N
           }
         )
@@ -3319,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(
-    Fe,
+    Ue,
     {
       ref: n,
       variant: i.variant,
@@ -3334,13 +3335,13 @@ vt.displayName = "Pagination.Control";
 const bt = f(
   function({ icon: e, ...o }, t) {
     const { size: n } = Ho("inactive-pages");
-    return /* @__PURE__ */ r("div", { ref: t, className: Ro.dots, "data-size": n, ...o, children: e ?? "…" });
+    return /* @__PURE__ */ r("div", { ref: t, className: Io.dots, "data-size": n, ...o, children: e ?? "…" });
   }
 );
 bt.displayName = "Pagination.Dots";
 function Nt() {
   const a = yt();
-  return /* @__PURE__ */ r(He, { children: a.range.map(
+  return /* @__PURE__ */ r(Ge, { children: a.range.map(
     (e, o) => {
       var t, n, s;
       return e === "dots" ? /* @__PURE__ */ r(bt, { icon: a.dotsIcon }, o) : /* @__PURE__ */ r(
@@ -3374,10 +3375,10 @@ function Zo(a, e, o, t) {
     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(Fn, { type: e }), b = l ? o ? {
-        rightSection: /* @__PURE__ */ r("span", { className: Ro.rightIcon, children: C })
+        rightSection: /* @__PURE__ */ r("span", { className: Io.rightIcon, children: C })
       } : { icon: C } : { icon: C };
       return /* @__PURE__ */ r(
-        Fe,
+        Ue,
         {
           ref: p,
           variant: N.variant,
@@ -3427,24 +3428,26 @@ const Vn = Zo(
   }
 );
 qn.displayName = "Pagination";
-const qe = qn;
-qe.Root = ht;
-qe.Items = Nt;
-qe.Control = vt;
-qe.Dots = bt;
-qe.Next = Gn;
-qe.Previous = Hn;
-qe.First = Vn;
-qe.Last = jn;
-qe.Icon = Fn;
-const uc = "Panel-module__content___wdGo-", pc = "Panel-module__inner___ruA2b", mc = "Panel-module__header___o7SiC", _c = "Panel-module__title___181OP", fc = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", yc = "Panel-module__body___SEC3T", hc = "Panel-module__footer___t6-hz", ao = {
+const Ke = qn;
+Ke.Root = ht;
+Ke.Items = Nt;
+Ke.Control = vt;
+Ke.Dots = bt;
+Ke.Next = Gn;
+Ke.Previous = Hn;
+Ke.First = Vn;
+Ke.Last = jn;
+Ke.Icon = Fn;
+const uc = "Panel-module__content___wdGo-", pc = "Panel-module__contentRight___4bsdU", mc = "Panel-module__contentLeft___bOgUu", _c = "Panel-module__inner___ruA2b", fc = "Panel-module__header___o7SiC", yc = "Panel-module__title___181OP", hc = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", vc = "Panel-module__body___SEC3T", bc = "Panel-module__footer___t6-hz", Ce = {
   content: uc,
-  inner: pc,
-  header: mc,
-  title: _c,
-  titleTruncate: fc,
-  body: yc,
-  footer: hc
+  contentRight: pc,
+  contentLeft: mc,
+  inner: _c,
+  header: fc,
+  title: yc,
+  titleTruncate: hc,
+  body: vc,
+  footer: bc
 }, Kn = function({
   overStyled: e = !1,
   placement: o = "right",
@@ -3454,21 +3457,22 @@ const uc = "Panel-module__content___wdGo-", pc = "Panel-module__inner___ruA2b",
 }) {
   const l = m(s, e), c = l, i = E(
     {
-      content: ao.content,
-      header: ao.header,
-      title: n ? ao.titleTruncate : ao.title,
-      body: ao.body,
-      inner: ao.inner
+      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
     },
     c.classNames
   );
   return /* @__PURE__ */ r(
-    Ge,
+    je,
     {
       ...l,
+      size: "var(--recursica_ui-kit_components_panel_properties_max-width)",
       position: o,
       keepMounted: t,
-      closeOnClickOutside: Le(
+      closeOnClickOutside: Me(
         !!s.opened,
         s.closeOnClickOutside
       ),
@@ -3479,7 +3483,7 @@ const uc = "Panel-module__content___wdGo-", pc = "Panel-module__inner___ruA2b",
 Kn.displayName = "Panel";
 const Yn = f(
   function({ overStyled: e = !1, ...o }, t) {
-    const n = m(o, e), s = n.className, l = s ? `${ao.footer} ${s}` : ao.footer;
+    const n = m(o, e), s = n.className, l = s ? `${Ce.footer} ${s}` : Ce.footer;
     return /* @__PURE__ */ r("div", { ref: t, ...n, className: l });
   }
 );
@@ -3488,7 +3492,7 @@ const Zn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Root,
+      je.Root,
       {
         ref: t,
         ...n
@@ -3501,7 +3505,7 @@ const Xn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Overlay,
+      je.Overlay,
       {
         ref: t,
         ...n
@@ -3514,7 +3518,7 @@ const Qn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Content,
+      je.Content,
       {
         ref: t,
         ...n
@@ -3527,7 +3531,7 @@ const Jn = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Header,
+      je.Header,
       {
         ref: t,
         ...n
@@ -3540,7 +3544,7 @@ const ea = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Title,
+      je.Title,
       {
         ref: t,
         ...n
@@ -3552,7 +3556,7 @@ ea.displayName = "PanelTitle";
 const oa = f(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
-    Ge.CloseButton,
+    je.CloseButton,
     {
       ref: t,
       ...n
@@ -3564,7 +3568,7 @@ const ta = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      Ge.Body,
+      je.Body,
       {
         ref: t,
         ...n
@@ -3573,19 +3577,19 @@ const ta = f(
   }
 );
 ta.displayName = "PanelBody";
-const Ke = Kn;
-Ke.Root = Zn;
-Ke.Overlay = Xn;
-Ke.Content = Qn;
-Ke.Header = Jn;
-Ke.Title = ea;
-Ke.CloseButton = oa;
-Ke.Body = ta;
-Ke.Stack = Ge.Stack;
-Ke.Footer = Yn;
-const vc = "Popover-module__dropdown___svhS6", bc = "Popover-module__arrow___5A-0e", Rt = {
-  dropdown: vc,
-  arrow: bc
+const Ye = Kn;
+Ye.Root = Zn;
+Ye.Overlay = Xn;
+Ye.Content = Qn;
+Ye.Header = Jn;
+Ye.Title = ea;
+Ye.CloseButton = oa;
+Ye.Body = ta;
+Ye.Stack = je.Stack;
+Ye.Footer = Yn;
+const Nc = "Popover-module__dropdown___svhS6", gc = "Popover-module__arrow___5A-0e", Rt = {
+  dropdown: Nc,
+  arrow: gc
 }, na = function({
   overStyled: e = !1,
   withBeak: o = !0,
@@ -3596,10 +3600,10 @@ const vc = "Popover-module__dropdown___svhS6", bc = "Popover-module__arrow___5A-
   const s = m(n, e), l = s, c = E(
     { dropdown: Rt.dropdown, arrow: Rt.arrow },
     l.classNames
-  ), i = Le(
+  ), i = Me(
     16,
     l.arrowSize
-  ), d = Le(
+  ), d = Me(
     o,
     l.withArrow
   );
@@ -3636,15 +3640,15 @@ ra.displayName = "PopoverDropdown";
 const sa = na;
 sa.Target = aa;
 sa.Dropdown = ra;
-const Nc = "Radio-module__groupRoot___bfUii", gc = "Radio-module__root___kAjTD", Cc = "Radio-module__body___q2Wpj", Pc = "Radio-module__inner___QaTBB", Tc = "Radio-module__radio___MfgN-", wc = "Radio-module__icon___DWznm", Sc = "Radio-module__labelWrapper___dB0Gi", $c = "Radio-module__label___vAFIP", Re = {
-  groupRoot: Nc,
-  root: gc,
-  body: Cc,
-  inner: Pc,
-  radio: Tc,
-  icon: wc,
-  labelWrapper: Sc,
-  label: $c
+const Cc = "Radio-module__groupRoot___bfUii", Pc = "Radio-module__root___kAjTD", Tc = "Radio-module__body___q2Wpj", wc = "Radio-module__inner___QaTBB", Sc = "Radio-module__radio___MfgN-", $c = "Radio-module__icon___DWznm", xc = "Radio-module__labelWrapper___dB0Gi", Oc = "Radio-module__label___vAFIP", Ie = {
+  groupRoot: Cc,
+  root: Pc,
+  body: Tc,
+  inner: wc,
+  radio: Sc,
+  icon: $c,
+  labelWrapper: xc,
+  label: Oc
 }, la = f(
   function(e, o) {
     const {
@@ -3718,7 +3722,7 @@ const Nc = "Radio-module__groupRoot___bfUii", gc = "Radio-module__root___kAjTD",
             disabled: T || I.disabled,
             value: v,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: Re.groupRoot, "data-layout": n, children: w })
+            children: /* @__PURE__ */ r("div", { className: Ie.groupRoot, "data-layout": n, children: w })
           }
         )
       }
@@ -3726,7 +3730,7 @@ const Nc = "Radio-module__groupRoot___bfUii", gc = "Radio-module__root___kAjTD",
   }
 );
 la.displayName = "RadioGroup";
-const xc = ({ className: a, style: e }) => /* @__PURE__ */ r(
+const kc = ({ className: a, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3765,16 +3769,16 @@ const xc = ({ className: a, style: e }) => /* @__PURE__ */ r(
       y
     ), h = g, C = E(
       {
-        root: Re.root,
-        body: Re.body,
-        inner: Re.inner,
-        radio: Re.radio,
-        icon: Re.icon,
-        labelWrapper: Re.labelWrapper,
-        label: Re.label
+        root: Ie.root,
+        body: Ie.body,
+        inner: Ie.inner,
+        radio: Ie.radio,
+        icon: Ie.icon,
+        labelWrapper: Ie.labelWrapper,
+        label: Ie.label
       },
       h.classNames
-    ), b = h.className, P = b ? `${Re.root} ${b}` : Re.root;
+    ), b = h.className, P = b ? `${Ie.root} ${b}` : Ie.root;
     if (n && s) {
       const w = !!(h.checked ?? h.defaultChecked), _ = /* @__PURE__ */ r(
         s,
@@ -3793,14 +3797,14 @@ const xc = ({ className: a, style: e }) => /* @__PURE__ */ r(
           controlMinWidth: u,
           children: _
         }
-      ) : /* @__PURE__ */ r(He, { children: _ });
+      ) : /* @__PURE__ */ r(Ge, { children: _ });
     }
     const S = /* @__PURE__ */ r(
       Ut,
       {
         ref: o,
         ...g,
-        icon: Le(xc, c),
+        icon: Me(kc, c),
         className: P,
         classNames: C,
         disabled: n || l
@@ -3820,7 +3824,7 @@ const xc = ({ className: a, style: e }) => /* @__PURE__ */ r(
 );
 ia.displayName = "Radio";
 ia.Group = la;
-const Oc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
+const Rc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
   st,
   {
     component: "span",
@@ -3835,8 +3839,8 @@ const Oc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
     ]
   }
 );
-Oc.displayName = "ReadOnlySwitchField";
-const kc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
+Rc.displayName = "ReadOnlySwitchField";
+const Ic = ({ checked: a, label: e }) => /* @__PURE__ */ L(
   st,
   {
     component: "span",
@@ -3851,14 +3855,14 @@ const kc = ({ checked: a, label: e }) => /* @__PURE__ */ L(
     ]
   }
 );
-kc.displayName = "ReadOnlyBooleanField";
-const Rc = "SegmentedControl-module__root___JFRhg", Ic = "SegmentedControl-module__label___mS17q", Lc = "SegmentedControl-module__control___znOdQ", Mc = "SegmentedControl-module__indicator___ZMcJy", vo = {
-  root: Rc,
-  label: Ic,
-  control: Lc,
-  indicator: Mc
+Ic.displayName = "ReadOnlyBooleanField";
+const Lc = "SegmentedControl-module__root___JFRhg", Mc = "SegmentedControl-module__label___mS17q", Ac = "SegmentedControl-module__control___znOdQ", Wc = "SegmentedControl-module__indicator___ZMcJy", vo = {
+  root: Lc,
+  label: Mc,
+  control: Ac,
+  indicator: Wc
 };
-function Ac(a) {
+function zc(a) {
   const e = E(
     {
       root: vo.root,
@@ -3878,10 +3882,10 @@ const ca = f(
     data: n = [],
     ...s
   }, l) {
-    const c = m(s, e), d = Ac(c), p = n.map(
+    const c = m(s, e), d = zc(c), p = n.map(
       (u) => typeof u == "string" || !u.icon ? u : {
         ...u,
-        label: /* @__PURE__ */ L(He, { children: [
+        label: /* @__PURE__ */ L(Ge, { children: [
           u.icon,
           u.label
         ] })
@@ -3903,29 +3907,29 @@ const ca = f(
   }
 );
 ca.displayName = "SegmentedControl";
-const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module__sliderContainer___y8I0J", Dc = "Slider-module__sliderTrackWrapper___UHpVh", Ec = "Slider-module__iconWrapper___uqHpC", Bc = "Slider-module__sliderRoot___LI86H", Fc = "Slider-module__sliderTrack___oqnlG", Uc = "Slider-module__sliderBar___TI4VY", Vc = "Slider-module__sliderThumb___OFn8p", Hc = "Slider-module__sliderMarkWrapper___Ufqhu", Gc = "Slider-module__sliderMark___1lM2B", jc = "Slider-module__sliderMarkLabel___MMZrq", qc = "Slider-module__minMaxGuide___TaGqz", Kc = "Slider-module__rightGuideContainer___8dOT8", Yc = "Slider-module__currentValue___dGV2T", Zc = "Slider-module__inputField___6x578", Xc = "Slider-module__readOnlyValue___-ZzMW", ee = {
-  layoutOverride: Wc,
-  sliderContainer: zc,
-  sliderTrackWrapper: Dc,
-  iconWrapper: Ec,
-  sliderRoot: Bc,
-  sliderTrack: Fc,
-  sliderBar: Uc,
-  sliderThumb: Vc,
-  sliderMarkWrapper: Hc,
-  sliderMark: Gc,
-  sliderMarkLabel: jc,
-  minMaxGuide: qc,
-  rightGuideContainer: Kc,
-  currentValue: Yc,
-  inputField: Zc,
-  readOnlyValue: Xc
-}, Qc = ({
+const up = ca, Dc = "Slider-module__layoutOverride___zYPun", Ec = "Slider-module__sliderContainer___y8I0J", Bc = "Slider-module__sliderTrackWrapper___UHpVh", Fc = "Slider-module__iconWrapper___uqHpC", Uc = "Slider-module__sliderRoot___LI86H", Vc = "Slider-module__sliderTrack___oqnlG", Hc = "Slider-module__sliderBar___TI4VY", Gc = "Slider-module__sliderThumb___OFn8p", jc = "Slider-module__sliderMarkWrapper___Ufqhu", qc = "Slider-module__sliderMark___1lM2B", Kc = "Slider-module__sliderMarkLabel___MMZrq", Yc = "Slider-module__minMaxGuide___TaGqz", Zc = "Slider-module__rightGuideContainer___8dOT8", Xc = "Slider-module__currentValue___dGV2T", Qc = "Slider-module__inputField___6x578", Jc = "Slider-module__readOnlyValue___-ZzMW", ee = {
+  layoutOverride: Dc,
+  sliderContainer: Ec,
+  sliderTrackWrapper: Bc,
+  iconWrapper: Fc,
+  sliderRoot: Uc,
+  sliderTrack: Vc,
+  sliderBar: Hc,
+  sliderThumb: Gc,
+  sliderMarkWrapper: jc,
+  sliderMark: qc,
+  sliderMarkLabel: Kc,
+  minMaxGuide: Yc,
+  rightGuideContainer: Zc,
+  currentValue: Xc,
+  inputField: Qc,
+  readOnlyValue: Jc
+}, ed = ({
   value: a
 }) => {
   const e = Array.isArray(a) ? `${a[0]} – ${a[1]}` : a;
   return /* @__PURE__ */ r("div", { className: ee.readOnlyValue, children: e });
-}, Jc = f(
+}, od = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -3968,7 +3972,7 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
     } = 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()
     );
-    ke(() => {
+    Re(() => {
       re(
         Array.isArray(k) ? [k[0].toString(), k[1].toString()] : k.toString()
       );
@@ -3983,9 +3987,9 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
         const F = Math.max(G, Math.min(j, R));
         le(F);
       }
-    }, Te = () => {
+    }, we = () => {
       re(k.toString());
-    }, Ye = (B) => {
+    }, Ze = (B) => {
       const z = k, R = B.target.value;
       re([R, z[1].toString()]);
       const F = parseFloat(R);
@@ -3993,7 +3997,7 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
         const Z = Math.max(G, Math.min(z[1], F));
         le([Z, z[1]]);
       }
-    }, we = (B) => {
+    }, Se = (B) => {
       const z = k, R = B.target.value;
       re([z[0].toString(), R]);
       const F = parseFloat(R);
@@ -4001,10 +4005,10 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
         const Z = Math.max(z[0], Math.min(j, F));
         le([z[0], Z]);
       }
-    }, Ze = () => {
+    }, Xe = () => {
       const B = k;
       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",
@@ -4015,10 +4019,10 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "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, Se = E(
+      We
+    ), uo = ze, $e = E(
       {
         root: ee.sliderRoot,
         track: ee.sliderTrack,
@@ -4029,12 +4033,12 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
         markLabel: ee.sliderMarkLabel
       },
       uo.classNames
-    ), Xe = S ? `${ee.layoutOverride} ${S}` : ee.layoutOverride, $e = D ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: D }) : null, Qe = 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 N == "function" ? `${N(k[0])} – ${N(k[1])}` : `${k[0]} – ${k[1]}` : typeof N == "function" ? N(k) : k;
     return /* @__PURE__ */ r(
       he,
       {
         ref: o,
-        className: Xe,
+        className: Qe,
         style: w,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -4054,7 +4058,7 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
         withAsterisk: b,
         id: P,
         readOnly: _,
-        readOnlyComponent: $ || Qc,
+        readOnlyComponent: $ || ed,
         emptyValueComponent: v,
         readOnlyType: "text",
         readOnlyValue: k,
@@ -4073,8 +4077,8 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
                   type: "number",
                   className: ee.inputField,
                   value: ve[0],
-                  onChange: Ye,
-                  onBlur: Ze,
+                  onChange: Ze,
+                  onBlur: Xe,
                   min: G,
                   max: k[1],
                   step: K,
@@ -4083,13 +4087,13 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
                   "aria-label": "Minimum value"
                 }
               ),
-              $e,
+              xe,
               Y && /* @__PURE__ */ r("span", { className: ee.minMaxGuide, children: X ?? G }),
               /* @__PURE__ */ r("div", { className: ee.sliderTrackWrapper, children: se ? /* @__PURE__ */ r(
                 ar,
                 {
-                  ...We,
-                  classNames: Se,
+                  ...ze,
+                  classNames: $e,
                   disabled: T,
                   value: k,
                   onChange: le,
@@ -4102,8 +4106,8 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
               ) : /* @__PURE__ */ r(
                 rr,
                 {
-                  ...We,
-                  classNames: Se,
+                  ...ze,
+                  classNames: $e,
                   disabled: T,
                   value: k,
                   onChange: le,
@@ -4118,15 +4122,15 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
                 !I && /* @__PURE__ */ r("span", { className: ee.currentValue, children: U }),
                 Y && /* @__PURE__ */ r("span", { className: ee.minMaxGuide, children: H ?? j })
               ] }),
-              Qe,
+              Je,
               I && (se ? /* @__PURE__ */ r(
                 "input",
                 {
                   type: "number",
                   className: ee.inputField,
                   value: ve[1],
-                  onChange: we,
-                  onBlur: Ze,
+                  onChange: Se,
+                  onBlur: Xe,
                   min: k[0],
                   max: j,
                   step: K,
@@ -4141,7 +4145,7 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
                   className: ee.inputField,
                   value: ve,
                   onChange: be,
-                  onBlur: Te,
+                  onBlur: we,
                   min: G,
                   max: j,
                   step: K,
@@ -4156,9 +4160,9 @@ const ip = ca, Wc = "Slider-module__layoutOverride___zYPun", zc = "Slider-module
     );
   }
 );
-Jc.displayName = "Slider";
-const ed = "Stack-module__root___NUN-x", Oo = {
-  root: ed
+od.displayName = "Slider";
+const td = "Stack-module__root___NUN-x", Oo = {
+  root: td
 }, da = f(function({ children: e, gap: o = "rec-default", ...t }, n) {
   const s = {
     root: Oo.root
@@ -4174,28 +4178,28 @@ const ed = "Stack-module__root___NUN-x", Oo = {
       ref: n,
       className: i,
       classNames: s,
-      ...Io({ gap: o, ...t }),
+      ...Lo({ gap: o, ...t }),
       children: e
     }
   );
 });
 da.displayName = "Stack";
-const cp = Pe(da), od = "Stepper-module__root___jbSYO", td = "Stepper-module__horizontal___USHT1", nd = "Stepper-module__steps___4HPO6", ad = "Stepper-module__step___s2nqL", rd = "Stepper-module__stepBody___TBvys", sd = "Stepper-module__stepLabel___N6nuy", ld = "Stepper-module__stepDescription___DnDAy", id = "Stepper-module__separator___pU0No", cd = "Stepper-module__vertical___d4mOs", dd = "Stepper-module__large___J18-y", ud = "Stepper-module__small___Ub-zb", pd = "Stepper-module__stepIcon___YQHNq", md = "Stepper-module__stepCompletedIcon___B9MeL", _d = "Stepper-module__verticalSeparator___frWc1", fd = "Stepper-module__content___J-h8X", de = {
-  root: od,
-  horizontal: td,
-  steps: nd,
-  step: ad,
-  stepBody: rd,
-  stepLabel: sd,
-  stepDescription: ld,
-  separator: id,
-  vertical: cd,
-  large: dd,
-  small: ud,
-  stepIcon: pd,
-  stepCompletedIcon: md,
-  verticalSeparator: _d,
-  content: fd
+const pp = Te(da), nd = "Stepper-module__root___jbSYO", ad = "Stepper-module__horizontal___USHT1", rd = "Stepper-module__steps___4HPO6", sd = "Stepper-module__step___s2nqL", ld = "Stepper-module__stepBody___TBvys", id = "Stepper-module__stepLabel___N6nuy", cd = "Stepper-module__stepDescription___DnDAy", dd = "Stepper-module__separator___pU0No", ud = "Stepper-module__vertical___d4mOs", pd = "Stepper-module__large___J18-y", md = "Stepper-module__small___Ub-zb", _d = "Stepper-module__stepIcon___YQHNq", fd = "Stepper-module__stepCompletedIcon___B9MeL", yd = "Stepper-module__verticalSeparator___frWc1", hd = "Stepper-module__content___J-h8X", de = {
+  root: nd,
+  horizontal: ad,
+  steps: rd,
+  step: sd,
+  stepBody: ld,
+  stepLabel: id,
+  stepDescription: cd,
+  separator: dd,
+  vertical: ud,
+  large: pd,
+  small: md,
+  stepIcon: _d,
+  stepCompletedIcon: fd,
+  verticalSeparator: yd,
+  content: hd
 }, ua = f(
   function(e, o) {
     const {
@@ -4247,24 +4251,24 @@ const cp = Pe(da), od = "Stepper-module__root___jbSYO", td = "Stepper-module__ho
   }
 );
 pa.displayName = "Stepper.Step";
-const dp = Object.assign(ua, {
+const mp = Object.assign(ua, {
   Step: pa,
   // Stepper.Completed only accepts `children` — no styling props to strip,
   // so re-exporting Mantine's implementation directly is not a gap.
   Completed: ct.Completed
 });
 ua.displayName = "Stepper";
-const yd = "Switch-module__root___Y5Ydi", hd = "Switch-module__track___7ObdZ", vd = "Switch-module__body___Sw9Wr", bd = "Switch-module__thumb___-FTeK", Nd = "Switch-module__labelWrapper___YSOwx", gd = "Switch-module__label___LrH7V", Cd = "Switch-module__thumbIconWrapper___sCY-1", Pd = "Switch-module__checkIcon___ZBAQN", Td = "Switch-module__closeIcon___bLLGw", wd = "Switch-module__groupRoot___-Uepi", fe = {
-  root: yd,
-  track: hd,
-  body: vd,
-  thumb: bd,
-  labelWrapper: Nd,
-  label: gd,
-  thumbIconWrapper: Cd,
-  checkIcon: Pd,
-  closeIcon: Td,
-  groupRoot: wd
+const vd = "Switch-module__root___Y5Ydi", bd = "Switch-module__track___7ObdZ", Nd = "Switch-module__body___Sw9Wr", gd = "Switch-module__thumb___-FTeK", Cd = "Switch-module__labelWrapper___YSOwx", Pd = "Switch-module__label___LrH7V", Td = "Switch-module__thumbIconWrapper___sCY-1", wd = "Switch-module__checkIcon___ZBAQN", Sd = "Switch-module__closeIcon___bLLGw", $d = "Switch-module__groupRoot___-Uepi", fe = {
+  root: vd,
+  track: bd,
+  body: Nd,
+  thumb: gd,
+  labelWrapper: Cd,
+  label: Pd,
+  thumbIconWrapper: Td,
+  checkIcon: wd,
+  closeIcon: Sd,
+  groupRoot: $d
 }, ma = f(
   function(e, o) {
     const {
@@ -4404,7 +4408,7 @@ const _a = f(
           controlMinWidth: u,
           children: v
         }
-      ) : /* @__PURE__ */ r(He, { children: v });
+      ) : /* @__PURE__ */ r(Ge, { children: v });
     }
     const w = /* @__PURE__ */ L("div", { className: fe.thumbIconWrapper, children: [
       /* @__PURE__ */ r(lr, { className: fe.checkIcon }),
@@ -4419,7 +4423,7 @@ const _a = f(
         styles: b,
         disabled: n || l,
         "data-disabled": n || l || void 0,
-        thumbIcon: Le(
+        thumbIcon: Me(
           w,
           c
         )
@@ -4439,11 +4443,11 @@ const _a = f(
 );
 _a.displayName = "Switch";
 _a.Group = ma;
-const Sd = "Table-module__root___aMWWS", $d = "Table-module__sortIcon___V3-dH", nt = {
-  root: Sd,
-  sortIcon: $d
+const xd = "Table-module__root___aMWWS", Od = "Table-module__sortIcon___V3-dH", nt = {
+  root: xd,
+  sortIcon: Od
 };
-function xd(a) {
+function kd(a) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -4459,7 +4463,7 @@ function xd(a) {
     }
   );
 }
-function Od(a) {
+function Rd(a) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -4478,7 +4482,7 @@ function Od(a) {
 const fa = f(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(
-    je,
+    qe,
     {
       ref: t,
       ...n,
@@ -4491,7 +4495,7 @@ const ya = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Thead,
+      qe.Thead,
       {
         ref: t,
         ...n
@@ -4504,7 +4508,7 @@ const ha = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Tbody,
+      qe.Tbody,
       {
         ref: t,
         ...n
@@ -4517,7 +4521,7 @@ const va = f(
   function({ overStyled: e = !1, selected: o = !1, disabled: t = !1, ...n }, s) {
     const l = m(n, e);
     return /* @__PURE__ */ r(
-      je.Tr,
+      qe.Tr,
       {
         ref: s,
         ...l,
@@ -4539,7 +4543,7 @@ const ba = f(
   }, c) {
     const i = m(l, e);
     return /* @__PURE__ */ L(
-      je.Th,
+      qe.Th,
       {
         ref: c,
         ...i,
@@ -4549,8 +4553,8 @@ const ba = f(
         "aria-sort": o === "asc" ? "ascending" : o === "desc" ? "descending" : void 0,
         children: [
           s,
-          o === "asc" && /* @__PURE__ */ r(xd, { className: nt.sortIcon }),
-          o === "desc" && /* @__PURE__ */ r(Od, { className: nt.sortIcon })
+          o === "asc" && /* @__PURE__ */ r(kd, { className: nt.sortIcon }),
+          o === "desc" && /* @__PURE__ */ r(Rd, { className: nt.sortIcon })
         ]
       }
     );
@@ -4561,7 +4565,7 @@ const Na = f(
   function({ overStyled: e = !1, disabled: o = !1, variant: t = "default", ...n }, s) {
     const l = m(n, e);
     return /* @__PURE__ */ r(
-      je.Td,
+      qe.Td,
       {
         ref: s,
         ...l,
@@ -4576,7 +4580,7 @@ const ga = f(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e);
     return /* @__PURE__ */ r(
-      je.Tfoot,
+      qe.Tfoot,
       {
         ref: t,
         ...n
@@ -4588,7 +4592,7 @@ ga.displayName = "TableTfoot";
 const Ca = f(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
-    je.Caption,
+    qe.Caption,
     {
       ref: t,
       ...n
@@ -4599,7 +4603,7 @@ Ca.displayName = "TableCaption";
 const Pa = f(function({ overStyled: e = !1, ...o }, t) {
   const n = m(o, e);
   return /* @__PURE__ */ r(
-    je.ScrollContainer,
+    qe.ScrollContainer,
     {
       ref: t,
       ...n
@@ -4616,11 +4620,12 @@ co.Td = Na;
 co.Tfoot = ga;
 co.Caption = Ca;
 co.ScrollContainer = Pa;
-const kd = "Tabs-module__root___-VKVI", Rd = "Tabs-module__list___qRVME", Id = "Tabs-module__tab___IdDYc", Ld = "Tabs-module__panel___08i9c", Wo = {
-  root: kd,
-  list: Rd,
-  tab: Id,
-  panel: Ld
+const Id = "Tabs-module__root___-VKVI", Ld = "Tabs-module__list___qRVME", Md = "Tabs-module__tab___IdDYc", Ad = "Tabs-module__tabSection___Es-nf", Wd = "Tabs-module__panel___08i9c", ko = {
+  root: Id,
+  list: Ld,
+  tab: Md,
+  tabSection: Ad,
+  panel: Wd
 }, Ta = f(function(e, o) {
   const {
     variant: t = "default",
@@ -4630,9 +4635,10 @@ const kd = "Tabs-module__root___-VKVI", Rd = "Tabs-module__list___qRVME", Id = "
     ...c
   } = e, i = m(c, s), d = i, p = E(
     {
-      list: Wo.list,
-      tab: Wo.tab,
-      panel: Wo.panel
+      list: ko.list,
+      tab: ko.tab,
+      tabSection: ko.tabSection,
+      panel: ko.panel
     },
     d.classNames
   );
@@ -4643,7 +4649,7 @@ const kd = "Tabs-module__root___-VKVI", Rd = "Tabs-module__list___qRVME", Id = "
       ...i,
       variant: t,
       orientation: n,
-      className: `${Wo.root} ${l || ""}`,
+      className: `${ko.root} ${l || ""}`,
       "data-variant": t,
       "data-orientation": n,
       classNames: p
@@ -4690,12 +4696,12 @@ const $a = f(
   }
 );
 $a.displayName = "Tabs.Panel";
-const up = Object.assign(Ta, {
+const _p = Object.assign(Ta, {
   List: wa,
   Tab: Sa,
   Panel: $a
-}), Md = "Text-module__root___rsBo7", Ad = {
-  root: Md
+}), zd = "Text-module__root___rsBo7", Dd = {
+  root: zd
 }, xa = f(function({
   overStyled: e = !1,
   variant: o = "body",
@@ -4703,7 +4709,7 @@ const up = Object.assign(Ta, {
   color: n = "default",
   ...s
 }, l) {
-  const c = m(s, e), i = c.className, p = [`recursica_brand_typography_${o}`, Ad.root, i].filter(Boolean).join(" ");
+  const c = m(s, e), i = c.className, p = [`recursica_brand_typography_${o}`, Dd.root, i].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     cr,
     {
@@ -4716,18 +4722,18 @@ const up = Object.assign(Ta, {
   );
 });
 xa.displayName = "Text";
-const pp = Pe(xa), Wd = "TextArea-module__layoutOverride___4MCdm", zd = "TextArea-module__root___3dyeu", Dd = "TextArea-module__input___8l36v", zo = {
-  layoutOverride: Wd,
-  root: zd,
-  input: Dd
-}, Ed = [
+const fp = Te(xa), Ed = "TextArea-module__layoutOverride___4MCdm", Bd = "TextArea-module__root___3dyeu", Fd = "TextArea-module__input___8l36v", zo = {
+  layoutOverride: Ed,
+  root: Bd,
+  input: Fd
+}, Ud = [
   "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.
-], Bd = f(
+], Vd = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -4756,7 +4762,7 @@ const pp = Pe(xa), Wd = "TextArea-module__layoutOverride___4MCdm", zd = "TextAre
       ...O
     } = e, M = V(
       m(O, t),
-      Ed
+      Ud
     ), D = M, W = E(
       {
         wrapper: zo.root,
@@ -4815,13 +4821,13 @@ const pp = Pe(xa), Wd = "TextArea-module__layoutOverride___4MCdm", zd = "TextAre
     );
   }
 );
-Bd.displayName = "TextArea";
-const Fd = "TextField-module__layoutOverride___SNZqc", Ud = "TextField-module__root___2ZYkG", Vd = "TextField-module__input___RL-My", Hd = "TextField-module__section___bCIJ0", ko = {
-  layoutOverride: Fd,
-  root: Ud,
-  input: Vd,
-  section: Hd
-}, Gd = [
+Vd.displayName = "TextArea";
+const Hd = "TextField-module__layoutOverride___SNZqc", Gd = "TextField-module__root___2ZYkG", jd = "TextField-module__input___RL-My", qd = "TextField-module__section___bCIJ0", Ro = {
+  layoutOverride: Hd,
+  root: Gd,
+  input: jd,
+  section: qd
+}, Kd = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
@@ -4857,16 +4863,16 @@ const Fd = "TextField-module__layoutOverride___SNZqc", Ud = "TextField-module__r
       ...O
     } = e, M = V(
       m(O, t),
-      Gd
+      Kd
     ), D = M, W = E(
       {
-        wrapper: ko.root,
+        wrapper: Ro.root,
         // The nested Input internal relative wrapper bounding box
-        input: ko.input,
-        section: ko.section
+        input: Ro.input,
+        section: Ro.section
       },
       D.classNames
-    ), I = b ? `${ko.layoutOverride} ${b}` : ko.layoutOverride;
+    ), I = b ? `${Ro.layoutOverride} ${b}` : Ro.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -4917,7 +4923,7 @@ const Fd = "TextField-module__layoutOverride___SNZqc", Ud = "TextField-module__r
   }
 );
 Oa.displayName = "TextField";
-const jd = [
+const Yd = [
   "size",
   // Recursica controls sizing via the `size` variant + design tokens, not raw dimensions.
   "variant",
@@ -4927,7 +4933,7 @@ const jd = [
 ], ka = f(function(e, o) {
   const { overStyled: t = !1, className: n, disabled: s, error: l, ...c } = e, i = V(
     m(c, t),
-    jd
+    Yd
   ), d = i, p = E(
     {
       wrapper: n ? `${oe.root} ${n}` : oe.root,
@@ -4958,16 +4964,16 @@ const jd = [
   );
 });
 ka.displayName = "BareDropdown";
-const qd = "TimePicker-module__layoutOverride___zKo4Q", Kd = "TimePicker-module__root___BcvRu", Yd = "TimePicker-module__timeWrapper___hJVre", Zd = "TimePicker-module__timeInput___FQysn", Xd = "TimePicker-module__fieldsGroup___2yHhR", Qd = "TimePicker-module__section___VkSWB", Jd = "TimePicker-module__timeField___twRZd", eu = "TimePicker-module__amPmSelect___mSdvt", De = {
-  layoutOverride: qd,
-  root: Kd,
-  timeWrapper: Yd,
-  timeInput: Zd,
-  fieldsGroup: Xd,
-  section: Qd,
-  timeField: Jd,
-  amPmSelect: eu
-}, ou = [
+const Zd = "TimePicker-module__layoutOverride___zKo4Q", Xd = "TimePicker-module__root___BcvRu", Qd = "TimePicker-module__timeWrapper___hJVre", Jd = "TimePicker-module__timeInput___FQysn", eu = "TimePicker-module__fieldsGroup___2yHhR", ou = "TimePicker-module__section___VkSWB", tu = "TimePicker-module__timeField___twRZd", nu = "TimePicker-module__amPmSelect___mSdvt", Ee = {
+  layoutOverride: Zd,
+  root: Xd,
+  timeWrapper: Qd,
+  timeInput: Jd,
+  fieldsGroup: eu,
+  section: ou,
+  timeField: tu,
+  amPmSelect: nu
+}, au = [
   { value: "AM", label: "AM" },
   { value: "PM", label: "PM" }
 ];
@@ -4976,17 +4982,17 @@ function It(a) {
   const e = parseInt(a.slice(0, 2), 10);
   return Number.isNaN(e) ? void 0 : e;
 }
-function tu(a, e) {
+function ru(a, e) {
   return `${String(e).padStart(2, "0")}${a.slice(2)}`;
 }
-function nu(a) {
+function su(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 au(a, e) {
+function lu(a, e) {
   var t;
   const o = (t = Object.getOwnPropertyDescriptor(
     window.HTMLSelectElement.prototype,
@@ -4994,14 +5000,14 @@ function au(a, e) {
   )) == null ? void 0 : t.set;
   o == null || o.call(a, e), a.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-const ru = [
+const iu = [
   "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.
-], su = f(
+], cu = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5034,16 +5040,16 @@ const ru = [
       ...I
     } = e, Y = V(
       m(I, t),
-      ru
+      iu
     ), G = Y, [j, X] = ie(
       () => $ ?? v
     );
-    ke(() => {
+    Re(() => {
       $ !== void 0 && X($);
     }, [$]);
-    const H = Be(null);
-    ke(() => {
-      It($ ?? v) === void 0 && H.current && au(H.current, "AM");
+    const H = Fe(null);
+    Re(() => {
+      It($ ?? v) === void 0 && H.current && lu(H.current, "AM");
     }, []);
     const K = (k) => {
       X(k), O == null || O(k);
@@ -5054,8 +5060,8 @@ const ru = [
       const se = k === "PM";
       if (se === ue) return;
       const ve = se ? J + 12 : J - 12;
-      K(tu(j, ve));
-    }, pe = b ? `${De.layoutOverride} ${b}` : De.layoutOverride;
+      K(ru(j, ve));
+    }, pe = b ? `${Ee.layoutOverride} ${b}` : Ee.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -5081,7 +5087,7 @@ const ru = [
         readOnlyComponent: T,
         emptyValueComponent: _,
         readOnlyType: "text",
-        readOnlyValue: nu(
+        readOnlyValue: su(
           $ !== void 0 ? $ : v
         ),
         readOnlyNativeProps: e,
@@ -5094,7 +5100,7 @@ const ru = [
           /* @__PURE__ */ L(
             "div",
             {
-              className: De.root,
+              className: Ee.root,
               "data-disabled": S ? "true" : void 0,
               "data-error": y ? "true" : void 0,
               children: [
@@ -5105,11 +5111,11 @@ const ru = [
                     ...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
                     ),
@@ -5128,9 +5134,9 @@ const ru = [
                   ka,
                   {
                     overStyled: !0,
-                    className: De.amPmSelect,
+                    className: Ee.amPmSelect,
                     styles: { wrapper: { width: "fit-content" } },
-                    data: ou,
+                    data: au,
                     value: ue ? "PM" : "AM",
                     onChange: ae,
                     disabled: S,
@@ -5146,16 +5152,16 @@ const ru = [
     );
   }
 );
-su.displayName = "TimePicker";
-const lu = "Timeline-module__root___LwRdZ", iu = "Timeline-module__item___T5xdQ", cu = "Timeline-module__itemBody___XAV-E", du = "Timeline-module__itemBullet___rPXCy", uu = "Timeline-module__itemTitle___GgRRW", pu = "Timeline-module__itemContent___vurs-", mu = "Timeline-module__description___f9sxV", _u = "Timeline-module__timestamp___owiRu", no = {
-  root: lu,
-  item: iu,
-  itemBody: cu,
-  itemBullet: du,
-  itemTitle: uu,
-  itemContent: pu,
-  description: mu,
-  timestamp: _u
+cu.displayName = "TimePicker";
+const du = "Timeline-module__root___LwRdZ", uu = "Timeline-module__item___T5xdQ", pu = "Timeline-module__itemBody___XAV-E", mu = "Timeline-module__itemBullet___rPXCy", _u = "Timeline-module__itemTitle___GgRRW", fu = "Timeline-module__itemContent___vurs-", yu = "Timeline-module__description___f9sxV", hu = "Timeline-module__timestamp___owiRu", ao = {
+  root: du,
+  item: uu,
+  itemBody: pu,
+  itemBullet: mu,
+  itemTitle: _u,
+  itemContent: fu,
+  description: yu,
+  timestamp: hu
 }, Ra = q.forwardRef(
   function({
     overStyled: e = !1,
@@ -5166,16 +5172,16 @@ const lu = "Timeline-module__root___LwRdZ", iu = "Timeline-module__item___T5xdQ"
   }, l) {
     const c = m(s, e), i = c, d = E(
       {
-        item: no.item,
-        itemBody: no.itemBody,
-        itemContent: no.itemContent,
-        itemBullet: no.itemBullet,
-        itemTitle: no.itemTitle
+        item: ao.item,
+        itemBody: ao.itemBody,
+        itemContent: ao.itemContent,
+        itemBullet: ao.itemBullet,
+        itemTitle: ao.itemTitle
       },
       i.classNames
-    ), p = o ? /* @__PURE__ */ L(He, { children: [
-      n && /* @__PURE__ */ r("div", { className: no.description, children: n }),
-      /* @__PURE__ */ r("div", { className: no.timestamp, children: o })
+    ), p = o ? /* @__PURE__ */ L(Ge, { children: [
+      n && /* @__PURE__ */ r("div", { className: ao.description, children: n }),
+      /* @__PURE__ */ r("div", { className: ao.timestamp, children: o })
     ] }) : n;
     return /* @__PURE__ */ r(
       ur,
@@ -5193,7 +5199,7 @@ Ra.displayName = "TimelineItem";
 const Ia = q.forwardRef(
   function({ overStyled: e = !1, ...o }, t) {
     const n = m(o, e), s = n, l = E(
-      { root: no.root },
+      { root: ao.root },
       s.classNames
     );
     return /* @__PURE__ */ r(
@@ -5207,17 +5213,17 @@ const Ia = q.forwardRef(
   }
 );
 Ia.displayName = "Timeline";
-const fu = Ia;
-fu.Item = Ra;
-const yu = "Toast-module__root___MUvfI", hu = "Toast-module__icon___VwvE1", vu = "Toast-module__loader___8Gxd-", bu = "Toast-module__title___-H6R2", Nu = "Toast-module__description___-QwfC", gu = "Toast-module__closeButton___vGr7g", Cu = "Toast-module__body___VLkXA", yo = {
-  root: yu,
-  icon: hu,
-  loader: vu,
-  title: bu,
-  description: Nu,
-  closeButton: gu,
-  body: Cu
-}, Pu = q.forwardRef(
+const vu = Ia;
+vu.Item = Ra;
+const bu = "Toast-module__root___MUvfI", Nu = "Toast-module__icon___VwvE1", gu = "Toast-module__loader___8Gxd-", Cu = "Toast-module__title___-H6R2", Pu = "Toast-module__description___-QwfC", Tu = "Toast-module__closeButton___vGr7g", wu = "Toast-module__body___VLkXA", yo = {
+  root: bu,
+  icon: Nu,
+  loader: gu,
+  title: Cu,
+  description: Pu,
+  closeButton: Tu,
+  body: wu
+}, Su = q.forwardRef(
   function({
     overStyled: e = !1,
     variant: o = "default",
@@ -5260,10 +5266,10 @@ const yu = "Toast-module__root___MUvfI", hu = "Toast-module__icon___VwvE1", vu =
     );
   }
 );
-Pu.displayName = "Toast";
-const Tu = "Tooltip-module__tooltip___UA7H9", wu = "Tooltip-module__arrow___4zROk", Lt = {
-  tooltip: Tu,
-  arrow: wu
+Su.displayName = "Toast";
+const $u = "Tooltip-module__tooltip___UA7H9", xu = "Tooltip-module__arrow___4zROk", Lt = {
+  tooltip: $u,
+  arrow: xu
 }, La = function({
   overStyled: e = !1,
   withBeak: o = !0,
@@ -5311,23 +5317,23 @@ Ma.displayName = "TooltipFloating";
 const Aa = La;
 Aa.Floating = Ma;
 Aa.Group = dt.Group;
-const Su = "TransferList-module__layoutOverride___nkb32", $u = "TransferList-module__root___ikjI7", xu = "TransferList-module__panes___dtwkW", Ou = "TransferList-module__pane___hy-kC", ku = "TransferList-module__paneHeader___HZrKX", Ru = "TransferList-module__paneSearch___Xji-g", Iu = "TransferList-module__paneList___v0rcJ", Lu = "TransferList-module__emptyState___azPw-", Mu = "TransferList-module__transferColumn___3R2Ki", Au = "TransferList-module__chevron___l-KdI", Ce = {
-  layoutOverride: Su,
-  root: $u,
-  panes: xu,
-  pane: Ou,
-  paneHeader: ku,
-  paneSearch: Ru,
-  paneList: Iu,
-  emptyState: Lu,
-  transferColumn: Mu,
-  chevron: Au
+const Ou = "TransferList-module__layoutOverride___nkb32", ku = "TransferList-module__root___ikjI7", Ru = "TransferList-module__panes___dtwkW", Iu = "TransferList-module__pane___hy-kC", Lu = "TransferList-module__paneHeader___HZrKX", Mu = "TransferList-module__paneSearch___Xji-g", Au = "TransferList-module__paneList___v0rcJ", Wu = "TransferList-module__emptyState___azPw-", zu = "TransferList-module__transferColumn___3R2Ki", Du = "TransferList-module__chevron___l-KdI", Pe = {
+  layoutOverride: Ou,
+  root: ku,
+  panes: Ru,
+  pane: Iu,
+  paneHeader: Lu,
+  paneSearch: Mu,
+  paneList: Au,
+  emptyState: Wu,
+  transferColumn: zu,
+  chevron: Du
 };
 function Mt({ direction: a }) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      className: Ce.chevron,
+      className: Pe.chevron,
       "data-direction": a,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -5346,7 +5352,7 @@ function At({ direction: a }) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      className: Ce.chevron,
+      className: Pe.chevron,
       "data-direction": a,
       viewBox: "0 0 16 16",
       width: "1em",
@@ -5361,14 +5367,14 @@ function At({ direction: a }) {
     }
   );
 }
-function Wu(a) {
+function Eu(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 zu = f(
+const Bu = f(
   function(e, o) {
     const {
       overStyled: t = !1,
@@ -5411,21 +5417,21 @@ const zu = f(
       [_, v]
     ), [pe, k] = ie(""), [se, ve] = ie(""), [re, le] = ie(
       () => /* @__PURE__ */ new Set()
-    ), [be, Te] = ie(
+    ), [be, we] = ie(
       () => /* @__PURE__ */ new Set()
-    ), Ye = wt(() => {
+    ), Ze = wt(() => {
       if (!pe) return A[0];
       const U = pe.toLowerCase();
       return A[0].filter(
         (B) => B.label.toLowerCase().includes(U)
       );
-    }, [A, pe]), we = wt(() => {
+    }, [A, pe]), Se = wt(() => {
       if (!se) return A[1];
       const U = se.toLowerCase();
       return A[1].filter(
         (B) => B.label.toLowerCase().includes(U)
       );
-    }, [A, se]), Ze = mo(() => {
+    }, [A, se]), Xe = mo(() => {
       if (re.size === 0) return;
       const U = A[0].filter(
         (z) => !re.has(z.value)
@@ -5433,47 +5439,47 @@ const zu = f(
         (z) => re.has(z.value)
       );
       le(/* @__PURE__ */ new Set()), ae([U, [...A[1], ...B]]);
-    }, [A, re, ae]), Ae = mo(() => {
+    }, [A, re, ae]), We = mo(() => {
       if (be.size === 0) return;
       const U = A[1].filter(
         (z) => !be.has(z.value)
       ), B = A[1].filter(
         (z) => be.has(z.value)
       );
-      Te(/* @__PURE__ */ new Set()), ae([[...A[0], ...B], U]);
-    }, [A, be, ae]), We = mo(() => {
+      we(/* @__PURE__ */ new Set()), ae([[...A[0], ...B], U]);
+    }, [A, be, ae]), ze = mo(() => {
       A[0].length !== 0 && (le(/* @__PURE__ */ new Set()), ae([[], [...A[1], ...A[0]]]));
     }, [A, ae]), uo = mo(() => {
-      A[1].length !== 0 && (Te(/* @__PURE__ */ new Set()), ae([[...A[0], ...A[1]], []]));
-    }, [A, ae]), Se = mo((U) => {
+      A[1].length !== 0 && (we(/* @__PURE__ */ new Set()), ae([[...A[0], ...A[1]], []]));
+    }, [A, ae]), $e = mo((U) => {
       le((B) => {
         const z = new Set(B);
         return z.has(U) ? z.delete(U) : z.add(U), z;
       });
-    }, []), Xe = mo((U) => {
-      Te((B) => {
+    }, []), Qe = mo((U) => {
+      we((B) => {
         const z = new Set(B);
         return z.has(U) ? z.delete(U) : z.add(U), z;
       });
-    }, []), $e = (U, B, z, R, F, Z, me, Je) => {
-      const { groups: po, ungrouped: x } = Wu(z), te = Object.keys(po).sort(), ne = F.size > 0 ? `${F.size} / ${R.length}` : `${R.length}`;
-      return /* @__PURE__ */ L("div", { className: Ce.pane, "data-pane": U, children: [
-        /* @__PURE__ */ L("div", { className: Ce.paneHeader, children: [
+    }, []), xe = (U, B, z, R, F, Z, me, eo) => {
+      const { groups: po, ungrouped: x } = Eu(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 }),
           /* @__PURE__ */ r(xs, { children: ne })
         ] }),
-        D && /* @__PURE__ */ r("div", { className: Ce.paneSearch, children: /* @__PURE__ */ r(
+        D && /* @__PURE__ */ r("div", { className: Pe.paneSearch, children: /* @__PURE__ */ r(
           Oa,
           {
             value: me,
-            onChange: (Q) => Je(Q.currentTarget.value),
+            onChange: (Q) => eo(Q.currentTarget.value),
             placeholder: W,
             disabled: I,
             "aria-label": `Filter ${B.toLowerCase()}`
           }
         ) }),
-        /* @__PURE__ */ L("div", { className: Ce.paneList, children: [
-          z.length === 0 && /* @__PURE__ */ r("div", { className: Ce.emptyState, children: "No items" }),
+        /* @__PURE__ */ L("div", { className: Pe.paneList, children: [
+          z.length === 0 && /* @__PURE__ */ r("div", { className: Pe.emptyState, children: "No items" }),
           x.length > 0 && /* @__PURE__ */ r(Fo, { children: x.map((Q) => /* @__PURE__ */ r(
             Uo,
             {
@@ -5506,7 +5512,7 @@ const zu = f(
           ))
         ] })
       ] });
-    }, Qe = Y ? `${Ce.layoutOverride} ${Y}` : Ce.layoutOverride;
+    }, Je = Y ? `${Pe.layoutOverride} ${Y}` : Pe.layoutOverride;
     return /* @__PURE__ */ r(
       he,
       {
@@ -5526,7 +5532,7 @@ const zu = f(
         error: C,
         required: b,
         id: K,
-        className: Qe,
+        className: Je,
         style: G,
         overStyled: t,
         readOnly: S,
@@ -5539,56 +5545,56 @@ const zu = f(
           "div",
           {
             ...X,
-            className: Ce.root,
+            className: Pe.root,
             "data-disabled": I ? "true" : void 0,
             "data-error": C ? "true" : void 0,
-            children: /* @__PURE__ */ L("div", { className: Ce.panes, children: [
-              $e(
+            children: /* @__PURE__ */ L("div", { className: Pe.panes, children: [
+              xe(
                 "source",
                 O,
-                Ye,
+                Ze,
                 A[0],
                 re,
-                Se,
+                $e,
                 pe,
                 k
               ),
-              /* @__PURE__ */ L("div", { className: Ce.transferColumn, children: [
+              /* @__PURE__ */ L("div", { className: Pe.transferColumn, children: [
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(At, { direction: "right" }),
                     "aria-label": `Move all to ${M}`,
                     disabled: I || A[0].length === 0,
-                    onClick: We
+                    onClick: ze
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(Mt, { direction: "right" }),
                     "aria-label": `Move selected to ${M}`,
                     disabled: I || re.size === 0,
-                    onClick: Ze
+                    onClick: Xe
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
                     icon: /* @__PURE__ */ r(Mt, { direction: "left" }),
                     "aria-label": `Move selected to ${O}`,
                     disabled: I || be.size === 0,
-                    onClick: Ae
+                    onClick: We
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Fe,
+                  Ue,
                   {
                     variant: "outline",
                     size: "small",
@@ -5599,13 +5605,13 @@ const zu = f(
                   }
                 )
               ] }),
-              $e(
+              xe(
                 "target",
                 M,
-                we,
+                Se,
                 A[1],
                 be,
-                Xe,
+                Qe,
                 se,
                 ve
               )
@@ -5616,17 +5622,17 @@ const zu = f(
     );
   }
 );
-zu.displayName = "TransferList";
-const Du = "Tree-module__root___ANcH3", Eu = "Tree-module__subtree___KoLT8", Bu = "Tree-module__node___Hvnjg", Fu = "Tree-module__row___sq5ff", Uu = "Tree-module__label___zJDit", Vu = "Tree-module__expandButton___W0WTT", Hu = "Tree-module__expandGlyph___w8dDQ", so = {
-  root: Du,
-  subtree: Eu,
-  node: Bu,
-  row: Fu,
-  label: Uu,
-  expandButton: Vu,
-  expandGlyph: Hu
+Bu.displayName = "TransferList";
+const Fu = "Tree-module__root___ANcH3", Uu = "Tree-module__subtree___KoLT8", Vu = "Tree-module__node___Hvnjg", Hu = "Tree-module__row___sq5ff", Gu = "Tree-module__label___zJDit", ju = "Tree-module__expandButton___W0WTT", qu = "Tree-module__expandGlyph___w8dDQ", so = {
+  root: Fu,
+  subtree: Uu,
+  node: Vu,
+  row: Hu,
+  label: Gu,
+  expandButton: ju,
+  expandGlyph: qu
 };
-function Gu() {
+function Ku() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -5644,7 +5650,7 @@ function Gu() {
     }
   );
 }
-function ju(a) {
+function Yu(a) {
   return function({
     node: o,
     hasChildren: t,
@@ -5662,12 +5668,12 @@ function ju(a) {
         "data-expanded": t && n ? !0 : void 0,
         children: [
           /* @__PURE__ */ r(
-            Fe,
+            Ue,
             {
               overStyled: !0,
               variant: "text",
               size: "small",
-              icon: /* @__PURE__ */ r(Gu, {}),
+              icon: /* @__PURE__ */ r(Ku, {}),
               "aria-label": "Toggle subtree",
               "aria-hidden": "true",
               tabIndex: -1,
@@ -5684,7 +5690,7 @@ function ju(a) {
     );
   };
 }
-const qu = f(function({
+const Zu = f(function({
   overStyled: e = !1,
   data: o,
   initialExpandedValues: t,
@@ -5703,11 +5709,11 @@ const qu = f(function({
     onNodeExpand: c,
     onNodeCollapse: i
   });
-  ke(() => {
+  Re(() => {
     d == null || d(y.selectedState);
   }, [y.selectedState, d]);
   const g = q.useRef(null);
-  ke(() => {
+  Re(() => {
     const S = g.current;
     if (!S) return;
     const w = (T) => {
@@ -5718,7 +5724,7 @@ const qu = f(function({
       $ && (T.preventDefault(), y.select($));
     };
     return S.addEventListener("keydown", w), () => S.removeEventListener("keydown", w);
-  }, [y.select, l]), ke(() => {
+  }, [y.select, l]), Re(() => {
     const S = g.current;
     if (!S || !l) return;
     const w = (T) => {
@@ -5737,7 +5743,7 @@ const qu = f(function({
       expandOnClick: !1,
       selectOnClick: !l,
       expandOnSpace: !1,
-      renderNode: ju(l),
+      renderNode: Yu(l),
       "data-disabled": l || void 0,
       classNames: E(
         { root: P, node: so.node, subtree: so.subtree },
@@ -5746,7 +5752,7 @@ const qu = f(function({
     }
   );
 });
-qu.displayName = "Tree";
+Zu.displayName = "Tree";
 function Wt(a, e) {
   var t;
   const o = (t = a[e]) == null ? void 0 : t.$value;
@@ -5758,7 +5764,7 @@ function Wt(a, e) {
     return o;
   }
 }
-function mp(a) {
+function yp(a) {
   var n;
   const e = ((n = a.brand) == null ? void 0 : n["layout-grids"]) ?? {}, o = [];
   let t;
@@ -5789,11 +5795,11 @@ export {
   pt as AccordionPanel,
   ot as AssistiveElement,
   gs as AutoComplete,
-  ap as Avatar,
+  lp as Avatar,
   xs as Badge,
   Rs as Breadcrumb,
-  Fe as Button,
-  rp as Card,
+  Ue as Button,
+  ip as Card,
   mn as CardContent,
   pn as CardFooter,
   un as CardHeader,
@@ -5807,23 +5813,23 @@ export {
   Eo as EmptyValueRenderer,
   Kl as FileInput,
   ti as FileUpload,
-  sp as Flex,
+  cp as Flex,
   lo as FormControlLayout,
   yi as Group,
   bi as Heading,
   Cn as HoverCard,
-  Ue as IS_DEV,
+  Ve as IS_DEV,
   en as Label,
   Ht as Layer,
   _i as LayoutGrid,
   mi as LayoutGridCol,
-  lp as Link,
+  dp as Link,
   rn as Loader,
   Co as Menu,
   io as Modal,
   Ji as NumberInput,
-  qe as Pagination,
-  Ke as Panel,
+  Ke as Pagination,
+  Ye as Panel,
   ta as PanelBody,
   oa as PanelCloseButton,
   Qn as PanelContent,
@@ -5833,19 +5839,19 @@ export {
   Zn as PanelRoot,
   ea as PanelTitle,
   sa as Popover,
-  tp as RECURSICA_COMPONENTS,
+  rp as RECURSICA_COMPONENTS,
   ia as Radio,
   la as RadioGroup,
-  kc as ReadOnlyBooleanField,
+  Ic as ReadOnlyBooleanField,
   on as ReadOnlyField,
-  Oc as ReadOnlySwitchField,
+  Rc as ReadOnlySwitchField,
   Do as ReadOnlyTextField,
   qt as RecursicaManifestContext,
-  op as RecursicaThemeProvider,
-  ip as SegmentedControl,
-  Jc as Slider,
-  cp as Stack,
-  dp as Stepper,
+  ap as RecursicaThemeProvider,
+  up as SegmentedControl,
+  od as Slider,
+  pp as Stack,
+  mp as Stepper,
   _a as Switch,
   ma as SwitchGroup,
   co as Table,
@@ -5857,24 +5863,24 @@ export {
   ba as TableTh,
   ya as TableThead,
   va as TableTr,
-  up as Tabs,
-  pp as Text,
-  Bd as TextArea,
+  _p as Tabs,
+  fp as Text,
+  Vd as TextArea,
   Oa as TextField,
-  su as TimePicker,
-  fu as Timeline,
+  cu as TimePicker,
+  vu as Timeline,
   Ra as TimelineItem,
-  Pu as Toast,
+  Su as Toast,
   Aa as Tooltip,
   Ma as TooltipFloating,
-  zu as TransferList,
-  qu as Tree,
+  Bu as TransferList,
+  Zu as Tree,
   he as WithReadOnlyWrapper,
-  mp as breakpointsFromRecManifest,
-  np as copyToClipboard,
+  yp as breakpointsFromRecManifest,
+  sp as copyToClipboard,
   Kt as fileMatchesAccept,
   Gt as injectOverStyledStyles,
-  ep as isGlobalOverStyledActive,
+  np as isGlobalOverStyledActive,
   $r as markCurrentPageItem,
   E as mergeClassNames,
   Or as mergeStyles,
@@ -5884,7 +5890,7 @@ export {
   wr as toggleGlobalOverStyled,
   Sr as useGlobalOverStyled,
   xr as useRecursicaManifest,
-  Le as withCallerOverride,
+  Me as withCallerOverride,
   Ir as wrapComponent
 };
 //# sourceMappingURL=adapter-mantine-v8.js.map