@recursica/mantine-adapter 0.16.0 → 0.18.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as s, jsxs as M, Fragment as Ne } from "react/jsx-runtime";
-import j, { forwardRef as N, useId as Zo, useEffect as Uo } from "react";
-import { Accordion as xe, Avatar as Yo, createPolymorphicComponent as Q, Badge as Ko, Breadcrumbs as Qo, Button as Xo, Card as We, Input as Ve, Box as Ie, Checkbox as Ge, Chip as Jo, Container as et, Select as ot, Flex as tt, Group as st, HoverCard as Te, Anchor as at, Loader as rt, Menu as H, NumberInput as nt, Pagination as X, Drawer as J, Radio as qe, Stack as lt, Switch as He, CheckIcon as it, CloseIcon as ct, Text as dt, Textarea as pt, Title as mt, Tooltip as Oe } from "@mantine/core";
-const ut = [
+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 = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const ut = [
   "mih",
   "mah"
   // Dimensions
-], _t = /* @__PURE__ */ new Set([
+], xt = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const ut = [
   "left",
   "bottom",
   "right"
-]), Fe = {
+]), Ve = {
   "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,120 +69,120 @@ const ut = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function f(n, e) {
+function N(r, e) {
   if (e)
-    return n;
-  const r = { ...n };
-  for (const a of ut)
-    a in r && delete r[a];
-  for (const [a, o] of Object.entries(r))
-    typeof o == "string" && o.startsWith("rec-") && _t.has(a) && o in Fe && (r[a] = Fe[o]);
-  return r;
+    return r;
+  const a = { ...r };
+  for (const s of wt)
+    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]);
+  return a;
 }
-const bt = "Accordion-module__root___Dem6d", yt = "Accordion-module__item___7ryVk", ht = "Accordion-module__noDivider___Ni2tT", Nt = "Accordion-module__control___b4wgX", ft = "Accordion-module__label___Ss7uW", $t = "Accordion-module__chevron___i-HVZ", vt = "Accordion-module__iconLeftWrapper___5oLen", Ct = "Accordion-module__panel___Wx50w", Pt = "Accordion-module__content___PEM9t", Y = {
-  root: bt,
-  item: yt,
-  noDivider: ht,
-  control: Nt,
-  label: ft,
-  chevron: $t,
-  iconLeftWrapper: vt,
-  panel: Ct,
-  content: Pt
-}, Ze = function({
+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({
   variant: e = "unstyled",
-  overStyled: r = !1,
-  ...a
+  overStyled: a = !1,
+  ...s
 }) {
-  const o = f(a, r), t = {
-    root: Y.root,
-    item: Y.item,
-    control: Y.control,
-    label: Y.label,
-    chevron: Y.chevron,
-    panel: Y.panel,
-    content: Y.content
-  }, l = o.classNames;
+  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 d = l;
-    Object.keys(d).forEach((c) => {
-      t[c] ? t[c] = `${t[c]} ${d[c]}` : t[c] = d[c];
+    const i = l;
+    Object.keys(i).forEach((d) => {
+      o[d] ? o[d] = `${o[d]} ${i[d]}` : o[d] = i[d];
     });
   }
-  const i = o.className;
-  return /* @__PURE__ */ s(
-    xe,
+  const c = t.className;
+  return /* @__PURE__ */ n(
+    We,
     {
       variant: e,
-      className: i,
-      classNames: t,
-      ...o
+      className: c,
+      classNames: o,
+      ...t
     }
   );
 };
-Ze.displayName = "Accordion";
-const Ue = N(function({ title: e, leftIcon: r, divider: a = !0, children: o, overStyled: t = !1, ...l }, i) {
-  const d = f(l, t), c = d.className, p = [a ? void 0 : Y.noDivider, c].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ s(
-    xe.Item,
+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,
     {
-      ref: i,
+      ref: c,
       className: p,
-      ...d,
-      children: e ? /* @__PURE__ */ M(Ne, { children: [
-        /* @__PURE__ */ s(ze, { leftIcon: r, children: e }),
-        /* @__PURE__ */ s(Re, { children: o })
-      ] }) : o
+      ...i,
+      children: e ? /* @__PURE__ */ M($e, { children: [
+        /* @__PURE__ */ n(Ee, { leftIcon: a, children: e }),
+        /* @__PURE__ */ n(je, { children: t })
+      ] }) : t
     }
   );
 });
-Ue.displayName = "AccordionItem";
-const ze = N(function({ leftIcon: e, children: r, overStyled: a = !1, ...o }, t) {
-  const l = f(o, a), i = l.className;
-  return /* @__PURE__ */ s(
-    xe.Control,
+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,
     {
-      ref: t,
-      className: i,
-      icon: e ? /* @__PURE__ */ s("span", { className: Y.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      ref: o,
+      className: c,
+      icon: e ? /* @__PURE__ */ n("span", { className: Q.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...l,
-      children: r
+      children: a
     }
   );
 });
-ze.displayName = "AccordionControl";
-const Re = N(function({ overStyled: e = !1, ...r }, a) {
-  const o = f(r, e), t = o.className;
-  return /* @__PURE__ */ s(
-    xe.Panel,
+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,
     {
-      ref: a,
-      className: t,
-      ...o
+      ref: s,
+      className: o,
+      ...t
     }
   );
 });
-Re.displayName = "AccordionPanel";
-const Me = Ze;
-Me.Item = Ue;
-Me.Control = ze;
-Me.Panel = Re;
-const gt = "Avatar-module__root___fXu-J", wt = "Avatar-module__iconWrapper___ojly2", xt = "Avatar-module__textWrapper___zp-jD", Wt = "Avatar-module__image___ieqGp", At = "Avatar-module__placeholder___IDW7-", G = {
-  root: gt,
-  iconWrapper: wt,
-  textWrapper: xt,
-  image: Wt,
-  placeholder: At
-}, Ye = N(function({
+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({
   size: e = "default",
-  variant: r = "solid",
-  icon: a,
-  children: o,
-  src: t,
+  variant: a = "solid",
+  icon: s,
+  children: t,
+  src: o,
   overStyled: l = !1,
-  ...i
-}, d) {
-  const c = {
+  ...c
+}, i) {
+  const d = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
@@ -190,295 +190,295 @@ const gt = "Avatar-module__root___fXu-J", wt = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, m = f(i, l), y = m;
-  let u = "text";
-  t ? u = "image" : a && (u = "icon");
-  const _ = {
-    root: G.root,
-    image: G.image,
-    placeholder: G.placeholder
-  }, $ = y.classNames;
-  if ($ && typeof $ == "object" && !Array.isArray($)) {
-    const h = $;
-    _.root = h.root ? `${G.root} ${h.root}` : G.root, _.image = h.image ? `${G.image} ${h.image}` : G.image, _.placeholder = h.placeholder ? `${G.placeholder} ${h.placeholder}` : G.placeholder;
+  }, m = N(c, l), $ = 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;
   }
-  const C = y.className;
-  return /* @__PURE__ */ s(
-    Yo,
+  const C = $.className;
+  return /* @__PURE__ */ n(
+    rt,
     {
-      ref: d,
+      ref: i,
       className: C,
-      classNames: _,
-      variant: c[r],
+      classNames: u,
+      variant: d[a],
       size: p[e],
-      src: t,
-      "data-variant": r,
+      src: o,
+      "data-variant": a,
       "data-size": e,
-      "data-style": u,
+      "data-style": _,
       ...m,
-      children: a != null ? /* @__PURE__ */ s("span", { className: G.iconWrapper, "aria-hidden": !0, children: a }) : o != null ? /* @__PURE__ */ s("span", { className: G.textWrapper, children: o }) : void 0
+      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
     }
   );
 });
-Ye.displayName = "Avatar";
-const ar = Q(Ye), Lt = "Badge-module__root___5osNT", Z = {
-  root: Lt
-}, Ke = N(function({ variant: e = "primary-color", overStyled: r = !1, ...a }, o) {
-  const t = f(a, r), l = {
-    root: Z.root,
-    section: Z.section,
-    label: Z.label
-  }, i = t.classNames;
-  if (i && typeof i == "object" && !Array.isArray(i)) {
-    const p = i;
-    l.root = p.root ? `${Z.root} ${p.root}` : Z.root, l.section = p.section ?? Z.section, l.label = p.label ?? Z.label;
+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;
   }
-  const d = t.className, c = d ? `${Z.root} ${d}` : Z.root;
-  return /* @__PURE__ */ s(
-    Ko,
+  const i = o.className, d = i ? `${Y.root} ${i}` : Y.root;
+  return /* @__PURE__ */ n(
+    lt,
     {
-      ref: o,
+      ref: t,
       variant: "filled",
       "data-variant": e,
-      ...t,
-      className: c,
+      ...o,
+      className: d,
       classNames: l
     }
   );
 });
-Ke.displayName = "Badge";
-const rr = Q(Ke), St = "Breadcrumb-module__root___x-9ln", kt = "Breadcrumb-module__separator___qrUX-", te = {
-  root: St,
-  separator: kt
-}, It = N(
-  function({ overStyled: e = !1, separator: r = ">", ...a }, o) {
-    const t = f(
-      { separator: r, ...a },
+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(
+  function({ overStyled: e = !1, separator: a = ">", ...s }, t) {
+    const o = N(
+      { separator: a, ...s },
       e
     ), l = {
-      root: te.root,
-      separator: te.separator
-    }, i = t.classNames;
-    if (i && typeof i == "object" && !Array.isArray(i)) {
-      const p = i;
-      l.root = p.root ? `${te.root} ${p.root}` : te.root, l.separator = p.separator ? `${te.separator} ${p.separator}` : te.separator;
+      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;
     }
-    const d = t.className, c = d ? `${te.root} ${d}` : te.root;
-    return /* @__PURE__ */ s(
-      Qo,
+    const i = o.className, d = i ? `${ae.root} ${i}` : ae.root;
+    return /* @__PURE__ */ n(
+      ct,
       {
-        ref: o,
-        ...t,
-        className: c,
+        ref: t,
+        ...o,
+        className: d,
         classNames: l
       }
     );
   }
 );
-It.displayName = "Breadcrumb";
-const Tt = "Button-module__root___Q2R8-", Ot = "Button-module__label___UJ3Zt", zt = "Button-module__labelText___rFV5p", Rt = "Button-module__iconWrapper___uEKPa", Mt = "Button-module__section___f2mKr", q = {
-  root: Tt,
-  label: Ot,
-  labelText: zt,
-  iconWrapper: Rt,
-  section: Mt
+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
 };
-function Ft(n) {
-  return n == null || n === "" ? !1 : typeof n == "string" ? n.trim() !== "" : !0;
+function Kt(r) {
+  return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
 }
-const Qe = N(function({
+const to = y(function({
   variant: e = "solid",
-  size: r = "default",
-  icon: a,
-  children: o,
-  overStyled: t = !1,
+  size: a = "default",
+  icon: s,
+  children: t,
+  overStyled: o = !1,
   ...l
-}, i) {
-  const d = {
+}, c) {
+  const i = {
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, c = {
+  }, d = {
     default: "md",
     small: "sm"
-  }, p = f(l, t), m = p;
+  }, p = N(l, o), m = p;
   delete m.fullWidth;
-  const y = !!a || !!m.leftSection, u = !!m.rightSection, _ = (y || u) && !Ft(o);
-  typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !m["aria-label"] && console.warn(
+  const $ = !!s || !!m.leftSection, _ = !!m.rightSection, u = ($ || _) && !Kt(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 $ = {
-    root: q.root,
-    section: q.section,
-    label: q.label
+  const f = {
+    root: Z.root,
+    section: Z.section,
+    label: Z.label
   }, C = m.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
     const b = C;
-    $.root = b.root ? `${q.root} ${b.root}` : q.root, $.section = b.section ?? q.section, $.label = b.label ?? q.label;
+    f.root = b.root ? `${Z.root} ${b.root}` : Z.root, f.section = b.section ?? Z.section, f.label = b.label ?? Z.label;
   }
-  const h = m.className, P = h ? `${q.root} ${h}` : q.root;
-  return /* @__PURE__ */ s(
-    Xo,
+  const h = m.className, g = h ? `${Z.root} ${h}` : Z.root;
+  return /* @__PURE__ */ n(
+    it,
     {
-      ref: i,
-      className: P,
-      classNames: $,
-      variant: d[e],
-      size: c[r],
-      leftSection: a != null ? /* @__PURE__ */ s("span", { className: q.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
+      ref: c,
+      className: g,
+      classNames: f,
+      variant: i[e],
+      size: d[a],
+      leftSection: s != null ? /* @__PURE__ */ n("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
       "data-variant": e,
-      "data-size": r,
-      ..._ ? { "data-icon-only": "" } : {},
+      "data-size": a,
+      ...u ? { "data-icon-only": "" } : {},
       ...p,
-      children: /* @__PURE__ */ s("span", { className: q.labelText, children: o })
+      children: /* @__PURE__ */ n("span", { className: Z.labelText, children: t })
     }
   );
 });
-Qe.displayName = "Button";
-const nr = Q(
-  Qe
-), Et = "Card-module__root___c9KvZ", Bt = "Card-module__header___PTXf2 recursica_brand_typography_h3", jt = "Card-module__footer___Mu-JC", Dt = "Card-module__section___BRT8H", Vt = "Card-module__content___oFIQa", K = {
-  root: Et,
-  header: Bt,
-  footer: jt,
-  section: Dt,
-  content: Vt
-}, Xe = N(function({ overStyled: e = !1, ...r }, a) {
-  const o = f(r, e), t = {
-    root: K.root
-  }, l = o.classNames;
+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 d = l;
-    Object.keys(d).forEach((c) => {
-      t[c] ? t[c] = `${t[c]} ${d[c]}` : t[c] = d[c];
+    const i = l;
+    Object.keys(i).forEach((d) => {
+      o[d] ? o[d] = `${o[d]} ${i[d]}` : o[d] = i[d];
     });
   }
-  const i = o.className;
-  return /* @__PURE__ */ s(
-    We,
+  const c = t.className;
+  return /* @__PURE__ */ n(
+    Le,
     {
-      ref: a,
-      className: i,
-      classNames: t,
-      ...o
+      ref: s,
+      className: c,
+      classNames: o,
+      ...t
     }
   );
 });
-Xe.displayName = "Card";
-const Je = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      We.Section,
+so.displayName = "Card";
+const ao = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      Le.Section,
       {
-        ref: a,
-        className: t ? `${K.section} ${t}` : K.section,
-        ...o
+        ref: s,
+        className: o ? `${J.section} ${o}` : J.section,
+        ...t
       }
     );
   }
 );
-Je.displayName = "CardSection";
-const eo = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      We.Section,
+ao.displayName = "CardSection";
+const no = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      Le.Section,
       {
-        ref: a,
-        className: t ? `${K.header} ${t}` : K.header,
-        ...o
+        ref: s,
+        className: o ? `${J.header} ${o}` : J.header,
+        ...t
       }
     );
   }
 );
-eo.displayName = "CardHeader";
-const oo = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      We.Section,
+no.displayName = "CardHeader";
+const ro = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      Le.Section,
       {
-        ref: a,
-        className: t ? `${K.footer} ${t}` : K.footer,
-        ...o
+        ref: s,
+        className: o ? `${J.footer} ${o}` : J.footer,
+        ...t
       }
     );
   }
 );
-oo.displayName = "CardFooter";
-const to = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
+ro.displayName = "CardFooter";
+const lo = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: a,
-        className: t ? `${K.content} ${t}` : K.content,
-        ...o
+        ref: s,
+        className: o ? `${J.content} ${o}` : J.content,
+        ...t
       }
     );
   }
 );
-to.displayName = "CardContent";
-const so = Q(Xe), Ae = so;
-Ae.Section = Je;
-Ae.Header = eo;
-Ae.Footer = oo;
-Ae.Content = to;
-const lr = so, Gt = "Label-module__root___e6HXZ", qt = "Label-module__labelText___rieFR", Ht = "Label-module__required___Ggrzc", Zt = "Label-module__optionalText___Y2yun", Ut = "Label-module__actionAreaWrapper___ELoZK", Yt = "Label-module__editIconWrapper___NG2xW", V = {
-  root: Gt,
-  labelText: qt,
-  required: Ht,
-  optionalText: Zt,
-  actionAreaWrapper: Ut,
-  editIconWrapper: Yt
-}, ao = N(function({
+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({
   labelSize: e = "default",
-  labelAlignment: r,
-  required: a = !1,
-  labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelAlignment: a,
+  required: s = !1,
+  labelOptionalText: t,
+  labelWithEditIcon: o,
   labelActionArea: l,
-  onLabelEditClick: i,
-  children: d,
-  overStyled: c = !1,
+  onLabelEditClick: c,
+  children: i,
+  overStyled: d = !1,
   ...p
 }, m) {
-  const y = r || "left";
-  let u;
-  a || (o === !0 ? u = "optional" : o && (u = o));
-  const _ = f(p, c), $ = _, C = {
-    label: V.root,
-    required: V.required
-  }, h = $.classNames;
+  const $ = 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 ? `${V.root} ${A.label}` : V.root, C.required = A.required ? `${V.required} ${A.required}` : V.required;
+    C.label = A.label ? `${q.root} ${A.label}` : q.root, C.required = A.required ? `${q.required} ${A.required}` : q.required;
   }
-  const P = $.className, b = P ? `${V.root} ${P}` : V.root;
+  const g = f.className, b = g ? `${q.root} ${g}` : q.root;
   return /* @__PURE__ */ M(
-    Ve.Label,
+    Ue.Label,
     {
       ref: m,
       className: b,
       classNames: C,
       "data-size": e,
-      "data-alignment": y,
-      required: a && !t,
-      ..._,
+      "data-alignment": $,
+      required: s && !o,
+      ...u,
       children: [
-        /* @__PURE__ */ s("span", { className: V.labelText, children: d }),
-        u && /* @__PURE__ */ s("span", { className: V.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        l ? /* @__PURE__ */ s("span", { className: V.actionAreaWrapper, children: l }) : t ? /* @__PURE__ */ s(
+        /* @__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(
           "button",
           {
             type: "button",
-            className: V.editIconWrapper,
-            "data-replaces-asterisk": a ? "true" : void 0,
-            onClick: i,
+            className: q.editIconWrapper,
+            "data-replaces-asterisk": s ? "true" : void 0,
+            onClick: c,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ n(
               "svg",
               {
                 width: "16",
@@ -486,7 +486,7 @@ const lr = so, Gt = "Label-module__root___e6HXZ", qt = "Label-module__labelText_
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ n(
                   "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,23 +503,23 @@ const lr = so, Gt = "Label-module__root___e6HXZ", qt = "Label-module__labelText_
     }
   );
 });
-ao.displayName = "Label";
-const Kt = "FormControlLayout-module__root___yNDhZ", Qt = "FormControlLayout-module__leftSection___GBM1r", Xt = "FormControlLayout-module__rightSection___bcL4v", ve = {
-  root: Kt,
-  leftSection: Qt,
-  rightSection: Xt
-}, ae = N(function({
+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({
   formLayout: e = "stacked",
-  labelSize: r = "default",
-  controlMaxWidth: a,
-  controlMinWidth: o,
-  leftSection: t,
+  labelSize: a = "default",
+  controlMaxWidth: s,
+  controlMinWidth: t,
+  leftSection: o,
   children: l,
-  className: i,
-  style: d,
-  ...c
+  className: c,
+  style: i,
+  ...d
 }, p) {
-  const m = i ? `${ve.root} ${i}` : ve.root, u = t != null || e === "side-by-side";
+  const m = c ? `${ge.root} ${c}` : ge.root, _ = o != null || e === "side-by-side";
   return /* @__PURE__ */ M(
     "div",
     {
@@ -527,24 +527,24 @@ const Kt = "FormControlLayout-module__root___yNDhZ", Qt = "FormControlLayout-mod
       className: m,
       "data-form-layout": e,
       style: {
-        ...d,
-        ...a ? { "--form-control-max-width": a } : {},
-        ...o ? { "--form-control-min-width": o } : {}
+        ...i,
+        ...s ? { "--form-control-max-width": s } : {},
+        ...t ? { "--form-control-min-width": t } : {}
       },
-      ...c,
+      ...d,
       children: [
-        u && /* @__PURE__ */ s("div", { className: ve.leftSection, "data-size": r, children: t }),
-        /* @__PURE__ */ s("div", { className: ve.rightSection, children: l })
+        _ && /* @__PURE__ */ n("div", { className: ge.leftSection, "data-size": a, children: o }),
+        /* @__PURE__ */ n("div", { className: ge.rightSection, children: l })
       ]
     }
   );
 });
-ae.displayName = "FormControlLayout";
-const Jt = "AssistiveElement-module__root___WhQ43", es = "AssistiveElement-module__textWrapper___sfy5E", os = "AssistiveElement-module__iconWrapper___gObRF", Se = {
-  root: Jt,
-  textWrapper: es,
-  iconWrapper: os
-}, ts = () => /* @__PURE__ */ M(
+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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -555,12 +555,12 @@ const Jt = "AssistiveElement-module__root___WhQ43", es = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ s("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ s("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ n("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ n("path", { d: "M12 8h.01" })
     ]
   }
-), ss = () => /* @__PURE__ */ M(
+), bs = () => /* @__PURE__ */ M(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -571,109 +571,109 @@ const Jt = "AssistiveElement-module__root___WhQ43", es = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("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__ */ s("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ s("path", { d: "M12 17h.01" })
+      /* @__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" })
     ]
   }
-), ke = N(function({
+), Re = y(function({
   assistiveVariant: e = "help",
-  assistiveWithIcon: r = !0,
-  children: a,
-  className: o,
-  overStyled: t = !1,
+  assistiveWithIcon: a = !0,
+  children: s,
+  className: t,
+  overStyled: o = !1,
   ...l
-}, i) {
-  const c = f(l, t), p = Se.root, m = o ? `${p} ${o}` : p, y = e === "error" ? ss : ts;
+}, c) {
+  const d = N(l, o), p = Oe.root, m = t ? `${p} ${t}` : p, $ = e === "error" ? bs : us;
   return /* @__PURE__ */ M(
     "div",
     {
-      ref: i,
+      ref: c,
       className: m,
       "data-variant": e,
-      style: c.style,
-      ...c,
+      style: d.style,
+      ...d,
       children: [
-        r && /* @__PURE__ */ s("span", { className: Se.iconWrapper, children: /* @__PURE__ */ s(y, {}) }),
-        /* @__PURE__ */ s("span", { className: Se.textWrapper, children: a })
+        a && /* @__PURE__ */ n("span", { className: Oe.iconWrapper, children: /* @__PURE__ */ n($, {}) }),
+        /* @__PURE__ */ n("span", { className: Oe.textWrapper, children: s })
       ]
     }
   );
 });
-ke.displayName = "AssistiveElement";
-const as = "FormControlWrapper-module__inputSection___HenXk", Ee = {
-  inputSection: as
-}, Pe = N(function({
+Re.displayName = "AssistiveElement";
+const ys = "FormControlWrapper-module__inputSection___HenXk", Ge = {
+  inputSection: ys
+}, xe = y(function({
   formLayout: e,
-  labelSize: r,
-  labelAlignment: a,
-  labelOptionalText: o,
-  labelWithEditIcon: t,
+  labelSize: a,
+  labelAlignment: s,
+  labelOptionalText: t,
+  labelWithEditIcon: o,
   labelActionArea: l,
-  onLabelEditClick: i,
-  label: d,
-  description: c,
+  onLabelEditClick: c,
+  label: i,
+  description: d,
   assistiveText: p,
   assistiveWithIcon: m = !0,
-  controlMaxWidth: y,
-  controlMinWidth: u,
-  error: _,
-  required: $,
+  controlMaxWidth: $,
+  controlMinWidth: _,
+  error: u,
+  required: f,
   withAsterisk: C,
   id: h,
-  children: P,
+  children: g,
   className: b,
   overStyled: A = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...R
-}, L) {
-  const x = Zo(), T = h || `recursica-fc-${x}`, z = p || c, S = z ? `${T}-assistive` : void 0, w = _ ? `${T}-error` : void 0, O = f(R, A), ne = b || O.className, $e = Ee.root, D = ne ? `${$e} ${ne}` : $e, qo = j.isValidElement(P) ? j.cloneElement(
-    P,
+}, 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(
+    g,
     {
-      ...z && !P.props["aria-describedby"] ? { "aria-describedby": S } : {},
-      ..._ && !P.props["aria-errormessage"] ? { "aria-errormessage": w } : {}
+      ...z && !g.props["aria-describedby"] ? { "aria-describedby": L } : {},
+      ...u && !g.props["aria-errormessage"] ? { "aria-errormessage": w } : {}
     }
-  ) : P, Ho = d ? /* @__PURE__ */ s(
-    ao,
+  ) : g, st = i ? /* @__PURE__ */ n(
+    io,
     {
-      id: T,
-      labelAlignment: a,
-      labelOptionalText: o,
-      labelWithEditIcon: t,
+      id: k,
+      labelAlignment: s,
+      labelOptionalText: t,
+      labelWithEditIcon: o,
       labelActionArea: l,
-      onLabelEditClick: i,
-      required: C ?? $,
+      onLabelEditClick: c,
+      required: C ?? f,
       ...v === "div" ? { as: "div" } : {},
-      children: d
+      children: i
     }
   ) : void 0;
-  return /* @__PURE__ */ s(
-    ae,
+  return /* @__PURE__ */ n(
+    re,
     {
-      ref: L,
-      className: D,
+      ref: W,
+      className: G,
       formLayout: e,
-      labelSize: r,
-      controlMaxWidth: y,
-      controlMinWidth: u,
-      leftSection: Ho,
+      labelSize: a,
+      controlMaxWidth: $,
+      controlMinWidth: _,
+      leftSection: st,
       ...O,
-      children: /* @__PURE__ */ M("div", { className: Ee.inputSection, children: [
-        qo,
-        _ && /* @__PURE__ */ s(
-          ke,
+      children: /* @__PURE__ */ M("div", { className: Ge.inputSection, children: [
+        tt,
+        u && /* @__PURE__ */ n(
+          Re,
           {
             id: w,
             assistiveVariant: "error",
             assistiveWithIcon: m,
-            children: _
+            children: u
           }
         ),
-        !_ && z && /* @__PURE__ */ s(
-          ke,
+        !u && z && /* @__PURE__ */ n(
+          Re,
           {
-            id: S,
+            id: L,
             assistiveVariant: "help",
             assistiveWithIcon: m,
             children: z
@@ -683,317 +683,317 @@ const as = "FormControlWrapper-module__inputSection___HenXk", Ee = {
     }
   );
 });
-Pe.displayName = "FormControlWrapper";
-const rs = "_root_1qhn7_3", ns = "_contents_1qhn7_18", ce = {
-  root: rs,
-  contents: ns
-}, ls = N(function({ layer: n, contentsOnly: e, children: r, className: a, style: o, ...t }, l) {
-  const i = e ? a ? `${ce.root} ${ce.contents} ${a}` : `${ce.root} ${ce.contents}` : a ? `${ce.root} ${a}` : ce.root;
-  return /* @__PURE__ */ s(
+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(
     "div",
     {
       ref: l,
-      className: i,
-      style: o,
-      ...e ? {} : { "data-recursica-layer": String(n) },
-      ...t,
-      children: r
+      className: c,
+      style: t,
+      ...e ? {} : { "data-recursica-layer": String(r) },
+      ...o,
+      children: a
     }
   );
 });
-ls.displayName = "Layer";
-const ge = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ s(j.Fragment, { children: n });
-ge.displayName = "EmptyValueRenderer";
-ge.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
-const Be = "data-recursica-theme";
-function ir({
-  children: n,
+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,
   theme: e = "light"
 }) {
-  return Uo(() => {
-    const r = document.documentElement;
-    return r.setAttribute(Be, e), () => {
-      r.removeAttribute(Be);
+  return nt(() => {
+    const a = document.documentElement;
+    return a.setAttribute(qe, e), () => {
+      a.removeAttribute(qe);
     };
-  }, [e]), /* @__PURE__ */ s(Ne, { children: n });
+  }, [e]), /* @__PURE__ */ n($e, { children: r });
 }
-const is = "ReadOnlyField-module__textField___qKn25", we = {
-  textField: is
-}, Ce = ({
-  value: n,
+const $s = "ReadOnlyField-module__textField___qKn25", Ae = {
+  textField: $s
+}, we = ({
+  value: r,
   overStyled: e = !1,
-  ...r
+  ...a
 }) => {
-  const a = f(r, e), o = a.className;
-  return /* @__PURE__ */ s(
-    Ie,
+  const s = N(a, e), t = s.className;
+  return /* @__PURE__ */ n(
+    Me,
     {
       component: "p",
-      className: o ? `${we.textField} ${o}` : we.textField,
-      ...a,
-      children: n != null ? j.isValidElement(n) ? n : Array.isArray(n) ? n.join(", ") : String(n) : ""
+      className: t ? `${Ae.textField} ${t}` : Ae.textField,
+      ...s,
+      children: r != null ? V.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
     }
   );
 };
-Ce.displayName = "ReadOnlyTextField";
-const ro = N(
-  function({ value: e, type: r = "text", emptyValueComponent: a, overStyled: o = !1, ...t }, l) {
-    let i = null;
-    const d = f(t, o), c = a || ge, m = (c.check ? c.check(e) : ge.check(e)) ? /* @__PURE__ */ s(c, { value: e }) : e;
-    switch (r) {
+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;
+    switch (a) {
       case "boolean":
-        i = /* @__PURE__ */ s(
-          Ce,
+        c = /* @__PURE__ */ n(
+          we,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : m,
-            overStyled: o
+            overStyled: t
           }
         );
         break;
       case "switch":
-        i = /* @__PURE__ */ s(
-          Ce,
+        c = /* @__PURE__ */ n(
+          we,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : m,
-            overStyled: o
+            overStyled: t
           }
         );
         break;
       case "text":
       default:
-        i = /* @__PURE__ */ s(
-          Ce,
+        c = /* @__PURE__ */ n(
+          we,
           {
             value: m,
-            overStyled: o
+            overStyled: t
           }
         );
         break;
     }
-    return /* @__PURE__ */ s(
-      Pe,
+    return /* @__PURE__ */ n(
+      xe,
       {
         ref: l,
-        overStyled: o,
-        ...d,
-        children: i
+        overStyled: t,
+        ...i,
+        children: c
       }
     );
   }
 );
-ro.displayName = "ReadOnlyField";
-const re = N(function({
+po.displayName = "ReadOnlyField";
+const le = y(function({
   readOnly: e,
-  readOnlyComponent: r,
-  readOnlyType: a = "text",
-  readOnlyValue: o,
-  readOnlyNativeProps: t,
+  readOnlyComponent: a,
+  readOnlyType: s = "text",
+  readOnlyValue: t,
+  readOnlyNativeProps: o,
   emptyValueComponent: l,
-  activeComponent: i,
-  overStyled: d,
-  onLabelEditClick: c,
+  activeComponent: c,
+  overStyled: i,
+  onLabelEditClick: d,
   ...p
 }, m) {
-  return e ? r ? /* @__PURE__ */ s(
-    Pe,
+  return e ? a ? /* @__PURE__ */ n(
+    xe,
     {
       ref: m,
       ...p,
-      onLabelEditClick: c,
-      overStyled: d,
-      children: /* @__PURE__ */ s(r, { ...t })
+      onLabelEditClick: d,
+      overStyled: i,
+      children: /* @__PURE__ */ n(a, { ...o })
     }
-  ) : /* @__PURE__ */ s(
-    ro,
+  ) : /* @__PURE__ */ n(
+    po,
     {
       ref: m,
-      type: a,
-      value: o,
+      type: s,
+      value: t,
       emptyValueComponent: l,
-      onLabelEditClick: c,
-      overStyled: d,
+      onLabelEditClick: d,
+      overStyled: i,
       ...p
     }
-  ) : /* @__PURE__ */ s(
-    Pe,
+  ) : /* @__PURE__ */ n(
+    xe,
     {
       ref: m,
       ...p,
-      onLabelEditClick: c,
-      overStyled: d,
-      children: i
+      onLabelEditClick: d,
+      overStyled: i,
+      children: c
     }
   );
 });
-re.displayName = "WithReadOnlyWrapper";
-const cs = "Checkbox-module__groupRoot___cBS0o", ds = "Checkbox-module__root___mY3qk", ps = "Checkbox-module__body___5yC7q", ms = "Checkbox-module__inner___rTke4", us = "Checkbox-module__input___2kt-h", _s = "Checkbox-module__icon___-O7i6", bs = "Checkbox-module__labelWrapper___GpZkr", ys = "Checkbox-module__label___cwRtI", k = {
-  groupRoot: cs,
-  root: ds,
-  body: ps,
-  inner: ms,
-  input: us,
-  icon: _s,
-  labelWrapper: bs,
-  label: ys
-}, no = N(
-  function(e, r) {
+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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: y,
-      assistiveWithIcon: u,
-      error: _,
-      required: $,
+      assistiveText: $,
+      assistiveWithIcon: _,
+      error: u,
+      required: f,
       withAsterisk: C,
       id: h,
-      className: P,
+      className: g,
       style: b,
       children: A,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: L,
+      emptyValueComponent: W,
       value: x,
-      defaultValue: T,
+      defaultValue: k,
       ...z
-    } = e, S = f(z, a), w = S;
-    return delete w.size, /* @__PURE__ */ s(
-      re,
+    } = e, L = N(z, s), w = L;
+    return delete w.size, /* @__PURE__ */ n(
+      le,
       {
-        className: P,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: o,
-        labelSize: t,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: y,
-        assistiveWithIcon: u,
-        error: _,
-        required: $,
+        assistiveText: $,
+        assistiveWithIcon: _,
+        error: u,
+        required: f,
         withAsterisk: C,
         id: h,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: L,
+        emptyValueComponent: W,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : T,
+        readOnlyValue: x !== void 0 ? x : k,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ s(
-          Ge.Group,
+        activeComponent: /* @__PURE__ */ n(
+          Ye.Group,
           {
-            ref: r,
-            ...S,
+            ref: a,
+            ...L,
             disabled: v || w.disabled,
             value: x,
-            defaultValue: T,
-            children: /* @__PURE__ */ s("div", { className: k.groupRoot, "data-layout": o, children: j.Children.map(A, (g) => j.isValidElement(g) ? j.cloneElement(g, {
-              disabled: v || g.props.disabled
-            }) : g) })
+            defaultValue: k,
+            children: /* @__PURE__ */ n("div", { className: T.groupRoot, "data-layout": t, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+              disabled: v || P.props.disabled
+            }) : P) })
           }
         )
       }
     );
   }
 );
-no.displayName = "CheckboxGroup";
-const lo = N(
-  function(e, r) {
+mo.displayName = "CheckboxGroup";
+const _o = y(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      readOnly: o,
-      readOnlyComponent: t,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: o,
       disabled: l,
-      formLayout: i,
-      labelSize: d,
-      controlMaxWidth: c,
+      formLayout: c,
+      labelSize: i,
+      controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, y = f(m, a), u = y;
-    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
-    const _ = {
-      root: k.root,
-      body: k.body,
-      inner: k.inner,
-      input: k.input,
-      icon: k.icon,
-      labelWrapper: k.labelWrapper,
-      label: k.label
-    }, $ = u.classNames;
-    if ($ && typeof $ == "object" && !Array.isArray($)) {
-      const b = $;
-      _.root = b.root ? `${k.root} ${b.root}` : k.root, _.body = b.body ? `${k.body} ${b.body}` : k.body, _.inner = b.inner ? `${k.inner} ${b.inner}` : k.inner, _.input = b.input ? `${k.input} ${b.input}` : k.input, _.icon = b.icon ? `${k.icon} ${b.icon}` : k.icon, _.labelWrapper = b.labelWrapper ? `${k.labelWrapper} ${b.labelWrapper}` : k.labelWrapper, _.label = b.label ? `${k.label} ${b.label}` : k.label;
+    } = e, $ = N(m, s), _ = $;
+    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;
     }
-    const C = u.className, h = C ? `${k.root} ${C}` : k.root;
-    if (o && t) {
-      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+    const C = _.className, h = C ? `${T.root} ${C}` : T.root;
+    if (t && o) {
+      const b = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ n(
+        o,
         {
           ...e,
           checked: b,
-          label: u.label
+          label: _.label
         }
       );
-      return i ? /* @__PURE__ */ s(
-        ae,
+      return c ? /* @__PURE__ */ n(
+        re,
         {
-          formLayout: i,
-          labelSize: d,
-          controlMaxWidth: c,
+          formLayout: c,
+          labelSize: i,
+          controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ s(Ne, { children: v });
+      ) : /* @__PURE__ */ n($e, { children: v });
     }
-    const P = /* @__PURE__ */ s(
-      Ge,
+    const g = /* @__PURE__ */ n(
+      Ye,
       {
-        ref: r,
+        ref: a,
         className: h,
-        classNames: _,
-        disabled: o || l,
-        ...y
+        classNames: u,
+        disabled: t || l,
+        ...$
       }
     );
-    return i ? /* @__PURE__ */ s(
-      ae,
+    return c ? /* @__PURE__ */ n(
+      re,
       {
-        formLayout: i,
-        labelSize: d,
-        controlMaxWidth: c,
+        formLayout: c,
+        labelSize: i,
+        controlMaxWidth: d,
         controlMinWidth: p,
-        children: P
+        children: g
       }
-    ) : P;
+    ) : g;
   }
 );
-lo.displayName = "Checkbox";
-lo.Group = no;
-const hs = "Chip-module__root___f5pFk", Ns = "Chip-module__label___Ov9pg", fs = "Chip-module__mantineIconWrapper___KLSz6", $s = "Chip-module__innerWrapper___EnrTF", vs = "Chip-module__children___zbRAR", Cs = "Chip-module__leadingIcon___JBtjQ", Ps = "Chip-module__removeIcon___pVju-", E = {
-  root: hs,
-  label: Ns,
-  mantineIconWrapper: fs,
-  innerWrapper: $s,
-  children: vs,
-  leadingIcon: Cs,
-  removeIcon: Ps
+_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
 };
-function gs(n) {
+function Rs(r) {
   return /* @__PURE__ */ M(
     "svg",
     {
@@ -1006,193 +1006,193 @@ function gs(n) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...n,
+      ...r,
       children: [
-        /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const ws = N(function({
+const Ms = y(function({
   error: e = !1,
-  icon: r,
-  onRemove: a,
-  removeLabel: o = "Remove",
-  children: t,
+  icon: a,
+  onRemove: s,
+  removeLabel: t = "Remove",
+  children: o,
   overStyled: l = !1,
-  ...i
-}, d) {
-  const c = f(i, l), p = c, m = {
-    root: E.root,
-    label: E.label,
-    input: E.input,
-    iconWrapper: E.mantineIconWrapper,
-    checkIcon: E.checkIcon
-  }, y = p.classNames;
-  if (y && typeof y == "object" && !Array.isArray(y)) {
-    const h = y;
-    m.root = h.root ? `${E.root} ${h.root}` : E.root, m.label = h.label ? `${E.label} ${h.label}` : E.label;
+  ...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;
   }
-  const u = p.className, _ = u ? `${E.root} ${u}` : E.root;
-  return /* @__PURE__ */ s(
-    Jo,
+  const _ = p.className, u = _ ? `${B.root} ${_}` : B.root;
+  return /* @__PURE__ */ n(
+    dt,
     {
-      ref: d,
-      className: _,
+      ref: i,
+      className: u,
       classNames: m,
       ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!t && (!!r || !!a) ? { "data-icon-only": "" } : {},
-      ...c,
-      children: /* @__PURE__ */ M("span", { className: E.innerWrapper, children: [
-        r && /* @__PURE__ */ s("span", { className: E.leadingIcon, "aria-hidden": !0, children: r }),
-        /* @__PURE__ */ s("span", { className: E.children, children: t }),
-        a && /* @__PURE__ */ s(
+      ...!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(
           "span",
           {
             role: "button",
-            className: E.removeIcon,
+            className: B.removeIcon,
             onClick: (h) => {
-              h.preventDefault(), h.stopPropagation(), a(h);
+              h.preventDefault(), h.stopPropagation(), s(h);
             },
-            "aria-label": o,
+            "aria-label": t,
             onKeyDown: (h) => {
-              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), a(
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
                 h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s(gs, {})
+            children: /* @__PURE__ */ n(Rs, {})
           }
         )
       ] })
     }
   );
 });
-ws.displayName = "Chip";
-const xs = "Container-module__root___UVssr", me = {
-  root: xs
-}, Ws = N(
-  function({ children: e, size: r, overStyled: a = !1, ...o }, t) {
-    const l = f(o, a), i = l, d = {
+Ms.displayName = "Chip";
+const Fs = "Container-module__root___UVssr", ue = {
+  root: Fs
+}, Bs = y(
+  function({ children: e, size: a, ...s }, t) {
+    const o = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, c = typeof r == "string" && d[r] ? d[r] : r, p = {
-      root: me.root
-    }, m = i.classNames;
-    if (m && typeof m == "object" && !Array.isArray(m)) {
-      const _ = m;
-      p.root = _.root ? `${me.root} ${_.root}` : me.root;
+    }, 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;
     }
-    const y = i.className, u = y ? `${me.root} ${y}` : me.root;
-    return /* @__PURE__ */ s(
-      et,
+    const d = s.className, p = d ? `${ue.root} ${d}` : ue.root;
+    return /* @__PURE__ */ n(
+      pt,
       {
         ref: t,
-        size: c,
-        className: u,
-        classNames: p,
-        ...l,
+        size: l,
+        className: p,
+        classNames: c,
+        ...s,
         children: e
       }
     );
   }
 );
-Ws.displayName = "Container";
-const cr = (n) => /* @__PURE__ */ s("div", { ...n, children: "DatePicker" }), As = "Dropdown-module__root___uVyL0", Ls = "Dropdown-module__input___dK4dN", Ss = "Dropdown-module__section___j3MRB", ks = "Dropdown-module__dropdown___gG-Sw", Is = "Dropdown-module__option___nAGU-", B = {
-  root: As,
-  input: Ls,
-  section: Ss,
-  dropdown: ks,
-  option: Is
-}, Ts = N(
-  function(e, r) {
+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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
-      containerWidth: t,
+      overStyled: s = !1,
+      formLayout: t = "stacked",
+      containerWidth: o,
       // Label & Wrapper Maps
       labelSize: l,
-      labelAlignment: i,
-      labelOptionalText: d,
-      labelWithEditIcon: c,
+      labelAlignment: c,
+      labelOptionalText: i,
+      labelWithEditIcon: d,
       onLabelEditClick: p,
       label: m,
-      assistiveText: y,
-      assistiveWithIcon: u,
-      error: _,
-      required: $,
+      assistiveText: $,
+      assistiveWithIcon: _,
+      error: u,
+      required: f,
       withAsterisk: C,
       id: h,
-      className: P,
+      className: g,
       style: b,
       disabled: A,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: L,
+      emptyValueComponent: W,
       value: x,
-      defaultValue: T,
+      defaultValue: k,
       data: z,
-      ...S
-    } = e, w = f(S, a), g = w;
-    delete g.size, delete g.variant, delete g.radius;
+      ...L
+    } = e, w = N(L, s), P = w;
+    delete P.size, delete P.variant, delete P.radius;
     const O = {
-      wrapper: B.root,
+      wrapper: E.root,
       // The nested Input internal relative wrapper bounding box
-      input: B.input,
-      section: B.section,
-      dropdown: B.dropdown,
-      option: B.option
-    }, ne = g.classNames;
-    if (ne && typeof ne == "object" && !Array.isArray(ne)) {
-      const D = ne;
-      O.wrapper = D.wrapper ? `${B.root} ${D.wrapper}` : B.root, O.input = D.input ? `${B.input} ${D.input}` : B.input, O.section = D.section ? `${B.section} ${D.section}` : B.section, O.dropdown = D.dropdown ? `${B.dropdown} ${D.dropdown}` : B.dropdown, O.option = D.option ? `${B.option} ${D.option}` : B.option;
+      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;
     }
-    const $e = {
+    const Ce = {
       ...b || {},
-      width: t || "100%"
+      width: o || "100%"
     };
-    return /* @__PURE__ */ s(
-      re,
+    return /* @__PURE__ */ n(
+      le,
       {
-        className: P,
-        style: $e,
+        className: g,
+        style: Ce,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: a,
-        formLayout: o,
+        overStyled: s,
+        formLayout: t,
         labelSize: l,
-        labelAlignment: i,
-        labelOptionalText: d,
-        labelWithEditIcon: c,
+        labelAlignment: c,
+        labelOptionalText: i,
+        labelWithEditIcon: d,
         onLabelEditClick: p,
         label: m,
-        assistiveText: y,
-        assistiveWithIcon: u,
-        error: _,
-        required: $,
+        assistiveText: $,
+        assistiveWithIcon: _,
+        error: u,
+        required: f,
         withAsterisk: C,
         id: h,
         readOnly: v,
         readOnlyComponent: R,
-        emptyValueComponent: L,
+        emptyValueComponent: W,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? String(x) : T ? String(T) : void 0,
+        readOnlyValue: x !== void 0 ? String(x) : k ? String(k) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ s(
-            ot,
+          /* @__PURE__ */ n(
+            mt,
             {
-              ref: r,
+              ref: a,
               classNames: O,
               disabled: A,
               value: x,
-              defaultValue: T,
+              defaultValue: k,
               data: z || [],
               label: void 0,
               description: void 0,
@@ -1201,7 +1201,7 @@ const cr = (n) => /* @__PURE__ */ s("div", { ...n, children: "DatePicker" }), As
               withAsterisk: void 0,
               wrapperProps: {
                 "data-disabled": A ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-error": u ? "true" : void 0
               },
               ...w
             }
@@ -1211,393 +1211,395 @@ const cr = (n) => /* @__PURE__ */ s("div", { ...n, children: "DatePicker" }), As
     );
   }
 );
-Ts.displayName = "Dropdown";
-const dr = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileInput" }), pr = (n) => /* @__PURE__ */ s("div", { ...n, children: "FileUpload" }), Os = "Flex-module__root___yYser", ue = {
-  root: Os
-}, io = N(function({ children: e, overStyled: r = !1, gap: a = "rec-default", ...o }, t) {
-  const l = f({ ...o, gap: a }, r), i = l, d = {
-    root: ue.root
-  }, c = i.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const y = c;
-    d.root = y.root ? `${ue.root} ${y.root}` : ue.root;
+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;
   }
-  const p = i.className, m = p ? `${ue.root} ${p}` : ue.root;
-  return /* @__PURE__ */ s(
-    tt,
+  const c = s.className, i = c ? `${be.root} ${c}` : be.root;
+  return /* @__PURE__ */ n(
+    _t,
     {
       ref: t,
-      className: m,
-      classNames: d,
-      ...l,
+      className: i,
+      classNames: o,
+      gap: a,
+      ...s,
       children: e
     }
   );
 });
-io.displayName = "Flex";
-const mr = Q(io), zs = "Group-module__root___ftO64", _e = {
-  root: zs
-}, Rs = N(function({ children: e, overStyled: r = !1, gap: a = "rec-default", ...o }, t) {
-  const l = f({ ...o, gap: a }, r), i = l, d = {
-    root: _e.root
-  }, c = i.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const y = c;
-    d.root = y.root ? `${_e.root} ${y.root}` : _e.root;
+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) {
+  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;
   }
-  const p = i.className, m = p ? `${_e.root} ${p}` : _e.root;
-  return /* @__PURE__ */ s(
-    st,
+  const c = s.className, i = c ? `${ye.root} ${c}` : ye.root;
+  return /* @__PURE__ */ n(
+    ut,
     {
       ref: t,
-      className: m,
-      classNames: d,
-      ...l,
+      className: i,
+      classNames: o,
+      gap: a,
+      ...s,
       children: e
     }
   );
 });
-Rs.displayName = "Group";
-const Ms = "HoverCard-module__dropdown___FBPFW", Fs = "HoverCard-module__arrow___S9AkE", je = {
-  dropdown: Ms,
-  arrow: Fs
-}, co = function({
+Us.displayName = "Group";
+const Ys = "HoverCard-module__dropdown___FBPFW", Ks = "HoverCard-module__arrow___S9AkE", He = {
+  dropdown: Ys,
+  arrow: Ks
+}, bo = function({
   overStyled: e = !1,
-  withBeak: r = !0,
-  ...a
+  withBeak: a = !0,
+  ...s
 }) {
-  const o = f(a, e), t = {
-    dropdown: je.dropdown,
-    arrow: je.arrow
-  }, l = o.classNames;
+  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;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
     });
   }
-  const i = o.arrowSize ?? 16, d = o.withArrow;
-  return /* @__PURE__ */ s(
-    Te,
+  const c = t.arrowSize ?? 16, i = t.withArrow;
+  return /* @__PURE__ */ n(
+    Fe,
     {
       position: "top",
-      arrowSize: i,
-      withArrow: r ?? d,
-      classNames: t,
-      ...o
+      arrowSize: c,
+      withArrow: a ?? i,
+      classNames: o,
+      ...t
     }
   );
 };
-co.displayName = "HoverCard";
-const po = function(e) {
-  return /* @__PURE__ */ s(Te.Target, { ...e });
+bo.displayName = "HoverCard";
+const yo = function(e) {
+  return /* @__PURE__ */ n(Fe.Target, { ...e });
 };
-po.displayName = "HoverCardTarget";
-const mo = function({
+yo.displayName = "HoverCardTarget";
+const No = function({
   overStyled: e = !1,
-  ...r
+  ...a
 }) {
-  const a = f(r, e), o = a.className;
-  return /* @__PURE__ */ s(
-    Te.Dropdown,
+  const s = N(a, e), t = s.className;
+  return /* @__PURE__ */ n(
+    Fe.Dropdown,
     {
-      className: o,
-      ...a
+      className: t,
+      ...s
     }
   );
 };
-mo.displayName = "HoverCardDropdown";
-const uo = co;
-uo.Target = po;
-uo.Dropdown = mo;
-const Es = "Link-module__root___I0VGE", Bs = "Link-module__iconWrapper___W-LlF", js = "Link-module__labelText___wSvUy", le = {
-  root: Es,
-  iconWrapper: Bs,
-  labelText: js
-}, _o = N(function({ icon: e, children: r, overStyled: a = !1, ...o }, t) {
-  const l = f(o, a), i = l, d = {
-    root: le.root
-  }, c = i.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const y = c;
-    d.root = y.root ? `${le.root} ${y.root}` : le.root;
+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;
+  if (d && typeof d == "object" && !Array.isArray(d)) {
+    const $ = d;
+    i.root = $.root ? `${ie.root} ${$.root}` : ie.root;
   }
-  const p = i.className, m = p ? `${le.root} ${p}` : le.root;
+  const p = c.className, m = p ? `${ie.root} ${p}` : ie.root;
   return /* @__PURE__ */ M(
-    at,
+    bt,
     {
-      ref: t,
+      ref: o,
       className: m,
-      classNames: d,
+      classNames: i,
       underline: "never",
       ...e ? { "data-has-icon": "" } : {},
       ...l,
       children: [
-        e && /* @__PURE__ */ s("span", { className: le.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ s("span", { className: le.labelText, children: r })
+        e && /* @__PURE__ */ n("span", { className: ie.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ n("span", { className: ie.labelText, children: a })
       ]
     }
   );
 });
-_o.displayName = "Link";
-const ur = Q(_o), Ds = "Loader-module__root___6iYOP", be = {
-  root: Ds
-}, Vs = N(function({ variant: e = "oval", size: r = "default", overStyled: a = !1, ...o }, t) {
-  const i = {
+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 = {
     sm: "small",
     md: "default",
     lg: "large",
     small: "small",
     default: "default",
     large: "large"
-  }[r] || "default", d = f(o, a), c = {
-    root: be.root
-  }, p = d.classNames;
+  }[a] || "default", i = N(t, s), d = {
+    root: Ne.root
+  }, p = i.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
-    const u = p;
-    c.root = u.root ? `${be.root} ${u.root}` : be.root;
+    const _ = p;
+    d.root = _.root ? `${Ne.root} ${_.root}` : Ne.root;
   }
-  const m = d.className, y = m ? `${be.root} ${m}` : be.root;
-  return /* @__PURE__ */ s(
-    rt,
+  const m = i.className, $ = m ? `${Ne.root} ${m}` : Ne.root;
+  return /* @__PURE__ */ n(
+    yt,
     {
-      ref: t,
+      ref: o,
       type: e,
       "data-variant": e,
-      "data-size": i,
-      ...d,
-      className: y,
-      classNames: c
+      "data-size": c,
+      ...i,
+      className: $,
+      classNames: d
     }
   );
 });
-Vs.displayName = "Loader";
-const Gs = "Menu-module__dropdown___j4xuA", qs = "Menu-module__item___NMXha", Hs = "Menu-module__itemLabel___zvcqC", Zs = "Menu-module__itemSection___pRIcn", Us = "Menu-module__divider___wPiNq", Ys = "Menu-module__label___4FBGa", Ks = "Menu-module__chevron___hEEiy", ie = {
-  dropdown: Gs,
-  item: qs,
-  itemLabel: Hs,
-  itemSection: Zs,
-  divider: Us,
-  label: Ys,
-  chevron: Ks
-}, bo = function({ overStyled: e = !1, ...r }) {
-  const a = f(r, e), o = {
-    dropdown: ie.dropdown,
-    item: ie.item,
-    itemLabel: ie.itemLabel,
-    itemSection: ie.itemSection,
-    divider: ie.divider,
-    label: ie.label,
-    chevron: ie.chevron
-  }, t = a.classNames;
-  if (t && typeof t == "object" && !Array.isArray(t)) {
-    const l = t;
-    Object.keys(l).forEach((i) => {
-      o[i] ? o[i] = `${o[i]} ${l[i]}` : o[i] = l[i];
+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
+  }, 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];
     });
   }
-  return /* @__PURE__ */ s(
-    H,
+  return /* @__PURE__ */ n(
+    U,
     {
-      classNames: o,
-      ...a
+      classNames: t,
+      ...s
     }
   );
 };
-bo.displayName = "Menu";
-const yo = function(e) {
-  return /* @__PURE__ */ s(H.Target, { ...e });
+$o.displayName = "Menu";
+const vo = function(e) {
+  return /* @__PURE__ */ n(U.Target, { ...e });
 };
-yo.displayName = "MenuTarget";
-const ho = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      H.Dropdown,
+vo.displayName = "MenuTarget";
+const Co = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      U.Dropdown,
       {
-        ref: a,
-        className: t,
-        ...o
+        ref: s,
+        className: o,
+        ...t
       }
     );
   }
 );
-ho.displayName = "MenuDropdown";
-const No = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o;
-    e || delete t.color;
-    const l = t.className;
-    return /* @__PURE__ */ s(
-      H.Item,
+Co.displayName = "MenuDropdown";
+const go = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t;
+    e || delete o.color;
+    const l = o.className;
+    return /* @__PURE__ */ n(
+      U.Item,
       {
-        ref: a,
+        ref: s,
         className: l,
-        ...o
+        ...t
       }
     );
   }
 );
-No.displayName = "MenuItem";
-const Qs = Q(No), fo = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      H.Divider,
+go.displayName = "MenuItem";
+const ia = X(go), Po = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      U.Divider,
       {
-        ref: a,
-        className: t,
-        ...o
+        ref: s,
+        className: o,
+        ...t
       }
     );
   }
 );
-fo.displayName = "MenuDivider";
-const $o = N(function({ overStyled: e = !1, ...r }, a) {
-  const o = f(r, e), t = o.className;
-  return /* @__PURE__ */ s(
-    H.Label,
+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,
     {
-      ref: a,
-      className: t,
-      ...o
+      ref: s,
+      className: o,
+      ...t
     }
   );
 });
-$o.displayName = "MenuLabel";
-const vo = function(e) {
-  return /* @__PURE__ */ s(H.Sub, { ...e });
+wo.displayName = "MenuLabel";
+const xo = function(e) {
+  return /* @__PURE__ */ n(U.Sub, { ...e });
 };
-vo.displayName = "MenuSub";
-const Co = function(e) {
-  return /* @__PURE__ */ s(H.Sub.Target, { ...e });
+xo.displayName = "MenuSub";
+const So = function(e) {
+  return /* @__PURE__ */ n(U.Sub.Target, { ...e });
 };
-Co.displayName = "MenuSubTarget";
-const Po = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o;
-    e || delete t.color;
-    const l = t.className;
-    return /* @__PURE__ */ s(
-      H.Sub.Item,
+So.displayName = "MenuSubTarget";
+const Ao = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t;
+    e || delete o.color;
+    const l = o.className;
+    return /* @__PURE__ */ n(
+      U.Sub.Item,
       {
-        ref: a,
+        ref: s,
         className: l,
-        ...o
+        ...t
       }
     );
   }
 );
-Po.displayName = "MenuSubItem";
-const Xs = Q(
-  Po
-), go = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className;
-    return /* @__PURE__ */ s(
-      H.Sub.Dropdown,
+Ao.displayName = "MenuSubItem";
+const da = X(
+  Ao
+), Wo = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ n(
+      U.Sub.Dropdown,
       {
-        ref: a,
-        className: t,
-        ...o
+        ref: s,
+        className: o,
+        ...t
       }
     );
   }
 );
-go.displayName = "MenuSubDropdown";
-const Le = vo;
-Le.Target = Co;
-Le.Item = Xs;
-Le.Dropdown = go;
-const pe = bo;
-pe.Target = yo;
-pe.Dropdown = ho;
-pe.Item = Qs;
-pe.Divider = fo;
-pe.Label = $o;
-pe.Sub = Le;
-const _r = (n) => /* @__PURE__ */ s("div", { ...n, children: "Modal" }), Js = "NumberInput-module__root___C6rAn", ea = "NumberInput-module__input___Ss8p7", oa = "NumberInput-module__section___MijP0", ta = "NumberInput-module__controls___8UfQ2", sa = "NumberInput-module__control___Qre9-", ye = {
-  root: Js,
-  input: ea,
-  section: oa,
-  controls: ta,
-  control: sa
-}, aa = N(
-  function(e, r) {
+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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: y,
-      error: u,
-      required: _,
-      withAsterisk: $,
+      assistiveWithIcon: $,
+      error: _,
+      required: u,
+      withAsterisk: f,
       id: C,
       className: h,
-      style: P,
+      style: g,
       disabled: b,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: L,
+      value: W,
       defaultValue: x,
-      hideControls: T = !1,
+      hideControls: k = !1,
       ...z
-    } = e, S = f(z, a), w = S;
+    } = e, L = N(z, s), w = L;
     delete w.size, delete w.variant, delete w.radius;
-    const g = {
-      wrapper: ye.root,
+    const P = {
+      wrapper: he.root,
       // The nested Input internal relative wrapper bounding box
-      input: ye.input,
-      section: ye.section,
-      controls: ye.controls,
-      control: ye.control
+      input: he.input,
+      section: he.section,
+      controls: he.controls,
+      control: he.control
     };
-    return /* @__PURE__ */ s(
-      re,
+    return /* @__PURE__ */ n(
+      le,
       {
         className: h,
-        style: P,
+        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: a,
-        formLayout: o,
-        labelSize: t,
+        overStyled: s,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: y,
-        error: u,
-        required: _,
-        withAsterisk: $,
+        assistiveWithIcon: $,
+        error: _,
+        required: u,
+        withAsterisk: f,
         id: C,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L == null ? void 0 : L.toString() : x == null ? void 0 : x.toString(),
+        readOnlyValue: W !== void 0 ? W == null ? void 0 : W.toString() : x == null ? void 0 : x.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ s(
-            nt,
+          /* @__PURE__ */ n(
+            Nt,
             {
-              ref: r,
-              classNames: g,
+              ref: a,
+              classNames: P,
               disabled: b,
-              value: L,
+              value: W,
               defaultValue: x,
-              hideControls: T,
+              hideControls: k,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1605,11 +1607,11 @@ const _r = (n) => /* @__PURE__ */ s("div", { ...n, children: "Modal" }), Js = "N
               withAsterisk: void 0,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": u ? "true" : void 0,
+                "data-error": _ ? "true" : void 0,
                 "data-with-left-section": w.leftSection ? "true" : void 0,
-                "data-with-right-section": w.rightSection || !T ? "true" : void 0
+                "data-with-right-section": w.rightSection || !k ? "true" : void 0
               },
-              ...S
+              ...L
             }
           )
         )
@@ -1617,331 +1619,331 @@ const _r = (n) => /* @__PURE__ */ s("div", { ...n, children: "Modal" }), Js = "N
     );
   }
 );
-aa.displayName = "NumberInput";
-const ra = "Pagination-module__root___ITRjt", na = "Pagination-module__control___40yNT", la = "Pagination-module__dots___Yl9da", ia = "Pagination-module__iconWithLabel___pLM4O", ca = "Pagination-module__baseIcon___Qw3bJ", F = {
-  root: ra,
-  control: na,
-  dots: la,
-  iconWithLabel: ia,
-  baseIcon: ca
-}, da = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", pa = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", ma = "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", ua = "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", _a = {
-  next: da,
-  prev: pa,
-  first: ma,
-  last: ua
-}, fe = ({
-  type: 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,
   className: e,
-  ...r
-}) => /* @__PURE__ */ s(
+  ...a
+}) => /* @__PURE__ */ n(
   "svg",
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     className: `${F.baseIcon} ${e || ""}`.trim(),
-    ...r,
-    children: /* @__PURE__ */ s("path", { d: _a[n], fill: "currentColor" })
+    ...a,
+    children: /* @__PURE__ */ n("path", { d: xa[r], fill: "currentColor" })
   }
-), wo = (n) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ s("span", { children: "Next" }),
-  /* @__PURE__ */ s(fe, { type: "next", ...n })
-] }), xo = (n) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ s(fe, { type: "prev", ...n }),
-  /* @__PURE__ */ s("span", { children: "Prev" })
-] }), Wo = (n) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ s(fe, { type: "first", ...n }),
-  /* @__PURE__ */ s("span", { children: "First" })
-] }), Ao = (n) => /* @__PURE__ */ M("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ s("span", { children: "Last" }),
-  /* @__PURE__ */ s(fe, { type: "last", ...n })
+), 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 })
 ] });
-function Lo(n) {
+function Oo(r) {
   const e = {
     root: F.root,
     control: F.control,
     dots: F.dots
-  }, r = n.classNames;
-  if (r && typeof r == "object" && !Array.isArray(r)) {
-    const t = r;
-    e.root = t.root ? `${F.root} ${t.root}` : F.root, e.control = t.control ? `${F.control} ${t.control}` : F.control, e.dots = t.dots ? `${F.dots} ${t.dots}` : F.dots;
+  }, a = r.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 a = n.className;
-  return { className: a ? `${F.root} ${a}` : F.root, classNames: e };
+  const s = r.className;
+  return { className: s ? `${F.root} ${s}` : F.root, classNames: e };
 }
-const So = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = Lo(
-      o
+const zo = y(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = Oo(
+      t
     );
-    return /* @__PURE__ */ s(
-      X.Root,
+    return /* @__PURE__ */ n(
+      ee.Root,
       {
-        ref: a,
-        className: t.className,
-        classNames: t.classNames,
-        ...o
+        ref: s,
+        className: o.className,
+        classNames: o.classNames,
+        ...t
       }
     );
   }
 );
-So.displayName = "Pagination.Root";
-const ko = N(function({ withLabel: e, icon: r, ...a }, o) {
-  const t = r || (e ? wo : void 0);
-  return /* @__PURE__ */ s(
-    X.Next,
+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,
     {
-      ref: o,
+      ref: t,
       "data-variant": "text",
-      icon: t,
-      ...a
+      icon: o,
+      ...s
     }
   );
 });
-ko.displayName = "Pagination.Next";
-const Io = N(function({ withLabel: e, icon: r, ...a }, o) {
-  const t = r || (e ? xo : void 0);
-  return /* @__PURE__ */ s(
-    X.Previous,
+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,
     {
-      ref: o,
+      ref: t,
       "data-variant": "text",
-      icon: t,
-      ...a
+      icon: o,
+      ...s
     }
   );
 });
-Io.displayName = "Pagination.Previous";
-const To = N(function({ withLabel: e, icon: r, ...a }, o) {
-  const t = r || (e ? Wo : void 0);
-  return /* @__PURE__ */ s(
-    X.First,
+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,
     {
-      ref: o,
+      ref: t,
       "data-variant": "text",
-      icon: t,
-      ...a
+      icon: o,
+      ...s
     }
   );
 });
-To.displayName = "Pagination.First";
-const Oo = N(function({ withLabel: e, icon: r, ...a }, o) {
-  const t = r || (e ? Ao : void 0);
-  return /* @__PURE__ */ s(
-    X.Last,
+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,
     {
-      ref: o,
+      ref: t,
       "data-variant": "text",
-      icon: t,
-      ...a
+      icon: o,
+      ...s
     }
   );
 });
-Oo.displayName = "Pagination.Last";
-const zo = N(
-  function({ overStyled: e = !1, getControlProps: r, withLabels: a, ...o }, t) {
-    const l = f(o, e), i = Lo(
+Bo.displayName = "Pagination.Last";
+const Eo = y(
+  function({ overStyled: e = !1, getControlProps: a, withLabels: s, ...t }, o) {
+    const l = N(t, e), c = Oo(
       l
-    ), d = (p) => {
+    ), i = (p) => {
       const m = { "data-variant": "text" };
-      return r ? { ...m, ...r(p) } : m;
-    }, c = a ? {
-      nextIcon: wo,
-      previousIcon: xo,
-      firstIcon: Wo,
-      lastIcon: Ao
+      return a ? { ...m, ...a(p) } : m;
+    }, d = s ? {
+      nextIcon: Lo,
+      previousIcon: To,
+      firstIcon: Io,
+      lastIcon: ko
     } : {};
-    return /* @__PURE__ */ s(
-      X,
+    return /* @__PURE__ */ n(
+      ee,
       {
-        ref: t,
-        className: i.className,
-        classNames: i.classNames,
-        getControlProps: d,
-        ...c,
+        ref: o,
+        className: c.className,
+        classNames: c.classNames,
+        getControlProps: i,
+        ...d,
         ...l
       }
     );
   }
 );
-zo.displayName = "Pagination";
-const ee = zo;
-ee.Root = So;
-ee.Items = X.Items;
-ee.Control = X.Control;
-ee.Dots = X.Dots;
-ee.Next = ko;
-ee.Previous = Io;
-ee.First = To;
-ee.Last = Oo;
-ee.Icon = fe;
-const ba = "Panel-module__content___wdGo-", ya = "Panel-module__inner___ruA2b", ha = "Panel-module__header___o7SiC", Na = "Panel-module__title___181OP recursica_brand_typography_h3", fa = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", $a = "Panel-module__body___SEC3T", va = "Panel-module__footer___t6-hz", se = {
-  content: ba,
-  inner: ya,
-  header: ha,
-  title: Na,
-  titleTruncate: fa,
-  body: $a,
-  footer: va
-}, Ro = function({
+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({
   overStyled: e = !1,
-  position: r = "right",
-  keepMounted: a = !0,
-  wrapHeaderText: o = !1,
-  ...t
+  position: a = "right",
+  keepMounted: s = !0,
+  wrapHeaderText: t = !1,
+  ...o
 }) {
-  const l = f(t, e), i = {
-    content: se.content,
-    header: se.header,
-    title: o ? se.titleTruncate : se.title,
-    body: se.body,
-    inner: se.inner
-  }, d = l.classNames;
-  if (d && typeof d == "object" && !Array.isArray(d)) {
-    const c = d;
-    Object.keys(c).forEach((p) => {
-      i[p] ? i[p] = `${i[p]} ${c[p]}` : i[p] = c[p];
+  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;
+    Object.keys(d).forEach((p) => {
+      c[p] ? c[p] = `${c[p]} ${d[p]}` : c[p] = d[p];
     });
   }
-  return /* @__PURE__ */ s(
-    J,
+  return /* @__PURE__ */ n(
+    oe,
     {
-      position: r,
-      keepMounted: a,
-      closeOnClickOutside: t.closeOnClickOutside ?? !!t.opened,
+      position: a,
+      keepMounted: s,
+      closeOnClickOutside: o.closeOnClickOutside ?? !!o.opened,
       ...l,
-      classNames: i
+      classNames: c
     }
   );
 };
-Ro.displayName = "Panel";
-const Mo = N(
-  function({ overStyled: e = !1, ...r }, a) {
-    const o = f(r, e), t = o.className, l = t ? `${se.footer} ${t}` : se.footer;
-    return /* @__PURE__ */ s("div", { ref: a, className: l, ...o });
+jo.displayName = "Panel";
+const Do = y(
+  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 });
   }
 );
-Mo.displayName = "PanelFooter";
-const oe = Ro;
-oe.Root = J.Root;
-oe.Overlay = J.Overlay;
-oe.Content = J.Content;
-oe.Header = J.Header;
-oe.Title = J.Title;
-oe.CloseButton = J.CloseButton;
-oe.Body = J.Body;
-oe.Stack = J.Stack;
-oe.Footer = Mo;
-const br = (n) => /* @__PURE__ */ s("div", { ...n, children: "Popover" }), Ca = "Radio-module__groupRoot___bfUii", Pa = "Radio-module__root___kAjTD", ga = "Radio-module__body___q2Wpj", wa = "Radio-module__inner___QaTBB", xa = "Radio-module__radio___MfgN-", Wa = "Radio-module__icon___DWznm", Aa = "Radio-module__labelWrapper___dB0Gi", La = "Radio-module__label___vAFIP", I = {
-  groupRoot: Ca,
-  root: Pa,
-  body: ga,
-  inner: wa,
-  radio: xa,
-  icon: Wa,
-  labelWrapper: Aa,
-  label: La
-}, Fo = N(
-  function(e, r) {
+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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: y,
-      assistiveWithIcon: u,
-      error: _,
-      required: $,
+      assistiveText: $,
+      assistiveWithIcon: _,
+      error: u,
+      required: f,
       withAsterisk: C,
       id: h,
-      className: P,
+      className: g,
       style: b,
       children: A,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: L,
+      emptyValueComponent: W,
       value: x,
-      defaultValue: T,
+      defaultValue: k,
       ...z
-    } = e, S = f(z, a), w = S;
-    return delete w.size, /* @__PURE__ */ s(
-      re,
+    } = e, L = N(z, s), w = L;
+    return delete w.size, /* @__PURE__ */ n(
+      le,
       {
-        className: P,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: o,
-        labelSize: t,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: y,
-        assistiveWithIcon: u,
-        error: _,
-        required: $,
+        assistiveText: $,
+        assistiveWithIcon: _,
+        error: u,
+        required: f,
         withAsterisk: C,
         id: h,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: L,
+        emptyValueComponent: W,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : T,
+        readOnlyValue: x !== void 0 ? x : k,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ s(
-          qe.Group,
+        activeComponent: /* @__PURE__ */ n(
+          Ke.Group,
           {
-            ref: r,
-            ...S,
+            ref: a,
+            ...L,
             disabled: v || w.disabled,
             value: x,
-            defaultValue: T,
-            children: /* @__PURE__ */ s("div", { className: I.groupRoot, "data-layout": o, children: j.Children.map(A, (g) => j.isValidElement(g) ? j.cloneElement(g, {
-              disabled: v || g.props.disabled
-            }) : g) })
+            defaultValue: k,
+            children: /* @__PURE__ */ n("div", { className: I.groupRoot, "data-layout": t, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+              disabled: v || P.props.disabled
+            }) : P) })
           }
         )
       }
     );
   }
 );
-Fo.displayName = "RadioGroup";
-const Sa = ({ className: n, style: e }) => /* @__PURE__ */ s(
+Vo.displayName = "RadioGroup";
+const Da = ({ className: r, style: e }) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: n,
+    className: r,
     style: e,
-    children: /* @__PURE__ */ s("circle", { cx: "8", cy: "8", r: "5" })
+    children: /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Eo = N(
-  function(e, r) {
+), Go = y(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      readOnly: o,
-      readOnlyComponent: t,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: o,
       disabled: l,
-      formLayout: i,
-      labelSize: d,
-      controlMaxWidth: c,
+      formLayout: c,
+      labelSize: i,
+      controlMaxWidth: d,
       controlMinWidth: p,
       ...m
-    } = e, y = f(m, a), u = y;
-    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
-    const _ = {
+    } = e, $ = N(m, s), _ = $;
+    delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
+    const u = {
       root: I.root,
       body: I.body,
       inner: I.inner,
@@ -1949,268 +1951,365 @@ const Sa = ({ className: n, style: e }) => /* @__PURE__ */ s(
       icon: I.icon,
       labelWrapper: I.labelWrapper,
       label: I.label
-    }, $ = u.classNames;
-    if ($ && typeof $ == "object" && !Array.isArray($)) {
-      const b = $;
-      _.root = b.root ? `${I.root} ${b.root}` : I.root, _.body = b.body ? `${I.body} ${b.body}` : I.body, _.inner = b.inner ? `${I.inner} ${b.inner}` : I.inner, _.radio = b.radio ? `${I.radio} ${b.radio}` : I.radio, _.icon = b.icon ? `${I.icon} ${b.icon}` : I.icon, _.labelWrapper = b.labelWrapper ? `${I.labelWrapper} ${b.labelWrapper}` : I.labelWrapper, _.label = b.label ? `${I.label} ${b.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;
     }
-    const C = u.className, h = C ? `${I.root} ${C}` : I.root;
-    if (o && t) {
-      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
-        t,
+    const C = _.className, h = C ? `${I.root} ${C}` : I.root;
+    if (t && o) {
+      const b = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ n(
+        o,
         {
           ...e,
           checked: b,
-          label: u.label
+          label: _.label
         }
       );
-      return i ? /* @__PURE__ */ s(
-        ae,
+      return c ? /* @__PURE__ */ n(
+        re,
         {
-          formLayout: i,
-          labelSize: d,
-          controlMaxWidth: c,
+          formLayout: c,
+          labelSize: i,
+          controlMaxWidth: d,
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ s(Ne, { children: v });
+      ) : /* @__PURE__ */ n($e, { children: v });
     }
-    const P = /* @__PURE__ */ s(
-      qe,
+    const g = /* @__PURE__ */ n(
+      Ke,
       {
-        ref: r,
-        icon: Sa,
+        ref: a,
+        icon: Da,
         className: h,
-        classNames: _,
-        disabled: o || l,
-        ...y
+        classNames: u,
+        disabled: t || l,
+        ...$
       }
     );
-    return i ? /* @__PURE__ */ s(
-      ae,
+    return c ? /* @__PURE__ */ n(
+      re,
       {
-        formLayout: i,
-        labelSize: d,
-        controlMaxWidth: c,
+        formLayout: c,
+        labelSize: i,
+        controlMaxWidth: d,
         controlMinWidth: p,
-        children: P
+        children: g
       }
-    ) : P;
+    ) : g;
   }
 );
-Eo.displayName = "Radio";
-Eo.Group = Fo;
-const ka = ({ checked: n, label: e }) => /* @__PURE__ */ M(
-  Ie,
+Go.displayName = "Radio";
+Go.Group = Vo;
+const Va = ({ checked: r, label: e }) => /* @__PURE__ */ M(
+  Me,
   {
     component: "span",
-    className: we.textField,
+    className: Ae.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       e && /* @__PURE__ */ M("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ s("span", { children: n ? "On" : "Off" })
+      /* @__PURE__ */ n("span", { children: r ? "On" : "Off" })
     ]
   }
 );
-ka.displayName = "ReadOnlySwitchField";
-const Ia = ({ checked: n, label: e }) => /* @__PURE__ */ M(
-  Ie,
+Va.displayName = "ReadOnlySwitchField";
+const Ga = ({ checked: r, label: e }) => /* @__PURE__ */ M(
+  Me,
   {
     component: "span",
-    className: we.textField,
+    className: Ae.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
       e && /* @__PURE__ */ M("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
-      /* @__PURE__ */ s("span", { children: n ? "True" : "False" })
+      /* @__PURE__ */ n("span", { children: r ? "True" : "False" })
     ]
   }
 );
-Ia.displayName = "ReadOnlyBooleanField";
-const yr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Search" }), hr = (n) => /* @__PURE__ */ s("div", { ...n, children: "SegmentedControl" }), Nr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Slider" }), Ta = "Stack-module__root___NUN-x", he = {
-  root: Ta
-}, Oa = N(function({ children: e, overStyled: r = !1, gap: a = "rec-default", ...o }, t) {
-  const l = f({ ...o, gap: a }, r), i = l, d = {
-    root: he.root
-  }, c = i.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const y = c;
-    d.root = y.root ? `${he.root} ${y.root}` : he.root;
+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
+};
+function Ya(r) {
+  const e = {
+    root: D.root,
+    control: D.control,
+    label: D.label,
+    indicator: D.indicator
+  }, a = r.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;
   }
-  const p = i.className, m = p ? `${he.root} ${p}` : he.root;
-  return /* @__PURE__ */ s(
-    lt,
+  const s = r.className;
+  return { className: s ? `${D.root} ${s}` : D.root, classNames: e };
+}
+const qo = y(
+  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: s, ...t }, o) {
+    const l = N(t, e), c = Ya(
+      l
+    );
+    return /* @__PURE__ */ n(
+      ht,
+      {
+        ref: o,
+        className: c.className,
+        classNames: c.classNames,
+        orientation: a,
+        fullWidth: s,
+        "data-orientation": a,
+        ...l
+      }
+    );
+  }
+);
+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) {
+  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;
+  }
+  const c = s.className, i = c ? `${fe.root} ${c}` : fe.root;
+  return /* @__PURE__ */ n(
+    ft,
     {
       ref: t,
-      className: m,
-      classNames: d,
-      ...l,
+      className: i,
+      classNames: o,
+      gap: a,
+      ...s,
       children: e
     }
   );
 });
-Oa.displayName = "Stack";
-const fr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Stepper" }), za = "Switch-module__root___Y5Ydi", Ra = "Switch-module__body___Sw9Wr", Ma = "Switch-module__track___7ObdZ", Fa = "Switch-module__thumb___-FTeK", Ea = "Switch-module__labelWrapper___YSOwx", Ba = "Switch-module__label___LrH7V", ja = "Switch-module__thumbIconWrapper___sCY-1", Da = "Switch-module__checkIcon___ZBAQN", Va = "Switch-module__closeIcon___bLLGw", Ga = "Switch-module__groupRoot___-Uepi", W = {
-  root: za,
-  body: Ra,
-  track: Ma,
-  thumb: Fa,
-  labelWrapper: Ea,
-  label: Ba,
-  thumbIconWrapper: ja,
-  checkIcon: Da,
-  closeIcon: Va,
-  groupRoot: Ga
-}, Bo = N(
-  function(e, r) {
+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(
+  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,
+      {
+        ref: a,
+        orientation: o,
+        className: `${j.root} ${o === "horizontal" ? j.horizontal : j.vertical} ${t === "large" ? j.large : j.small} ${l || ""}`,
+        style: c,
+        "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
+        },
+        ...d
+      }
+    );
+  }
+), er = Object.assign(Ho, {
+  Step: ze.Step,
+  Completed: ze.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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label Wrappers
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
       description: m,
-      assistiveText: y,
-      assistiveWithIcon: u,
-      error: _,
-      required: $,
+      assistiveText: $,
+      assistiveWithIcon: _,
+      error: u,
+      required: f,
       withAsterisk: C,
       id: h,
-      className: P,
+      className: g,
       style: b,
       children: A,
       readOnly: v,
       readOnlyComponent: R,
-      emptyValueComponent: L,
+      emptyValueComponent: W,
       value: x,
-      defaultValue: T,
+      defaultValue: k,
       ...z
-    } = e, S = f(z, a), w = S;
-    return delete w.size, /* @__PURE__ */ s(
-      re,
+    } = e, L = N(z, s), w = L;
+    return delete w.size, /* @__PURE__ */ n(
+      le,
       {
-        className: P,
+        className: g,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: a,
+        overStyled: s,
         labelElement: "div",
-        formLayout: o,
-        labelSize: t,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         description: m,
-        assistiveText: y,
-        assistiveWithIcon: u,
-        error: _,
-        required: $,
+        assistiveText: $,
+        assistiveWithIcon: _,
+        error: u,
+        required: f,
         withAsterisk: C,
         id: h,
         readOnly: v && !!R,
         readOnlyComponent: R,
-        emptyValueComponent: L,
+        emptyValueComponent: W,
         readOnlyType: "text",
-        readOnlyValue: x !== void 0 ? x : T,
+        readOnlyValue: x !== void 0 ? x : k,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ s(
-          He.Group,
+        activeComponent: /* @__PURE__ */ n(
+          Qe.Group,
           {
-            ref: r,
-            ...S,
+            ref: a,
+            ...L,
             disabled: v || w.disabled,
             value: x,
-            defaultValue: T,
-            children: /* @__PURE__ */ s("div", { className: W.groupRoot, children: j.Children.map(A, (g) => j.isValidElement(g) ? j.cloneElement(g, {
-              disabled: v || g.props.disabled
-            }) : g) })
+            defaultValue: k,
+            children: /* @__PURE__ */ n("div", { className: S.groupRoot, children: V.Children.map(A, (P) => V.isValidElement(P) ? V.cloneElement(P, {
+              disabled: v || P.props.disabled
+            }) : P) })
           }
         )
       }
     );
   }
 );
-Bo.displayName = "SwitchGroup";
-const jo = N(
-  function(e, r) {
+Zo.displayName = "SwitchGroup";
+const Uo = y(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      readOnly: o,
-      readOnlyComponent: t,
+      overStyled: s = !1,
+      readOnly: t,
+      readOnlyComponent: o,
       disabled: l,
-      thumbIcon: i,
-      formLayout: d,
-      labelSize: c,
+      thumbIcon: c,
+      formLayout: i,
+      labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: m,
-      ...y
-    } = e, u = f(y, a), _ = u;
-    delete _.size, delete _.color, delete _.radius, delete _.variant;
-    const $ = {
-      root: W.root,
-      body: W.body,
-      track: W.track,
-      thumb: W.thumb,
-      trackLabel: W.trackLabel,
-      labelWrapper: W.labelWrapper,
-      label: W.label
-    }, C = _.classNames;
+      ...$
+    } = e, _ = 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
+    }, C = u.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const v = C;
-      $.root = v.root ? `${W.root} ${v.root}` : W.root, $.body = v.body ? `${W.body} ${v.body}` : W.body, $.track = v.track ? `${W.track} ${v.track}` : W.track, $.thumb = v.thumb ? `${W.thumb} ${v.thumb}` : W.thumb, $.trackLabel = v.trackLabel ? `${W.trackLabel} ${v.trackLabel}` : W.trackLabel, $.labelWrapper = v.labelWrapper ? `${W.labelWrapper} ${v.labelWrapper}` : W.labelWrapper, $.label = v.label ? `${W.label} ${v.label}` : W.label;
+      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;
     }
-    const h = _.className, P = h ? `${W.root} ${h}` : W.root;
-    if (o && t) {
-      const v = !!(_.checked ?? _.defaultChecked), L = /* @__PURE__ */ s(
-        t,
+    const h = u.className, g = h ? `${S.root} ${h}` : S.root;
+    if (t && o) {
+      const v = !!(u.checked ?? u.defaultChecked), W = /* @__PURE__ */ n(
+        o,
         {
           ...e,
           checked: v,
-          label: _.label
+          label: u.label
         }
       );
-      return d ? /* @__PURE__ */ s(
-        ae,
+      return i ? /* @__PURE__ */ n(
+        re,
         {
-          formLayout: d,
-          labelSize: c,
+          formLayout: i,
+          labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: m,
-          children: L
+          children: W
         }
-      ) : /* @__PURE__ */ s(Ne, { children: L });
+      ) : /* @__PURE__ */ n($e, { children: W });
     }
-    const b = /* @__PURE__ */ M("div", { className: W.thumbIconWrapper, children: [
-      /* @__PURE__ */ s(it, { className: W.checkIcon }),
-      /* @__PURE__ */ s(ct, { className: W.closeIcon })
-    ] }), A = /* @__PURE__ */ s(
-      He,
+    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,
       {
-        ref: r,
-        className: P,
-        classNames: $,
-        disabled: o || l,
-        thumbIcon: i ?? b,
-        ...u
+        ref: a,
+        className: g,
+        classNames: f,
+        disabled: t || l,
+        thumbIcon: c ?? b,
+        ..._
       }
     );
-    return d ? /* @__PURE__ */ s(
-      ae,
+    return i ? /* @__PURE__ */ n(
+      re,
       {
-        formLayout: d,
-        labelSize: c,
+        formLayout: i,
+        labelSize: d,
         controlMaxWidth: p,
         controlMinWidth: m,
         children: A
@@ -2218,97 +2317,172 @@ const jo = N(
     ) : A;
   }
 );
-jo.displayName = "Switch";
-jo.Group = Bo;
-const $r = (n) => /* @__PURE__ */ s("div", { ...n, children: "Table" }), vr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Tabs" }), Do = N(function({ overStyled: e = !1, variant: r = "body", ...a }, o) {
-  const t = f(a, e), l = t.className, i = `recursica_brand_typography_${r}`, d = l ? `${i} ${l}` : i;
-  return /* @__PURE__ */ s(
-    dt,
+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) {
+  const {
+    variant: s = "default",
+    orientation: t = "horizontal",
+    overStyled: o = !1,
+    className: l,
+    ...c
+  } = e, i = N(c, o);
+  return /* @__PURE__ */ n(
+    Te,
     {
-      ref: o,
-      className: d,
-      ...t
+      ref: a,
+      variant: s,
+      orientation: t,
+      className: `${Pe.root} ${l || ""}`,
+      "data-variant": s,
+      "data-orientation": t,
+      classNames: {
+        list: Pe.list,
+        tab: Pe.tab,
+        panel: Pe.panel
+      },
+      ...i
     }
   );
 });
-Do.displayName = "Text";
-const Cr = Q(Do), qa = "TextArea-module__root___3dyeu", Ha = "TextArea-module__input___8l36v", de = {
-  root: qa,
-  input: Ha
-}, Za = N(
-  function(e, r) {
+Yo.displayName = "Tabs";
+const Ko = y(
+  function(e, a) {
+    const { overStyled: s = !1, ...t } = e;
+    return /* @__PURE__ */ n(
+      Te.List,
+      {
+        ref: a,
+        ...N(t, s)
+      }
+    );
+  }
+);
+Ko.displayName = "Tabs.List";
+const Qo = y(
+  function(e, a) {
+    const { overStyled: s = !1, ...t } = e;
+    return /* @__PURE__ */ n(
+      Te.Tab,
+      {
+        ref: a,
+        ...N(t, s)
+      }
+    );
+  }
+);
+Qo.displayName = "Tabs.Tab";
+const Jo = y(
+  function(e, a) {
+    const { overStyled: s = !1, ...t } = e;
+    return /* @__PURE__ */ n(
+      Te.Panel,
+      {
+        ref: a,
+        ...N(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,
+    {
+      ref: t,
+      className: i,
+      ...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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: y,
-      error: u,
-      required: _,
-      withAsterisk: $,
+      assistiveWithIcon: $,
+      error: _,
+      required: u,
+      withAsterisk: f,
       id: C,
       className: h,
-      style: P,
+      style: g,
       disabled: b,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: L,
+      value: W,
       defaultValue: x,
-      ...T
-    } = e, z = f(T, a), S = z;
-    delete S.size, delete S.variant, delete S.radius;
+      ...k
+    } = e, z = N(k, s), L = z;
+    delete L.size, delete L.variant, delete L.radius;
     const w = {
-      wrapper: de.root,
+      wrapper: me.root,
       // The nested Input internal relative wrapper bounding box
-      input: de.input
-    }, g = S.classNames;
-    if (g && typeof g == "object" && !Array.isArray(g)) {
-      const O = g;
-      w.wrapper = O.wrapper ? `${de.root} ${O.wrapper}` : de.root, w.input = O.input ? `${de.input} ${O.input}` : de.input;
+      input: me.input
+    }, P = L.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;
     }
-    return /* @__PURE__ */ s(
-      re,
+    return /* @__PURE__ */ n(
+      le,
       {
         className: h,
-        style: P,
+        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: a,
-        formLayout: o,
-        labelSize: t,
+        overStyled: s,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: y,
-        error: u,
-        required: _,
-        withAsterisk: $,
+        assistiveWithIcon: $,
+        error: _,
+        required: u,
+        withAsterisk: f,
         id: C,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : x,
+        readOnlyValue: W !== void 0 ? W : x,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ s(
-            pt,
+          /* @__PURE__ */ n(
+            gt,
             {
-              ref: r,
+              ref: a,
               classNames: w,
               disabled: b,
-              value: L,
+              value: W,
               defaultValue: x,
               label: void 0,
               description: void 0,
@@ -2317,7 +2491,7 @@ const Cr = Q(Do), qa = "TextArea-module__root___3dyeu", Ha = "TextArea-module__i
               withAsterisk: void 0,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": u ? "true" : void 0
+                "data-error": _ ? "true" : void 0
               },
               ...z
             }
@@ -2327,90 +2501,90 @@ const Cr = Q(Do), qa = "TextArea-module__root___3dyeu", Ha = "TextArea-module__i
     );
   }
 );
-Za.displayName = "TextArea";
-const Ua = "TextField-module__root___2ZYkG", Ya = "TextField-module__input___RL-My", Ka = "TextField-module__section___bCIJ0", U = {
-  root: Ua,
-  input: Ya,
-  section: Ka
-}, Qa = N(
-  function(e, r) {
+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(
+  function(e, a) {
     const {
-      overStyled: a = !1,
-      formLayout: o = "stacked",
+      overStyled: s = !1,
+      formLayout: t = "stacked",
       // Label & Wrapper Maps
-      labelSize: t,
+      labelSize: o,
       labelAlignment: l,
-      labelOptionalText: i,
-      labelWithEditIcon: d,
-      onLabelEditClick: c,
+      labelOptionalText: c,
+      labelWithEditIcon: i,
+      onLabelEditClick: d,
       label: p,
       assistiveText: m,
-      assistiveWithIcon: y,
-      error: u,
-      required: _,
-      withAsterisk: $,
+      assistiveWithIcon: $,
+      error: _,
+      required: u,
+      withAsterisk: f,
       id: C,
       className: h,
-      style: P,
+      style: g,
       disabled: b,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: R,
-      value: L,
+      value: W,
       defaultValue: x,
-      ...T
-    } = e, z = f(T, a), S = z;
-    delete S.size, delete S.variant, delete S.radius;
+      ...k
+    } = e, z = N(k, s), L = z;
+    delete L.size, delete L.variant, delete L.radius;
     const w = {
-      wrapper: U.root,
+      wrapper: K.root,
       // The nested Input internal relative wrapper bounding box
-      input: U.input,
-      section: U.section
-    }, g = S.classNames;
-    if (g && typeof g == "object" && !Array.isArray(g)) {
-      const O = g;
-      w.wrapper = O.wrapper ? `${U.root} ${O.wrapper}` : U.root, w.input = O.input ? `${U.input} ${O.input}` : U.input, w.section = O.section ? `${U.section} ${O.section}` : U.section;
+      input: K.input,
+      section: K.section
+    }, P = L.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;
     }
-    return /* @__PURE__ */ s(
-      re,
+    return /* @__PURE__ */ n(
+      le,
       {
         className: h,
-        style: P,
+        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: a,
-        formLayout: o,
-        labelSize: t,
+        overStyled: s,
+        formLayout: t,
+        labelSize: o,
         labelAlignment: l,
-        labelOptionalText: i,
-        labelWithEditIcon: d,
-        onLabelEditClick: c,
+        labelOptionalText: c,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
         label: p,
         assistiveText: m,
-        assistiveWithIcon: y,
-        error: u,
-        required: _,
-        withAsterisk: $,
+        assistiveWithIcon: $,
+        error: _,
+        required: u,
+        withAsterisk: f,
         id: C,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: R,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : x,
+        readOnlyValue: W !== void 0 ? W : x,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ s(
-            Ve,
+          /* @__PURE__ */ n(
+            Ue,
             {
-              ref: r,
+              ref: a,
               classNames: w,
               disabled: b,
-              value: L,
+              value: W,
               defaultValue: x,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
-                "data-error": u ? "true" : void 0
+                "data-error": _ ? "true" : void 0
               },
               ...z
             }
@@ -2420,119 +2594,117 @@ const Ua = "TextField-module__root___2ZYkG", Ya = "TextField-module__input___RL-
     );
   }
 );
-Qa.displayName = "TextField";
-const Pr = (n) => /* @__PURE__ */ s("div", { ...n, children: "TimePicker" }), gr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Timeline" }), Xa = N(function({ overStyled: e = !1, order: r = 1, ...a }, o) {
-  const t = f(a, e), l = t.className, i = `recursica_brand_typography_h${r}`, d = l ? `${i} ${l}` : i;
-  return /* @__PURE__ */ s(
-    mt,
+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,
     {
-      ref: o,
-      order: r,
-      className: d,
-      ...t
+      ref: t,
+      order: a,
+      className: i,
+      ...o
     }
   );
 });
-Xa.displayName = "Title";
-const wr = (n) => /* @__PURE__ */ s("div", { ...n, children: "Toast" }), Ja = "Tooltip-module__tooltip___UA7H9", er = "Tooltip-module__arrow___4zROk", De = {
-  tooltip: Ja,
-  arrow: er
-}, Vo = function({
+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({
   overStyled: e = !1,
-  withBeak: r = !0,
-  ...a
+  withBeak: a = !0,
+  ...s
 }) {
-  const o = f(a, e), t = {
-    tooltip: De.tooltip,
-    arrow: De.arrow
-  }, l = o.classNames;
+  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;
     Object.keys(p).forEach((m) => {
-      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
     });
   }
-  const i = o.arrowSize ?? 16, d = o.withArrow;
-  return /* @__PURE__ */ s(
-    Oe,
+  const c = t.arrowSize ?? 16, i = t.withArrow;
+  return /* @__PURE__ */ n(
+    Be,
     {
       position: "top",
       multiline: !0,
-      arrowSize: i,
-      withArrow: r ?? d,
-      classNames: t,
-      ...o
+      arrowSize: c,
+      withArrow: a ?? i,
+      classNames: o,
+      ...t
     }
   );
 };
-Vo.displayName = "Tooltip";
-const Go = Vo;
-Go.Floating = Oe.Floating;
-Go.Group = Oe.Group;
-const xr = (n) => /* @__PURE__ */ s("div", { ...n, children: "TransferList" });
+et.displayName = "Tooltip";
+const ot = et;
+ot.Floating = Be.Floating;
+ot.Group = Be.Group;
+const lr = (r) => /* @__PURE__ */ n("div", { ...r, children: "TransferList" });
 export {
-  Me as Accordion,
-  ze as AccordionControl,
-  Ue as AccordionItem,
-  Re as AccordionPanel,
-  ar as Avatar,
-  rr as Badge,
-  It as Breadcrumb,
-  nr as Button,
-  lr as Card,
-  to as CardContent,
-  oo as CardFooter,
-  eo as CardHeader,
-  Je as CardSection,
-  lo as Checkbox,
-  no as CheckboxGroup,
-  ws as Chip,
-  Ws as Container,
-  cr as DatePicker,
-  Ts as Dropdown,
-  ge as EmptyValueRenderer,
-  dr as FileInput,
-  pr as FileUpload,
-  mr as Flex,
-  ae as FormControlLayout,
-  Rs as Group,
-  uo as HoverCard,
-  ao as Label,
-  ls as Layer,
-  ur as Link,
-  Vs as Loader,
-  pe as Menu,
-  _r as Modal,
-  aa as NumberInput,
-  ee as Pagination,
-  oe as Panel,
-  Mo as PanelFooter,
-  br as Popover,
-  Eo as Radio,
-  Fo as RadioGroup,
-  Ia as ReadOnlyBooleanField,
-  ro as ReadOnlyField,
-  ka as ReadOnlySwitchField,
-  Ce as ReadOnlyTextField,
-  ir as RecursicaThemeProvider,
-  yr as Search,
-  hr as SegmentedControl,
-  Nr as Slider,
-  Oa as Stack,
-  fr as Stepper,
-  jo as Switch,
-  Bo as SwitchGroup,
-  $r as Table,
-  vr as Tabs,
-  Cr as Text,
-  Za as TextArea,
-  Qa as TextField,
-  Pr as TimePicker,
-  gr as Timeline,
-  Xa as Title,
-  wr as Toast,
-  Go as Tooltip,
-  xr as TransferList,
-  re as WithReadOnlyWrapper
+  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
 };
 //# sourceMappingURL=mantine-adapter.js.map