@recursica/mantine-adapter 0.19.0 → 0.21.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as z, Fragment as Ne } from "react/jsx-runtime";
-import L, { forwardRef as h, useId as $t, useEffect as vt } from "react";
-import { Accordion as ze, Avatar as Ct, createPolymorphicComponent as oe, Badge as gt, Breadcrumbs as Pt, Button as wt, Card as Re, Input as so, Box as De, Checkbox as ao, Chip as Tt, Container as xt, Select as St, Flex as At, Group as Wt, HoverCard as Ve, Anchor as Lt, Loader as It, Menu as Y, Modal as G, NumberInput as Ot, Pagination as te, Drawer as se, Popover as Ge, Radio as ro, SegmentedControl as zt, Stack as Rt, Stepper as Ee, Switch as no, CheckIcon as kt, CloseIcon as Mt, Tabs as ke, Text as Bt, Textarea as Ft, TimelineItem as Et, Timeline as jt, Title as Dt, Notification as Vt, Tooltip as qe } from "@mantine/core";
-const Gt = [
+import { jsx as r, jsxs as R, Fragment as Ne } from "react/jsx-runtime";
+import I, { forwardRef as h, useId as gt, useEffect as wt } from "react";
+import { Accordion as Re, Avatar as Tt, createPolymorphicComponent as Y, Badge as xt, Breadcrumbs as St, Loader as At, Button as Wt, Card as ke, Input as ao, Box as Ve, Checkbox as ro, Chip as Lt, Container as It, Select as Ot, Flex as zt, Group as Rt, HoverCard as Ge, Anchor as kt, Menu as K, Modal as G, NumberInput as Mt, Pagination as te, Drawer as se, Popover as qe, Radio as no, SegmentedControl as Bt, Stack as Ft, Stepper as je, Switch as lo, CheckIcon as Et, CloseIcon as jt, Tabs as Me, Text as Dt, Textarea as Vt, TimelineItem as Gt, Timeline as qt, Title as Ht, Notification as Ut, Tooltip as He } from "@mantine/core";
+const Zt = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const Gt = [
   "mih",
   "mah"
   // Dimensions
-], qt = /* @__PURE__ */ new Set([
+], io = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const Gt = [
   "left",
   "bottom",
   "right"
-]), Qe = {
+]), Le = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -69,27 +69,33 @@ const Gt = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
+function Ue(l) {
+  const e = { ...l };
+  for (const [a, s] of Object.entries(e))
+    typeof s == "string" && s.startsWith("rec-") && io.has(a) && s in Le && (e[a] = Le[s]);
+  return e;
+}
 function f(l, e) {
   if (e)
     return l;
   const a = { ...l };
-  for (const s of Gt)
+  for (const s of Zt)
     s in a && delete a[s];
   for (const [s, t] of Object.entries(a))
-    typeof t == "string" && t.startsWith("rec-") && qt.has(s) && t in Qe && (a[s] = Qe[t]);
+    typeof t == "string" && t.startsWith("rec-") && io.has(s) && t in Le && (a[s] = Le[t]);
   return a;
 }
-const Ht = "Accordion-module__root___Dem6d", Ut = "Accordion-module__item___7ryVk", Zt = "Accordion-module__noDivider___Ni2tT", Yt = "Accordion-module__control___b4wgX", Kt = "Accordion-module__label___Ss7uW", Qt = "Accordion-module__chevron___i-HVZ", Jt = "Accordion-module__iconLeftWrapper___5oLen", Xt = "Accordion-module__panel___Wx50w", es = "Accordion-module__content___PEM9t", J = {
-  root: Ht,
-  item: Ut,
-  noDivider: Zt,
-  control: Yt,
-  label: Kt,
-  chevron: Qt,
-  iconLeftWrapper: Jt,
-  panel: Xt,
-  content: es
-}, lo = function({
+const Yt = "Accordion-module__root___Dem6d", Kt = "Accordion-module__item___7ryVk", Qt = "Accordion-module__noDivider___Ni2tT", Xt = "Accordion-module__control___b4wgX", Jt = "Accordion-module__label___Ss7uW", es = "Accordion-module__chevron___i-HVZ", os = "Accordion-module__iconLeftWrapper___5oLen", ts = "Accordion-module__panel___Wx50w", ss = "Accordion-module__content___PEM9t", J = {
+  root: Yt,
+  item: Kt,
+  noDivider: Qt,
+  control: Xt,
+  label: Jt,
+  chevron: es,
+  iconLeftWrapper: os,
+  panel: ts,
+  content: ss
+}, co = function({
   variant: e = "unstyled",
   overStyled: a = !1,
   ...s
@@ -111,7 +117,7 @@ const Ht = "Accordion-module__root___Dem6d", Ut = "Accordion-module__item___7ryV
   }
   const i = t.className;
   return /* @__PURE__ */ r(
-    ze,
+    Re,
     {
       variant: e,
       className: i,
@@ -120,27 +126,27 @@ const Ht = "Accordion-module__root___Dem6d", Ut = "Accordion-module__item___7ryV
     }
   );
 };
-lo.displayName = "Accordion";
-const io = h(function({ title: e, leftIcon: a, divider: s = !0, children: t, overStyled: o = !1, ...n }, i) {
+co.displayName = "Accordion";
+const po = h(function({ title: e, leftIcon: a, divider: s = !0, children: t, overStyled: o = !1, ...n }, i) {
   const c = f(n, o), d = c.className, p = [s ? void 0 : J.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
-    ze.Item,
+    Re.Item,
     {
       ref: i,
       className: p,
       ...c,
-      children: e ? /* @__PURE__ */ z(Ne, { children: [
-        /* @__PURE__ */ r(He, { leftIcon: a, children: e }),
-        /* @__PURE__ */ r(Ue, { children: t })
+      children: e ? /* @__PURE__ */ R(Ne, { children: [
+        /* @__PURE__ */ r(Ze, { leftIcon: a, children: e }),
+        /* @__PURE__ */ r(Ye, { children: t })
       ] }) : t
     }
   );
 });
-io.displayName = "AccordionItem";
-const He = h(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
+po.displayName = "AccordionItem";
+const Ze = h(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
   const n = f(t, s), i = n.className;
   return /* @__PURE__ */ r(
-    ze.Control,
+    Re.Control,
     {
       ref: o,
       className: i,
@@ -150,11 +156,11 @@ const He = h(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o)
     }
   );
 });
-He.displayName = "AccordionControl";
-const Ue = h(function({ overStyled: e = !1, ...a }, s) {
+Ze.displayName = "AccordionControl";
+const Ye = h(function({ overStyled: e = !1, ...a }, s) {
   const t = f(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    ze.Panel,
+    Re.Panel,
     {
       ref: s,
       className: o,
@@ -162,18 +168,18 @@ const Ue = h(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-Ue.displayName = "AccordionPanel";
-const Ze = lo;
-Ze.Item = io;
-Ze.Control = He;
-Ze.Panel = Ue;
-const os = "Avatar-module__root___fXu-J", ts = "Avatar-module__iconWrapper___ojly2", ss = "Avatar-module__textWrapper___zp-jD", as = "Avatar-module__image___ieqGp", rs = "Avatar-module__placeholder___IDW7-", U = {
-  root: os,
-  iconWrapper: ts,
-  textWrapper: ss,
-  image: as,
-  placeholder: rs
-}, co = h(function({
+Ye.displayName = "AccordionPanel";
+const Ke = co;
+Ke.Item = po;
+Ke.Control = Ze;
+Ke.Panel = Ye;
+const as = "Avatar-module__root___fXu-J", rs = "Avatar-module__iconWrapper___ojly2", ns = "Avatar-module__textWrapper___zp-jD", ls = "Avatar-module__image___ieqGp", is = "Avatar-module__placeholder___IDW7-", Z = {
+  root: as,
+  iconWrapper: rs,
+  textWrapper: ns,
+  image: ls,
+  placeholder: is
+}, mo = h(function({
   size: e = "default",
   variant: a = "solid",
   icon: s,
@@ -191,51 +197,51 @@ const os = "Avatar-module__root___fXu-J", ts = "Avatar-module__iconWrapper___ojl
     small: "sm",
     large: "lg"
   }, m = f(i, n), N = m;
-  let _ = "text";
-  o ? _ = "image" : s && (_ = "icon");
-  const u = {
-    root: U.root,
-    image: U.image,
-    placeholder: U.placeholder
-  }, b = N.classNames;
-  if (b && typeof b == "object" && !Array.isArray(b)) {
-    const $ = b;
-    u.root = $.root ? `${U.root} ${$.root}` : U.root, u.image = $.image ? `${U.image} ${$.image}` : U.image, u.placeholder = $.placeholder ? `${U.placeholder} ${$.placeholder}` : U.placeholder;
+  let u = "text";
+  o ? u = "image" : s && (u = "icon");
+  const _ = {
+    root: Z.root,
+    image: Z.image,
+    placeholder: Z.placeholder
+  }, y = N.classNames;
+  if (y && typeof y == "object" && !Array.isArray(y)) {
+    const $ = y;
+    _.root = $.root ? `${Z.root} ${$.root}` : Z.root, _.image = $.image ? `${Z.image} ${$.image}` : Z.image, _.placeholder = $.placeholder ? `${Z.placeholder} ${$.placeholder}` : Z.placeholder;
   }
   const C = N.className;
   return /* @__PURE__ */ r(
-    Ct,
+    Tt,
     {
       ref: c,
       className: C,
-      classNames: u,
+      classNames: _,
       variant: d[a],
       size: p[e],
       src: o,
       "data-variant": a,
       "data-size": e,
-      "data-style": _,
+      "data-style": u,
       ...m,
-      children: s != null ? /* @__PURE__ */ r("span", { className: U.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ r("span", { className: U.textWrapper, children: t }) : void 0
+      children: s != null ? /* @__PURE__ */ r("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ r("span", { className: Z.textWrapper, children: t }) : void 0
     }
   );
 });
-co.displayName = "Avatar";
-const zn = oe(co), ns = "Badge-module__root___5osNT", K = {
-  root: ns
-}, po = h(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
+mo.displayName = "Avatar";
+const kn = Y(mo), cs = "Badge-module__root___5osNT", Q = {
+  root: cs
+}, _o = h(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
   const o = f(s, a), n = {
-    root: K.root,
-    section: K.section,
-    label: K.label
+    root: Q.root,
+    section: Q.section,
+    label: Q.label
   }, i = o.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const p = i;
-    n.root = p.root ? `${K.root} ${p.root}` : K.root, n.section = p.section ?? K.section, n.label = p.label ?? K.label;
+    n.root = p.root ? `${Q.root} ${p.root}` : Q.root, n.section = p.section ?? Q.section, n.label = p.label ?? Q.label;
   }
-  const c = o.className, d = c ? `${K.root} ${c}` : K.root;
+  const c = o.className, d = c ? `${Q.root} ${c}` : Q.root;
   return /* @__PURE__ */ r(
-    gt,
+    xt,
     {
       ref: t,
       variant: "filled",
@@ -246,11 +252,11 @@ const zn = oe(co), ns = "Badge-module__root___5osNT", K = {
     }
   );
 });
-po.displayName = "Badge";
-const Rn = oe(po), ls = "Breadcrumb-module__root___x-9ln", is = "Breadcrumb-module__separator___qrUX-", ne = {
-  root: ls,
-  separator: is
-}, cs = h(
+_o.displayName = "Badge";
+const Mn = Y(_o), ds = "Breadcrumb-module__root___x-9ln", ps = "Breadcrumb-module__separator___qrUX-", ne = {
+  root: ds,
+  separator: ps
+}, ms = h(
   function({ overStyled: e = !1, separator: a = ">", ...s }, t) {
     const o = f(
       { separator: a, ...s },
@@ -265,7 +271,7 @@ const Rn = oe(po), ls = "Breadcrumb-module__root___x-9ln", is = "Breadcrumb-modu
     }
     const c = o.className, d = c ? `${ne.root} ${c}` : ne.root;
     return /* @__PURE__ */ r(
-      Pt,
+      St,
       {
         ref: t,
         ...o,
@@ -275,77 +281,120 @@ const Rn = oe(po), ls = "Breadcrumb-module__root___x-9ln", is = "Breadcrumb-modu
     );
   }
 );
-cs.displayName = "Breadcrumb";
-const ds = "Button-module__root___Q2R8-", ps = "Button-module__label___UJ3Zt", ms = "Button-module__labelText___rFV5p", _s = "Button-module__iconWrapper___uEKPa", us = "Button-module__section___f2mKr", Z = {
-  root: ds,
-  label: ps,
-  labelText: ms,
-  iconWrapper: _s,
-  section: us
+ms.displayName = "Breadcrumb";
+const _s = "Loader-module__root___6iYOP", $e = {
+  root: _s
+}, uo = h(function({ variant: e = "oval", size: a = "default", overStyled: s = !1, ...t }, o) {
+  const i = {
+    sm: "small",
+    md: "default",
+    lg: "large",
+    small: "small",
+    default: "default",
+    large: "large"
+  }[a] || "default", c = f(t, s), d = {
+    root: $e.root
+  }, p = c.classNames;
+  if (p && typeof p == "object" && !Array.isArray(p)) {
+    const u = p;
+    d.root = u.root ? `${$e.root} ${u.root}` : $e.root;
+  }
+  const m = c.className, N = m ? `${$e.root} ${m}` : $e.root;
+  return /* @__PURE__ */ r(
+    At,
+    {
+      ref: o,
+      type: e,
+      "data-variant": e,
+      "data-size": i,
+      ...c,
+      className: N,
+      classNames: d
+    }
+  );
+});
+uo.displayName = "Loader";
+const us = "Button-module__root___Q2R8-", bs = "Button-module__loader___X-9u-", ys = "Button-module__label___UJ3Zt", fs = "Button-module__labelText___rFV5p", Ns = "Button-module__iconWrapper___uEKPa", hs = "Button-module__section___f2mKr", H = {
+  root: us,
+  loader: bs,
+  label: ys,
+  labelText: fs,
+  iconWrapper: Ns,
+  section: hs
 };
-function bs(l) {
+function $s(l) {
   return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
 }
-const mo = h(function({
+const bo = h(function({
   variant: e = "solid",
   size: a = "default",
   icon: s,
   children: t,
   overStyled: o = !1,
-  ...n
-}, i) {
-  const c = {
+  loaderVariant: n = "oval",
+  loaderSize: i,
+  useRecursicaLoader: c = !0,
+  ...d
+}, p) {
+  const m = {
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, d = {
+  }, N = {
     default: "md",
     small: "sm"
-  }, p = f(n, o), m = p;
-  delete m.fullWidth;
-  const N = !!s || !!m.leftSection, _ = !!m.rightSection, u = (N || _) && !bs(t);
-  typeof process < "u" && process.env.NODE_ENV !== "production" && u && !m["aria-label"] && console.warn(
+  }, u = f(d, o), _ = u;
+  delete _.fullWidth;
+  const y = !!s || !!_.leftSection, C = !!_.rightSection, $ = (y || C) && !$s(t);
+  typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
-  const b = {
-    root: Z.root,
-    section: Z.section,
-    label: Z.label
-  }, C = m.classNames;
-  if (C && typeof C == "object" && !Array.isArray(C)) {
-    const y = C;
-    b.root = y.root ? `${Z.root} ${y.root}` : Z.root, b.section = y.section ?? Z.section, b.label = y.label ?? Z.label;
+  const P = {
+    root: H.root,
+    section: H.section,
+    label: H.label,
+    loader: H.loader
+  }, b = _.classNames;
+  if (b && typeof b == "object" && !Array.isArray(b)) {
+    const A = b;
+    P.root = A.root ? `${H.root} ${A.root}` : H.root, P.section = A.section ?? H.section, P.label = A.label ?? H.label;
   }
-  const $ = m.className, g = $ ? `${Z.root} ${$}` : Z.root;
-  return /* @__PURE__ */ r(
-    wt,
+  const T = _.className, v = T ? `${H.root} ${T}` : H.root, k = _.loaderProps, S = i ?? (a === "small" ? "small" : "default");
+  let w = k;
+  return c && (w = {
+    children: /* @__PURE__ */ r(uo, { variant: n, size: S }),
+    ...k
+  }), /* @__PURE__ */ r(
+    Wt,
     {
-      ref: i,
-      className: g,
-      classNames: b,
-      variant: c[e],
-      size: d[a],
-      leftSection: s != null ? /* @__PURE__ */ r("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+      ref: p,
+      className: v,
+      classNames: P,
+      variant: m[e],
+      size: N[a],
+      loaderProps: w,
+      leftSection: s != null ? /* @__PURE__ */ r("span", { className: H.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
       "data-variant": e,
       "data-size": a,
-      ...u ? { "data-icon-only": "" } : {},
-      ...p,
-      children: /* @__PURE__ */ r("span", { className: Z.labelText, children: t })
+      ...$ ? { "data-icon-only": "" } : {},
+      ...u,
+      disabled: !!_.disabled || !!_.loading,
+      children: /* @__PURE__ */ r("span", { className: H.labelText, children: t })
     }
   );
 });
-mo.displayName = "Button";
-const kn = oe(
-  mo
-), ys = "Card-module__root___c9KvZ", fs = "Card-module__header___PTXf2 recursica_brand_typography_h3", Ns = "Card-module__footer___Mu-JC", hs = "Card-module__section___BRT8H", $s = "Card-module__content___oFIQa", ee = {
-  root: ys,
-  header: fs,
-  footer: Ns,
-  section: hs,
-  content: $s
-}, _o = h(function({ overStyled: e = !1, ...a }, s) {
+bo.displayName = "Button";
+const Bn = Y(
+  bo
+), vs = "Card-module__root___c9KvZ", Cs = "Card-module__header___PTXf2 recursica_brand_typography_h3", Ps = "Card-module__footer___Mu-JC", gs = "Card-module__section___BRT8H", ws = "Card-module__content___oFIQa", oe = {
+  root: vs,
+  header: Cs,
+  footer: Ps,
+  section: gs,
+  content: ws
+}, yo = h(function({ overStyled: e = !1, ...a }, s) {
   const t = f(a, e), o = {
-    root: ee.root
+    root: oe.root
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
@@ -355,7 +404,7 @@ const kn = oe(
   }
   const i = t.className;
   return /* @__PURE__ */ r(
-    Re,
+    ke,
     {
       ref: s,
       className: i,
@@ -364,76 +413,76 @@ const kn = oe(
     }
   );
 });
-_o.displayName = "Card";
-const uo = h(
+yo.displayName = "Card";
+const fo = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Re.Section,
+      ke.Section,
       {
         ref: s,
-        className: o ? `${ee.section} ${o}` : ee.section,
+        className: o ? `${oe.section} ${o}` : oe.section,
         ...t
       }
     );
   }
 );
-uo.displayName = "CardSection";
-const bo = h(
+fo.displayName = "CardSection";
+const No = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Re.Section,
+      ke.Section,
       {
         ref: s,
-        className: o ? `${ee.header} ${o}` : ee.header,
+        className: o ? `${oe.header} ${o}` : oe.header,
         ...t
       }
     );
   }
 );
-bo.displayName = "CardHeader";
-const yo = h(
+No.displayName = "CardHeader";
+const ho = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Re.Section,
+      ke.Section,
       {
         ref: s,
-        className: o ? `${ee.footer} ${o}` : ee.footer,
+        className: o ? `${oe.footer} ${o}` : oe.footer,
         ...t
       }
     );
   }
 );
-yo.displayName = "CardFooter";
-const fo = h(
+ho.displayName = "CardFooter";
+const $o = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
       "div",
       {
         ref: s,
-        className: o ? `${ee.content} ${o}` : ee.content,
+        className: o ? `${oe.content} ${o}` : oe.content,
         ...t
       }
     );
   }
 );
-fo.displayName = "CardContent";
-const No = oe(_o), Me = No;
-Me.Section = uo;
-Me.Header = bo;
-Me.Footer = yo;
-Me.Content = fo;
-const Mn = No, vs = "Label-module__root___e6HXZ", Cs = "Label-module__labelText___rieFR", gs = "Label-module__required___Ggrzc", Ps = "Label-module__optionalText___Y2yun", ws = "Label-module__actionAreaWrapper___ELoZK", Ts = "Label-module__editIconWrapper___NG2xW", H = {
-  root: vs,
-  labelText: Cs,
-  required: gs,
-  optionalText: Ps,
-  actionAreaWrapper: ws,
-  editIconWrapper: Ts
-}, ho = h(function({
+$o.displayName = "CardContent";
+const vo = Y(yo), Be = vo;
+Be.Section = fo;
+Be.Header = No;
+Be.Footer = ho;
+Be.Content = $o;
+const Fn = vo, Ts = "Label-module__root___e6HXZ", xs = "Label-module__labelText___rieFR", Ss = "Label-module__required___Ggrzc", As = "Label-module__optionalText___Y2yun", Ws = "Label-module__actionAreaWrapper___ELoZK", Ls = "Label-module__editIconWrapper___NG2xW", U = {
+  root: Ts,
+  labelText: xs,
+  required: Ss,
+  optionalText: As,
+  actionAreaWrapper: Ws,
+  editIconWrapper: Ls
+}, Co = h(function({
   labelSize: e = "default",
   labelAlignment: a,
   required: s = !1,
@@ -446,35 +495,35 @@ const Mn = No, vs = "Label-module__root___e6HXZ", Cs = "Label-module__labelText_
   ...p
 }, m) {
   const N = a || "left";
-  let _;
-  s || (t === !0 ? _ = "optional" : t && (_ = t));
-  const u = f(p, d), b = u, C = {
-    label: H.root,
-    required: H.required
-  }, $ = b.classNames;
+  let u;
+  s || (t === !0 ? u = "optional" : t && (u = t));
+  const _ = f(p, d), y = _, C = {
+    label: U.root,
+    required: U.required
+  }, $ = y.classNames;
   if ($ && typeof $ == "object" && !Array.isArray($)) {
-    const S = $;
-    C.label = S.label ? `${H.root} ${S.label}` : H.root, C.required = S.required ? `${H.required} ${S.required}` : H.required;
+    const T = $;
+    C.label = T.label ? `${U.root} ${T.label}` : U.root, C.required = T.required ? `${U.required} ${T.required}` : U.required;
   }
-  const g = b.className, y = g ? `${H.root} ${g}` : H.root;
-  return /* @__PURE__ */ z(
-    so.Label,
+  const P = y.className, b = P ? `${U.root} ${P}` : U.root;
+  return /* @__PURE__ */ R(
+    ao.Label,
     {
       ref: m,
-      className: y,
+      className: b,
       classNames: C,
       "data-size": e,
       "data-alignment": N,
       required: s && !o,
-      ...u,
+      ..._,
       children: [
-        /* @__PURE__ */ r("span", { className: H.labelText, children: c }),
-        _ && /* @__PURE__ */ r("span", { className: H.optionalText, children: typeof _ == "string" ? `(${_})` : _ }),
-        n ? /* @__PURE__ */ r("span", { className: H.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: U.labelText, children: c }),
+        u && /* @__PURE__ */ r("span", { className: U.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        n ? /* @__PURE__ */ r("span", { className: U.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: H.editIconWrapper,
+            className: U.editIconWrapper,
             "data-replaces-asterisk": s ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
@@ -503,11 +552,11 @@ const Mn = No, vs = "Label-module__root___e6HXZ", Cs = "Label-module__labelText_
     }
   );
 });
-ho.displayName = "Label";
-const xs = "FormControlLayout-module__root___yNDhZ", Ss = "FormControlLayout-module__leftSection___GBM1r", As = "FormControlLayout-module__rightSection___bcL4v", Se = {
-  root: xs,
-  leftSection: Ss,
-  rightSection: As
+Co.displayName = "Label";
+const Is = "FormControlLayout-module__root___yNDhZ", Os = "FormControlLayout-module__leftSection___GBM1r", zs = "FormControlLayout-module__rightSection___bcL4v", Se = {
+  root: Is,
+  leftSection: Os,
+  rightSection: zs
 }, ce = h(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
@@ -519,8 +568,8 @@ const xs = "FormControlLayout-module__root___yNDhZ", Ss = "FormControlLayout-mod
   style: c,
   ...d
 }, p) {
-  const m = i ? `${Se.root} ${i}` : Se.root, _ = o != null || e === "side-by-side";
-  return /* @__PURE__ */ z(
+  const m = i ? `${Se.root} ${i}` : Se.root, u = o != null || e === "side-by-side";
+  return /* @__PURE__ */ R(
     "div",
     {
       ref: p,
@@ -533,18 +582,18 @@ const xs = "FormControlLayout-module__root___yNDhZ", Ss = "FormControlLayout-mod
       },
       ...d,
       children: [
-        _ && /* @__PURE__ */ r("div", { className: Se.leftSection, "data-size": a, children: o }),
+        u && /* @__PURE__ */ r("div", { className: Se.leftSection, "data-size": a, children: o }),
         /* @__PURE__ */ r("div", { className: Se.rightSection, children: n })
       ]
     }
   );
 });
 ce.displayName = "FormControlLayout";
-const Ws = "AssistiveElement-module__root___WhQ43", Ls = "AssistiveElement-module__textWrapper___sfy5E", Is = "AssistiveElement-module__iconWrapper___gObRF", Fe = {
-  root: Ws,
-  textWrapper: Ls,
-  iconWrapper: Is
-}, Os = () => /* @__PURE__ */ z(
+const Rs = "AssistiveElement-module__root___WhQ43", ks = "AssistiveElement-module__textWrapper___sfy5E", Ms = "AssistiveElement-module__iconWrapper___gObRF", Ee = {
+  root: Rs,
+  textWrapper: ks,
+  iconWrapper: Ms
+}, Bs = () => /* @__PURE__ */ R(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -560,7 +609,7 @@ const Ws = "AssistiveElement-module__root___WhQ43", Ls = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), zs = () => /* @__PURE__ */ z(
+), Fs = () => /* @__PURE__ */ R(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -576,7 +625,7 @@ const Ws = "AssistiveElement-module__root___WhQ43", Ls = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), je = h(function({
+), De = h(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
   children: s,
@@ -584,8 +633,8 @@ const Ws = "AssistiveElement-module__root___WhQ43", Ls = "AssistiveElement-modul
   overStyled: o = !1,
   ...n
 }, i) {
-  const d = f(n, o), p = Fe.root, m = t ? `${p} ${t}` : p, N = e === "error" ? zs : Os;
-  return /* @__PURE__ */ z(
+  const d = f(n, o), p = Ee.root, m = t ? `${p} ${t}` : p, N = e === "error" ? Fs : Bs;
+  return /* @__PURE__ */ R(
     "div",
     {
       ref: i,
@@ -594,16 +643,16 @@ const Ws = "AssistiveElement-module__root___WhQ43", Ls = "AssistiveElement-modul
       style: d.style,
       ...d,
       children: [
-        a && /* @__PURE__ */ r("span", { className: Fe.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
-        /* @__PURE__ */ r("span", { className: Fe.textWrapper, children: s })
+        a && /* @__PURE__ */ r("span", { className: Ee.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
+        /* @__PURE__ */ r("span", { className: Ee.textWrapper, children: s })
       ]
     }
   );
 });
-je.displayName = "AssistiveElement";
-const Rs = "FormControlWrapper-module__inputSection___HenXk", Je = {
-  inputSection: Rs
-}, Le = h(function({
+De.displayName = "AssistiveElement";
+const Es = "FormControlWrapper-module__inputSection___HenXk", Je = {
+  inputSection: Es
+}, Ie = h(function({
   formLayout: e,
   labelSize: a,
   labelAlignment: s,
@@ -616,34 +665,34 @@ const Rs = "FormControlWrapper-module__inputSection___HenXk", Je = {
   assistiveText: p,
   assistiveWithIcon: m = !0,
   controlMaxWidth: N,
-  controlMinWidth: _,
-  error: u,
-  required: b,
+  controlMinWidth: u,
+  error: _,
+  required: y,
   withAsterisk: C,
   id: $,
-  children: g,
-  className: y,
-  overStyled: S = !1,
+  children: P,
+  className: b,
+  overStyled: T = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
-  ...B
-}, A) {
-  const T = $t(), R = $ || `recursica-fc-${T}`, M = p || d, W = M ? `${R}-assistive` : void 0, w = u ? `${R}-error` : void 0, k = f(B, S), me = y || k.className, xe = Je.root, q = me ? `${xe} ${me}` : xe, Nt = L.isValidElement(g) ? L.cloneElement(
-    g,
+  ...k
+}, S) {
+  const w = gt(), A = $ || `recursica-fc-${w}`, B = p || d, L = B ? `${A}-assistive` : void 0, x = _ ? `${A}-error` : void 0, M = f(k, T), me = b || M.className, xe = Je.root, q = me ? `${xe} ${me}` : xe, Ct = I.isValidElement(P) ? I.cloneElement(
+    P,
     {
-      ...M && !g.props["aria-describedby"] ? { "aria-describedby": W } : {},
-      ...u && !g.props["aria-errormessage"] ? { "aria-errormessage": w } : {}
+      ...B && !P.props["aria-describedby"] ? { "aria-describedby": L } : {},
+      ..._ && !P.props["aria-errormessage"] ? { "aria-errormessage": x } : {}
     }
-  ) : g, ht = c ? /* @__PURE__ */ r(
-    ho,
+  ) : P, Pt = c ? /* @__PURE__ */ r(
+    Co,
     {
-      id: R,
+      id: A,
       labelAlignment: s,
       labelOptionalText: t,
       labelWithEditIcon: o,
       labelActionArea: n,
       onLabelEditClick: i,
-      required: C ?? b,
+      required: C ?? y,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
@@ -651,43 +700,43 @@ const Rs = "FormControlWrapper-module__inputSection___HenXk", Je = {
   return /* @__PURE__ */ r(
     ce,
     {
-      ref: A,
+      ref: S,
       className: q,
       formLayout: e,
       labelSize: a,
       controlMaxWidth: N,
-      controlMinWidth: _,
-      leftSection: ht,
-      ...k,
-      children: /* @__PURE__ */ z("div", { className: Je.inputSection, children: [
-        Nt,
-        u && /* @__PURE__ */ r(
-          je,
+      controlMinWidth: u,
+      leftSection: Pt,
+      ...M,
+      children: /* @__PURE__ */ R("div", { className: Je.inputSection, children: [
+        Ct,
+        _ && /* @__PURE__ */ r(
+          De,
           {
-            id: w,
+            id: x,
             assistiveVariant: "error",
             assistiveWithIcon: m,
-            children: u
+            children: _
           }
         ),
-        !u && M && /* @__PURE__ */ r(
-          je,
+        !_ && B && /* @__PURE__ */ r(
+          De,
           {
-            id: W,
+            id: L,
             assistiveVariant: "help",
             assistiveWithIcon: m,
-            children: M
+            children: B
           }
         )
       ] })
     }
   );
 });
-Le.displayName = "FormControlWrapper";
-const ks = "_root_1qhn7_3", Ms = "_contents_1qhn7_18", ye = {
-  root: ks,
-  contents: Ms
-}, Bs = h(function({ layer: l, contentsOnly: e, children: a, className: s, style: t, ...o }, n) {
+Ie.displayName = "FormControlWrapper";
+const js = "_root_1qhn7_3", Ds = "_contents_1qhn7_18", ye = {
+  root: js,
+  contents: Ds
+}, Vs = h(function({ layer: l, contentsOnly: e, children: a, className: s, style: t, ...o }, n) {
   const i = e ? s ? `${ye.root} ${ye.contents} ${s}` : `${ye.root} ${ye.contents}` : s ? `${ye.root} ${s}` : ye.root;
   return /* @__PURE__ */ r(
     "div",
@@ -701,24 +750,24 @@ const ks = "_root_1qhn7_3", Ms = "_contents_1qhn7_18", ye = {
     }
   );
 });
-Bs.displayName = "Layer";
-const Ie = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(L.Fragment, { children: l });
-Ie.displayName = "EmptyValueRenderer";
-Ie.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
-const Xe = "data-recursica-theme";
-function Bn({
+Vs.displayName = "Layer";
+const Oe = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(I.Fragment, { children: l });
+Oe.displayName = "EmptyValueRenderer";
+Oe.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
+const eo = "data-recursica-theme";
+function En({
   children: l,
   theme: e = "light"
 }) {
-  return vt(() => {
+  return wt(() => {
     const a = document.documentElement;
-    return a.setAttribute(Xe, e), () => {
-      a.removeAttribute(Xe);
+    return a.setAttribute(eo, e), () => {
+      a.removeAttribute(eo);
     };
   }, [e]), /* @__PURE__ */ r(Ne, { children: l });
 }
-const Fs = "ReadOnlyField-module__textField___qKn25", Oe = {
-  textField: Fs
+const Gs = "ReadOnlyField-module__textField___qKn25", ze = {
+  textField: Gs
 }, We = ({
   value: l,
   overStyled: e = !1,
@@ -726,20 +775,20 @@ const Fs = "ReadOnlyField-module__textField___qKn25", Oe = {
 }) => {
   const s = f(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    De,
+    Ve,
     {
       component: "p",
-      className: t ? `${Oe.textField} ${t}` : Oe.textField,
+      className: t ? `${ze.textField} ${t}` : ze.textField,
       ...s,
-      children: l != null ? L.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
+      children: l != null ? I.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
     }
   );
 };
 We.displayName = "ReadOnlyTextField";
-const $o = h(
+const Po = h(
   function({ value: e, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...o }, n) {
     let i = null;
-    const c = f(o, t), d = s || Ie, m = (d.check ? d.check(e) : Ie.check(e)) ? /* @__PURE__ */ r(d, { value: e }) : e;
+    const c = f(o, t), d = s || Oe, m = (d.check ? d.check(e) : Oe.check(e)) ? /* @__PURE__ */ r(d, { value: e }) : e;
     switch (a) {
       case "boolean":
         i = /* @__PURE__ */ r(
@@ -771,7 +820,7 @@ const $o = h(
         break;
     }
     return /* @__PURE__ */ r(
-      Le,
+      Ie,
       {
         ref: n,
         overStyled: t,
@@ -781,7 +830,7 @@ const $o = h(
     );
   }
 );
-$o.displayName = "ReadOnlyField";
+Po.displayName = "ReadOnlyField";
 const de = h(function({
   readOnly: e,
   readOnlyComponent: a,
@@ -795,7 +844,7 @@ const de = h(function({
   ...p
 }, m) {
   return e ? a ? /* @__PURE__ */ r(
-    Le,
+    Ie,
     {
       ref: m,
       ...p,
@@ -804,7 +853,7 @@ const de = h(function({
       children: /* @__PURE__ */ r(a, { ...o })
     }
   ) : /* @__PURE__ */ r(
-    $o,
+    Po,
     {
       ref: m,
       type: s,
@@ -815,7 +864,7 @@ const de = h(function({
       ...p
     }
   ) : /* @__PURE__ */ r(
-    Le,
+    Ie,
     {
       ref: m,
       ...p,
@@ -826,16 +875,16 @@ const de = h(function({
   );
 });
 de.displayName = "WithReadOnlyWrapper";
-const Es = "Checkbox-module__groupRoot___cBS0o", js = "Checkbox-module__root___mY3qk", Ds = "Checkbox-module__body___5yC7q", Vs = "Checkbox-module__inner___rTke4", Gs = "Checkbox-module__input___2kt-h", qs = "Checkbox-module__icon___-O7i6", Hs = "Checkbox-module__labelWrapper___GpZkr", Us = "Checkbox-module__label___cwRtI", I = {
-  groupRoot: Es,
-  root: js,
-  body: Ds,
-  inner: Vs,
-  input: Gs,
-  icon: qs,
-  labelWrapper: Hs,
-  label: Us
-}, vo = h(
+const qs = "Checkbox-module__groupRoot___cBS0o", Hs = "Checkbox-module__root___mY3qk", Us = "Checkbox-module__body___5yC7q", Zs = "Checkbox-module__inner___rTke4", Ys = "Checkbox-module__input___2kt-h", Ks = "Checkbox-module__icon___-O7i6", Qs = "Checkbox-module__labelWrapper___GpZkr", Xs = "Checkbox-module__label___cwRtI", O = {
+  groupRoot: qs,
+  root: Hs,
+  body: Us,
+  inner: Zs,
+  input: Ys,
+  icon: Ks,
+  labelWrapper: Qs,
+  label: Xs
+}, go = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -850,26 +899,26 @@ const Es = "Checkbox-module__groupRoot___cBS0o", js = "Checkbox-module__root___m
       label: p,
       description: m,
       assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      assistiveWithIcon: u,
+      error: _,
+      required: y,
       withAsterisk: C,
       id: $,
-      className: g,
-      style: y,
-      children: S,
+      className: P,
+      style: b,
+      children: T,
       readOnly: v,
-      readOnlyComponent: B,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
+      readOnlyComponent: k,
+      emptyValueComponent: S,
+      value: w,
+      defaultValue: A,
+      ...B
+    } = e, L = f(B, s), x = L;
+    return delete x.size, /* @__PURE__ */ r(
       de,
       {
-        className: g,
-        style: y,
+        className: P,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
@@ -883,36 +932,36 @@ const Es = "Checkbox-module__groupRoot___cBS0o", js = "Checkbox-module__root___m
         label: p,
         description: m,
         assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        assistiveWithIcon: u,
+        error: _,
+        required: y,
         withAsterisk: C,
         id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
-        emptyValueComponent: A,
+        readOnly: v && !!k,
+        readOnlyComponent: k,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: w !== void 0 ? w : A,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          ao.Group,
+          ro.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
-            value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: I.groupRoot, "data-layout": t, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            ...L,
+            disabled: v || x.disabled,
+            value: w,
+            defaultValue: A,
+            children: /* @__PURE__ */ r("div", { className: O.groupRoot, "data-layout": t, children: I.Children.map(T, (g) => I.isValidElement(g) ? I.cloneElement(g, {
+              disabled: v || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-vo.displayName = "CheckboxGroup";
-const Co = h(
+go.displayName = "CheckboxGroup";
+const wo = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -924,29 +973,29 @@ const Co = h(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, N = f(m, s), _ = N;
-    delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
-    const u = {
-      root: I.root,
-      body: I.body,
-      inner: I.inner,
-      input: I.input,
-      icon: I.icon,
-      labelWrapper: I.labelWrapper,
-      label: I.label
-    }, b = _.classNames;
-    if (b && typeof b == "object" && !Array.isArray(b)) {
-      const y = b;
-      u.root = y.root ? `${I.root} ${y.root}` : I.root, u.body = y.body ? `${I.body} ${y.body}` : I.body, u.inner = y.inner ? `${I.inner} ${y.inner}` : I.inner, u.input = y.input ? `${I.input} ${y.input}` : I.input, u.icon = y.icon ? `${I.icon} ${y.icon}` : I.icon, u.labelWrapper = y.labelWrapper ? `${I.labelWrapper} ${y.labelWrapper}` : I.labelWrapper, u.label = y.label ? `${I.label} ${y.label}` : I.label;
+    } = e, N = f(m, s), u = N;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
+    const _ = {
+      root: O.root,
+      body: O.body,
+      inner: O.inner,
+      input: O.input,
+      icon: O.icon,
+      labelWrapper: O.labelWrapper,
+      label: O.label
+    }, y = u.classNames;
+    if (y && typeof y == "object" && !Array.isArray(y)) {
+      const b = y;
+      _.root = b.root ? `${O.root} ${b.root}` : O.root, _.body = b.body ? `${O.body} ${b.body}` : O.body, _.inner = b.inner ? `${O.inner} ${b.inner}` : O.inner, _.input = b.input ? `${O.input} ${b.input}` : O.input, _.icon = b.icon ? `${O.icon} ${b.icon}` : O.icon, _.labelWrapper = b.labelWrapper ? `${O.labelWrapper} ${b.labelWrapper}` : O.labelWrapper, _.label = b.label ? `${O.label} ${b.label}` : O.label;
     }
-    const C = _.className, $ = C ? `${I.root} ${C}` : I.root;
+    const C = u.className, $ = C ? `${O.root} ${C}` : O.root;
     if (t && o) {
-      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
+      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: y,
-          label: _.label
+          checked: b,
+          label: u.label
         }
       );
       return i ? /* @__PURE__ */ r(
@@ -960,12 +1009,12 @@ const Co = h(
         }
       ) : /* @__PURE__ */ r(Ne, { children: v });
     }
-    const g = /* @__PURE__ */ r(
-      ao,
+    const P = /* @__PURE__ */ r(
+      ro,
       {
         ref: a,
         className: $,
-        classNames: u,
+        classNames: _,
         disabled: t || n,
         ...N
       }
@@ -977,24 +1026,24 @@ const Co = h(
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: g
+        children: P
       }
-    ) : g;
+    ) : P;
   }
 );
-Co.displayName = "Checkbox";
-Co.Group = vo;
-const Zs = "Chip-module__root___f5pFk", Ys = "Chip-module__label___Ov9pg", Ks = "Chip-module__mantineIconWrapper___KLSz6", Qs = "Chip-module__innerWrapper___EnrTF", Js = "Chip-module__children___zbRAR", Xs = "Chip-module__leadingIcon___JBtjQ", ea = "Chip-module__removeIcon___pVju-", E = {
-  root: Zs,
-  label: Ys,
-  mantineIconWrapper: Ks,
-  innerWrapper: Qs,
-  children: Js,
-  leadingIcon: Xs,
-  removeIcon: ea
+wo.displayName = "Checkbox";
+wo.Group = go;
+const Js = "Chip-module__root___f5pFk", ea = "Chip-module__label___Ov9pg", oa = "Chip-module__mantineIconWrapper___KLSz6", ta = "Chip-module__innerWrapper___EnrTF", sa = "Chip-module__children___zbRAR", aa = "Chip-module__leadingIcon___JBtjQ", ra = "Chip-module__removeIcon___pVju-", E = {
+  root: Js,
+  label: ea,
+  mantineIconWrapper: oa,
+  innerWrapper: ta,
+  children: sa,
+  leadingIcon: aa,
+  removeIcon: ra
 };
-function oa(l) {
-  return /* @__PURE__ */ z(
+function na(l) {
+  return /* @__PURE__ */ R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1014,7 +1063,7 @@ function oa(l) {
     }
   );
 }
-const ta = h(function({
+const la = h(function({
   error: e = !1,
   icon: a,
   onRemove: s,
@@ -1034,17 +1083,17 @@ const ta = h(function({
     const $ = N;
     m.root = $.root ? `${E.root} ${$.root}` : E.root, m.label = $.label ? `${E.label} ${$.label}` : E.label;
   }
-  const _ = p.className, u = _ ? `${E.root} ${_}` : E.root;
+  const u = p.className, _ = u ? `${E.root} ${u}` : E.root;
   return /* @__PURE__ */ r(
-    Tt,
+    Lt,
     {
       ref: c,
-      className: u,
+      className: _,
       classNames: m,
       ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
       ...!o && (!!a || !!s) ? { "data-icon-only": "" } : {},
       ...d,
-      children: /* @__PURE__ */ z("span", { className: E.innerWrapper, children: [
+      children: /* @__PURE__ */ R("span", { className: E.innerWrapper, children: [
         a && /* @__PURE__ */ r("span", { className: E.leadingIcon, "aria-hidden": !0, children: a }),
         /* @__PURE__ */ r("span", { className: E.children, children: o }),
         s && /* @__PURE__ */ r(
@@ -1062,17 +1111,17 @@ const ta = h(function({
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(oa, {})
+            children: /* @__PURE__ */ r(na, {})
           }
         )
       ] })
     }
   );
 });
-ta.displayName = "Chip";
-const sa = "Container-module__root___UVssr", $e = {
-  root: sa
-}, aa = h(
+la.displayName = "Chip";
+const ia = "Container-module__root___UVssr", ve = {
+  root: ia
+}, ca = h(
   function({ children: e, size: a, ...s }, t) {
     const o = {
       "rec-sm": "sm",
@@ -1082,15 +1131,15 @@ const sa = "Container-module__root___UVssr", $e = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, n = typeof a == "string" && o[a] ? o[a] : a, i = {
-      root: $e.root
+      root: ve.root
     }, c = s.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const m = c;
-      i.root = m.root ? `${$e.root} ${m.root}` : $e.root;
+      i.root = m.root ? `${ve.root} ${m.root}` : ve.root;
     }
-    const d = s.className, p = d ? `${$e.root} ${d}` : $e.root;
+    const d = s.className, p = d ? `${ve.root} ${d}` : ve.root;
     return /* @__PURE__ */ r(
-      xt,
+      It,
       {
         ref: t,
         size: n,
@@ -1102,14 +1151,14 @@ const sa = "Container-module__root___UVssr", $e = {
     );
   }
 );
-aa.displayName = "Container";
-const Fn = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), ra = "Dropdown-module__root___uVyL0", na = "Dropdown-module__input___dK4dN", la = "Dropdown-module__section___j3MRB", ia = "Dropdown-module__dropdown___gG-Sw", ca = "Dropdown-module__option___nAGU-", j = {
-  root: ra,
-  input: na,
-  section: la,
-  dropdown: ia,
-  option: ca
-}, da = h(
+ca.displayName = "Container";
+const jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), da = "Dropdown-module__root___uVyL0", pa = "Dropdown-module__input___dK4dN", ma = "Dropdown-module__section___j3MRB", _a = "Dropdown-module__dropdown___gG-Sw", ua = "Dropdown-module__option___nAGU-", j = {
+  root: da,
+  input: pa,
+  section: ma,
+  dropdown: _a,
+  option: ua
+}, ba = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -1123,43 +1172,43 @@ const Fn = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), ra
       onLabelEditClick: p,
       label: m,
       assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      assistiveWithIcon: u,
+      error: _,
+      required: y,
       withAsterisk: C,
       id: $,
-      className: g,
-      style: y,
-      disabled: S,
+      className: P,
+      style: b,
+      disabled: T,
       readOnly: v,
-      readOnlyComponent: B,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: R,
-      data: M,
-      ...W
-    } = e, w = f(W, s), P = w;
-    delete P.size, delete P.variant, delete P.radius;
-    const k = {
+      readOnlyComponent: k,
+      emptyValueComponent: S,
+      value: w,
+      defaultValue: A,
+      data: B,
+      ...L
+    } = e, x = f(L, s), g = x;
+    delete g.size, delete g.variant, delete g.radius;
+    const M = {
       wrapper: j.root,
       // The nested Input internal relative wrapper bounding box
       input: j.input,
       section: j.section,
       dropdown: j.dropdown,
       option: j.option
-    }, me = P.classNames;
+    }, me = g.classNames;
     if (me && typeof me == "object" && !Array.isArray(me)) {
       const q = me;
-      k.wrapper = q.wrapper ? `${j.root} ${q.wrapper}` : j.root, k.input = q.input ? `${j.input} ${q.input}` : j.input, k.section = q.section ? `${j.section} ${q.section}` : j.section, k.dropdown = q.dropdown ? `${j.dropdown} ${q.dropdown}` : j.dropdown, k.option = q.option ? `${j.option} ${q.option}` : j.option;
+      M.wrapper = q.wrapper ? `${j.root} ${q.wrapper}` : j.root, M.input = q.input ? `${j.input} ${q.input}` : j.input, M.section = q.section ? `${j.section} ${q.section}` : j.section, M.dropdown = q.dropdown ? `${j.dropdown} ${q.dropdown}` : j.dropdown, M.option = q.option ? `${j.option} ${q.option}` : j.option;
     }
     const xe = {
-      ...y || {},
+      ...b || {},
       width: o || "100%"
     };
     return /* @__PURE__ */ r(
       de,
       {
-        className: g,
+        className: P,
         style: xe,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
@@ -1172,38 +1221,38 @@ const Fn = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), ra
         onLabelEditClick: p,
         label: m,
         assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        assistiveWithIcon: u,
+        error: _,
+        required: y,
         withAsterisk: C,
         id: $,
         readOnly: v,
-        readOnlyComponent: B,
-        emptyValueComponent: A,
+        readOnlyComponent: k,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? String(T) : R ? String(R) : void 0,
+        readOnlyValue: w !== void 0 ? String(w) : A ? String(A) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            St,
+            Ot,
             {
               ref: a,
-              classNames: k,
-              disabled: S,
-              value: T,
-              defaultValue: R,
-              data: M || [],
+              classNames: M,
+              disabled: T,
+              value: w,
+              defaultValue: A,
+              data: B || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": S ? "true" : void 0,
-                "data-error": u ? "true" : void 0
+                "data-disabled": T ? "true" : void 0,
+                "data-error": _ ? "true" : void 0
               },
-              ...w
+              ...x
             }
           )
         )
@@ -1211,66 +1260,64 @@ const Fn = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), ra
     );
   }
 );
-da.displayName = "Dropdown";
-const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), pa = "Flex-module__root___yYser", ve = {
-  root: pa
-}, go = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
-  const o = {
-    root: ve.root
-  }, n = s.classNames;
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const d = n;
-    o.root = d.root ? `${ve.root} ${d.root}` : ve.root;
+ba.displayName = "Dropdown";
+const Dn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Vn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), ya = "Flex-module__root___yYser", Ce = {
+  root: ya
+}, To = h(function({ children: e, gap: a = "rec-default", rowGap: s, columnGap: t, ...o }, n) {
+  const i = {
+    root: Ce.root
+  }, c = o.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const m = c;
+    i.root = m.root ? `${Ce.root} ${m.root}` : Ce.root;
   }
-  const i = s.className, c = i ? `${ve.root} ${i}` : ve.root;
+  const d = o.className, p = d ? `${Ce.root} ${d}` : Ce.root;
   return /* @__PURE__ */ r(
-    At,
+    zt,
     {
-      ref: t,
-      className: c,
-      classNames: o,
-      gap: a,
-      ...s,
+      ref: n,
+      className: p,
+      classNames: i,
+      ...Ue({ gap: a, rowGap: s, columnGap: t, ...o }),
       children: e
     }
   );
 });
-go.displayName = "Flex";
-const Dn = oe(go), ma = "Group-module__root___ftO64", Ce = {
-  root: ma
-}, _a = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
+To.displayName = "Flex";
+const Gn = Y(To), fa = "Group-module__root___ftO64", Pe = {
+  root: fa
+}, Na = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
-    root: Ce.root
+    root: Pe.root
   }, n = s.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${Ce.root} ${d.root}` : Ce.root;
+    o.root = d.root ? `${Pe.root} ${d.root}` : Pe.root;
   }
-  const i = s.className, c = i ? `${Ce.root} ${i}` : Ce.root;
+  const i = s.className, c = i ? `${Pe.root} ${i}` : Pe.root;
   return /* @__PURE__ */ r(
-    Wt,
+    Rt,
     {
       ref: t,
       className: c,
       classNames: o,
-      gap: a,
-      ...s,
+      ...Ue({ gap: a, ...s }),
       children: e
     }
   );
 });
-_a.displayName = "Group";
-const ua = "HoverCard-module__dropdown___FBPFW", ba = "HoverCard-module__arrow___S9AkE", eo = {
-  dropdown: ua,
-  arrow: ba
-}, Po = function({
+Na.displayName = "Group";
+const ha = "HoverCard-module__dropdown___FBPFW", $a = "HoverCard-module__arrow___S9AkE", oo = {
+  dropdown: ha,
+  arrow: $a
+}, xo = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
   const t = f(s, e), o = {
-    dropdown: eo.dropdown,
-    arrow: eo.arrow
+    dropdown: oo.dropdown,
+    arrow: oo.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -1280,7 +1327,7 @@ const ua = "HoverCard-module__dropdown___FBPFW", ba = "HoverCard-module__arrow__
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    Ve,
+    Ge,
     {
       position: "top",
       arrowSize: i,
@@ -1290,33 +1337,33 @@ const ua = "HoverCard-module__dropdown___FBPFW", ba = "HoverCard-module__arrow__
     }
   );
 };
-Po.displayName = "HoverCard";
-const wo = function(e) {
-  return /* @__PURE__ */ r(Ve.Target, { ...e });
+xo.displayName = "HoverCard";
+const So = function(e) {
+  return /* @__PURE__ */ r(Ge.Target, { ...e });
 };
-wo.displayName = "HoverCardTarget";
-const To = function({
+So.displayName = "HoverCardTarget";
+const Ao = function({
   overStyled: e = !1,
   ...a
 }) {
   const s = f(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    Ve.Dropdown,
+    Ge.Dropdown,
     {
       className: t,
       ...s
     }
   );
 };
-To.displayName = "HoverCardDropdown";
-const xo = Po;
-xo.Target = wo;
-xo.Dropdown = To;
-const ya = "Link-module__root___I0VGE", fa = "Link-module__iconWrapper___W-LlF", Na = "Link-module__labelText___wSvUy", _e = {
-  root: ya,
-  iconWrapper: fa,
-  labelText: Na
-}, So = h(function({ icon: e, children: a, overStyled: s = !1, ...t }, o) {
+Ao.displayName = "HoverCardDropdown";
+const Wo = xo;
+Wo.Target = So;
+Wo.Dropdown = Ao;
+const va = "Link-module__root___I0VGE", Ca = "Link-module__iconWrapper___W-LlF", Pa = "Link-module__labelText___wSvUy", _e = {
+  root: va,
+  iconWrapper: Ca,
+  labelText: Pa
+}, Lo = h(function({ icon: e, children: a, overStyled: s = !1, ...t }, o) {
   const n = f(t, s), i = n, c = {
     root: _e.root
   }, d = i.classNames;
@@ -1325,8 +1372,8 @@ const ya = "Link-module__root___I0VGE", fa = "Link-module__iconWrapper___W-LlF",
     c.root = N.root ? `${_e.root} ${N.root}` : _e.root;
   }
   const p = i.className, m = p ? `${_e.root} ${p}` : _e.root;
-  return /* @__PURE__ */ z(
-    Lt,
+  return /* @__PURE__ */ R(
+    kt,
     {
       ref: o,
       className: m,
@@ -1341,48 +1388,16 @@ const ya = "Link-module__root___I0VGE", fa = "Link-module__iconWrapper___W-LlF",
     }
   );
 });
-So.displayName = "Link";
-const Vn = oe(So), ha = "Loader-module__root___6iYOP", ge = {
-  root: ha
-}, $a = h(function({ variant: e = "oval", size: a = "default", overStyled: s = !1, ...t }, o) {
-  const i = {
-    sm: "small",
-    md: "default",
-    lg: "large",
-    small: "small",
-    default: "default",
-    large: "large"
-  }[a] || "default", c = f(t, s), d = {
-    root: ge.root
-  }, p = c.classNames;
-  if (p && typeof p == "object" && !Array.isArray(p)) {
-    const _ = p;
-    d.root = _.root ? `${ge.root} ${_.root}` : ge.root;
-  }
-  const m = c.className, N = m ? `${ge.root} ${m}` : ge.root;
-  return /* @__PURE__ */ r(
-    It,
-    {
-      ref: o,
-      type: e,
-      "data-variant": e,
-      "data-size": i,
-      ...c,
-      className: N,
-      classNames: d
-    }
-  );
-});
-$a.displayName = "Loader";
-const va = "Menu-module__dropdown___j4xuA", Ca = "Menu-module__item___NMXha", ga = "Menu-module__itemLabel___zvcqC", Pa = "Menu-module__itemSection___pRIcn", wa = "Menu-module__divider___wPiNq", Ta = "Menu-module__label___4FBGa", xa = "Menu-module__chevron___hEEiy", ue = {
-  dropdown: va,
-  item: Ca,
-  itemLabel: ga,
-  itemSection: Pa,
-  divider: wa,
-  label: Ta,
-  chevron: xa
-}, Ao = function({ overStyled: e = !1, ...a }) {
+Lo.displayName = "Link";
+const qn = Y(Lo), ga = "Menu-module__dropdown___j4xuA", wa = "Menu-module__item___NMXha", Ta = "Menu-module__itemLabel___zvcqC", xa = "Menu-module__itemSection___pRIcn", Sa = "Menu-module__divider___wPiNq", Aa = "Menu-module__label___4FBGa", Wa = "Menu-module__chevron___hEEiy", ue = {
+  dropdown: ga,
+  item: wa,
+  itemLabel: Ta,
+  itemSection: xa,
+  divider: Sa,
+  label: Aa,
+  chevron: Wa
+}, Io = function({ overStyled: e = !1, ...a }) {
   const s = f(a, e), t = {
     dropdown: ue.dropdown,
     item: ue.item,
@@ -1399,23 +1414,23 @@ const va = "Menu-module__dropdown___j4xuA", Ca = "Menu-module__item___NMXha", ga
     });
   }
   return /* @__PURE__ */ r(
-    Y,
+    K,
     {
       classNames: t,
       ...s
     }
   );
 };
-Ao.displayName = "Menu";
-const Wo = function(e) {
-  return /* @__PURE__ */ r(Y.Target, { ...e });
+Io.displayName = "Menu";
+const Oo = function(e) {
+  return /* @__PURE__ */ r(K.Target, { ...e });
 };
-Wo.displayName = "MenuTarget";
-const Lo = h(
+Oo.displayName = "MenuTarget";
+const zo = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Y.Dropdown,
+      K.Dropdown,
       {
         ref: s,
         className: o,
@@ -1424,14 +1439,14 @@ const Lo = h(
     );
   }
 );
-Lo.displayName = "MenuDropdown";
-const Io = h(
+zo.displayName = "MenuDropdown";
+const Ro = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      Y.Item,
+      K.Item,
       {
         ref: s,
         className: n,
@@ -1440,12 +1455,12 @@ const Io = h(
     );
   }
 );
-Io.displayName = "MenuItem";
-const Sa = oe(Io), Oo = h(
+Ro.displayName = "MenuItem";
+const La = Y(Ro), ko = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Y.Divider,
+      K.Divider,
       {
         ref: s,
         className: o,
@@ -1454,11 +1469,11 @@ const Sa = oe(Io), Oo = h(
     );
   }
 );
-Oo.displayName = "MenuDivider";
-const zo = h(function({ overStyled: e = !1, ...a }, s) {
+ko.displayName = "MenuDivider";
+const Mo = h(function({ overStyled: e = !1, ...a }, s) {
   const t = f(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    Y.Label,
+    K.Label,
     {
       ref: s,
       className: o,
@@ -1466,22 +1481,22 @@ const zo = h(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-zo.displayName = "MenuLabel";
-const Ro = function(e) {
-  return /* @__PURE__ */ r(Y.Sub, { ...e });
+Mo.displayName = "MenuLabel";
+const Bo = function(e) {
+  return /* @__PURE__ */ r(K.Sub, { ...e });
 };
-Ro.displayName = "MenuSub";
-const ko = function(e) {
-  return /* @__PURE__ */ r(Y.Sub.Target, { ...e });
+Bo.displayName = "MenuSub";
+const Fo = function(e) {
+  return /* @__PURE__ */ r(K.Sub.Target, { ...e });
 };
-ko.displayName = "MenuSubTarget";
-const Mo = h(
+Fo.displayName = "MenuSubTarget";
+const Eo = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      Y.Sub.Item,
+      K.Sub.Item,
       {
         ref: s,
         className: n,
@@ -1490,14 +1505,14 @@ const Mo = h(
     );
   }
 );
-Mo.displayName = "MenuSubItem";
-const Aa = oe(
-  Mo
-), Bo = h(
+Eo.displayName = "MenuSubItem";
+const Ia = Y(
+  Eo
+), jo = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      Y.Sub.Dropdown,
+      K.Sub.Dropdown,
       {
         ref: s,
         className: o,
@@ -1506,29 +1521,29 @@ const Aa = oe(
     );
   }
 );
-Bo.displayName = "MenuSubDropdown";
-const Be = Ro;
-Be.Target = ko;
-Be.Item = Aa;
-Be.Dropdown = Bo;
-const he = Ao;
-he.Target = Wo;
-he.Dropdown = Lo;
-he.Item = Sa;
-he.Divider = Oo;
-he.Label = zo;
-he.Sub = Be;
-const Wa = "Modal-module__root___ytPLl", La = "Modal-module__inner___SSUJE", Ia = "Modal-module__content___dWO-B", Oa = "Modal-module__header___ILG9i", za = "Modal-module__title___A5OeE recursica_brand_typography_h2", Ra = "Modal-module__bodyWrapper___5CCL-", ka = "Modal-module__scrollArea___KD-hm recursica_brand_typography_body", Ma = "Modal-module__footer___rro2w", Ba = "Modal-module__close___-ER1C", X = {
-  root: Wa,
-  inner: La,
-  content: Ia,
-  header: Oa,
-  title: za,
-  bodyWrapper: Ra,
-  scrollArea: ka,
-  footer: Ma,
-  close: Ba
-}, Fo = L.forwardRef(function({
+jo.displayName = "MenuSubDropdown";
+const Fe = Bo;
+Fe.Target = Fo;
+Fe.Item = Ia;
+Fe.Dropdown = jo;
+const he = Io;
+he.Target = Oo;
+he.Dropdown = zo;
+he.Item = La;
+he.Divider = ko;
+he.Label = Mo;
+he.Sub = Fe;
+const Oa = "Modal-module__root___ytPLl", za = "Modal-module__inner___SSUJE", Ra = "Modal-module__content___dWO-B", ka = "Modal-module__header___ILG9i", Ma = "Modal-module__title___A5OeE recursica_brand_typography_h2", Ba = "Modal-module__bodyWrapper___5CCL-", Fa = "Modal-module__scrollArea___KD-hm recursica_brand_typography_body", Ea = "Modal-module__footer___rro2w", ja = "Modal-module__close___-ER1C", ee = {
+  root: Oa,
+  inner: za,
+  content: Ra,
+  header: ka,
+  title: Ma,
+  bodyWrapper: Ba,
+  scrollArea: Fa,
+  footer: Ea,
+  close: ja
+}, Do = I.forwardRef(function({
   overStyled: e = !1,
   children: a,
   title: s,
@@ -1539,20 +1554,20 @@ const Wa = "Modal-module__root___ytPLl", La = "Modal-module__inner___SSUJE", Ia
   ...c
 }, d) {
   const p = f(c, e), m = {
-    root: X.root,
-    inner: X.inner,
-    content: X.content,
-    header: X.header,
-    title: X.title,
-    close: X.close
+    root: ee.root,
+    inner: ee.inner,
+    content: ee.content,
+    header: ee.header,
+    title: ee.title,
+    close: ee.close
   }, N = p.classNames;
   if (N && typeof N == "object" && !Array.isArray(N)) {
-    const _ = N;
-    Object.keys(_).forEach((u) => {
-      m[u] ? m[u] = `${m[u]} ${_[u]}` : m[u] = _[u];
+    const u = N;
+    Object.keys(u).forEach((_) => {
+      m[_] ? m[_] = `${m[_]} ${u[_]}` : m[_] = u[_];
     });
   }
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ R(
     G.Root,
     {
       ref: d,
@@ -1560,53 +1575,53 @@ const Wa = "Modal-module__root___ytPLl", La = "Modal-module__inner___SSUJE", Ia
       ...p,
       children: [
         n && /* @__PURE__ */ r(G.Overlay, { ...o }),
-        /* @__PURE__ */ z(G.Content, { children: [
-          (s || t) && /* @__PURE__ */ z(G.Header, { children: [
+        /* @__PURE__ */ R(G.Content, { children: [
+          (s || t) && /* @__PURE__ */ R(G.Header, { children: [
             s && /* @__PURE__ */ r(G.Title, { children: s }),
             t && /* @__PURE__ */ r(G.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(Ke, { children: a })
+          /* @__PURE__ */ r(Xe, { children: a })
         ] })
       ]
     }
   );
 });
-Fo.displayName = "Modal";
-const Ye = L.forwardRef(function({ className: e, ...a }, s) {
+Do.displayName = "Modal";
+const Qe = I.forwardRef(function({ className: e, ...a }, s) {
   return /* @__PURE__ */ r(
     "div",
     {
       ref: s,
-      className: `${X.footer} ${e || ""}`,
+      className: `${ee.footer} ${e || ""}`,
       ...a
     }
   );
 });
-Ye.displayName = "Modal.Footer";
-const Ke = L.forwardRef(function({ className: e, onScroll: a, children: s, ...t }, o) {
-  const n = L.useRef(null), [i, c] = L.useState(!1), [d, p] = L.useState(!1), m = L.useCallback(() => {
+Qe.displayName = "Modal.Footer";
+const Xe = I.forwardRef(function({ className: e, onScroll: a, children: s, ...t }, o) {
+  const n = I.useRef(null), [i, c] = I.useState(!1), [d, p] = I.useState(!1), m = I.useCallback(() => {
     if (n.current) {
-      const { scrollTop: b, scrollHeight: C, clientHeight: $ } = n.current;
-      c(b > 0), p(Math.ceil(b + $) < C);
+      const { scrollTop: y, scrollHeight: C, clientHeight: $ } = n.current;
+      c(y > 0), p(Math.ceil(y + $) < C);
     }
   }, []);
-  L.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, s]);
-  const N = (b) => {
-    m(), a == null || a(b);
+  I.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, s]);
+  const N = (y) => {
+    m(), a == null || a(y);
   };
-  let _ = null;
-  const u = [];
-  return L.Children.forEach(s, (b) => {
+  let u = null;
+  const _ = [];
+  return I.Children.forEach(s, (y) => {
     var C;
-    L.isValidElement(b) && (b.type === Ye || ((C = b.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? _ = b : u.push(b);
-  }), /* @__PURE__ */ z(
+    I.isValidElement(y) && (y.type === Qe || ((C = y.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? u = y : _.push(y);
+  }), /* @__PURE__ */ R(
     G.Body,
     {
       ...t,
-      ref: (b) => {
-        typeof o == "function" ? o(b) : o && (o.current = b);
+      ref: (y) => {
+        typeof o == "function" ? o(y) : o && (o.current = y);
       },
-      className: `${X.bodyWrapper} ${e || ""}`,
+      className: `${ee.bodyWrapper} ${e || ""}`,
       children: [
         /* @__PURE__ */ r(
           "div",
@@ -1615,32 +1630,32 @@ const Ke = L.forwardRef(function({ className: e, onScroll: a, children: s, ...t
             onScroll: N,
             "data-scrolled-top": i || void 0,
             "data-scrolled-bottom": d || void 0,
-            className: X.scrollArea,
-            children: u
+            className: ee.scrollArea,
+            children: _
           }
         ),
-        _
+        u
       ]
     }
   );
 });
-Ke.displayName = "Modal.Body";
-const pe = Fo;
+Xe.displayName = "Modal.Body";
+const pe = Do;
 pe.Root = G.Root;
 pe.Overlay = G.Overlay;
 pe.Content = G.Content;
 pe.Header = G.Header;
 pe.Title = G.Title;
 pe.CloseButton = G.CloseButton;
-pe.Body = Ke;
-pe.Footer = Ye;
-const Fa = "NumberInput-module__root___C6rAn", Ea = "NumberInput-module__input___Ss8p7", ja = "NumberInput-module__section___MijP0", Da = "NumberInput-module__controls___8UfQ2", Va = "NumberInput-module__control___Qre9-", Pe = {
-  root: Fa,
-  input: Ea,
-  section: ja,
-  controls: Da,
-  control: Va
-}, Ga = h(
+pe.Body = Xe;
+pe.Footer = Qe;
+const Da = "NumberInput-module__root___C6rAn", Va = "NumberInput-module__input___Ss8p7", Ga = "NumberInput-module__section___MijP0", qa = "NumberInput-module__controls___8UfQ2", Ha = "NumberInput-module__control___Qre9-", ge = {
+  root: Da,
+  input: Va,
+  section: Ga,
+  controls: qa,
+  control: Ha
+}, Ua = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -1654,35 +1669,35 @@ const Fa = "NumberInput-module__root___C6rAn", Ea = "NumberInput-module__input__
       label: p,
       assistiveText: m,
       assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      error: u,
+      required: _,
+      withAsterisk: y,
       id: C,
       className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      style: P,
+      disabled: b,
+      readOnly: T,
       readOnlyComponent: v,
-      emptyValueComponent: B,
-      value: A,
-      defaultValue: T,
-      hideControls: R = !1,
-      ...M
-    } = e, W = f(M, s), w = W;
-    delete w.size, delete w.variant, delete w.radius;
-    const P = {
-      wrapper: Pe.root,
+      emptyValueComponent: k,
+      value: S,
+      defaultValue: w,
+      hideControls: A = !1,
+      ...B
+    } = e, L = f(B, s), x = L;
+    delete x.size, delete x.variant, delete x.radius;
+    const g = {
+      wrapper: ge.root,
       // The nested Input internal relative wrapper bounding box
-      input: Pe.input,
-      section: Pe.section,
-      controls: Pe.controls,
-      control: Pe.control
+      input: ge.input,
+      section: ge.section,
+      controls: ge.controls,
+      control: ge.control
     };
     return /* @__PURE__ */ r(
       de,
       {
         className: $,
-        style: g,
+        style: P,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: s,
@@ -1695,39 +1710,39 @@ const Fa = "NumberInput-module__root___C6rAn", Ea = "NumberInput-module__input__
         label: p,
         assistiveText: m,
         assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        error: u,
+        required: _,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: T,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: k,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : T == null ? void 0 : T.toString(),
+        readOnlyValue: S !== void 0 ? S == null ? void 0 : S.toString() : w == null ? void 0 : w.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Ot,
+            Mt,
             {
               ref: a,
-              classNames: P,
-              disabled: y,
-              value: A,
-              defaultValue: T,
-              hideControls: R,
+              classNames: g,
+              disabled: b,
+              value: S,
+              defaultValue: w,
+              hideControls: A,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0,
-                "data-with-left-section": w.leftSection ? "true" : void 0,
-                "data-with-right-section": w.rightSection || !R ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0,
+                "data-with-left-section": x.leftSection ? "true" : void 0,
+                "data-with-right-section": x.rightSection || !A ? "true" : void 0
               },
-              ...W
+              ...L
             }
           )
         )
@@ -1735,18 +1750,18 @@ const Fa = "NumberInput-module__root___C6rAn", Ea = "NumberInput-module__input__
     );
   }
 );
-Ga.displayName = "NumberInput";
-const qa = "Pagination-module__root___ITRjt", Ha = "Pagination-module__control___40yNT", Ua = "Pagination-module__dots___Yl9da", Za = "Pagination-module__iconWithLabel___pLM4O", Ya = "Pagination-module__baseIcon___Qw3bJ", F = {
-  root: qa,
-  control: Ha,
-  dots: Ua,
-  iconWithLabel: Za,
-  baseIcon: Ya
-}, Ka = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Qa = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Ja = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", Xa = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", er = {
-  next: Ka,
-  prev: Qa,
-  first: Ja,
-  last: Xa
+Ua.displayName = "NumberInput";
+const Za = "Pagination-module__root___ITRjt", Ya = "Pagination-module__control___40yNT", Ka = "Pagination-module__dots___Yl9da", Qa = "Pagination-module__iconWithLabel___pLM4O", Xa = "Pagination-module__baseIcon___Qw3bJ", F = {
+  root: Za,
+  control: Ya,
+  dots: Ka,
+  iconWithLabel: Qa,
+  baseIcon: Xa
+}, Ja = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", er = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", or = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", tr = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", sr = {
+  next: Ja,
+  prev: er,
+  first: or,
+  last: tr
 }, Te = ({
   type: l,
   className: e,
@@ -1758,22 +1773,22 @@ const qa = "Pagination-module__root___ITRjt", Ha = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${F.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ r("path", { d: er[l], fill: "currentColor" })
+    children: /* @__PURE__ */ r("path", { d: sr[l], fill: "currentColor" })
   }
-), Eo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+), Vo = (l) => /* @__PURE__ */ R("div", { className: F.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Next" }),
   /* @__PURE__ */ r(Te, { type: "next", ...l })
-] }), jo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+] }), Go = (l) => /* @__PURE__ */ R("div", { className: F.iconWithLabel, children: [
   /* @__PURE__ */ r(Te, { type: "prev", ...l }),
   /* @__PURE__ */ r("span", { children: "Prev" })
-] }), Do = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+] }), qo = (l) => /* @__PURE__ */ R("div", { className: F.iconWithLabel, children: [
   /* @__PURE__ */ r(Te, { type: "first", ...l }),
   /* @__PURE__ */ r("span", { children: "First" })
-] }), Vo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+] }), Ho = (l) => /* @__PURE__ */ R("div", { className: F.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Last" }),
   /* @__PURE__ */ r(Te, { type: "last", ...l })
 ] });
-function Go(l) {
+function Uo(l) {
   const e = {
     root: F.root,
     control: F.control,
@@ -1786,9 +1801,9 @@ function Go(l) {
   const s = l.className;
   return { className: s ? `${F.root} ${s}` : F.root, classNames: e };
 }
-const qo = h(
+const Zo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = Go(
+    const t = f(a, e), o = Uo(
       t
     );
     return /* @__PURE__ */ r(
@@ -1802,9 +1817,9 @@ const qo = h(
     );
   }
 );
-qo.displayName = "Pagination.Root";
-const Ho = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Eo : void 0);
+Zo.displayName = "Pagination.Root";
+const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Vo : void 0);
   return /* @__PURE__ */ r(
     te.Next,
     {
@@ -1815,9 +1830,9 @@ const Ho = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Ho.displayName = "Pagination.Next";
-const Uo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? jo : void 0);
+Yo.displayName = "Pagination.Next";
+const Ko = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Go : void 0);
   return /* @__PURE__ */ r(
     te.Previous,
     {
@@ -1828,9 +1843,9 @@ const Uo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Uo.displayName = "Pagination.Previous";
-const Zo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Do : void 0);
+Ko.displayName = "Pagination.Previous";
+const Qo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? qo : void 0);
   return /* @__PURE__ */ r(
     te.First,
     {
@@ -1841,9 +1856,9 @@ const Zo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Zo.displayName = "Pagination.First";
-const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Vo : void 0);
+Qo.displayName = "Pagination.First";
+const Xo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Ho : void 0);
   return /* @__PURE__ */ r(
     te.Last,
     {
@@ -1854,19 +1869,19 @@ const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Yo.displayName = "Pagination.Last";
-const Ko = h(
+Xo.displayName = "Pagination.Last";
+const Jo = h(
   function({ overStyled: e = !1, getControlProps: a, withLabels: s, ...t }, o) {
-    const n = f(t, e), i = Go(
+    const n = f(t, e), i = Uo(
       n
     ), c = (p) => {
       const m = { "data-variant": "text" };
       return a ? { ...m, ...a(p) } : m;
     }, d = s ? {
-      nextIcon: Eo,
-      previousIcon: jo,
-      firstIcon: Do,
-      lastIcon: Vo
+      nextIcon: Vo,
+      previousIcon: Go,
+      firstIcon: qo,
+      lastIcon: Ho
     } : {};
     return /* @__PURE__ */ r(
       te,
@@ -1881,26 +1896,26 @@ const Ko = h(
     );
   }
 );
-Ko.displayName = "Pagination";
-const ae = Ko;
-ae.Root = qo;
+Jo.displayName = "Pagination";
+const ae = Jo;
+ae.Root = Zo;
 ae.Items = te.Items;
 ae.Control = te.Control;
 ae.Dots = te.Dots;
-ae.Next = Ho;
-ae.Previous = Uo;
-ae.First = Zo;
-ae.Last = Yo;
+ae.Next = Yo;
+ae.Previous = Ko;
+ae.First = Qo;
+ae.Last = Xo;
 ae.Icon = Te;
-const or = "Panel-module__content___wdGo-", tr = "Panel-module__inner___ruA2b", sr = "Panel-module__header___o7SiC", ar = "Panel-module__title___181OP recursica_brand_typography_h3", rr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", nr = "Panel-module__body___SEC3T", lr = "Panel-module__footer___t6-hz", ie = {
-  content: or,
-  inner: tr,
-  header: sr,
-  title: ar,
-  titleTruncate: rr,
-  body: nr,
-  footer: lr
-}, Qo = function({
+const ar = "Panel-module__content___wdGo-", rr = "Panel-module__inner___ruA2b", nr = "Panel-module__header___o7SiC", lr = "Panel-module__title___181OP recursica_brand_typography_h3", ir = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", cr = "Panel-module__body___SEC3T", dr = "Panel-module__footer___t6-hz", ie = {
+  content: ar,
+  inner: rr,
+  header: nr,
+  title: lr,
+  titleTruncate: ir,
+  body: cr,
+  footer: dr
+}, et = function({
   overStyled: e = !1,
   position: a = "right",
   keepMounted: s = !0,
@@ -1931,15 +1946,15 @@ const or = "Panel-module__content___wdGo-", tr = "Panel-module__inner___ruA2b",
     }
   );
 };
-Qo.displayName = "Panel";
-const Jo = h(
+et.displayName = "Panel";
+const ot = h(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = t.className, n = o ? `${ie.footer} ${o}` : ie.footer;
     return /* @__PURE__ */ r("div", { ref: s, className: n, ...t });
   }
 );
-Jo.displayName = "PanelFooter";
-const re = Qo;
+ot.displayName = "PanelFooter";
+const re = et;
 re.Root = se.Root;
 re.Overlay = se.Overlay;
 re.Content = se.Content;
@@ -1948,18 +1963,18 @@ re.Title = se.Title;
 re.CloseButton = se.CloseButton;
 re.Body = se.Body;
 re.Stack = se.Stack;
-re.Footer = Jo;
-const ir = "Popover-module__dropdown___svhS6", cr = "Popover-module__arrow___5A-0e", oo = {
-  dropdown: ir,
-  arrow: cr
-}, Xo = function({
+re.Footer = ot;
+const pr = "Popover-module__dropdown___svhS6", mr = "Popover-module__arrow___5A-0e", to = {
+  dropdown: pr,
+  arrow: mr
+}, tt = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
   const t = f(s, e), o = {
-    dropdown: oo.dropdown,
-    arrow: oo.arrow
+    dropdown: to.dropdown,
+    arrow: to.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -1969,7 +1984,7 @@ const ir = "Popover-module__dropdown___svhS6", cr = "Popover-module__arrow___5A-
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    Ge,
+    qe,
     {
       position: "top",
       arrowSize: i,
@@ -1979,38 +1994,38 @@ const ir = "Popover-module__dropdown___svhS6", cr = "Popover-module__arrow___5A-
     }
   );
 };
-Xo.displayName = "Popover";
-const et = function(e) {
-  return /* @__PURE__ */ r(Ge.Target, { ...e });
+tt.displayName = "Popover";
+const st = function(e) {
+  return /* @__PURE__ */ r(qe.Target, { ...e });
 };
-et.displayName = "PopoverTarget";
-const ot = function({
+st.displayName = "PopoverTarget";
+const at = function({
   overStyled: e = !1,
   ...a
 }) {
   const s = f(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    Ge.Dropdown,
+    qe.Dropdown,
     {
       className: t,
       ...s
     }
   );
 };
-ot.displayName = "PopoverDropdown";
-const tt = Xo;
-tt.Target = et;
-tt.Dropdown = ot;
-const dr = "Radio-module__groupRoot___bfUii", pr = "Radio-module__root___kAjTD", mr = "Radio-module__body___q2Wpj", _r = "Radio-module__inner___QaTBB", ur = "Radio-module__radio___MfgN-", br = "Radio-module__icon___DWznm", yr = "Radio-module__labelWrapper___dB0Gi", fr = "Radio-module__label___vAFIP", O = {
-  groupRoot: dr,
-  root: pr,
-  body: mr,
-  inner: _r,
-  radio: ur,
-  icon: br,
-  labelWrapper: yr,
-  label: fr
-}, st = h(
+at.displayName = "PopoverDropdown";
+const rt = tt;
+rt.Target = st;
+rt.Dropdown = at;
+const _r = "Radio-module__groupRoot___bfUii", ur = "Radio-module__root___kAjTD", br = "Radio-module__body___q2Wpj", yr = "Radio-module__inner___QaTBB", fr = "Radio-module__radio___MfgN-", Nr = "Radio-module__icon___DWznm", hr = "Radio-module__labelWrapper___dB0Gi", $r = "Radio-module__label___vAFIP", z = {
+  groupRoot: _r,
+  root: ur,
+  body: br,
+  inner: yr,
+  radio: fr,
+  icon: Nr,
+  labelWrapper: hr,
+  label: $r
+}, nt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2025,26 +2040,26 @@ const dr = "Radio-module__groupRoot___bfUii", pr = "Radio-module__root___kAjTD",
       label: p,
       description: m,
       assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      assistiveWithIcon: u,
+      error: _,
+      required: y,
       withAsterisk: C,
       id: $,
-      className: g,
-      style: y,
-      children: S,
+      className: P,
+      style: b,
+      children: T,
       readOnly: v,
-      readOnlyComponent: B,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
+      readOnlyComponent: k,
+      emptyValueComponent: S,
+      value: w,
+      defaultValue: A,
+      ...B
+    } = e, L = f(B, s), x = L;
+    return delete x.size, /* @__PURE__ */ r(
       de,
       {
-        className: g,
-        style: y,
+        className: P,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
@@ -2058,36 +2073,36 @@ const dr = "Radio-module__groupRoot___bfUii", pr = "Radio-module__root___kAjTD",
         label: p,
         description: m,
         assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        assistiveWithIcon: u,
+        error: _,
+        required: y,
         withAsterisk: C,
         id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
-        emptyValueComponent: A,
+        readOnly: v && !!k,
+        readOnlyComponent: k,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: w !== void 0 ? w : A,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          ro.Group,
+          no.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
-            value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: O.groupRoot, "data-layout": t, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            ...L,
+            disabled: v || x.disabled,
+            value: w,
+            defaultValue: A,
+            children: /* @__PURE__ */ r("div", { className: z.groupRoot, "data-layout": t, children: I.Children.map(T, (g) => I.isValidElement(g) ? I.cloneElement(g, {
+              disabled: v || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-st.displayName = "RadioGroup";
-const Nr = ({ className: l, style: e }) => /* @__PURE__ */ r(
+nt.displayName = "RadioGroup";
+const vr = ({ className: l, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2097,7 +2112,7 @@ const Nr = ({ className: l, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), at = h(
+), lt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2109,29 +2124,29 @@ const Nr = ({ className: l, style: e }) => /* @__PURE__ */ r(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, N = f(m, s), _ = N;
-    delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
-    const u = {
-      root: O.root,
-      body: O.body,
-      inner: O.inner,
-      radio: O.radio,
-      icon: O.icon,
-      labelWrapper: O.labelWrapper,
-      label: O.label
-    }, b = _.classNames;
-    if (b && typeof b == "object" && !Array.isArray(b)) {
-      const y = b;
-      u.root = y.root ? `${O.root} ${y.root}` : O.root, u.body = y.body ? `${O.body} ${y.body}` : O.body, u.inner = y.inner ? `${O.inner} ${y.inner}` : O.inner, u.radio = y.radio ? `${O.radio} ${y.radio}` : O.radio, u.icon = y.icon ? `${O.icon} ${y.icon}` : O.icon, u.labelWrapper = y.labelWrapper ? `${O.labelWrapper} ${y.labelWrapper}` : O.labelWrapper, u.label = y.label ? `${O.label} ${y.label}` : O.label;
+    } = e, N = f(m, s), u = N;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
+    const _ = {
+      root: z.root,
+      body: z.body,
+      inner: z.inner,
+      radio: z.radio,
+      icon: z.icon,
+      labelWrapper: z.labelWrapper,
+      label: z.label
+    }, y = u.classNames;
+    if (y && typeof y == "object" && !Array.isArray(y)) {
+      const b = y;
+      _.root = b.root ? `${z.root} ${b.root}` : z.root, _.body = b.body ? `${z.body} ${b.body}` : z.body, _.inner = b.inner ? `${z.inner} ${b.inner}` : z.inner, _.radio = b.radio ? `${z.radio} ${b.radio}` : z.radio, _.icon = b.icon ? `${z.icon} ${b.icon}` : z.icon, _.labelWrapper = b.labelWrapper ? `${z.labelWrapper} ${b.labelWrapper}` : z.labelWrapper, _.label = b.label ? `${z.label} ${b.label}` : z.label;
     }
-    const C = _.className, $ = C ? `${O.root} ${C}` : O.root;
+    const C = u.className, $ = C ? `${z.root} ${C}` : z.root;
     if (t && o) {
-      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
+      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: y,
-          label: _.label
+          checked: b,
+          label: u.label
         }
       );
       return i ? /* @__PURE__ */ r(
@@ -2145,13 +2160,13 @@ const Nr = ({ className: l, style: e }) => /* @__PURE__ */ r(
         }
       ) : /* @__PURE__ */ r(Ne, { children: v });
     }
-    const g = /* @__PURE__ */ r(
-      ro,
+    const P = /* @__PURE__ */ r(
+      no,
       {
         ref: a,
-        icon: Nr,
+        icon: vr,
         className: $,
-        classNames: u,
+        classNames: _,
         disabled: t || n,
         ...N
       }
@@ -2163,21 +2178,21 @@ const Nr = ({ className: l, style: e }) => /* @__PURE__ */ r(
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: g
+        children: P
       }
-    ) : g;
+    ) : P;
   }
 );
-at.displayName = "Radio";
-at.Group = st;
-const hr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  De,
+lt.displayName = "Radio";
+lt.Group = nt;
+const Cr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
+  Ve,
   {
     component: "span",
-    className: Oe.textField,
+    className: ze.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2185,15 +2200,15 @@ const hr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
     ]
   }
 );
-hr.displayName = "ReadOnlySwitchField";
-const $r = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  De,
+Cr.displayName = "ReadOnlySwitchField";
+const Pr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
+  Ve,
   {
     component: "span",
-    className: Oe.textField,
+    className: ze.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2201,14 +2216,14 @@ const $r = ({ checked: l, label: e }) => /* @__PURE__ */ z(
     ]
   }
 );
-$r.displayName = "ReadOnlyBooleanField";
-const vr = "SegmentedControl-module__root___JFRhg", Cr = "SegmentedControl-module__label___mS17q", gr = "SegmentedControl-module__control___znOdQ", Pr = "SegmentedControl-module__indicator___ZMcJy", V = {
-  root: vr,
-  label: Cr,
-  control: gr,
-  indicator: Pr
+Pr.displayName = "ReadOnlyBooleanField";
+const gr = "SegmentedControl-module__root___JFRhg", wr = "SegmentedControl-module__label___mS17q", Tr = "SegmentedControl-module__control___znOdQ", xr = "SegmentedControl-module__indicator___ZMcJy", V = {
+  root: gr,
+  label: wr,
+  control: Tr,
+  indicator: xr
 };
-function wr(l) {
+function Sr(l) {
   const e = {
     root: V.root,
     control: V.control,
@@ -2222,13 +2237,13 @@ function wr(l) {
   const s = l.className;
   return { className: s ? `${V.root} ${s}` : V.root, classNames: e };
 }
-const rt = h(
+const it = h(
   function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: s, ...t }, o) {
-    const n = f(t, e), i = wr(
+    const n = f(t, e), i = Sr(
       n
     );
     return /* @__PURE__ */ r(
-      zt,
+      Bt,
       {
         ref: o,
         className: i.className,
@@ -2241,10 +2256,10 @@ const rt = h(
     );
   }
 );
-rt.displayName = "SegmentedControl";
-const Gn = rt, qn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }), Tr = "Stack-module__root___NUN-x", we = {
-  root: Tr
-}, xr = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
+it.displayName = "SegmentedControl";
+const Hn = it, Un = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }), Ar = "Stack-module__root___NUN-x", we = {
+  root: Ar
+}, ct = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
     root: we.root
   }, n = s.classNames;
@@ -2254,35 +2269,34 @@ const Gn = rt, qn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }
   }
   const i = s.className, c = i ? `${we.root} ${i}` : we.root;
   return /* @__PURE__ */ r(
-    Rt,
+    Ft,
     {
       ref: t,
       className: c,
       classNames: o,
-      gap: a,
-      ...s,
+      ...Ue({ gap: a, ...s }),
       children: e
     }
   );
 });
-xr.displayName = "Stack";
-const Sr = "Stepper-module__root___jbSYO", Ar = "Stepper-module__horizontal___USHT1", Wr = "Stepper-module__steps___4HPO6", Lr = "Stepper-module__step___s2nqL", Ir = "Stepper-module__stepBody___TBvys", Or = "Stepper-module__stepLabel___N6nuy", zr = "Stepper-module__stepDescription___DnDAy", Rr = "Stepper-module__separator___pU0No", kr = "Stepper-module__vertical___d4mOs", Mr = "Stepper-module__large___J18-y", Br = "Stepper-module__small___Ub-zb", Fr = "Stepper-module__stepIcon___YQHNq", Er = "Stepper-module__stepCompletedIcon___B9MeL", jr = "Stepper-module__verticalSeparator___frWc1", Dr = "Stepper-module__content___J-h8X", D = {
-  root: Sr,
-  horizontal: Ar,
-  steps: Wr,
-  step: Lr,
-  stepBody: Ir,
-  stepLabel: Or,
-  stepDescription: zr,
-  separator: Rr,
-  vertical: kr,
-  large: Mr,
-  small: Br,
-  stepIcon: Fr,
-  stepCompletedIcon: Er,
-  verticalSeparator: jr,
-  content: Dr
-}, nt = h(
+ct.displayName = "Stack";
+const Zn = Y(ct), Wr = "Stepper-module__root___jbSYO", Lr = "Stepper-module__horizontal___USHT1", Ir = "Stepper-module__steps___4HPO6", Or = "Stepper-module__step___s2nqL", zr = "Stepper-module__stepBody___TBvys", Rr = "Stepper-module__stepLabel___N6nuy", kr = "Stepper-module__stepDescription___DnDAy", Mr = "Stepper-module__separator___pU0No", Br = "Stepper-module__vertical___d4mOs", Fr = "Stepper-module__large___J18-y", Er = "Stepper-module__small___Ub-zb", jr = "Stepper-module__stepIcon___YQHNq", Dr = "Stepper-module__stepCompletedIcon___B9MeL", Vr = "Stepper-module__verticalSeparator___frWc1", Gr = "Stepper-module__content___J-h8X", D = {
+  root: Wr,
+  horizontal: Lr,
+  steps: Ir,
+  step: Or,
+  stepBody: zr,
+  stepLabel: Rr,
+  stepDescription: kr,
+  separator: Mr,
+  vertical: Br,
+  large: Fr,
+  small: Er,
+  stepIcon: jr,
+  stepCompletedIcon: Dr,
+  verticalSeparator: Vr,
+  content: Gr
+}, dt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2293,7 +2307,7 @@ const Sr = "Stepper-module__root___jbSYO", Ar = "Stepper-module__horizontal___US
       ...c
     } = e, d = f(c, s);
     return /* @__PURE__ */ r(
-      Ee,
+      je,
       {
         ref: a,
         orientation: o,
@@ -2317,23 +2331,23 @@ const Sr = "Stepper-module__root___jbSYO", Ar = "Stepper-module__horizontal___US
       }
     );
   }
-), Hn = Object.assign(nt, {
-  Step: Ee.Step,
-  Completed: Ee.Completed
+), Yn = Object.assign(dt, {
+  Step: je.Step,
+  Completed: je.Completed
 });
-nt.displayName = "Stepper";
-const Vr = "Switch-module__root___Y5Ydi", Gr = "Switch-module__body___Sw9Wr", qr = "Switch-module__track___7ObdZ", Hr = "Switch-module__thumb___-FTeK", Ur = "Switch-module__labelWrapper___YSOwx", Zr = "Switch-module__label___LrH7V", Yr = "Switch-module__thumbIconWrapper___sCY-1", Kr = "Switch-module__checkIcon___ZBAQN", Qr = "Switch-module__closeIcon___bLLGw", Jr = "Switch-module__groupRoot___-Uepi", x = {
-  root: Vr,
-  body: Gr,
-  track: qr,
-  thumb: Hr,
-  labelWrapper: Ur,
-  label: Zr,
-  thumbIconWrapper: Yr,
-  checkIcon: Kr,
-  closeIcon: Qr,
-  groupRoot: Jr
-}, lt = h(
+dt.displayName = "Stepper";
+const qr = "Switch-module__root___Y5Ydi", Hr = "Switch-module__body___Sw9Wr", Ur = "Switch-module__track___7ObdZ", Zr = "Switch-module__thumb___-FTeK", Yr = "Switch-module__labelWrapper___YSOwx", Kr = "Switch-module__label___LrH7V", Qr = "Switch-module__thumbIconWrapper___sCY-1", Xr = "Switch-module__checkIcon___ZBAQN", Jr = "Switch-module__closeIcon___bLLGw", en = "Switch-module__groupRoot___-Uepi", W = {
+  root: qr,
+  body: Hr,
+  track: Ur,
+  thumb: Zr,
+  labelWrapper: Yr,
+  label: Kr,
+  thumbIconWrapper: Qr,
+  checkIcon: Xr,
+  closeIcon: Jr,
+  groupRoot: en
+}, pt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2348,26 +2362,26 @@ const Vr = "Switch-module__root___Y5Ydi", Gr = "Switch-module__body___Sw9Wr", qr
       label: p,
       description: m,
       assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      assistiveWithIcon: u,
+      error: _,
+      required: y,
       withAsterisk: C,
       id: $,
-      className: g,
-      style: y,
-      children: S,
+      className: P,
+      style: b,
+      children: T,
       readOnly: v,
-      readOnlyComponent: B,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
+      readOnlyComponent: k,
+      emptyValueComponent: S,
+      value: w,
+      defaultValue: A,
+      ...B
+    } = e, L = f(B, s), x = L;
+    return delete x.size, /* @__PURE__ */ r(
       de,
       {
-        className: g,
-        style: y,
+        className: P,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
@@ -2381,36 +2395,36 @@ const Vr = "Switch-module__root___Y5Ydi", Gr = "Switch-module__body___Sw9Wr", qr
         label: p,
         description: m,
         assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        assistiveWithIcon: u,
+        error: _,
+        required: y,
         withAsterisk: C,
         id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
-        emptyValueComponent: A,
+        readOnly: v && !!k,
+        readOnlyComponent: k,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: w !== void 0 ? w : A,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          no.Group,
+          lo.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
-            value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: x.groupRoot, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            ...L,
+            disabled: v || x.disabled,
+            value: w,
+            defaultValue: A,
+            children: /* @__PURE__ */ r("div", { className: W.groupRoot, children: I.Children.map(T, (g) => I.isValidElement(g) ? I.cloneElement(g, {
+              disabled: v || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-lt.displayName = "SwitchGroup";
-const it = h(
+pt.displayName = "SwitchGroup";
+const mt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2423,29 +2437,29 @@ const it = h(
       controlMaxWidth: p,
       controlMinWidth: m,
       ...N
-    } = e, _ = f(N, s), u = _;
-    delete u.size, delete u.color, delete u.radius, delete u.variant;
-    const b = {
-      root: x.root,
-      body: x.body,
-      track: x.track,
-      thumb: x.thumb,
-      trackLabel: x.trackLabel,
-      labelWrapper: x.labelWrapper,
-      label: x.label
-    }, C = u.classNames;
+    } = e, u = f(N, s), _ = u;
+    delete _.size, delete _.color, delete _.radius, delete _.variant;
+    const y = {
+      root: W.root,
+      body: W.body,
+      track: W.track,
+      thumb: W.thumb,
+      trackLabel: W.trackLabel,
+      labelWrapper: W.labelWrapper,
+      label: W.label
+    }, C = _.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const v = C;
-      b.root = v.root ? `${x.root} ${v.root}` : x.root, b.body = v.body ? `${x.body} ${v.body}` : x.body, b.track = v.track ? `${x.track} ${v.track}` : x.track, b.thumb = v.thumb ? `${x.thumb} ${v.thumb}` : x.thumb, b.trackLabel = v.trackLabel ? `${x.trackLabel} ${v.trackLabel}` : x.trackLabel, b.labelWrapper = v.labelWrapper ? `${x.labelWrapper} ${v.labelWrapper}` : x.labelWrapper, b.label = v.label ? `${x.label} ${v.label}` : x.label;
+      y.root = v.root ? `${W.root} ${v.root}` : W.root, y.body = v.body ? `${W.body} ${v.body}` : W.body, y.track = v.track ? `${W.track} ${v.track}` : W.track, y.thumb = v.thumb ? `${W.thumb} ${v.thumb}` : W.thumb, y.trackLabel = v.trackLabel ? `${W.trackLabel} ${v.trackLabel}` : W.trackLabel, y.labelWrapper = v.labelWrapper ? `${W.labelWrapper} ${v.labelWrapper}` : W.labelWrapper, y.label = v.label ? `${W.label} ${v.label}` : W.label;
     }
-    const $ = u.className, g = $ ? `${x.root} ${$}` : x.root;
+    const $ = _.className, P = $ ? `${W.root} ${$}` : W.root;
     if (t && o) {
-      const v = !!(u.checked ?? u.defaultChecked), A = /* @__PURE__ */ r(
+      const v = !!(_.checked ?? _.defaultChecked), S = /* @__PURE__ */ r(
         o,
         {
           ...e,
           checked: v,
-          label: u.label
+          label: _.label
         }
       );
       return c ? /* @__PURE__ */ r(
@@ -2455,22 +2469,22 @@ const it = h(
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: m,
-          children: A
+          children: S
         }
-      ) : /* @__PURE__ */ r(Ne, { children: A });
+      ) : /* @__PURE__ */ r(Ne, { children: S });
     }
-    const y = /* @__PURE__ */ z("div", { className: x.thumbIconWrapper, children: [
-      /* @__PURE__ */ r(kt, { className: x.checkIcon }),
-      /* @__PURE__ */ r(Mt, { className: x.closeIcon })
-    ] }), S = /* @__PURE__ */ r(
-      no,
+    const b = /* @__PURE__ */ R("div", { className: W.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(Et, { className: W.checkIcon }),
+      /* @__PURE__ */ r(jt, { className: W.closeIcon })
+    ] }), T = /* @__PURE__ */ r(
+      lo,
       {
         ref: a,
-        className: g,
-        classNames: b,
+        className: P,
+        classNames: y,
         disabled: t || n,
-        thumbIcon: i ?? y,
-        ..._
+        thumbIcon: i ?? b,
+        ...u
       }
     );
     return c ? /* @__PURE__ */ r(
@@ -2480,19 +2494,19 @@ const it = h(
         labelSize: d,
         controlMaxWidth: p,
         controlMinWidth: m,
-        children: S
+        children: T
       }
-    ) : S;
+    ) : T;
   }
 );
-it.displayName = "Switch";
-it.Group = lt;
-const Un = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), Xr = "Tabs-module__root___-VKVI", en = "Tabs-module__list___qRVME", on = "Tabs-module__tab___IdDYc", tn = "Tabs-module__panel___08i9c", Ae = {
-  root: Xr,
-  list: en,
-  tab: on,
-  panel: tn
-}, ct = h(function(e, a) {
+mt.displayName = "Switch";
+mt.Group = pt;
+const Kn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), on = "Tabs-module__root___-VKVI", tn = "Tabs-module__list___qRVME", sn = "Tabs-module__tab___IdDYc", an = "Tabs-module__panel___08i9c", Ae = {
+  root: on,
+  list: tn,
+  tab: sn,
+  panel: an
+}, _t = h(function(e, a) {
   const {
     variant: s = "default",
     orientation: t = "horizontal",
@@ -2501,7 +2515,7 @@ const Un = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), Xr = "T
     ...i
   } = e, c = f(i, o);
   return /* @__PURE__ */ r(
-    ke,
+    Me,
     {
       ref: a,
       variant: s,
@@ -2518,12 +2532,12 @@ const Un = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), Xr = "T
     }
   );
 });
-ct.displayName = "Tabs";
-const dt = h(
+_t.displayName = "Tabs";
+const ut = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      ke.List,
+      Me.List,
       {
         ref: a,
         ...f(t, s)
@@ -2531,12 +2545,12 @@ const dt = h(
     );
   }
 );
-dt.displayName = "Tabs.List";
-const pt = h(
+ut.displayName = "Tabs.List";
+const bt = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      ke.Tab,
+      Me.Tab,
       {
         ref: a,
         ...f(t, s)
@@ -2544,12 +2558,12 @@ const pt = h(
     );
   }
 );
-pt.displayName = "Tabs.Tab";
-const mt = h(
+bt.displayName = "Tabs.Tab";
+const yt = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      ke.Panel,
+      Me.Panel,
       {
         ref: a,
         ...f(t, s)
@@ -2557,15 +2571,15 @@ const mt = h(
     );
   }
 );
-mt.displayName = "Tabs.Panel";
-const Zn = Object.assign(ct, {
-  List: dt,
-  Tab: pt,
-  Panel: mt
-}), _t = h(function({ overStyled: e = !1, variant: a = "body", ...s }, t) {
+yt.displayName = "Tabs.Panel";
+const Qn = Object.assign(_t, {
+  List: ut,
+  Tab: bt,
+  Panel: yt
+}), ft = h(function({ overStyled: e = !1, variant: a = "body", ...s }, t) {
   const o = f(s, e), n = o.className, i = `recursica_brand_typography_${a}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    Bt,
+    Dt,
     {
       ref: t,
       className: c,
@@ -2573,11 +2587,11 @@ const Zn = Object.assign(ct, {
     }
   );
 });
-_t.displayName = "Text";
-const Yn = oe(_t), sn = "TextArea-module__root___3dyeu", an = "TextArea-module__input___8l36v", fe = {
-  root: sn,
-  input: an
-}, rn = h(
+ft.displayName = "Text";
+const Xn = Y(ft), rn = "TextArea-module__root___3dyeu", nn = "TextArea-module__input___8l36v", fe = {
+  root: rn,
+  input: nn
+}, ln = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2591,35 +2605,35 @@ const Yn = oe(_t), sn = "TextArea-module__root___3dyeu", an = "TextArea-module__
       label: p,
       assistiveText: m,
       assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      error: u,
+      required: _,
+      withAsterisk: y,
       id: C,
       className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      style: P,
+      disabled: b,
+      readOnly: T,
       readOnlyComponent: v,
-      emptyValueComponent: B,
-      value: A,
-      defaultValue: T,
-      ...R
-    } = e, M = f(R, s), W = M;
-    delete W.size, delete W.variant, delete W.radius;
-    const w = {
+      emptyValueComponent: k,
+      value: S,
+      defaultValue: w,
+      ...A
+    } = e, B = f(A, s), L = B;
+    delete L.size, delete L.variant, delete L.radius;
+    const x = {
       wrapper: fe.root,
       // The nested Input internal relative wrapper bounding box
       input: fe.input
-    }, P = W.classNames;
-    if (P && typeof P == "object" && !Array.isArray(P)) {
-      const k = P;
-      w.wrapper = k.wrapper ? `${fe.root} ${k.wrapper}` : fe.root, w.input = k.input ? `${fe.input} ${k.input}` : fe.input;
+    }, g = L.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const M = g;
+      x.wrapper = M.wrapper ? `${fe.root} ${M.wrapper}` : fe.root, x.input = M.input ? `${fe.input} ${M.input}` : fe.input;
     }
     return /* @__PURE__ */ r(
       de,
       {
         className: $,
-        style: g,
+        style: P,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
@@ -2632,36 +2646,36 @@ const Yn = oe(_t), sn = "TextArea-module__root___3dyeu", an = "TextArea-module__
         label: p,
         assistiveText: m,
         assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        error: u,
+        required: _,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: T,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: k,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyValue: S !== void 0 ? S : w,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Ft,
+            Vt,
             {
               ref: a,
-              classNames: w,
-              disabled: y,
-              value: A,
-              defaultValue: T,
+              classNames: x,
+              disabled: b,
+              value: S,
+              defaultValue: w,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
               },
-              ...M
+              ...B
             }
           )
         )
@@ -2669,12 +2683,12 @@ const Yn = oe(_t), sn = "TextArea-module__root___3dyeu", an = "TextArea-module__
     );
   }
 );
-rn.displayName = "TextArea";
-const nn = "TextField-module__root___2ZYkG", ln = "TextField-module__input___RL-My", cn = "TextField-module__section___bCIJ0", Q = {
-  root: nn,
-  input: ln,
-  section: cn
-}, dn = h(
+ln.displayName = "TextArea";
+const cn = "TextField-module__root___2ZYkG", dn = "TextField-module__input___RL-My", pn = "TextField-module__section___bCIJ0", X = {
+  root: cn,
+  input: dn,
+  section: pn
+}, mn = h(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2688,36 +2702,36 @@ const nn = "TextField-module__root___2ZYkG", ln = "TextField-module__input___RL-
       label: p,
       assistiveText: m,
       assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      error: u,
+      required: _,
+      withAsterisk: y,
       id: C,
       className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      style: P,
+      disabled: b,
+      readOnly: T,
       readOnlyComponent: v,
-      emptyValueComponent: B,
-      value: A,
-      defaultValue: T,
-      ...R
-    } = e, M = f(R, s), W = M;
-    delete W.size, delete W.variant, delete W.radius;
-    const w = {
-      wrapper: Q.root,
+      emptyValueComponent: k,
+      value: S,
+      defaultValue: w,
+      ...A
+    } = e, B = f(A, s), L = B;
+    delete L.size, delete L.variant, delete L.radius;
+    const x = {
+      wrapper: X.root,
       // The nested Input internal relative wrapper bounding box
-      input: Q.input,
-      section: Q.section
-    }, P = W.classNames;
-    if (P && typeof P == "object" && !Array.isArray(P)) {
-      const k = P;
-      w.wrapper = k.wrapper ? `${Q.root} ${k.wrapper}` : Q.root, w.input = k.input ? `${Q.input} ${k.input}` : Q.input, w.section = k.section ? `${Q.section} ${k.section}` : Q.section;
+      input: X.input,
+      section: X.section
+    }, g = L.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const M = g;
+      x.wrapper = M.wrapper ? `${X.root} ${M.wrapper}` : X.root, x.input = M.input ? `${X.input} ${M.input}` : X.input, x.section = M.section ? `${X.section} ${M.section}` : X.section;
     }
     return /* @__PURE__ */ r(
       de,
       {
         className: $,
-        style: g,
+        style: P,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
@@ -2730,31 +2744,31 @@ const nn = "TextField-module__root___2ZYkG", ln = "TextField-module__input___RL-
         label: p,
         assistiveText: m,
         assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        error: u,
+        required: _,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: T,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: k,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyValue: S !== void 0 ? S : w,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            so,
+            ao,
             {
               ref: a,
-              classNames: w,
-              disabled: y,
-              value: A,
-              defaultValue: T,
+              classNames: x,
+              disabled: b,
+              value: S,
+              defaultValue: w,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
               },
-              ...M
+              ...B
             }
           )
         )
@@ -2762,17 +2776,17 @@ const nn = "TextField-module__root___2ZYkG", ln = "TextField-module__input___RL-
     );
   }
 );
-dn.displayName = "TextField";
-const Kn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), pn = "Timeline-module__root___LwRdZ", mn = "Timeline-module__item___T5xdQ", _n = "Timeline-module__itemBody___XAV-E", un = "Timeline-module__itemBullet___rPXCy", bn = "Timeline-module__itemTitle___GgRRW", yn = "Timeline-module__itemContent___vurs-", fn = "Timeline-module__description___f9sxV", Nn = "Timeline-module__timestamp___owiRu", le = {
-  root: pn,
-  item: mn,
-  itemBody: _n,
-  itemBullet: un,
-  itemTitle: bn,
-  itemContent: yn,
-  description: fn,
-  timestamp: Nn
-}, ut = L.forwardRef(
+mn.displayName = "TextField";
+const Jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), _n = "Timeline-module__root___LwRdZ", un = "Timeline-module__item___T5xdQ", bn = "Timeline-module__itemBody___XAV-E", yn = "Timeline-module__itemBullet___rPXCy", fn = "Timeline-module__itemTitle___GgRRW", Nn = "Timeline-module__itemContent___vurs-", hn = "Timeline-module__description___f9sxV", $n = "Timeline-module__timestamp___owiRu", le = {
+  root: _n,
+  item: un,
+  itemBody: bn,
+  itemBullet: yn,
+  itemTitle: fn,
+  itemContent: Nn,
+  description: hn,
+  timestamp: $n
+}, Nt = I.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: a,
@@ -2793,12 +2807,12 @@ const Kn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), pn
         c[N] ? c[N] = `${c[N]} ${m[N]}` : c[N] = m[N];
       });
     }
-    const p = a ? /* @__PURE__ */ z(Ne, { children: [
+    const p = a ? /* @__PURE__ */ R(Ne, { children: [
       t && /* @__PURE__ */ r("div", { className: le.description, children: t }),
       /* @__PURE__ */ r("div", { className: le.timestamp, children: a })
     ] }) : t;
     return /* @__PURE__ */ r(
-      Et,
+      Gt,
       {
         ref: n,
         classNames: c,
@@ -2809,8 +2823,8 @@ const Kn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), pn
     );
   }
 );
-ut.displayName = "TimelineItem";
-const bt = L.forwardRef(
+Nt.displayName = "TimelineItem";
+const ht = I.forwardRef(
   function({ overStyled: e = !1, ...a }, s) {
     const t = f(a, e), o = {
       root: le.root
@@ -2822,7 +2836,7 @@ const bt = L.forwardRef(
       });
     }
     return /* @__PURE__ */ r(
-      jt,
+      qt,
       {
         ref: s,
         classNames: o,
@@ -2831,13 +2845,13 @@ const bt = L.forwardRef(
     );
   }
 );
-bt.displayName = "Timeline";
-const hn = bt;
-hn.Item = ut;
-const $n = h(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
+ht.displayName = "Timeline";
+const vn = ht;
+vn.Item = Nt;
+const Cn = h(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
   const o = f(s, e), n = o.className, i = `recursica_brand_typography_h${a}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    Dt,
+    Ht,
     {
       ref: t,
       order: a,
@@ -2846,16 +2860,16 @@ const $n = h(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
     }
   );
 });
-$n.displayName = "Title";
-const vn = "Toast-module__root___MUvfI", Cn = "Toast-module__icon___VwvE1", gn = "Toast-module__loader___8Gxd-", Pn = "Toast-module__title___-H6R2", wn = "Toast-module__description___-QwfC", Tn = "Toast-module__closeButton___vGr7g", xn = "Toast-module__body___VLkXA", be = {
-  root: vn,
-  icon: Cn,
-  loader: gn,
-  title: Pn,
-  description: wn,
-  closeButton: Tn,
-  body: xn
-}, Sn = L.forwardRef(
+Cn.displayName = "Title";
+const Pn = "Toast-module__root___MUvfI", gn = "Toast-module__icon___VwvE1", wn = "Toast-module__loader___8Gxd-", Tn = "Toast-module__title___-H6R2", xn = "Toast-module__description___-QwfC", Sn = "Toast-module__closeButton___vGr7g", An = "Toast-module__body___VLkXA", be = {
+  root: Pn,
+  icon: gn,
+  loader: wn,
+  title: Tn,
+  description: xn,
+  closeButton: Sn,
+  body: An
+}, Wn = I.forwardRef(
   function({
     overStyled: e = !1,
     variant: a = "default",
@@ -2878,7 +2892,7 @@ const vn = "Toast-module__root___MUvfI", Cn = "Toast-module__icon___VwvE1", gn =
       });
     }
     return /* @__PURE__ */ r(
-      Vt,
+      Ut,
       {
         ref: o,
         withCloseButton: s,
@@ -2891,18 +2905,18 @@ const vn = "Toast-module__root___MUvfI", Cn = "Toast-module__icon___VwvE1", gn =
     );
   }
 );
-Sn.displayName = "Toast";
-const An = "Tooltip-module__tooltip___UA7H9", Wn = "Tooltip-module__arrow___4zROk", to = {
-  tooltip: An,
-  arrow: Wn
-}, yt = function({
+Wn.displayName = "Toast";
+const Ln = "Tooltip-module__tooltip___UA7H9", In = "Tooltip-module__arrow___4zROk", so = {
+  tooltip: Ln,
+  arrow: In
+}, $t = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
   const t = f(s, e), o = {
-    tooltip: to.tooltip,
-    arrow: to.arrow
+    tooltip: so.tooltip,
+    arrow: so.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -2912,7 +2926,7 @@ const An = "Tooltip-module__tooltip___UA7H9", Wn = "Tooltip-module__arrow___4zRO
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    qe,
+    He,
     {
       position: "top",
       multiline: !0,
@@ -2923,73 +2937,73 @@ const An = "Tooltip-module__tooltip___UA7H9", Wn = "Tooltip-module__arrow___4zRO
     }
   );
 };
-yt.displayName = "Tooltip";
-const ft = yt;
-ft.Floating = qe.Floating;
-ft.Group = qe.Group;
-const Qn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
+$t.displayName = "Tooltip";
+const vt = $t;
+vt.Floating = He.Floating;
+vt.Group = He.Group;
+const el = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
 export {
-  Ze as Accordion,
-  He as AccordionControl,
-  io as AccordionItem,
-  Ue as AccordionPanel,
-  zn as Avatar,
-  Rn as Badge,
-  cs as Breadcrumb,
-  kn as Button,
-  Mn as Card,
-  fo as CardContent,
-  yo as CardFooter,
-  bo as CardHeader,
-  uo as CardSection,
-  Co as Checkbox,
-  vo as CheckboxGroup,
-  ta as Chip,
-  aa as Container,
-  Fn as DatePicker,
-  da as Dropdown,
-  Ie as EmptyValueRenderer,
-  En as FileInput,
-  jn as FileUpload,
-  Dn as Flex,
+  Ke as Accordion,
+  Ze as AccordionControl,
+  po as AccordionItem,
+  Ye as AccordionPanel,
+  kn as Avatar,
+  Mn as Badge,
+  ms as Breadcrumb,
+  Bn as Button,
+  Fn as Card,
+  $o as CardContent,
+  ho as CardFooter,
+  No as CardHeader,
+  fo as CardSection,
+  wo as Checkbox,
+  go as CheckboxGroup,
+  la as Chip,
+  ca as Container,
+  jn as DatePicker,
+  ba as Dropdown,
+  Oe as EmptyValueRenderer,
+  Dn as FileInput,
+  Vn as FileUpload,
+  Gn as Flex,
   ce as FormControlLayout,
-  _a as Group,
-  xo as HoverCard,
-  ho as Label,
-  Bs as Layer,
-  Vn as Link,
-  $a as Loader,
+  Na as Group,
+  Wo as HoverCard,
+  Co as Label,
+  Vs as Layer,
+  qn as Link,
+  uo as Loader,
   he as Menu,
   pe as Modal,
-  Ga as NumberInput,
+  Ua as NumberInput,
   ae as Pagination,
   re as Panel,
-  Jo as PanelFooter,
-  tt as Popover,
-  at as Radio,
-  st as RadioGroup,
-  $r as ReadOnlyBooleanField,
-  $o as ReadOnlyField,
-  hr as ReadOnlySwitchField,
+  ot as PanelFooter,
+  rt as Popover,
+  lt as Radio,
+  nt as RadioGroup,
+  Pr as ReadOnlyBooleanField,
+  Po as ReadOnlyField,
+  Cr as ReadOnlySwitchField,
   We as ReadOnlyTextField,
-  Bn as RecursicaThemeProvider,
-  Gn as SegmentedControl,
-  qn as Slider,
-  xr as Stack,
-  Hn as Stepper,
-  it as Switch,
-  lt as SwitchGroup,
-  Un as Table,
-  Zn as Tabs,
-  Yn as Text,
-  rn as TextArea,
-  dn as TextField,
-  Kn as TimePicker,
-  hn as Timeline,
-  $n as Title,
-  Sn as Toast,
-  ft as Tooltip,
-  Qn as TransferList,
+  En as RecursicaThemeProvider,
+  Hn as SegmentedControl,
+  Un as Slider,
+  Zn as Stack,
+  Yn as Stepper,
+  mt as Switch,
+  pt as SwitchGroup,
+  Kn as Table,
+  Qn as Tabs,
+  Xn as Text,
+  ln as TextArea,
+  mn as TextField,
+  Jn as TimePicker,
+  vn as Timeline,
+  Cn as Title,
+  Wn as Toast,
+  vt as Tooltip,
+  el as TransferList,
   de as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map