@recursica/mantine-adapter 0.22.0 → 0.23.0

package/dist/mantine-adapter.js

@@ -1,7 +1,8 @@
-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 = [
+import { jsx as r, jsxs as z, Fragment as xe } from "react/jsx-runtime";
+import D, { forwardRef as $, useId as Ut, useEffect as vo, useState as bo } from "react";
+import { Accordion as Ge, Input as Co, Box as eo, Autocomplete as Zt, Avatar as Yt, createPolymorphicComponent as te, Badge as Kt, Breadcrumbs as Xt, Loader as Jt, Button as Qt, Card as He, Checkbox as wo, Chip as ea, Container as oa, Select as ta, Flex as aa, Group as sa, HoverCard as oo, Anchor as ra, Menu as ae, Modal as K, NumberInput as na, Pagination as ie, Drawer as ce, Popover as to, Radio as Po, SegmentedControl as la, Slider as ia, Stack as ca, Stepper as Je, Switch as go, CheckIcon as da, CloseIcon as pa, Tabs as qe, Text as _a, Textarea as ma, TimelineItem as ua, Timeline as ba, Title as ya, Notification as Na, Tooltip as ao } from "@mantine/core";
+import { DatePickerInput as fa } from "@mantine/dates";
+const ha = [
   "className",
   "classNames",
   "style",
@@ -45,7 +46,7 @@ const Kt = [
   "mih",
   "mah"
   // Dimensions
-], po = /* @__PURE__ */ new Set([
+], To = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +61,7 @@ const Kt = [
   "left",
   "bottom",
   "right"
-]), Ie = {
+]), Ve = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -69,45 +70,45 @@ const Kt = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function Ye(l) {
+function so(l) {
   const e = { ...l };
-  for (const [a, s] of Object.entries(e))
-    typeof s == "string" && s.startsWith("rec-") && po.has(a) && s in Ie && (e[a] = Ie[s]);
+  for (const [s, a] of Object.entries(e))
+    typeof a == "string" && a.startsWith("rec-") && To.has(s) && a in Ve && (e[s] = Ve[a]);
   return e;
 }
-function N(l, e) {
+function h(l, e) {
   if (e)
     return l;
-  const a = { ...l };
-  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-") && po.has(s) && t in Ie && (a[s] = Ie[t]);
-  return a;
+  const s = { ...l };
+  for (const a of ha)
+    a in s && delete s[a];
+  for (const [a, t] of Object.entries(s))
+    typeof t == "string" && t.startsWith("rec-") && To.has(a) && t in Ve && (s[a] = Ve[t]);
+  return s;
 }
-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({
+const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryVk", Ca = "Accordion-module__noDivider___Ni2tT", wa = "Accordion-module__control___b4wgX", Pa = "Accordion-module__label___Ss7uW", ga = "Accordion-module__chevron___i-HVZ", Ta = "Accordion-module__iconLeftWrapper___5oLen", Sa = "Accordion-module__panel___Wx50w", xa = "Accordion-module__content___PEM9t", re = {
+  root: $a,
+  item: va,
+  noDivider: Ca,
+  control: wa,
+  label: Pa,
+  chevron: ga,
+  iconLeftWrapper: Ta,
+  panel: Sa,
+  content: xa
+}, So = function({
   variant: e = "unstyled",
-  overStyled: a = !1,
-  ...s
+  overStyled: s = !1,
+  ...a
 }) {
-  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
+  const t = h(a, s), o = {
+    root: re.root,
+    item: re.item,
+    control: re.control,
+    label: re.label,
+    chevron: re.chevron,
+    panel: re.panel,
+    content: re.content
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
@@ -117,7 +118,7 @@ const Qt = "Accordion-module__root___Dem6d", Xt = "Accordion-module__item___7ryV
   }
   const i = t.className;
   return /* @__PURE__ */ r(
-    Re,
+    Ge,
     {
       variant: e,
       className: i,
@@ -126,64 +127,64 @@ const Qt = "Accordion-module__root___Dem6d", Xt = "Accordion-module__item___7ryV
     }
   );
 };
-_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;
+So.displayName = "Accordion";
+const xo = $(function({ title: e, leftIcon: s, divider: a = !0, children: t, overStyled: o = !1, ...n }, i) {
+  const c = h(n, o), d = c.className, p = [a ? void 0 : re.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
-    Re.Item,
+    Ge.Item,
     {
       ref: i,
       className: p,
       ...c,
-      children: e ? /* @__PURE__ */ R(ve, { children: [
-        /* @__PURE__ */ r(Ke, { leftIcon: a, children: e }),
-        /* @__PURE__ */ r(Qe, { children: t })
+      children: e ? /* @__PURE__ */ z(xe, { children: [
+        /* @__PURE__ */ r(ro, { leftIcon: s, children: e }),
+        /* @__PURE__ */ r(no, { children: t })
       ] }) : t
     }
   );
 });
-mo.displayName = "AccordionItem";
-const Ke = $(function({ leftIcon: e, children: a, overStyled: s = !1, ...t }, o) {
-  const n = N(t, s), i = n.className;
+xo.displayName = "AccordionItem";
+const ro = $(function({ leftIcon: e, children: s, overStyled: a = !1, ...t }, o) {
+  const n = h(t, a), i = n.className;
   return /* @__PURE__ */ r(
-    Re.Control,
+    Ge.Control,
     {
       ref: o,
       className: i,
-      icon: e ? /* @__PURE__ */ r("span", { className: oe.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: re.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...n,
-      children: a
+      children: s
     }
   );
 });
-Ke.displayName = "AccordionControl";
-const Qe = $(function({ overStyled: e = !1, ...a }, s) {
-  const t = N(a, e), o = t.className;
+ro.displayName = "AccordionControl";
+const no = $(function({ overStyled: e = !1, ...s }, a) {
+  const t = h(s, e), o = t.className;
   return /* @__PURE__ */ r(
-    Re.Panel,
+    Ge.Panel,
     {
-      ref: s,
+      ref: a,
       className: o,
       ...t
     }
   );
 });
-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({
+no.displayName = "AccordionPanel";
+const lo = So;
+lo.Item = xo;
+lo.Control = ro;
+lo.Panel = no;
+const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR", Wa = "Label-module__required___Ggrzc", La = "Label-module__optionalText___Y2yun", ka = "Label-module__actionAreaWrapper___ELoZK", Ia = "Label-module__editIconWrapper___NG2xW", X = {
+  root: Aa,
+  labelText: Oa,
+  required: Wa,
+  optionalText: La,
+  actionAreaWrapper: ka,
+  editIconWrapper: Ia
+}, Ao = $(function({
   labelSize: e = "default",
-  labelAlignment: a,
-  required: s = !1,
+  labelAlignment: s,
+  required: a = !1,
   labelOptionalText: t,
   labelWithEditIcon: o,
   labelActionArea: n,
@@ -192,37 +193,37 @@ const ns = "Label-module__root___e6HXZ", ls = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...p
 }, _) {
-  const f = a || "left";
+  const N = s || "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;
+  a || (t === !0 ? u = "optional" : t && (u = t));
+  const m = h(p, d), y = m, C = {
+    label: X.root,
+    required: X.required
+  }, f = y.classNames;
+  if (f && typeof f == "object" && !Array.isArray(f)) {
+    const A = f;
+    C.label = A.label ? `${X.root} ${A.label}` : X.root, C.required = A.required ? `${X.required} ${A.required}` : X.required;
   }
-  const w = y.className, b = w ? `${Z.root} ${w}` : Z.root;
-  return /* @__PURE__ */ R(
-    no.Label,
+  const T = y.className, b = T ? `${X.root} ${T}` : X.root;
+  return /* @__PURE__ */ z(
+    Co.Label,
     {
       ref: _,
       className: b,
       classNames: C,
       "data-size": e,
-      "data-alignment": f,
-      required: s && !o,
+      "data-alignment": N,
+      required: a && !o,
       ...m,
       children: [
-        /* @__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(
+        /* @__PURE__ */ r("span", { className: X.labelText, children: c }),
+        u && /* @__PURE__ */ r("span", { className: X.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        n ? /* @__PURE__ */ r("span", { className: X.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: Z.editIconWrapper,
-            "data-replaces-asterisk": s ? "true" : void 0,
+            className: X.editIconWrapper,
+            "data-replaces-asterisk": a ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
             children: /* @__PURE__ */ r(
@@ -250,15 +251,15 @@ const ns = "Label-module__root___e6HXZ", ls = "Label-module__labelText___rieFR",
     }
   );
 });
-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({
+Ao.displayName = "Label";
+const Ma = "FormControlLayout-module__root___yNDhZ", za = "FormControlLayout-module__leftSection___GBM1r", Ra = "FormControlLayout-module__rightSection___bcL4v", Be = {
+  root: Ma,
+  leftSection: za,
+  rightSection: Ra
+}, Ne = $(function({
   formLayout: e = "stacked",
-  labelSize: a = "default",
-  controlMaxWidth: s,
+  labelSize: s = "default",
+  controlMaxWidth: a,
   controlMinWidth: t,
   leftSection: o,
   children: n,
@@ -266,8 +267,8 @@ const _s = "FormControlLayout-module__root___yNDhZ", ms = "FormControlLayout-mod
   style: c,
   ...d
 }, p) {
-  const _ = i ? `${We.root} ${i}` : We.root, u = o != null || e === "side-by-side";
-  return /* @__PURE__ */ R(
+  const _ = i ? `${Be.root} ${i}` : Be.root, u = o != null || e === "side-by-side";
+  return /* @__PURE__ */ z(
     "div",
     {
       ref: p,
@@ -275,23 +276,23 @@ const _s = "FormControlLayout-module__root___yNDhZ", ms = "FormControlLayout-mod
       "data-form-layout": e,
       style: {
         ...c,
-        ...s ? { "--form-control-max-width": s } : {},
+        ...a ? { "--form-control-max-width": a } : {},
         ...t ? { "--form-control-min-width": t } : {}
       },
       ...d,
       children: [
-        u && /* @__PURE__ */ r("div", { className: We.leftSection, "data-size": a, children: o }),
-        /* @__PURE__ */ r("div", { className: We.rightSection, children: n })
+        u && /* @__PURE__ */ r("div", { className: Be.leftSection, "data-size": s, children: o }),
+        /* @__PURE__ */ r("div", { className: Be.rightSection, children: n })
       ]
     }
   );
 });
-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(
+Ne.displayName = "FormControlLayout";
+const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-module__textWrapper___sfy5E", Ea = "AssistiveElement-module__iconWrapper___gObRF", Xe = {
+  root: Ba,
+  textWrapper: Fa,
+  iconWrapper: Ea
+}, Va = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -307,7 +308,7 @@ const bs = "AssistiveElement-module__root___WhQ43", ys = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), hs = () => /* @__PURE__ */ R(
+), ja = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -323,16 +324,16 @@ const bs = "AssistiveElement-module__root___WhQ43", ys = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), Ge = $(function({
+), Qe = $(function({
   assistiveVariant: e = "help",
-  assistiveWithIcon: a = !0,
-  children: s,
+  assistiveWithIcon: s = !0,
+  children: a,
   className: t,
   overStyled: o = !1,
   ...n
 }, i) {
-  const d = N(n, o), p = De.root, _ = t ? `${p} ${t}` : p, f = e === "error" ? hs : Ns;
-  return /* @__PURE__ */ R(
+  const d = h(n, o), p = Xe.root, _ = t ? `${p} ${t}` : p, N = e === "error" ? ja : Va;
+  return /* @__PURE__ */ z(
     "div",
     {
       ref: i,
@@ -341,20 +342,20 @@ const bs = "AssistiveElement-module__root___WhQ43", ys = "AssistiveElement-modul
       style: d.style,
       ...d,
       children: [
-        a && /* @__PURE__ */ r("span", { className: De.iconWrapper, children: /* @__PURE__ */ r(f, {}) }),
-        /* @__PURE__ */ r("span", { className: De.textWrapper, children: s })
+        s && /* @__PURE__ */ r("span", { className: Xe.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
+        /* @__PURE__ */ r("span", { className: Xe.textWrapper, children: a })
       ]
     }
   );
 });
-Ge.displayName = "AssistiveElement";
-const $s = "FormControlWrapper-module__root___c-UHo", vs = "FormControlWrapper-module__inputSection___HenXk", oo = {
-  root: $s,
-  inputSection: vs
-}, ze = $(function({
+Qe.displayName = "AssistiveElement";
+const Da = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-module__inputSection___HenXk", yo = {
+  root: Da,
+  inputSection: Ga
+}, je = $(function({
   formLayout: e,
-  labelSize: a,
-  labelAlignment: s,
+  labelSize: s,
+  labelAlignment: a,
   labelOptionalText: t,
   labelWithEditIcon: o,
   labelActionArea: n,
@@ -363,30 +364,30 @@ const $s = "FormControlWrapper-module__root___c-UHo", vs = "FormControlWrapper-m
   description: d,
   assistiveText: p,
   assistiveWithIcon: _ = !0,
-  controlMaxWidth: f,
+  controlMaxWidth: N,
   controlMinWidth: u,
   error: m,
   required: y,
   withAsterisk: C,
-  id: h,
-  children: w,
+  id: f,
+  children: T,
   className: b,
-  overStyled: x = !1,
+  overStyled: A = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...I
-}, A) {
-  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,
+}, x) {
+  const S = Ut(), O = f || `recursica-fc-${S}`, W = p || d, w = W ? `${O}-assistive` : void 0, P = m ? `${O}-error` : void 0, R = h(I, A), g = b || R.className, he = yo.root, $e = g ? `${he} ${g}` : he, U = D.isValidElement(T) ? D.cloneElement(
+    T,
     {
-      ...O && !w.props["aria-describedby"] ? { "aria-describedby": P } : {},
-      ...m && !w.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
+      ...W && !T.props["aria-describedby"] ? { "aria-describedby": w } : {},
+      ...m && !T.props["aria-errormessage"] ? { "aria-errormessage": P } : {}
     }
-  ) : w, Pt = c ? /* @__PURE__ */ r(
-    uo,
+  ) : T, Ye = c ? /* @__PURE__ */ r(
+    Ao,
     {
-      id: W,
-      labelAlignment: s,
+      id: O,
+      labelAlignment: a,
       labelOptionalText: t,
       labelWithEditIcon: o,
       labelActionArea: n,
@@ -397,46 +398,46 @@ const $s = "FormControlWrapper-module__root___c-UHo", vs = "FormControlWrapper-m
     }
   ) : void 0;
   return /* @__PURE__ */ r(
-    me,
+    Ne,
     {
-      ref: A,
-      className: je,
+      ref: x,
+      className: $e,
       formLayout: e,
-      labelSize: a,
-      controlMaxWidth: f,
+      labelSize: s,
+      controlMaxWidth: N,
       controlMinWidth: u,
-      leftSection: Pt,
-      ...B,
-      children: /* @__PURE__ */ R("div", { className: oo.inputSection, children: [
+      leftSection: Ye,
+      ...R,
+      children: /* @__PURE__ */ z("div", { className: yo.inputSection, children: [
         U,
         m && /* @__PURE__ */ r(
-          Ge,
+          Qe,
           {
-            id: g,
+            id: P,
             assistiveVariant: "error",
             assistiveWithIcon: _,
             children: m
           }
         ),
-        !m && O && /* @__PURE__ */ r(
-          Ge,
+        !m && W && /* @__PURE__ */ r(
+          Qe,
           {
-            id: P,
+            id: w,
             assistiveVariant: "help",
             assistiveWithIcon: _,
-            children: O
+            children: W
           }
         )
       ] })
     }
   );
 });
-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;
+je.displayName = "FormControlWrapper";
+const Ha = "_root_1qhn7_3", qa = "_contents_1qhn7_18", Te = {
+  root: Ha,
+  contents: qa
+}, Ua = $(function({ layer: l, contentsOnly: e, children: s, className: a, style: t, ...o }, n) {
+  const i = e ? a ? `${Te.root} ${Te.contents} ${a}` : `${Te.root} ${Te.contents}` : a ? `${Te.root} ${a}` : Te.root;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -445,62 +446,62 @@ const Cs = "_root_1qhn7_3", ws = "_contents_1qhn7_18", he = {
       style: t,
       ...e ? {} : { "data-recursica-layer": String(l) },
       ...o,
-      children: a
+      children: s
     }
   );
 });
-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({
+Ua.displayName = "Layer";
+const De = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(D.Fragment, { children: l });
+De.displayName = "EmptyValueRenderer";
+De.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
+const No = "data-recursica-theme";
+function Hl({
   children: l,
   theme: e = "light"
 }) {
-  return Tt(() => {
-    const a = document.documentElement;
-    return a.setAttribute(to, e), () => {
-      a.removeAttribute(to);
+  return vo(() => {
+    const s = document.documentElement;
+    return s.setAttribute(No, e), () => {
+      s.removeAttribute(No);
     };
-  }, [e]), /* @__PURE__ */ r(ve, { children: l });
+  }, [e]), /* @__PURE__ */ r(xe, { children: l });
 }
-const gs = "ReadOnlyField-module__layoutOverride___9fSsG", Ts = "ReadOnlyField-module__textField___qKn25", $e = {
-  layoutOverride: gs,
-  textField: Ts
-}, Oe = ({
+const Za = "ReadOnlyField-module__layoutOverride___9fSsG", Ya = "ReadOnlyField-module__textField___qKn25", Se = {
+  layoutOverride: Za,
+  textField: Ya
+}, Ee = ({
   value: l,
   overStyled: e = !1,
-  ...a
+  ...s
 }) => {
-  const s = N(a, e), t = s.className;
+  const a = h(s, e), t = a.className;
   return /* @__PURE__ */ r(
-    qe,
+    eo,
     {
       component: "p",
-      className: t ? `${$e.textField} ${t}` : $e.textField,
-      ...s,
-      children: l != null ? j.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
+      className: t ? `${Se.textField} ${t}` : Se.textField,
+      ...a,
+      children: l != null ? D.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
     }
   );
 };
-Oe.displayName = "ReadOnlyTextField";
-const bo = $(
+Ee.displayName = "ReadOnlyTextField";
+const Oo = $(
   function({
     value: e,
-    type: a = "text",
-    emptyValueComponent: s,
+    type: s = "text",
+    emptyValueComponent: a,
     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) {
+    const p = h(i, t), _ = a || De, u = (_.check ? _.check(e) : De.check(e)) ? /* @__PURE__ */ r(_, { value: e }) : e;
+    switch (s) {
       case "boolean":
         d = /* @__PURE__ */ r(
-          Oe,
+          Ee,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : u,
             overStyled: t
@@ -509,7 +510,7 @@ const bo = $(
         break;
       case "switch":
         d = /* @__PURE__ */ r(
-          Oe,
+          Ee,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : u,
             overStyled: t
@@ -519,7 +520,7 @@ const bo = $(
       case "text":
       default:
         d = /* @__PURE__ */ r(
-          Oe,
+          Ee,
           {
             value: u,
             overStyled: t
@@ -527,9 +528,9 @@ const bo = $(
         );
         break;
     }
-    const m = o ? `${$e.layoutOverride} ${o}` : $e.layoutOverride;
+    const m = o ? `${Se.layoutOverride} ${o}` : Se.layoutOverride;
     return /* @__PURE__ */ r(
-      ze,
+      je,
       {
         ref: c,
         overStyled: t,
@@ -541,11 +542,11 @@ const bo = $(
     );
   }
 );
-bo.displayName = "ReadOnlyField";
-const ne = $(function({
+Oo.displayName = "ReadOnlyField";
+const oe = $(function({
   readOnly: e,
-  readOnlyComponent: a,
-  readOnlyType: s = "text",
+  readOnlyComponent: s,
+  readOnlyType: a = "text",
   readOnlyValue: t,
   readOnlyNativeProps: o,
   emptyValueComponent: n,
@@ -554,20 +555,20 @@ const ne = $(function({
   onLabelEditClick: d,
   ...p
 }, _) {
-  return e ? a ? /* @__PURE__ */ r(
-    ze,
+  return e ? s ? /* @__PURE__ */ r(
+    je,
     {
       ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: /* @__PURE__ */ r(a, { ...o })
+      children: /* @__PURE__ */ r(s, { ...o })
     }
   ) : /* @__PURE__ */ r(
-    bo,
+    Oo,
     {
       ref: _,
-      type: s,
+      type: a,
       value: t,
       emptyValueComponent: n,
       onLabelEditClick: d,
@@ -575,7 +576,7 @@ const ne = $(function({
       ...p
     }
   ) : /* @__PURE__ */ r(
-    ze,
+    je,
     {
       ref: _,
       ...p,
@@ -585,18 +586,18 @@ const ne = $(function({
     }
   );
 });
-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) {
+oe.displayName = "WithReadOnlyWrapper";
+const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-module__root___kANza", Ja = "AutoComplete-module__input___g51MC", Qa = "AutoComplete-module__section___WAbf1", es = "AutoComplete-module__dropdown___NqO3E", os = "AutoComplete-module__option___Y-Kja", V = {
+  layoutOverride: Ka,
+  root: Xa,
+  input: Ja,
+  section: Qa,
+  dropdown: es,
+  option: os
+}, ts = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
@@ -606,43 +607,43 @@ const xs = "AutoComplete-module__layoutOverride___-K9WL", As = "AutoComplete-mod
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: f,
+      assistiveWithIcon: N,
       error: u,
       required: m,
       withAsterisk: y,
       id: C,
-      className: h,
-      style: w,
+      className: f,
+      style: T,
       disabled: b,
-      readOnly: x,
+      readOnly: A,
       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,
+      value: x,
+      defaultValue: S,
+      ...O
+    } = e, W = h(O, a), w = W;
+    delete w.size, delete w.variant, delete w.radius;
+    const P = {
+      wrapper: V.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;
+      input: V.input,
+      section: V.section,
+      dropdown: V.dropdown,
+      option: V.option
+    }, L = w.classNames;
+    if (L && typeof L == "object" && !Array.isArray(L)) {
+      const g = L;
+      P.wrapper = g.wrapper ? `${V.root} ${g.wrapper}` : V.root, P.input = g.input ? `${V.input} ${g.input}` : V.input, P.section = g.section ? `${V.section} ${g.section}` : V.section, P.dropdown = g.dropdown ? `${V.dropdown} ${g.dropdown}` : V.dropdown, P.option = g.option ? `${V.option} ${g.option}` : V.option;
     }
-    const B = h ? `${F.layoutOverride} ${h}` : F.layoutOverride;
+    const R = f ? `${V.layoutOverride} ${f}` : V.layoutOverride;
     return /* @__PURE__ */ r(
-      ne,
+      oe,
       {
-        className: B,
-        style: w,
+        className: R,
+        style: T,
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
-        overStyled: s,
+        overStyled: a,
         formLayout: t,
         labelSize: o,
         labelAlignment: n,
@@ -651,32 +652,32 @@ const xs = "AutoComplete-module__layoutOverride___-K9WL", As = "AutoComplete-mod
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: f,
+        assistiveWithIcon: N,
         error: u,
         required: m,
         withAsterisk: y,
         id: C,
-        readOnly: x,
+        readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyValue: x !== void 0 ? x : S,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            xt,
+            Zt,
             {
-              ref: a,
-              classNames: g,
+              ref: s,
+              classNames: P,
               disabled: b,
-              value: A,
-              defaultValue: T,
+              value: x,
+              defaultValue: S,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
-              ...O
+              ...W
             }
           )
         )
@@ -684,17 +685,17 @@ const xs = "AutoComplete-module__layoutOverride___-K9WL", As = "AutoComplete-mod
     );
   }
 );
-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({
+ts.displayName = "AutoComplete";
+const as = "Avatar-module__root___fXu-J", ss = "Avatar-module__iconWrapper___ojly2", rs = "Avatar-module__textWrapper___zp-jD", ns = "Avatar-module__image___ieqGp", ls = "Avatar-module__placeholder___IDW7-", Q = {
+  root: as,
+  iconWrapper: ss,
+  textWrapper: rs,
+  image: ns,
+  placeholder: ls
+}, Wo = $(function({
   size: e = "default",
-  variant: a = "solid",
-  icon: s,
+  variant: s = "solid",
+  icon: a,
   children: t,
   src: o,
   overStyled: n = !1,
@@ -708,52 +709,52 @@ const zs = "Avatar-module__root___fXu-J", ks = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, _ = N(i, n), f = _;
+  }, _ = h(i, n), N = _;
   let u = "text";
-  o ? u = "image" : s && (u = "icon");
+  o ? u = "image" : a && (u = "icon");
   const m = {
-    root: K.root,
-    image: K.image,
-    placeholder: K.placeholder
-  }, y = f.classNames;
+    root: Q.root,
+    image: Q.image,
+    placeholder: Q.placeholder
+  }, y = N.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 f = y;
+    m.root = f.root ? `${Q.root} ${f.root}` : Q.root, m.image = f.image ? `${Q.image} ${f.image}` : Q.image, m.placeholder = f.placeholder ? `${Q.placeholder} ${f.placeholder}` : Q.placeholder;
   }
-  const C = f.className;
+  const C = N.className;
   return /* @__PURE__ */ r(
-    At,
+    Yt,
     {
       ref: c,
       className: C,
       classNames: m,
-      variant: d[a],
+      variant: d[s],
       size: p[e],
       src: o,
-      "data-variant": a,
+      "data-variant": s,
       "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
+      children: a != null ? /* @__PURE__ */ r("span", { className: Q.iconWrapper, "aria-hidden": !0, children: a }) : t != null ? /* @__PURE__ */ r("span", { className: Q.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
+Wo.displayName = "Avatar";
+const ql = te(Wo), is = "Badge-module__root___5osNT", se = {
+  root: is
+}, Lo = $(function({ variant: e = "primary-color", overStyled: s = !1, ...a }, t) {
+  const o = h(a, s), n = {
+    root: se.root,
+    section: se.section,
+    label: se.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;
+    n.root = p.root ? `${se.root} ${p.root}` : se.root, n.section = p.section ?? se.section, n.label = p.label ?? se.label;
   }
-  const c = o.className, d = c ? `${ee.root} ${c}` : ee.root;
+  const c = o.className, d = c ? `${se.root} ${c}` : se.root;
   return /* @__PURE__ */ r(
-    St,
+    Kt,
     {
       ref: t,
       variant: "filled",
@@ -764,26 +765,26 @@ const Xn = X(yo), Fs = "Badge-module__root___5osNT", ee = {
     }
   );
 });
-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 },
+Lo.displayName = "Badge";
+const Ul = te(Lo), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-module__separator___qrUX-", me = {
+  root: cs,
+  separator: ds
+}, ps = $(
+  function({ overStyled: e = !1, separator: s = ">", ...a }, t) {
+    const o = h(
+      { separator: s, ...a },
       e
     ), n = {
-      root: ce.root,
-      separator: ce.separator
+      root: me.root,
+      separator: me.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;
+      n.root = p.root ? `${me.root} ${p.root}` : me.root, n.separator = p.separator ? `${me.separator} ${p.separator}` : me.separator;
     }
-    const c = o.className, d = c ? `${ce.root} ${c}` : ce.root;
+    const c = o.className, d = c ? `${me.root} ${c}` : me.root;
     return /* @__PURE__ */ r(
-      Wt,
+      Xt,
       {
         ref: t,
         ...o,
@@ -793,10 +794,10 @@ const Jn = X(fo), Es = "Breadcrumb-module__root___x-9ln", js = "Breadcrumb-modul
     );
   }
 );
-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) {
+ps.displayName = "Breadcrumb";
+const _s = "Loader-module__root___6iYOP", We = {
+  root: _s
+}, ko = $(function({ variant: e = "oval", size: s = "default", overStyled: a = !1, ...t }, o) {
   const i = {
     sm: "small",
     md: "default",
@@ -804,43 +805,43 @@ const Vs = "Loader-module__root___6iYOP", we = {
     small: "small",
     default: "default",
     large: "large"
-  }[a] || "default", c = N(t, s), d = {
-    root: we.root
+  }[s] || "default", c = h(t, a), 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;
+    d.root = u.root ? `${We.root} ${u.root}` : We.root;
   }
-  const _ = c.className, f = _ ? `${we.root} ${_}` : we.root;
+  const _ = c.className, N = _ ? `${We.root} ${_}` : We.root;
   return /* @__PURE__ */ r(
-    Lt,
+    Jt,
     {
       ref: o,
       type: e,
       "data-variant": e,
       "data-size": i,
       ...c,
-      className: f,
+      className: N,
       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
+ko.displayName = "Loader";
+const ms = "Button-module__root___Q2R8-", us = "Button-module__loader___X-9u-", bs = "Button-module__label___UJ3Zt", ys = "Button-module__labelText___rFV5p", Ns = "Button-module__iconWrapper___uEKPa", fs = "Button-module__section___f2mKr", J = {
+  root: ms,
+  loader: us,
+  label: bs,
+  labelText: ys,
+  iconWrapper: Ns,
+  section: fs
 };
-function Ks(l) {
+function hs(l) {
   return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
 }
-const ho = $(function({
+const Io = $(function({
   variant: e = "solid",
-  size: a = "default",
-  icon: s,
+  size: s = "default",
+  icon: a,
   children: t,
   overStyled: o = !1,
   loaderVariant: n = "oval",
@@ -852,62 +853,62 @@ const ho = $(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, f = {
+  }, N = {
     default: "md",
     small: "sm"
-  }, u = N(d, o), m = u;
+  }, u = h(d, o), m = u;
   delete m.fullWidth;
-  const y = !!s || !!m.leftSection, C = !!m.rightSection, h = Ks(t), w = (y || C) && !h;
+  const y = !!a || !!m.leftSection, C = !!m.rightSection, f = hs(t), T = (y || C) && !f;
   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(
+  T ? b = "icon-only" : (y || C) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && T && !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
+  const A = {
+    root: J.root,
+    section: J.section,
+    label: J.label,
+    loader: J.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 w = v;
+    A.root = w.root ? `${J.root} ${w.root}` : J.root, A.section = w.section ?? J.section, A.label = w.label ?? J.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
+  const I = m.className, x = I ? `${J.root} ${I}` : J.root, S = m.loaderProps, O = i ?? (s === "small" ? "small" : "default");
+  let W = S;
+  return c && (W = {
+    children: /* @__PURE__ */ r(ko, { variant: n, size: O }),
+    ...S
   }), /* @__PURE__ */ r(
-    Ot,
+    Qt,
     {
       ref: p,
-      className: A,
-      classNames: x,
+      className: x,
+      classNames: A,
       variant: _[e],
-      size: f[a],
-      loaderProps: O,
-      leftSection: s != null ? /* @__PURE__ */ r("span", { className: Y.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+      size: N[s],
+      loaderProps: W,
+      leftSection: a != null ? /* @__PURE__ */ r("span", { className: J.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
       "data-variant": e,
-      "data-size": a,
+      "data-size": s,
       "data-content": b,
       ...u,
       disabled: !!m.disabled || !!m.loading,
-      children: /* @__PURE__ */ r("span", { className: Y.labelText, children: t })
+      children: /* @__PURE__ */ r("span", { className: J.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
+Io.displayName = "Button";
+const Zl = te(
+  Io
+), $s = "Card-module__root___c9KvZ", vs = "Card-module__header___PTXf2", Cs = "Card-module__footer___Mu-JC", ws = "Card-module__section___BRT8H", Ps = "Card-module__content___oFIQa", le = {
+  root: $s,
+  header: vs,
+  footer: Cs,
+  section: ws,
+  content: Ps
+}, Mo = $(function({ overStyled: e = !1, ...s }, a) {
+  const t = h(s, e), o = {
+    root: le.root
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
@@ -917,90 +918,90 @@ const el = X(
   }
   const i = t.className;
   return /* @__PURE__ */ r(
-    Me,
+    He,
     {
-      ref: s,
+      ref: a,
       className: i,
       classNames: o,
       ...t
     }
   );
 });
-$o.displayName = "Card";
-const vo = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+Mo.displayName = "Card";
+const zo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      Me.Section,
+      He.Section,
       {
-        ref: s,
-        className: o ? `${se.section} ${o}` : se.section,
+        ref: a,
+        className: o ? `${le.section} ${o}` : le.section,
         ...t
       }
     );
   }
 );
-vo.displayName = "CardSection";
-const Co = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+zo.displayName = "CardSection";
+const Ro = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      Me.Section,
+      He.Section,
       {
-        ref: s,
-        className: o ? `${se.header} ${o}` : se.header,
+        ref: a,
+        className: o ? `${le.header} ${o}` : le.header,
         ...t
       }
     );
   }
 );
-Co.displayName = "CardHeader";
-const wo = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+Ro.displayName = "CardHeader";
+const Bo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      Me.Section,
+      He.Section,
       {
-        ref: s,
-        className: o ? `${se.footer} ${o}` : se.footer,
+        ref: a,
+        className: o ? `${le.footer} ${o}` : le.footer,
         ...t
       }
     );
   }
 );
-wo.displayName = "CardFooter";
-const Po = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+Bo.displayName = "CardFooter";
+const Fo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: s,
-        className: o ? `${se.content} ${o}` : se.content,
+        ref: a,
+        className: o ? `${le.content} ${o}` : le.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) {
+Fo.displayName = "CardContent";
+const Eo = te(Mo), Ue = Eo;
+Ue.Section = zo;
+Ue.Header = Ro;
+Ue.Footer = Bo;
+Ue.Content = Fo;
+const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module__root___mY3qk", Ss = "Checkbox-module__body___5yC7q", xs = "Checkbox-module__inner___rTke4", As = "Checkbox-module__input___2kt-h", Os = "Checkbox-module__icon___-O7i6", Ws = "Checkbox-module__labelWrapper___GpZkr", Ls = "Checkbox-module__label___cwRtI", B = {
+  groupRoot: gs,
+  root: Ts,
+  body: Ss,
+  inner: xs,
+  input: As,
+  icon: Os,
+  labelWrapper: Ws,
+  label: Ls
+}, Vo = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
@@ -1011,30 +1012,30 @@ const ol = go, ta = "Checkbox-module__groupRoot___cBS0o", sa = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: f,
+      assistiveText: N,
       assistiveWithIcon: u,
       error: m,
       required: y,
       withAsterisk: C,
-      id: h,
-      className: w,
+      id: f,
+      className: T,
       style: b,
-      children: x,
+      children: A,
       readOnly: v,
       readOnlyComponent: I,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: W,
-      ...O
-    } = e, P = N(O, s), g = P;
-    return delete g.size, /* @__PURE__ */ r(
-      ne,
+      emptyValueComponent: x,
+      value: S,
+      defaultValue: O,
+      ...W
+    } = e, w = h(W, a), P = w;
+    return delete P.size, /* @__PURE__ */ r(
+      oe,
       {
-        className: w,
+        className: T,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: s,
+        overStyled: a,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
@@ -1044,38 +1045,38 @@ const ol = go, ta = "Checkbox-module__groupRoot___cBS0o", sa = "Checkbox-module_
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: f,
+        assistiveText: N,
         assistiveWithIcon: u,
         error: m,
         required: y,
         withAsterisk: C,
-        id: h,
+        id: f,
         readOnly: v && !!I,
         readOnlyComponent: I,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : W,
+        readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          lo.Group,
+          wo.Group,
           {
-            ref: a,
-            ...P,
-            disabled: v || g.disabled,
-            value: T,
-            defaultValue: W,
-            children: /* @__PURE__ */ r("div", { className: z.groupRoot, "data-layout": t, children: x })
+            ref: s,
+            ...w,
+            disabled: v || P.disabled,
+            value: S,
+            defaultValue: O,
+            children: /* @__PURE__ */ r("div", { className: B.groupRoot, "data-layout": t, children: A })
           }
         )
       }
     );
   }
 );
-To.displayName = "CheckboxGroup";
-const xo = $(
-  function(e, a) {
+Vo.displayName = "CheckboxGroup";
+const jo = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       readOnly: t,
       readOnlyComponent: o,
       disabled: n,
@@ -1084,22 +1085,22 @@ const xo = $(
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, f = N(_, s), u = f;
+    } = e, N = h(_, a), u = N;
     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
+      root: B.root,
+      body: B.body,
+      inner: B.inner,
+      input: B.input,
+      icon: B.icon,
+      labelWrapper: B.labelWrapper,
+      label: B.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;
+      m.root = b.root ? `${B.root} ${b.root}` : B.root, m.body = b.body ? `${B.body} ${b.body}` : B.body, m.inner = b.inner ? `${B.inner} ${b.inner}` : B.inner, m.input = b.input ? `${B.input} ${b.input}` : B.input, m.icon = b.icon ? `${B.icon} ${b.icon}` : B.icon, m.labelWrapper = b.labelWrapper ? `${B.labelWrapper} ${b.labelWrapper}` : B.labelWrapper, m.label = b.label ? `${B.label} ${b.label}` : B.label;
     }
-    const C = u.className, h = C ? `${z.root} ${C}` : z.root;
+    const C = u.className, f = C ? `${B.root} ${C}` : B.root;
     if (t && o) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
@@ -1110,7 +1111,7 @@ const xo = $(
         }
       );
       return i ? /* @__PURE__ */ r(
-        me,
+        Ne,
         {
           formLayout: i,
           labelSize: c,
@@ -1118,43 +1119,43 @@ const xo = $(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(ve, { children: v });
+      ) : /* @__PURE__ */ r(xe, { children: v });
     }
-    const w = /* @__PURE__ */ r(
-      lo,
+    const T = /* @__PURE__ */ r(
+      wo,
       {
-        ref: a,
-        className: h,
+        ref: s,
+        className: f,
         classNames: m,
         disabled: t || n,
-        ...f
+        ...N
       }
     );
     return i ? /* @__PURE__ */ r(
-      me,
+      Ne,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: w
+        children: T
       }
-    ) : w;
+    ) : T;
   }
 );
-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
+jo.displayName = "Checkbox";
+jo.Group = Vo;
+const ks = "Chip-module__root___f5pFk", Is = "Chip-module__label___Ov9pg", Ms = "Chip-module__mantineIconWrapper___KLSz6", zs = "Chip-module__innerWrapper___EnrTF", Rs = "Chip-module__children___zbRAR", Bs = "Chip-module__leadingIcon___JBtjQ", Fs = "Chip-module__removeIcon___pVju-", H = {
+  root: ks,
+  label: Is,
+  mantineIconWrapper: Ms,
+  innerWrapper: zs,
+  children: Rs,
+  leadingIcon: Bs,
+  removeIcon: Fs
 };
-function fa(l) {
-  return /* @__PURE__ */ R(
+function Es(l) {
+  return /* @__PURE__ */ z(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1174,66 +1175,66 @@ function fa(l) {
     }
   );
 }
-const Na = $(function({
+const Vs = $(function({
   error: e = !1,
-  icon: a,
-  onRemove: s,
+  icon: s,
+  onRemove: a,
   removeLabel: t = "Remove",
   children: o,
   overStyled: n = !1,
   ...i
 }, c) {
-  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 d = h(i, n), p = d, _ = {
+    root: H.root,
+    label: H.label,
+    input: H.input,
+    iconWrapper: H.mantineIconWrapper,
+    checkIcon: H.checkIcon
+  }, N = p.classNames;
+  if (N && typeof N == "object" && !Array.isArray(N)) {
+    const f = N;
+    _.root = f.root ? `${H.root} ${f.root}` : H.root, _.label = f.label ? `${H.label} ${f.label}` : H.label;
   }
-  const u = p.className, m = u ? `${V.root} ${u}` : V.root;
+  const u = p.className, m = u ? `${H.root} ${u}` : H.root;
   return /* @__PURE__ */ r(
-    It,
+    ea,
     {
       ref: c,
       className: m,
       classNames: _,
       ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!o && (!!a || !!s) ? { "data-icon-only": "" } : {},
+      ...!o && (!!s || !!a) ? { "data-icon-only": "" } : {},
       ...d,
-      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(
+      children: /* @__PURE__ */ z("span", { className: H.innerWrapper, children: [
+        s && /* @__PURE__ */ r("span", { className: H.leadingIcon, "aria-hidden": !0, children: s }),
+        /* @__PURE__ */ r("span", { className: H.children, children: o }),
+        a && /* @__PURE__ */ r(
           "span",
           {
             role: "button",
-            className: V.removeIcon,
-            onClick: (h) => {
-              h.preventDefault(), h.stopPropagation(), s(h);
+            className: H.removeIcon,
+            onClick: (f) => {
+              f.preventDefault(), f.stopPropagation(), a(f);
             },
             "aria-label": t,
-            onKeyDown: (h) => {
-              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
-                h
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), a(
+                f
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(fa, {})
+            children: /* @__PURE__ */ r(Es, {})
           }
         )
       ] })
     }
   );
 });
-Na.displayName = "Chip";
-const ha = "Container-module__root___UVssr", Pe = {
-  root: ha
-}, $a = $(
-  function({ children: e, size: a, ...s }, t) {
+Vs.displayName = "Chip";
+const js = "Container-module__root___UVssr", Le = {
+  root: js
+}, Ds = $(
+  function({ children: e, size: s, ...a }, t) {
     const o = {
       "rec-sm": "sm",
       "rec-default": "md",
@@ -1241,39 +1242,144 @@ const ha = "Container-module__root___UVssr", Pe = {
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, n = typeof a == "string" && o[a] ? o[a] : a, i = {
-      root: Pe.root
-    }, c = s.classNames;
+    }, n = typeof s == "string" && o[s] ? o[s] : s, i = {
+      root: Le.root
+    }, c = a.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const _ = c;
-      i.root = _.root ? `${Pe.root} ${_.root}` : Pe.root;
+      i.root = _.root ? `${Le.root} ${_.root}` : Le.root;
     }
-    const d = s.className, p = d ? `${Pe.root} ${d}` : Pe.root;
+    const d = a.className, p = d ? `${Le.root} ${d}` : Le.root;
     return /* @__PURE__ */ r(
-      zt,
+      oa,
       {
         ref: t,
         size: n,
         className: p,
         classNames: i,
-        ...s,
+        ...a,
         children: e
       }
     );
   }
 );
-$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) {
+Ds.displayName = "Container";
+const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module__root___6XvRT", qs = "DatePicker-module__input___pcSW8", Us = "DatePicker-module__section___n3iWA", Zs = "DatePicker-module__dropdown___wjt08", Ys = "DatePicker-module__calendarHeader___KHxno", Ks = "DatePicker-module__day___U03J2", Z = {
+  layoutOverride: Gs,
+  root: Hs,
+  input: qs,
+  section: Us,
+  dropdown: Zs,
+  calendarHeader: Ys,
+  day: Ks
+}, Xs = $(
+  function(e, s) {
+    const {
+      overStyled: a = !1,
+      formLayout: t = "stacked",
+      // Label & Wrapper Maps
+      labelSize: o,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
+      onLabelEditClick: d,
+      label: p,
+      assistiveText: _,
+      assistiveWithIcon: N,
+      error: u,
+      required: m,
+      withAsterisk: y,
+      id: C,
+      className: f,
+      style: T,
+      disabled: b,
+      readOnly: A,
+      readOnlyComponent: v,
+      emptyValueComponent: I,
+      value: x,
+      defaultValue: S,
+      ...O
+    } = e, W = h(O, a), w = W;
+    delete w.size, delete w.variant, delete w.radius, delete w.description;
+    const P = {
+      wrapper: Z.root,
+      // The nested Input internal relative wrapper bounding box
+      input: Z.input,
+      section: Z.section,
+      dropdown: Z.dropdown,
+      day: Z.day,
+      calendarHeader: Z.calendarHeader
+    }, L = w.classNames;
+    if (L && typeof L == "object" && !Array.isArray(L)) {
+      const g = L;
+      P.wrapper = g.wrapper ? `${Z.root} ${g.wrapper}` : Z.root, P.input = g.input ? `${Z.input} ${g.input}` : Z.input, P.section = g.section ? `${Z.section} ${g.section}` : Z.section;
+    }
+    const R = f ? `${Z.layoutOverride} ${f}` : Z.layoutOverride;
+    return /* @__PURE__ */ r(
+      oe,
+      {
+        className: R,
+        style: T,
+        controlMaxWidth: void 0,
+        controlMinWidth: void 0,
+        overStyled: a,
+        formLayout: t,
+        labelSize: o,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
+        onLabelEditClick: d,
+        label: p,
+        assistiveText: _,
+        assistiveWithIcon: N,
+        error: u,
+        required: m,
+        withAsterisk: y,
+        id: C,
+        readOnly: A,
+        readOnlyComponent: v,
+        emptyValueComponent: I,
+        readOnlyType: "text",
+        readOnlyValue: x !== void 0 ? String(x) : S ? String(S) : void 0,
+        readOnlyNativeProps: e,
+        activeComponent: (
+          /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ r(
+            fa,
+            {
+              ref: s,
+              classNames: P,
+              disabled: b,
+              value: x,
+              defaultValue: S,
+              label: void 0,
+              description: void 0,
+              error: void 0,
+              withAsterisk: !1,
+              wrapperProps: {
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0
+              },
+              ...W
+            }
+          )
+        )
+      }
+    );
+  }
+);
+Xs.displayName = "DatePicker";
+const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__root___uVyL0", er = "Dropdown-module__input___dK4dN", or = "Dropdown-module__section___j3MRB", tr = "Dropdown-module__dropdown___gG-Sw", ar = "Dropdown-module__option___nAGU-", j = {
+  layoutOverride: Js,
+  root: Qs,
+  input: er,
+  section: or,
+  dropdown: tr,
+  option: ar
+}, sr = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       containerWidth: o,
       // Label & Wrapper Maps
@@ -1283,48 +1389,48 @@ const tl = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), va
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: _,
-      assistiveText: f,
+      assistiveText: N,
       assistiveWithIcon: u,
       error: m,
       required: y,
       withAsterisk: C,
-      id: h,
-      className: w,
+      id: f,
+      className: T,
       style: b,
-      disabled: x,
+      disabled: A,
       readOnly: v,
       readOnlyComponent: I,
-      emptyValueComponent: A,
-      value: T,
-      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,
+      emptyValueComponent: x,
+      value: S,
+      defaultValue: O,
+      data: W,
+      ...w
+    } = e, P = h(w, a), L = P;
+    delete L.size, delete L.variant, delete L.radius;
+    const R = {
+      wrapper: j.root,
       // The nested Input internal relative wrapper bounding box
-      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;
+      input: j.input,
+      section: j.section,
+      dropdown: j.dropdown,
+      option: j.option
+    }, g = L.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const U = g;
+      R.wrapper = U.wrapper ? `${j.root} ${U.wrapper}` : j.root, R.input = U.input ? `${j.input} ${U.input}` : j.input, R.section = U.section ? `${j.section} ${U.section}` : j.section, R.dropdown = U.dropdown ? `${j.dropdown} ${U.dropdown}` : j.dropdown, R.option = U.option ? `${j.option} ${U.option}` : j.option;
     }
-    const Se = {
+    const he = {
       ...b || {},
       width: o || "100%"
-    }, je = w ? `${E.layoutOverride} ${w}` : E.layoutOverride;
+    }, $e = T ? `${j.layoutOverride} ${T}` : j.layoutOverride;
     return /* @__PURE__ */ r(
-      ne,
+      oe,
       {
-        className: je,
-        style: Se,
+        className: $e,
+        style: he,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
-        overStyled: s,
+        overStyled: a,
         formLayout: t,
         labelSize: n,
         labelAlignment: i,
@@ -1332,39 +1438,39 @@ const tl = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), va
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: _,
-        assistiveText: f,
+        assistiveText: N,
         assistiveWithIcon: u,
         error: m,
         required: y,
         withAsterisk: C,
-        id: h,
+        id: f,
         readOnly: v,
         readOnlyComponent: I,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? String(T) : W ? String(W) : void 0,
+        readOnlyValue: S !== void 0 ? String(S) : O ? String(O) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            kt,
+            ta,
             {
-              ref: a,
-              classNames: B,
-              disabled: x,
-              value: T,
-              defaultValue: W,
-              data: O || [],
+              ref: s,
+              classNames: R,
+              disabled: A,
+              value: S,
+              defaultValue: O,
+              data: W || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": x ? "true" : void 0,
+                "data-disabled": A ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
-              ...g
+              ...P
             }
           )
         )
@@ -1372,64 +1478,64 @@ const tl = (l) => /* @__PURE__ */ r("div", { ...l, children: "DatePicker" }), va
     );
   }
 );
-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) {
+sr.displayName = "Dropdown";
+const Kl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Xl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), rr = "Flex-module__root___yYser", ke = {
+  root: rr
+}, Do = $(function({ children: e, gap: s = "rec-default", rowGap: a, columnGap: t, ...o }, n) {
   const i = {
-    root: ge.root
+    root: ke.root
   }, c = o.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const _ = c;
-    i.root = _.root ? `${ge.root} ${_.root}` : ge.root;
+    i.root = _.root ? `${ke.root} ${_.root}` : ke.root;
   }
-  const d = o.className, p = d ? `${ge.root} ${d}` : ge.root;
+  const d = o.className, p = d ? `${ke.root} ${d}` : ke.root;
   return /* @__PURE__ */ r(
-    Rt,
+    aa,
     {
       ref: n,
       className: p,
       classNames: i,
-      ...Ye({ gap: a, rowGap: s, columnGap: t, ...o }),
+      ...so({ gap: s, rowGap: a, columnGap: t, ...o }),
       children: e
     }
   );
 });
-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) {
+Do.displayName = "Flex";
+const Jl = te(Do), nr = "Group-module__root___ftO64", Ie = {
+  root: nr
+}, lr = $(function({ children: e, gap: s = "rec-default", ...a }, t) {
   const o = {
-    root: Te.root
-  }, n = s.classNames;
+    root: Ie.root
+  }, n = a.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${Te.root} ${d.root}` : Te.root;
+    o.root = d.root ? `${Ie.root} ${d.root}` : Ie.root;
   }
-  const i = s.className, c = i ? `${Te.root} ${i}` : Te.root;
+  const i = a.className, c = i ? `${Ie.root} ${i}` : Ie.root;
   return /* @__PURE__ */ r(
-    Mt,
+    sa,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...Ye({ gap: a, ...s }),
+      ...so({ gap: s, ...a }),
       children: e
     }
   );
 });
-Wa.displayName = "Group";
-const La = "HoverCard-module__dropdown___FBPFW", Oa = "HoverCard-module__arrow___S9AkE", so = {
-  dropdown: La,
-  arrow: Oa
-}, So = function({
+lr.displayName = "Group";
+const ir = "HoverCard-module__dropdown___FBPFW", cr = "HoverCard-module__arrow___S9AkE", fo = {
+  dropdown: ir,
+  arrow: cr
+}, Go = function({
   overStyled: e = !1,
-  withBeak: a = !0,
-  ...s
+  withBeak: s = !0,
+  ...a
 }) {
-  const t = N(s, e), o = {
-    dropdown: so.dropdown,
-    arrow: so.arrow
+  const t = h(a, e), o = {
+    dropdown: fo.dropdown,
+    arrow: fo.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -1439,53 +1545,53 @@ const La = "HoverCard-module__dropdown___FBPFW", Oa = "HoverCard-module__arrow__
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    He,
+    oo,
     {
       position: "top",
       arrowSize: i,
-      withArrow: a ?? c,
+      withArrow: s ?? c,
       classNames: o,
       ...t
     }
   );
 };
-So.displayName = "HoverCard";
-const Wo = function(e) {
-  return /* @__PURE__ */ r(He.Target, { ...e });
+Go.displayName = "HoverCard";
+const Ho = function(e) {
+  return /* @__PURE__ */ r(oo.Target, { ...e });
 };
-Wo.displayName = "HoverCardTarget";
-const Lo = function({
+Ho.displayName = "HoverCardTarget";
+const qo = function({
   overStyled: e = !1,
-  ...a
+  ...s
 }) {
-  const s = N(a, e), t = s.className;
+  const a = h(s, e), t = a.className;
   return /* @__PURE__ */ r(
-    He.Dropdown,
+    oo.Dropdown,
     {
       className: t,
-      ...s
+      ...a
     }
   );
 };
-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
+qo.displayName = "HoverCardDropdown";
+const Uo = Go;
+Uo.Target = Ho;
+Uo.Dropdown = qo;
+const dr = "Link-module__root___I0VGE", pr = "Link-module__iconWrapper___W-LlF", _r = "Link-module__labelText___wSvUy", Ce = {
+  root: dr,
+  iconWrapper: pr,
+  labelText: _r
+}, Zo = $(function({ icon: e, children: s, overStyled: a = !1, ...t }, o) {
+  const n = h(t, a), i = n, c = {
+    root: Ce.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
-    const f = d;
-    c.root = f.root ? `${be.root} ${f.root}` : be.root;
+    const N = d;
+    c.root = N.root ? `${Ce.root} ${N.root}` : Ce.root;
   }
-  const p = i.className, _ = p ? `${be.root} ${p}` : be.root;
-  return /* @__PURE__ */ R(
-    Bt,
+  const p = i.className, _ = p ? `${Ce.root} ${p}` : Ce.root;
+  return /* @__PURE__ */ z(
+    ra,
     {
       ref: o,
       className: _,
@@ -1494,31 +1600,31 @@ const Ia = "Link-module__root___I0VGE", za = "Link-module__iconWrapper___W-LlF",
       ...e ? { "data-has-icon": "" } : {},
       ...n,
       children: [
-        e && /* @__PURE__ */ r("span", { className: be.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ r("span", { className: be.labelText, children: a })
+        e && /* @__PURE__ */ r("span", { className: Ce.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ r("span", { className: Ce.labelText, children: s })
       ]
     }
   );
 });
-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;
+Zo.displayName = "Link";
+const Ql = te(Zo), mr = "Menu-module__dropdown___j4xuA", ur = "Menu-module__item___NMXha", br = "Menu-module__itemLabel___zvcqC", yr = "Menu-module__itemSection___pRIcn", Nr = "Menu-module__divider___wPiNq", fr = "Menu-module__label___4FBGa", hr = "Menu-module__chevron___hEEiy", we = {
+  dropdown: mr,
+  item: ur,
+  itemLabel: br,
+  itemSection: yr,
+  divider: Nr,
+  label: fr,
+  chevron: hr
+}, Yo = function({ overStyled: e = !1, ...s }) {
+  const a = h(s, e), t = {
+    dropdown: we.dropdown,
+    item: we.item,
+    itemLabel: we.itemLabel,
+    itemSection: we.itemSection,
+    divider: we.divider,
+    label: we.label,
+    chevron: we.chevron
+  }, o = a.classNames;
   if (o && typeof o == "object" && !Array.isArray(o)) {
     const n = o;
     Object.keys(n).forEach((i) => {
@@ -1526,223 +1632,223 @@ const nl = X(Io), Ra = "Menu-module__dropdown___j4xuA", Ma = "Menu-module__item_
     });
   }
   return /* @__PURE__ */ r(
-    J,
+    ae,
     {
       classNames: t,
-      ...s
+      ...a
     }
   );
 };
-zo.displayName = "Menu";
-const ko = function(e) {
-  return /* @__PURE__ */ r(J.Target, { ...e });
+Yo.displayName = "Menu";
+const Ko = function(e) {
+  return /* @__PURE__ */ r(ae.Target, { ...e });
 };
-ko.displayName = "MenuTarget";
-const Ro = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+Ko.displayName = "MenuTarget";
+const Xo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      J.Dropdown,
+      ae.Dropdown,
       {
-        ref: s,
+        ref: a,
         className: o,
         ...t
       }
     );
   }
 );
-Ro.displayName = "MenuDropdown";
-const Mo = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t;
+Xo.displayName = "MenuDropdown";
+const Jo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      J.Item,
+      ae.Item,
       {
-        ref: s,
+        ref: a,
         className: n,
         ...t
       }
     );
   }
 );
-Mo.displayName = "MenuItem";
-const Va = X(Mo), Bo = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+Jo.displayName = "MenuItem";
+const $r = te(Jo), Qo = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      J.Divider,
+      ae.Divider,
       {
-        ref: s,
+        ref: a,
         className: o,
         ...t
       }
     );
   }
 );
-Bo.displayName = "MenuDivider";
-const Fo = $(function({ overStyled: e = !1, ...a }, s) {
-  const t = N(a, e), o = t.className;
+Qo.displayName = "MenuDivider";
+const et = $(function({ overStyled: e = !1, ...s }, a) {
+  const t = h(s, e), o = t.className;
   return /* @__PURE__ */ r(
-    J.Label,
+    ae.Label,
     {
-      ref: s,
+      ref: a,
       className: o,
       ...t
     }
   );
 });
-Fo.displayName = "MenuLabel";
-const Eo = function(e) {
-  return /* @__PURE__ */ r(J.Sub, { ...e });
+et.displayName = "MenuLabel";
+const ot = function(e) {
+  return /* @__PURE__ */ r(ae.Sub, { ...e });
 };
-Eo.displayName = "MenuSub";
-const jo = function(e) {
-  return /* @__PURE__ */ r(J.Sub.Target, { ...e });
+ot.displayName = "MenuSub";
+const tt = function(e) {
+  return /* @__PURE__ */ r(ae.Sub.Target, { ...e });
 };
-jo.displayName = "MenuSubTarget";
-const Do = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t;
+tt.displayName = "MenuSubTarget";
+const at = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t;
     e || delete o.color;
     const n = o.className;
     return /* @__PURE__ */ r(
-      J.Sub.Item,
+      ae.Sub.Item,
       {
-        ref: s,
+        ref: a,
         className: n,
         ...t
       }
     );
   }
 );
-Do.displayName = "MenuSubItem";
-const Ga = X(
-  Do
-), Vo = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className;
+at.displayName = "MenuSubItem";
+const vr = te(
+  at
+), st = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className;
     return /* @__PURE__ */ r(
-      J.Sub.Dropdown,
+      ae.Sub.Dropdown,
       {
-        ref: s,
+        ref: a,
         className: o,
         ...t
       }
     );
   }
 );
-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({
+st.displayName = "MenuSubDropdown";
+const Ze = ot;
+Ze.Target = tt;
+Ze.Item = vr;
+Ze.Dropdown = st;
+const Ae = Yo;
+Ae.Target = Ko;
+Ae.Dropdown = Xo;
+Ae.Item = $r;
+Ae.Divider = Qo;
+Ae.Label = et;
+Ae.Sub = Ze;
+const Cr = "Modal-module__root___ytPLl", wr = "Modal-module__inner___SSUJE", Pr = "Modal-module__content___dWO-B", gr = "Modal-module__header___ILG9i", Tr = "Modal-module__title___A5OeE", Sr = "Modal-module__bodyWrapper___5CCL-", xr = "Modal-module__scrollArea___KD-hm", Ar = "Modal-module__footer___rro2w", Or = "Modal-module__close___-ER1C", ne = {
+  root: Cr,
+  inner: wr,
+  content: Pr,
+  header: gr,
+  title: Tr,
+  bodyWrapper: Sr,
+  scrollArea: xr,
+  footer: Ar,
+  close: Or
+}, rt = D.forwardRef(function({
   overStyled: e = !1,
-  children: a,
-  title: s,
+  children: s,
+  title: a,
   withCloseButton: t = !0,
   overlayProps: o,
   withOverlay: n = !0,
   closeButtonProps: i,
   ...c
 }, d) {
-  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;
+  const p = h(c, e), _ = {
+    root: ne.root,
+    inner: ne.inner,
+    content: ne.content,
+    header: ne.header,
+    title: ne.title,
+    close: ne.close
+  }, N = p.classNames;
+  if (N && typeof N == "object" && !Array.isArray(N)) {
+    const u = N;
     Object.keys(u).forEach((m) => {
       _[m] ? _[m] = `${_[m]} ${u[m]}` : _[m] = u[m];
     });
   }
-  return /* @__PURE__ */ R(
-    H.Root,
+  return /* @__PURE__ */ z(
+    K.Root,
     {
       ref: d,
       classNames: _,
       ...p,
       children: [
-        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 })
+        n && /* @__PURE__ */ r(K.Overlay, { ...o }),
+        /* @__PURE__ */ z(K.Content, { children: [
+          (a || t) && /* @__PURE__ */ z(K.Header, { children: [
+            a && /* @__PURE__ */ r(K.Title, { children: a }),
+            t && /* @__PURE__ */ r(K.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(eo, { children: a })
+          /* @__PURE__ */ r(co, { children: s })
         ] })
       ]
     }
   );
 });
-Go.displayName = "Modal";
-const Je = j.forwardRef(function({ className: e, ...a }, s) {
+rt.displayName = "Modal";
+const io = D.forwardRef(function({ className: e, ...s }, a) {
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: s,
-      className: `${te.footer} ${e || ""}`,
-      ...a
+      ref: a,
+      className: `${ne.footer} ${e || ""}`,
+      ...s
     }
   );
 });
-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(() => {
+io.displayName = "Modal.Footer";
+const co = D.forwardRef(function({ className: e, onScroll: s, children: a, ...t }, o) {
+  const n = D.useRef(null), [i, c] = D.useState(!1), [d, p] = D.useState(!1), _ = D.useCallback(() => {
     if (n.current) {
-      const { scrollTop: y, scrollHeight: C, clientHeight: h } = n.current;
-      c(y > 0), p(Math.ceil(y + h) < C);
+      const { scrollTop: y, scrollHeight: C, clientHeight: f } = n.current;
+      c(y > 0), p(Math.ceil(y + f) < C);
     }
   }, []);
-  j.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, s]);
-  const f = (y) => {
-    _(), a == null || a(y);
+  D.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, a]);
+  const N = (y) => {
+    _(), s == null || s(y);
   };
   let u = null;
   const m = [];
-  return j.Children.forEach(s, (y) => {
+  return D.Children.forEach(a, (y) => {
     var C;
-    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,
+    D.isValidElement(y) && (y.type === io || ((C = y.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? u = y : m.push(y);
+  }), /* @__PURE__ */ z(
+    K.Body,
     {
       ...t,
       ref: (y) => {
         typeof o == "function" ? o(y) : o && (o.current = y);
       },
-      className: `${te.bodyWrapper} ${e || ""}`,
+      className: `${ne.bodyWrapper} ${e || ""}`,
       children: [
         /* @__PURE__ */ r(
           "div",
           {
             ref: n,
-            onScroll: f,
+            onScroll: N,
             "data-scrolled-top": i || void 0,
             "data-scrolled-bottom": d || void 0,
-            className: te.scrollArea,
+            className: ne.scrollArea,
             children: m
           }
         ),
@@ -1751,27 +1857,27 @@ const eo = j.forwardRef(function({ className: e, onScroll: a, children: s, ...t
     }
   );
 });
-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) {
+co.displayName = "Modal.Body";
+const fe = rt;
+fe.Root = K.Root;
+fe.Overlay = K.Overlay;
+fe.Content = K.Content;
+fe.Header = K.Header;
+fe.Title = K.Title;
+fe.CloseButton = K.CloseButton;
+fe.Body = co;
+fe.Footer = io;
+const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-module__root___C6rAn", kr = "NumberInput-module__input___Ss8p7", Ir = "NumberInput-module__section___MijP0", Mr = "NumberInput-module__controls___8UfQ2", zr = "NumberInput-module__control___Qre9-", Pe = {
+  layoutOverride: Wr,
+  root: Lr,
+  input: kr,
+  section: Ir,
+  controls: Mr,
+  control: zr
+}, Rr = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
@@ -1781,39 +1887,39 @@ const er = "NumberInput-module__layoutOverride___5-9T4", or = "NumberInput-modul
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: f,
+      assistiveWithIcon: N,
       error: u,
       required: m,
       withAsterisk: y,
       id: C,
-      className: h,
-      style: w,
+      className: f,
+      style: T,
       disabled: b,
-      readOnly: x,
+      readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
-      value: A,
-      defaultValue: T,
-      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,
+      value: x,
+      defaultValue: S,
+      hideControls: O = !1,
+      ...W
+    } = e, w = h(W, a), P = w;
+    delete P.size, delete P.variant, delete P.radius;
+    const L = {
+      wrapper: Pe.root,
       // The nested Input internal relative wrapper bounding box
-      input: fe.input,
-      section: fe.section,
-      controls: fe.controls,
-      control: fe.control
-    }, B = h ? `${fe.layoutOverride} ${h}` : fe.layoutOverride;
+      input: Pe.input,
+      section: Pe.section,
+      controls: Pe.controls,
+      control: Pe.control
+    }, R = f ? `${Pe.layoutOverride} ${f}` : Pe.layoutOverride;
     return /* @__PURE__ */ r(
-      ne,
+      oe,
       {
-        className: B,
-        style: w,
+        className: R,
+        style: T,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
-        overStyled: s,
+        overStyled: a,
         formLayout: t,
         labelSize: o,
         labelAlignment: n,
@@ -1822,28 +1928,28 @@ const er = "NumberInput-module__layoutOverride___5-9T4", or = "NumberInput-modul
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: f,
+        assistiveWithIcon: N,
         error: u,
         required: m,
         withAsterisk: y,
         id: C,
-        readOnly: x,
+        readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A == null ? void 0 : A.toString() : T == null ? void 0 : T.toString(),
+        readOnlyValue: x !== void 0 ? x == null ? void 0 : x.toString() : S == null ? void 0 : S.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Ft,
+            na,
             {
-              ref: a,
-              classNames: M,
+              ref: s,
+              classNames: L,
               disabled: b,
-              value: A,
-              defaultValue: T,
-              hideControls: W,
+              value: x,
+              defaultValue: S,
+              hideControls: O,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1852,10 +1958,10 @@ const er = "NumberInput-module__layoutOverride___5-9T4", or = "NumberInput-modul
               wrapperProps: {
                 "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
+                "data-with-left-section": P.leftSection ? "true" : void 0,
+                "data-with-right-section": P.rightSection || !O ? "true" : void 0
               },
-              ...P
+              ...w
             }
           )
         )
@@ -1863,66 +1969,66 @@ const er = "NumberInput-module__layoutOverride___5-9T4", or = "NumberInput-modul
     );
   }
 );
-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 = ({
+Rr.displayName = "NumberInput";
+const Br = "Pagination-module__root___ITRjt", Fr = "Pagination-module__control___40yNT", Er = "Pagination-module__dots___Yl9da", Vr = "Pagination-module__iconWithLabel___pLM4O", jr = "Pagination-module__baseIcon___Qw3bJ", G = {
+  root: Br,
+  control: Fr,
+  dots: Er,
+  iconWithLabel: Vr,
+  baseIcon: jr
+}, Dr = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Gr = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Hr = "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", qr = "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", Ur = {
+  next: Dr,
+  prev: Gr,
+  first: Hr,
+  last: qr
+}, ze = ({
   type: l,
   className: e,
-  ...a
+  ...s
 }) => /* @__PURE__ */ r(
   "svg",
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `${D.baseIcon} ${e || ""}`.trim(),
-    ...a,
-    children: /* @__PURE__ */ r("path", { d: yr[l], fill: "currentColor" })
+    className: `${G.baseIcon} ${e || ""}`.trim(),
+    ...s,
+    children: /* @__PURE__ */ r("path", { d: Ur[l], fill: "currentColor" })
   }
-), qo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
+), nt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Next" }),
-  /* @__PURE__ */ r(Ae, { type: "next", ...l })
-] }), Ho = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
-  /* @__PURE__ */ r(Ae, { type: "prev", ...l }),
+  /* @__PURE__ */ r(ze, { type: "next", ...l })
+] }), lt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+  /* @__PURE__ */ r(ze, { type: "prev", ...l }),
   /* @__PURE__ */ r("span", { children: "Prev" })
-] }), Uo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
-  /* @__PURE__ */ r(Ae, { type: "first", ...l }),
+] }), it = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
+  /* @__PURE__ */ r(ze, { type: "first", ...l }),
   /* @__PURE__ */ r("span", { children: "First" })
-] }), Zo = (l) => /* @__PURE__ */ R("div", { className: D.iconWithLabel, children: [
+] }), ct = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Last" }),
-  /* @__PURE__ */ r(Ae, { type: "last", ...l })
+  /* @__PURE__ */ r(ze, { type: "last", ...l })
 ] });
-function Yo(l) {
+function dt(l) {
   const e = {
-    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 ? `${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;
+    root: G.root,
+    control: G.control,
+    dots: G.dots
+  }, s = l.classNames;
+  if (s && typeof s == "object" && !Array.isArray(s)) {
+    const o = s;
+    e.root = o.root ? `${G.root} ${o.root}` : G.root, e.control = o.control ? `${G.control} ${o.control}` : G.control, e.dots = o.dots ? `${G.dots} ${o.dots}` : G.dots;
   }
-  const s = l.className;
-  return { className: s ? `${D.root} ${s}` : D.root, classNames: e };
+  const a = l.className;
+  return { className: a ? `${G.root} ${a}` : G.root, classNames: e };
 }
-const Ko = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = Yo(
+const pt = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = dt(
       t
     );
     return /* @__PURE__ */ r(
-      ae.Root,
+      ie.Root,
       {
-        ref: s,
+        ref: a,
         className: o.className,
         classNames: o.classNames,
         ...t
@@ -1930,74 +2036,74 @@ const Ko = $(
     );
   }
 );
-Ko.displayName = "Pagination.Root";
-const Qo = $(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? qo : void 0);
+pt.displayName = "Pagination.Root";
+const _t = $(function({ withLabel: e, icon: s, ...a }, t) {
+  const o = s || (e ? nt : void 0);
   return /* @__PURE__ */ r(
-    ae.Next,
+    ie.Next,
     {
       ref: t,
       "data-variant": "text",
       icon: o,
-      ...s
+      ...a
     }
   );
 });
-Qo.displayName = "Pagination.Next";
-const Xo = $(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Ho : void 0);
+_t.displayName = "Pagination.Next";
+const mt = $(function({ withLabel: e, icon: s, ...a }, t) {
+  const o = s || (e ? lt : void 0);
   return /* @__PURE__ */ r(
-    ae.Previous,
+    ie.Previous,
     {
       ref: t,
       "data-variant": "text",
       icon: o,
-      ...s
+      ...a
     }
   );
 });
-Xo.displayName = "Pagination.Previous";
-const Jo = $(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Uo : void 0);
+mt.displayName = "Pagination.Previous";
+const ut = $(function({ withLabel: e, icon: s, ...a }, t) {
+  const o = s || (e ? it : void 0);
   return /* @__PURE__ */ r(
-    ae.First,
+    ie.First,
     {
       ref: t,
       "data-variant": "text",
       icon: o,
-      ...s
+      ...a
     }
   );
 });
-Jo.displayName = "Pagination.First";
-const et = $(function({ withLabel: e, icon: a, ...s }, t) {
-  const o = a || (e ? Zo : void 0);
+ut.displayName = "Pagination.First";
+const bt = $(function({ withLabel: e, icon: s, ...a }, t) {
+  const o = s || (e ? ct : void 0);
   return /* @__PURE__ */ r(
-    ae.Last,
+    ie.Last,
     {
       ref: t,
       "data-variant": "text",
       icon: o,
-      ...s
+      ...a
     }
   );
 });
-et.displayName = "Pagination.Last";
-const ot = $(
-  function({ overStyled: e = !1, getControlProps: a, withLabels: s, ...t }, o) {
-    const n = N(t, e), i = Yo(
+bt.displayName = "Pagination.Last";
+const yt = $(
+  function({ overStyled: e = !1, getControlProps: s, withLabels: a, ...t }, o) {
+    const n = h(t, e), i = dt(
       n
     ), c = (p) => {
       const _ = { "data-variant": "text" };
-      return a ? { ..._, ...a(p) } : _;
-    }, d = s ? {
-      nextIcon: qo,
-      previousIcon: Ho,
-      firstIcon: Uo,
-      lastIcon: Zo
+      return s ? { ..._, ...s(p) } : _;
+    }, d = a ? {
+      nextIcon: nt,
+      previousIcon: lt,
+      firstIcon: it,
+      lastIcon: ct
     } : {};
     return /* @__PURE__ */ r(
-      ae,
+      ie,
       {
         ref: o,
         className: i.className,
@@ -2009,38 +2115,38 @@ const ot = $(
     );
   }
 );
-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({
+yt.displayName = "Pagination";
+const de = yt;
+de.Root = pt;
+de.Items = ie.Items;
+de.Control = ie.Control;
+de.Dots = ie.Dots;
+de.Next = _t;
+de.Previous = mt;
+de.First = ut;
+de.Last = bt;
+de.Icon = ze;
+const Zr = "Panel-module__content___wdGo-", Yr = "Panel-module__inner___ruA2b", Kr = "Panel-module__header___o7SiC", Xr = "Panel-module__title___181OP", Jr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Qr = "Panel-module__body___SEC3T", en = "Panel-module__footer___t6-hz", ye = {
+  content: Zr,
+  inner: Yr,
+  header: Kr,
+  title: Xr,
+  titleTruncate: Jr,
+  body: Qr,
+  footer: en
+}, Nt = function({
   overStyled: e = !1,
-  position: a = "right",
-  keepMounted: s = !0,
+  position: s = "right",
+  keepMounted: a = !0,
   wrapHeaderText: t = !1,
   ...o
 }) {
-  const n = N(o, e), i = {
-    content: _e.content,
-    header: _e.header,
-    title: t ? _e.titleTruncate : _e.title,
-    body: _e.body,
-    inner: _e.inner
+  const n = h(o, e), i = {
+    content: ye.content,
+    header: ye.header,
+    title: t ? ye.titleTruncate : ye.title,
+    body: ye.body,
+    inner: ye.inner
   }, c = n.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const d = c;
@@ -2049,45 +2155,45 @@ const fr = "Panel-module__content___wdGo-", Nr = "Panel-module__inner___ruA2b",
     });
   }
   return /* @__PURE__ */ r(
-    re,
+    ce,
     {
-      position: a,
-      keepMounted: s,
+      position: s,
+      keepMounted: a,
       closeOnClickOutside: o.closeOnClickOutside ?? !!o.opened,
       ...n,
       classNames: i
     }
   );
 };
-tt.displayName = "Panel";
-const st = $(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = t.className, n = o ? `${_e.footer} ${o}` : _e.footer;
-    return /* @__PURE__ */ r("div", { ref: s, className: n, ...t });
+Nt.displayName = "Panel";
+const ft = $(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = t.className, n = o ? `${ye.footer} ${o}` : ye.footer;
+    return /* @__PURE__ */ r("div", { ref: a, className: n, ...t });
   }
 );
-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({
+ft.displayName = "PanelFooter";
+const pe = Nt;
+pe.Root = ce.Root;
+pe.Overlay = ce.Overlay;
+pe.Content = ce.Content;
+pe.Header = ce.Header;
+pe.Title = ce.Title;
+pe.CloseButton = ce.CloseButton;
+pe.Body = ce.Body;
+pe.Stack = ce.Stack;
+pe.Footer = ft;
+const on = "Popover-module__dropdown___svhS6", tn = "Popover-module__arrow___5A-0e", ho = {
+  dropdown: on,
+  arrow: tn
+}, ht = function({
   overStyled: e = !1,
-  withBeak: a = !0,
-  ...s
+  withBeak: s = !0,
+  ...a
 }) {
-  const t = N(s, e), o = {
-    dropdown: ao.dropdown,
-    arrow: ao.arrow
+  const t = h(a, e), o = {
+    dropdown: ho.dropdown,
+    arrow: ho.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -2097,51 +2203,51 @@ const Pr = "Popover-module__dropdown___svhS6", gr = "Popover-module__arrow___5A-
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    Ue,
+    to,
     {
       position: "top",
       arrowSize: i,
-      withArrow: a ?? c,
+      withArrow: s ?? c,
       classNames: o,
       ...t
     }
   );
 };
-at.displayName = "Popover";
-const rt = function(e) {
-  return /* @__PURE__ */ r(Ue.Target, { ...e });
+ht.displayName = "Popover";
+const $t = function(e) {
+  return /* @__PURE__ */ r(to.Target, { ...e });
 };
-rt.displayName = "PopoverTarget";
-const nt = function({
+$t.displayName = "PopoverTarget";
+const vt = function({
   overStyled: e = !1,
-  ...a
+  ...s
 }) {
-  const s = N(a, e), t = s.className;
+  const a = h(s, e), t = a.className;
   return /* @__PURE__ */ r(
-    Ue.Dropdown,
+    to.Dropdown,
     {
       className: t,
-      ...s
+      ...a
     }
   );
 };
-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) {
+vt.displayName = "PopoverDropdown";
+const Ct = ht;
+Ct.Target = $t;
+Ct.Dropdown = vt;
+const an = "Radio-module__groupRoot___bfUii", sn = "Radio-module__root___kAjTD", rn = "Radio-module__body___q2Wpj", nn = "Radio-module__inner___QaTBB", ln = "Radio-module__radio___MfgN-", cn = "Radio-module__icon___DWznm", dn = "Radio-module__labelWrapper___dB0Gi", pn = "Radio-module__label___vAFIP", F = {
+  groupRoot: an,
+  root: sn,
+  body: rn,
+  inner: nn,
+  radio: ln,
+  icon: cn,
+  labelWrapper: dn,
+  label: pn
+}, wt = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
@@ -2152,30 +2258,30 @@ const Tr = "Radio-module__groupRoot___bfUii", xr = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: f,
+      assistiveText: N,
       assistiveWithIcon: u,
       error: m,
       required: y,
       withAsterisk: C,
-      id: h,
-      className: w,
+      id: f,
+      className: T,
       style: b,
-      children: x,
+      children: A,
       readOnly: v,
       readOnlyComponent: I,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: W,
-      ...O
-    } = e, P = N(O, s), g = P;
-    return delete g.size, /* @__PURE__ */ r(
-      ne,
+      emptyValueComponent: x,
+      value: S,
+      defaultValue: O,
+      ...W
+    } = e, w = h(W, a), P = w;
+    return delete P.size, /* @__PURE__ */ r(
+      oe,
       {
-        className: w,
+        className: T,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: s,
+        overStyled: a,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
@@ -2185,35 +2291,35 @@ const Tr = "Radio-module__groupRoot___bfUii", xr = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: f,
+        assistiveText: N,
         assistiveWithIcon: u,
         error: m,
         required: y,
         withAsterisk: C,
-        id: h,
+        id: f,
         readOnly: v && !!I,
         readOnlyComponent: I,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : W,
+        readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          io.Group,
+          Po.Group,
           {
-            ref: a,
-            ...P,
-            disabled: v || g.disabled,
-            value: T,
-            defaultValue: W,
-            children: /* @__PURE__ */ r("div", { className: k.groupRoot, "data-layout": t, children: x })
+            ref: s,
+            ...w,
+            disabled: v || P.disabled,
+            value: S,
+            defaultValue: O,
+            children: /* @__PURE__ */ r("div", { className: F.groupRoot, "data-layout": t, children: A })
           }
         )
       }
     );
   }
 );
-it.displayName = "RadioGroup";
-const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
+wt.displayName = "RadioGroup";
+const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2223,10 +2329,10 @@ const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), ct = $(
-  function(e, a) {
+), Pt = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       readOnly: t,
       readOnlyComponent: o,
       disabled: n,
@@ -2235,22 +2341,22 @@ const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, f = N(_, s), u = f;
+    } = e, N = h(_, a), u = N;
     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
+      root: F.root,
+      body: F.body,
+      inner: F.inner,
+      radio: F.radio,
+      icon: F.icon,
+      labelWrapper: F.labelWrapper,
+      label: F.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;
+      m.root = b.root ? `${F.root} ${b.root}` : F.root, m.body = b.body ? `${F.body} ${b.body}` : F.body, m.inner = b.inner ? `${F.inner} ${b.inner}` : F.inner, m.radio = b.radio ? `${F.radio} ${b.radio}` : F.radio, m.icon = b.icon ? `${F.icon} ${b.icon}` : F.icon, m.labelWrapper = b.labelWrapper ? `${F.labelWrapper} ${b.labelWrapper}` : F.labelWrapper, m.label = b.label ? `${F.label} ${b.label}` : F.label;
     }
-    const C = u.className, h = C ? `${k.root} ${C}` : k.root;
+    const C = u.className, f = C ? `${F.root} ${C}` : F.root;
     if (t && o) {
       const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
         o,
@@ -2261,7 +2367,7 @@ const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
         }
       );
       return i ? /* @__PURE__ */ r(
-        me,
+        Ne,
         {
           formLayout: i,
           labelSize: c,
@@ -2269,41 +2375,41 @@ const zr = ({ className: l, style: e }) => /* @__PURE__ */ r(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(ve, { children: v });
+      ) : /* @__PURE__ */ r(xe, { children: v });
     }
-    const w = /* @__PURE__ */ r(
-      io,
+    const T = /* @__PURE__ */ r(
+      Po,
       {
-        ref: a,
-        icon: zr,
-        className: h,
+        ref: s,
+        icon: _n,
+        className: f,
         classNames: m,
         disabled: t || n,
-        ...f
+        ...N
       }
     );
     return i ? /* @__PURE__ */ r(
-      me,
+      Ne,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: w
+        children: T
       }
-    ) : w;
+    ) : T;
   }
 );
-ct.displayName = "Radio";
-ct.Group = it;
-const kr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
-  qe,
+Pt.displayName = "Radio";
+Pt.Group = wt;
+const mn = ({ checked: l, label: e }) => /* @__PURE__ */ z(
+  eo,
   {
     component: "span",
-    className: $e.textField,
+    className: Se.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2311,15 +2417,15 @@ const kr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
     ]
   }
 );
-kr.displayName = "ReadOnlySwitchField";
-const Rr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
-  qe,
+mn.displayName = "ReadOnlySwitchField";
+const un = ({ checked: l, label: e }) => /* @__PURE__ */ z(
+  eo,
   {
     component: "span",
-    className: $e.textField,
+    className: Se.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      e && /* @__PURE__ */ R("span", { style: { fontWeight: 500 }, children: [
+      e && /* @__PURE__ */ z("span", { style: { fontWeight: 500 }, children: [
         e,
         ":"
       ] }),
@@ -2327,141 +2433,307 @@ const Rr = ({ checked: l, label: e }) => /* @__PURE__ */ R(
     ]
   }
 );
-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
+un.displayName = "ReadOnlyBooleanField";
+const bn = "SegmentedControl-module__root___JFRhg", yn = "SegmentedControl-module__label___mS17q", Nn = "SegmentedControl-module__control___znOdQ", fn = "SegmentedControl-module__indicator___ZMcJy", Y = {
+  root: bn,
+  label: yn,
+  control: Nn,
+  indicator: fn
 };
-function jr(l) {
+function hn(l) {
   const e = {
-    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 ? `${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;
+    root: Y.root,
+    control: Y.control,
+    label: Y.label,
+    indicator: Y.indicator
+  }, s = l.classNames;
+  if (s && typeof s == "object" && !Array.isArray(s)) {
+    const o = s;
+    e.root = o.root ? `${Y.root} ${o.root}` : Y.root, e.control = o.control ? `${Y.control} ${o.control}` : Y.control, e.label = o.label ? `${Y.label} ${o.label}` : Y.label, e.indicator = o.indicator ? `${Y.indicator} ${o.indicator}` : Y.indicator;
   }
-  const s = l.className;
-  return { className: s ? `${q.root} ${s}` : q.root, classNames: e };
+  const a = l.className;
+  return { className: a ? `${Y.root} ${a}` : Y.root, classNames: e };
 }
-const dt = $(
-  function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: s, ...t }, o) {
-    const n = N(t, e), i = n;
+const gt = $(
+  function({ overStyled: e = !1, orientation: s = "horizontal", fullWidth: a, ...t }, o) {
+    const n = h(t, e), i = n;
     delete i.disabled;
-    const c = jr(i);
+    const c = hn(i);
     return /* @__PURE__ */ r(
-      Et,
+      la,
       {
         ref: o,
         className: c.className,
         classNames: c.classNames,
-        orientation: a,
-        fullWidth: s,
-        "data-orientation": a,
+        orientation: s,
+        fullWidth: a,
+        "data-orientation": s,
         ...n
       }
     );
   }
 );
-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) {
+gt.displayName = "SegmentedControl";
+const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module__sliderContainer___y8I0J", Cn = "Slider-module__sliderTrackWrapper___UHpVh", wn = "Slider-module__iconWrapper___uqHpC", Pn = "Slider-module__sliderRoot___LI86H", gn = "Slider-module__sliderTrack___oqnlG", Tn = "Slider-module__sliderBar___TI4VY", Sn = "Slider-module__sliderThumb___OFn8p", xn = "Slider-module__sliderMark___1lM2B", An = "Slider-module__minMaxGuide___TaGqz", On = "Slider-module__rightGuideContainer___8dOT8", Wn = "Slider-module__currentValue___dGV2T", Ln = "Slider-module__inputField___6x578", kn = "Slider-module__readOnlyValue___-ZzMW", k = {
+  layoutOverride: $n,
+  sliderContainer: vn,
+  sliderTrackWrapper: Cn,
+  iconWrapper: wn,
+  sliderRoot: Pn,
+  sliderTrack: gn,
+  sliderBar: Tn,
+  sliderThumb: Sn,
+  sliderMark: xn,
+  minMaxGuide: An,
+  rightGuideContainer: On,
+  currentValue: Wn,
+  inputField: Ln,
+  readOnlyValue: kn
+}, In = ({ value: l }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: l }), Mn = $(
+  function(e, s) {
+    const {
+      overStyled: a = !1,
+      formLayout: t = "stacked",
+      // Label & Wrapper Maps
+      labelSize: o,
+      labelAlignment: n,
+      labelOptionalText: i,
+      labelWithEditIcon: c,
+      labelActionArea: d,
+      onLabelEditClick: p,
+      label: _,
+      tooltipLabel: N,
+      assistiveText: u,
+      assistiveWithIcon: m,
+      error: y,
+      required: C,
+      withAsterisk: f,
+      id: T,
+      className: b,
+      style: A,
+      disabled: v,
+      readOnly: I,
+      readOnlyComponent: x,
+      emptyValueComponent: S,
+      value: O,
+      defaultValue: W,
+      icon: w,
+      showInput: P = !1,
+      showMinMaxLabels: L = !0,
+      min: R = 0,
+      max: g = 100,
+      step: he = 1,
+      onChange: $e,
+      onChangeEnd: U,
+      ...Ye
+    } = e, [Ft, Et] = bo(() => O !== void 0 ? O : W !== void 0 ? W : R), _e = O !== void 0 ? O : Ft, [Vt, Ke] = bo(
+      _e.toString()
+    );
+    vo(() => {
+      Ke(_e.toString());
+    }, [_e]);
+    const po = (E) => {
+      O === void 0 && Et(E), $e == null || $e(E);
+    }, jt = (E) => {
+      const mo = E.target.value;
+      Ke(mo);
+      const uo = parseFloat(mo);
+      if (!isNaN(uo)) {
+        const qt = Math.max(R, Math.min(g, uo));
+        po(qt);
+      }
+    }, Dt = () => {
+      Ke(_e.toString());
+    }, _o = h(Ye, a), Oe = _o;
+    delete Oe.size, delete Oe.variant, delete Oe.radius, delete Oe.wrapperProps;
+    const ve = {
+      root: k.sliderRoot,
+      track: k.sliderTrack,
+      bar: k.sliderBar,
+      thumb: k.sliderThumb,
+      mark: k.sliderMark,
+      markLabel: k.sliderMarkLabel
+    }, Re = Oe.classNames;
+    if (Re && typeof Re == "object" && !Array.isArray(Re)) {
+      const E = Re;
+      ve.root = E.root ? `${k.sliderRoot} ${E.root}` : k.sliderRoot, ve.track = E.track ? `${k.sliderTrack} ${E.track}` : k.sliderTrack, ve.bar = E.bar ? `${k.sliderBar} ${E.bar}` : k.sliderBar, ve.thumb = E.thumb ? `${k.sliderThumb} ${E.thumb}` : k.sliderThumb, ve.mark = E.mark ? `${k.sliderMark} ${E.mark}` : k.sliderMark, ve.markLabel = E.markLabel ? `${k.sliderMarkLabel} ${E.markLabel}` : k.sliderMarkLabel;
+    }
+    const Gt = b ? `${k.layoutOverride} ${b}` : k.layoutOverride, Ht = w ? /* @__PURE__ */ r("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
+    return /* @__PURE__ */ r(
+      oe,
+      {
+        ref: s,
+        className: Gt,
+        style: A,
+        controlMaxWidth: void 0,
+        controlMinWidth: void 0,
+        overStyled: a,
+        formLayout: t,
+        labelSize: o,
+        labelAlignment: n,
+        labelOptionalText: i,
+        labelWithEditIcon: c,
+        labelActionArea: d,
+        onLabelEditClick: p,
+        label: _,
+        assistiveText: u,
+        assistiveWithIcon: m,
+        error: y,
+        required: C,
+        withAsterisk: f,
+        id: T,
+        readOnly: I,
+        readOnlyComponent: x || In,
+        emptyValueComponent: S,
+        readOnlyType: "text",
+        readOnlyValue: _e,
+        readOnlyNativeProps: { value: _e },
+        activeComponent: /* @__PURE__ */ z(
+          "div",
+          {
+            className: k.sliderContainer,
+            "data-form-layout": t,
+            "data-disabled": v ? "true" : void 0,
+            "data-error": y ? "true" : void 0,
+            children: [
+              Ht,
+              L && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: R }),
+              /* @__PURE__ */ r("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ r(
+                ia,
+                {
+                  classNames: ve,
+                  disabled: v,
+                  value: _e,
+                  onChange: po,
+                  onChangeEnd: U,
+                  min: R,
+                  max: g,
+                  step: he,
+                  label: N,
+                  ..._o
+                }
+              ) }),
+              /* @__PURE__ */ z("div", { className: k.rightGuideContainer, children: [
+                !P && /* @__PURE__ */ r("span", { className: k.currentValue, children: _e }),
+                L && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: g })
+              ] }),
+              P && /* @__PURE__ */ r(
+                "input",
+                {
+                  type: "number",
+                  className: k.inputField,
+                  value: Vt,
+                  onChange: jt,
+                  onBlur: Dt,
+                  min: R,
+                  max: g,
+                  step: he,
+                  disabled: v,
+                  "data-error": y ? "true" : void 0
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Mn.displayName = "Slider";
+const zn = "Stack-module__root___NUN-x", Me = {
+  root: zn
+}, Tt = $(function({ children: e, gap: s = "rec-default", ...a }, t) {
   const o = {
-    root: xe.root
-  }, n = s.classNames;
+    root: Me.root
+  }, n = a.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const d = n;
-    o.root = d.root ? `${xe.root} ${d.root}` : xe.root;
+    o.root = d.root ? `${Me.root} ${d.root}` : Me.root;
   }
-  const i = s.className, c = i ? `${xe.root} ${i}` : xe.root;
+  const i = a.className, c = i ? `${Me.root} ${i}` : Me.root;
   return /* @__PURE__ */ r(
-    jt,
+    ca,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...Ye({ gap: a, ...s }),
+      ...so({ gap: s, ...a }),
       children: e
     }
   );
 });
-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) {
+Tt.displayName = "Stack";
+const oi = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__horizontal___USHT1", Fn = "Stepper-module__steps___4HPO6", En = "Stepper-module__step___s2nqL", Vn = "Stepper-module__stepBody___TBvys", jn = "Stepper-module__stepLabel___N6nuy", Dn = "Stepper-module__stepDescription___DnDAy", Gn = "Stepper-module__separator___pU0No", Hn = "Stepper-module__vertical___d4mOs", qn = "Stepper-module__large___J18-y", Un = "Stepper-module__small___Ub-zb", Zn = "Stepper-module__stepIcon___YQHNq", Yn = "Stepper-module__stepCompletedIcon___B9MeL", Kn = "Stepper-module__verticalSeparator___frWc1", Xn = "Stepper-module__content___J-h8X", q = {
+  root: Rn,
+  horizontal: Bn,
+  steps: Fn,
+  step: En,
+  stepBody: Vn,
+  stepLabel: jn,
+  stepDescription: Dn,
+  separator: Gn,
+  vertical: Hn,
+  large: qn,
+  small: Un,
+  stepIcon: Zn,
+  stepCompletedIcon: Yn,
+  verticalSeparator: Kn,
+  content: Xn
+}, St = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       size: t = "large",
       orientation: o = "horizontal",
       className: n,
       style: i,
       ...c
-    } = e, d = N(c, s);
+    } = e, d = h(c, a);
     return /* @__PURE__ */ r(
-      Ve,
+      Je,
       {
-        ref: a,
+        ref: s,
         orientation: o,
-        className: `${G.root} ${o === "horizontal" ? G.horizontal : G.vertical} ${t === "large" ? G.large : G.small} ${n || ""}`,
+        className: `${q.root} ${o === "horizontal" ? q.horizontal : q.vertical} ${t === "large" ? q.large : q.small} ${n || ""}`,
         style: i,
         "data-size": t,
         "data-orientation": o,
         classNames: {
-          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
+          steps: q.steps,
+          step: q.step,
+          stepIcon: q.stepIcon,
+          stepCompletedIcon: q.stepCompletedIcon,
+          stepBody: q.stepBody,
+          stepLabel: q.stepLabel,
+          stepDescription: q.stepDescription,
+          separator: q.separator,
+          verticalSeparator: q.verticalSeparator,
+          content: q.content
         },
         ...d
       }
     );
   }
-), dl = Object.assign(_t, {
-  Step: Ve.Step,
-  Completed: Ve.Completed
+), ti = Object.assign(St, {
+  Step: Je.Step,
+  Completed: Je.Completed
 });
-_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) {
+St.displayName = "Stepper";
+const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el = "Switch-module__track___7ObdZ", ol = "Switch-module__thumb___-FTeK", tl = "Switch-module__labelWrapper___YSOwx", al = "Switch-module__label___LrH7V", sl = "Switch-module__thumbIconWrapper___sCY-1", rl = "Switch-module__checkIcon___ZBAQN", nl = "Switch-module__closeIcon___bLLGw", ll = "Switch-module__groupRoot___-Uepi", M = {
+  root: Jn,
+  body: Qn,
+  track: el,
+  thumb: ol,
+  labelWrapper: tl,
+  label: al,
+  thumbIconWrapper: sl,
+  checkIcon: rl,
+  closeIcon: nl,
+  groupRoot: ll
+}, xt = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label Wrappers
       labelSize: o,
@@ -2472,30 +2744,30 @@ const an = "Switch-module__root___Y5Ydi", rn = "Switch-module__body___Sw9Wr", nn
       // Base Mantine Extracted Attributes
       label: p,
       description: _,
-      assistiveText: f,
+      assistiveText: N,
       assistiveWithIcon: u,
       error: m,
       required: y,
       withAsterisk: C,
-      id: h,
-      className: w,
+      id: f,
+      className: T,
       style: b,
-      children: x,
+      children: A,
       readOnly: v,
       readOnlyComponent: I,
-      emptyValueComponent: A,
-      value: T,
-      defaultValue: W,
-      ...O
-    } = e, P = N(O, s), g = P;
-    return delete g.size, /* @__PURE__ */ r(
-      ne,
+      emptyValueComponent: x,
+      value: S,
+      defaultValue: O,
+      ...W
+    } = e, w = h(W, a), P = w;
+    return delete P.size, /* @__PURE__ */ r(
+      oe,
       {
-        className: w,
+        className: T,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
-        overStyled: s,
+        overStyled: a,
         labelElement: "div",
         formLayout: t,
         labelSize: o,
@@ -2505,38 +2777,38 @@ const an = "Switch-module__root___Y5Ydi", rn = "Switch-module__body___Sw9Wr", nn
         onLabelEditClick: d,
         label: p,
         description: _,
-        assistiveText: f,
+        assistiveText: N,
         assistiveWithIcon: u,
         error: m,
         required: y,
         withAsterisk: C,
-        id: h,
+        id: f,
         readOnly: v && !!I,
         readOnlyComponent: I,
-        emptyValueComponent: A,
+        emptyValueComponent: x,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : W,
+        readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          co.Group,
+          go.Group,
           {
-            ref: a,
-            ...P,
-            disabled: v || g.disabled,
-            value: T,
-            defaultValue: W,
-            children: /* @__PURE__ */ r("div", { className: L.groupRoot, "data-layout": t, children: x })
+            ref: s,
+            ...w,
+            disabled: v || P.disabled,
+            value: S,
+            defaultValue: O,
+            children: /* @__PURE__ */ r("div", { className: M.groupRoot, "data-layout": t, children: A })
           }
         )
       }
     );
   }
 );
-mt.displayName = "SwitchGroup";
-const ut = $(
-  function(e, a) {
+xt.displayName = "SwitchGroup";
+const At = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       readOnly: t,
       readOnlyComponent: o,
       disabled: n,
@@ -2545,25 +2817,25 @@ const ut = $(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: _,
-      ...f
-    } = e, u = N(f, s), m = u;
+      ...N
+    } = e, u = h(N, a), 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
+      root: M.root,
+      body: M.body,
+      track: M.track,
+      thumb: M.thumb,
+      trackLabel: M.trackLabel,
+      labelWrapper: M.labelWrapper,
+      label: M.label
     }, C = m.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
       const v = C;
-      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;
+      y.root = v.root ? `${M.root} ${v.root}` : M.root, y.body = v.body ? `${M.body} ${v.body}` : M.body, y.track = v.track ? `${M.track} ${v.track}` : M.track, y.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, y.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, y.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, y.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
-    const h = m.className, w = h ? `${L.root} ${h}` : L.root;
+    const f = m.className, T = f ? `${M.root} ${f}` : M.root;
     if (t && o) {
-      const v = !!(m.checked ?? m.defaultChecked), A = /* @__PURE__ */ r(
+      const v = !!(m.checked ?? m.defaultChecked), x = /* @__PURE__ */ r(
         o,
         {
           ...e,
@@ -2572,24 +2844,24 @@ const ut = $(
         }
       );
       return c ? /* @__PURE__ */ r(
-        me,
+        Ne,
         {
           formLayout: c,
           labelSize: d,
           controlMaxWidth: p,
           controlMinWidth: _,
-          children: A
+          children: x
         }
-      ) : /* @__PURE__ */ r(ve, { children: A });
+      ) : /* @__PURE__ */ r(xe, { children: x });
     }
-    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,
+    const b = /* @__PURE__ */ z("div", { className: M.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(da, { className: M.checkIcon }),
+      /* @__PURE__ */ r(pa, { className: M.closeIcon })
+    ] }), A = /* @__PURE__ */ r(
+      go,
       {
-        ref: a,
-        className: w,
+        ref: s,
+        className: T,
         classNames: y,
         disabled: t || n,
         "data-disabled": t || n || void 0,
@@ -2598,98 +2870,98 @@ const ut = $(
       }
     );
     return c ? /* @__PURE__ */ r(
-      me,
+      Ne,
       {
         formLayout: c,
         labelSize: d,
         controlMaxWidth: p,
         controlMinWidth: _,
-        children: x
+        children: A
       }
-    ) : x;
+    ) : 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) {
+At.displayName = "Switch";
+At.Group = xt;
+const ai = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), il = "Tabs-module__root___-VKVI", cl = "Tabs-module__list___qRVME", dl = "Tabs-module__tab___IdDYc", pl = "Tabs-module__panel___08i9c", Fe = {
+  root: il,
+  list: cl,
+  tab: dl,
+  panel: pl
+}, Ot = $(function(e, s) {
   const {
-    variant: s = "default",
+    variant: a = "default",
     orientation: t = "horizontal",
     overStyled: o = !1,
     className: n,
     ...i
-  } = e, c = N(i, o);
+  } = e, c = h(i, o);
   return /* @__PURE__ */ r(
-    Be,
+    qe,
     {
-      ref: a,
-      variant: s,
+      ref: s,
+      variant: a,
       orientation: t,
-      className: `${Le.root} ${n || ""}`,
-      "data-variant": s,
+      className: `${Fe.root} ${n || ""}`,
+      "data-variant": a,
       "data-orientation": t,
       classNames: {
-        list: Le.list,
-        tab: Le.tab,
-        panel: Le.panel
+        list: Fe.list,
+        tab: Fe.tab,
+        panel: Fe.panel
       },
       ...c
     }
   );
 });
-bt.displayName = "Tabs";
-const yt = $(
-  function(e, a) {
-    const { overStyled: s = !1, ...t } = e;
+Ot.displayName = "Tabs";
+const Wt = $(
+  function(e, s) {
+    const { overStyled: a = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Be.List,
+      qe.List,
       {
-        ref: a,
-        ...N(t, s)
+        ref: s,
+        ...h(t, a)
       }
     );
   }
 );
-yt.displayName = "Tabs.List";
-const ft = $(
-  function(e, a) {
-    const { overStyled: s = !1, ...t } = e;
+Wt.displayName = "Tabs.List";
+const Lt = $(
+  function(e, s) {
+    const { overStyled: a = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Be.Tab,
+      qe.Tab,
       {
-        ref: a,
-        ...N(t, s)
+        ref: s,
+        ...h(t, a)
       }
     );
   }
 );
-ft.displayName = "Tabs.Tab";
-const Nt = $(
-  function(e, a) {
-    const { overStyled: s = !1, ...t } = e;
+Lt.displayName = "Tabs.Tab";
+const kt = $(
+  function(e, s) {
+    const { overStyled: a = !1, ...t } = e;
     return /* @__PURE__ */ r(
-      Be.Panel,
+      qe.Panel,
       {
-        ref: a,
-        ...N(t, s)
+        ref: s,
+        ...h(t, a)
       }
     );
   }
 );
-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;
+kt.displayName = "Tabs.Panel";
+const si = Object.assign(Ot, {
+  List: Wt,
+  Tab: Lt,
+  Panel: kt
+}), It = $(function({ overStyled: e = !1, variant: s = "body", ...a }, t) {
+  const o = h(a, e), n = o.className, i = `recursica_brand_typography_${s}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    Gt,
+    _a,
     {
       ref: t,
       className: c,
@@ -2697,15 +2969,15 @@ const _l = Object.assign(bt, {
     }
   );
 });
-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) {
+It.displayName = "Text";
+const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextArea-module__root___3dyeu", ul = "TextArea-module__input___8l36v", ue = {
+  layoutOverride: _l,
+  root: ml,
+  input: ul
+}, bl = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
@@ -2715,40 +2987,40 @@ const ml = X(ht), hn = "TextArea-module__layoutOverride___4MCdm", $n = "TextArea
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: f,
+      assistiveWithIcon: N,
       error: u,
       required: m,
       withAsterisk: y,
       id: C,
-      className: h,
-      style: w,
+      className: f,
+      style: T,
       disabled: b,
-      readOnly: x,
+      readOnly: A,
       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: de.root,
+      value: x,
+      defaultValue: S,
+      ...O
+    } = e, W = h(O, a), w = W;
+    delete w.size, delete w.variant, delete w.radius;
+    const P = {
+      wrapper: ue.root,
       // The nested Input internal relative wrapper bounding box
-      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;
+      input: ue.input
+    }, L = w.classNames;
+    if (L && typeof L == "object" && !Array.isArray(L)) {
+      const g = L;
+      P.wrapper = g.wrapper ? `${ue.root} ${g.wrapper}` : ue.root, P.input = g.input ? `${ue.input} ${g.input}` : ue.input;
     }
-    const B = h ? `${de.layoutOverride} ${h}` : de.layoutOverride;
+    const R = f ? `${ue.layoutOverride} ${f}` : ue.layoutOverride;
     return /* @__PURE__ */ r(
-      ne,
+      oe,
       {
-        className: B,
-        style: w,
+        className: R,
+        style: T,
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
-        overStyled: s,
+        overStyled: a,
         formLayout: t,
         labelSize: o,
         labelAlignment: n,
@@ -2757,27 +3029,27 @@ const ml = X(ht), hn = "TextArea-module__layoutOverride___4MCdm", $n = "TextArea
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: f,
+        assistiveWithIcon: N,
         error: u,
         required: m,
         withAsterisk: y,
         id: C,
-        readOnly: x,
+        readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyValue: x !== void 0 ? x : S,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            qt,
+            ma,
             {
-              ref: a,
-              classNames: g,
+              ref: s,
+              classNames: P,
               disabled: b,
-              value: A,
-              defaultValue: T,
+              value: x,
+              defaultValue: S,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -2787,7 +3059,7 @@ const ml = X(ht), hn = "TextArea-module__layoutOverride___4MCdm", $n = "TextArea
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
-              ...O
+              ...W
             }
           )
         )
@@ -2795,16 +3067,16 @@ const ml = X(ht), hn = "TextArea-module__layoutOverride___4MCdm", $n = "TextArea
     );
   }
 );
-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) {
+bl.displayName = "TextArea";
+const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__root___2ZYkG", fl = "TextField-module__input___RL-My", hl = "TextField-module__section___bCIJ0", ee = {
+  layoutOverride: yl,
+  root: Nl,
+  input: fl,
+  section: hl
+}, $l = $(
+  function(e, s) {
     const {
-      overStyled: s = !1,
+      overStyled: a = !1,
       formLayout: t = "stacked",
       // Label & Wrapper Maps
       labelSize: o,
@@ -2814,41 +3086,41 @@ const wn = "TextField-module__layoutOverride___SNZqc", Pn = "TextField-module__r
       onLabelEditClick: d,
       label: p,
       assistiveText: _,
-      assistiveWithIcon: f,
+      assistiveWithIcon: N,
       error: u,
       required: m,
       withAsterisk: y,
       id: C,
-      className: h,
-      style: w,
+      className: f,
+      style: T,
       disabled: b,
-      readOnly: x,
+      readOnly: A,
       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: Q.root,
+      value: x,
+      defaultValue: S,
+      ...O
+    } = e, W = h(O, a), w = W;
+    delete w.size, delete w.variant, delete w.radius;
+    const P = {
+      wrapper: ee.root,
       // The nested Input internal relative wrapper bounding box
-      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;
+      input: ee.input,
+      section: ee.section
+    }, L = w.classNames;
+    if (L && typeof L == "object" && !Array.isArray(L)) {
+      const g = L;
+      P.wrapper = g.wrapper ? `${ee.root} ${g.wrapper}` : ee.root, P.input = g.input ? `${ee.input} ${g.input}` : ee.input, P.section = g.section ? `${ee.section} ${g.section}` : ee.section;
     }
-    const B = h ? `${Q.layoutOverride} ${h}` : Q.layoutOverride;
+    const R = f ? `${ee.layoutOverride} ${f}` : ee.layoutOverride;
     return /* @__PURE__ */ r(
-      ne,
+      oe,
       {
-        className: B,
-        style: w,
+        className: R,
+        style: T,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: s,
+        overStyled: a,
         formLayout: t,
         labelSize: o,
         labelAlignment: n,
@@ -2857,32 +3129,32 @@ const wn = "TextField-module__layoutOverride___SNZqc", Pn = "TextField-module__r
         onLabelEditClick: d,
         label: p,
         assistiveText: _,
-        assistiveWithIcon: f,
+        assistiveWithIcon: N,
         error: u,
         required: m,
         withAsterisk: y,
         id: C,
-        readOnly: x,
+        readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
         readOnlyType: "text",
-        readOnlyValue: A !== void 0 ? A : T,
+        readOnlyValue: x !== void 0 ? x : S,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            no,
+            Co,
             {
-              ref: a,
-              classNames: g,
+              ref: s,
+              classNames: P,
               disabled: b,
-              value: A,
-              defaultValue: T,
+              value: x,
+              defaultValue: S,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
-              ...O
+              ...W
             }
           )
         )
@@ -2890,58 +3162,58 @@ const wn = "TextField-module__layoutOverride___SNZqc", Pn = "TextField-module__r
     );
   }
 );
-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(
+$l.displayName = "TextField";
+const ni = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), vl = "Timeline-module__root___LwRdZ", Cl = "Timeline-module__item___T5xdQ", wl = "Timeline-module__itemBody___XAV-E", Pl = "Timeline-module__itemBullet___rPXCy", gl = "Timeline-module__itemTitle___GgRRW", Tl = "Timeline-module__itemContent___vurs-", Sl = "Timeline-module__description___f9sxV", xl = "Timeline-module__timestamp___owiRu", be = {
+  root: vl,
+  item: Cl,
+  itemBody: wl,
+  itemBullet: Pl,
+  itemTitle: gl,
+  itemContent: Tl,
+  description: Sl,
+  timestamp: xl
+}, Mt = D.forwardRef(
   function({
     overStyled: e = !1,
-    timestamp: a,
-    bulletVariant: s = "default",
+    timestamp: s,
+    bulletVariant: a = "default",
     children: t,
     ...o
   }, n) {
-    const i = N(o, e), c = {
-      item: pe.item,
-      itemBody: pe.itemBody,
-      itemContent: pe.itemContent,
-      itemBullet: pe.itemBullet,
-      itemTitle: pe.itemTitle
+    const i = h(o, e), c = {
+      item: be.item,
+      itemBody: be.itemBody,
+      itemContent: be.itemContent,
+      itemBullet: be.itemBullet,
+      itemTitle: be.itemTitle
     }, d = i.classNames;
     if (d && typeof d == "object" && !Array.isArray(d)) {
       const _ = d;
-      Object.keys(_).forEach((f) => {
-        c[f] ? c[f] = `${c[f]} ${_[f]}` : c[f] = _[f];
+      Object.keys(_).forEach((N) => {
+        c[N] ? c[N] = `${c[N]} ${_[N]}` : c[N] = _[N];
       });
     }
-    const p = a ? /* @__PURE__ */ R(ve, { children: [
-      t && /* @__PURE__ */ r("div", { className: pe.description, children: t }),
-      /* @__PURE__ */ r("div", { className: pe.timestamp, children: a })
+    const p = s ? /* @__PURE__ */ z(xe, { children: [
+      t && /* @__PURE__ */ r("div", { className: be.description, children: t }),
+      /* @__PURE__ */ r("div", { className: be.timestamp, children: s })
     ] }) : t;
     return /* @__PURE__ */ r(
-      Ht,
+      ua,
       {
         ref: n,
         classNames: c,
-        "data-variant": s,
+        "data-variant": a,
         ...i,
         children: p
       }
     );
   }
 );
-$t.displayName = "TimelineItem";
-const vt = j.forwardRef(
-  function({ overStyled: e = !1, ...a }, s) {
-    const t = N(a, e), o = {
-      root: pe.root
+Mt.displayName = "TimelineItem";
+const zt = D.forwardRef(
+  function({ overStyled: e = !1, ...s }, a) {
+    const t = h(s, e), o = {
+      root: be.root
     }, n = t.classNames;
     if (n && typeof n == "object" && !Array.isArray(n)) {
       const i = n;
@@ -2950,54 +3222,54 @@ const vt = j.forwardRef(
       });
     }
     return /* @__PURE__ */ r(
-      Ut,
+      ba,
       {
-        ref: s,
+        ref: a,
         classNames: o,
         ...t
       }
     );
   }
 );
-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;
+zt.displayName = "Timeline";
+const Al = zt;
+Al.Item = Mt;
+const Ol = $(function({ overStyled: e = !1, order: s = 1, ...a }, t) {
+  const o = h(a, e), n = o.className, i = `recursica_brand_typography_h${s}`, c = n ? `${i} ${n}` : i;
   return /* @__PURE__ */ r(
-    Zt,
+    ya,
     {
       ref: t,
-      order: a,
+      order: s,
       className: c,
       ...o
     }
   );
 });
-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(
+Ol.displayName = "Title";
+const Wl = "Toast-module__root___MUvfI", Ll = "Toast-module__icon___VwvE1", kl = "Toast-module__loader___8Gxd-", Il = "Toast-module__title___-H6R2", Ml = "Toast-module__description___-QwfC", zl = "Toast-module__closeButton___vGr7g", Rl = "Toast-module__body___VLkXA", ge = {
+  root: Wl,
+  icon: Ll,
+  loader: kl,
+  title: Il,
+  description: Ml,
+  closeButton: zl,
+  body: Rl
+}, Bl = D.forwardRef(
   function({
     overStyled: e = !1,
-    variant: a = "default",
-    withCloseButton: s = !0,
+    variant: s = "default",
+    withCloseButton: a = !0,
     ...t
   }, o) {
-    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
+    const n = h(t, e), i = {
+      root: ge.root,
+      body: ge.body,
+      title: ge.title,
+      description: ge.description,
+      closeButton: ge.closeButton,
+      icon: ge.icon,
+      loader: ge.loader
     }, c = n.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const d = c;
@@ -3006,12 +3278,12 @@ const Bn = "Toast-module__root___MUvfI", Fn = "Toast-module__icon___VwvE1", En =
       });
     }
     return /* @__PURE__ */ r(
-      Yt,
+      Na,
       {
         ref: o,
-        withCloseButton: s,
+        withCloseButton: a,
         withBorder: !1,
-        "data-variant": a,
+        "data-variant": s,
         classNames: i,
         loading: !1,
         ...n
@@ -3019,18 +3291,18 @@ const Bn = "Toast-module__root___MUvfI", Fn = "Toast-module__icon___VwvE1", En =
     );
   }
 );
-qn.displayName = "Toast";
-const Hn = "Tooltip-module__tooltip___UA7H9", Un = "Tooltip-module__arrow___4zROk", ro = {
-  tooltip: Hn,
-  arrow: Un
-}, Ct = function({
+Bl.displayName = "Toast";
+const Fl = "Tooltip-module__tooltip___UA7H9", El = "Tooltip-module__arrow___4zROk", $o = {
+  tooltip: Fl,
+  arrow: El
+}, Rt = function({
   overStyled: e = !1,
-  withBeak: a = !0,
-  ...s
+  withBeak: s = !0,
+  ...a
 }) {
-  const t = N(s, e), o = {
-    tooltip: ro.tooltip,
-    arrow: ro.arrow
+  const t = h(a, e), o = {
+    tooltip: $o.tooltip,
+    arrow: $o.arrow
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const p = n;
@@ -3040,85 +3312,85 @@ const Hn = "Tooltip-module__tooltip___UA7H9", Un = "Tooltip-module__arrow___4zRO
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
   return /* @__PURE__ */ r(
-    Ze,
+    ao,
     {
       position: "top",
       multiline: !0,
       arrowSize: i,
-      withArrow: a ?? c,
+      withArrow: s ?? c,
       classNames: o,
       ...t
     }
   );
 };
-Ct.displayName = "Tooltip";
-const wt = Ct;
-wt.Floating = Ze.Floating;
-wt.Group = Ze.Group;
-const bl = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
+Rt.displayName = "Tooltip";
+const Bt = Rt;
+Bt.Floating = ao.Floating;
+Bt.Group = ao.Group;
+const li = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
 export {
-  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
+  lo as Accordion,
+  ro as AccordionControl,
+  xo as AccordionItem,
+  no as AccordionPanel,
+  ts as AutoComplete,
+  ql as Avatar,
+  Ul as Badge,
+  ps as Breadcrumb,
+  Zl as Button,
+  Yl as Card,
+  Fo as CardContent,
+  Bo as CardFooter,
+  Ro as CardHeader,
+  zo as CardSection,
+  jo as Checkbox,
+  Vo as CheckboxGroup,
+  Vs as Chip,
+  Ds as Container,
+  Xs as DatePicker,
+  sr as Dropdown,
+  De as EmptyValueRenderer,
+  Kl as FileInput,
+  Xl as FileUpload,
+  Jl as Flex,
+  Ne as FormControlLayout,
+  lr as Group,
+  Uo as HoverCard,
+  Ao as Label,
+  Ua as Layer,
+  Ql as Link,
+  ko as Loader,
+  Ae as Menu,
+  fe as Modal,
+  Rr as NumberInput,
+  de as Pagination,
+  pe as Panel,
+  ft as PanelFooter,
+  Ct as Popover,
+  Pt as Radio,
+  wt as RadioGroup,
+  un as ReadOnlyBooleanField,
+  Oo as ReadOnlyField,
+  mn as ReadOnlySwitchField,
+  Ee as ReadOnlyTextField,
+  Hl as RecursicaThemeProvider,
+  ei as SegmentedControl,
+  Mn as Slider,
+  oi as Stack,
+  ti as Stepper,
+  At as Switch,
+  xt as SwitchGroup,
+  ai as Table,
+  si as Tabs,
+  ri as Text,
+  bl as TextArea,
+  $l as TextField,
+  ni as TimePicker,
+  Al as Timeline,
+  Ol as Title,
+  Bl as Toast,
+  Bt as Tooltip,
+  li as TransferList,
+  oe as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map