@recursica/mantine-adapter 0.18.0 → 0.20.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as n, jsxs as M, Fragment as $e } from "react/jsx-runtime";
-import V, { forwardRef as y, useId as at, useEffect as nt } from "react";
-import { Accordion as We, Avatar as rt, createPolymorphicComponent as X, Badge as lt, Breadcrumbs as ct, Button as it, Card as Le, Input as Ue, Box as Me, Checkbox as Ye, Chip as dt, Container as pt, Select as mt, Flex as _t, Group as ut, HoverCard as Fe, Anchor as bt, Loader as yt, Menu as U, NumberInput as Nt, Pagination as ee, Drawer as oe, Radio as Ke, SegmentedControl as ht, Stack as ft, Stepper as ze, Switch as Qe, CheckIcon as $t, CloseIcon as vt, Tabs as Te, Text as Ct, Textarea as gt, Title as Pt, Tooltip as Be } from "@mantine/core";
-const wt = [
+import { jsx as r, jsxs as z, Fragment as Ne } from "react/jsx-runtime";
+import L, { forwardRef as h, useId as gt, useEffect as Pt } from "react";
+import { Accordion as Re, Avatar as wt, createPolymorphicComponent as Y, Badge as Tt, Breadcrumbs as xt, Button as St, Card as ke, Input as ao, Box as Ve, Checkbox as ro, Chip as At, Container as Wt, Select as Lt, Flex as It, Group as Ot, HoverCard as Ge, Anchor as zt, Loader as Rt, Menu as K, Modal as G, NumberInput as kt, Pagination as te, Drawer as se, Popover as qe, Radio as no, SegmentedControl as Mt, Stack as Bt, Stepper as je, Switch as lo, CheckIcon as Ft, CloseIcon as Et, Tabs as Me, Text as jt, Textarea as Dt, TimelineItem as Vt, Timeline as Gt, Title as qt, Notification as Ht, Tooltip as He } from "@mantine/core";
+const Ut = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const wt = [
   "mih",
   "mah"
   // Dimensions
-], xt = /* @__PURE__ */ new Set([
+], io = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const wt = [
   "left",
   "bottom",
   "right"
-]), Ve = {
+]), 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,92 +69,98 @@ const wt = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function N(r, e) {
+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 r;
-  const a = { ...r };
-  for (const s of wt)
+    return l;
+  const a = { ...l };
+  for (const s of Ut)
     s in a && delete a[s];
   for (const [s, t] of Object.entries(a))
-    typeof t == "string" && t.startsWith("rec-") && xt.has(s) && t in Ve && (a[s] = Ve[t]);
+    typeof t == "string" && t.startsWith("rec-") && io.has(s) && t in Le && (a[s] = Le[t]);
   return a;
 }
-const St = "Accordion-module__root___Dem6d", At = "Accordion-module__item___7ryVk", Wt = "Accordion-module__noDivider___Ni2tT", Lt = "Accordion-module__control___b4wgX", Tt = "Accordion-module__label___Ss7uW", It = "Accordion-module__chevron___i-HVZ", kt = "Accordion-module__iconLeftWrapper___5oLen", Ot = "Accordion-module__panel___Wx50w", zt = "Accordion-module__content___PEM9t", Q = {
-  root: St,
-  item: At,
-  noDivider: Wt,
-  control: Lt,
-  label: Tt,
-  chevron: It,
-  iconLeftWrapper: kt,
-  panel: Ot,
-  content: zt
-}, Je = function({
+const Zt = "Accordion-module__root___Dem6d", Yt = "Accordion-module__item___7ryVk", Kt = "Accordion-module__noDivider___Ni2tT", Qt = "Accordion-module__control___b4wgX", Jt = "Accordion-module__label___Ss7uW", Xt = "Accordion-module__chevron___i-HVZ", es = "Accordion-module__iconLeftWrapper___5oLen", os = "Accordion-module__panel___Wx50w", ts = "Accordion-module__content___PEM9t", X = {
+  root: Zt,
+  item: Yt,
+  noDivider: Kt,
+  control: Qt,
+  label: Jt,
+  chevron: Xt,
+  iconLeftWrapper: es,
+  panel: os,
+  content: ts
+}, co = function({
   variant: e = "unstyled",
   overStyled: a = !1,
   ...s
 }) {
-  const t = N(s, a), o = {
-    root: Q.root,
-    item: Q.item,
-    control: Q.control,
-    label: Q.label,
-    chevron: Q.chevron,
-    panel: Q.panel,
-    content: Q.content
-  }, l = t.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const i = l;
-    Object.keys(i).forEach((d) => {
-      o[d] ? o[d] = `${o[d]} ${i[d]}` : o[d] = i[d];
+  const t = f(s, a), o = {
+    root: X.root,
+    item: X.item,
+    control: X.control,
+    label: X.label,
+    chevron: X.chevron,
+    panel: X.panel,
+    content: X.content
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const c = n;
+    Object.keys(c).forEach((d) => {
+      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
     });
   }
-  const c = t.className;
-  return /* @__PURE__ */ n(
-    We,
+  const i = t.className;
+  return /* @__PURE__ */ r(
+    Re,
     {
       variant: e,
-      className: c,
+      className: i,
       classNames: o,
       ...t
     }
   );
 };
-Je.displayName = "Accordion";
-const Xe = y(function({ title: e, leftIcon: a, divider: s = !0, children: t, overStyled: o = !1, ...l }, c) {
-  const i = N(l, o), d = i.className, p = [s ? void 0 : Q.noDivider, d].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ n(
-    We.Item,
+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 : X.noDivider, d].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ r(
+    Re.Item,
     {
-      ref: c,
+      ref: i,
       className: p,
-      ...i,
-      children: e ? /* @__PURE__ */ M($e, { children: [
-        /* @__PURE__ */ n(Ee, { leftIcon: a, children: e }),
-        /* @__PURE__ */ n(je, { children: t })
+      ...c,
+      children: e ? /* @__PURE__ */ z(Ne, { children: [
+        /* @__PURE__ */ r(Ze, { leftIcon: a, children: e }),
+        /* @__PURE__ */ r(Ye, { children: t })
       ] }) : t
     }
   );
 });
-Xe.displayName = "AccordionItem";
-const Ee = y(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
-  const l = N(t, s), c = l.className;
-  return /* @__PURE__ */ n(
-    We.Control,
+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(
+    Re.Control,
     {
       ref: o,
-      className: c,
-      icon: e ? /* @__PURE__ */ n("span", { className: Q.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
-      ...l,
+      className: i,
+      icon: e ? /* @__PURE__ */ r("span", { className: X.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      ...n,
       children: a
     }
   );
 });
-Ee.displayName = "AccordionControl";
-const je = y(function({ overStyled: e = !1, ...a }, s) {
-  const t = N(a, e), o = t.className;
-  return /* @__PURE__ */ n(
-    We.Panel,
+Ze.displayName = "AccordionControl";
+const Ye = h(function({ overStyled: e = !1, ...a }, s) {
+  const t = f(a, e), o = t.className;
+  return /* @__PURE__ */ r(
+    Re.Panel,
     {
       ref: s,
       className: o,
@@ -162,26 +168,26 @@ const je = y(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-je.displayName = "AccordionPanel";
-const De = Je;
-De.Item = Xe;
-De.Control = Ee;
-De.Panel = je;
-const Rt = "Avatar-module__root___fXu-J", Mt = "Avatar-module__iconWrapper___ojly2", Ft = "Avatar-module__textWrapper___zp-jD", Bt = "Avatar-module__image___ieqGp", Et = "Avatar-module__placeholder___IDW7-", H = {
-  root: Rt,
-  iconWrapper: Mt,
-  textWrapper: Ft,
-  image: Bt,
-  placeholder: Et
-}, eo = y(function({
+Ye.displayName = "AccordionPanel";
+const Ke = co;
+Ke.Item = po;
+Ke.Control = Ze;
+Ke.Panel = Ye;
+const ss = "Avatar-module__root___fXu-J", as = "Avatar-module__iconWrapper___ojly2", rs = "Avatar-module__textWrapper___zp-jD", ns = "Avatar-module__image___ieqGp", ls = "Avatar-module__placeholder___IDW7-", U = {
+  root: ss,
+  iconWrapper: as,
+  textWrapper: rs,
+  image: ns,
+  placeholder: ls
+}, mo = h(function({
   size: e = "default",
   variant: a = "solid",
   icon: s,
   children: t,
   src: o,
-  overStyled: l = !1,
-  ...c
-}, i) {
+  overStyled: n = !1,
+  ...i
+}, c) {
   const d = {
     solid: "filled",
     outline: "outline",
@@ -190,23 +196,23 @@ const Rt = "Avatar-module__root___fXu-J", Mt = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, m = N(c, l), $ = m;
+  }, m = f(i, n), N = m;
   let _ = "text";
   o ? _ = "image" : s && (_ = "icon");
   const u = {
-    root: H.root,
-    image: H.image,
-    placeholder: H.placeholder
-  }, f = $.classNames;
-  if (f && typeof f == "object" && !Array.isArray(f)) {
-    const h = f;
-    u.root = h.root ? `${H.root} ${h.root}` : H.root, u.image = h.image ? `${H.image} ${h.image}` : H.image, u.placeholder = h.placeholder ? `${H.placeholder} ${h.placeholder}` : H.placeholder;
+    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;
   }
-  const C = $.className;
-  return /* @__PURE__ */ n(
-    rt,
+  const C = N.className;
+  return /* @__PURE__ */ r(
+    wt,
     {
-      ref: i,
+      ref: c,
       className: C,
       classNames: u,
       variant: d[a],
@@ -216,269 +222,269 @@ const Rt = "Avatar-module__root___fXu-J", Mt = "Avatar-module__iconWrapper___ojl
       "data-size": e,
       "data-style": _,
       ...m,
-      children: s != null ? /* @__PURE__ */ n("span", { className: H.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ n("span", { className: H.textWrapper, children: t }) : void 0
+      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
     }
   );
 });
-eo.displayName = "Avatar";
-const jn = X(eo), jt = "Badge-module__root___5osNT", Y = {
-  root: jt
-}, oo = y(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
-  const o = N(s, a), l = {
-    root: Y.root,
-    section: Y.section,
-    label: Y.label
-  }, c = o.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const p = c;
-    l.root = p.root ? `${Y.root} ${p.root}` : Y.root, l.section = p.section ?? Y.section, l.label = p.label ?? Y.label;
+mo.displayName = "Avatar";
+const Rn = Y(mo), is = "Badge-module__root___5osNT", Q = {
+  root: is
+}, _o = h(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
+  const o = f(s, a), n = {
+    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 ? `${Q.root} ${p.root}` : Q.root, n.section = p.section ?? Q.section, n.label = p.label ?? Q.label;
   }
-  const i = o.className, d = i ? `${Y.root} ${i}` : Y.root;
-  return /* @__PURE__ */ n(
-    lt,
+  const c = o.className, d = c ? `${Q.root} ${c}` : Q.root;
+  return /* @__PURE__ */ r(
+    Tt,
     {
       ref: t,
       variant: "filled",
       "data-variant": e,
       ...o,
       className: d,
-      classNames: l
+      classNames: n
     }
   );
 });
-oo.displayName = "Badge";
-const Dn = X(oo), Dt = "Breadcrumb-module__root___x-9ln", Vt = "Breadcrumb-module__separator___qrUX-", ae = {
-  root: Dt,
-  separator: Vt
-}, Gt = y(
+_o.displayName = "Badge";
+const kn = Y(_o), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-module__separator___qrUX-", ne = {
+  root: cs,
+  separator: ds
+}, ps = h(
   function({ overStyled: e = !1, separator: a = ">", ...s }, t) {
-    const o = N(
+    const o = f(
       { separator: a, ...s },
       e
-    ), l = {
-      root: ae.root,
-      separator: ae.separator
-    }, c = o.classNames;
-    if (c && typeof c == "object" && !Array.isArray(c)) {
-      const p = c;
-      l.root = p.root ? `${ae.root} ${p.root}` : ae.root, l.separator = p.separator ? `${ae.separator} ${p.separator}` : ae.separator;
+    ), n = {
+      root: ne.root,
+      separator: ne.separator
+    }, i = o.classNames;
+    if (i && typeof i == "object" && !Array.isArray(i)) {
+      const p = i;
+      n.root = p.root ? `${ne.root} ${p.root}` : ne.root, n.separator = p.separator ? `${ne.separator} ${p.separator}` : ne.separator;
     }
-    const i = o.className, d = i ? `${ae.root} ${i}` : ae.root;
-    return /* @__PURE__ */ n(
-      ct,
+    const c = o.className, d = c ? `${ne.root} ${c}` : ne.root;
+    return /* @__PURE__ */ r(
+      xt,
       {
         ref: t,
         ...o,
         className: d,
-        classNames: l
+        classNames: n
       }
     );
   }
 );
-Gt.displayName = "Breadcrumb";
-const qt = "Button-module__root___Q2R8-", Ht = "Button-module__label___UJ3Zt", Zt = "Button-module__labelText___rFV5p", Ut = "Button-module__iconWrapper___uEKPa", Yt = "Button-module__section___f2mKr", Z = {
-  root: qt,
-  label: Ht,
-  labelText: Zt,
-  iconWrapper: Ut,
-  section: Yt
+ps.displayName = "Breadcrumb";
+const ms = "Button-module__root___Q2R8-", _s = "Button-module__label___UJ3Zt", us = "Button-module__labelText___rFV5p", bs = "Button-module__iconWrapper___uEKPa", ys = "Button-module__section___f2mKr", Z = {
+  root: ms,
+  label: _s,
+  labelText: us,
+  iconWrapper: bs,
+  section: ys
 };
-function Kt(r) {
-  return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
+function fs(l) {
+  return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
 }
-const to = y(function({
+const uo = h(function({
   variant: e = "solid",
   size: a = "default",
   icon: s,
   children: t,
   overStyled: o = !1,
-  ...l
-}, c) {
-  const i = {
+  ...n
+}, i) {
+  const c = {
     solid: "filled",
     outline: "outline",
     text: "subtle"
   }, d = {
     default: "md",
     small: "sm"
-  }, p = N(l, o), m = p;
+  }, p = f(n, o), m = p;
   delete m.fullWidth;
-  const $ = !!s || !!m.leftSection, _ = !!m.rightSection, u = ($ || _) && !Kt(t);
+  const N = !!s || !!m.leftSection, _ = !!m.rightSection, u = (N || _) && !fs(t);
   typeof process < "u" && process.env.NODE_ENV !== "production" && u && !m["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
-  const f = {
+  const b = {
     root: Z.root,
     section: Z.section,
     label: Z.label
   }, C = m.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
-    const b = C;
-    f.root = b.root ? `${Z.root} ${b.root}` : Z.root, f.section = b.section ?? Z.section, f.label = b.label ?? Z.label;
+    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 h = m.className, g = h ? `${Z.root} ${h}` : Z.root;
-  return /* @__PURE__ */ n(
-    it,
+  const $ = m.className, g = $ ? `${Z.root} ${$}` : Z.root;
+  return /* @__PURE__ */ r(
+    St,
     {
-      ref: c,
+      ref: i,
       className: g,
-      classNames: f,
-      variant: i[e],
+      classNames: b,
+      variant: c[e],
       size: d[a],
-      leftSection: s != null ? /* @__PURE__ */ n("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+      leftSection: s != null ? /* @__PURE__ */ r("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
       "data-variant": e,
       "data-size": a,
       ...u ? { "data-icon-only": "" } : {},
       ...p,
-      children: /* @__PURE__ */ n("span", { className: Z.labelText, children: t })
+      children: /* @__PURE__ */ r("span", { className: Z.labelText, children: t })
     }
   );
 });
-to.displayName = "Button";
-const Vn = X(
-  to
-), Qt = "Card-module__root___c9KvZ", Jt = "Card-module__header___PTXf2 recursica_brand_typography_h3", Xt = "Card-module__footer___Mu-JC", es = "Card-module__section___BRT8H", os = "Card-module__content___oFIQa", J = {
-  root: Qt,
-  header: Jt,
-  footer: Xt,
-  section: es,
-  content: os
-}, so = y(function({ overStyled: e = !1, ...a }, s) {
-  const t = N(a, e), o = {
-    root: J.root
-  }, l = t.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const i = l;
-    Object.keys(i).forEach((d) => {
-      o[d] ? o[d] = `${o[d]} ${i[d]}` : o[d] = i[d];
+uo.displayName = "Button";
+const Mn = Y(
+  uo
+), Ns = "Card-module__root___c9KvZ", hs = "Card-module__header___PTXf2 recursica_brand_typography_h3", $s = "Card-module__footer___Mu-JC", vs = "Card-module__section___BRT8H", Cs = "Card-module__content___oFIQa", oe = {
+  root: Ns,
+  header: hs,
+  footer: $s,
+  section: vs,
+  content: Cs
+}, bo = h(function({ overStyled: e = !1, ...a }, s) {
+  const t = f(a, e), o = {
+    root: oe.root
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const c = n;
+    Object.keys(c).forEach((d) => {
+      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
     });
   }
-  const c = t.className;
-  return /* @__PURE__ */ n(
-    Le,
+  const i = t.className;
+  return /* @__PURE__ */ r(
+    ke,
     {
       ref: s,
-      className: c,
+      className: i,
       classNames: o,
       ...t
     }
   );
 });
-so.displayName = "Card";
-const ao = y(
+bo.displayName = "Card";
+const yo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      Le.Section,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      ke.Section,
       {
         ref: s,
-        className: o ? `${J.section} ${o}` : J.section,
+        className: o ? `${oe.section} ${o}` : oe.section,
         ...t
       }
     );
   }
 );
-ao.displayName = "CardSection";
-const no = y(
+yo.displayName = "CardSection";
+const fo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      Le.Section,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      ke.Section,
       {
         ref: s,
-        className: o ? `${J.header} ${o}` : J.header,
+        className: o ? `${oe.header} ${o}` : oe.header,
         ...t
       }
     );
   }
 );
-no.displayName = "CardHeader";
-const ro = y(
+fo.displayName = "CardHeader";
+const No = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      Le.Section,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      ke.Section,
       {
         ref: s,
-        className: o ? `${J.footer} ${o}` : J.footer,
+        className: o ? `${oe.footer} ${o}` : oe.footer,
         ...t
       }
     );
   }
 );
-ro.displayName = "CardFooter";
-const lo = y(
+No.displayName = "CardFooter";
+const ho = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
       "div",
       {
         ref: s,
-        className: o ? `${J.content} ${o}` : J.content,
+        className: o ? `${oe.content} ${o}` : oe.content,
         ...t
       }
     );
   }
 );
-lo.displayName = "CardContent";
-const co = X(so), Ie = co;
-Ie.Section = ao;
-Ie.Header = no;
-Ie.Footer = ro;
-Ie.Content = lo;
-const Gn = co, ts = "Label-module__root___e6HXZ", ss = "Label-module__labelText___rieFR", as = "Label-module__required___Ggrzc", ns = "Label-module__optionalText___Y2yun", rs = "Label-module__actionAreaWrapper___ELoZK", ls = "Label-module__editIconWrapper___NG2xW", q = {
-  root: ts,
-  labelText: ss,
-  required: as,
-  optionalText: ns,
-  actionAreaWrapper: rs,
-  editIconWrapper: ls
-}, io = y(function({
+ho.displayName = "CardContent";
+const $o = Y(bo), Be = $o;
+Be.Section = yo;
+Be.Header = fo;
+Be.Footer = No;
+Be.Content = ho;
+const Bn = $o, gs = "Label-module__root___e6HXZ", Ps = "Label-module__labelText___rieFR", ws = "Label-module__required___Ggrzc", Ts = "Label-module__optionalText___Y2yun", xs = "Label-module__actionAreaWrapper___ELoZK", Ss = "Label-module__editIconWrapper___NG2xW", H = {
+  root: gs,
+  labelText: Ps,
+  required: ws,
+  optionalText: Ts,
+  actionAreaWrapper: xs,
+  editIconWrapper: Ss
+}, vo = h(function({
   labelSize: e = "default",
   labelAlignment: a,
   required: s = !1,
   labelOptionalText: t,
   labelWithEditIcon: o,
-  labelActionArea: l,
-  onLabelEditClick: c,
-  children: i,
+  labelActionArea: n,
+  onLabelEditClick: i,
+  children: c,
   overStyled: d = !1,
   ...p
 }, m) {
-  const $ = a || "left";
+  const N = a || "left";
   let _;
   s || (t === !0 ? _ = "optional" : t && (_ = t));
-  const u = N(p, d), f = u, C = {
-    label: q.root,
-    required: q.required
-  }, h = f.classNames;
-  if (h && typeof h == "object" && !Array.isArray(h)) {
-    const A = h;
-    C.label = A.label ? `${q.root} ${A.label}` : q.root, C.required = A.required ? `${q.required} ${A.required}` : q.required;
+  const u = f(p, d), b = u, C = {
+    label: H.root,
+    required: H.required
+  }, $ = b.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 g = f.className, b = g ? `${q.root} ${g}` : q.root;
-  return /* @__PURE__ */ M(
-    Ue.Label,
+  const g = b.className, y = g ? `${H.root} ${g}` : H.root;
+  return /* @__PURE__ */ z(
+    ao.Label,
     {
       ref: m,
-      className: b,
+      className: y,
       classNames: C,
       "data-size": e,
-      "data-alignment": $,
+      "data-alignment": N,
       required: s && !o,
       ...u,
       children: [
-        /* @__PURE__ */ n("span", { className: q.labelText, children: i }),
-        _ && /* @__PURE__ */ n("span", { className: q.optionalText, children: typeof _ == "string" ? `(${_})` : _ }),
-        l ? /* @__PURE__ */ n("span", { className: q.actionAreaWrapper, children: l }) : o ? /* @__PURE__ */ n(
+        /* @__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(
           "button",
           {
             type: "button",
-            className: q.editIconWrapper,
+            className: H.editIconWrapper,
             "data-replaces-asterisk": s ? "true" : void 0,
-            onClick: c,
+            onClick: i,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 width: "16",
@@ -486,7 +492,7 @@ const Gn = co, ts = "Label-module__root___e6HXZ", ss = "Label-module__labelText_
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ r(
                   "path",
                   {
                     d: "M11.5303 2.46967C11.8232 2.17678 12.2981 2.17678 12.591 2.46967L13.5303 3.40898C13.8232 3.70188 13.8232 4.17675 13.5303 4.46964L5.61288 12.3871C5.45268 12.5473 5.24434 12.6483 5.01809 12.6766L2.39534 13.0044C2.10091 13.0412 1.83856 12.7789 1.87538 12.4845L2.2032 9.86175C2.23147 9.63551 2.3325 9.42716 2.4927 9.26696L11.5303 2.46967Z",
@@ -503,48 +509,48 @@ const Gn = co, ts = "Label-module__root___e6HXZ", ss = "Label-module__labelText_
     }
   );
 });
-io.displayName = "Label";
-const cs = "FormControlLayout-module__root___yNDhZ", is = "FormControlLayout-module__leftSection___GBM1r", ds = "FormControlLayout-module__rightSection___bcL4v", ge = {
-  root: cs,
-  leftSection: is,
-  rightSection: ds
-}, re = y(function({
+vo.displayName = "Label";
+const As = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-module__leftSection___GBM1r", Ls = "FormControlLayout-module__rightSection___bcL4v", Se = {
+  root: As,
+  leftSection: Ws,
+  rightSection: Ls
+}, ce = h(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
   controlMaxWidth: s,
   controlMinWidth: t,
   leftSection: o,
-  children: l,
-  className: c,
-  style: i,
+  children: n,
+  className: i,
+  style: c,
   ...d
 }, p) {
-  const m = c ? `${ge.root} ${c}` : ge.root, _ = o != null || e === "side-by-side";
-  return /* @__PURE__ */ M(
+  const m = i ? `${Se.root} ${i}` : Se.root, _ = o != null || e === "side-by-side";
+  return /* @__PURE__ */ z(
     "div",
     {
       ref: p,
       className: m,
       "data-form-layout": e,
       style: {
-        ...i,
+        ...c,
         ...s ? { "--form-control-max-width": s } : {},
         ...t ? { "--form-control-min-width": t } : {}
       },
       ...d,
       children: [
-        _ && /* @__PURE__ */ n("div", { className: ge.leftSection, "data-size": a, children: o }),
-        /* @__PURE__ */ n("div", { className: ge.rightSection, children: l })
+        _ && /* @__PURE__ */ r("div", { className: Se.leftSection, "data-size": a, children: o }),
+        /* @__PURE__ */ r("div", { className: Se.rightSection, children: n })
       ]
     }
   );
 });
-re.displayName = "FormControlLayout";
-const ps = "AssistiveElement-module__root___WhQ43", ms = "AssistiveElement-module__textWrapper___sfy5E", _s = "AssistiveElement-module__iconWrapper___gObRF", Oe = {
-  root: ps,
-  textWrapper: ms,
-  iconWrapper: _s
-}, us = () => /* @__PURE__ */ M(
+ce.displayName = "FormControlLayout";
+const Is = "AssistiveElement-module__root___WhQ43", Os = "AssistiveElement-module__textWrapper___sfy5E", zs = "AssistiveElement-module__iconWrapper___gObRF", Ee = {
+  root: Is,
+  textWrapper: Os,
+  iconWrapper: zs
+}, Rs = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -555,12 +561,12 @@ const ps = "AssistiveElement-module__root___WhQ43", ms = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ n("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ n("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), bs = () => /* @__PURE__ */ M(
+), ks = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -571,98 +577,98 @@ const ps = "AssistiveElement-module__root___WhQ43", ms = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ n("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-      /* @__PURE__ */ n("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ n("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ r("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+      /* @__PURE__ */ r("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), Re = y(function({
+), De = h(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
   children: s,
   className: t,
   overStyled: o = !1,
-  ...l
-}, c) {
-  const d = N(l, o), p = Oe.root, m = t ? `${p} ${t}` : p, $ = e === "error" ? bs : us;
-  return /* @__PURE__ */ M(
+  ...n
+}, i) {
+  const d = f(n, o), p = Ee.root, m = t ? `${p} ${t}` : p, N = e === "error" ? ks : Rs;
+  return /* @__PURE__ */ z(
     "div",
     {
-      ref: c,
+      ref: i,
       className: m,
       "data-variant": e,
       style: d.style,
       ...d,
       children: [
-        a && /* @__PURE__ */ n("span", { className: Oe.iconWrapper, children: /* @__PURE__ */ n($, {}) }),
-        /* @__PURE__ */ n("span", { className: Oe.textWrapper, children: s })
+        a && /* @__PURE__ */ r("span", { className: Ee.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
+        /* @__PURE__ */ r("span", { className: Ee.textWrapper, children: s })
       ]
     }
   );
 });
-Re.displayName = "AssistiveElement";
-const ys = "FormControlWrapper-module__inputSection___HenXk", Ge = {
-  inputSection: ys
-}, xe = y(function({
+De.displayName = "AssistiveElement";
+const Ms = "FormControlWrapper-module__inputSection___HenXk", Xe = {
+  inputSection: Ms
+}, Ie = h(function({
   formLayout: e,
   labelSize: a,
   labelAlignment: s,
   labelOptionalText: t,
   labelWithEditIcon: o,
-  labelActionArea: l,
-  onLabelEditClick: c,
-  label: i,
+  labelActionArea: n,
+  onLabelEditClick: i,
+  label: c,
   description: d,
   assistiveText: p,
   assistiveWithIcon: m = !0,
-  controlMaxWidth: $,
+  controlMaxWidth: N,
   controlMinWidth: _,
   error: u,
-  required: f,
+  required: b,
   withAsterisk: C,
-  id: h,
+  id: $,
   children: g,
-  className: b,
-  overStyled: A = !1,
+  className: y,
+  overStyled: S = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
-  ...R
-}, W) {
-  const x = at(), k = h || `recursica-fc-${x}`, z = p || d, L = z ? `${k}-assistive` : void 0, w = u ? `${k}-error` : void 0, O = N(R, A), ce = b || O.className, Ce = Ge.root, G = ce ? `${Ce} ${ce}` : Ce, tt = V.isValidElement(g) ? V.cloneElement(
+  ...B
+}, A) {
+  const T = gt(), 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 = Xe.root, q = me ? `${xe} ${me}` : xe, vt = L.isValidElement(g) ? L.cloneElement(
     g,
     {
-      ...z && !g.props["aria-describedby"] ? { "aria-describedby": L } : {},
+      ...M && !g.props["aria-describedby"] ? { "aria-describedby": W } : {},
       ...u && !g.props["aria-errormessage"] ? { "aria-errormessage": w } : {}
     }
-  ) : g, st = i ? /* @__PURE__ */ n(
-    io,
+  ) : g, Ct = c ? /* @__PURE__ */ r(
+    vo,
     {
-      id: k,
+      id: R,
       labelAlignment: s,
       labelOptionalText: t,
       labelWithEditIcon: o,
-      labelActionArea: l,
-      onLabelEditClick: c,
-      required: C ?? f,
+      labelActionArea: n,
+      onLabelEditClick: i,
+      required: C ?? b,
       ...v === "div" ? { as: "div" } : {},
-      children: i
+      children: c
     }
   ) : void 0;
-  return /* @__PURE__ */ n(
-    re,
+  return /* @__PURE__ */ r(
+    ce,
     {
-      ref: W,
-      className: G,
+      ref: A,
+      className: q,
       formLayout: e,
       labelSize: a,
-      controlMaxWidth: $,
+      controlMaxWidth: N,
       controlMinWidth: _,
-      leftSection: st,
-      ...O,
-      children: /* @__PURE__ */ M("div", { className: Ge.inputSection, children: [
-        tt,
-        u && /* @__PURE__ */ n(
-          Re,
+      leftSection: Ct,
+      ...k,
+      children: /* @__PURE__ */ z("div", { className: Xe.inputSection, children: [
+        vt,
+        u && /* @__PURE__ */ r(
+          De,
           {
             id: w,
             assistiveVariant: "error",
@@ -670,80 +676,80 @@ const ys = "FormControlWrapper-module__inputSection___HenXk", Ge = {
             children: u
           }
         ),
-        !u && z && /* @__PURE__ */ n(
-          Re,
+        !u && M && /* @__PURE__ */ r(
+          De,
           {
-            id: L,
+            id: W,
             assistiveVariant: "help",
             assistiveWithIcon: m,
-            children: z
+            children: M
           }
         )
       ] })
     }
   );
 });
-xe.displayName = "FormControlWrapper";
-const Ns = "_root_1qhn7_3", hs = "_contents_1qhn7_18", pe = {
-  root: Ns,
-  contents: hs
-}, fs = y(function({ layer: r, contentsOnly: e, children: a, className: s, style: t, ...o }, l) {
-  const c = e ? s ? `${pe.root} ${pe.contents} ${s}` : `${pe.root} ${pe.contents}` : s ? `${pe.root} ${s}` : pe.root;
-  return /* @__PURE__ */ n(
+Ie.displayName = "FormControlWrapper";
+const Bs = "_root_1qhn7_3", Fs = "_contents_1qhn7_18", ye = {
+  root: Bs,
+  contents: Fs
+}, Es = 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",
     {
-      ref: l,
-      className: c,
+      ref: n,
+      className: i,
       style: t,
-      ...e ? {} : { "data-recursica-layer": String(r) },
+      ...e ? {} : { "data-recursica-layer": String(l) },
       ...o,
       children: a
     }
   );
 });
-fs.displayName = "Layer";
-const Se = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ n(V.Fragment, { children: r });
-Se.displayName = "EmptyValueRenderer";
-Se.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
-const qe = "data-recursica-theme";
-function qn({
-  children: r,
+Es.displayName = "Layer";
+const Oe = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(L.Fragment, { children: l });
+Oe.displayName = "EmptyValueRenderer";
+Oe.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
+const eo = "data-recursica-theme";
+function Fn({
+  children: l,
   theme: e = "light"
 }) {
-  return nt(() => {
+  return Pt(() => {
     const a = document.documentElement;
-    return a.setAttribute(qe, e), () => {
-      a.removeAttribute(qe);
+    return a.setAttribute(eo, e), () => {
+      a.removeAttribute(eo);
     };
-  }, [e]), /* @__PURE__ */ n($e, { children: r });
+  }, [e]), /* @__PURE__ */ r(Ne, { children: l });
 }
-const $s = "ReadOnlyField-module__textField___qKn25", Ae = {
-  textField: $s
-}, we = ({
-  value: r,
+const js = "ReadOnlyField-module__textField___qKn25", ze = {
+  textField: js
+}, We = ({
+  value: l,
   overStyled: e = !1,
   ...a
 }) => {
-  const s = N(a, e), t = s.className;
-  return /* @__PURE__ */ n(
-    Me,
+  const s = f(a, e), t = s.className;
+  return /* @__PURE__ */ r(
+    Ve,
     {
       component: "p",
-      className: t ? `${Ae.textField} ${t}` : Ae.textField,
+      className: t ? `${ze.textField} ${t}` : ze.textField,
       ...s,
-      children: r != null ? V.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
+      children: l != null ? L.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
     }
   );
 };
-we.displayName = "ReadOnlyTextField";
-const po = y(
-  function({ value: e, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...o }, l) {
-    let c = null;
-    const i = N(o, t), d = s || Se, m = (d.check ? d.check(e) : Se.check(e)) ? /* @__PURE__ */ n(d, { value: e }) : e;
+We.displayName = "ReadOnlyTextField";
+const Co = h(
+  function({ value: e, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...o }, n) {
+    let i = null;
+    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":
-        c = /* @__PURE__ */ n(
-          we,
+        i = /* @__PURE__ */ r(
+          We,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : m,
             overStyled: t
@@ -751,8 +757,8 @@ const po = y(
         );
         break;
       case "switch":
-        c = /* @__PURE__ */ n(
-          we,
+        i = /* @__PURE__ */ r(
+          We,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : m,
             overStyled: t
@@ -761,8 +767,8 @@ const po = y(
         break;
       case "text":
       default:
-        c = /* @__PURE__ */ n(
-          we,
+        i = /* @__PURE__ */ r(
+          We,
           {
             value: m,
             overStyled: t
@@ -770,139 +776,139 @@ const po = y(
         );
         break;
     }
-    return /* @__PURE__ */ n(
-      xe,
+    return /* @__PURE__ */ r(
+      Ie,
       {
-        ref: l,
+        ref: n,
         overStyled: t,
-        ...i,
-        children: c
+        ...c,
+        children: i
       }
     );
   }
 );
-po.displayName = "ReadOnlyField";
-const le = y(function({
+Co.displayName = "ReadOnlyField";
+const de = h(function({
   readOnly: e,
   readOnlyComponent: a,
   readOnlyType: s = "text",
   readOnlyValue: t,
   readOnlyNativeProps: o,
-  emptyValueComponent: l,
-  activeComponent: c,
-  overStyled: i,
+  emptyValueComponent: n,
+  activeComponent: i,
+  overStyled: c,
   onLabelEditClick: d,
   ...p
 }, m) {
-  return e ? a ? /* @__PURE__ */ n(
-    xe,
+  return e ? a ? /* @__PURE__ */ r(
+    Ie,
     {
       ref: m,
       ...p,
       onLabelEditClick: d,
-      overStyled: i,
-      children: /* @__PURE__ */ n(a, { ...o })
+      overStyled: c,
+      children: /* @__PURE__ */ r(a, { ...o })
     }
-  ) : /* @__PURE__ */ n(
-    po,
+  ) : /* @__PURE__ */ r(
+    Co,
     {
       ref: m,
       type: s,
       value: t,
-      emptyValueComponent: l,
+      emptyValueComponent: n,
       onLabelEditClick: d,
-      overStyled: i,
+      overStyled: c,
       ...p
     }
-  ) : /* @__PURE__ */ n(
-    xe,
+  ) : /* @__PURE__ */ r(
+    Ie,
     {
       ref: m,
       ...p,
       onLabelEditClick: d,
-      overStyled: i,
-      children: c
+      overStyled: c,
+      children: i
     }
   );
 });
-le.displayName = "WithReadOnlyWrapper";
-const vs = "Checkbox-module__groupRoot___cBS0o", Cs = "Checkbox-module__root___mY3qk", gs = "Checkbox-module__body___5yC7q", Ps = "Checkbox-module__inner___rTke4", ws = "Checkbox-module__input___2kt-h", xs = "Checkbox-module__icon___-O7i6", Ss = "Checkbox-module__labelWrapper___GpZkr", As = "Checkbox-module__label___cwRtI", T = {
-  groupRoot: vs,
-  root: Cs,
-  body: gs,
-  inner: Ps,
-  input: ws,
-  icon: xs,
-  labelWrapper: Ss,
-  label: As
-}, mo = y(
+de.displayName = "WithReadOnlyWrapper";
+const Ds = "Checkbox-module__groupRoot___cBS0o", Vs = "Checkbox-module__root___mY3qk", Gs = "Checkbox-module__body___5yC7q", qs = "Checkbox-module__inner___rTke4", Hs = "Checkbox-module__input___2kt-h", Us = "Checkbox-module__icon___-O7i6", Zs = "Checkbox-module__labelWrapper___GpZkr", Ys = "Checkbox-module__label___cwRtI", I = {
+  groupRoot: Ds,
+  root: Vs,
+  body: Gs,
+  inner: qs,
+  input: Hs,
+  icon: Us,
+  labelWrapper: Zs,
+  label: Ys
+}, go = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: $,
+      assistiveText: N,
       assistiveWithIcon: _,
       error: u,
-      required: f,
+      required: b,
       withAsterisk: C,
-      id: h,
+      id: $,
       className: g,
-      style: b,
-      children: A,
+      style: y,
+      children: S,
       readOnly: v,
-      readOnlyComponent: R,
-      emptyValueComponent: W,
-      value: x,
-      defaultValue: k,
-      ...z
-    } = e, L = N(z, s), w = L;
-    return delete w.size, /* @__PURE__ */ n(
-      le,
+      readOnlyComponent: B,
+      emptyValueComponent: A,
+      value: T,
+      defaultValue: R,
+      ...M
+    } = e, W = f(M, s), w = W;
+    return delete w.size, /* @__PURE__ */ r(
+      de,
       {
         className: g,
-        style: b,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: $,
+        assistiveText: N,
         assistiveWithIcon: _,
         error: u,
-        required: f,
+        required: b,
         withAsterisk: C,
-        id: h,
-        readOnly: v && !!R,
-        readOnlyComponent: R,
-        emptyValueComponent: W,
+        id: $,
+        readOnly: v && !!B,
+        readOnlyComponent: B,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : k,
+        readOnlyValue: T !== void 0 ? T : R,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ n(
-          Ye.Group,
+        activeComponent: /* @__PURE__ */ r(
+          ro.Group,
           {
             ref: a,
-            ...L,
+            ...W,
             disabled: v || w.disabled,
-            value: x,
-            defaultValue: k,
-            children: /* @__PURE__ */ n("div", { className: T.groupRoot, "data-layout": t, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+            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) })
           }
@@ -911,70 +917,70 @@ const vs = "Checkbox-module__groupRoot___cBS0o", Cs = "Checkbox-module__root___m
     );
   }
 );
-mo.displayName = "CheckboxGroup";
-const _o = y(
+go.displayName = "CheckboxGroup";
+const Po = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       readOnly: t,
       readOnlyComponent: o,
-      disabled: l,
-      formLayout: c,
-      labelSize: i,
+      disabled: n,
+      formLayout: i,
+      labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, $ = N(m, s), _ = $;
+    } = e, N = f(m, s), _ = N;
     delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
     const u = {
-      root: T.root,
-      body: T.body,
-      inner: T.inner,
-      input: T.input,
-      icon: T.icon,
-      labelWrapper: T.labelWrapper,
-      label: T.label
-    }, f = _.classNames;
-    if (f && typeof f == "object" && !Array.isArray(f)) {
-      const b = f;
-      u.root = b.root ? `${T.root} ${b.root}` : T.root, u.body = b.body ? `${T.body} ${b.body}` : T.body, u.inner = b.inner ? `${T.inner} ${b.inner}` : T.inner, u.input = b.input ? `${T.input} ${b.input}` : T.input, u.icon = b.icon ? `${T.icon} ${b.icon}` : T.icon, u.labelWrapper = b.labelWrapper ? `${T.labelWrapper} ${b.labelWrapper}` : T.labelWrapper, u.label = b.label ? `${T.label} ${b.label}` : T.label;
+      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;
     }
-    const C = _.className, h = C ? `${T.root} ${C}` : T.root;
+    const C = _.className, $ = C ? `${I.root} ${C}` : I.root;
     if (t && o) {
-      const b = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ n(
+      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: b,
+          checked: y,
           label: _.label
         }
       );
-      return c ? /* @__PURE__ */ n(
-        re,
+      return i ? /* @__PURE__ */ r(
+        ce,
         {
-          formLayout: c,
-          labelSize: i,
+          formLayout: i,
+          labelSize: c,
           controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ n($e, { children: v });
+      ) : /* @__PURE__ */ r(Ne, { children: v });
     }
-    const g = /* @__PURE__ */ n(
-      Ye,
+    const g = /* @__PURE__ */ r(
+      ro,
       {
         ref: a,
-        className: h,
+        className: $,
         classNames: u,
-        disabled: t || l,
-        ...$
+        disabled: t || n,
+        ...N
       }
     );
-    return c ? /* @__PURE__ */ n(
-      re,
+    return i ? /* @__PURE__ */ r(
+      ce,
       {
-        formLayout: c,
-        labelSize: i,
+        formLayout: i,
+        labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
         children: g
@@ -982,19 +988,19 @@ const _o = y(
     ) : g;
   }
 );
-_o.displayName = "Checkbox";
-_o.Group = mo;
-const Ws = "Chip-module__root___f5pFk", Ls = "Chip-module__label___Ov9pg", Ts = "Chip-module__mantineIconWrapper___KLSz6", Is = "Chip-module__innerWrapper___EnrTF", ks = "Chip-module__children___zbRAR", Os = "Chip-module__leadingIcon___JBtjQ", zs = "Chip-module__removeIcon___pVju-", B = {
-  root: Ws,
-  label: Ls,
-  mantineIconWrapper: Ts,
-  innerWrapper: Is,
-  children: ks,
-  leadingIcon: Os,
-  removeIcon: zs
+Po.displayName = "Checkbox";
+Po.Group = go;
+const Ks = "Chip-module__root___f5pFk", Qs = "Chip-module__label___Ov9pg", Js = "Chip-module__mantineIconWrapper___KLSz6", Xs = "Chip-module__innerWrapper___EnrTF", ea = "Chip-module__children___zbRAR", oa = "Chip-module__leadingIcon___JBtjQ", ta = "Chip-module__removeIcon___pVju-", E = {
+  root: Ks,
+  label: Qs,
+  mantineIconWrapper: Js,
+  innerWrapper: Xs,
+  children: ea,
+  leadingIcon: oa,
+  removeIcon: ta
 };
-function Rs(r) {
-  return /* @__PURE__ */ M(
+function sa(l) {
+  return /* @__PURE__ */ z(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1006,73 +1012,73 @@ function Rs(r) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...r,
+      ...l,
       children: [
-        /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const Ms = y(function({
+const aa = h(function({
   error: e = !1,
   icon: a,
   onRemove: s,
   removeLabel: t = "Remove",
   children: o,
-  overStyled: l = !1,
-  ...c
-}, i) {
-  const d = N(c, l), p = d, m = {
-    root: B.root,
-    label: B.label,
-    input: B.input,
-    iconWrapper: B.mantineIconWrapper,
-    checkIcon: B.checkIcon
-  }, $ = p.classNames;
-  if ($ && typeof $ == "object" && !Array.isArray($)) {
-    const h = $;
-    m.root = h.root ? `${B.root} ${h.root}` : B.root, m.label = h.label ? `${B.label} ${h.label}` : B.label;
+  overStyled: n = !1,
+  ...i
+}, c) {
+  const d = f(i, n), p = d, m = {
+    root: E.root,
+    label: E.label,
+    input: E.input,
+    iconWrapper: E.mantineIconWrapper,
+    checkIcon: E.checkIcon
+  }, N = p.classNames;
+  if (N && typeof N == "object" && !Array.isArray(N)) {
+    const $ = N;
+    m.root = $.root ? `${E.root} ${$.root}` : E.root, m.label = $.label ? `${E.label} ${$.label}` : E.label;
   }
-  const _ = p.className, u = _ ? `${B.root} ${_}` : B.root;
-  return /* @__PURE__ */ n(
-    dt,
+  const _ = p.className, u = _ ? `${E.root} ${_}` : E.root;
+  return /* @__PURE__ */ r(
+    At,
     {
-      ref: i,
+      ref: c,
       className: u,
       classNames: m,
       ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
       ...!o && (!!a || !!s) ? { "data-icon-only": "" } : {},
       ...d,
-      children: /* @__PURE__ */ M("span", { className: B.innerWrapper, children: [
-        a && /* @__PURE__ */ n("span", { className: B.leadingIcon, "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ n("span", { className: B.children, children: o }),
-        s && /* @__PURE__ */ n(
+      children: /* @__PURE__ */ z("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(
           "span",
           {
             role: "button",
-            className: B.removeIcon,
-            onClick: (h) => {
-              h.preventDefault(), h.stopPropagation(), s(h);
+            className: E.removeIcon,
+            onClick: ($) => {
+              $.preventDefault(), $.stopPropagation(), s($);
             },
             "aria-label": t,
-            onKeyDown: (h) => {
-              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
-                h
+            onKeyDown: ($) => {
+              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), s(
+                $
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ n(Rs, {})
+            children: /* @__PURE__ */ r(sa, {})
           }
         )
       ] })
     }
   );
 });
-Ms.displayName = "Chip";
-const Fs = "Container-module__root___UVssr", ue = {
-  root: Fs
-}, Bs = y(
+aa.displayName = "Chip";
+const ra = "Container-module__root___UVssr", $e = {
+  root: ra
+}, na = h(
   function({ children: e, size: a, ...s }, t) {
     const o = {
       "rec-sm": "sm",
@@ -1081,126 +1087,126 @@ const Fs = "Container-module__root___UVssr", ue = {
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, l = typeof a == "string" && o[a] ? o[a] : a, c = {
-      root: ue.root
-    }, i = s.classNames;
-    if (i && typeof i == "object" && !Array.isArray(i)) {
-      const m = i;
-      c.root = m.root ? `${ue.root} ${m.root}` : ue.root;
+    }, n = typeof a == "string" && o[a] ? o[a] : a, i = {
+      root: $e.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;
     }
-    const d = s.className, p = d ? `${ue.root} ${d}` : ue.root;
-    return /* @__PURE__ */ n(
-      pt,
+    const d = s.className, p = d ? `${$e.root} ${d}` : $e.root;
+    return /* @__PURE__ */ r(
+      Wt,
       {
         ref: t,
-        size: l,
+        size: n,
         className: p,
-        classNames: c,
+        classNames: i,
         ...s,
         children: e
       }
     );
   }
 );
-Bs.displayName = "Container";
-const Hn = (r) => /* @__PURE__ */ n("div", { ...r, children: "DatePicker" }), Es = "Dropdown-module__root___uVyL0", js = "Dropdown-module__input___dK4dN", Ds = "Dropdown-module__section___j3MRB", Vs = "Dropdown-module__dropdown___gG-Sw", Gs = "Dropdown-module__option___nAGU-", E = {
-  root: Es,
-  input: js,
-  section: Ds,
-  dropdown: Vs,
-  option: Gs
-}, qs = y(
+na.displayName = "Container";
+const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), la = "Dropdown-module__root___uVyL0", ia = "Dropdown-module__input___dK4dN", ca = "Dropdown-module__section___j3MRB", da = "Dropdown-module__dropdown___gG-Sw", pa = "Dropdown-module__option___nAGU-", j = {
+  root: la,
+  input: ia,
+  section: ca,
+  dropdown: da,
+  option: pa
+}, ma = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       containerWidth: o,
       // Label & Wrapper Maps
-      labelSize: l,
-      labelAlignment: c,
-      labelOptionalText: i,
+      labelSize: n,
+      labelAlignment: i,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: m,
-      assistiveText: $,
+      assistiveText: N,
       assistiveWithIcon: _,
       error: u,
-      required: f,
+      required: b,
       withAsterisk: C,
-      id: h,
+      id: $,
       className: g,
-      style: b,
-      disabled: A,
+      style: y,
+      disabled: S,
       readOnly: v,
-      readOnlyComponent: R,
-      emptyValueComponent: W,
-      value: x,
-      defaultValue: k,
-      data: z,
-      ...L
-    } = e, w = N(L, s), P = w;
+      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 O = {
-      wrapper: E.root,
+    const k = {
+      wrapper: j.root,
       // The nested Input internal relative wrapper bounding box
-      input: E.input,
-      section: E.section,
-      dropdown: E.dropdown,
-      option: E.option
-    }, ce = P.classNames;
-    if (ce && typeof ce == "object" && !Array.isArray(ce)) {
-      const G = ce;
-      O.wrapper = G.wrapper ? `${E.root} ${G.wrapper}` : E.root, O.input = G.input ? `${E.input} ${G.input}` : E.input, O.section = G.section ? `${E.section} ${G.section}` : E.section, O.dropdown = G.dropdown ? `${E.dropdown} ${G.dropdown}` : E.dropdown, O.option = G.option ? `${E.option} ${G.option}` : E.option;
+      input: j.input,
+      section: j.section,
+      dropdown: j.dropdown,
+      option: j.option
+    }, me = P.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;
     }
-    const Ce = {
-      ...b || {},
+    const xe = {
+      ...y || {},
       width: o || "100%"
     };
-    return /* @__PURE__ */ n(
-      le,
+    return /* @__PURE__ */ r(
+      de,
       {
         className: g,
-        style: Ce,
+        style: xe,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: s,
         formLayout: t,
-        labelSize: l,
-        labelAlignment: c,
-        labelOptionalText: i,
+        labelSize: n,
+        labelAlignment: i,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: m,
-        assistiveText: $,
+        assistiveText: N,
         assistiveWithIcon: _,
         error: u,
-        required: f,
+        required: b,
         withAsterisk: C,
-        id: h,
+        id: $,
         readOnly: v,
-        readOnlyComponent: R,
-        emptyValueComponent: W,
+        readOnlyComponent: B,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? String(x) : k ? String(k) : void 0,
+        readOnlyValue: T !== void 0 ? String(T) : R ? String(R) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ n(
-            mt,
+          /* @__PURE__ */ r(
+            Lt,
             {
               ref: a,
-              classNames: O,
-              disabled: A,
-              value: x,
-              defaultValue: k,
-              data: z || [],
+              classNames: k,
+              disabled: S,
+              value: T,
+              defaultValue: R,
+              data: M || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": A ? "true" : void 0,
+                "data-disabled": S ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
               ...w
@@ -1211,211 +1217,209 @@ const Hn = (r) => /* @__PURE__ */ n("div", { ...r, children: "DatePicker" }), Es
     );
   }
 );
-qs.displayName = "Dropdown";
-const Zn = (r) => /* @__PURE__ */ n("div", { ...r, children: "FileInput" }), Un = (r) => /* @__PURE__ */ n("div", { ...r, children: "FileUpload" }), Hs = "Flex-module__root___yYser", be = {
-  root: Hs
-}, uo = y(function({ children: e, gap: a = "rec-default", ...s }, t) {
-  const o = {
-    root: be.root
-  }, l = s.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const d = l;
-    o.root = d.root ? `${be.root} ${d.root}` : be.root;
+ma.displayName = "Dropdown";
+const jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Dn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), _a = "Flex-module__root___yYser", ve = {
+  root: _a
+}, wo = h(function({ children: e, gap: a = "rec-default", rowGap: s, columnGap: t, ...o }, n) {
+  const i = {
+    root: ve.root
+  }, c = o.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const m = c;
+    i.root = m.root ? `${ve.root} ${m.root}` : ve.root;
   }
-  const c = s.className, i = c ? `${be.root} ${c}` : be.root;
-  return /* @__PURE__ */ n(
-    _t,
+  const d = o.className, p = d ? `${ve.root} ${d}` : ve.root;
+  return /* @__PURE__ */ r(
+    It,
     {
-      ref: t,
-      className: i,
-      classNames: o,
-      gap: a,
-      ...s,
+      ref: n,
+      className: p,
+      classNames: i,
+      ...Ue({ gap: a, rowGap: s, columnGap: t, ...o }),
       children: e
     }
   );
 });
-uo.displayName = "Flex";
-const Yn = X(uo), Zs = "Group-module__root___ftO64", ye = {
-  root: Zs
-}, Us = y(function({ children: e, gap: a = "rec-default", ...s }, t) {
+wo.displayName = "Flex";
+const Vn = Y(wo), ua = "Group-module__root___ftO64", Ce = {
+  root: ua
+}, ba = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
-    root: ye.root
-  }, l = s.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const d = l;
-    o.root = d.root ? `${ye.root} ${d.root}` : ye.root;
+    root: Ce.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;
   }
-  const c = s.className, i = c ? `${ye.root} ${c}` : ye.root;
-  return /* @__PURE__ */ n(
-    ut,
+  const i = s.className, c = i ? `${Ce.root} ${i}` : Ce.root;
+  return /* @__PURE__ */ r(
+    Ot,
     {
       ref: t,
-      className: i,
+      className: c,
       classNames: o,
-      gap: a,
-      ...s,
+      ...Ue({ gap: a, ...s }),
       children: e
     }
   );
 });
-Us.displayName = "Group";
-const Ys = "HoverCard-module__dropdown___FBPFW", Ks = "HoverCard-module__arrow___S9AkE", He = {
-  dropdown: Ys,
-  arrow: Ks
-}, bo = function({
+ba.displayName = "Group";
+const ya = "HoverCard-module__dropdown___FBPFW", fa = "HoverCard-module__arrow___S9AkE", oo = {
+  dropdown: ya,
+  arrow: fa
+}, To = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
-  const t = N(s, e), o = {
-    dropdown: He.dropdown,
-    arrow: He.arrow
-  }, l = t.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
+  const t = f(s, e), o = {
+    dropdown: oo.dropdown,
+    arrow: oo.arrow
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const p = n;
     Object.keys(p).forEach((m) => {
       o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
     });
   }
-  const c = t.arrowSize ?? 16, i = t.withArrow;
-  return /* @__PURE__ */ n(
-    Fe,
+  const i = t.arrowSize ?? 16, c = t.withArrow;
+  return /* @__PURE__ */ r(
+    Ge,
     {
       position: "top",
-      arrowSize: c,
-      withArrow: a ?? i,
+      arrowSize: i,
+      withArrow: a ?? c,
       classNames: o,
       ...t
     }
   );
 };
-bo.displayName = "HoverCard";
-const yo = function(e) {
-  return /* @__PURE__ */ n(Fe.Target, { ...e });
+To.displayName = "HoverCard";
+const xo = function(e) {
+  return /* @__PURE__ */ r(Ge.Target, { ...e });
 };
-yo.displayName = "HoverCardTarget";
-const No = function({
+xo.displayName = "HoverCardTarget";
+const So = function({
   overStyled: e = !1,
   ...a
 }) {
-  const s = N(a, e), t = s.className;
-  return /* @__PURE__ */ n(
-    Fe.Dropdown,
+  const s = f(a, e), t = s.className;
+  return /* @__PURE__ */ r(
+    Ge.Dropdown,
     {
       className: t,
       ...s
     }
   );
 };
-No.displayName = "HoverCardDropdown";
-const ho = bo;
-ho.Target = yo;
-ho.Dropdown = No;
-const Qs = "Link-module__root___I0VGE", Js = "Link-module__iconWrapper___W-LlF", Xs = "Link-module__labelText___wSvUy", ie = {
-  root: Qs,
-  iconWrapper: Js,
-  labelText: Xs
-}, fo = y(function({ icon: e, children: a, overStyled: s = !1, ...t }, o) {
-  const l = N(t, s), c = l, i = {
-    root: ie.root
-  }, d = c.classNames;
+So.displayName = "HoverCardDropdown";
+const Ao = To;
+Ao.Target = xo;
+Ao.Dropdown = So;
+const Na = "Link-module__root___I0VGE", ha = "Link-module__iconWrapper___W-LlF", $a = "Link-module__labelText___wSvUy", _e = {
+  root: Na,
+  iconWrapper: ha,
+  labelText: $a
+}, Wo = 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;
   if (d && typeof d == "object" && !Array.isArray(d)) {
-    const $ = d;
-    i.root = $.root ? `${ie.root} ${$.root}` : ie.root;
+    const N = d;
+    c.root = N.root ? `${_e.root} ${N.root}` : _e.root;
   }
-  const p = c.className, m = p ? `${ie.root} ${p}` : ie.root;
-  return /* @__PURE__ */ M(
-    bt,
+  const p = i.className, m = p ? `${_e.root} ${p}` : _e.root;
+  return /* @__PURE__ */ z(
+    zt,
     {
       ref: o,
       className: m,
-      classNames: i,
+      classNames: c,
       underline: "never",
       ...e ? { "data-has-icon": "" } : {},
-      ...l,
+      ...n,
       children: [
-        e && /* @__PURE__ */ n("span", { className: ie.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ n("span", { className: ie.labelText, children: a })
+        e && /* @__PURE__ */ r("span", { className: _e.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ r("span", { className: _e.labelText, children: a })
       ]
     }
   );
 });
-fo.displayName = "Link";
-const Kn = X(fo), ea = "Loader-module__root___6iYOP", Ne = {
-  root: ea
-}, oa = y(function({ variant: e = "oval", size: a = "default", overStyled: s = !1, ...t }, o) {
-  const c = {
+Wo.displayName = "Link";
+const Gn = Y(Wo), va = "Loader-module__root___6iYOP", ge = {
+  root: va
+}, Ca = 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", i = N(t, s), d = {
-    root: Ne.root
-  }, p = i.classNames;
+  }[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 ? `${Ne.root} ${_.root}` : Ne.root;
+    d.root = _.root ? `${ge.root} ${_.root}` : ge.root;
   }
-  const m = i.className, $ = m ? `${Ne.root} ${m}` : Ne.root;
-  return /* @__PURE__ */ n(
-    yt,
+  const m = c.className, N = m ? `${ge.root} ${m}` : ge.root;
+  return /* @__PURE__ */ r(
+    Rt,
     {
       ref: o,
       type: e,
       "data-variant": e,
-      "data-size": c,
-      ...i,
-      className: $,
+      "data-size": i,
+      ...c,
+      className: N,
       classNames: d
     }
   );
 });
-oa.displayName = "Loader";
-const ta = "Menu-module__dropdown___j4xuA", sa = "Menu-module__item___NMXha", aa = "Menu-module__itemLabel___zvcqC", na = "Menu-module__itemSection___pRIcn", ra = "Menu-module__divider___wPiNq", la = "Menu-module__label___4FBGa", ca = "Menu-module__chevron___hEEiy", de = {
-  dropdown: ta,
-  item: sa,
-  itemLabel: aa,
-  itemSection: na,
-  divider: ra,
-  label: la,
-  chevron: ca
-}, $o = function({ overStyled: e = !1, ...a }) {
-  const s = N(a, e), t = {
-    dropdown: de.dropdown,
-    item: de.item,
-    itemLabel: de.itemLabel,
-    itemSection: de.itemSection,
-    divider: de.divider,
-    label: de.label,
-    chevron: de.chevron
+Ca.displayName = "Loader";
+const ga = "Menu-module__dropdown___j4xuA", Pa = "Menu-module__item___NMXha", wa = "Menu-module__itemLabel___zvcqC", Ta = "Menu-module__itemSection___pRIcn", xa = "Menu-module__divider___wPiNq", Sa = "Menu-module__label___4FBGa", Aa = "Menu-module__chevron___hEEiy", ue = {
+  dropdown: ga,
+  item: Pa,
+  itemLabel: wa,
+  itemSection: Ta,
+  divider: xa,
+  label: Sa,
+  chevron: Aa
+}, Lo = function({ overStyled: e = !1, ...a }) {
+  const s = f(a, e), t = {
+    dropdown: ue.dropdown,
+    item: ue.item,
+    itemLabel: ue.itemLabel,
+    itemSection: ue.itemSection,
+    divider: ue.divider,
+    label: ue.label,
+    chevron: ue.chevron
   }, o = s.classNames;
   if (o && typeof o == "object" && !Array.isArray(o)) {
-    const l = o;
-    Object.keys(l).forEach((c) => {
-      t[c] ? t[c] = `${t[c]} ${l[c]}` : t[c] = l[c];
+    const n = o;
+    Object.keys(n).forEach((i) => {
+      t[i] ? t[i] = `${t[i]} ${n[i]}` : t[i] = n[i];
     });
   }
-  return /* @__PURE__ */ n(
-    U,
+  return /* @__PURE__ */ r(
+    K,
     {
       classNames: t,
       ...s
     }
   );
 };
-$o.displayName = "Menu";
-const vo = function(e) {
-  return /* @__PURE__ */ n(U.Target, { ...e });
+Lo.displayName = "Menu";
+const Io = function(e) {
+  return /* @__PURE__ */ r(K.Target, { ...e });
 };
-vo.displayName = "MenuTarget";
-const Co = y(
+Io.displayName = "MenuTarget";
+const Oo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      U.Dropdown,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      K.Dropdown,
       {
         ref: s,
         className: o,
@@ -1424,28 +1428,28 @@ const Co = y(
     );
   }
 );
-Co.displayName = "MenuDropdown";
-const go = y(
+Oo.displayName = "MenuDropdown";
+const zo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t;
+    const t = f(a, e), o = t;
     e || delete o.color;
-    const l = o.className;
-    return /* @__PURE__ */ n(
-      U.Item,
+    const n = o.className;
+    return /* @__PURE__ */ r(
+      K.Item,
       {
         ref: s,
-        className: l,
+        className: n,
         ...t
       }
     );
   }
 );
-go.displayName = "MenuItem";
-const ia = X(go), Po = y(
+zo.displayName = "MenuItem";
+const Wa = Y(zo), Ro = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      U.Divider,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      K.Divider,
       {
         ref: s,
         className: o,
@@ -1454,11 +1458,11 @@ const ia = X(go), Po = y(
     );
   }
 );
-Po.displayName = "MenuDivider";
-const wo = y(function({ overStyled: e = !1, ...a }, s) {
-  const t = N(a, e), o = t.className;
-  return /* @__PURE__ */ n(
-    U.Label,
+Ro.displayName = "MenuDivider";
+const ko = h(function({ overStyled: e = !1, ...a }, s) {
+  const t = f(a, e), o = t.className;
+  return /* @__PURE__ */ r(
+    K.Label,
     {
       ref: s,
       className: o,
@@ -1466,38 +1470,38 @@ const wo = y(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-wo.displayName = "MenuLabel";
-const xo = function(e) {
-  return /* @__PURE__ */ n(U.Sub, { ...e });
+ko.displayName = "MenuLabel";
+const Mo = function(e) {
+  return /* @__PURE__ */ r(K.Sub, { ...e });
 };
-xo.displayName = "MenuSub";
-const So = function(e) {
-  return /* @__PURE__ */ n(U.Sub.Target, { ...e });
+Mo.displayName = "MenuSub";
+const Bo = function(e) {
+  return /* @__PURE__ */ r(K.Sub.Target, { ...e });
 };
-So.displayName = "MenuSubTarget";
-const Ao = y(
+Bo.displayName = "MenuSubTarget";
+const Fo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t;
+    const t = f(a, e), o = t;
     e || delete o.color;
-    const l = o.className;
-    return /* @__PURE__ */ n(
-      U.Sub.Item,
+    const n = o.className;
+    return /* @__PURE__ */ r(
+      K.Sub.Item,
       {
         ref: s,
-        className: l,
+        className: n,
         ...t
       }
     );
   }
 );
-Ao.displayName = "MenuSubItem";
-const da = X(
-  Ao
-), Wo = y(
+Fo.displayName = "MenuSubItem";
+const La = Y(
+  Fo
+), Eo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
-    return /* @__PURE__ */ n(
-      U.Sub.Dropdown,
+    const t = f(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      K.Sub.Dropdown,
       {
         ref: s,
         className: o,
@@ -1506,112 +1510,228 @@ const da = X(
     );
   }
 );
-Wo.displayName = "MenuSubDropdown";
-const ke = xo;
-ke.Target = So;
-ke.Item = da;
-ke.Dropdown = Wo;
-const _e = $o;
-_e.Target = vo;
-_e.Dropdown = Co;
-_e.Item = ia;
-_e.Divider = Po;
-_e.Label = wo;
-_e.Sub = ke;
-const Qn = (r) => /* @__PURE__ */ n("div", { ...r, children: "Modal" }), pa = "NumberInput-module__root___C6rAn", ma = "NumberInput-module__input___Ss8p7", _a = "NumberInput-module__section___MijP0", ua = "NumberInput-module__controls___8UfQ2", ba = "NumberInput-module__control___Qre9-", he = {
-  root: pa,
-  input: ma,
-  section: _a,
-  controls: ua,
-  control: ba
-}, ya = y(
+Eo.displayName = "MenuSubDropdown";
+const Fe = Mo;
+Fe.Target = Bo;
+Fe.Item = La;
+Fe.Dropdown = Eo;
+const he = Lo;
+he.Target = Io;
+he.Dropdown = Oo;
+he.Item = Wa;
+he.Divider = Ro;
+he.Label = ko;
+he.Sub = Fe;
+const Ia = "Modal-module__root___ytPLl", Oa = "Modal-module__inner___SSUJE", za = "Modal-module__content___dWO-B", Ra = "Modal-module__header___ILG9i", ka = "Modal-module__title___A5OeE recursica_brand_typography_h2", Ma = "Modal-module__bodyWrapper___5CCL-", Ba = "Modal-module__scrollArea___KD-hm recursica_brand_typography_body", Fa = "Modal-module__footer___rro2w", Ea = "Modal-module__close___-ER1C", ee = {
+  root: Ia,
+  inner: Oa,
+  content: za,
+  header: Ra,
+  title: ka,
+  bodyWrapper: Ma,
+  scrollArea: Ba,
+  footer: Fa,
+  close: Ea
+}, jo = L.forwardRef(function({
+  overStyled: e = !1,
+  children: a,
+  title: s,
+  withCloseButton: t = !0,
+  overlayProps: o,
+  withOverlay: n = !0,
+  closeButtonProps: i,
+  ...c
+}, d) {
+  const p = f(c, e), m = {
+    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];
+    });
+  }
+  return /* @__PURE__ */ z(
+    G.Root,
+    {
+      ref: d,
+      classNames: m,
+      ...p,
+      children: [
+        n && /* @__PURE__ */ r(G.Overlay, { ...o }),
+        /* @__PURE__ */ z(G.Content, { children: [
+          (s || t) && /* @__PURE__ */ z(G.Header, { children: [
+            s && /* @__PURE__ */ r(G.Title, { children: s }),
+            t && /* @__PURE__ */ r(G.CloseButton, { ...i })
+          ] }),
+          /* @__PURE__ */ r(Je, { children: a })
+        ] })
+      ]
+    }
+  );
+});
+jo.displayName = "Modal";
+const Qe = L.forwardRef(function({ className: e, ...a }, s) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: s,
+      className: `${ee.footer} ${e || ""}`,
+      ...a
+    }
+  );
+});
+Qe.displayName = "Modal.Footer";
+const Je = 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(() => {
+    if (n.current) {
+      const { scrollTop: b, scrollHeight: C, clientHeight: $ } = n.current;
+      c(b > 0), p(Math.ceil(b + $) < C);
+    }
+  }, []);
+  L.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, s]);
+  const N = (b) => {
+    m(), a == null || a(b);
+  };
+  let _ = null;
+  const u = [];
+  return L.Children.forEach(s, (b) => {
+    var C;
+    L.isValidElement(b) && (b.type === Qe || ((C = b.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? _ = b : u.push(b);
+  }), /* @__PURE__ */ z(
+    G.Body,
+    {
+      ...t,
+      ref: (b) => {
+        typeof o == "function" ? o(b) : o && (o.current = b);
+      },
+      className: `${ee.bodyWrapper} ${e || ""}`,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: n,
+            onScroll: N,
+            "data-scrolled-top": i || void 0,
+            "data-scrolled-bottom": d || void 0,
+            className: ee.scrollArea,
+            children: u
+          }
+        ),
+        _
+      ]
+    }
+  );
+});
+Je.displayName = "Modal.Body";
+const pe = jo;
+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 = Je;
+pe.Footer = Qe;
+const ja = "NumberInput-module__root___C6rAn", Da = "NumberInput-module__input___Ss8p7", Va = "NumberInput-module__section___MijP0", Ga = "NumberInput-module__controls___8UfQ2", qa = "NumberInput-module__control___Qre9-", Pe = {
+  root: ja,
+  input: Da,
+  section: Va,
+  controls: Ga,
+  control: qa
+}, Ha = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: $,
+      assistiveWithIcon: N,
       error: _,
       required: u,
-      withAsterisk: f,
+      withAsterisk: b,
       id: C,
-      className: h,
+      className: $,
       style: g,
-      disabled: b,
-      readOnly: A,
+      disabled: y,
+      readOnly: S,
       readOnlyComponent: v,
-      emptyValueComponent: R,
-      value: W,
-      defaultValue: x,
-      hideControls: k = !1,
-      ...z
-    } = e, L = N(z, s), w = L;
+      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: he.root,
+      wrapper: Pe.root,
       // The nested Input internal relative wrapper bounding box
-      input: he.input,
-      section: he.section,
-      controls: he.controls,
-      control: he.control
+      input: Pe.input,
+      section: Pe.section,
+      controls: Pe.controls,
+      control: Pe.control
     };
-    return /* @__PURE__ */ n(
-      le,
+    return /* @__PURE__ */ r(
+      de,
       {
-        className: h,
+        className: $,
         style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: s,
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: $,
+        assistiveWithIcon: N,
         error: _,
         required: u,
-        withAsterisk: f,
+        withAsterisk: b,
         id: C,
-        readOnly: A,
+        readOnly: S,
         readOnlyComponent: v,
-        emptyValueComponent: R,
+        emptyValueComponent: B,
         readOnlyType: "text",
-        readOnlyValue: W !== void 0 ? W == null ? void 0 : W.toString() : x == null ? void 0 : x.toString(),
+        readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : T == null ? void 0 : T.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ n(
-            Nt,
+          /* @__PURE__ */ r(
+            kt,
             {
               ref: a,
               classNames: P,
-              disabled: b,
-              value: W,
-              defaultValue: x,
-              hideControls: k,
+              disabled: y,
+              value: A,
+              defaultValue: T,
+              hideControls: R,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "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 || !k ? "true" : void 0
+                "data-with-right-section": w.rightSection || !R ? "true" : void 0
               },
-              ...L
+              ...W
             }
           )
         )
@@ -1619,64 +1739,64 @@ const Qn = (r) => /* @__PURE__ */ n("div", { ...r, children: "Modal" }), pa = "N
     );
   }
 );
-ya.displayName = "NumberInput";
-const Na = "Pagination-module__root___ITRjt", ha = "Pagination-module__control___40yNT", fa = "Pagination-module__dots___Yl9da", $a = "Pagination-module__iconWithLabel___pLM4O", va = "Pagination-module__baseIcon___Qw3bJ", F = {
-  root: Na,
-  control: ha,
-  dots: fa,
-  iconWithLabel: $a,
-  baseIcon: va
-}, Ca = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", ga = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Pa = "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", wa = "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", xa = {
-  next: Ca,
-  prev: ga,
-  first: Pa,
-  last: wa
-}, ve = ({
-  type: r,
+Ha.displayName = "NumberInput";
+const Ua = "Pagination-module__root___ITRjt", Za = "Pagination-module__control___40yNT", Ya = "Pagination-module__dots___Yl9da", Ka = "Pagination-module__iconWithLabel___pLM4O", Qa = "Pagination-module__baseIcon___Qw3bJ", F = {
+  root: Ua,
+  control: Za,
+  dots: Ya,
+  iconWithLabel: Ka,
+  baseIcon: Qa
+}, Ja = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Xa = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", er = "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", or = "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", tr = {
+  next: Ja,
+  prev: Xa,
+  first: er,
+  last: or
+}, Te = ({
+  type: l,
   className: e,
   ...a
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ r(
   "svg",
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     className: `${F.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ n("path", { d: xa[r], fill: "currentColor" })
+    children: /* @__PURE__ */ r("path", { d: tr[l], fill: "currentColor" })
   }
-), Lo = (r) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ n("span", { children: "Next" }),
-  /* @__PURE__ */ n(ve, { type: "next", ...r })
-] }), To = (r) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ n(ve, { type: "prev", ...r }),
-  /* @__PURE__ */ n("span", { children: "Prev" })
-] }), Io = (r) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ n(ve, { type: "first", ...r }),
-  /* @__PURE__ */ n("span", { children: "First" })
-] }), ko = (r) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ n("span", { children: "Last" }),
-  /* @__PURE__ */ n(ve, { type: "last", ...r })
+), Do = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+  /* @__PURE__ */ r("span", { children: "Next" }),
+  /* @__PURE__ */ r(Te, { type: "next", ...l })
+] }), Vo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+  /* @__PURE__ */ r(Te, { type: "prev", ...l }),
+  /* @__PURE__ */ r("span", { children: "Prev" })
+] }), Go = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+  /* @__PURE__ */ r(Te, { type: "first", ...l }),
+  /* @__PURE__ */ r("span", { children: "First" })
+] }), qo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+  /* @__PURE__ */ r("span", { children: "Last" }),
+  /* @__PURE__ */ r(Te, { type: "last", ...l })
 ] });
-function Oo(r) {
+function Ho(l) {
   const e = {
     root: F.root,
     control: F.control,
     dots: F.dots
-  }, a = r.classNames;
+  }, a = l.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
     const o = a;
     e.root = o.root ? `${F.root} ${o.root}` : F.root, e.control = o.control ? `${F.control} ${o.control}` : F.control, e.dots = o.dots ? `${F.dots} ${o.dots}` : F.dots;
   }
-  const s = r.className;
+  const s = l.className;
   return { className: s ? `${F.root} ${s}` : F.root, classNames: e };
 }
-const zo = y(
+const Uo = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = Oo(
+    const t = f(a, e), o = Ho(
       t
     );
-    return /* @__PURE__ */ n(
-      ee.Root,
+    return /* @__PURE__ */ r(
+      te.Root,
       {
         ref: s,
         className: o.className,
@@ -1686,11 +1806,11 @@ const zo = y(
     );
   }
 );
-zo.displayName = "Pagination.Root";
-const Ro = y(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Lo : void 0);
-  return /* @__PURE__ */ n(
-    ee.Next,
+Uo.displayName = "Pagination.Root";
+const Zo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Do : void 0);
+  return /* @__PURE__ */ r(
+    te.Next,
     {
       ref: t,
       "data-variant": "text",
@@ -1699,11 +1819,11 @@ const Ro = y(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Ro.displayName = "Pagination.Next";
-const Mo = y(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? To : void 0);
-  return /* @__PURE__ */ n(
-    ee.Previous,
+Zo.displayName = "Pagination.Next";
+const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Vo : void 0);
+  return /* @__PURE__ */ r(
+    te.Previous,
     {
       ref: t,
       "data-variant": "text",
@@ -1712,11 +1832,11 @@ const Mo = y(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Mo.displayName = "Pagination.Previous";
-const Fo = y(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Io : void 0);
-  return /* @__PURE__ */ n(
-    ee.First,
+Yo.displayName = "Pagination.Previous";
+const Ko = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Go : void 0);
+  return /* @__PURE__ */ r(
+    te.First,
     {
       ref: t,
       "data-variant": "text",
@@ -1725,11 +1845,11 @@ const Fo = y(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Fo.displayName = "Pagination.First";
-const Bo = y(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? ko : void 0);
-  return /* @__PURE__ */ n(
-    ee.Last,
+Ko.displayName = "Pagination.First";
+const Qo = h(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? qo : void 0);
+  return /* @__PURE__ */ r(
+    te.Last,
     {
       ref: t,
       "data-variant": "text",
@@ -1738,178 +1858,230 @@ const Bo = y(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Bo.displayName = "Pagination.Last";
-const Eo = y(
+Qo.displayName = "Pagination.Last";
+const Jo = h(
   function({ overStyled: e = !1, getControlProps: a, withLabels: s, ...t }, o) {
-    const l = N(t, e), c = Oo(
-      l
-    ), i = (p) => {
+    const n = f(t, e), i = Ho(
+      n
+    ), c = (p) => {
       const m = { "data-variant": "text" };
       return a ? { ...m, ...a(p) } : m;
     }, d = s ? {
-      nextIcon: Lo,
-      previousIcon: To,
-      firstIcon: Io,
-      lastIcon: ko
+      nextIcon: Do,
+      previousIcon: Vo,
+      firstIcon: Go,
+      lastIcon: qo
     } : {};
-    return /* @__PURE__ */ n(
-      ee,
+    return /* @__PURE__ */ r(
+      te,
       {
         ref: o,
-        className: c.className,
-        classNames: c.classNames,
-        getControlProps: i,
+        className: i.className,
+        classNames: i.classNames,
+        getControlProps: c,
         ...d,
-        ...l
+        ...n
       }
     );
   }
 );
-Eo.displayName = "Pagination";
-const te = Eo;
-te.Root = zo;
-te.Items = ee.Items;
-te.Control = ee.Control;
-te.Dots = ee.Dots;
-te.Next = Ro;
-te.Previous = Mo;
-te.First = Fo;
-te.Last = Bo;
-te.Icon = ve;
-const Sa = "Panel-module__content___wdGo-", Aa = "Panel-module__inner___ruA2b", Wa = "Panel-module__header___o7SiC", La = "Panel-module__title___181OP recursica_brand_typography_h3", Ta = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", Ia = "Panel-module__body___SEC3T", ka = "Panel-module__footer___t6-hz", ne = {
-  content: Sa,
-  inner: Aa,
-  header: Wa,
-  title: La,
-  titleTruncate: Ta,
-  body: Ia,
-  footer: ka
-}, jo = function({
+Jo.displayName = "Pagination";
+const ae = Jo;
+ae.Root = Uo;
+ae.Items = te.Items;
+ae.Control = te.Control;
+ae.Dots = te.Dots;
+ae.Next = Zo;
+ae.Previous = Yo;
+ae.First = Ko;
+ae.Last = Qo;
+ae.Icon = Te;
+const sr = "Panel-module__content___wdGo-", ar = "Panel-module__inner___ruA2b", rr = "Panel-module__header___o7SiC", nr = "Panel-module__title___181OP recursica_brand_typography_h3", lr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", ir = "Panel-module__body___SEC3T", cr = "Panel-module__footer___t6-hz", ie = {
+  content: sr,
+  inner: ar,
+  header: rr,
+  title: nr,
+  titleTruncate: lr,
+  body: ir,
+  footer: cr
+}, Xo = function({
   overStyled: e = !1,
   position: a = "right",
   keepMounted: s = !0,
   wrapHeaderText: t = !1,
   ...o
 }) {
-  const l = N(o, e), c = {
-    content: ne.content,
-    header: ne.header,
-    title: t ? ne.titleTruncate : ne.title,
-    body: ne.body,
-    inner: ne.inner
-  }, i = l.classNames;
-  if (i && typeof i == "object" && !Array.isArray(i)) {
-    const d = i;
+  const n = f(o, e), i = {
+    content: ie.content,
+    header: ie.header,
+    title: t ? ie.titleTruncate : ie.title,
+    body: ie.body,
+    inner: ie.inner
+  }, c = n.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const d = c;
     Object.keys(d).forEach((p) => {
-      c[p] ? c[p] = `${c[p]} ${d[p]}` : c[p] = d[p];
+      i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
     });
   }
-  return /* @__PURE__ */ n(
-    oe,
+  return /* @__PURE__ */ r(
+    se,
     {
       position: a,
       keepMounted: s,
       closeOnClickOutside: o.closeOnClickOutside ?? !!o.opened,
-      ...l,
-      classNames: c
+      ...n,
+      classNames: i
     }
   );
 };
-jo.displayName = "Panel";
-const Do = y(
+Xo.displayName = "Panel";
+const et = h(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className, l = o ? `${ne.footer} ${o}` : ne.footer;
-    return /* @__PURE__ */ n("div", { ref: s, className: l, ...t });
+    const t = f(a, e), o = t.className, n = o ? `${ie.footer} ${o}` : ie.footer;
+    return /* @__PURE__ */ r("div", { ref: s, className: n, ...t });
   }
 );
-Do.displayName = "PanelFooter";
-const se = jo;
-se.Root = oe.Root;
-se.Overlay = oe.Overlay;
-se.Content = oe.Content;
-se.Header = oe.Header;
-se.Title = oe.Title;
-se.CloseButton = oe.CloseButton;
-se.Body = oe.Body;
-se.Stack = oe.Stack;
-se.Footer = Do;
-const Oa = "Radio-module__groupRoot___bfUii", za = "Radio-module__root___kAjTD", Ra = "Radio-module__body___q2Wpj", Ma = "Radio-module__inner___QaTBB", Fa = "Radio-module__radio___MfgN-", Ba = "Radio-module__icon___DWznm", Ea = "Radio-module__labelWrapper___dB0Gi", ja = "Radio-module__label___vAFIP", I = {
-  groupRoot: Oa,
-  root: za,
-  body: Ra,
-  inner: Ma,
-  radio: Fa,
-  icon: Ba,
-  labelWrapper: Ea,
-  label: ja
-}, Vo = y(
+et.displayName = "PanelFooter";
+const re = Xo;
+re.Root = se.Root;
+re.Overlay = se.Overlay;
+re.Content = se.Content;
+re.Header = se.Header;
+re.Title = se.Title;
+re.CloseButton = se.CloseButton;
+re.Body = se.Body;
+re.Stack = se.Stack;
+re.Footer = et;
+const dr = "Popover-module__dropdown___svhS6", pr = "Popover-module__arrow___5A-0e", to = {
+  dropdown: dr,
+  arrow: pr
+}, ot = function({
+  overStyled: e = !1,
+  withBeak: a = !0,
+  ...s
+}) {
+  const t = f(s, e), o = {
+    dropdown: to.dropdown,
+    arrow: to.arrow
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const p = n;
+    Object.keys(p).forEach((m) => {
+      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
+    });
+  }
+  const i = t.arrowSize ?? 16, c = t.withArrow;
+  return /* @__PURE__ */ r(
+    qe,
+    {
+      position: "top",
+      arrowSize: i,
+      withArrow: a ?? c,
+      classNames: o,
+      ...t
+    }
+  );
+};
+ot.displayName = "Popover";
+const tt = function(e) {
+  return /* @__PURE__ */ r(qe.Target, { ...e });
+};
+tt.displayName = "PopoverTarget";
+const st = function({
+  overStyled: e = !1,
+  ...a
+}) {
+  const s = f(a, e), t = s.className;
+  return /* @__PURE__ */ r(
+    qe.Dropdown,
+    {
+      className: t,
+      ...s
+    }
+  );
+};
+st.displayName = "PopoverDropdown";
+const at = ot;
+at.Target = tt;
+at.Dropdown = st;
+const mr = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD", ur = "Radio-module__body___q2Wpj", br = "Radio-module__inner___QaTBB", yr = "Radio-module__radio___MfgN-", fr = "Radio-module__icon___DWznm", Nr = "Radio-module__labelWrapper___dB0Gi", hr = "Radio-module__label___vAFIP", O = {
+  groupRoot: mr,
+  root: _r,
+  body: ur,
+  inner: br,
+  radio: yr,
+  icon: fr,
+  labelWrapper: Nr,
+  label: hr
+}, rt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: $,
+      assistiveText: N,
       assistiveWithIcon: _,
       error: u,
-      required: f,
+      required: b,
       withAsterisk: C,
-      id: h,
+      id: $,
       className: g,
-      style: b,
-      children: A,
+      style: y,
+      children: S,
       readOnly: v,
-      readOnlyComponent: R,
-      emptyValueComponent: W,
-      value: x,
-      defaultValue: k,
-      ...z
-    } = e, L = N(z, s), w = L;
-    return delete w.size, /* @__PURE__ */ n(
-      le,
+      readOnlyComponent: B,
+      emptyValueComponent: A,
+      value: T,
+      defaultValue: R,
+      ...M
+    } = e, W = f(M, s), w = W;
+    return delete w.size, /* @__PURE__ */ r(
+      de,
       {
         className: g,
-        style: b,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: $,
+        assistiveText: N,
         assistiveWithIcon: _,
         error: u,
-        required: f,
+        required: b,
         withAsterisk: C,
-        id: h,
-        readOnly: v && !!R,
-        readOnlyComponent: R,
-        emptyValueComponent: W,
+        id: $,
+        readOnly: v && !!B,
+        readOnlyComponent: B,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : k,
+        readOnlyValue: T !== void 0 ? T : R,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ n(
-          Ke.Group,
+        activeComponent: /* @__PURE__ */ r(
+          no.Group,
           {
             ref: a,
-            ...L,
+            ...W,
             disabled: v || w.disabled,
-            value: x,
-            defaultValue: k,
-            children: /* @__PURE__ */ n("div", { className: I.groupRoot, "data-layout": t, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+            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) })
           }
@@ -1918,81 +2090,81 @@ const Oa = "Radio-module__groupRoot___bfUii", za = "Radio-module__root___kAjTD",
     );
   }
 );
-Vo.displayName = "RadioGroup";
-const Da = ({ className: r, style: e }) => /* @__PURE__ */ n(
+rt.displayName = "RadioGroup";
+const $r = ({ className: l, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: r,
+    className: l,
     style: e,
-    children: /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5" })
+    children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Go = y(
+), nt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       readOnly: t,
       readOnlyComponent: o,
-      disabled: l,
-      formLayout: c,
-      labelSize: i,
+      disabled: n,
+      formLayout: i,
+      labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, $ = N(m, s), _ = $;
+    } = 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,
-      radio: I.radio,
-      icon: I.icon,
-      labelWrapper: I.labelWrapper,
-      label: I.label
-    }, f = _.classNames;
-    if (f && typeof f == "object" && !Array.isArray(f)) {
-      const b = f;
-      u.root = b.root ? `${I.root} ${b.root}` : I.root, u.body = b.body ? `${I.body} ${b.body}` : I.body, u.inner = b.inner ? `${I.inner} ${b.inner}` : I.inner, u.radio = b.radio ? `${I.radio} ${b.radio}` : I.radio, u.icon = b.icon ? `${I.icon} ${b.icon}` : I.icon, u.labelWrapper = b.labelWrapper ? `${I.labelWrapper} ${b.labelWrapper}` : I.labelWrapper, u.label = b.label ? `${I.label} ${b.label}` : I.label;
+      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;
     }
-    const C = _.className, h = C ? `${I.root} ${C}` : I.root;
+    const C = _.className, $ = C ? `${O.root} ${C}` : O.root;
     if (t && o) {
-      const b = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ n(
+      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: b,
+          checked: y,
           label: _.label
         }
       );
-      return c ? /* @__PURE__ */ n(
-        re,
+      return i ? /* @__PURE__ */ r(
+        ce,
         {
-          formLayout: c,
-          labelSize: i,
+          formLayout: i,
+          labelSize: c,
           controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ n($e, { children: v });
+      ) : /* @__PURE__ */ r(Ne, { children: v });
     }
-    const g = /* @__PURE__ */ n(
-      Ke,
+    const g = /* @__PURE__ */ r(
+      no,
       {
         ref: a,
-        icon: Da,
-        className: h,
+        icon: $r,
+        className: $,
         classNames: u,
-        disabled: t || l,
-        ...$
+        disabled: t || n,
+        ...N
       }
     );
-    return c ? /* @__PURE__ */ n(
-      re,
+    return i ? /* @__PURE__ */ r(
+      ce,
       {
-        formLayout: c,
-        labelSize: i,
+        formLayout: i,
+        labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
         children: g
@@ -2000,239 +2172,238 @@ const Da = ({ className: r, style: e }) => /* @__PURE__ */ n(
     ) : g;
   }
 );
-Go.displayName = "Radio";
-Go.Group = Vo;
-const Va = ({ checked: r, label: e }) => /* @__PURE__ */ M(
-  Me,
+nt.displayName = "Radio";
+nt.Group = rt;
+const vr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
+  Ve,
   {
     component: "span",
-    className: Ae.textField,
+    className: ze.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ M("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ n("span", { children: r ? "On" : "Off" })
+      /* @__PURE__ */ r("span", { children: l ? "On" : "Off" })
     ]
   }
 );
-Va.displayName = "ReadOnlySwitchField";
-const Ga = ({ checked: r, label: e }) => /* @__PURE__ */ M(
-  Me,
+vr.displayName = "ReadOnlySwitchField";
+const Cr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
+  Ve,
   {
     component: "span",
-    className: Ae.textField,
+    className: ze.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ M("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ n("span", { children: r ? "True" : "False" })
+      /* @__PURE__ */ r("span", { children: l ? "True" : "False" })
     ]
   }
 );
-Ga.displayName = "ReadOnlyBooleanField";
-const qa = "SegmentedControl-module__root___JFRhg", Ha = "SegmentedControl-module__label___mS17q", Za = "SegmentedControl-module__control___znOdQ", Ua = "SegmentedControl-module__indicator___ZMcJy", D = {
-  root: qa,
-  label: Ha,
-  control: Za,
-  indicator: Ua
+Cr.displayName = "ReadOnlyBooleanField";
+const gr = "SegmentedControl-module__root___JFRhg", Pr = "SegmentedControl-module__label___mS17q", wr = "SegmentedControl-module__control___znOdQ", Tr = "SegmentedControl-module__indicator___ZMcJy", V = {
+  root: gr,
+  label: Pr,
+  control: wr,
+  indicator: Tr
 };
-function Ya(r) {
+function xr(l) {
   const e = {
-    root: D.root,
-    control: D.control,
-    label: D.label,
-    indicator: D.indicator
-  }, a = r.classNames;
+    root: V.root,
+    control: V.control,
+    label: V.label,
+    indicator: V.indicator
+  }, a = l.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
     const o = a;
-    e.root = o.root ? `${D.root} ${o.root}` : D.root, e.control = o.control ? `${D.control} ${o.control}` : D.control, e.label = o.label ? `${D.label} ${o.label}` : D.label, e.indicator = o.indicator ? `${D.indicator} ${o.indicator}` : D.indicator;
+    e.root = o.root ? `${V.root} ${o.root}` : V.root, e.control = o.control ? `${V.control} ${o.control}` : V.control, e.label = o.label ? `${V.label} ${o.label}` : V.label, e.indicator = o.indicator ? `${V.indicator} ${o.indicator}` : V.indicator;
   }
-  const s = r.className;
-  return { className: s ? `${D.root} ${s}` : D.root, classNames: e };
+  const s = l.className;
+  return { className: s ? `${V.root} ${s}` : V.root, classNames: e };
 }
-const qo = y(
+const lt = h(
   function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: s, ...t }, o) {
-    const l = N(t, e), c = Ya(
-      l
+    const n = f(t, e), i = xr(
+      n
     );
-    return /* @__PURE__ */ n(
-      ht,
+    return /* @__PURE__ */ r(
+      Mt,
       {
         ref: o,
-        className: c.className,
-        classNames: c.classNames,
+        className: i.className,
+        classNames: i.classNames,
         orientation: a,
         fullWidth: s,
         "data-orientation": a,
-        ...l
+        ...n
       }
     );
   }
 );
-qo.displayName = "SegmentedControl";
-const Jn = qo, Xn = (r) => /* @__PURE__ */ n("div", { ...r, children: "Slider" }), Ka = "Stack-module__root___NUN-x", fe = {
-  root: Ka
-}, Qa = y(function({ children: e, gap: a = "rec-default", ...s }, t) {
+lt.displayName = "SegmentedControl";
+const qn = lt, Hn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }), Sr = "Stack-module__root___NUN-x", we = {
+  root: Sr
+}, it = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
-    root: fe.root
-  }, l = s.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const d = l;
-    o.root = d.root ? `${fe.root} ${d.root}` : fe.root;
+    root: we.root
+  }, n = s.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const d = n;
+    o.root = d.root ? `${we.root} ${d.root}` : we.root;
   }
-  const c = s.className, i = c ? `${fe.root} ${c}` : fe.root;
-  return /* @__PURE__ */ n(
-    ft,
+  const i = s.className, c = i ? `${we.root} ${i}` : we.root;
+  return /* @__PURE__ */ r(
+    Bt,
     {
       ref: t,
-      className: i,
+      className: c,
       classNames: o,
-      gap: a,
-      ...s,
+      ...Ue({ gap: a, ...s }),
       children: e
     }
   );
 });
-Qa.displayName = "Stack";
-const Ja = "Stepper-module__root___jbSYO", Xa = "Stepper-module__horizontal___USHT1", en = "Stepper-module__steps___4HPO6", on = "Stepper-module__step___s2nqL", tn = "Stepper-module__stepBody___TBvys", sn = "Stepper-module__stepLabel___N6nuy", an = "Stepper-module__stepDescription___DnDAy", nn = "Stepper-module__separator___pU0No", rn = "Stepper-module__vertical___d4mOs", ln = "Stepper-module__large___J18-y", cn = "Stepper-module__small___Ub-zb", dn = "Stepper-module__stepIcon___YQHNq", pn = "Stepper-module__stepCompletedIcon___B9MeL", mn = "Stepper-module__verticalSeparator___frWc1", _n = "Stepper-module__content___J-h8X", j = {
-  root: Ja,
-  horizontal: Xa,
-  steps: en,
-  step: on,
-  stepBody: tn,
-  stepLabel: sn,
-  stepDescription: an,
-  separator: nn,
-  vertical: rn,
-  large: ln,
-  small: cn,
-  stepIcon: dn,
-  stepCompletedIcon: pn,
-  verticalSeparator: mn,
-  content: _n
-}, Ho = y(
+it.displayName = "Stack";
+const Un = Y(it), Ar = "Stepper-module__root___jbSYO", Wr = "Stepper-module__horizontal___USHT1", Lr = "Stepper-module__steps___4HPO6", Ir = "Stepper-module__step___s2nqL", Or = "Stepper-module__stepBody___TBvys", zr = "Stepper-module__stepLabel___N6nuy", Rr = "Stepper-module__stepDescription___DnDAy", kr = "Stepper-module__separator___pU0No", Mr = "Stepper-module__vertical___d4mOs", Br = "Stepper-module__large___J18-y", Fr = "Stepper-module__small___Ub-zb", Er = "Stepper-module__stepIcon___YQHNq", jr = "Stepper-module__stepCompletedIcon___B9MeL", Dr = "Stepper-module__verticalSeparator___frWc1", Vr = "Stepper-module__content___J-h8X", D = {
+  root: Ar,
+  horizontal: Wr,
+  steps: Lr,
+  step: Ir,
+  stepBody: Or,
+  stepLabel: zr,
+  stepDescription: Rr,
+  separator: kr,
+  vertical: Mr,
+  large: Br,
+  small: Fr,
+  stepIcon: Er,
+  stepCompletedIcon: jr,
+  verticalSeparator: Dr,
+  content: Vr
+}, ct = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       size: t = "large",
       orientation: o = "horizontal",
-      className: l,
-      style: c,
-      ...i
-    } = e, d = N(i, s);
-    return /* @__PURE__ */ n(
-      ze,
+      className: n,
+      style: i,
+      ...c
+    } = e, d = f(c, s);
+    return /* @__PURE__ */ r(
+      je,
       {
         ref: a,
         orientation: o,
-        className: `${j.root} ${o === "horizontal" ? j.horizontal : j.vertical} ${t === "large" ? j.large : j.small} ${l || ""}`,
-        style: c,
+        className: `${D.root} ${o === "horizontal" ? D.horizontal : D.vertical} ${t === "large" ? D.large : D.small} ${n || ""}`,
+        style: i,
         "data-size": t,
         "data-orientation": o,
         classNames: {
-          steps: j.steps,
-          step: j.step,
-          stepIcon: j.stepIcon,
-          stepCompletedIcon: j.stepCompletedIcon,
-          stepBody: j.stepBody,
-          stepLabel: j.stepLabel,
-          stepDescription: j.stepDescription,
-          separator: j.separator,
-          verticalSeparator: j.verticalSeparator,
-          content: j.content
+          steps: D.steps,
+          step: D.step,
+          stepIcon: D.stepIcon,
+          stepCompletedIcon: D.stepCompletedIcon,
+          stepBody: D.stepBody,
+          stepLabel: D.stepLabel,
+          stepDescription: D.stepDescription,
+          separator: D.separator,
+          verticalSeparator: D.verticalSeparator,
+          content: D.content
         },
         ...d
       }
     );
   }
-), er = Object.assign(Ho, {
-  Step: ze.Step,
-  Completed: ze.Completed
+), Zn = Object.assign(ct, {
+  Step: je.Step,
+  Completed: je.Completed
 });
-Ho.displayName = "Stepper";
-const un = "Switch-module__root___Y5Ydi", bn = "Switch-module__body___Sw9Wr", yn = "Switch-module__track___7ObdZ", Nn = "Switch-module__thumb___-FTeK", hn = "Switch-module__labelWrapper___YSOwx", fn = "Switch-module__label___LrH7V", $n = "Switch-module__thumbIconWrapper___sCY-1", vn = "Switch-module__checkIcon___ZBAQN", Cn = "Switch-module__closeIcon___bLLGw", gn = "Switch-module__groupRoot___-Uepi", S = {
-  root: un,
-  body: bn,
-  track: yn,
-  thumb: Nn,
-  labelWrapper: hn,
-  label: fn,
-  thumbIconWrapper: $n,
-  checkIcon: vn,
-  closeIcon: Cn,
-  groupRoot: gn
-}, Zo = y(
+ct.displayName = "Stepper";
+const Gr = "Switch-module__root___Y5Ydi", qr = "Switch-module__body___Sw9Wr", Hr = "Switch-module__track___7ObdZ", Ur = "Switch-module__thumb___-FTeK", Zr = "Switch-module__labelWrapper___YSOwx", Yr = "Switch-module__label___LrH7V", Kr = "Switch-module__thumbIconWrapper___sCY-1", Qr = "Switch-module__checkIcon___ZBAQN", Jr = "Switch-module__closeIcon___bLLGw", Xr = "Switch-module__groupRoot___-Uepi", x = {
+  root: Gr,
+  body: qr,
+  track: Hr,
+  thumb: Ur,
+  labelWrapper: Zr,
+  label: Yr,
+  thumbIconWrapper: Kr,
+  checkIcon: Qr,
+  closeIcon: Jr,
+  groupRoot: Xr
+}, dt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: $,
+      assistiveText: N,
       assistiveWithIcon: _,
       error: u,
-      required: f,
+      required: b,
       withAsterisk: C,
-      id: h,
+      id: $,
       className: g,
-      style: b,
-      children: A,
+      style: y,
+      children: S,
       readOnly: v,
-      readOnlyComponent: R,
-      emptyValueComponent: W,
-      value: x,
-      defaultValue: k,
-      ...z
-    } = e, L = N(z, s), w = L;
-    return delete w.size, /* @__PURE__ */ n(
-      le,
+      readOnlyComponent: B,
+      emptyValueComponent: A,
+      value: T,
+      defaultValue: R,
+      ...M
+    } = e, W = f(M, s), w = W;
+    return delete w.size, /* @__PURE__ */ r(
+      de,
       {
         className: g,
-        style: b,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: $,
+        assistiveText: N,
         assistiveWithIcon: _,
         error: u,
-        required: f,
+        required: b,
         withAsterisk: C,
-        id: h,
-        readOnly: v && !!R,
-        readOnlyComponent: R,
-        emptyValueComponent: W,
+        id: $,
+        readOnly: v && !!B,
+        readOnlyComponent: B,
+        emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : k,
+        readOnlyValue: T !== void 0 ? T : R,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ n(
-          Qe.Group,
+        activeComponent: /* @__PURE__ */ r(
+          lo.Group,
           {
             ref: a,
-            ...L,
+            ...W,
             disabled: v || w.disabled,
-            value: x,
-            defaultValue: k,
-            children: /* @__PURE__ */ n("div", { className: S.groupRoot, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+            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) })
           }
@@ -2241,38 +2412,38 @@ const un = "Switch-module__root___Y5Ydi", bn = "Switch-module__body___Sw9Wr", yn
     );
   }
 );
-Zo.displayName = "SwitchGroup";
-const Uo = y(
+dt.displayName = "SwitchGroup";
+const pt = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       readOnly: t,
       readOnlyComponent: o,
-      disabled: l,
-      thumbIcon: c,
-      formLayout: i,
+      disabled: n,
+      thumbIcon: i,
+      formLayout: c,
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: m,
-      ...$
-    } = e, _ = N($, s), u = _;
+      ...N
+    } = e, _ = f(N, s), u = _;
     delete u.size, delete u.color, delete u.radius, delete u.variant;
-    const f = {
-      root: S.root,
-      body: S.body,
-      track: S.track,
-      thumb: S.thumb,
-      trackLabel: S.trackLabel,
-      labelWrapper: S.labelWrapper,
-      label: S.label
+    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;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const v = C;
-      f.root = v.root ? `${S.root} ${v.root}` : S.root, f.body = v.body ? `${S.body} ${v.body}` : S.body, f.track = v.track ? `${S.track} ${v.track}` : S.track, f.thumb = v.thumb ? `${S.thumb} ${v.thumb}` : S.thumb, f.trackLabel = v.trackLabel ? `${S.trackLabel} ${v.trackLabel}` : S.trackLabel, f.labelWrapper = v.labelWrapper ? `${S.labelWrapper} ${v.labelWrapper}` : S.labelWrapper, f.label = v.label ? `${S.label} ${v.label}` : S.label;
+      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;
     }
-    const h = u.className, g = h ? `${S.root} ${h}` : S.root;
+    const $ = u.className, g = $ ? `${x.root} ${$}` : x.root;
     if (t && o) {
-      const v = !!(u.checked ?? u.defaultChecked), W = /* @__PURE__ */ n(
+      const v = !!(u.checked ?? u.defaultChecked), A = /* @__PURE__ */ r(
         o,
         {
           ...e,
@@ -2280,220 +2451,220 @@ const Uo = y(
           label: u.label
         }
       );
-      return i ? /* @__PURE__ */ n(
-        re,
+      return c ? /* @__PURE__ */ r(
+        ce,
         {
-          formLayout: i,
+          formLayout: c,
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: m,
-          children: W
+          children: A
         }
-      ) : /* @__PURE__ */ n($e, { children: W });
+      ) : /* @__PURE__ */ r(Ne, { children: A });
     }
-    const b = /* @__PURE__ */ M("div", { className: S.thumbIconWrapper, children: [
-      /* @__PURE__ */ n($t, { className: S.checkIcon }),
-      /* @__PURE__ */ n(vt, { className: S.closeIcon })
-    ] }), A = /* @__PURE__ */ n(
-      Qe,
+    const y = /* @__PURE__ */ z("div", { className: x.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(Ft, { className: x.checkIcon }),
+      /* @__PURE__ */ r(Et, { className: x.closeIcon })
+    ] }), S = /* @__PURE__ */ r(
+      lo,
       {
         ref: a,
         className: g,
-        classNames: f,
-        disabled: t || l,
-        thumbIcon: c ?? b,
+        classNames: b,
+        disabled: t || n,
+        thumbIcon: i ?? y,
         ..._
       }
     );
-    return i ? /* @__PURE__ */ n(
-      re,
+    return c ? /* @__PURE__ */ r(
+      ce,
       {
-        formLayout: i,
+        formLayout: c,
         labelSize: d,
         controlMaxWidth: p,
         controlMinWidth: m,
-        children: A
+        children: S
       }
-    ) : A;
+    ) : S;
   }
 );
-Uo.displayName = "Switch";
-Uo.Group = Zo;
-const or = (r) => /* @__PURE__ */ n("div", { ...r, children: "Table" }), Pn = "Tabs-module__root___-VKVI", wn = "Tabs-module__list___qRVME", xn = "Tabs-module__tab___IdDYc", Sn = "Tabs-module__panel___08i9c", Pe = {
-  root: Pn,
-  list: wn,
-  tab: xn,
-  panel: Sn
-}, Yo = y(function(e, a) {
+pt.displayName = "Switch";
+pt.Group = dt;
+const Yn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), en = "Tabs-module__root___-VKVI", on = "Tabs-module__list___qRVME", tn = "Tabs-module__tab___IdDYc", sn = "Tabs-module__panel___08i9c", Ae = {
+  root: en,
+  list: on,
+  tab: tn,
+  panel: sn
+}, mt = h(function(e, a) {
   const {
     variant: s = "default",
     orientation: t = "horizontal",
     overStyled: o = !1,
-    className: l,
-    ...c
-  } = e, i = N(c, o);
-  return /* @__PURE__ */ n(
-    Te,
+    className: n,
+    ...i
+  } = e, c = f(i, o);
+  return /* @__PURE__ */ r(
+    Me,
     {
       ref: a,
       variant: s,
       orientation: t,
-      className: `${Pe.root} ${l || ""}`,
+      className: `${Ae.root} ${n || ""}`,
       "data-variant": s,
       "data-orientation": t,
       classNames: {
-        list: Pe.list,
-        tab: Pe.tab,
-        panel: Pe.panel
+        list: Ae.list,
+        tab: Ae.tab,
+        panel: Ae.panel
       },
-      ...i
+      ...c
     }
   );
 });
-Yo.displayName = "Tabs";
-const Ko = y(
+mt.displayName = "Tabs";
+const _t = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
-    return /* @__PURE__ */ n(
-      Te.List,
+    return /* @__PURE__ */ r(
+      Me.List,
       {
         ref: a,
-        ...N(t, s)
+        ...f(t, s)
       }
     );
   }
 );
-Ko.displayName = "Tabs.List";
-const Qo = y(
+_t.displayName = "Tabs.List";
+const ut = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
-    return /* @__PURE__ */ n(
-      Te.Tab,
+    return /* @__PURE__ */ r(
+      Me.Tab,
       {
         ref: a,
-        ...N(t, s)
+        ...f(t, s)
       }
     );
   }
 );
-Qo.displayName = "Tabs.Tab";
-const Jo = y(
+ut.displayName = "Tabs.Tab";
+const bt = h(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
-    return /* @__PURE__ */ n(
-      Te.Panel,
+    return /* @__PURE__ */ r(
+      Me.Panel,
       {
         ref: a,
-        ...N(t, s)
+        ...f(t, s)
       }
     );
   }
 );
-Jo.displayName = "Tabs.Panel";
-const tr = Object.assign(Yo, {
-  List: Ko,
-  Tab: Qo,
-  Panel: Jo
-}), Xo = y(function({ overStyled: e = !1, variant: a = "body", ...s }, t) {
-  const o = N(s, e), l = o.className, c = `recursica_brand_typography_${a}`, i = l ? `${c} ${l}` : c;
-  return /* @__PURE__ */ n(
-    Ct,
+bt.displayName = "Tabs.Panel";
+const Kn = Object.assign(mt, {
+  List: _t,
+  Tab: ut,
+  Panel: bt
+}), yt = 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(
+    jt,
     {
       ref: t,
-      className: i,
+      className: c,
       ...o
     }
   );
 });
-Xo.displayName = "Text";
-const sr = X(Xo), An = "TextArea-module__root___3dyeu", Wn = "TextArea-module__input___8l36v", me = {
-  root: An,
-  input: Wn
-}, Ln = y(
+yt.displayName = "Text";
+const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__input___8l36v", fe = {
+  root: an,
+  input: rn
+}, nn = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: $,
+      assistiveWithIcon: N,
       error: _,
       required: u,
-      withAsterisk: f,
+      withAsterisk: b,
       id: C,
-      className: h,
+      className: $,
       style: g,
-      disabled: b,
-      readOnly: A,
+      disabled: y,
+      readOnly: S,
       readOnlyComponent: v,
-      emptyValueComponent: R,
-      value: W,
-      defaultValue: x,
-      ...k
-    } = e, z = N(k, s), L = z;
-    delete L.size, delete L.variant, delete L.radius;
+      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: me.root,
+      wrapper: fe.root,
       // The nested Input internal relative wrapper bounding box
-      input: me.input
-    }, P = L.classNames;
+      input: fe.input
+    }, P = W.classNames;
     if (P && typeof P == "object" && !Array.isArray(P)) {
-      const O = P;
-      w.wrapper = O.wrapper ? `${me.root} ${O.wrapper}` : me.root, w.input = O.input ? `${me.input} ${O.input}` : me.input;
+      const k = P;
+      w.wrapper = k.wrapper ? `${fe.root} ${k.wrapper}` : fe.root, w.input = k.input ? `${fe.input} ${k.input}` : fe.input;
     }
-    return /* @__PURE__ */ n(
-      le,
+    return /* @__PURE__ */ r(
+      de,
       {
-        className: h,
+        className: $,
         style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: $,
+        assistiveWithIcon: N,
         error: _,
         required: u,
-        withAsterisk: f,
+        withAsterisk: b,
         id: C,
-        readOnly: A,
+        readOnly: S,
         readOnlyComponent: v,
-        emptyValueComponent: R,
+        emptyValueComponent: B,
         readOnlyType: "text",
-        readOnlyValue: W !== void 0 ? W : x,
+        readOnlyValue: A !== void 0 ? A : T,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ n(
-            gt,
+          /* @__PURE__ */ r(
+            Dt,
             {
               ref: a,
               classNames: w,
-              disabled: b,
-              value: W,
-              defaultValue: x,
+              disabled: y,
+              value: A,
+              defaultValue: T,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": _ ? "true" : void 0
               },
-              ...z
+              ...M
             }
           )
         )
@@ -2501,92 +2672,92 @@ const sr = X(Xo), An = "TextArea-module__root___3dyeu", Wn = "TextArea-module__i
     );
   }
 );
-Ln.displayName = "TextArea";
-const Tn = "TextField-module__root___2ZYkG", In = "TextField-module__input___RL-My", kn = "TextField-module__section___bCIJ0", K = {
-  root: Tn,
-  input: In,
-  section: kn
-}, On = y(
+nn.displayName = "TextArea";
+const ln = "TextField-module__root___2ZYkG", cn = "TextField-module__input___RL-My", dn = "TextField-module__section___bCIJ0", J = {
+  root: ln,
+  input: cn,
+  section: dn
+}, pn = h(
   function(e, a) {
     const {
       overStyled: s = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
-      labelAlignment: l,
-      labelOptionalText: c,
-      labelWithEditIcon: i,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: $,
+      assistiveWithIcon: N,
       error: _,
       required: u,
-      withAsterisk: f,
+      withAsterisk: b,
       id: C,
-      className: h,
+      className: $,
       style: g,
-      disabled: b,
-      readOnly: A,
+      disabled: y,
+      readOnly: S,
       readOnlyComponent: v,
-      emptyValueComponent: R,
-      value: W,
-      defaultValue: x,
-      ...k
-    } = e, z = N(k, s), L = z;
-    delete L.size, delete L.variant, delete L.radius;
+      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: K.root,
+      wrapper: J.root,
       // The nested Input internal relative wrapper bounding box
-      input: K.input,
-      section: K.section
-    }, P = L.classNames;
+      input: J.input,
+      section: J.section
+    }, P = W.classNames;
     if (P && typeof P == "object" && !Array.isArray(P)) {
-      const O = P;
-      w.wrapper = O.wrapper ? `${K.root} ${O.wrapper}` : K.root, w.input = O.input ? `${K.input} ${O.input}` : K.input, w.section = O.section ? `${K.section} ${O.section}` : K.section;
+      const k = P;
+      w.wrapper = k.wrapper ? `${J.root} ${k.wrapper}` : J.root, w.input = k.input ? `${J.input} ${k.input}` : J.input, w.section = k.section ? `${J.section} ${k.section}` : J.section;
     }
-    return /* @__PURE__ */ n(
-      le,
+    return /* @__PURE__ */ r(
+      de,
       {
-        className: h,
+        className: $,
         style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
         formLayout: t,
         labelSize: o,
-        labelAlignment: l,
-        labelOptionalText: c,
-        labelWithEditIcon: i,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: $,
+        assistiveWithIcon: N,
         error: _,
         required: u,
-        withAsterisk: f,
+        withAsterisk: b,
         id: C,
-        readOnly: A,
+        readOnly: S,
         readOnlyComponent: v,
-        emptyValueComponent: R,
+        emptyValueComponent: B,
         readOnlyType: "text",
-        readOnlyValue: W !== void 0 ? W : x,
+        readOnlyValue: A !== void 0 ? A : T,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ n(
-            Ue,
+          /* @__PURE__ */ r(
+            ao,
             {
               ref: a,
               classNames: w,
-              disabled: b,
-              value: W,
-              defaultValue: x,
+              disabled: y,
+              value: A,
+              defaultValue: T,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": _ ? "true" : void 0
               },
-              ...z
+              ...M
             }
           )
         )
@@ -2594,117 +2765,234 @@ const Tn = "TextField-module__root___2ZYkG", In = "TextField-module__input___RL-
     );
   }
 );
-On.displayName = "TextField";
-const ar = (r) => /* @__PURE__ */ n("div", { ...r, children: "TimePicker" }), nr = (r) => /* @__PURE__ */ n("div", { ...r, children: "Timeline" }), zn = y(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
-  const o = N(s, e), l = o.className, c = `recursica_brand_typography_h${a}`, i = l ? `${c} ${l}` : c;
-  return /* @__PURE__ */ n(
-    Pt,
+pn.displayName = "TextField";
+const Jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), mn = "Timeline-module__root___LwRdZ", _n = "Timeline-module__item___T5xdQ", un = "Timeline-module__itemBody___XAV-E", bn = "Timeline-module__itemBullet___rPXCy", yn = "Timeline-module__itemTitle___GgRRW", fn = "Timeline-module__itemContent___vurs-", Nn = "Timeline-module__description___f9sxV", hn = "Timeline-module__timestamp___owiRu", le = {
+  root: mn,
+  item: _n,
+  itemBody: un,
+  itemBullet: bn,
+  itemTitle: yn,
+  itemContent: fn,
+  description: Nn,
+  timestamp: hn
+}, ft = L.forwardRef(
+  function({
+    overStyled: e = !1,
+    timestamp: a,
+    bulletVariant: s = "default",
+    children: t,
+    ...o
+  }, n) {
+    const i = f(o, e), c = {
+      item: le.item,
+      itemBody: le.itemBody,
+      itemContent: le.itemContent,
+      itemBullet: le.itemBullet,
+      itemTitle: le.itemTitle
+    }, d = i.classNames;
+    if (d && typeof d == "object" && !Array.isArray(d)) {
+      const m = d;
+      Object.keys(m).forEach((N) => {
+        c[N] ? c[N] = `${c[N]} ${m[N]}` : c[N] = m[N];
+      });
+    }
+    const p = a ? /* @__PURE__ */ z(Ne, { children: [
+      t && /* @__PURE__ */ r("div", { className: le.description, children: t }),
+      /* @__PURE__ */ r("div", { className: le.timestamp, children: a })
+    ] }) : t;
+    return /* @__PURE__ */ r(
+      Vt,
+      {
+        ref: n,
+        classNames: c,
+        "data-variant": s,
+        ...i,
+        children: p
+      }
+    );
+  }
+);
+ft.displayName = "TimelineItem";
+const Nt = L.forwardRef(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = f(a, e), o = {
+      root: le.root
+    }, n = t.classNames;
+    if (n && typeof n == "object" && !Array.isArray(n)) {
+      const i = n;
+      Object.keys(i).forEach((c) => {
+        o[c] ? o[c] = `${o[c]} ${i[c]}` : o[c] = i[c];
+      });
+    }
+    return /* @__PURE__ */ r(
+      Gt,
+      {
+        ref: s,
+        classNames: o,
+        ...t
+      }
+    );
+  }
+);
+Nt.displayName = "Timeline";
+const $n = Nt;
+$n.Item = ft;
+const vn = 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(
+    qt,
     {
       ref: t,
       order: a,
-      className: i,
+      className: c,
       ...o
     }
   );
 });
-zn.displayName = "Title";
-const rr = (r) => /* @__PURE__ */ n("div", { ...r, children: "Toast" }), Rn = "Tooltip-module__tooltip___UA7H9", Mn = "Tooltip-module__arrow___4zROk", Ze = {
-  tooltip: Rn,
-  arrow: Mn
-}, et = function({
+vn.displayName = "Title";
+const Cn = "Toast-module__root___MUvfI", gn = "Toast-module__icon___VwvE1", Pn = "Toast-module__loader___8Gxd-", wn = "Toast-module__title___-H6R2", Tn = "Toast-module__description___-QwfC", xn = "Toast-module__closeButton___vGr7g", Sn = "Toast-module__body___VLkXA", be = {
+  root: Cn,
+  icon: gn,
+  loader: Pn,
+  title: wn,
+  description: Tn,
+  closeButton: xn,
+  body: Sn
+}, An = L.forwardRef(
+  function({
+    overStyled: e = !1,
+    variant: a = "default",
+    withCloseButton: s = !0,
+    ...t
+  }, o) {
+    const n = f(t, e), i = {
+      root: be.root,
+      body: be.body,
+      title: be.title,
+      description: be.description,
+      closeButton: be.closeButton,
+      icon: be.icon,
+      loader: be.loader
+    }, c = n.classNames;
+    if (c && typeof c == "object" && !Array.isArray(c)) {
+      const d = c;
+      Object.keys(d).forEach((p) => {
+        i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
+      });
+    }
+    return /* @__PURE__ */ r(
+      Ht,
+      {
+        ref: o,
+        withCloseButton: s,
+        withBorder: !1,
+        "data-variant": a,
+        classNames: i,
+        loading: !1,
+        ...n
+      }
+    );
+  }
+);
+An.displayName = "Toast";
+const Wn = "Tooltip-module__tooltip___UA7H9", Ln = "Tooltip-module__arrow___4zROk", so = {
+  tooltip: Wn,
+  arrow: Ln
+}, ht = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
-  const t = N(s, e), o = {
-    tooltip: Ze.tooltip,
-    arrow: Ze.arrow
-  }, l = t.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
+  const t = f(s, e), o = {
+    tooltip: so.tooltip,
+    arrow: so.arrow
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const p = n;
     Object.keys(p).forEach((m) => {
       o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
     });
   }
-  const c = t.arrowSize ?? 16, i = t.withArrow;
-  return /* @__PURE__ */ n(
-    Be,
+  const i = t.arrowSize ?? 16, c = t.withArrow;
+  return /* @__PURE__ */ r(
+    He,
     {
       position: "top",
       multiline: !0,
-      arrowSize: c,
-      withArrow: a ?? i,
+      arrowSize: i,
+      withArrow: a ?? c,
       classNames: o,
       ...t
     }
   );
 };
-et.displayName = "Tooltip";
-const ot = et;
-ot.Floating = Be.Floating;
-ot.Group = Be.Group;
-const lr = (r) => /* @__PURE__ */ n("div", { ...r, children: "TransferList" });
+ht.displayName = "Tooltip";
+const $t = ht;
+$t.Floating = He.Floating;
+$t.Group = He.Group;
+const Xn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
 export {
-  De as Accordion,
-  Ee as AccordionControl,
-  Xe as AccordionItem,
-  je as AccordionPanel,
-  jn as Avatar,
-  Dn as Badge,
-  Gt as Breadcrumb,
-  Vn as Button,
-  Gn as Card,
-  lo as CardContent,
-  ro as CardFooter,
-  no as CardHeader,
-  ao as CardSection,
-  _o as Checkbox,
-  mo as CheckboxGroup,
-  Ms as Chip,
-  Bs as Container,
-  Hn as DatePicker,
-  qs as Dropdown,
-  Se as EmptyValueRenderer,
-  Zn as FileInput,
-  Un as FileUpload,
-  Yn as Flex,
-  re as FormControlLayout,
-  Us as Group,
-  ho as HoverCard,
-  io as Label,
-  fs as Layer,
-  Kn as Link,
-  oa as Loader,
-  _e as Menu,
-  Qn as Modal,
-  ya as NumberInput,
-  te as Pagination,
-  se as Panel,
-  Do as PanelFooter,
-  Go as Radio,
-  Vo as RadioGroup,
-  Ga as ReadOnlyBooleanField,
-  po as ReadOnlyField,
-  Va as ReadOnlySwitchField,
-  we as ReadOnlyTextField,
-  qn as RecursicaThemeProvider,
-  Jn as SegmentedControl,
-  Xn as Slider,
-  Qa as Stack,
-  er as Stepper,
-  Uo as Switch,
-  Zo as SwitchGroup,
-  or as Table,
-  tr as Tabs,
-  sr as Text,
-  Ln as TextArea,
-  On as TextField,
-  ar as TimePicker,
-  nr as Timeline,
-  zn as Title,
-  rr as Toast,
-  ot as Tooltip,
-  lr as TransferList,
-  le as WithReadOnlyWrapper
+  Ke as Accordion,
+  Ze as AccordionControl,
+  po as AccordionItem,
+  Ye as AccordionPanel,
+  Rn as Avatar,
+  kn as Badge,
+  ps as Breadcrumb,
+  Mn as Button,
+  Bn as Card,
+  ho as CardContent,
+  No as CardFooter,
+  fo as CardHeader,
+  yo as CardSection,
+  Po as Checkbox,
+  go as CheckboxGroup,
+  aa as Chip,
+  na as Container,
+  En as DatePicker,
+  ma as Dropdown,
+  Oe as EmptyValueRenderer,
+  jn as FileInput,
+  Dn as FileUpload,
+  Vn as Flex,
+  ce as FormControlLayout,
+  ba as Group,
+  Ao as HoverCard,
+  vo as Label,
+  Es as Layer,
+  Gn as Link,
+  Ca as Loader,
+  he as Menu,
+  pe as Modal,
+  Ha as NumberInput,
+  ae as Pagination,
+  re as Panel,
+  et as PanelFooter,
+  at as Popover,
+  nt as Radio,
+  rt as RadioGroup,
+  Cr as ReadOnlyBooleanField,
+  Co as ReadOnlyField,
+  vr as ReadOnlySwitchField,
+  We as ReadOnlyTextField,
+  Fn as RecursicaThemeProvider,
+  qn as SegmentedControl,
+  Hn as Slider,
+  Un as Stack,
+  Zn as Stepper,
+  pt as Switch,
+  dt as SwitchGroup,
+  Yn as Table,
+  Kn as Tabs,
+  Qn as Text,
+  nn as TextArea,
+  pn as TextField,
+  Jn as TimePicker,
+  $n as Timeline,
+  vn as Title,
+  An as Toast,
+  $t as Tooltip,
+  Xn as TransferList,
+  de as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map