@recursica/mantine-adapter 0.20.0 → 0.22.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as z, Fragment as Ne } from "react/jsx-runtime";
-import L, { forwardRef as h, useId as gt, useEffect as Pt } from "react";
-import { Accordion as Re, Avatar as wt, createPolymorphicComponent as Y, Badge as Tt, Breadcrumbs as xt, Button as St, Card as ke, Input as ao, Box as Ve, Checkbox as ro, Chip as At, Container as Wt, Select as Lt, Flex as It, Group as Ot, HoverCard as Ge, Anchor as zt, Loader as Rt, Menu as K, Modal as G, NumberInput as kt, Pagination as te, Drawer as se, Popover as qe, Radio as no, SegmentedControl as Mt, Stack as Bt, Stepper as je, Switch as lo, CheckIcon as Ft, CloseIcon as Et, Tabs as Me, Text as jt, Textarea as Dt, TimelineItem as Vt, Timeline as Gt, Title as qt, Notification as Ht, Tooltip as He } from "@mantine/core";
-const Ut = [
+import { jsx as r, jsxs as R, Fragment as ve } from "react/jsx-runtime";
+import j, { forwardRef as $, useId as gt, useEffect as Tt } from "react";
+import { Accordion as Re, Input as no, Box as qe, Autocomplete as xt, Avatar as At, createPolymorphicComponent as X, Badge as St, Breadcrumbs as Wt, Loader as Lt, Button as Ot, Card as Me, Checkbox as lo, Chip as It, Container as zt, Select as kt, Flex as Rt, Group as Mt, HoverCard as He, Anchor as Bt, Menu as J, Modal as H, NumberInput as Ft, Pagination as ae, Drawer as re, Popover as Ue, Radio as io, SegmentedControl as Et, Stack as jt, Stepper as Ve, Switch as co, CheckIcon as Dt, CloseIcon as Vt, Tabs as Be, Text as Gt, Textarea as qt, TimelineItem as Ht, Timeline as Ut, Title as Zt, Notification as Yt, Tooltip as Ze } from "@mantine/core";
+const Kt = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const Ut = [
   "mih",
   "mah"
   // Dimensions
-], io = /* @__PURE__ */ new Set([
+], po = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const Ut = [
   "left",
   "bottom",
   "right"
-]), Le = {
+]), Ie = {
   "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,45 +69,45 @@ const Ut = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function Ue(l) {
+function Ye(l) {
   const e = { ...l };
   for (const [a, s] of Object.entries(e))
-    typeof s == "string" && s.startsWith("rec-") && io.has(a) && s in Le && (e[a] = Le[s]);
+    typeof s == "string" && s.startsWith("rec-") && po.has(a) && s in Ie && (e[a] = Ie[s]);
   return e;
 }
-function f(l, e) {
+function N(l, e) {
   if (e)
     return l;
   const a = { ...l };
-  for (const s of Ut)
+  for (const s of Kt)
     s in a && delete a[s];
   for (const [s, t] of Object.entries(a))
-    typeof t == "string" && t.startsWith("rec-") && io.has(s) && t in Le && (a[s] = Le[t]);
+    typeof t == "string" && t.startsWith("rec-") && po.has(s) && t in Ie && (a[s] = Ie[t]);
   return a;
 }
-const Zt = "Accordion-module__root___Dem6d", Yt = "Accordion-module__item___7ryVk", Kt = "Accordion-module__noDivider___Ni2tT", Qt = "Accordion-module__control___b4wgX", Jt = "Accordion-module__label___Ss7uW", Xt = "Accordion-module__chevron___i-HVZ", es = "Accordion-module__iconLeftWrapper___5oLen", os = "Accordion-module__panel___Wx50w", ts = "Accordion-module__content___PEM9t", X = {
-  root: Zt,
-  item: Yt,
-  noDivider: Kt,
-  control: Qt,
-  label: Jt,
-  chevron: Xt,
-  iconLeftWrapper: es,
-  panel: os,
-  content: ts
-}, co = function({
+const Qt = "Accordion-module__root___Dem6d", Xt = "Accordion-module__item___7ryVk", Jt = "Accordion-module__noDivider___Ni2tT", es = "Accordion-module__control___b4wgX", os = "Accordion-module__label___Ss7uW", ts = "Accordion-module__chevron___i-HVZ", ss = "Accordion-module__iconLeftWrapper___5oLen", as = "Accordion-module__panel___Wx50w", rs = "Accordion-module__content___PEM9t", oe = {
+  root: Qt,
+  item: Xt,
+  noDivider: Jt,
+  control: es,
+  label: os,
+  chevron: ts,
+  iconLeftWrapper: ss,
+  panel: as,
+  content: rs
+}, _o = function({
   variant: e = "unstyled",
   overStyled: a = !1,
   ...s
 }) {
-  const t = f(s, a), o = {
-    root: X.root,
-    item: X.item,
-    control: X.control,
-    label: X.label,
-    chevron: X.chevron,
-    panel: X.panel,
-    content: X.content
+  const t = N(s, a), o = {
+    root: oe.root,
+    item: oe.item,
+    control: oe.control,
+    label: oe.label,
+    chevron: oe.chevron,
+    panel: oe.panel,
+    content: oe.content
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
@@ -126,39 +126,39 @@ const Zt = "Accordion-module__root___Dem6d", Yt = "Accordion-module__item___7ryV
     }
   );
 };
-co.displayName = "Accordion";
-const po = h(function({ title: e, leftIcon: a, divider: s = !0, children: t, overStyled: o = !1, ...n }, i) {
-  const c = f(n, o), d = c.className, p = [s ? void 0 : X.noDivider, d].filter(Boolean).join(" ") || void 0;
+_o.displayName = "Accordion";
+const mo = $(function({ title: e, leftIcon: a, divider: s = !0, children: t, overStyled: o = !1, ...n }, i) {
+  const c = N(n, o), d = c.className, p = [s ? void 0 : oe.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
     Re.Item,
     {
       ref: i,
       className: p,
       ...c,
-      children: e ? /* @__PURE__ */ z(Ne, { children: [
-        /* @__PURE__ */ r(Ze, { leftIcon: a, children: e }),
-        /* @__PURE__ */ r(Ye, { children: t })
+      children: e ? /* @__PURE__ */ R(ve, { children: [
+        /* @__PURE__ */ r(Ke, { leftIcon: a, children: e }),
+        /* @__PURE__ */ r(Qe, { children: t })
       ] }) : t
     }
   );
 });
-po.displayName = "AccordionItem";
-const Ze = h(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
-  const n = f(t, s), i = n.className;
+mo.displayName = "AccordionItem";
+const Ke = $(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
+  const n = N(t, s), i = n.className;
   return /* @__PURE__ */ r(
     Re.Control,
     {
       ref: o,
       className: i,
-      icon: e ? /* @__PURE__ */ r("span", { className: X.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: oe.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...n,
       children: a
     }
   );
 });
-Ze.displayName = "AccordionControl";
-const Ye = h(function({ overStyled: e = !1, ...a }, s) {
-  const t = f(a, e), o = t.className;
+Ke.displayName = "AccordionControl";
+const Qe = $(function({ overStyled: e = !1, ...a }, s) {
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ r(
     Re.Panel,
     {
@@ -168,278 +168,19 @@ const Ye = h(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-Ye.displayName = "AccordionPanel";
-const Ke = co;
-Ke.Item = po;
-Ke.Control = Ze;
-Ke.Panel = Ye;
-const ss = "Avatar-module__root___fXu-J", as = "Avatar-module__iconWrapper___ojly2", rs = "Avatar-module__textWrapper___zp-jD", ns = "Avatar-module__image___ieqGp", ls = "Avatar-module__placeholder___IDW7-", U = {
-  root: ss,
-  iconWrapper: as,
-  textWrapper: rs,
-  image: ns,
-  placeholder: ls
-}, mo = h(function({
-  size: e = "default",
-  variant: a = "solid",
-  icon: s,
-  children: t,
-  src: o,
-  overStyled: n = !1,
-  ...i
-}, c) {
-  const d = {
-    solid: "filled",
-    outline: "outline",
-    ghost: "transparent"
-  }, p = {
-    default: "md",
-    small: "sm",
-    large: "lg"
-  }, m = f(i, n), N = m;
-  let _ = "text";
-  o ? _ = "image" : s && (_ = "icon");
-  const u = {
-    root: U.root,
-    image: U.image,
-    placeholder: U.placeholder
-  }, b = N.classNames;
-  if (b && typeof b == "object" && !Array.isArray(b)) {
-    const $ = b;
-    u.root = $.root ? `${U.root} ${$.root}` : U.root, u.image = $.image ? `${U.image} ${$.image}` : U.image, u.placeholder = $.placeholder ? `${U.placeholder} ${$.placeholder}` : U.placeholder;
-  }
-  const C = N.className;
-  return /* @__PURE__ */ r(
-    wt,
-    {
-      ref: c,
-      className: C,
-      classNames: u,
-      variant: d[a],
-      size: p[e],
-      src: o,
-      "data-variant": a,
-      "data-size": e,
-      "data-style": _,
-      ...m,
-      children: s != null ? /* @__PURE__ */ r("span", { className: U.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ r("span", { className: U.textWrapper, children: t }) : void 0
-    }
-  );
-});
-mo.displayName = "Avatar";
-const Rn = Y(mo), is = "Badge-module__root___5osNT", Q = {
-  root: is
-}, _o = h(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
-  const o = f(s, a), n = {
-    root: Q.root,
-    section: Q.section,
-    label: Q.label
-  }, i = o.classNames;
-  if (i && typeof i == "object" && !Array.isArray(i)) {
-    const p = i;
-    n.root = p.root ? `${Q.root} ${p.root}` : Q.root, n.section = p.section ?? Q.section, n.label = p.label ?? Q.label;
-  }
-  const c = o.className, d = c ? `${Q.root} ${c}` : Q.root;
-  return /* @__PURE__ */ r(
-    Tt,
-    {
-      ref: t,
-      variant: "filled",
-      "data-variant": e,
-      ...o,
-      className: d,
-      classNames: n
-    }
-  );
-});
-_o.displayName = "Badge";
-const kn = Y(_o), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-module__separator___qrUX-", ne = {
-  root: cs,
-  separator: ds
-}, ps = h(
-  function({ overStyled: e = !1, separator: a = ">", ...s }, t) {
-    const o = f(
-      { separator: a, ...s },
-      e
-    ), n = {
-      root: ne.root,
-      separator: ne.separator
-    }, i = o.classNames;
-    if (i && typeof i == "object" && !Array.isArray(i)) {
-      const p = i;
-      n.root = p.root ? `${ne.root} ${p.root}` : ne.root, n.separator = p.separator ? `${ne.separator} ${p.separator}` : ne.separator;
-    }
-    const c = o.className, d = c ? `${ne.root} ${c}` : ne.root;
-    return /* @__PURE__ */ r(
-      xt,
-      {
-        ref: t,
-        ...o,
-        className: d,
-        classNames: n
-      }
-    );
-  }
-);
-ps.displayName = "Breadcrumb";
-const ms = "Button-module__root___Q2R8-", _s = "Button-module__label___UJ3Zt", us = "Button-module__labelText___rFV5p", bs = "Button-module__iconWrapper___uEKPa", ys = "Button-module__section___f2mKr", Z = {
-  root: ms,
-  label: _s,
-  labelText: us,
-  iconWrapper: bs,
-  section: ys
-};
-function fs(l) {
-  return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
-}
-const uo = h(function({
-  variant: e = "solid",
-  size: a = "default",
-  icon: s,
-  children: t,
-  overStyled: o = !1,
-  ...n
-}, i) {
-  const c = {
-    solid: "filled",
-    outline: "outline",
-    text: "subtle"
-  }, d = {
-    default: "md",
-    small: "sm"
-  }, p = f(n, o), m = p;
-  delete m.fullWidth;
-  const N = !!s || !!m.leftSection, _ = !!m.rightSection, u = (N || _) && !fs(t);
-  typeof process < "u" && process.env.NODE_ENV !== "production" && u && !m["aria-label"] && console.warn(
-    '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
-  );
-  const b = {
-    root: Z.root,
-    section: Z.section,
-    label: Z.label
-  }, C = m.classNames;
-  if (C && typeof C == "object" && !Array.isArray(C)) {
-    const y = C;
-    b.root = y.root ? `${Z.root} ${y.root}` : Z.root, b.section = y.section ?? Z.section, b.label = y.label ?? Z.label;
-  }
-  const $ = m.className, g = $ ? `${Z.root} ${$}` : Z.root;
-  return /* @__PURE__ */ r(
-    St,
-    {
-      ref: i,
-      className: g,
-      classNames: b,
-      variant: c[e],
-      size: d[a],
-      leftSection: s != null ? /* @__PURE__ */ r("span", { className: Z.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
-      "data-variant": e,
-      "data-size": a,
-      ...u ? { "data-icon-only": "" } : {},
-      ...p,
-      children: /* @__PURE__ */ r("span", { className: Z.labelText, children: t })
-    }
-  );
-});
-uo.displayName = "Button";
-const Mn = Y(
-  uo
-), Ns = "Card-module__root___c9KvZ", hs = "Card-module__header___PTXf2 recursica_brand_typography_h3", $s = "Card-module__footer___Mu-JC", vs = "Card-module__section___BRT8H", Cs = "Card-module__content___oFIQa", oe = {
-  root: Ns,
-  header: hs,
-  footer: $s,
-  section: vs,
-  content: Cs
-}, bo = h(function({ overStyled: e = !1, ...a }, s) {
-  const t = f(a, e), o = {
-    root: oe.root
-  }, n = t.classNames;
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const c = n;
-    Object.keys(c).forEach((d) => {
-      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
-    });
-  }
-  const i = t.className;
-  return /* @__PURE__ */ r(
-    ke,
-    {
-      ref: s,
-      className: i,
-      classNames: o,
-      ...t
-    }
-  );
-});
-bo.displayName = "Card";
-const yo = h(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
-    return /* @__PURE__ */ r(
-      ke.Section,
-      {
-        ref: s,
-        className: o ? `${oe.section} ${o}` : oe.section,
-        ...t
-      }
-    );
-  }
-);
-yo.displayName = "CardSection";
-const fo = h(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
-    return /* @__PURE__ */ r(
-      ke.Section,
-      {
-        ref: s,
-        className: o ? `${oe.header} ${o}` : oe.header,
-        ...t
-      }
-    );
-  }
-);
-fo.displayName = "CardHeader";
-const No = h(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
-    return /* @__PURE__ */ r(
-      ke.Section,
-      {
-        ref: s,
-        className: o ? `${oe.footer} ${o}` : oe.footer,
-        ...t
-      }
-    );
-  }
-);
-No.displayName = "CardFooter";
-const ho = h(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: s,
-        className: o ? `${oe.content} ${o}` : oe.content,
-        ...t
-      }
-    );
-  }
-);
-ho.displayName = "CardContent";
-const $o = Y(bo), Be = $o;
-Be.Section = yo;
-Be.Header = fo;
-Be.Footer = No;
-Be.Content = ho;
-const Bn = $o, gs = "Label-module__root___e6HXZ", Ps = "Label-module__labelText___rieFR", ws = "Label-module__required___Ggrzc", Ts = "Label-module__optionalText___Y2yun", xs = "Label-module__actionAreaWrapper___ELoZK", Ss = "Label-module__editIconWrapper___NG2xW", H = {
-  root: gs,
-  labelText: Ps,
-  required: ws,
-  optionalText: Ts,
-  actionAreaWrapper: xs,
-  editIconWrapper: Ss
-}, vo = h(function({
+Qe.displayName = "AccordionPanel";
+const Xe = _o;
+Xe.Item = mo;
+Xe.Control = Ke;
+Xe.Panel = Qe;
+const ns = "Label-module__root___e6HXZ", ls = "Label-module__labelText___rieFR", is = "Label-module__required___Ggrzc", cs = "Label-module__optionalText___Y2yun", ds = "Label-module__actionAreaWrapper___ELoZK", ps = "Label-module__editIconWrapper___NG2xW", Z = {
+  root: ns,
+  labelText: ls,
+  required: is,
+  optionalText: cs,
+  actionAreaWrapper: ds,
+  editIconWrapper: ps
+}, uo = $(function({
   labelSize: e = "default",
   labelAlignment: a,
   required: s = !1,
@@ -450,37 +191,37 @@ const Bn = $o, gs = "Label-module__root___e6HXZ", Ps = "Label-module__labelText_
   children: c,
   overStyled: d = !1,
   ...p
-}, m) {
-  const N = a || "left";
-  let _;
-  s || (t === !0 ? _ = "optional" : t && (_ = t));
-  const u = f(p, d), b = u, C = {
-    label: H.root,
-    required: H.required
-  }, $ = b.classNames;
-  if ($ && typeof $ == "object" && !Array.isArray($)) {
-    const S = $;
-    C.label = S.label ? `${H.root} ${S.label}` : H.root, C.required = S.required ? `${H.required} ${S.required}` : H.required;
+}, _) {
+  const f = a || "left";
+  let u;
+  s || (t === !0 ? u = "optional" : t && (u = t));
+  const m = N(p, d), y = m, C = {
+    label: Z.root,
+    required: Z.required
+  }, h = y.classNames;
+  if (h && typeof h == "object" && !Array.isArray(h)) {
+    const x = h;
+    C.label = x.label ? `${Z.root} ${x.label}` : Z.root, C.required = x.required ? `${Z.required} ${x.required}` : Z.required;
   }
-  const g = b.className, y = g ? `${H.root} ${g}` : H.root;
-  return /* @__PURE__ */ z(
-    ao.Label,
+  const w = y.className, b = w ? `${Z.root} ${w}` : Z.root;
+  return /* @__PURE__ */ R(
+    no.Label,
     {
-      ref: m,
-      className: y,
+      ref: _,
+      className: b,
       classNames: C,
       "data-size": e,
-      "data-alignment": N,
+      "data-alignment": f,
       required: s && !o,
-      ...u,
+      ...m,
       children: [
-        /* @__PURE__ */ r("span", { className: H.labelText, children: c }),
-        _ && /* @__PURE__ */ r("span", { className: H.optionalText, children: typeof _ == "string" ? `(${_})` : _ }),
-        n ? /* @__PURE__ */ r("span", { className: H.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: Z.labelText, children: c }),
+        u && /* @__PURE__ */ r("span", { className: Z.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        n ? /* @__PURE__ */ r("span", { className: Z.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: H.editIconWrapper,
+            className: Z.editIconWrapper,
             "data-replaces-asterisk": s ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
@@ -509,12 +250,12 @@ const Bn = $o, gs = "Label-module__root___e6HXZ", Ps = "Label-module__labelText_
     }
   );
 });
-vo.displayName = "Label";
-const As = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-module__leftSection___GBM1r", Ls = "FormControlLayout-module__rightSection___bcL4v", Se = {
-  root: As,
-  leftSection: Ws,
-  rightSection: Ls
-}, ce = h(function({
+uo.displayName = "Label";
+const _s = "FormControlLayout-module__root___yNDhZ", ms = "FormControlLayout-module__leftSection___GBM1r", us = "FormControlLayout-module__rightSection___bcL4v", We = {
+  root: _s,
+  leftSection: ms,
+  rightSection: us
+}, me = $(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
   controlMaxWidth: s,
@@ -525,12 +266,12 @@ const As = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-mod
   style: c,
   ...d
 }, p) {
-  const m = i ? `${Se.root} ${i}` : Se.root, _ = o != null || e === "side-by-side";
-  return /* @__PURE__ */ z(
+  const _ = i ? `${We.root} ${i}` : We.root, u = o != null || e === "side-by-side";
+  return /* @__PURE__ */ R(
     "div",
     {
       ref: p,
-      className: m,
+      className: _,
       "data-form-layout": e,
       style: {
         ...c,
@@ -539,18 +280,18 @@ const As = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-mod
       },
       ...d,
       children: [
-        _ && /* @__PURE__ */ r("div", { className: Se.leftSection, "data-size": a, children: o }),
-        /* @__PURE__ */ r("div", { className: Se.rightSection, children: n })
+        u && /* @__PURE__ */ r("div", { className: We.leftSection, "data-size": a, children: o }),
+        /* @__PURE__ */ r("div", { className: We.rightSection, children: n })
       ]
     }
   );
 });
-ce.displayName = "FormControlLayout";
-const Is = "AssistiveElement-module__root___WhQ43", Os = "AssistiveElement-module__textWrapper___sfy5E", zs = "AssistiveElement-module__iconWrapper___gObRF", Ee = {
-  root: Is,
-  textWrapper: Os,
-  iconWrapper: zs
-}, Rs = () => /* @__PURE__ */ z(
+me.displayName = "FormControlLayout";
+const bs = "AssistiveElement-module__root___WhQ43", ys = "AssistiveElement-module__textWrapper___sfy5E", fs = "AssistiveElement-module__iconWrapper___gObRF", De = {
+  root: bs,
+  textWrapper: ys,
+  iconWrapper: fs
+}, Ns = () => /* @__PURE__ */ R(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -566,7 +307,7 @@ const Is = "AssistiveElement-module__root___WhQ43", Os = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), ks = () => /* @__PURE__ */ z(
+), hs = () => /* @__PURE__ */ R(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -582,7 +323,7 @@ const Is = "AssistiveElement-module__root___WhQ43", Os = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), De = h(function({
+), Ge = $(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
   children: s,
@@ -590,26 +331,27 @@ const Is = "AssistiveElement-module__root___WhQ43", Os = "AssistiveElement-modul
   overStyled: o = !1,
   ...n
 }, i) {
-  const d = f(n, o), p = Ee.root, m = t ? `${p} ${t}` : p, N = e === "error" ? ks : Rs;
-  return /* @__PURE__ */ z(
+  const d = N(n, o), p = De.root, _ = t ? `${p} ${t}` : p, f = e === "error" ? hs : Ns;
+  return /* @__PURE__ */ R(
     "div",
     {
       ref: i,
-      className: m,
+      className: _,
       "data-variant": e,
       style: d.style,
       ...d,
       children: [
-        a && /* @__PURE__ */ r("span", { className: Ee.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
-        /* @__PURE__ */ r("span", { className: Ee.textWrapper, children: s })
+        a && /* @__PURE__ */ r("span", { className: De.iconWrapper, children: /* @__PURE__ */ r(f, {}) }),
+        /* @__PURE__ */ r("span", { className: De.textWrapper, children: s })
       ]
     }
   );
 });
-De.displayName = "AssistiveElement";
-const Ms = "FormControlWrapper-module__inputSection___HenXk", Xe = {
-  inputSection: Ms
-}, Ie = h(function({
+Ge.displayName = "AssistiveElement";
+const $s = "FormControlWrapper-module__root___c-UHo", vs = "FormControlWrapper-module__inputSection___HenXk", oo = {
+  root: $s,
+  inputSection: vs
+}, ze = $(function({
   formLayout: e,
   labelSize: a,
   labelAlignment: s,
@@ -620,81 +362,81 @@ const Ms = "FormControlWrapper-module__inputSection___HenXk", Xe = {
   label: c,
   description: d,
   assistiveText: p,
-  assistiveWithIcon: m = !0,
-  controlMaxWidth: N,
-  controlMinWidth: _,
-  error: u,
-  required: b,
+  assistiveWithIcon: _ = !0,
+  controlMaxWidth: f,
+  controlMinWidth: u,
+  error: m,
+  required: y,
   withAsterisk: C,
-  id: $,
-  children: g,
-  className: y,
-  overStyled: S = !1,
+  id: h,
+  children: w,
+  className: b,
+  overStyled: x = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
-  ...B
+  ...I
 }, A) {
-  const T = gt(), R = $ || `recursica-fc-${T}`, M = p || d, W = M ? `${R}-assistive` : void 0, w = u ? `${R}-error` : void 0, k = f(B, S), me = y || k.className, xe = Xe.root, q = me ? `${xe} ${me}` : xe, vt = L.isValidElement(g) ? L.cloneElement(
-    g,
+  const T = gt(), W = h || `recursica-fc-${T}`, O = p || d, P = O ? `${W}-assistive` : void 0, g = m ? `${W}-error` : void 0, B = N(I, x), S = b || B.className, Se = oo.root, je = S ? `${Se} ${S}` : Se, U = j.isValidElement(w) ? j.cloneElement(
+    w,
     {
-      ...M && !g.props["aria-describedby"] ? { "aria-describedby": W } : {},
-      ...u && !g.props["aria-errormessage"] ? { "aria-errormessage": w } : {}
+      ...O && !w.props["aria-describedby"] ? { "aria-describedby": P } : {},
+      ...m && !w.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
     }
-  ) : g, Ct = c ? /* @__PURE__ */ r(
-    vo,
+  ) : w, Pt = c ? /* @__PURE__ */ r(
+    uo,
     {
-      id: R,
+      id: W,
       labelAlignment: s,
       labelOptionalText: t,
       labelWithEditIcon: o,
       labelActionArea: n,
       onLabelEditClick: i,
-      required: C ?? b,
+      required: C ?? y,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
   ) : void 0;
   return /* @__PURE__ */ r(
-    ce,
+    me,
     {
       ref: A,
-      className: q,
+      className: je,
       formLayout: e,
       labelSize: a,
-      controlMaxWidth: N,
-      controlMinWidth: _,
-      leftSection: Ct,
-      ...k,
-      children: /* @__PURE__ */ z("div", { className: Xe.inputSection, children: [
-        vt,
-        u && /* @__PURE__ */ r(
-          De,
+      controlMaxWidth: f,
+      controlMinWidth: u,
+      leftSection: Pt,
+      ...B,
+      children: /* @__PURE__ */ R("div", { className: oo.inputSection, children: [
+        U,
+        m && /* @__PURE__ */ r(
+          Ge,
           {
-            id: w,
+            id: g,
             assistiveVariant: "error",
-            assistiveWithIcon: m,
-            children: u
+            assistiveWithIcon: _,
+            children: m
           }
         ),
-        !u && M && /* @__PURE__ */ r(
-          De,
+        !m && O && /* @__PURE__ */ r(
+          Ge,
           {
-            id: W,
+            id: P,
             assistiveVariant: "help",
-            assistiveWithIcon: m,
-            children: M
+            assistiveWithIcon: _,
+            children: O
           }
         )
       ] })
     }
   );
 });
-Ie.displayName = "FormControlWrapper";
-const Bs = "_root_1qhn7_3", Fs = "_contents_1qhn7_18", ye = {
-  root: Bs,
-  contents: Fs
-}, Es = h(function({ layer: l, contentsOnly: e, children: a, className: s, style: t, ...o }, n) {
-  const i = e ? s ? `${ye.root} ${ye.contents} ${s}` : `${ye.root} ${ye.contents}` : s ? `${ye.root} ${s}` : ye.root;
+ze.displayName = "FormControlWrapper";
+const Cs = "_root_1qhn7_3", ws = "_contents_1qhn7_18", he = {
+  root: Cs,
+  contents: ws
+}, Ps = $(function({ layer: l, contentsOnly: e, children: a, className: s, style: t, ...o }, n) {
+  const i = e ? s ? `${he.root} ${he.contents} ${s}` : `${he.root} ${he.contents}` : s ? `${he.root} ${s}` : he.root;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -707,88 +449,100 @@ const Bs = "_root_1qhn7_3", Fs = "_contents_1qhn7_18", ye = {
     }
   );
 });
-Es.displayName = "Layer";
-const Oe = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(L.Fragment, { children: l });
-Oe.displayName = "EmptyValueRenderer";
-Oe.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
-const eo = "data-recursica-theme";
-function Fn({
+Ps.displayName = "Layer";
+const ke = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(j.Fragment, { children: l });
+ke.displayName = "EmptyValueRenderer";
+ke.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
+const to = "data-recursica-theme";
+function Qn({
   children: l,
   theme: e = "light"
 }) {
-  return Pt(() => {
+  return Tt(() => {
     const a = document.documentElement;
-    return a.setAttribute(eo, e), () => {
-      a.removeAttribute(eo);
+    return a.setAttribute(to, e), () => {
+      a.removeAttribute(to);
     };
-  }, [e]), /* @__PURE__ */ r(Ne, { children: l });
+  }, [e]), /* @__PURE__ */ r(ve, { children: l });
 }
-const js = "ReadOnlyField-module__textField___qKn25", ze = {
-  textField: js
-}, We = ({
+const gs = "ReadOnlyField-module__layoutOverride___9fSsG", Ts = "ReadOnlyField-module__textField___qKn25", $e = {
+  layoutOverride: gs,
+  textField: Ts
+}, Oe = ({
   value: l,
   overStyled: e = !1,
   ...a
 }) => {
-  const s = f(a, e), t = s.className;
+  const s = N(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    Ve,
+    qe,
     {
       component: "p",
-      className: t ? `${ze.textField} ${t}` : ze.textField,
+      className: t ? `${$e.textField} ${t}` : $e.textField,
       ...s,
-      children: l != null ? L.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
+      children: l != null ? j.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
     }
   );
 };
-We.displayName = "ReadOnlyTextField";
-const Co = h(
-  function({ value: e, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...o }, n) {
-    let i = null;
-    const c = f(o, t), d = s || Oe, m = (d.check ? d.check(e) : Oe.check(e)) ? /* @__PURE__ */ r(d, { value: e }) : e;
+Oe.displayName = "ReadOnlyTextField";
+const bo = $(
+  function({
+    value: e,
+    type: a = "text",
+    emptyValueComponent: s,
+    overStyled: t = !1,
+    className: o,
+    style: n,
+    ...i
+  }, c) {
+    let d = null;
+    const p = N(i, t), _ = s || ke, u = (_.check ? _.check(e) : ke.check(e)) ? /* @__PURE__ */ r(_, { value: e }) : e;
     switch (a) {
       case "boolean":
-        i = /* @__PURE__ */ r(
-          We,
+        d = /* @__PURE__ */ r(
+          Oe,
           {
-            value: e === !0 ? "True" : e === !1 ? "False" : m,
+            value: e === !0 ? "True" : e === !1 ? "False" : u,
             overStyled: t
           }
         );
         break;
       case "switch":
-        i = /* @__PURE__ */ r(
-          We,
+        d = /* @__PURE__ */ r(
+          Oe,
           {
-            value: e === !0 ? "On" : e === !1 ? "Off" : m,
+            value: e === !0 ? "On" : e === !1 ? "Off" : u,
             overStyled: t
           }
         );
         break;
       case "text":
       default:
-        i = /* @__PURE__ */ r(
-          We,
+        d = /* @__PURE__ */ r(
+          Oe,
           {
-            value: m,
+            value: u,
             overStyled: t
           }
         );
         break;
     }
+    const m = o ? `${$e.layoutOverride} ${o}` : $e.layoutOverride;
     return /* @__PURE__ */ r(
-      Ie,
+      ze,
       {
-        ref: n,
+        ref: c,
         overStyled: t,
-        ...c,
-        children: i
+        className: m,
+        style: n,
+        ...p,
+        children: d
       }
     );
   }
 );
-Co.displayName = "ReadOnlyField";
-const de = h(function({
+bo.displayName = "ReadOnlyField";
+const ne = $(function({
   readOnly: e,
   readOnlyComponent: a,
   readOnlyType: s = "text",
@@ -799,20 +553,20 @@ const de = h(function({
   overStyled: c,
   onLabelEditClick: d,
   ...p
-}, m) {
+}, _) {
   return e ? a ? /* @__PURE__ */ r(
-    Ie,
+    ze,
     {
-      ref: m,
+      ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
       children: /* @__PURE__ */ r(a, { ...o })
     }
   ) : /* @__PURE__ */ r(
-    Co,
+    bo,
     {
-      ref: m,
+      ref: _,
       type: s,
       value: t,
       emptyValueComponent: n,
@@ -821,9 +575,9 @@ const de = h(function({
       ...p
     }
   ) : /* @__PURE__ */ r(
-    Ie,
+    ze,
     {
-      ref: m,
+      ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
@@ -831,17 +585,419 @@ const de = h(function({
     }
   );
 });
-de.displayName = "WithReadOnlyWrapper";
-const Ds = "Checkbox-module__groupRoot___cBS0o", Vs = "Checkbox-module__root___mY3qk", Gs = "Checkbox-module__body___5yC7q", qs = "Checkbox-module__inner___rTke4", Hs = "Checkbox-module__input___2kt-h", Us = "Checkbox-module__icon___-O7i6", Zs = "Checkbox-module__labelWrapper___GpZkr", Ys = "Checkbox-module__label___cwRtI", I = {
-  groupRoot: Ds,
-  root: Vs,
-  body: Gs,
-  inner: qs,
-  input: Hs,
-  icon: Us,
-  labelWrapper: Zs,
-  label: Ys
-}, go = h(
+ne.displayName = "WithReadOnlyWrapper";
+const xs = "AutoComplete-module__layoutOverride___-K9WL", As = "AutoComplete-module__root___kANza", Ss = "AutoComplete-module__input___g51MC", Ws = "AutoComplete-module__section___WAbf1", Ls = "AutoComplete-module__dropdown___NqO3E", Os = "AutoComplete-module__option___Y-Kja", F = {
+  layoutOverride: xs,
+  root: As,
+  input: Ss,
+  section: Ws,
+  dropdown: Ls,
+  option: Os
+}, Is = $(
+  function(e, a) {
+    const {
+      overStyled: s = !1,
+      formLayout: t = "stacked",
+      // Label & Wrapper Maps
+      labelSize: o,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
+      onLabelEditClick: d,
+      label: p,
+      assistiveText: _,
+      assistiveWithIcon: f,
+      error: u,
+      required: m,
+      withAsterisk: y,
+      id: C,
+      className: h,
+      style: w,
+      disabled: b,
+      readOnly: x,
+      readOnlyComponent: v,
+      emptyValueComponent: I,
+      value: A,
+      defaultValue: T,
+      ...W
+    } = e, O = N(W, s), P = O;
+    delete P.size, delete P.variant, delete P.radius;
+    const g = {
+      wrapper: F.root,
+      // The nested Input internal relative wrapper bounding box
+      input: F.input,
+      section: F.section,
+      dropdown: F.dropdown,
+      option: F.option
+    }, M = P.classNames;
+    if (M && typeof M == "object" && !Array.isArray(M)) {
+      const S = M;
+      g.wrapper = S.wrapper ? `${F.root} ${S.wrapper}` : F.root, g.input = S.input ? `${F.input} ${S.input}` : F.input, g.section = S.section ? `${F.section} ${S.section}` : F.section, g.dropdown = S.dropdown ? `${F.dropdown} ${S.dropdown}` : F.dropdown, g.option = S.option ? `${F.option} ${S.option}` : F.option;
+    }
+    const B = h ? `${F.layoutOverride} ${h}` : F.layoutOverride;
+    return /* @__PURE__ */ r(
+      ne,
+      {
+        className: B,
+        style: w,
+        controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
+        controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
+        overStyled: s,
+        formLayout: t,
+        labelSize: o,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
+        onLabelEditClick: d,
+        label: p,
+        assistiveText: _,
+        assistiveWithIcon: f,
+        error: u,
+        required: m,
+        withAsterisk: y,
+        id: C,
+        readOnly: x,
+        readOnlyComponent: v,
+        emptyValueComponent: I,
+        readOnlyType: "text",
+        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyNativeProps: e,
+        activeComponent: (
+          /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ r(
+            xt,
+            {
+              ref: a,
+              classNames: g,
+              disabled: b,
+              value: A,
+              defaultValue: T,
+              wrapperProps: {
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
+              },
+              ...O
+            }
+          )
+        )
+      }
+    );
+  }
+);
+Is.displayName = "AutoComplete";
+const zs = "Avatar-module__root___fXu-J", ks = "Avatar-module__iconWrapper___ojly2", Rs = "Avatar-module__textWrapper___zp-jD", Ms = "Avatar-module__image___ieqGp", Bs = "Avatar-module__placeholder___IDW7-", K = {
+  root: zs,
+  iconWrapper: ks,
+  textWrapper: Rs,
+  image: Ms,
+  placeholder: Bs
+}, yo = $(function({
+  size: e = "default",
+  variant: a = "solid",
+  icon: s,
+  children: t,
+  src: o,
+  overStyled: n = !1,
+  ...i
+}, c) {
+  const d = {
+    solid: "filled",
+    outline: "outline",
+    ghost: "transparent"
+  }, p = {
+    default: "md",
+    small: "sm",
+    large: "lg"
+  }, _ = N(i, n), f = _;
+  let u = "text";
+  o ? u = "image" : s && (u = "icon");
+  const m = {
+    root: K.root,
+    image: K.image,
+    placeholder: K.placeholder
+  }, y = f.classNames;
+  if (y && typeof y == "object" && !Array.isArray(y)) {
+    const h = y;
+    m.root = h.root ? `${K.root} ${h.root}` : K.root, m.image = h.image ? `${K.image} ${h.image}` : K.image, m.placeholder = h.placeholder ? `${K.placeholder} ${h.placeholder}` : K.placeholder;
+  }
+  const C = f.className;
+  return /* @__PURE__ */ r(
+    At,
+    {
+      ref: c,
+      className: C,
+      classNames: m,
+      variant: d[a],
+      size: p[e],
+      src: o,
+      "data-variant": a,
+      "data-size": e,
+      "data-style": u,
+      ..._,
+      children: s != null ? /* @__PURE__ */ r("span", { className: K.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ r("span", { className: K.textWrapper, children: t }) : void 0
+    }
+  );
+});
+yo.displayName = "Avatar";
+const Xn = X(yo), Fs = "Badge-module__root___5osNT", ee = {
+  root: Fs
+}, fo = $(function({ variant: e = "primary-color", overStyled: a = !1, ...s }, t) {
+  const o = N(s, a), n = {
+    root: ee.root,
+    section: ee.section,
+    label: ee.label
+  }, i = o.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const p = i;
+    n.root = p.root ? `${ee.root} ${p.root}` : ee.root, n.section = p.section ?? ee.section, n.label = p.label ?? ee.label;
+  }
+  const c = o.className, d = c ? `${ee.root} ${c}` : ee.root;
+  return /* @__PURE__ */ r(
+    St,
+    {
+      ref: t,
+      variant: "filled",
+      "data-variant": e,
+      ...o,
+      className: d,
+      classNames: n
+    }
+  );
+});
+fo.displayName = "Badge";
+const Jn = X(fo), Es = "Breadcrumb-module__root___x-9ln", js = "Breadcrumb-module__separator___qrUX-", ce = {
+  root: Es,
+  separator: js
+}, Ds = $(
+  function({ overStyled: e = !1, separator: a = ">", ...s }, t) {
+    const o = N(
+      { separator: a, ...s },
+      e
+    ), n = {
+      root: ce.root,
+      separator: ce.separator
+    }, i = o.classNames;
+    if (i && typeof i == "object" && !Array.isArray(i)) {
+      const p = i;
+      n.root = p.root ? `${ce.root} ${p.root}` : ce.root, n.separator = p.separator ? `${ce.separator} ${p.separator}` : ce.separator;
+    }
+    const c = o.className, d = c ? `${ce.root} ${c}` : ce.root;
+    return /* @__PURE__ */ r(
+      Wt,
+      {
+        ref: t,
+        ...o,
+        className: d,
+        classNames: n
+      }
+    );
+  }
+);
+Ds.displayName = "Breadcrumb";
+const Vs = "Loader-module__root___6iYOP", we = {
+  root: Vs
+}, No = $(function({ variant: e = "oval", size: a = "default", overStyled: s = !1, ...t }, o) {
+  const i = {
+    sm: "small",
+    md: "default",
+    lg: "large",
+    small: "small",
+    default: "default",
+    large: "large"
+  }[a] || "default", c = N(t, s), d = {
+    root: we.root
+  }, p = c.classNames;
+  if (p && typeof p == "object" && !Array.isArray(p)) {
+    const u = p;
+    d.root = u.root ? `${we.root} ${u.root}` : we.root;
+  }
+  const _ = c.className, f = _ ? `${we.root} ${_}` : we.root;
+  return /* @__PURE__ */ r(
+    Lt,
+    {
+      ref: o,
+      type: e,
+      "data-variant": e,
+      "data-size": i,
+      ...c,
+      className: f,
+      classNames: d
+    }
+  );
+});
+No.displayName = "Loader";
+const Gs = "Button-module__root___Q2R8-", qs = "Button-module__loader___X-9u-", Hs = "Button-module__label___UJ3Zt", Us = "Button-module__labelText___rFV5p", Zs = "Button-module__iconWrapper___uEKPa", Ys = "Button-module__section___f2mKr", Y = {
+  root: Gs,
+  loader: qs,
+  label: Hs,
+  labelText: Us,
+  iconWrapper: Zs,
+  section: Ys
+};
+function Ks(l) {
+  return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
+}
+const ho = $(function({
+  variant: e = "solid",
+  size: a = "default",
+  icon: s,
+  children: t,
+  overStyled: o = !1,
+  loaderVariant: n = "oval",
+  loaderSize: i,
+  useRecursicaLoader: c = !0,
+  ...d
+}, p) {
+  const _ = {
+    solid: "filled",
+    outline: "outline",
+    text: "subtle"
+  }, f = {
+    default: "md",
+    small: "sm"
+  }, u = N(d, o), m = u;
+  delete m.fullWidth;
+  const y = !!s || !!m.leftSection, C = !!m.rightSection, h = Ks(t), w = (y || C) && !h;
+  let b = "label";
+  w ? b = "icon-only" : (y || C) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && w && !m["aria-label"] && console.warn(
+    '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
+  );
+  const x = {
+    root: Y.root,
+    section: Y.section,
+    label: Y.label,
+    loader: Y.loader
+  }, v = m.classNames;
+  if (v && typeof v == "object" && !Array.isArray(v)) {
+    const P = v;
+    x.root = P.root ? `${Y.root} ${P.root}` : Y.root, x.section = P.section ?? Y.section, x.label = P.label ?? Y.label;
+  }
+  const I = m.className, A = I ? `${Y.root} ${I}` : Y.root, T = m.loaderProps, W = i ?? (a === "small" ? "small" : "default");
+  let O = T;
+  return c && (O = {
+    children: /* @__PURE__ */ r(No, { variant: n, size: W }),
+    ...T
+  }), /* @__PURE__ */ r(
+    Ot,
+    {
+      ref: p,
+      className: A,
+      classNames: x,
+      variant: _[e],
+      size: f[a],
+      loaderProps: O,
+      leftSection: s != null ? /* @__PURE__ */ r("span", { className: Y.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+      "data-variant": e,
+      "data-size": a,
+      "data-content": b,
+      ...u,
+      disabled: !!m.disabled || !!m.loading,
+      children: /* @__PURE__ */ r("span", { className: Y.labelText, children: t })
+    }
+  );
+});
+ho.displayName = "Button";
+const el = X(
+  ho
+), Qs = "Card-module__root___c9KvZ", Xs = "Card-module__header___PTXf2", Js = "Card-module__footer___Mu-JC", ea = "Card-module__section___BRT8H", oa = "Card-module__content___oFIQa", se = {
+  root: Qs,
+  header: Xs,
+  footer: Js,
+  section: ea,
+  content: oa
+}, $o = $(function({ overStyled: e = !1, ...a }, s) {
+  const t = N(a, e), o = {
+    root: se.root
+  }, n = t.classNames;
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const c = n;
+    Object.keys(c).forEach((d) => {
+      o[d] ? o[d] = `${o[d]} ${c[d]}` : o[d] = c[d];
+    });
+  }
+  const i = t.className;
+  return /* @__PURE__ */ r(
+    Me,
+    {
+      ref: s,
+      className: i,
+      classNames: o,
+      ...t
+    }
+  );
+});
+$o.displayName = "Card";
+const vo = $(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      Me.Section,
+      {
+        ref: s,
+        className: o ? `${se.section} ${o}` : se.section,
+        ...t
+      }
+    );
+  }
+);
+vo.displayName = "CardSection";
+const Co = $(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      Me.Section,
+      {
+        ref: s,
+        className: o ? `${se.header} ${o}` : se.header,
+        ...t
+      }
+    );
+  }
+);
+Co.displayName = "CardHeader";
+const wo = $(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      Me.Section,
+      {
+        ref: s,
+        className: o ? `${se.footer} ${o}` : se.footer,
+        ...t
+      }
+    );
+  }
+);
+wo.displayName = "CardFooter";
+const Po = $(
+  function({ overStyled: e = !1, ...a }, s) {
+    const t = N(a, e), o = t.className;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: s,
+        className: o ? `${se.content} ${o}` : se.content,
+        ...t
+      }
+    );
+  }
+);
+Po.displayName = "CardContent";
+const go = X($o), Fe = go;
+Fe.Section = vo;
+Fe.Header = Co;
+Fe.Footer = wo;
+Fe.Content = Po;
+const ol = go, ta = "Checkbox-module__groupRoot___cBS0o", sa = "Checkbox-module__root___mY3qk", aa = "Checkbox-module__body___5yC7q", ra = "Checkbox-module__inner___rTke4", na = "Checkbox-module__input___2kt-h", la = "Checkbox-module__icon___-O7i6", ia = "Checkbox-module__labelWrapper___GpZkr", ca = "Checkbox-module__label___cwRtI", z = {
+  groupRoot: ta,
+  root: sa,
+  body: aa,
+  inner: ra,
+  input: na,
+  icon: la,
+  labelWrapper: ia,
+  label: ca
+}, To = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -854,28 +1010,28 @@ const Ds = "Checkbox-module__groupRoot___cBS0o", Vs = "Checkbox-module__root___m
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
-      description: m,
-      assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      description: _,
+      assistiveText: f,
+      assistiveWithIcon: u,
+      error: m,
+      required: y,
       withAsterisk: C,
-      id: $,
-      className: g,
-      style: y,
-      children: S,
+      id: h,
+      className: w,
+      style: b,
+      children: x,
       readOnly: v,
-      readOnlyComponent: B,
+      readOnlyComponent: I,
       emptyValueComponent: A,
       value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
-      de,
+      defaultValue: W,
+      ...O
+    } = e, P = N(O, s), g = P;
+    return delete g.size, /* @__PURE__ */ r(
+      ne,
       {
-        className: g,
-        style: y,
+        className: w,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
@@ -887,38 +1043,36 @@ const Ds = "Checkbox-module__groupRoot___cBS0o", Vs = "Checkbox-module__root___m
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        description: m,
-        assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        description: _,
+        assistiveText: f,
+        assistiveWithIcon: u,
+        error: m,
+        required: y,
         withAsterisk: C,
-        id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
+        id: h,
+        readOnly: v && !!I,
+        readOnlyComponent: I,
         emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: T !== void 0 ? T : W,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          ro.Group,
+          lo.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
+            ...P,
+            disabled: v || g.disabled,
             value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: I.groupRoot, "data-layout": t, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            defaultValue: W,
+            children: /* @__PURE__ */ r("div", { className: z.groupRoot, "data-layout": t, children: x })
           }
         )
       }
     );
   }
 );
-go.displayName = "CheckboxGroup";
-const Po = h(
+To.displayName = "CheckboxGroup";
+const xo = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -929,34 +1083,34 @@ const Po = h(
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
-      ...m
-    } = e, N = f(m, s), _ = N;
-    delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
-    const u = {
-      root: I.root,
-      body: I.body,
-      inner: I.inner,
-      input: I.input,
-      icon: I.icon,
-      labelWrapper: I.labelWrapper,
-      label: I.label
-    }, b = _.classNames;
-    if (b && typeof b == "object" && !Array.isArray(b)) {
-      const y = b;
-      u.root = y.root ? `${I.root} ${y.root}` : I.root, u.body = y.body ? `${I.body} ${y.body}` : I.body, u.inner = y.inner ? `${I.inner} ${y.inner}` : I.inner, u.input = y.input ? `${I.input} ${y.input}` : I.input, u.icon = y.icon ? `${I.icon} ${y.icon}` : I.icon, u.labelWrapper = y.labelWrapper ? `${I.labelWrapper} ${y.labelWrapper}` : I.labelWrapper, u.label = y.label ? `${I.label} ${y.label}` : I.label;
+      ..._
+    } = e, f = N(_, s), u = f;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
+    const m = {
+      root: z.root,
+      body: z.body,
+      inner: z.inner,
+      input: z.input,
+      icon: z.icon,
+      labelWrapper: z.labelWrapper,
+      label: z.label
+    }, y = u.classNames;
+    if (y && typeof y == "object" && !Array.isArray(y)) {
+      const b = y;
+      m.root = b.root ? `${z.root} ${b.root}` : z.root, m.body = b.body ? `${z.body} ${b.body}` : z.body, m.inner = b.inner ? `${z.inner} ${b.inner}` : z.inner, m.input = b.input ? `${z.input} ${b.input}` : z.input, m.icon = b.icon ? `${z.icon} ${b.icon}` : z.icon, m.labelWrapper = b.labelWrapper ? `${z.labelWrapper} ${b.labelWrapper}` : z.labelWrapper, m.label = b.label ? `${z.label} ${b.label}` : z.label;
     }
-    const C = _.className, $ = C ? `${I.root} ${C}` : I.root;
+    const C = u.className, h = C ? `${z.root} ${C}` : z.root;
     if (t && o) {
-      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
+      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: y,
-          label: _.label
+          checked: b,
+          label: u.label
         }
       );
       return i ? /* @__PURE__ */ r(
-        ce,
+        me,
         {
           formLayout: i,
           labelSize: c,
@@ -964,43 +1118,43 @@ const Po = h(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(Ne, { children: v });
+      ) : /* @__PURE__ */ r(ve, { children: v });
     }
-    const g = /* @__PURE__ */ r(
-      ro,
+    const w = /* @__PURE__ */ r(
+      lo,
       {
         ref: a,
-        className: $,
-        classNames: u,
+        className: h,
+        classNames: m,
         disabled: t || n,
-        ...N
+        ...f
       }
     );
     return i ? /* @__PURE__ */ r(
-      ce,
+      me,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: g
+        children: w
       }
-    ) : g;
+    ) : w;
   }
 );
-Po.displayName = "Checkbox";
-Po.Group = go;
-const Ks = "Chip-module__root___f5pFk", Qs = "Chip-module__label___Ov9pg", Js = "Chip-module__mantineIconWrapper___KLSz6", Xs = "Chip-module__innerWrapper___EnrTF", ea = "Chip-module__children___zbRAR", oa = "Chip-module__leadingIcon___JBtjQ", ta = "Chip-module__removeIcon___pVju-", E = {
-  root: Ks,
-  label: Qs,
-  mantineIconWrapper: Js,
-  innerWrapper: Xs,
-  children: ea,
-  leadingIcon: oa,
-  removeIcon: ta
+xo.displayName = "Checkbox";
+xo.Group = To;
+const da = "Chip-module__root___f5pFk", pa = "Chip-module__label___Ov9pg", _a = "Chip-module__mantineIconWrapper___KLSz6", ma = "Chip-module__innerWrapper___EnrTF", ua = "Chip-module__children___zbRAR", ba = "Chip-module__leadingIcon___JBtjQ", ya = "Chip-module__removeIcon___pVju-", V = {
+  root: da,
+  label: pa,
+  mantineIconWrapper: _a,
+  innerWrapper: ma,
+  children: ua,
+  leadingIcon: ba,
+  removeIcon: ya
 };
-function sa(l) {
-  return /* @__PURE__ */ z(
+function fa(l) {
+  return /* @__PURE__ */ R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1020,7 +1174,7 @@ function sa(l) {
     }
   );
 }
-const aa = h(function({
+const Na = $(function({
   error: e = !1,
   icon: a,
   onRemove: s,
@@ -1029,56 +1183,56 @@ const aa = h(function({
   overStyled: n = !1,
   ...i
 }, c) {
-  const d = f(i, n), p = d, m = {
-    root: E.root,
-    label: E.label,
-    input: E.input,
-    iconWrapper: E.mantineIconWrapper,
-    checkIcon: E.checkIcon
-  }, N = p.classNames;
-  if (N && typeof N == "object" && !Array.isArray(N)) {
-    const $ = N;
-    m.root = $.root ? `${E.root} ${$.root}` : E.root, m.label = $.label ? `${E.label} ${$.label}` : E.label;
+  const d = N(i, n), p = d, _ = {
+    root: V.root,
+    label: V.label,
+    input: V.input,
+    iconWrapper: V.mantineIconWrapper,
+    checkIcon: V.checkIcon
+  }, f = p.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const h = f;
+    _.root = h.root ? `${V.root} ${h.root}` : V.root, _.label = h.label ? `${V.label} ${h.label}` : V.label;
   }
-  const _ = p.className, u = _ ? `${E.root} ${_}` : E.root;
+  const u = p.className, m = u ? `${V.root} ${u}` : V.root;
   return /* @__PURE__ */ r(
-    At,
+    It,
     {
       ref: c,
-      className: u,
-      classNames: m,
+      className: m,
+      classNames: _,
       ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
       ...!o && (!!a || !!s) ? { "data-icon-only": "" } : {},
       ...d,
-      children: /* @__PURE__ */ z("span", { className: E.innerWrapper, children: [
-        a && /* @__PURE__ */ r("span", { className: E.leadingIcon, "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ r("span", { className: E.children, children: o }),
+      children: /* @__PURE__ */ R("span", { className: V.innerWrapper, children: [
+        a && /* @__PURE__ */ r("span", { className: V.leadingIcon, "aria-hidden": !0, children: a }),
+        /* @__PURE__ */ r("span", { className: V.children, children: o }),
         s && /* @__PURE__ */ r(
           "span",
           {
             role: "button",
-            className: E.removeIcon,
-            onClick: ($) => {
-              $.preventDefault(), $.stopPropagation(), s($);
+            className: V.removeIcon,
+            onClick: (h) => {
+              h.preventDefault(), h.stopPropagation(), s(h);
             },
             "aria-label": t,
-            onKeyDown: ($) => {
-              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), s(
-                $
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
+                h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(sa, {})
+            children: /* @__PURE__ */ r(fa, {})
           }
         )
       ] })
     }
   );
 });
-aa.displayName = "Chip";
-const ra = "Container-module__root___UVssr", $e = {
-  root: ra
-}, na = h(
+Na.displayName = "Chip";
+const ha = "Container-module__root___UVssr", Pe = {
+  root: ha
+}, $a = $(
   function({ children: e, size: a, ...s }, t) {
     const o = {
       "rec-sm": "sm",
@@ -1088,15 +1242,15 @@ const ra = "Container-module__root___UVssr", $e = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, n = typeof a == "string" && o[a] ? o[a] : a, i = {
-      root: $e.root
+      root: Pe.root
     }, c = s.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
-      const m = c;
-      i.root = m.root ? `${$e.root} ${m.root}` : $e.root;
+      const _ = c;
+      i.root = _.root ? `${Pe.root} ${_.root}` : Pe.root;
     }
-    const d = s.className, p = d ? `${$e.root} ${d}` : $e.root;
+    const d = s.className, p = d ? `${Pe.root} ${d}` : Pe.root;
     return /* @__PURE__ */ r(
-      Wt,
+      zt,
       {
         ref: t,
         size: n,
@@ -1108,14 +1262,15 @@ const ra = "Container-module__root___UVssr", $e = {
     );
   }
 );
-na.displayName = "Container";
-const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), la = "Dropdown-module__root___uVyL0", ia = "Dropdown-module__input___dK4dN", ca = "Dropdown-module__section___j3MRB", da = "Dropdown-module__dropdown___gG-Sw", pa = "Dropdown-module__option___nAGU-", j = {
-  root: la,
-  input: ia,
-  section: ca,
-  dropdown: da,
-  option: pa
-}, ma = h(
+$a.displayName = "Container";
+const tl = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), va = "Dropdown-module__layoutOverride___FNcvP", Ca = "Dropdown-module__root___uVyL0", wa = "Dropdown-module__input___dK4dN", Pa = "Dropdown-module__section___j3MRB", ga = "Dropdown-module__dropdown___gG-Sw", Ta = "Dropdown-module__option___nAGU-", E = {
+  layoutOverride: va,
+  root: Ca,
+  input: wa,
+  section: Pa,
+  dropdown: ga,
+  option: Ta
+}, xa = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -1127,46 +1282,46 @@ const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), la
       labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: p,
-      label: m,
-      assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      label: _,
+      assistiveText: f,
+      assistiveWithIcon: u,
+      error: m,
+      required: y,
       withAsterisk: C,
-      id: $,
-      className: g,
-      style: y,
-      disabled: S,
+      id: h,
+      className: w,
+      style: b,
+      disabled: x,
       readOnly: v,
-      readOnlyComponent: B,
+      readOnlyComponent: I,
       emptyValueComponent: A,
       value: T,
-      defaultValue: R,
-      data: M,
-      ...W
-    } = e, w = f(W, s), P = w;
-    delete P.size, delete P.variant, delete P.radius;
-    const k = {
-      wrapper: j.root,
+      defaultValue: W,
+      data: O,
+      ...P
+    } = e, g = N(P, s), M = g;
+    delete M.size, delete M.variant, delete M.radius;
+    const B = {
+      wrapper: E.root,
       // The nested Input internal relative wrapper bounding box
-      input: j.input,
-      section: j.section,
-      dropdown: j.dropdown,
-      option: j.option
-    }, me = P.classNames;
-    if (me && typeof me == "object" && !Array.isArray(me)) {
-      const q = me;
-      k.wrapper = q.wrapper ? `${j.root} ${q.wrapper}` : j.root, k.input = q.input ? `${j.input} ${q.input}` : j.input, k.section = q.section ? `${j.section} ${q.section}` : j.section, k.dropdown = q.dropdown ? `${j.dropdown} ${q.dropdown}` : j.dropdown, k.option = q.option ? `${j.option} ${q.option}` : j.option;
+      input: E.input,
+      section: E.section,
+      dropdown: E.dropdown,
+      option: E.option
+    }, S = M.classNames;
+    if (S && typeof S == "object" && !Array.isArray(S)) {
+      const U = S;
+      B.wrapper = U.wrapper ? `${E.root} ${U.wrapper}` : E.root, B.input = U.input ? `${E.input} ${U.input}` : E.input, B.section = U.section ? `${E.section} ${U.section}` : E.section, B.dropdown = U.dropdown ? `${E.dropdown} ${U.dropdown}` : E.dropdown, B.option = U.option ? `${E.option} ${U.option}` : E.option;
     }
-    const xe = {
-      ...y || {},
+    const Se = {
+      ...b || {},
       width: o || "100%"
-    };
+    }, je = w ? `${E.layoutOverride} ${w}` : E.layoutOverride;
     return /* @__PURE__ */ r(
-      de,
+      ne,
       {
-        className: g,
-        style: xe,
+        className: je,
+        style: Se,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: s,
@@ -1176,40 +1331,40 @@ const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), la
         labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: p,
-        label: m,
-        assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        label: _,
+        assistiveText: f,
+        assistiveWithIcon: u,
+        error: m,
+        required: y,
         withAsterisk: C,
-        id: $,
+        id: h,
         readOnly: v,
-        readOnlyComponent: B,
+        readOnlyComponent: I,
         emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? String(T) : R ? String(R) : void 0,
+        readOnlyValue: T !== void 0 ? String(T) : W ? String(W) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Lt,
+            kt,
             {
               ref: a,
-              classNames: k,
-              disabled: S,
+              classNames: B,
+              disabled: x,
               value: T,
-              defaultValue: R,
-              data: M || [],
+              defaultValue: W,
+              data: O || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": S ? "true" : void 0,
-                "data-error": u ? "true" : void 0
+                "data-disabled": x ? "true" : void 0,
+                "data-error": m ? "true" : void 0
               },
-              ...w
+              ...g
             }
           )
         )
@@ -1217,74 +1372,74 @@ const En = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), la
     );
   }
 );
-ma.displayName = "Dropdown";
-const jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Dn = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), _a = "Flex-module__root___yYser", ve = {
-  root: _a
-}, wo = h(function({ children: e, gap: a = "rec-default", rowGap: s, columnGap: t, ...o }, n) {
+xa.displayName = "Dropdown";
+const sl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), al = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), Aa = "Flex-module__root___yYser", ge = {
+  root: Aa
+}, Ao = $(function({ children: e, gap: a = "rec-default", rowGap: s, columnGap: t, ...o }, n) {
   const i = {
-    root: ve.root
+    root: ge.root
   }, c = o.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
-    const m = c;
-    i.root = m.root ? `${ve.root} ${m.root}` : ve.root;
+    const _ = c;
+    i.root = _.root ? `${ge.root} ${_.root}` : ge.root;
   }
-  const d = o.className, p = d ? `${ve.root} ${d}` : ve.root;
+  const d = o.className, p = d ? `${ge.root} ${d}` : ge.root;
   return /* @__PURE__ */ r(
-    It,
+    Rt,
     {
       ref: n,
       className: p,
       classNames: i,
-      ...Ue({ gap: a, rowGap: s, columnGap: t, ...o }),
+      ...Ye({ gap: a, rowGap: s, columnGap: t, ...o }),
       children: e
     }
   );
 });
-wo.displayName = "Flex";
-const Vn = Y(wo), ua = "Group-module__root___ftO64", Ce = {
-  root: ua
-}, ba = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
+Ao.displayName = "Flex";
+const rl = X(Ao), Sa = "Group-module__root___ftO64", Te = {
+  root: Sa
+}, Wa = $(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
-    root: Ce.root
+    root: Te.root
   }, n = s.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${Ce.root} ${d.root}` : Ce.root;
+    o.root = d.root ? `${Te.root} ${d.root}` : Te.root;
   }
-  const i = s.className, c = i ? `${Ce.root} ${i}` : Ce.root;
+  const i = s.className, c = i ? `${Te.root} ${i}` : Te.root;
   return /* @__PURE__ */ r(
-    Ot,
+    Mt,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...Ue({ gap: a, ...s }),
+      ...Ye({ gap: a, ...s }),
       children: e
     }
   );
 });
-ba.displayName = "Group";
-const ya = "HoverCard-module__dropdown___FBPFW", fa = "HoverCard-module__arrow___S9AkE", oo = {
-  dropdown: ya,
-  arrow: fa
-}, To = function({
+Wa.displayName = "Group";
+const La = "HoverCard-module__dropdown___FBPFW", Oa = "HoverCard-module__arrow___S9AkE", so = {
+  dropdown: La,
+  arrow: Oa
+}, So = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
-  const t = f(s, e), o = {
-    dropdown: oo.dropdown,
-    arrow: oo.arrow
+  const t = N(s, e), o = {
+    dropdown: so.dropdown,
+    arrow: so.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
-    Object.keys(p).forEach((m) => {
-      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
+    Object.keys(p).forEach((_) => {
+      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    Ge,
+    He,
     {
       position: "top",
       arrowSize: i,
@@ -1294,107 +1449,75 @@ const ya = "HoverCard-module__dropdown___FBPFW", fa = "HoverCard-module__arrow__
     }
   );
 };
-To.displayName = "HoverCard";
-const xo = function(e) {
-  return /* @__PURE__ */ r(Ge.Target, { ...e });
+So.displayName = "HoverCard";
+const Wo = function(e) {
+  return /* @__PURE__ */ r(He.Target, { ...e });
 };
-xo.displayName = "HoverCardTarget";
-const So = function({
+Wo.displayName = "HoverCardTarget";
+const Lo = function({
   overStyled: e = !1,
   ...a
 }) {
-  const s = f(a, e), t = s.className;
+  const s = N(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    Ge.Dropdown,
+    He.Dropdown,
     {
       className: t,
       ...s
     }
   );
 };
-So.displayName = "HoverCardDropdown";
-const Ao = To;
-Ao.Target = xo;
-Ao.Dropdown = So;
-const Na = "Link-module__root___I0VGE", ha = "Link-module__iconWrapper___W-LlF", $a = "Link-module__labelText___wSvUy", _e = {
-  root: Na,
-  iconWrapper: ha,
-  labelText: $a
-}, Wo = h(function({ icon: e, children: a, overStyled: s = !1, ...t }, o) {
-  const n = f(t, s), i = n, c = {
-    root: _e.root
+Lo.displayName = "HoverCardDropdown";
+const Oo = So;
+Oo.Target = Wo;
+Oo.Dropdown = Lo;
+const Ia = "Link-module__root___I0VGE", za = "Link-module__iconWrapper___W-LlF", ka = "Link-module__labelText___wSvUy", be = {
+  root: Ia,
+  iconWrapper: za,
+  labelText: ka
+}, Io = $(function({ icon: e, children: a, overStyled: s = !1, ...t }, o) {
+  const n = N(t, s), i = n, c = {
+    root: be.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
-    const N = d;
-    c.root = N.root ? `${_e.root} ${N.root}` : _e.root;
+    const f = d;
+    c.root = f.root ? `${be.root} ${f.root}` : be.root;
   }
-  const p = i.className, m = p ? `${_e.root} ${p}` : _e.root;
-  return /* @__PURE__ */ z(
-    zt,
+  const p = i.className, _ = p ? `${be.root} ${p}` : be.root;
+  return /* @__PURE__ */ R(
+    Bt,
     {
       ref: o,
-      className: m,
+      className: _,
       classNames: c,
       underline: "never",
       ...e ? { "data-has-icon": "" } : {},
       ...n,
       children: [
-        e && /* @__PURE__ */ r("span", { className: _e.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ r("span", { className: _e.labelText, children: a })
+        e && /* @__PURE__ */ r("span", { className: be.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ r("span", { className: be.labelText, children: a })
       ]
     }
   );
 });
-Wo.displayName = "Link";
-const Gn = Y(Wo), va = "Loader-module__root___6iYOP", ge = {
-  root: va
-}, Ca = h(function({ variant: e = "oval", size: a = "default", overStyled: s = !1, ...t }, o) {
-  const i = {
-    sm: "small",
-    md: "default",
-    lg: "large",
-    small: "small",
-    default: "default",
-    large: "large"
-  }[a] || "default", c = f(t, s), d = {
-    root: ge.root
-  }, p = c.classNames;
-  if (p && typeof p == "object" && !Array.isArray(p)) {
-    const _ = p;
-    d.root = _.root ? `${ge.root} ${_.root}` : ge.root;
-  }
-  const m = c.className, N = m ? `${ge.root} ${m}` : ge.root;
-  return /* @__PURE__ */ r(
-    Rt,
-    {
-      ref: o,
-      type: e,
-      "data-variant": e,
-      "data-size": i,
-      ...c,
-      className: N,
-      classNames: d
-    }
-  );
-});
-Ca.displayName = "Loader";
-const ga = "Menu-module__dropdown___j4xuA", Pa = "Menu-module__item___NMXha", wa = "Menu-module__itemLabel___zvcqC", Ta = "Menu-module__itemSection___pRIcn", xa = "Menu-module__divider___wPiNq", Sa = "Menu-module__label___4FBGa", Aa = "Menu-module__chevron___hEEiy", ue = {
-  dropdown: ga,
-  item: Pa,
-  itemLabel: wa,
-  itemSection: Ta,
-  divider: xa,
-  label: Sa,
-  chevron: Aa
-}, Lo = function({ overStyled: e = !1, ...a }) {
-  const s = f(a, e), t = {
-    dropdown: ue.dropdown,
-    item: ue.item,
-    itemLabel: ue.itemLabel,
-    itemSection: ue.itemSection,
-    divider: ue.divider,
-    label: ue.label,
-    chevron: ue.chevron
+Io.displayName = "Link";
+const nl = X(Io), Ra = "Menu-module__dropdown___j4xuA", Ma = "Menu-module__item___NMXha", Ba = "Menu-module__itemLabel___zvcqC", Fa = "Menu-module__itemSection___pRIcn", Ea = "Menu-module__divider___wPiNq", ja = "Menu-module__label___4FBGa", Da = "Menu-module__chevron___hEEiy", ye = {
+  dropdown: Ra,
+  item: Ma,
+  itemLabel: Ba,
+  itemSection: Fa,
+  divider: Ea,
+  label: ja,
+  chevron: Da
+}, zo = function({ overStyled: e = !1, ...a }) {
+  const s = N(a, e), t = {
+    dropdown: ye.dropdown,
+    item: ye.item,
+    itemLabel: ye.itemLabel,
+    itemSection: ye.itemSection,
+    divider: ye.divider,
+    label: ye.label,
+    chevron: ye.chevron
   }, o = s.classNames;
   if (o && typeof o == "object" && !Array.isArray(o)) {
     const n = o;
@@ -1403,23 +1526,23 @@ const ga = "Menu-module__dropdown___j4xuA", Pa = "Menu-module__item___NMXha", wa
     });
   }
   return /* @__PURE__ */ r(
-    K,
+    J,
     {
       classNames: t,
       ...s
     }
   );
 };
-Lo.displayName = "Menu";
-const Io = function(e) {
-  return /* @__PURE__ */ r(K.Target, { ...e });
+zo.displayName = "Menu";
+const ko = function(e) {
+  return /* @__PURE__ */ r(J.Target, { ...e });
 };
-Io.displayName = "MenuTarget";
-const Oo = h(
+ko.displayName = "MenuTarget";
+const Ro = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
+    const t = N(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      K.Dropdown,
+      J.Dropdown,
       {
         ref: s,
         className: o,
@@ -1428,14 +1551,14 @@ const Oo = h(
     );
   }
 );
-Oo.displayName = "MenuDropdown";
-const zo = h(
+Ro.displayName = "MenuDropdown";
+const Mo = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t;
+    const t = N(a, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      K.Item,
+      J.Item,
       {
         ref: s,
         className: n,
@@ -1444,12 +1567,12 @@ const zo = h(
     );
   }
 );
-zo.displayName = "MenuItem";
-const Wa = Y(zo), Ro = h(
+Mo.displayName = "MenuItem";
+const Va = X(Mo), Bo = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
+    const t = N(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      K.Divider,
+      J.Divider,
       {
         ref: s,
         className: o,
@@ -1458,11 +1581,11 @@ const Wa = Y(zo), Ro = h(
     );
   }
 );
-Ro.displayName = "MenuDivider";
-const ko = h(function({ overStyled: e = !1, ...a }, s) {
-  const t = f(a, e), o = t.className;
+Bo.displayName = "MenuDivider";
+const Fo = $(function({ overStyled: e = !1, ...a }, s) {
+  const t = N(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    K.Label,
+    J.Label,
     {
       ref: s,
       className: o,
@@ -1470,22 +1593,22 @@ const ko = h(function({ overStyled: e = !1, ...a }, s) {
     }
   );
 });
-ko.displayName = "MenuLabel";
-const Mo = function(e) {
-  return /* @__PURE__ */ r(K.Sub, { ...e });
+Fo.displayName = "MenuLabel";
+const Eo = function(e) {
+  return /* @__PURE__ */ r(J.Sub, { ...e });
 };
-Mo.displayName = "MenuSub";
-const Bo = function(e) {
-  return /* @__PURE__ */ r(K.Sub.Target, { ...e });
+Eo.displayName = "MenuSub";
+const jo = function(e) {
+  return /* @__PURE__ */ r(J.Sub.Target, { ...e });
 };
-Bo.displayName = "MenuSubTarget";
-const Fo = h(
+jo.displayName = "MenuSubTarget";
+const Do = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t;
+    const t = N(a, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      K.Sub.Item,
+      J.Sub.Item,
       {
         ref: s,
         className: n,
@@ -1494,14 +1617,14 @@ const Fo = h(
     );
   }
 );
-Fo.displayName = "MenuSubItem";
-const La = Y(
-  Fo
-), Eo = h(
+Do.displayName = "MenuSubItem";
+const Ga = X(
+  Do
+), Vo = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className;
+    const t = N(a, e), o = t.className;
     return /* @__PURE__ */ r(
-      K.Sub.Dropdown,
+      J.Sub.Dropdown,
       {
         ref: s,
         className: o,
@@ -1510,29 +1633,29 @@ const La = Y(
     );
   }
 );
-Eo.displayName = "MenuSubDropdown";
-const Fe = Mo;
-Fe.Target = Bo;
-Fe.Item = La;
-Fe.Dropdown = Eo;
-const he = Lo;
-he.Target = Io;
-he.Dropdown = Oo;
-he.Item = Wa;
-he.Divider = Ro;
-he.Label = ko;
-he.Sub = Fe;
-const Ia = "Modal-module__root___ytPLl", Oa = "Modal-module__inner___SSUJE", za = "Modal-module__content___dWO-B", Ra = "Modal-module__header___ILG9i", ka = "Modal-module__title___A5OeE recursica_brand_typography_h2", Ma = "Modal-module__bodyWrapper___5CCL-", Ba = "Modal-module__scrollArea___KD-hm recursica_brand_typography_body", Fa = "Modal-module__footer___rro2w", Ea = "Modal-module__close___-ER1C", ee = {
-  root: Ia,
-  inner: Oa,
-  content: za,
-  header: Ra,
-  title: ka,
-  bodyWrapper: Ma,
-  scrollArea: Ba,
-  footer: Fa,
-  close: Ea
-}, jo = L.forwardRef(function({
+Vo.displayName = "MenuSubDropdown";
+const Ee = Eo;
+Ee.Target = jo;
+Ee.Item = Ga;
+Ee.Dropdown = Vo;
+const Ce = zo;
+Ce.Target = ko;
+Ce.Dropdown = Ro;
+Ce.Item = Va;
+Ce.Divider = Bo;
+Ce.Label = Fo;
+Ce.Sub = Ee;
+const qa = "Modal-module__root___ytPLl", Ha = "Modal-module__inner___SSUJE", Ua = "Modal-module__content___dWO-B", Za = "Modal-module__header___ILG9i", Ya = "Modal-module__title___A5OeE", Ka = "Modal-module__bodyWrapper___5CCL-", Qa = "Modal-module__scrollArea___KD-hm", Xa = "Modal-module__footer___rro2w", Ja = "Modal-module__close___-ER1C", te = {
+  root: qa,
+  inner: Ha,
+  content: Ua,
+  header: Za,
+  title: Ya,
+  bodyWrapper: Ka,
+  scrollArea: Qa,
+  footer: Xa,
+  close: Ja
+}, Go = j.forwardRef(function({
   overStyled: e = !1,
   children: a,
   title: s,
@@ -1542,109 +1665,110 @@ const Ia = "Modal-module__root___ytPLl", Oa = "Modal-module__inner___SSUJE", za
   closeButtonProps: i,
   ...c
 }, d) {
-  const p = f(c, e), m = {
-    root: ee.root,
-    inner: ee.inner,
-    content: ee.content,
-    header: ee.header,
-    title: ee.title,
-    close: ee.close
-  }, N = p.classNames;
-  if (N && typeof N == "object" && !Array.isArray(N)) {
-    const _ = N;
-    Object.keys(_).forEach((u) => {
-      m[u] ? m[u] = `${m[u]} ${_[u]}` : m[u] = _[u];
+  const p = N(c, e), _ = {
+    root: te.root,
+    inner: te.inner,
+    content: te.content,
+    header: te.header,
+    title: te.title,
+    close: te.close
+  }, f = p.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const u = f;
+    Object.keys(u).forEach((m) => {
+      _[m] ? _[m] = `${_[m]} ${u[m]}` : _[m] = u[m];
     });
   }
-  return /* @__PURE__ */ z(
-    G.Root,
+  return /* @__PURE__ */ R(
+    H.Root,
     {
       ref: d,
-      classNames: m,
+      classNames: _,
       ...p,
       children: [
-        n && /* @__PURE__ */ r(G.Overlay, { ...o }),
-        /* @__PURE__ */ z(G.Content, { children: [
-          (s || t) && /* @__PURE__ */ z(G.Header, { children: [
-            s && /* @__PURE__ */ r(G.Title, { children: s }),
-            t && /* @__PURE__ */ r(G.CloseButton, { ...i })
+        n && /* @__PURE__ */ r(H.Overlay, { ...o }),
+        /* @__PURE__ */ R(H.Content, { children: [
+          (s || t) && /* @__PURE__ */ R(H.Header, { children: [
+            s && /* @__PURE__ */ r(H.Title, { children: s }),
+            t && /* @__PURE__ */ r(H.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(Je, { children: a })
+          /* @__PURE__ */ r(eo, { children: a })
         ] })
       ]
     }
   );
 });
-jo.displayName = "Modal";
-const Qe = L.forwardRef(function({ className: e, ...a }, s) {
+Go.displayName = "Modal";
+const Je = j.forwardRef(function({ className: e, ...a }, s) {
   return /* @__PURE__ */ r(
     "div",
     {
       ref: s,
-      className: `${ee.footer} ${e || ""}`,
+      className: `${te.footer} ${e || ""}`,
       ...a
     }
   );
 });
-Qe.displayName = "Modal.Footer";
-const Je = L.forwardRef(function({ className: e, onScroll: a, children: s, ...t }, o) {
-  const n = L.useRef(null), [i, c] = L.useState(!1), [d, p] = L.useState(!1), m = L.useCallback(() => {
+Je.displayName = "Modal.Footer";
+const eo = j.forwardRef(function({ className: e, onScroll: a, children: s, ...t }, o) {
+  const n = j.useRef(null), [i, c] = j.useState(!1), [d, p] = j.useState(!1), _ = j.useCallback(() => {
     if (n.current) {
-      const { scrollTop: b, scrollHeight: C, clientHeight: $ } = n.current;
-      c(b > 0), p(Math.ceil(b + $) < C);
+      const { scrollTop: y, scrollHeight: C, clientHeight: h } = n.current;
+      c(y > 0), p(Math.ceil(y + h) < C);
     }
   }, []);
-  L.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), [m, s]);
-  const N = (b) => {
-    m(), a == null || a(b);
+  j.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, s]);
+  const f = (y) => {
+    _(), a == null || a(y);
   };
-  let _ = null;
-  const u = [];
-  return L.Children.forEach(s, (b) => {
+  let u = null;
+  const m = [];
+  return j.Children.forEach(s, (y) => {
     var C;
-    L.isValidElement(b) && (b.type === Qe || ((C = b.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? _ = b : u.push(b);
-  }), /* @__PURE__ */ z(
-    G.Body,
+    j.isValidElement(y) && (y.type === Je || ((C = y.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? u = y : m.push(y);
+  }), /* @__PURE__ */ R(
+    H.Body,
     {
       ...t,
-      ref: (b) => {
-        typeof o == "function" ? o(b) : o && (o.current = b);
+      ref: (y) => {
+        typeof o == "function" ? o(y) : o && (o.current = y);
       },
-      className: `${ee.bodyWrapper} ${e || ""}`,
+      className: `${te.bodyWrapper} ${e || ""}`,
       children: [
         /* @__PURE__ */ r(
           "div",
           {
             ref: n,
-            onScroll: N,
+            onScroll: f,
             "data-scrolled-top": i || void 0,
             "data-scrolled-bottom": d || void 0,
-            className: ee.scrollArea,
-            children: u
+            className: te.scrollArea,
+            children: m
           }
         ),
-        _
+        u
       ]
     }
   );
 });
-Je.displayName = "Modal.Body";
-const pe = jo;
-pe.Root = G.Root;
-pe.Overlay = G.Overlay;
-pe.Content = G.Content;
-pe.Header = G.Header;
-pe.Title = G.Title;
-pe.CloseButton = G.CloseButton;
-pe.Body = Je;
-pe.Footer = Qe;
-const ja = "NumberInput-module__root___C6rAn", Da = "NumberInput-module__input___Ss8p7", Va = "NumberInput-module__section___MijP0", Ga = "NumberInput-module__controls___8UfQ2", qa = "NumberInput-module__control___Qre9-", Pe = {
-  root: ja,
-  input: Da,
-  section: Va,
-  controls: Ga,
-  control: qa
-}, Ha = h(
+eo.displayName = "Modal.Body";
+const ue = Go;
+ue.Root = H.Root;
+ue.Overlay = H.Overlay;
+ue.Content = H.Content;
+ue.Header = H.Header;
+ue.Title = H.Title;
+ue.CloseButton = H.CloseButton;
+ue.Body = eo;
+ue.Footer = Je;
+const er = "NumberInput-module__layoutOverride___5-9T4", or = "NumberInput-module__root___C6rAn", tr = "NumberInput-module__input___Ss8p7", sr = "NumberInput-module__section___MijP0", ar = "NumberInput-module__controls___8UfQ2", rr = "NumberInput-module__control___Qre9-", fe = {
+  layoutOverride: er,
+  root: or,
+  input: tr,
+  section: sr,
+  controls: ar,
+  control: rr
+}, nr = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -1656,37 +1780,37 @@ const ja = "NumberInput-module__root___C6rAn", Da = "NumberInput-module__input__
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
-      assistiveText: m,
-      assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      assistiveText: _,
+      assistiveWithIcon: f,
+      error: u,
+      required: m,
+      withAsterisk: y,
       id: C,
-      className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      className: h,
+      style: w,
+      disabled: b,
+      readOnly: x,
       readOnlyComponent: v,
-      emptyValueComponent: B,
+      emptyValueComponent: I,
       value: A,
       defaultValue: T,
-      hideControls: R = !1,
-      ...M
-    } = e, W = f(M, s), w = W;
-    delete w.size, delete w.variant, delete w.radius;
-    const P = {
-      wrapper: Pe.root,
+      hideControls: W = !1,
+      ...O
+    } = e, P = N(O, s), g = P;
+    delete g.size, delete g.variant, delete g.radius;
+    const M = {
+      wrapper: fe.root,
       // The nested Input internal relative wrapper bounding box
-      input: Pe.input,
-      section: Pe.section,
-      controls: Pe.controls,
-      control: Pe.control
-    };
+      input: fe.input,
+      section: fe.section,
+      controls: fe.controls,
+      control: fe.control
+    }, B = h ? `${fe.layoutOverride} ${h}` : fe.layoutOverride;
     return /* @__PURE__ */ r(
-      de,
+      ne,
       {
-        className: $,
-        style: g,
+        className: B,
+        style: w,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: s,
@@ -1697,41 +1821,41 @@ const ja = "NumberInput-module__root___C6rAn", Da = "NumberInput-module__input__
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        assistiveText: m,
-        assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        assistiveText: _,
+        assistiveWithIcon: f,
+        error: u,
+        required: m,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: x,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: I,
         readOnlyType: "text",
         readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : T == null ? void 0 : T.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            kt,
+            Ft,
             {
               ref: a,
-              classNames: P,
-              disabled: y,
+              classNames: M,
+              disabled: b,
               value: A,
               defaultValue: T,
-              hideControls: R,
+              hideControls: W,
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0,
-                "data-with-left-section": w.leftSection ? "true" : void 0,
-                "data-with-right-section": w.rightSection || !R ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0,
+                "data-with-left-section": g.leftSection ? "true" : void 0,
+                "data-with-right-section": g.rightSection || !W ? "true" : void 0
               },
-              ...W
+              ...P
             }
           )
         )
@@ -1739,19 +1863,19 @@ const ja = "NumberInput-module__root___C6rAn", Da = "NumberInput-module__input__
     );
   }
 );
-Ha.displayName = "NumberInput";
-const Ua = "Pagination-module__root___ITRjt", Za = "Pagination-module__control___40yNT", Ya = "Pagination-module__dots___Yl9da", Ka = "Pagination-module__iconWithLabel___pLM4O", Qa = "Pagination-module__baseIcon___Qw3bJ", F = {
-  root: Ua,
-  control: Za,
-  dots: Ya,
-  iconWithLabel: Ka,
-  baseIcon: Qa
-}, Ja = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Xa = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", er = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", or = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", tr = {
-  next: Ja,
-  prev: Xa,
-  first: er,
-  last: or
-}, Te = ({
+nr.displayName = "NumberInput";
+const lr = "Pagination-module__root___ITRjt", ir = "Pagination-module__control___40yNT", cr = "Pagination-module__dots___Yl9da", dr = "Pagination-module__iconWithLabel___pLM4O", pr = "Pagination-module__baseIcon___Qw3bJ", D = {
+  root: lr,
+  control: ir,
+  dots: cr,
+  iconWithLabel: dr,
+  baseIcon: pr
+}, _r = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", mr = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", ur = "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", br = "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", yr = {
+  next: _r,
+  prev: mr,
+  first: ur,
+  last: br
+}, Ae = ({
   type: l,
   className: e,
   ...a
@@ -1760,43 +1884,43 @@ const Ua = "Pagination-module__root___ITRjt", Za = "Pagination-module__control__
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `${F.baseIcon} ${e || ""}`.trim(),
+    className: `${D.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ r("path", { d: tr[l], fill: "currentColor" })
+    children: /* @__PURE__ */ r("path", { d: yr[l], fill: "currentColor" })
   }
-), Do = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+), qo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Next" }),
-  /* @__PURE__ */ r(Te, { type: "next", ...l })
-] }), Vo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ r(Te, { type: "prev", ...l }),
+  /* @__PURE__ */ r(Ae, { type: "next", ...l })
+] }), Ho = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
+  /* @__PURE__ */ r(Ae, { type: "prev", ...l }),
   /* @__PURE__ */ r("span", { children: "Prev" })
-] }), Go = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
-  /* @__PURE__ */ r(Te, { type: "first", ...l }),
+] }), Uo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
+  /* @__PURE__ */ r(Ae, { type: "first", ...l }),
   /* @__PURE__ */ r("span", { children: "First" })
-] }), qo = (l) => /* @__PURE__ */ z("div", { className: F.iconWithLabel, children: [
+] }), Zo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Last" }),
-  /* @__PURE__ */ r(Te, { type: "last", ...l })
+  /* @__PURE__ */ r(Ae, { type: "last", ...l })
 ] });
-function Ho(l) {
+function Yo(l) {
   const e = {
-    root: F.root,
-    control: F.control,
-    dots: F.dots
+    root: D.root,
+    control: D.control,
+    dots: D.dots
   }, a = l.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
     const o = a;
-    e.root = o.root ? `${F.root} ${o.root}` : F.root, e.control = o.control ? `${F.control} ${o.control}` : F.control, e.dots = o.dots ? `${F.dots} ${o.dots}` : F.dots;
+    e.root = o.root ? `${D.root} ${o.root}` : D.root, e.control = o.control ? `${D.control} ${o.control}` : D.control, e.dots = o.dots ? `${D.dots} ${o.dots}` : D.dots;
   }
   const s = l.className;
-  return { className: s ? `${F.root} ${s}` : F.root, classNames: e };
+  return { className: s ? `${D.root} ${s}` : D.root, classNames: e };
 }
-const Uo = h(
+const Ko = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = Ho(
+    const t = N(a, e), o = Yo(
       t
     );
     return /* @__PURE__ */ r(
-      te.Root,
+      ae.Root,
       {
         ref: s,
         className: o.className,
@@ -1806,11 +1930,11 @@ const Uo = h(
     );
   }
 );
-Uo.displayName = "Pagination.Root";
-const Zo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Do : void 0);
+Ko.displayName = "Pagination.Root";
+const Qo = $(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? qo : void 0);
   return /* @__PURE__ */ r(
-    te.Next,
+    ae.Next,
     {
       ref: t,
       "data-variant": "text",
@@ -1819,11 +1943,11 @@ const Zo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Zo.displayName = "Pagination.Next";
-const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Vo : void 0);
+Qo.displayName = "Pagination.Next";
+const Xo = $(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Ho : void 0);
   return /* @__PURE__ */ r(
-    te.Previous,
+    ae.Previous,
     {
       ref: t,
       "data-variant": "text",
@@ -1832,11 +1956,11 @@ const Yo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Yo.displayName = "Pagination.Previous";
-const Ko = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Go : void 0);
+Xo.displayName = "Pagination.Previous";
+const Jo = $(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Uo : void 0);
   return /* @__PURE__ */ r(
-    te.First,
+    ae.First,
     {
       ref: t,
       "data-variant": "text",
@@ -1845,11 +1969,11 @@ const Ko = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Ko.displayName = "Pagination.First";
-const Qo = h(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? qo : void 0);
+Jo.displayName = "Pagination.First";
+const et = $(function({ withLabel: e, icon: a, ...s }, t) {
+  const o = a || (e ? Zo : void 0);
   return /* @__PURE__ */ r(
-    te.Last,
+    ae.Last,
     {
       ref: t,
       "data-variant": "text",
@@ -1858,22 +1982,22 @@ const Qo = h(function({ withLabel: e, icon: a, ...s }, t) {
     }
   );
 });
-Qo.displayName = "Pagination.Last";
-const Jo = h(
+et.displayName = "Pagination.Last";
+const ot = $(
   function({ overStyled: e = !1, getControlProps: a, withLabels: s, ...t }, o) {
-    const n = f(t, e), i = Ho(
+    const n = N(t, e), i = Yo(
       n
     ), c = (p) => {
-      const m = { "data-variant": "text" };
-      return a ? { ...m, ...a(p) } : m;
+      const _ = { "data-variant": "text" };
+      return a ? { ..._, ...a(p) } : _;
     }, d = s ? {
-      nextIcon: Do,
-      previousIcon: Vo,
-      firstIcon: Go,
-      lastIcon: qo
+      nextIcon: qo,
+      previousIcon: Ho,
+      firstIcon: Uo,
+      lastIcon: Zo
     } : {};
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         ref: o,
         className: i.className,
@@ -1885,38 +2009,38 @@ const Jo = h(
     );
   }
 );
-Jo.displayName = "Pagination";
-const ae = Jo;
-ae.Root = Uo;
-ae.Items = te.Items;
-ae.Control = te.Control;
-ae.Dots = te.Dots;
-ae.Next = Zo;
-ae.Previous = Yo;
-ae.First = Ko;
-ae.Last = Qo;
-ae.Icon = Te;
-const sr = "Panel-module__content___wdGo-", ar = "Panel-module__inner___ruA2b", rr = "Panel-module__header___o7SiC", nr = "Panel-module__title___181OP recursica_brand_typography_h3", lr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", ir = "Panel-module__body___SEC3T", cr = "Panel-module__footer___t6-hz", ie = {
-  content: sr,
-  inner: ar,
-  header: rr,
-  title: nr,
-  titleTruncate: lr,
-  body: ir,
-  footer: cr
-}, Xo = function({
+ot.displayName = "Pagination";
+const le = ot;
+le.Root = Ko;
+le.Items = ae.Items;
+le.Control = ae.Control;
+le.Dots = ae.Dots;
+le.Next = Qo;
+le.Previous = Xo;
+le.First = Jo;
+le.Last = et;
+le.Icon = Ae;
+const fr = "Panel-module__content___wdGo-", Nr = "Panel-module__inner___ruA2b", hr = "Panel-module__header___o7SiC", $r = "Panel-module__title___181OP", vr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Cr = "Panel-module__body___SEC3T", wr = "Panel-module__footer___t6-hz", _e = {
+  content: fr,
+  inner: Nr,
+  header: hr,
+  title: $r,
+  titleTruncate: vr,
+  body: Cr,
+  footer: wr
+}, tt = function({
   overStyled: e = !1,
   position: a = "right",
   keepMounted: s = !0,
   wrapHeaderText: t = !1,
   ...o
 }) {
-  const n = f(o, e), i = {
-    content: ie.content,
-    header: ie.header,
-    title: t ? ie.titleTruncate : ie.title,
-    body: ie.body,
-    inner: ie.inner
+  const n = N(o, e), i = {
+    content: _e.content,
+    header: _e.header,
+    title: t ? _e.titleTruncate : _e.title,
+    body: _e.body,
+    inner: _e.inner
   }, c = n.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const d = c;
@@ -1925,7 +2049,7 @@ const sr = "Panel-module__content___wdGo-", ar = "Panel-module__inner___ruA2b",
     });
   }
   return /* @__PURE__ */ r(
-    se,
+    re,
     {
       position: a,
       keepMounted: s,
@@ -1935,45 +2059,45 @@ const sr = "Panel-module__content___wdGo-", ar = "Panel-module__inner___ruA2b",
     }
   );
 };
-Xo.displayName = "Panel";
-const et = h(
+tt.displayName = "Panel";
+const st = $(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = t.className, n = o ? `${ie.footer} ${o}` : ie.footer;
+    const t = N(a, e), o = t.className, n = o ? `${_e.footer} ${o}` : _e.footer;
     return /* @__PURE__ */ r("div", { ref: s, className: n, ...t });
   }
 );
-et.displayName = "PanelFooter";
-const re = Xo;
-re.Root = se.Root;
-re.Overlay = se.Overlay;
-re.Content = se.Content;
-re.Header = se.Header;
-re.Title = se.Title;
-re.CloseButton = se.CloseButton;
-re.Body = se.Body;
-re.Stack = se.Stack;
-re.Footer = et;
-const dr = "Popover-module__dropdown___svhS6", pr = "Popover-module__arrow___5A-0e", to = {
-  dropdown: dr,
-  arrow: pr
-}, ot = function({
+st.displayName = "PanelFooter";
+const ie = tt;
+ie.Root = re.Root;
+ie.Overlay = re.Overlay;
+ie.Content = re.Content;
+ie.Header = re.Header;
+ie.Title = re.Title;
+ie.CloseButton = re.CloseButton;
+ie.Body = re.Body;
+ie.Stack = re.Stack;
+ie.Footer = st;
+const Pr = "Popover-module__dropdown___svhS6", gr = "Popover-module__arrow___5A-0e", ao = {
+  dropdown: Pr,
+  arrow: gr
+}, at = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
-  const t = f(s, e), o = {
-    dropdown: to.dropdown,
-    arrow: to.arrow
+  const t = N(s, e), o = {
+    dropdown: ao.dropdown,
+    arrow: ao.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
-    Object.keys(p).forEach((m) => {
-      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
+    Object.keys(p).forEach((_) => {
+      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    qe,
+    Ue,
     {
       position: "top",
       arrowSize: i,
@@ -1983,38 +2107,38 @@ const dr = "Popover-module__dropdown___svhS6", pr = "Popover-module__arrow___5A-
     }
   );
 };
-ot.displayName = "Popover";
-const tt = function(e) {
-  return /* @__PURE__ */ r(qe.Target, { ...e });
+at.displayName = "Popover";
+const rt = function(e) {
+  return /* @__PURE__ */ r(Ue.Target, { ...e });
 };
-tt.displayName = "PopoverTarget";
-const st = function({
+rt.displayName = "PopoverTarget";
+const nt = function({
   overStyled: e = !1,
   ...a
 }) {
-  const s = f(a, e), t = s.className;
+  const s = N(a, e), t = s.className;
   return /* @__PURE__ */ r(
-    qe.Dropdown,
+    Ue.Dropdown,
     {
       className: t,
       ...s
     }
   );
 };
-st.displayName = "PopoverDropdown";
-const at = ot;
-at.Target = tt;
-at.Dropdown = st;
-const mr = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD", ur = "Radio-module__body___q2Wpj", br = "Radio-module__inner___QaTBB", yr = "Radio-module__radio___MfgN-", fr = "Radio-module__icon___DWznm", Nr = "Radio-module__labelWrapper___dB0Gi", hr = "Radio-module__label___vAFIP", O = {
-  groupRoot: mr,
-  root: _r,
-  body: ur,
-  inner: br,
-  radio: yr,
-  icon: fr,
-  labelWrapper: Nr,
-  label: hr
-}, rt = h(
+nt.displayName = "PopoverDropdown";
+const lt = at;
+lt.Target = rt;
+lt.Dropdown = nt;
+const Tr = "Radio-module__groupRoot___bfUii", xr = "Radio-module__root___kAjTD", Ar = "Radio-module__body___q2Wpj", Sr = "Radio-module__inner___QaTBB", Wr = "Radio-module__radio___MfgN-", Lr = "Radio-module__icon___DWznm", Or = "Radio-module__labelWrapper___dB0Gi", Ir = "Radio-module__label___vAFIP", k = {
+  groupRoot: Tr,
+  root: xr,
+  body: Ar,
+  inner: Sr,
+  radio: Wr,
+  icon: Lr,
+  labelWrapper: Or,
+  label: Ir
+}, it = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2027,28 +2151,28 @@ const mr = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD",
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
-      description: m,
-      assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      description: _,
+      assistiveText: f,
+      assistiveWithIcon: u,
+      error: m,
+      required: y,
       withAsterisk: C,
-      id: $,
-      className: g,
-      style: y,
-      children: S,
+      id: h,
+      className: w,
+      style: b,
+      children: x,
       readOnly: v,
-      readOnlyComponent: B,
+      readOnlyComponent: I,
       emptyValueComponent: A,
       value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
-      de,
+      defaultValue: W,
+      ...O
+    } = e, P = N(O, s), g = P;
+    return delete g.size, /* @__PURE__ */ r(
+      ne,
       {
-        className: g,
-        style: y,
+        className: w,
+        style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
@@ -2060,38 +2184,36 @@ const mr = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD",
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        description: m,
-        assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        description: _,
+        assistiveText: f,
+        assistiveWithIcon: u,
+        error: m,
+        required: y,
         withAsterisk: C,
-        id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
+        id: h,
+        readOnly: v && !!I,
+        readOnlyComponent: I,
         emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: T !== void 0 ? T : W,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          no.Group,
+          io.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
+            ...P,
+            disabled: v || g.disabled,
             value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: O.groupRoot, "data-layout": t, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            defaultValue: W,
+            children: /* @__PURE__ */ r("div", { className: k.groupRoot, "data-layout": t, children: x })
           }
         )
       }
     );
   }
 );
-rt.displayName = "RadioGroup";
-const $r = ({ className: l, style: e }) => /* @__PURE__ */ r(
+it.displayName = "RadioGroup";
+const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2101,7 +2223,7 @@ const $r = ({ className: l, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), nt = h(
+), ct = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2112,34 +2234,34 @@ const $r = ({ className: l, style: e }) => /* @__PURE__ */ r(
       labelSize: c,
       controlMaxWidth: d,
       controlMinWidth: p,
-      ...m
-    } = e, N = f(m, s), _ = N;
-    delete _.size, delete _.color, delete _.radius, delete _.variant, delete _.iconColor;
-    const u = {
-      root: O.root,
-      body: O.body,
-      inner: O.inner,
-      radio: O.radio,
-      icon: O.icon,
-      labelWrapper: O.labelWrapper,
-      label: O.label
-    }, b = _.classNames;
-    if (b && typeof b == "object" && !Array.isArray(b)) {
-      const y = b;
-      u.root = y.root ? `${O.root} ${y.root}` : O.root, u.body = y.body ? `${O.body} ${y.body}` : O.body, u.inner = y.inner ? `${O.inner} ${y.inner}` : O.inner, u.radio = y.radio ? `${O.radio} ${y.radio}` : O.radio, u.icon = y.icon ? `${O.icon} ${y.icon}` : O.icon, u.labelWrapper = y.labelWrapper ? `${O.labelWrapper} ${y.labelWrapper}` : O.labelWrapper, u.label = y.label ? `${O.label} ${y.label}` : O.label;
+      ..._
+    } = e, f = N(_, s), u = f;
+    delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
+    const m = {
+      root: k.root,
+      body: k.body,
+      inner: k.inner,
+      radio: k.radio,
+      icon: k.icon,
+      labelWrapper: k.labelWrapper,
+      label: k.label
+    }, y = u.classNames;
+    if (y && typeof y == "object" && !Array.isArray(y)) {
+      const b = y;
+      m.root = b.root ? `${k.root} ${b.root}` : k.root, m.body = b.body ? `${k.body} ${b.body}` : k.body, m.inner = b.inner ? `${k.inner} ${b.inner}` : k.inner, m.radio = b.radio ? `${k.radio} ${b.radio}` : k.radio, m.icon = b.icon ? `${k.icon} ${b.icon}` : k.icon, m.labelWrapper = b.labelWrapper ? `${k.labelWrapper} ${b.labelWrapper}` : k.labelWrapper, m.label = b.label ? `${k.label} ${b.label}` : k.label;
     }
-    const C = _.className, $ = C ? `${O.root} ${C}` : O.root;
+    const C = u.className, h = C ? `${k.root} ${C}` : k.root;
     if (t && o) {
-      const y = !!(_.checked ?? _.defaultChecked), v = /* @__PURE__ */ r(
+      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
         {
           ...e,
-          checked: y,
-          label: _.label
+          checked: b,
+          label: u.label
         }
       );
       return i ? /* @__PURE__ */ r(
-        ce,
+        me,
         {
           formLayout: i,
           labelSize: c,
@@ -2147,41 +2269,41 @@ const $r = ({ className: l, style: e }) => /* @__PURE__ */ r(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(Ne, { children: v });
+      ) : /* @__PURE__ */ r(ve, { children: v });
     }
-    const g = /* @__PURE__ */ r(
-      no,
+    const w = /* @__PURE__ */ r(
+      io,
       {
         ref: a,
-        icon: $r,
-        className: $,
-        classNames: u,
+        icon: zr,
+        className: h,
+        classNames: m,
         disabled: t || n,
-        ...N
+        ...f
       }
     );
     return i ? /* @__PURE__ */ r(
-      ce,
+      me,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: g
+        children: w
       }
-    ) : g;
+    ) : w;
   }
 );
-nt.displayName = "Radio";
-nt.Group = rt;
-const vr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  Ve,
+ct.displayName = "Radio";
+ct.Group = it;
+const kr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
+  qe,
   {
     component: "span",
-    className: ze.textField,
+    className: $e.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2189,15 +2311,15 @@ const vr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
     ]
   }
 );
-vr.displayName = "ReadOnlySwitchField";
-const Cr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
-  Ve,
+kr.displayName = "ReadOnlySwitchField";
+const Rr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
+  qe,
   {
     component: "span",
-    className: ze.textField,
+    className: $e.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2205,38 +2327,38 @@ const Cr = ({ checked: l, label: e }) => /* @__PURE__ */ z(
     ]
   }
 );
-Cr.displayName = "ReadOnlyBooleanField";
-const gr = "SegmentedControl-module__root___JFRhg", Pr = "SegmentedControl-module__label___mS17q", wr = "SegmentedControl-module__control___znOdQ", Tr = "SegmentedControl-module__indicator___ZMcJy", V = {
-  root: gr,
-  label: Pr,
-  control: wr,
-  indicator: Tr
+Rr.displayName = "ReadOnlyBooleanField";
+const Mr = "SegmentedControl-module__root___JFRhg", Br = "SegmentedControl-module__label___mS17q", Fr = "SegmentedControl-module__control___znOdQ", Er = "SegmentedControl-module__indicator___ZMcJy", q = {
+  root: Mr,
+  label: Br,
+  control: Fr,
+  indicator: Er
 };
-function xr(l) {
+function jr(l) {
   const e = {
-    root: V.root,
-    control: V.control,
-    label: V.label,
-    indicator: V.indicator
+    root: q.root,
+    control: q.control,
+    label: q.label,
+    indicator: q.indicator
   }, a = l.classNames;
   if (a && typeof a == "object" && !Array.isArray(a)) {
     const o = a;
-    e.root = o.root ? `${V.root} ${o.root}` : V.root, e.control = o.control ? `${V.control} ${o.control}` : V.control, e.label = o.label ? `${V.label} ${o.label}` : V.label, e.indicator = o.indicator ? `${V.indicator} ${o.indicator}` : V.indicator;
+    e.root = o.root ? `${q.root} ${o.root}` : q.root, e.control = o.control ? `${q.control} ${o.control}` : q.control, e.label = o.label ? `${q.label} ${o.label}` : q.label, e.indicator = o.indicator ? `${q.indicator} ${o.indicator}` : q.indicator;
   }
   const s = l.className;
-  return { className: s ? `${V.root} ${s}` : V.root, classNames: e };
+  return { className: s ? `${q.root} ${s}` : q.root, classNames: e };
 }
-const lt = h(
+const dt = $(
   function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: s, ...t }, o) {
-    const n = f(t, e), i = xr(
-      n
-    );
+    const n = N(t, e), i = n;
+    delete i.disabled;
+    const c = jr(i);
     return /* @__PURE__ */ r(
-      Mt,
+      Et,
       {
         ref: o,
-        className: i.className,
-        classNames: i.classNames,
+        className: c.className,
+        classNames: c.classNames,
         orientation: a,
         fullWidth: s,
         "data-orientation": a,
@@ -2245,47 +2367,47 @@ const lt = h(
     );
   }
 );
-lt.displayName = "SegmentedControl";
-const qn = lt, Hn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }), Sr = "Stack-module__root___NUN-x", we = {
-  root: Sr
-}, it = h(function({ children: e, gap: a = "rec-default", ...s }, t) {
+dt.displayName = "SegmentedControl";
+const ll = dt, il = (l) => /* @__PURE__ */ r("div", { ...l, children: "Slider" }), Dr = "Stack-module__root___NUN-x", xe = {
+  root: Dr
+}, pt = $(function({ children: e, gap: a = "rec-default", ...s }, t) {
   const o = {
-    root: we.root
+    root: xe.root
   }, n = s.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${we.root} ${d.root}` : we.root;
+    o.root = d.root ? `${xe.root} ${d.root}` : xe.root;
   }
-  const i = s.className, c = i ? `${we.root} ${i}` : we.root;
+  const i = s.className, c = i ? `${xe.root} ${i}` : xe.root;
   return /* @__PURE__ */ r(
-    Bt,
+    jt,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...Ue({ gap: a, ...s }),
+      ...Ye({ gap: a, ...s }),
       children: e
     }
   );
 });
-it.displayName = "Stack";
-const Un = Y(it), Ar = "Stepper-module__root___jbSYO", Wr = "Stepper-module__horizontal___USHT1", Lr = "Stepper-module__steps___4HPO6", Ir = "Stepper-module__step___s2nqL", Or = "Stepper-module__stepBody___TBvys", zr = "Stepper-module__stepLabel___N6nuy", Rr = "Stepper-module__stepDescription___DnDAy", kr = "Stepper-module__separator___pU0No", Mr = "Stepper-module__vertical___d4mOs", Br = "Stepper-module__large___J18-y", Fr = "Stepper-module__small___Ub-zb", Er = "Stepper-module__stepIcon___YQHNq", jr = "Stepper-module__stepCompletedIcon___B9MeL", Dr = "Stepper-module__verticalSeparator___frWc1", Vr = "Stepper-module__content___J-h8X", D = {
-  root: Ar,
-  horizontal: Wr,
-  steps: Lr,
-  step: Ir,
-  stepBody: Or,
-  stepLabel: zr,
-  stepDescription: Rr,
-  separator: kr,
-  vertical: Mr,
-  large: Br,
-  small: Fr,
-  stepIcon: Er,
-  stepCompletedIcon: jr,
-  verticalSeparator: Dr,
-  content: Vr
-}, ct = h(
+pt.displayName = "Stack";
+const cl = X(pt), Vr = "Stepper-module__root___jbSYO", Gr = "Stepper-module__horizontal___USHT1", qr = "Stepper-module__steps___4HPO6", Hr = "Stepper-module__step___s2nqL", Ur = "Stepper-module__stepBody___TBvys", Zr = "Stepper-module__stepLabel___N6nuy", Yr = "Stepper-module__stepDescription___DnDAy", Kr = "Stepper-module__separator___pU0No", Qr = "Stepper-module__vertical___d4mOs", Xr = "Stepper-module__large___J18-y", Jr = "Stepper-module__small___Ub-zb", en = "Stepper-module__stepIcon___YQHNq", on = "Stepper-module__stepCompletedIcon___B9MeL", tn = "Stepper-module__verticalSeparator___frWc1", sn = "Stepper-module__content___J-h8X", G = {
+  root: Vr,
+  horizontal: Gr,
+  steps: qr,
+  step: Hr,
+  stepBody: Ur,
+  stepLabel: Zr,
+  stepDescription: Yr,
+  separator: Kr,
+  vertical: Qr,
+  large: Xr,
+  small: Jr,
+  stepIcon: en,
+  stepCompletedIcon: on,
+  verticalSeparator: tn,
+  content: sn
+}, _t = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2294,49 +2416,49 @@ const Un = Y(it), Ar = "Stepper-module__root___jbSYO", Wr = "Stepper-module__hor
       className: n,
       style: i,
       ...c
-    } = e, d = f(c, s);
+    } = e, d = N(c, s);
     return /* @__PURE__ */ r(
-      je,
+      Ve,
       {
         ref: a,
         orientation: o,
-        className: `${D.root} ${o === "horizontal" ? D.horizontal : D.vertical} ${t === "large" ? D.large : D.small} ${n || ""}`,
+        className: `${G.root} ${o === "horizontal" ? G.horizontal : G.vertical} ${t === "large" ? G.large : G.small} ${n || ""}`,
         style: i,
         "data-size": t,
         "data-orientation": o,
         classNames: {
-          steps: D.steps,
-          step: D.step,
-          stepIcon: D.stepIcon,
-          stepCompletedIcon: D.stepCompletedIcon,
-          stepBody: D.stepBody,
-          stepLabel: D.stepLabel,
-          stepDescription: D.stepDescription,
-          separator: D.separator,
-          verticalSeparator: D.verticalSeparator,
-          content: D.content
+          steps: G.steps,
+          step: G.step,
+          stepIcon: G.stepIcon,
+          stepCompletedIcon: G.stepCompletedIcon,
+          stepBody: G.stepBody,
+          stepLabel: G.stepLabel,
+          stepDescription: G.stepDescription,
+          separator: G.separator,
+          verticalSeparator: G.verticalSeparator,
+          content: G.content
         },
         ...d
       }
     );
   }
-), Zn = Object.assign(ct, {
-  Step: je.Step,
-  Completed: je.Completed
+), dl = Object.assign(_t, {
+  Step: Ve.Step,
+  Completed: Ve.Completed
 });
-ct.displayName = "Stepper";
-const Gr = "Switch-module__root___Y5Ydi", qr = "Switch-module__body___Sw9Wr", Hr = "Switch-module__track___7ObdZ", Ur = "Switch-module__thumb___-FTeK", Zr = "Switch-module__labelWrapper___YSOwx", Yr = "Switch-module__label___LrH7V", Kr = "Switch-module__thumbIconWrapper___sCY-1", Qr = "Switch-module__checkIcon___ZBAQN", Jr = "Switch-module__closeIcon___bLLGw", Xr = "Switch-module__groupRoot___-Uepi", x = {
-  root: Gr,
-  body: qr,
-  track: Hr,
-  thumb: Ur,
-  labelWrapper: Zr,
-  label: Yr,
-  thumbIconWrapper: Kr,
-  checkIcon: Qr,
-  closeIcon: Jr,
-  groupRoot: Xr
-}, dt = h(
+_t.displayName = "Stepper";
+const an = "Switch-module__root___Y5Ydi", rn = "Switch-module__body___Sw9Wr", nn = "Switch-module__track___7ObdZ", ln = "Switch-module__thumb___-FTeK", cn = "Switch-module__labelWrapper___YSOwx", dn = "Switch-module__label___LrH7V", pn = "Switch-module__thumbIconWrapper___sCY-1", _n = "Switch-module__checkIcon___ZBAQN", mn = "Switch-module__closeIcon___bLLGw", un = "Switch-module__groupRoot___-Uepi", L = {
+  root: an,
+  body: rn,
+  track: nn,
+  thumb: ln,
+  labelWrapper: cn,
+  label: dn,
+  thumbIconWrapper: pn,
+  checkIcon: _n,
+  closeIcon: mn,
+  groupRoot: un
+}, mt = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2349,29 +2471,29 @@ const Gr = "Switch-module__root___Y5Ydi", qr = "Switch-module__body___Sw9Wr", Hr
       onLabelEditClick: d,
       // Base Mantine Extracted Attributes
       label: p,
-      description: m,
-      assistiveText: N,
-      assistiveWithIcon: _,
-      error: u,
-      required: b,
+      description: _,
+      assistiveText: f,
+      assistiveWithIcon: u,
+      error: m,
+      required: y,
       withAsterisk: C,
-      id: $,
-      className: g,
-      style: y,
-      children: S,
+      id: h,
+      className: w,
+      style: b,
+      children: x,
       readOnly: v,
-      readOnlyComponent: B,
+      readOnlyComponent: I,
       emptyValueComponent: A,
       value: T,
-      defaultValue: R,
-      ...M
-    } = e, W = f(M, s), w = W;
-    return delete w.size, /* @__PURE__ */ r(
-      de,
+      defaultValue: W,
+      ...O
+    } = e, P = N(O, s), g = P;
+    return delete g.size, /* @__PURE__ */ r(
+      ne,
       {
-        className: g,
-        style: y,
-        controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
+        className: w,
+        style: b,
+        controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
@@ -2382,38 +2504,36 @@ const Gr = "Switch-module__root___Y5Ydi", qr = "Switch-module__body___Sw9Wr", Hr
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        description: m,
-        assistiveText: N,
-        assistiveWithIcon: _,
-        error: u,
-        required: b,
+        description: _,
+        assistiveText: f,
+        assistiveWithIcon: u,
+        error: m,
+        required: y,
         withAsterisk: C,
-        id: $,
-        readOnly: v && !!B,
-        readOnlyComponent: B,
+        id: h,
+        readOnly: v && !!I,
+        readOnlyComponent: I,
         emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : R,
+        readOnlyValue: T !== void 0 ? T : W,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          lo.Group,
+          co.Group,
           {
             ref: a,
-            ...W,
-            disabled: v || w.disabled,
+            ...P,
+            disabled: v || g.disabled,
             value: T,
-            defaultValue: R,
-            children: /* @__PURE__ */ r("div", { className: x.groupRoot, children: L.Children.map(S, (P) => L.isValidElement(P) ? L.cloneElement(P, {
-              disabled: v || P.props.disabled
-            }) : P) })
+            defaultValue: W,
+            children: /* @__PURE__ */ r("div", { className: L.groupRoot, "data-layout": t, children: x })
           }
         )
       }
     );
   }
 );
-dt.displayName = "SwitchGroup";
-const pt = h(
+mt.displayName = "SwitchGroup";
+const ut = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2424,151 +2544,152 @@ const pt = h(
       formLayout: c,
       labelSize: d,
       controlMaxWidth: p,
-      controlMinWidth: m,
-      ...N
-    } = e, _ = f(N, s), u = _;
-    delete u.size, delete u.color, delete u.radius, delete u.variant;
-    const b = {
-      root: x.root,
-      body: x.body,
-      track: x.track,
-      thumb: x.thumb,
-      trackLabel: x.trackLabel,
-      labelWrapper: x.labelWrapper,
-      label: x.label
-    }, C = u.classNames;
+      controlMinWidth: _,
+      ...f
+    } = e, u = N(f, s), m = u;
+    delete m.size, delete m.color, delete m.radius, delete m.variant;
+    const y = {
+      root: L.root,
+      body: L.body,
+      track: L.track,
+      thumb: L.thumb,
+      trackLabel: L.trackLabel,
+      labelWrapper: L.labelWrapper,
+      label: L.label
+    }, C = m.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const v = C;
-      b.root = v.root ? `${x.root} ${v.root}` : x.root, b.body = v.body ? `${x.body} ${v.body}` : x.body, b.track = v.track ? `${x.track} ${v.track}` : x.track, b.thumb = v.thumb ? `${x.thumb} ${v.thumb}` : x.thumb, b.trackLabel = v.trackLabel ? `${x.trackLabel} ${v.trackLabel}` : x.trackLabel, b.labelWrapper = v.labelWrapper ? `${x.labelWrapper} ${v.labelWrapper}` : x.labelWrapper, b.label = v.label ? `${x.label} ${v.label}` : x.label;
+      y.root = v.root ? `${L.root} ${v.root}` : L.root, y.body = v.body ? `${L.body} ${v.body}` : L.body, y.track = v.track ? `${L.track} ${v.track}` : L.track, y.thumb = v.thumb ? `${L.thumb} ${v.thumb}` : L.thumb, y.trackLabel = v.trackLabel ? `${L.trackLabel} ${v.trackLabel}` : L.trackLabel, y.labelWrapper = v.labelWrapper ? `${L.labelWrapper} ${v.labelWrapper}` : L.labelWrapper, y.label = v.label ? `${L.label} ${v.label}` : L.label;
     }
-    const $ = u.className, g = $ ? `${x.root} ${$}` : x.root;
+    const h = m.className, w = h ? `${L.root} ${h}` : L.root;
     if (t && o) {
-      const v = !!(u.checked ?? u.defaultChecked), A = /* @__PURE__ */ r(
+      const v = !!(m.checked ?? m.defaultChecked), A = /* @__PURE__ */ r(
         o,
         {
           ...e,
           checked: v,
-          label: u.label
+          label: m.label
         }
       );
       return c ? /* @__PURE__ */ r(
-        ce,
+        me,
         {
           formLayout: c,
           labelSize: d,
           controlMaxWidth: p,
-          controlMinWidth: m,
+          controlMinWidth: _,
           children: A
         }
-      ) : /* @__PURE__ */ r(Ne, { children: A });
+      ) : /* @__PURE__ */ r(ve, { children: A });
     }
-    const y = /* @__PURE__ */ z("div", { className: x.thumbIconWrapper, children: [
-      /* @__PURE__ */ r(Ft, { className: x.checkIcon }),
-      /* @__PURE__ */ r(Et, { className: x.closeIcon })
-    ] }), S = /* @__PURE__ */ r(
-      lo,
+    const b = /* @__PURE__ */ R("div", { className: L.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(Dt, { className: L.checkIcon }),
+      /* @__PURE__ */ r(Vt, { className: L.closeIcon })
+    ] }), x = /* @__PURE__ */ r(
+      co,
       {
         ref: a,
-        className: g,
-        classNames: b,
+        className: w,
+        classNames: y,
         disabled: t || n,
-        thumbIcon: i ?? y,
-        ..._
+        "data-disabled": t || n || void 0,
+        thumbIcon: i ?? b,
+        ...u
       }
     );
     return c ? /* @__PURE__ */ r(
-      ce,
+      me,
       {
         formLayout: c,
         labelSize: d,
         controlMaxWidth: p,
-        controlMinWidth: m,
-        children: S
+        controlMinWidth: _,
+        children: x
       }
-    ) : S;
+    ) : x;
   }
 );
-pt.displayName = "Switch";
-pt.Group = dt;
-const Yn = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), en = "Tabs-module__root___-VKVI", on = "Tabs-module__list___qRVME", tn = "Tabs-module__tab___IdDYc", sn = "Tabs-module__panel___08i9c", Ae = {
-  root: en,
-  list: on,
-  tab: tn,
-  panel: sn
-}, mt = h(function(e, a) {
+ut.displayName = "Switch";
+ut.Group = mt;
+const pl = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), bn = "Tabs-module__root___-VKVI", yn = "Tabs-module__list___qRVME", fn = "Tabs-module__tab___IdDYc", Nn = "Tabs-module__panel___08i9c", Le = {
+  root: bn,
+  list: yn,
+  tab: fn,
+  panel: Nn
+}, bt = $(function(e, a) {
   const {
     variant: s = "default",
     orientation: t = "horizontal",
     overStyled: o = !1,
     className: n,
     ...i
-  } = e, c = f(i, o);
+  } = e, c = N(i, o);
   return /* @__PURE__ */ r(
-    Me,
+    Be,
     {
       ref: a,
       variant: s,
       orientation: t,
-      className: `${Ae.root} ${n || ""}`,
+      className: `${Le.root} ${n || ""}`,
       "data-variant": s,
       "data-orientation": t,
       classNames: {
-        list: Ae.list,
-        tab: Ae.tab,
-        panel: Ae.panel
+        list: Le.list,
+        tab: Le.tab,
+        panel: Le.panel
       },
       ...c
     }
   );
 });
-mt.displayName = "Tabs";
-const _t = h(
+bt.displayName = "Tabs";
+const yt = $(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Me.List,
+      Be.List,
       {
         ref: a,
-        ...f(t, s)
+        ...N(t, s)
       }
     );
   }
 );
-_t.displayName = "Tabs.List";
-const ut = h(
+yt.displayName = "Tabs.List";
+const ft = $(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Me.Tab,
+      Be.Tab,
       {
         ref: a,
-        ...f(t, s)
+        ...N(t, s)
       }
     );
   }
 );
-ut.displayName = "Tabs.Tab";
-const bt = h(
+ft.displayName = "Tabs.Tab";
+const Nt = $(
   function(e, a) {
     const { overStyled: s = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Me.Panel,
+      Be.Panel,
       {
         ref: a,
-        ...f(t, s)
+        ...N(t, s)
       }
     );
   }
 );
-bt.displayName = "Tabs.Panel";
-const Kn = Object.assign(mt, {
-  List: _t,
-  Tab: ut,
-  Panel: bt
-}), yt = h(function({ overStyled: e = !1, variant: a = "body", ...s }, t) {
-  const o = f(s, e), n = o.className, i = `recursica_brand_typography_${a}`, c = n ? `${i} ${n}` : i;
+Nt.displayName = "Tabs.Panel";
+const _l = Object.assign(bt, {
+  List: yt,
+  Tab: ft,
+  Panel: Nt
+}), ht = $(function({ overStyled: e = !1, variant: a = "body", ...s }, t) {
+  const o = N(s, e), n = o.className, i = `recursica_brand_typography_${a}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    jt,
+    Gt,
     {
       ref: t,
       className: c,
@@ -2576,11 +2697,12 @@ const Kn = Object.assign(mt, {
     }
   );
 });
-yt.displayName = "Text";
-const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__input___8l36v", fe = {
-  root: an,
-  input: rn
-}, nn = h(
+ht.displayName = "Text";
+const ml = X(ht), hn = "TextArea-module__layoutOverride___4MCdm", $n = "TextArea-module__root___3dyeu", vn = "TextArea-module__input___8l36v", de = {
+  layoutOverride: hn,
+  root: $n,
+  input: vn
+}, Cn = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2592,39 +2714,40 @@ const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__i
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
-      assistiveText: m,
-      assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      assistiveText: _,
+      assistiveWithIcon: f,
+      error: u,
+      required: m,
+      withAsterisk: y,
       id: C,
-      className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      className: h,
+      style: w,
+      disabled: b,
+      readOnly: x,
       readOnlyComponent: v,
-      emptyValueComponent: B,
+      emptyValueComponent: I,
       value: A,
       defaultValue: T,
-      ...R
-    } = e, M = f(R, s), W = M;
-    delete W.size, delete W.variant, delete W.radius;
-    const w = {
-      wrapper: fe.root,
+      ...W
+    } = e, O = N(W, s), P = O;
+    delete P.size, delete P.variant, delete P.radius;
+    const g = {
+      wrapper: de.root,
       // The nested Input internal relative wrapper bounding box
-      input: fe.input
-    }, P = W.classNames;
-    if (P && typeof P == "object" && !Array.isArray(P)) {
-      const k = P;
-      w.wrapper = k.wrapper ? `${fe.root} ${k.wrapper}` : fe.root, w.input = k.input ? `${fe.input} ${k.input}` : fe.input;
+      input: de.input
+    }, M = P.classNames;
+    if (M && typeof M == "object" && !Array.isArray(M)) {
+      const S = M;
+      g.wrapper = S.wrapper ? `${de.root} ${S.wrapper}` : de.root, g.input = S.input ? `${de.input} ${S.input}` : de.input;
     }
+    const B = h ? `${de.layoutOverride} ${h}` : de.layoutOverride;
     return /* @__PURE__ */ r(
-      de,
+      ne,
       {
-        className: $,
-        style: g,
-        controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
-        controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
+        className: B,
+        style: w,
+        controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
+        controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
         overStyled: s,
         formLayout: t,
         labelSize: o,
@@ -2633,26 +2756,26 @@ const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__i
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        assistiveText: m,
-        assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        assistiveText: _,
+        assistiveWithIcon: f,
+        error: u,
+        required: m,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: x,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: I,
         readOnlyType: "text",
         readOnlyValue: A !== void 0 ? A : T,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Dt,
+            qt,
             {
               ref: a,
-              classNames: w,
-              disabled: y,
+              classNames: g,
+              disabled: b,
               value: A,
               defaultValue: T,
               label: void 0,
@@ -2661,10 +2784,10 @@ const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__i
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
               },
-              ...M
+              ...O
             }
           )
         )
@@ -2672,12 +2795,13 @@ const Qn = Y(yt), an = "TextArea-module__root___3dyeu", rn = "TextArea-module__i
     );
   }
 );
-nn.displayName = "TextArea";
-const ln = "TextField-module__root___2ZYkG", cn = "TextField-module__input___RL-My", dn = "TextField-module__section___bCIJ0", J = {
-  root: ln,
-  input: cn,
-  section: dn
-}, pn = h(
+Cn.displayName = "TextArea";
+const wn = "TextField-module__layoutOverride___SNZqc", Pn = "TextField-module__root___2ZYkG", gn = "TextField-module__input___RL-My", Tn = "TextField-module__section___bCIJ0", Q = {
+  layoutOverride: wn,
+  root: Pn,
+  input: gn,
+  section: Tn
+}, xn = $(
   function(e, a) {
     const {
       overStyled: s = !1,
@@ -2689,38 +2813,39 @@ const ln = "TextField-module__root___2ZYkG", cn = "TextField-module__input___RL-
       labelWithEditIcon: c,
       onLabelEditClick: d,
       label: p,
-      assistiveText: m,
-      assistiveWithIcon: N,
-      error: _,
-      required: u,
-      withAsterisk: b,
+      assistiveText: _,
+      assistiveWithIcon: f,
+      error: u,
+      required: m,
+      withAsterisk: y,
       id: C,
-      className: $,
-      style: g,
-      disabled: y,
-      readOnly: S,
+      className: h,
+      style: w,
+      disabled: b,
+      readOnly: x,
       readOnlyComponent: v,
-      emptyValueComponent: B,
+      emptyValueComponent: I,
       value: A,
       defaultValue: T,
-      ...R
-    } = e, M = f(R, s), W = M;
-    delete W.size, delete W.variant, delete W.radius;
-    const w = {
-      wrapper: J.root,
+      ...W
+    } = e, O = N(W, s), P = O;
+    delete P.size, delete P.variant, delete P.radius;
+    const g = {
+      wrapper: Q.root,
       // The nested Input internal relative wrapper bounding box
-      input: J.input,
-      section: J.section
-    }, P = W.classNames;
-    if (P && typeof P == "object" && !Array.isArray(P)) {
-      const k = P;
-      w.wrapper = k.wrapper ? `${J.root} ${k.wrapper}` : J.root, w.input = k.input ? `${J.input} ${k.input}` : J.input, w.section = k.section ? `${J.section} ${k.section}` : J.section;
+      input: Q.input,
+      section: Q.section
+    }, M = P.classNames;
+    if (M && typeof M == "object" && !Array.isArray(M)) {
+      const S = M;
+      g.wrapper = S.wrapper ? `${Q.root} ${S.wrapper}` : Q.root, g.input = S.input ? `${Q.input} ${S.input}` : Q.input, g.section = S.section ? `${Q.section} ${S.section}` : Q.section;
     }
+    const B = h ? `${Q.layoutOverride} ${h}` : Q.layoutOverride;
     return /* @__PURE__ */ r(
-      de,
+      ne,
       {
-        className: $,
-        style: g,
+        className: B,
+        style: w,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
@@ -2731,33 +2856,33 @@ const ln = "TextField-module__root___2ZYkG", cn = "TextField-module__input___RL-
         labelWithEditIcon: c,
         onLabelEditClick: d,
         label: p,
-        assistiveText: m,
-        assistiveWithIcon: N,
-        error: _,
-        required: u,
-        withAsterisk: b,
+        assistiveText: _,
+        assistiveWithIcon: f,
+        error: u,
+        required: m,
+        withAsterisk: y,
         id: C,
-        readOnly: S,
+        readOnly: x,
         readOnlyComponent: v,
-        emptyValueComponent: B,
+        emptyValueComponent: I,
         readOnlyType: "text",
         readOnlyValue: A !== void 0 ? A : T,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            ao,
+            no,
             {
               ref: a,
-              classNames: w,
-              disabled: y,
+              classNames: g,
+              disabled: b,
               value: A,
               defaultValue: T,
               wrapperProps: {
-                "data-disabled": y ? "true" : void 0,
-                "data-error": _ ? "true" : void 0
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
               },
-              ...M
+              ...O
             }
           )
         )
@@ -2765,17 +2890,17 @@ const ln = "TextField-module__root___2ZYkG", cn = "TextField-module__input___RL-
     );
   }
 );
-pn.displayName = "TextField";
-const Jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), mn = "Timeline-module__root___LwRdZ", _n = "Timeline-module__item___T5xdQ", un = "Timeline-module__itemBody___XAV-E", bn = "Timeline-module__itemBullet___rPXCy", yn = "Timeline-module__itemTitle___GgRRW", fn = "Timeline-module__itemContent___vurs-", Nn = "Timeline-module__description___f9sxV", hn = "Timeline-module__timestamp___owiRu", le = {
-  root: mn,
-  item: _n,
-  itemBody: un,
-  itemBullet: bn,
-  itemTitle: yn,
-  itemContent: fn,
-  description: Nn,
-  timestamp: hn
-}, ft = L.forwardRef(
+xn.displayName = "TextField";
+const ul = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), An = "Timeline-module__root___LwRdZ", Sn = "Timeline-module__item___T5xdQ", Wn = "Timeline-module__itemBody___XAV-E", Ln = "Timeline-module__itemBullet___rPXCy", On = "Timeline-module__itemTitle___GgRRW", In = "Timeline-module__itemContent___vurs-", zn = "Timeline-module__description___f9sxV", kn = "Timeline-module__timestamp___owiRu", pe = {
+  root: An,
+  item: Sn,
+  itemBody: Wn,
+  itemBullet: Ln,
+  itemTitle: On,
+  itemContent: In,
+  description: zn,
+  timestamp: kn
+}, $t = j.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: a,
@@ -2783,25 +2908,25 @@ const Jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), mn
     children: t,
     ...o
   }, n) {
-    const i = f(o, e), c = {
-      item: le.item,
-      itemBody: le.itemBody,
-      itemContent: le.itemContent,
-      itemBullet: le.itemBullet,
-      itemTitle: le.itemTitle
+    const i = N(o, e), c = {
+      item: pe.item,
+      itemBody: pe.itemBody,
+      itemContent: pe.itemContent,
+      itemBullet: pe.itemBullet,
+      itemTitle: pe.itemTitle
     }, d = i.classNames;
     if (d && typeof d == "object" && !Array.isArray(d)) {
-      const m = d;
-      Object.keys(m).forEach((N) => {
-        c[N] ? c[N] = `${c[N]} ${m[N]}` : c[N] = m[N];
+      const _ = d;
+      Object.keys(_).forEach((f) => {
+        c[f] ? c[f] = `${c[f]} ${_[f]}` : c[f] = _[f];
       });
     }
-    const p = a ? /* @__PURE__ */ z(Ne, { children: [
-      t && /* @__PURE__ */ r("div", { className: le.description, children: t }),
-      /* @__PURE__ */ r("div", { className: le.timestamp, children: a })
+    const p = a ? /* @__PURE__ */ R(ve, { children: [
+      t && /* @__PURE__ */ r("div", { className: pe.description, children: t }),
+      /* @__PURE__ */ r("div", { className: pe.timestamp, children: a })
     ] }) : t;
     return /* @__PURE__ */ r(
-      Vt,
+      Ht,
       {
         ref: n,
         classNames: c,
@@ -2812,11 +2937,11 @@ const Jn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), mn
     );
   }
 );
-ft.displayName = "TimelineItem";
-const Nt = L.forwardRef(
+$t.displayName = "TimelineItem";
+const vt = j.forwardRef(
   function({ overStyled: e = !1, ...a }, s) {
-    const t = f(a, e), o = {
-      root: le.root
+    const t = N(a, e), o = {
+      root: pe.root
     }, n = t.classNames;
     if (n && typeof n == "object" && !Array.isArray(n)) {
       const i = n;
@@ -2825,7 +2950,7 @@ const Nt = L.forwardRef(
       });
     }
     return /* @__PURE__ */ r(
-      Gt,
+      Ut,
       {
         ref: s,
         classNames: o,
@@ -2834,13 +2959,13 @@ const Nt = L.forwardRef(
     );
   }
 );
-Nt.displayName = "Timeline";
-const $n = Nt;
-$n.Item = ft;
-const vn = h(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
-  const o = f(s, e), n = o.className, i = `recursica_brand_typography_h${a}`, c = n ? `${i} ${n}` : i;
+vt.displayName = "Timeline";
+const Rn = vt;
+Rn.Item = $t;
+const Mn = $(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
+  const o = N(s, e), n = o.className, i = `recursica_brand_typography_h${a}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    qt,
+    Zt,
     {
       ref: t,
       order: a,
@@ -2849,30 +2974,30 @@ const vn = h(function({ overStyled: e = !1, order: a = 1, ...s }, t) {
     }
   );
 });
-vn.displayName = "Title";
-const Cn = "Toast-module__root___MUvfI", gn = "Toast-module__icon___VwvE1", Pn = "Toast-module__loader___8Gxd-", wn = "Toast-module__title___-H6R2", Tn = "Toast-module__description___-QwfC", xn = "Toast-module__closeButton___vGr7g", Sn = "Toast-module__body___VLkXA", be = {
-  root: Cn,
-  icon: gn,
-  loader: Pn,
-  title: wn,
-  description: Tn,
-  closeButton: xn,
-  body: Sn
-}, An = L.forwardRef(
+Mn.displayName = "Title";
+const Bn = "Toast-module__root___MUvfI", Fn = "Toast-module__icon___VwvE1", En = "Toast-module__loader___8Gxd-", jn = "Toast-module__title___-H6R2", Dn = "Toast-module__description___-QwfC", Vn = "Toast-module__closeButton___vGr7g", Gn = "Toast-module__body___VLkXA", Ne = {
+  root: Bn,
+  icon: Fn,
+  loader: En,
+  title: jn,
+  description: Dn,
+  closeButton: Vn,
+  body: Gn
+}, qn = j.forwardRef(
   function({
     overStyled: e = !1,
     variant: a = "default",
     withCloseButton: s = !0,
     ...t
   }, o) {
-    const n = f(t, e), i = {
-      root: be.root,
-      body: be.body,
-      title: be.title,
-      description: be.description,
-      closeButton: be.closeButton,
-      icon: be.icon,
-      loader: be.loader
+    const n = N(t, e), i = {
+      root: Ne.root,
+      body: Ne.body,
+      title: Ne.title,
+      description: Ne.description,
+      closeButton: Ne.closeButton,
+      icon: Ne.icon,
+      loader: Ne.loader
     }, c = n.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const d = c;
@@ -2881,7 +3006,7 @@ const Cn = "Toast-module__root___MUvfI", gn = "Toast-module__icon___VwvE1", Pn =
       });
     }
     return /* @__PURE__ */ r(
-      Ht,
+      Yt,
       {
         ref: o,
         withCloseButton: s,
@@ -2894,28 +3019,28 @@ const Cn = "Toast-module__root___MUvfI", gn = "Toast-module__icon___VwvE1", Pn =
     );
   }
 );
-An.displayName = "Toast";
-const Wn = "Tooltip-module__tooltip___UA7H9", Ln = "Tooltip-module__arrow___4zROk", so = {
-  tooltip: Wn,
-  arrow: Ln
-}, ht = function({
+qn.displayName = "Toast";
+const Hn = "Tooltip-module__tooltip___UA7H9", Un = "Tooltip-module__arrow___4zROk", ro = {
+  tooltip: Hn,
+  arrow: Un
+}, Ct = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...s
 }) {
-  const t = f(s, e), o = {
-    tooltip: so.tooltip,
-    arrow: so.arrow
+  const t = N(s, e), o = {
+    tooltip: ro.tooltip,
+    arrow: ro.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
-    Object.keys(p).forEach((m) => {
-      o[m] ? o[m] = `${o[m]} ${p[m]}` : o[m] = p[m];
+    Object.keys(p).forEach((_) => {
+      o[_] ? o[_] = `${o[_]} ${p[_]}` : o[_] = p[_];
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    He,
+    Ze,
     {
       position: "top",
       multiline: !0,
@@ -2926,73 +3051,74 @@ const Wn = "Tooltip-module__tooltip___UA7H9", Ln = "Tooltip-module__arrow___4zRO
     }
   );
 };
-ht.displayName = "Tooltip";
-const $t = ht;
-$t.Floating = He.Floating;
-$t.Group = He.Group;
-const Xn = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
+Ct.displayName = "Tooltip";
+const wt = Ct;
+wt.Floating = Ze.Floating;
+wt.Group = Ze.Group;
+const bl = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
 export {
-  Ke as Accordion,
-  Ze as AccordionControl,
-  po as AccordionItem,
-  Ye as AccordionPanel,
-  Rn as Avatar,
-  kn as Badge,
-  ps as Breadcrumb,
-  Mn as Button,
-  Bn as Card,
-  ho as CardContent,
-  No as CardFooter,
-  fo as CardHeader,
-  yo as CardSection,
-  Po as Checkbox,
-  go as CheckboxGroup,
-  aa as Chip,
-  na as Container,
-  En as DatePicker,
-  ma as Dropdown,
-  Oe as EmptyValueRenderer,
-  jn as FileInput,
-  Dn as FileUpload,
-  Vn as Flex,
-  ce as FormControlLayout,
-  ba as Group,
-  Ao as HoverCard,
-  vo as Label,
-  Es as Layer,
-  Gn as Link,
-  Ca as Loader,
-  he as Menu,
-  pe as Modal,
-  Ha as NumberInput,
-  ae as Pagination,
-  re as Panel,
-  et as PanelFooter,
-  at as Popover,
-  nt as Radio,
-  rt as RadioGroup,
-  Cr as ReadOnlyBooleanField,
-  Co as ReadOnlyField,
-  vr as ReadOnlySwitchField,
-  We as ReadOnlyTextField,
-  Fn as RecursicaThemeProvider,
-  qn as SegmentedControl,
-  Hn as Slider,
-  Un as Stack,
-  Zn as Stepper,
-  pt as Switch,
-  dt as SwitchGroup,
-  Yn as Table,
-  Kn as Tabs,
-  Qn as Text,
-  nn as TextArea,
-  pn as TextField,
-  Jn as TimePicker,
-  $n as Timeline,
-  vn as Title,
-  An as Toast,
-  $t as Tooltip,
-  Xn as TransferList,
-  de as WithReadOnlyWrapper
+  Xe as Accordion,
+  Ke as AccordionControl,
+  mo as AccordionItem,
+  Qe as AccordionPanel,
+  Is as AutoComplete,
+  Xn as Avatar,
+  Jn as Badge,
+  Ds as Breadcrumb,
+  el as Button,
+  ol as Card,
+  Po as CardContent,
+  wo as CardFooter,
+  Co as CardHeader,
+  vo as CardSection,
+  xo as Checkbox,
+  To as CheckboxGroup,
+  Na as Chip,
+  $a as Container,
+  tl as DatePicker,
+  xa as Dropdown,
+  ke as EmptyValueRenderer,
+  sl as FileInput,
+  al as FileUpload,
+  rl as Flex,
+  me as FormControlLayout,
+  Wa as Group,
+  Oo as HoverCard,
+  uo as Label,
+  Ps as Layer,
+  nl as Link,
+  No as Loader,
+  Ce as Menu,
+  ue as Modal,
+  nr as NumberInput,
+  le as Pagination,
+  ie as Panel,
+  st as PanelFooter,
+  lt as Popover,
+  ct as Radio,
+  it as RadioGroup,
+  Rr as ReadOnlyBooleanField,
+  bo as ReadOnlyField,
+  kr as ReadOnlySwitchField,
+  Oe as ReadOnlyTextField,
+  Qn as RecursicaThemeProvider,
+  ll as SegmentedControl,
+  il as Slider,
+  cl as Stack,
+  dl as Stepper,
+  ut as Switch,
+  mt as SwitchGroup,
+  pl as Table,
+  _l as Tabs,
+  ml as Text,
+  Cn as TextArea,
+  xn as TextField,
+  ul as TimePicker,
+  Rn as Timeline,
+  Mn as Title,
+  qn as Toast,
+  wt as Tooltip,
+  bl as TransferList,
+  ne as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map