@recursica/mantine-adapter 0.13.1 → 0.15.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as E, Fragment as de } from "react/jsx-runtime";
-import B, { forwardRef as $, useId as _o, useEffect as bo } from "react";
-import { Accordion as he, Avatar as yo, createPolymorphicComponent as Q, Badge as ho, Breadcrumbs as fo, Button as No, Card as fe, Input as Se, Box as ge, Checkbox as Te, Chip as $o, Container as vo, Select as Co, Flex as go, Group as xo, Loader as wo, Menu as q, Radio as Ie, Stack as Po, Switch as Le, CheckIcon as Wo, CloseIcon as Ao, Text as ko, Textarea as So, Title as To } from "@mantine/core";
-const Io = [
+import { jsx as r, jsxs as E, Fragment as _e } from "react/jsx-runtime";
+import B, { forwardRef as v, useId as ko, useEffect as To } from "react";
+import { Accordion as ve, Avatar as Oo, createPolymorphicComponent as oe, Badge as Io, Breadcrumbs as zo, Button as Ro, Card as Ce, Input as Fe, Box as Ae, Checkbox as Ee, Chip as Lo, Container as Mo, Select as Fo, Flex as Eo, Group as Bo, HoverCard as We, Loader as jo, Menu as q, NumberInput as Do, Drawer as K, Radio as Be, Stack as Vo, Switch as je, CheckIcon as Go, CloseIcon as qo, Text as Ho, Textarea as Uo, Title as Yo, Tooltip as Se } from "@mantine/core";
+const Zo = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const Io = [
   "mih",
   "mah"
   // Dimensions
-], Lo = /* @__PURE__ */ new Set([
+], Ko = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const Io = [
   "left",
   "bottom",
   "right"
-]), We = {
+]), Ie = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -69,118 +69,118 @@ const Io = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function v(r, o) {
-  if (o)
-    return r;
-  const n = { ...r };
-  for (const s of Io)
+function N(a, e) {
+  if (e)
+    return a;
+  const n = { ...a };
+  for (const s of Zo)
     s in n && delete n[s];
-  for (const [s, t] of Object.entries(n))
-    typeof t == "string" && t.startsWith("rec-") && Lo.has(s) && t in We && (n[s] = We[t]);
+  for (const [s, o] of Object.entries(n))
+    typeof o == "string" && o.startsWith("rec-") && Ko.has(s) && o in Ie && (n[s] = Ie[o]);
   return n;
 }
-const Ro = "Accordion-module__root___Dem6d", Oo = "Accordion-module__item___7ryVk", zo = "Accordion-module__noDivider___Ni2tT", Mo = "Accordion-module__control___b4wgX", Fo = "Accordion-module__label___Ss7uW", Eo = "Accordion-module__chevron___i-HVZ", Bo = "Accordion-module__iconLeftWrapper___5oLen", jo = "Accordion-module__panel___Wx50w", Do = "Accordion-module__content___PEM9t", H = {
-  root: Ro,
-  item: Oo,
-  noDivider: zo,
-  control: Mo,
-  label: Fo,
-  chevron: Eo,
-  iconLeftWrapper: Bo,
-  panel: jo,
-  content: Do
-}, Re = function({
-  variant: o = "unstyled",
+const Qo = "Accordion-module__root___Dem6d", Xo = "Accordion-module__item___7ryVk", Jo = "Accordion-module__noDivider___Ni2tT", et = "Accordion-module__control___b4wgX", ot = "Accordion-module__label___Ss7uW", tt = "Accordion-module__chevron___i-HVZ", rt = "Accordion-module__iconLeftWrapper___5oLen", st = "Accordion-module__panel___Wx50w", at = "Accordion-module__content___PEM9t", Y = {
+  root: Qo,
+  item: Xo,
+  noDivider: Jo,
+  control: et,
+  label: ot,
+  chevron: tt,
+  iconLeftWrapper: rt,
+  panel: st,
+  content: at
+}, De = function({
+  variant: e = "unstyled",
   overStyled: n = !1,
   ...s
 }) {
-  const t = v(s, n), a = {
-    root: H.root,
-    item: H.item,
-    control: H.control,
-    label: H.label,
-    chevron: H.chevron,
-    panel: H.panel,
-    content: H.content
-  }, c = t.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const d = c;
+  const o = N(s, n), t = {
+    root: Y.root,
+    item: Y.item,
+    control: Y.control,
+    label: Y.label,
+    chevron: Y.chevron,
+    panel: Y.panel,
+    content: Y.content
+  }, l = o.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const d = l;
     Object.keys(d).forEach((i) => {
-      a[i] ? a[i] = `${a[i]} ${d[i]}` : a[i] = d[i];
+      t[i] ? t[i] = `${t[i]} ${d[i]}` : t[i] = d[i];
     });
   }
-  const l = t.className;
-  return /* @__PURE__ */ e(
-    he,
+  const c = o.className;
+  return /* @__PURE__ */ r(
+    ve,
     {
-      variant: o,
-      className: l,
-      classNames: a,
-      ...t
+      variant: e,
+      className: c,
+      classNames: t,
+      ...o
     }
   );
 };
-Re.displayName = "Accordion";
-const Oe = $(function({ title: o, leftIcon: n, divider: s = !0, children: t, overStyled: a = !1, ...c }, l) {
-  const d = v(c, a), i = d.className, p = [s ? void 0 : H.noDivider, i].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ e(
-    he.Item,
+De.displayName = "Accordion";
+const Ve = v(function({ title: e, leftIcon: n, divider: s = !0, children: o, overStyled: t = !1, ...l }, c) {
+  const d = N(l, t), i = d.className, p = [s ? void 0 : Y.noDivider, i].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ r(
+    ve.Item,
     {
-      ref: l,
+      ref: c,
       className: p,
       ...d,
-      children: o ? /* @__PURE__ */ E(de, { children: [
-        /* @__PURE__ */ e(xe, { leftIcon: n, children: o }),
-        /* @__PURE__ */ e(we, { children: t })
-      ] }) : t
+      children: e ? /* @__PURE__ */ E(_e, { children: [
+        /* @__PURE__ */ r(ke, { leftIcon: n, children: e }),
+        /* @__PURE__ */ r(Te, { children: o })
+      ] }) : o
     }
   );
 });
-Oe.displayName = "AccordionItem";
-const xe = $(function({ leftIcon: o, children: n, overStyled: s = !1, ...t }, a) {
-  const c = v(t, s), l = c.className;
-  return /* @__PURE__ */ e(
-    he.Control,
+Ve.displayName = "AccordionItem";
+const ke = v(function({ leftIcon: e, children: n, overStyled: s = !1, ...o }, t) {
+  const l = N(o, s), c = l.className;
+  return /* @__PURE__ */ r(
+    ve.Control,
     {
-      ref: a,
-      className: l,
-      icon: o ? /* @__PURE__ */ e("span", { className: H.iconLeftWrapper, "aria-hidden": !0, children: o }) : void 0,
-      ...c,
+      ref: t,
+      className: c,
+      icon: e ? /* @__PURE__ */ r("span", { className: Y.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      ...l,
       children: n
     }
   );
 });
-xe.displayName = "AccordionControl";
-const we = $(function({ overStyled: o = !1, ...n }, s) {
-  const t = v(n, o), a = t.className;
-  return /* @__PURE__ */ e(
-    he.Panel,
+ke.displayName = "AccordionControl";
+const Te = v(function({ overStyled: e = !1, ...n }, s) {
+  const o = N(n, e), t = o.className;
+  return /* @__PURE__ */ r(
+    ve.Panel,
     {
       ref: s,
-      className: a,
-      ...t
+      className: t,
+      ...o
     }
   );
 });
-we.displayName = "AccordionPanel";
-const Pe = Re;
-Pe.Item = Oe;
-Pe.Control = xe;
-Pe.Panel = we;
-const Vo = "Avatar-module__root___fXu-J", Go = "Avatar-module__iconWrapper___ojly2", qo = "Avatar-module__textWrapper___zp-jD", Yo = "Avatar-module__image___ieqGp", Zo = "Avatar-module__placeholder___IDW7-", V = {
-  root: Vo,
-  iconWrapper: Go,
-  textWrapper: qo,
-  image: Yo,
-  placeholder: Zo
-}, ze = $(function({
-  size: o = "default",
+Te.displayName = "AccordionPanel";
+const Oe = De;
+Oe.Item = Ve;
+Oe.Control = ke;
+Oe.Panel = Te;
+const nt = "Avatar-module__root___fXu-J", lt = "Avatar-module__iconWrapper___ojly2", ct = "Avatar-module__textWrapper___zp-jD", it = "Avatar-module__image___ieqGp", dt = "Avatar-module__placeholder___IDW7-", V = {
+  root: nt,
+  iconWrapper: lt,
+  textWrapper: ct,
+  image: it,
+  placeholder: dt
+}, Ge = v(function({
+  size: e = "default",
   variant: n = "solid",
   icon: s,
-  children: t,
-  src: a,
-  overStyled: c = !1,
-  ...l
+  children: o,
+  src: t,
+  overStyled: l = !1,
+  ...c
 }, d) {
   const i = {
     solid: "filled",
@@ -190,9 +190,9 @@ const Vo = "Avatar-module__root___fXu-J", Go = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, m = v(l, c), y = m;
+  }, m = N(c, l), y = m;
   let u = "text";
-  a ? u = "image" : s && (u = "icon");
+  t ? u = "image" : s && (u = "icon");
   const _ = {
     root: V.root,
     image: V.image,
@@ -203,97 +203,97 @@ const Vo = "Avatar-module__root___fXu-J", Go = "Avatar-module__iconWrapper___ojl
     _.root = h.root ? `${V.root} ${h.root}` : V.root, _.image = h.image ? `${V.image} ${h.image}` : V.image, _.placeholder = h.placeholder ? `${V.placeholder} ${h.placeholder}` : V.placeholder;
   }
   const C = y.className;
-  return /* @__PURE__ */ e(
-    yo,
+  return /* @__PURE__ */ r(
+    Oo,
     {
       ref: d,
       className: C,
       classNames: _,
       variant: i[n],
-      size: p[o],
-      src: a,
+      size: p[e],
+      src: t,
       "data-variant": n,
-      "data-size": o,
+      "data-size": e,
       "data-style": u,
       ...m,
-      children: s != null ? /* @__PURE__ */ e("span", { className: V.iconWrapper, "aria-hidden": !0, children: s }) : t != null ? /* @__PURE__ */ e("span", { className: V.textWrapper, children: t }) : void 0
+      children: s != null ? /* @__PURE__ */ r("span", { className: V.iconWrapper, "aria-hidden": !0, children: s }) : o != null ? /* @__PURE__ */ r("span", { className: V.textWrapper, children: o }) : void 0
     }
   );
 });
-ze.displayName = "Avatar";
-const Zr = Q(ze), Ho = "Badge-module__root___5osNT", Y = {
-  root: Ho
-}, Me = $(function({ variant: o = "primary-color", overStyled: n = !1, ...s }, t) {
-  const a = v(s, n), c = {
-    root: Y.root,
-    section: Y.section,
-    label: Y.label
-  }, l = a.classNames;
-  if (l && typeof l == "object" && !Array.isArray(l)) {
-    const p = l;
-    c.root = p.root ? `${Y.root} ${p.root}` : Y.root, c.section = p.section ?? Y.section, c.label = p.label ?? Y.label;
+Ge.displayName = "Avatar";
+const As = oe(Ge), pt = "Badge-module__root___5osNT", H = {
+  root: pt
+}, qe = v(function({ variant: e = "primary-color", overStyled: n = !1, ...s }, o) {
+  const t = N(s, n), l = {
+    root: H.root,
+    section: H.section,
+    label: H.label
+  }, c = t.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const p = c;
+    l.root = p.root ? `${H.root} ${p.root}` : H.root, l.section = p.section ?? H.section, l.label = p.label ?? H.label;
   }
-  const d = a.className, i = d ? `${Y.root} ${d}` : Y.root;
-  return /* @__PURE__ */ e(
-    ho,
+  const d = t.className, i = d ? `${H.root} ${d}` : H.root;
+  return /* @__PURE__ */ r(
+    Io,
     {
-      ref: t,
+      ref: o,
       variant: "filled",
-      "data-variant": o,
-      ...a,
+      "data-variant": e,
+      ...t,
       className: i,
-      classNames: c
+      classNames: l
     }
   );
 });
-Me.displayName = "Badge";
-const Hr = Q(Me), Ko = "Breadcrumb-module__root___x-9ln", Uo = "Breadcrumb-module__separator___qrUX-", U = {
-  root: Ko,
-  separator: Uo
-}, Xo = $(
-  function({ overStyled: o = !1, separator: n = ">", ...s }, t) {
-    const a = v(
+qe.displayName = "Badge";
+const Ws = oe(qe), mt = "Breadcrumb-module__root___x-9ln", ut = "Breadcrumb-module__separator___qrUX-", X = {
+  root: mt,
+  separator: ut
+}, _t = v(
+  function({ overStyled: e = !1, separator: n = ">", ...s }, o) {
+    const t = N(
       { separator: n, ...s },
-      o
-    ), c = {
-      root: U.root,
-      separator: U.separator
-    }, l = a.classNames;
-    if (l && typeof l == "object" && !Array.isArray(l)) {
-      const p = l;
-      c.root = p.root ? `${U.root} ${p.root}` : U.root, c.separator = p.separator ? `${U.separator} ${p.separator}` : U.separator;
+      e
+    ), l = {
+      root: X.root,
+      separator: X.separator
+    }, c = t.classNames;
+    if (c && typeof c == "object" && !Array.isArray(c)) {
+      const p = c;
+      l.root = p.root ? `${X.root} ${p.root}` : X.root, l.separator = p.separator ? `${X.separator} ${p.separator}` : X.separator;
     }
-    const d = a.className, i = d ? `${U.root} ${d}` : U.root;
-    return /* @__PURE__ */ e(
-      fo,
+    const d = t.className, i = d ? `${X.root} ${d}` : X.root;
+    return /* @__PURE__ */ r(
+      zo,
       {
-        ref: t,
-        ...a,
+        ref: o,
+        ...t,
         className: i,
-        classNames: c
+        classNames: l
       }
     );
   }
 );
-Xo.displayName = "Breadcrumb";
-const Qo = "Button-module__root___Q2R8-", Jo = "Button-module__label___UJ3Zt", et = "Button-module__labelText___rFV5p", ot = "Button-module__iconWrapper___uEKPa", tt = "Button-module__section___f2mKr", G = {
-  root: Qo,
-  label: Jo,
-  labelText: et,
-  iconWrapper: ot,
-  section: tt
+_t.displayName = "Breadcrumb";
+const bt = "Button-module__root___Q2R8-", yt = "Button-module__label___UJ3Zt", ht = "Button-module__labelText___rFV5p", ft = "Button-module__iconWrapper___uEKPa", Nt = "Button-module__section___f2mKr", G = {
+  root: bt,
+  label: yt,
+  labelText: ht,
+  iconWrapper: ft,
+  section: Nt
 };
-function rt(r) {
-  return r == null || r === "" ? !1 : typeof r == "string" ? r.trim() !== "" : !0;
+function $t(a) {
+  return a == null || a === "" ? !1 : typeof a == "string" ? a.trim() !== "" : !0;
 }
-const Fe = $(function({
-  variant: o = "solid",
+const He = v(function({
+  variant: e = "solid",
   size: n = "default",
   icon: s,
-  children: t,
-  overStyled: a = !1,
-  ...c
-}, l) {
+  children: o,
+  overStyled: t = !1,
+  ...l
+}, c) {
   const d = {
     solid: "filled",
     outline: "outline",
@@ -301,9 +301,9 @@ const Fe = $(function({
   }, i = {
     default: "md",
     small: "sm"
-  }, p = v(c, a), m = p;
+  }, p = N(l, t), m = p;
   delete m.fullWidth;
-  const y = !!s || !!m.leftSection, u = !!m.rightSection, _ = (y || u) && !rt(t);
+  const y = !!s || !!m.leftSection, u = !!m.rightSection, _ = (y || u) && !$t(o);
   typeof process < "u" && process.env.NODE_ENV !== "production" && _ && !m["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
@@ -316,169 +316,169 @@ const Fe = $(function({
     const b = C;
     f.root = b.root ? `${G.root} ${b.root}` : G.root, f.section = b.section ?? G.section, f.label = b.label ?? G.label;
   }
-  const h = m.className, g = h ? `${G.root} ${h}` : G.root;
-  return /* @__PURE__ */ e(
-    No,
+  const h = m.className, w = h ? `${G.root} ${h}` : G.root;
+  return /* @__PURE__ */ r(
+    Ro,
     {
-      ref: l,
-      className: g,
+      ref: c,
+      className: w,
       classNames: f,
-      variant: d[o],
+      variant: d[e],
       size: i[n],
-      leftSection: s != null ? /* @__PURE__ */ e("span", { className: G.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
-      "data-variant": o,
+      leftSection: s != null ? /* @__PURE__ */ r("span", { className: G.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+      "data-variant": e,
       "data-size": n,
       ..._ ? { "data-icon-only": "" } : {},
       ...p,
-      children: /* @__PURE__ */ e("span", { className: G.labelText, children: t })
+      children: /* @__PURE__ */ r("span", { className: G.labelText, children: o })
     }
   );
 });
-Fe.displayName = "Button";
-const Kr = Q(
-  Fe
-), at = "Card-module__root___c9KvZ", st = "Card-module__header___PTXf2", nt = "Card-module__footer___Mu-JC", lt = "Card-module__section___BRT8H", ct = "Card-module__content___oFIQa", K = {
-  root: at,
-  header: st,
-  footer: nt,
-  section: lt,
-  content: ct
-}, Ee = $(function({ overStyled: o = !1, ...n }, s) {
-  const t = v(n, o), a = {
-    root: K.root
-  }, c = t.classNames;
-  if (c && typeof c == "object" && !Array.isArray(c)) {
-    const d = c;
+He.displayName = "Button";
+const Ss = oe(
+  He
+), vt = "Card-module__root___c9KvZ", Ct = "Card-module__header___PTXf2 recursica_brand_typography_h3", wt = "Card-module__footer___Mu-JC", gt = "Card-module__section___BRT8H", Pt = "Card-module__content___oFIQa", Z = {
+  root: vt,
+  header: Ct,
+  footer: wt,
+  section: gt,
+  content: Pt
+}, Ue = v(function({ overStyled: e = !1, ...n }, s) {
+  const o = N(n, e), t = {
+    root: Z.root
+  }, l = o.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const d = l;
     Object.keys(d).forEach((i) => {
-      a[i] ? a[i] = `${a[i]} ${d[i]}` : a[i] = d[i];
+      t[i] ? t[i] = `${t[i]} ${d[i]}` : t[i] = d[i];
     });
   }
-  const l = t.className;
-  return /* @__PURE__ */ e(
-    fe,
+  const c = o.className;
+  return /* @__PURE__ */ r(
+    Ce,
     {
       ref: s,
-      className: l,
-      classNames: a,
-      ...t
+      className: c,
+      classNames: t,
+      ...o
     }
   );
 });
-Ee.displayName = "Card";
-const Be = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
-      fe.Section,
+Ue.displayName = "Card";
+const Ye = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
+      Ce.Section,
       {
         ref: s,
-        className: a ? `${K.section} ${a}` : K.section,
-        ...t
+        className: t ? `${Z.section} ${t}` : Z.section,
+        ...o
       }
     );
   }
 );
-Be.displayName = "CardSection";
-const je = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
-      fe.Section,
+Ye.displayName = "CardSection";
+const Ze = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
+      Ce.Section,
       {
         ref: s,
-        className: a ? `${K.header} ${a}` : K.header,
-        ...t
+        className: t ? `${Z.header} ${t}` : Z.header,
+        ...o
       }
     );
   }
 );
-je.displayName = "CardHeader";
-const De = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
-      fe.Section,
+Ze.displayName = "CardHeader";
+const Ke = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
+      Ce.Section,
       {
         ref: s,
-        className: a ? `${K.footer} ${a}` : K.footer,
-        ...t
+        className: t ? `${Z.footer} ${t}` : Z.footer,
+        ...o
       }
     );
   }
 );
-De.displayName = "CardFooter";
-const Ve = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
+Ke.displayName = "CardFooter";
+const Qe = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
       "div",
       {
         ref: s,
-        className: a ? `${K.content} ${a}` : K.content,
-        ...t
+        className: t ? `${Z.content} ${t}` : Z.content,
+        ...o
       }
     );
   }
 );
-Ve.displayName = "CardContent";
-const Ge = Q(Ee), Ne = Ge;
-Ne.Section = Be;
-Ne.Header = je;
-Ne.Footer = De;
-Ne.Content = Ve;
-const Ur = Ge, it = "Label-module__root___e6HXZ", dt = "Label-module__labelText___rieFR", pt = "Label-module__required___Ggrzc", mt = "Label-module__optionalText___Y2yun", ut = "Label-module__actionAreaWrapper___ELoZK", _t = "Label-module__editIconWrapper___NG2xW", D = {
-  root: it,
-  labelText: dt,
-  required: pt,
-  optionalText: mt,
-  actionAreaWrapper: ut,
-  editIconWrapper: _t
-}, qe = $(function({
-  labelSize: o = "default",
+Qe.displayName = "CardContent";
+const Xe = oe(Ue), we = Xe;
+we.Section = Ye;
+we.Header = Ze;
+we.Footer = Ke;
+we.Content = Qe;
+const ks = Xe, xt = "Label-module__root___e6HXZ", At = "Label-module__labelText___rieFR", Wt = "Label-module__required___Ggrzc", St = "Label-module__optionalText___Y2yun", kt = "Label-module__actionAreaWrapper___ELoZK", Tt = "Label-module__editIconWrapper___NG2xW", D = {
+  root: xt,
+  labelText: At,
+  required: Wt,
+  optionalText: St,
+  actionAreaWrapper: kt,
+  editIconWrapper: Tt
+}, Je = v(function({
+  labelSize: e = "default",
   labelAlignment: n,
   required: s = !1,
-  labelOptionalText: t,
-  labelWithEditIcon: a,
-  labelActionArea: c,
-  onLabelEditClick: l,
+  labelOptionalText: o,
+  labelWithEditIcon: t,
+  labelActionArea: l,
+  onLabelEditClick: c,
   children: d,
   overStyled: i = !1,
   ...p
 }, m) {
   const y = n || "left";
   let u;
-  s || (t === !0 ? u = "optional" : t && (u = t));
-  const _ = v(p, i), f = _, C = {
+  s || (o === !0 ? u = "optional" : o && (u = o));
+  const _ = N(p, i), f = _, C = {
     label: D.root,
     required: D.required
   }, h = f.classNames;
   if (h && typeof h == "object" && !Array.isArray(h)) {
-    const P = h;
-    C.label = P.label ? `${D.root} ${P.label}` : D.root, C.required = P.required ? `${D.required} ${P.required}` : D.required;
+    const W = h;
+    C.label = W.label ? `${D.root} ${W.label}` : D.root, C.required = W.required ? `${D.required} ${W.required}` : D.required;
   }
-  const g = f.className, b = g ? `${D.root} ${g}` : D.root;
+  const w = f.className, b = w ? `${D.root} ${w}` : D.root;
   return /* @__PURE__ */ E(
-    Se.Label,
+    Fe.Label,
     {
       ref: m,
       className: b,
       classNames: C,
-      "data-size": o,
+      "data-size": e,
       "data-alignment": y,
-      required: s && !a,
+      required: s && !t,
       ..._,
       children: [
-        /* @__PURE__ */ e("span", { className: D.labelText, children: d }),
-        u && /* @__PURE__ */ e("span", { className: D.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        c ? /* @__PURE__ */ e("span", { className: D.actionAreaWrapper, children: c }) : a ? /* @__PURE__ */ e(
+        /* @__PURE__ */ r("span", { className: D.labelText, children: d }),
+        u && /* @__PURE__ */ r("span", { className: D.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        l ? /* @__PURE__ */ r("span", { className: D.actionAreaWrapper, children: l }) : t ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             className: D.editIconWrapper,
             "data-replaces-asterisk": s ? "true" : void 0,
-            onClick: l,
+            onClick: c,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 width: "16",
@@ -486,7 +486,7 @@ const Ur = Ge, it = "Label-module__root___e6HXZ", dt = "Label-module__labelText_
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ r(
                   "path",
                   {
                     d: "M11.5303 2.46967C11.8232 2.17678 12.2981 2.17678 12.591 2.46967L13.5303 3.40898C13.8232 3.70188 13.8232 4.17675 13.5303 4.46964L5.61288 12.3871C5.45268 12.5473 5.24434 12.6483 5.01809 12.6766L2.39534 13.0044C2.10091 13.0412 1.83856 12.7789 1.87538 12.4845L2.2032 9.86175C2.23147 9.63551 2.3325 9.42716 2.4927 9.26696L11.5303 2.46967Z",
@@ -503,48 +503,48 @@ const Ur = Ge, it = "Label-module__root___e6HXZ", dt = "Label-module__labelText_
     }
   );
 });
-qe.displayName = "Label";
-const bt = "FormControlLayout-module__root___yNDhZ", yt = "FormControlLayout-module__leftSection___GBM1r", ht = "FormControlLayout-module__rightSection___bcL4v", me = {
-  root: bt,
-  leftSection: yt,
-  rightSection: ht
-}, X = $(function({
-  formLayout: o = "stacked",
+Je.displayName = "Label";
+const Ot = "FormControlLayout-module__root___yNDhZ", It = "FormControlLayout-module__leftSection___GBM1r", zt = "FormControlLayout-module__rightSection___bcL4v", ye = {
+  root: Ot,
+  leftSection: It,
+  rightSection: zt
+}, ee = v(function({
+  formLayout: e = "stacked",
   labelSize: n = "default",
   controlMaxWidth: s,
-  controlMinWidth: t,
-  leftSection: a,
-  children: c,
-  className: l,
+  controlMinWidth: o,
+  leftSection: t,
+  children: l,
+  className: c,
   style: d,
   ...i
 }, p) {
-  const m = l ? `${me.root} ${l}` : me.root, u = a != null || o === "side-by-side";
+  const m = c ? `${ye.root} ${c}` : ye.root, u = t != null || e === "side-by-side";
   return /* @__PURE__ */ E(
     "div",
     {
       ref: p,
       className: m,
-      "data-form-layout": o,
+      "data-form-layout": e,
       style: {
         ...d,
         ...s ? { "--form-control-max-width": s } : {},
-        ...t ? { "--form-control-min-width": t } : {}
+        ...o ? { "--form-control-min-width": o } : {}
       },
       ...i,
       children: [
-        u && /* @__PURE__ */ e("div", { className: me.leftSection, "data-size": n, children: a }),
-        /* @__PURE__ */ e("div", { className: me.rightSection, children: c })
+        u && /* @__PURE__ */ r("div", { className: ye.leftSection, "data-size": n, children: t }),
+        /* @__PURE__ */ r("div", { className: ye.rightSection, children: l })
       ]
     }
   );
 });
-X.displayName = "FormControlLayout";
-const ft = "AssistiveElement-module__root___WhQ43", Nt = "AssistiveElement-module__textWrapper___sfy5E", $t = "AssistiveElement-module__iconWrapper___gObRF", ve = {
-  root: ft,
-  textWrapper: Nt,
-  iconWrapper: $t
-}, vt = () => /* @__PURE__ */ E(
+ee.displayName = "FormControlLayout";
+const Rt = "AssistiveElement-module__root___WhQ43", Lt = "AssistiveElement-module__textWrapper___sfy5E", Mt = "AssistiveElement-module__iconWrapper___gObRF", Pe = {
+  root: Rt,
+  textWrapper: Lt,
+  iconWrapper: Mt
+}, Ft = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -555,12 +555,12 @@ const ft = "AssistiveElement-module__root___WhQ43", Nt = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), Ct = () => /* @__PURE__ */ E(
+), Et = () => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -571,46 +571,46 @@ const ft = "AssistiveElement-module__root___WhQ43", Nt = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ e("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-      /* @__PURE__ */ e("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ e("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ r("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+      /* @__PURE__ */ r("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), Ce = $(function({
-  assistiveVariant: o = "help",
+), xe = v(function({
+  assistiveVariant: e = "help",
   assistiveWithIcon: n = !0,
   children: s,
-  className: t,
-  overStyled: a = !1,
-  ...c
-}, l) {
-  const i = v(c, a), p = ve.root, m = t ? `${p} ${t}` : p, y = o === "error" ? Ct : vt;
+  className: o,
+  overStyled: t = !1,
+  ...l
+}, c) {
+  const i = N(l, t), p = Pe.root, m = o ? `${p} ${o}` : p, y = e === "error" ? Et : Ft;
   return /* @__PURE__ */ E(
     "div",
     {
-      ref: l,
+      ref: c,
       className: m,
-      "data-variant": o,
+      "data-variant": e,
       style: i.style,
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: ve.iconWrapper, children: /* @__PURE__ */ e(y, {}) }),
-        /* @__PURE__ */ e("span", { className: ve.textWrapper, children: s })
+        n && /* @__PURE__ */ r("span", { className: Pe.iconWrapper, children: /* @__PURE__ */ r(y, {}) }),
+        /* @__PURE__ */ r("span", { className: Pe.textWrapper, children: s })
       ]
     }
   );
 });
-Ce.displayName = "AssistiveElement";
-const gt = "FormControlWrapper-module__inputSection___HenXk", Ae = {
-  inputSection: gt
-}, _e = $(function({
-  formLayout: o,
+xe.displayName = "AssistiveElement";
+const Bt = "FormControlWrapper-module__inputSection___HenXk", ze = {
+  inputSection: Bt
+}, fe = v(function({
+  formLayout: e,
   labelSize: n,
   labelAlignment: s,
-  labelOptionalText: t,
-  labelWithEditIcon: a,
-  labelActionArea: c,
-  onLabelEditClick: l,
+  labelOptionalText: o,
+  labelWithEditIcon: t,
+  labelActionArea: l,
+  onLabelEditClick: c,
   label: d,
   description: i,
   assistiveText: p,
@@ -621,229 +621,229 @@ const gt = "FormControlWrapper-module__inputSection___HenXk", Ae = {
   required: f,
   withAsterisk: C,
   id: h,
-  children: g,
+  children: w,
   className: b,
-  overStyled: P = !1,
-  labelElement: N,
+  overStyled: W = !1,
+  labelElement: $,
   // Extracted safely preventing bleeding into HTML domains
-  ...z
-}, L) {
-  const k = _o(), R = h || `recursica-fc-${k}`, O = p || i, S = O ? `${R}-assistive` : void 0, T = _ ? `${R}-error` : void 0, I = v(z, P), J = b || I.className, pe = Ae.root, j = J ? `${pe} ${J}` : pe, mo = B.isValidElement(g) ? B.cloneElement(
-    g,
+  ...L
+}, S) {
+  const x = ko(), I = h || `recursica-fc-${x}`, R = p || i, k = R ? `${I}-assistive` : void 0, P = _ ? `${I}-error` : void 0, z = N(L, W), re = b || z.className, be = ze.root, j = re ? `${be} ${re}` : be, Wo = B.isValidElement(w) ? B.cloneElement(
+    w,
     {
-      ...O && !g.props["aria-describedby"] ? { "aria-describedby": S } : {},
-      ..._ && !g.props["aria-errormessage"] ? { "aria-errormessage": T } : {}
+      ...R && !w.props["aria-describedby"] ? { "aria-describedby": k } : {},
+      ..._ && !w.props["aria-errormessage"] ? { "aria-errormessage": P } : {}
     }
-  ) : g, uo = d ? /* @__PURE__ */ e(
-    qe,
+  ) : w, So = d ? /* @__PURE__ */ r(
+    Je,
     {
-      id: R,
+      id: I,
       labelAlignment: s,
-      labelOptionalText: t,
-      labelWithEditIcon: a,
-      labelActionArea: c,
-      onLabelEditClick: l,
+      labelOptionalText: o,
+      labelWithEditIcon: t,
+      labelActionArea: l,
+      onLabelEditClick: c,
       required: C ?? f,
-      ...N === "div" ? { as: "div" } : {},
+      ...$ === "div" ? { as: "div" } : {},
       children: d
     }
   ) : void 0;
-  return /* @__PURE__ */ e(
-    X,
+  return /* @__PURE__ */ r(
+    ee,
     {
-      ref: L,
+      ref: S,
       className: j,
-      formLayout: o,
+      formLayout: e,
       labelSize: n,
       controlMaxWidth: y,
       controlMinWidth: u,
-      leftSection: uo,
-      ...I,
-      children: /* @__PURE__ */ E("div", { className: Ae.inputSection, children: [
-        mo,
-        _ && /* @__PURE__ */ e(
-          Ce,
+      leftSection: So,
+      ...z,
+      children: /* @__PURE__ */ E("div", { className: ze.inputSection, children: [
+        Wo,
+        _ && /* @__PURE__ */ r(
+          xe,
           {
-            id: T,
+            id: P,
             assistiveVariant: "error",
             assistiveWithIcon: m,
             children: _
           }
         ),
-        !_ && O && /* @__PURE__ */ e(
-          Ce,
+        !_ && R && /* @__PURE__ */ r(
+          xe,
           {
-            id: S,
+            id: k,
             assistiveVariant: "help",
             assistiveWithIcon: m,
-            children: O
+            children: R
           }
         )
       ] })
     }
   );
 });
-_e.displayName = "FormControlWrapper";
-const xt = "_root_1qhn7_3", wt = "_contents_1qhn7_18", te = {
-  root: xt,
-  contents: wt
-}, Pt = $(function({ layer: r, contentsOnly: o, children: n, className: s, style: t, ...a }, c) {
-  const l = o ? s ? `${te.root} ${te.contents} ${s}` : `${te.root} ${te.contents}` : s ? `${te.root} ${s}` : te.root;
-  return /* @__PURE__ */ e(
+fe.displayName = "FormControlWrapper";
+const jt = "_root_1qhn7_3", Dt = "_contents_1qhn7_18", ae = {
+  root: jt,
+  contents: Dt
+}, Vt = v(function({ layer: a, contentsOnly: e, children: n, className: s, style: o, ...t }, l) {
+  const c = e ? s ? `${ae.root} ${ae.contents} ${s}` : `${ae.root} ${ae.contents}` : s ? `${ae.root} ${s}` : ae.root;
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: c,
-      className: l,
-      style: t,
-      ...o ? {} : { "data-recursica-layer": String(r) },
-      ...a,
+      ref: l,
+      className: c,
+      style: o,
+      ...e ? {} : { "data-recursica-layer": String(a) },
+      ...t,
       children: n
     }
   );
 });
-Pt.displayName = "Layer";
-const be = ({ emptyText: r = "N/A" }) => /* @__PURE__ */ e(B.Fragment, { children: r });
-be.displayName = "EmptyValueRenderer";
-be.check = (r) => r == null || r === "" || Array.isArray(r) && r.length === 0;
-const ke = "data-recursica-theme";
-function Xr({
-  children: r,
-  theme: o = "light"
+Vt.displayName = "Layer";
+const Ne = ({ emptyText: a = "N/A" }) => /* @__PURE__ */ r(B.Fragment, { children: a });
+Ne.displayName = "EmptyValueRenderer";
+Ne.check = (a) => a == null || a === "" || Array.isArray(a) && a.length === 0;
+const Re = "data-recursica-theme";
+function Ts({
+  children: a,
+  theme: e = "light"
 }) {
-  return bo(() => {
+  return To(() => {
     const n = document.documentElement;
-    return n.setAttribute(ke, o), () => {
-      n.removeAttribute(ke);
+    return n.setAttribute(Re, e), () => {
+      n.removeAttribute(Re);
     };
-  }, [o]), /* @__PURE__ */ e(de, { children: r });
+  }, [e]), /* @__PURE__ */ r(_e, { children: a });
 }
-const Wt = "ReadOnlyField-module__textField___qKn25", ye = {
-  textField: Wt
-}, ue = ({
-  value: r,
-  overStyled: o = !1,
+const Gt = "ReadOnlyField-module__textField___qKn25", $e = {
+  textField: Gt
+}, he = ({
+  value: a,
+  overStyled: e = !1,
   ...n
 }) => {
-  const s = v(n, o), t = s.className;
-  return /* @__PURE__ */ e(
-    ge,
+  const s = N(n, e), o = s.className;
+  return /* @__PURE__ */ r(
+    Ae,
     {
       component: "p",
-      className: t ? `${ye.textField} ${t}` : ye.textField,
+      className: o ? `${$e.textField} ${o}` : $e.textField,
       ...s,
-      children: r != null ? B.isValidElement(r) ? r : Array.isArray(r) ? r.join(", ") : String(r) : ""
+      children: a != null ? B.isValidElement(a) ? a : Array.isArray(a) ? a.join(", ") : String(a) : ""
     }
   );
 };
-ue.displayName = "ReadOnlyTextField";
-const Ye = $(
-  function({ value: o, type: n = "text", emptyValueComponent: s, overStyled: t = !1, ...a }, c) {
-    let l = null;
-    const d = v(a, t), i = s || be, m = (i.check ? i.check(o) : be.check(o)) ? /* @__PURE__ */ e(i, { value: o }) : o;
+he.displayName = "ReadOnlyTextField";
+const eo = v(
+  function({ value: e, type: n = "text", emptyValueComponent: s, overStyled: o = !1, ...t }, l) {
+    let c = null;
+    const d = N(t, o), i = s || Ne, m = (i.check ? i.check(e) : Ne.check(e)) ? /* @__PURE__ */ r(i, { value: e }) : e;
     switch (n) {
       case "boolean":
-        l = /* @__PURE__ */ e(
-          ue,
+        c = /* @__PURE__ */ r(
+          he,
           {
-            value: o === !0 ? "True" : o === !1 ? "False" : m,
-            overStyled: t
+            value: e === !0 ? "True" : e === !1 ? "False" : m,
+            overStyled: o
           }
         );
         break;
       case "switch":
-        l = /* @__PURE__ */ e(
-          ue,
+        c = /* @__PURE__ */ r(
+          he,
           {
-            value: o === !0 ? "On" : o === !1 ? "Off" : m,
-            overStyled: t
+            value: e === !0 ? "On" : e === !1 ? "Off" : m,
+            overStyled: o
           }
         );
         break;
       case "text":
       default:
-        l = /* @__PURE__ */ e(
-          ue,
+        c = /* @__PURE__ */ r(
+          he,
           {
             value: m,
-            overStyled: t
+            overStyled: o
           }
         );
         break;
     }
-    return /* @__PURE__ */ e(
-      _e,
+    return /* @__PURE__ */ r(
+      fe,
       {
-        ref: c,
-        overStyled: t,
+        ref: l,
+        overStyled: o,
         ...d,
-        children: l
+        children: c
       }
     );
   }
 );
-Ye.displayName = "ReadOnlyField";
-const oe = $(function({
-  readOnly: o,
+eo.displayName = "ReadOnlyField";
+const te = v(function({
+  readOnly: e,
   readOnlyComponent: n,
   readOnlyType: s = "text",
-  readOnlyValue: t,
-  readOnlyNativeProps: a,
-  emptyValueComponent: c,
-  activeComponent: l,
+  readOnlyValue: o,
+  readOnlyNativeProps: t,
+  emptyValueComponent: l,
+  activeComponent: c,
   overStyled: d,
   onLabelEditClick: i,
   ...p
 }, m) {
-  return o ? n ? /* @__PURE__ */ e(
-    _e,
+  return e ? n ? /* @__PURE__ */ r(
+    fe,
     {
       ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
-      children: /* @__PURE__ */ e(n, { ...a })
+      children: /* @__PURE__ */ r(n, { ...t })
     }
-  ) : /* @__PURE__ */ e(
-    Ye,
+  ) : /* @__PURE__ */ r(
+    eo,
     {
       ref: m,
       type: s,
-      value: t,
-      emptyValueComponent: c,
+      value: o,
+      emptyValueComponent: l,
       onLabelEditClick: i,
       overStyled: d,
       ...p
     }
-  ) : /* @__PURE__ */ e(
-    _e,
+  ) : /* @__PURE__ */ r(
+    fe,
     {
       ref: m,
       ...p,
       onLabelEditClick: i,
       overStyled: d,
-      children: l
+      children: c
     }
   );
 });
-oe.displayName = "WithReadOnlyWrapper";
-const At = "Checkbox-module__groupRoot___cBS0o", kt = "Checkbox-module__root___mY3qk", St = "Checkbox-module__body___5yC7q", Tt = "Checkbox-module__inner___rTke4", It = "Checkbox-module__input___2kt-h", Lt = "Checkbox-module__icon___-O7i6", Rt = "Checkbox-module__labelWrapper___GpZkr", Ot = "Checkbox-module__label___cwRtI", W = {
-  groupRoot: At,
-  root: kt,
-  body: St,
-  inner: Tt,
-  input: It,
-  icon: Lt,
-  labelWrapper: Rt,
-  label: Ot
-}, Ze = $(
-  function(o, n) {
+te.displayName = "WithReadOnlyWrapper";
+const qt = "Checkbox-module__groupRoot___cBS0o", Ht = "Checkbox-module__root___mY3qk", Ut = "Checkbox-module__body___5yC7q", Yt = "Checkbox-module__inner___rTke4", Zt = "Checkbox-module__input___2kt-h", Kt = "Checkbox-module__icon___-O7i6", Qt = "Checkbox-module__labelWrapper___GpZkr", Xt = "Checkbox-module__label___cwRtI", T = {
+  groupRoot: qt,
+  root: Ht,
+  body: Ut,
+  inner: Yt,
+  input: Zt,
+  icon: Kt,
+  labelWrapper: Qt,
+  label: Xt
+}, oo = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: a,
-      labelAlignment: c,
-      labelOptionalText: l,
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
@@ -855,29 +855,29 @@ const At = "Checkbox-module__groupRoot___cBS0o", kt = "Checkbox-module__root___m
       required: f,
       withAsterisk: C,
       id: h,
-      className: g,
+      className: w,
       style: b,
-      children: P,
-      readOnly: N,
-      readOnlyComponent: z,
-      emptyValueComponent: L,
-      value: k,
-      defaultValue: R,
-      ...O
-    } = o, S = v(O, s), T = S;
-    return delete T.size, /* @__PURE__ */ e(
-      oe,
+      children: W,
+      readOnly: $,
+      readOnlyComponent: L,
+      emptyValueComponent: S,
+      value: x,
+      defaultValue: I,
+      ...R
+    } = e, k = N(R, s), P = k;
+    return delete P.size, /* @__PURE__ */ r(
+      te,
       {
-        className: g,
+        className: w,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
-        formLayout: t,
-        labelSize: a,
-        labelAlignment: c,
-        labelOptionalText: l,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
@@ -888,112 +888,112 @@ const At = "Checkbox-module__groupRoot___cBS0o", kt = "Checkbox-module__root___m
         required: f,
         withAsterisk: C,
         id: h,
-        readOnly: N && !!z,
-        readOnlyComponent: z,
-        emptyValueComponent: L,
+        readOnly: $ && !!L,
+        readOnlyComponent: L,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: k !== void 0 ? k : R,
-        readOnlyNativeProps: o,
-        activeComponent: /* @__PURE__ */ e(
-          Te.Group,
+        readOnlyValue: x !== void 0 ? x : I,
+        readOnlyNativeProps: e,
+        activeComponent: /* @__PURE__ */ r(
+          Ee.Group,
           {
             ref: n,
-            ...S,
-            disabled: N || T.disabled,
-            value: k,
-            defaultValue: R,
-            children: /* @__PURE__ */ e("div", { className: W.groupRoot, "data-layout": t, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
-              disabled: N || x.props.disabled
-            }) : x) })
+            ...k,
+            disabled: $ || P.disabled,
+            value: x,
+            defaultValue: I,
+            children: /* @__PURE__ */ r("div", { className: T.groupRoot, "data-layout": o, children: B.Children.map(W, (g) => B.isValidElement(g) ? B.cloneElement(g, {
+              disabled: $ || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-Ze.displayName = "CheckboxGroup";
-const He = $(
-  function(o, n) {
+oo.displayName = "CheckboxGroup";
+const to = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      readOnly: t,
-      readOnlyComponent: a,
-      disabled: c,
-      formLayout: l,
+      readOnly: o,
+      readOnlyComponent: t,
+      disabled: l,
+      formLayout: c,
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
       ...m
-    } = o, y = v(m, s), u = y;
+    } = e, y = N(m, s), u = y;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
-      root: W.root,
-      body: W.body,
-      inner: W.inner,
-      input: W.input,
-      icon: W.icon,
-      labelWrapper: W.labelWrapper,
-      label: W.label
+      root: T.root,
+      body: T.body,
+      inner: T.inner,
+      input: T.input,
+      icon: T.icon,
+      labelWrapper: T.labelWrapper,
+      label: T.label
     }, f = u.classNames;
     if (f && typeof f == "object" && !Array.isArray(f)) {
       const b = f;
-      _.root = b.root ? `${W.root} ${b.root}` : W.root, _.body = b.body ? `${W.body} ${b.body}` : W.body, _.inner = b.inner ? `${W.inner} ${b.inner}` : W.inner, _.input = b.input ? `${W.input} ${b.input}` : W.input, _.icon = b.icon ? `${W.icon} ${b.icon}` : W.icon, _.labelWrapper = b.labelWrapper ? `${W.labelWrapper} ${b.labelWrapper}` : W.labelWrapper, _.label = b.label ? `${W.label} ${b.label}` : W.label;
+      _.root = b.root ? `${T.root} ${b.root}` : T.root, _.body = b.body ? `${T.body} ${b.body}` : T.body, _.inner = b.inner ? `${T.inner} ${b.inner}` : T.inner, _.input = b.input ? `${T.input} ${b.input}` : T.input, _.icon = b.icon ? `${T.icon} ${b.icon}` : T.icon, _.labelWrapper = b.labelWrapper ? `${T.labelWrapper} ${b.labelWrapper}` : T.labelWrapper, _.label = b.label ? `${T.label} ${b.label}` : T.label;
     }
-    const C = u.className, h = C ? `${W.root} ${C}` : W.root;
-    if (t && a) {
-      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
-        a,
+    const C = u.className, h = C ? `${T.root} ${C}` : T.root;
+    if (o && t) {
+      const b = !!(u.checked ?? u.defaultChecked), $ = /* @__PURE__ */ r(
+        t,
         {
-          ...o,
+          ...e,
           checked: b,
           label: u.label
         }
       );
-      return l ? /* @__PURE__ */ e(
-        X,
+      return c ? /* @__PURE__ */ r(
+        ee,
         {
-          formLayout: l,
+          formLayout: c,
           labelSize: d,
           controlMaxWidth: i,
           controlMinWidth: p,
-          children: N
+          children: $
         }
-      ) : /* @__PURE__ */ e(de, { children: N });
+      ) : /* @__PURE__ */ r(_e, { children: $ });
     }
-    const g = /* @__PURE__ */ e(
-      Te,
+    const w = /* @__PURE__ */ r(
+      Ee,
       {
         ref: n,
         className: h,
         classNames: _,
-        disabled: t || c,
+        disabled: o || l,
         ...y
       }
     );
-    return l ? /* @__PURE__ */ e(
-      X,
+    return c ? /* @__PURE__ */ r(
+      ee,
       {
-        formLayout: l,
+        formLayout: c,
         labelSize: d,
         controlMaxWidth: i,
         controlMinWidth: p,
-        children: g
+        children: w
       }
-    ) : g;
+    ) : w;
   }
 );
-He.displayName = "Checkbox";
-He.Group = Ze;
-const zt = "Chip-module__root___f5pFk", Mt = "Chip-module__label___Ov9pg", Ft = "Chip-module__mantineIconWrapper___KLSz6", Et = "Chip-module__innerWrapper___EnrTF", Bt = "Chip-module__children___zbRAR", jt = "Chip-module__leadingIcon___JBtjQ", Dt = "Chip-module__removeIcon___pVju-", M = {
-  root: zt,
-  label: Mt,
-  mantineIconWrapper: Ft,
-  innerWrapper: Et,
-  children: Bt,
-  leadingIcon: jt,
-  removeIcon: Dt
+to.displayName = "Checkbox";
+to.Group = oo;
+const Jt = "Chip-module__root___f5pFk", er = "Chip-module__label___Ov9pg", or = "Chip-module__mantineIconWrapper___KLSz6", tr = "Chip-module__innerWrapper___EnrTF", rr = "Chip-module__children___zbRAR", sr = "Chip-module__leadingIcon___JBtjQ", ar = "Chip-module__removeIcon___pVju-", M = {
+  root: Jt,
+  label: er,
+  mantineIconWrapper: or,
+  innerWrapper: tr,
+  children: rr,
+  leadingIcon: sr,
+  removeIcon: ar
 };
-function Vt(r) {
+function nr(a) {
   return /* @__PURE__ */ E(
     "svg",
     {
@@ -1006,24 +1006,24 @@ function Vt(r) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...r,
+      ...a,
       children: [
-        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const Gt = $(function({
-  error: o = !1,
+const lr = v(function({
+  error: e = !1,
   icon: n,
   onRemove: s,
-  removeLabel: t = "Remove",
-  children: a,
-  overStyled: c = !1,
-  ...l
+  removeLabel: o = "Remove",
+  children: t,
+  overStyled: l = !1,
+  ...c
 }, d) {
-  const i = v(l, c), p = i, m = {
+  const i = N(c, l), p = i, m = {
     root: M.root,
     label: M.label,
     input: M.input,
@@ -1035,19 +1035,19 @@ const Gt = $(function({
     m.root = h.root ? `${M.root} ${h.root}` : M.root, m.label = h.label ? `${M.label} ${h.label}` : M.label;
   }
   const u = p.className, _ = u ? `${M.root} ${u}` : M.root;
-  return /* @__PURE__ */ e(
-    $o,
+  return /* @__PURE__ */ r(
+    Lo,
     {
       ref: d,
       className: _,
       classNames: m,
-      ...(o ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!a && (!!n || !!s) ? { "data-icon-only": "" } : {},
+      ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
+      ...!t && (!!n || !!s) ? { "data-icon-only": "" } : {},
       ...i,
       children: /* @__PURE__ */ E("span", { className: M.innerWrapper, children: [
-        n && /* @__PURE__ */ e("span", { className: M.leadingIcon, "aria-hidden": !0, children: n }),
-        /* @__PURE__ */ e("span", { className: M.children, children: a }),
-        s && /* @__PURE__ */ e(
+        n && /* @__PURE__ */ r("span", { className: M.leadingIcon, "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ r("span", { className: M.children, children: t }),
+        s && /* @__PURE__ */ r(
           "span",
           {
             role: "button",
@@ -1055,26 +1055,26 @@ const Gt = $(function({
             onClick: (h) => {
               h.preventDefault(), h.stopPropagation(), s(h);
             },
-            "aria-label": t,
+            "aria-label": o,
             onKeyDown: (h) => {
               (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), s(
                 h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ e(Vt, {})
+            children: /* @__PURE__ */ r(nr, {})
           }
         )
       ] })
     }
   );
 });
-Gt.displayName = "Chip";
-const qt = "Container-module__root___UVssr", se = {
-  root: qt
-}, Yt = $(
-  function({ children: o, size: n, overStyled: s = !1, ...t }, a) {
-    const c = v(t, s), l = c, d = {
+lr.displayName = "Chip";
+const cr = "Container-module__root___UVssr", ce = {
+  root: cr
+}, ir = v(
+  function({ children: e, size: n, overStyled: s = !1, ...o }, t) {
+    const l = N(o, s), c = l, d = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
@@ -1082,42 +1082,42 @@ const qt = "Container-module__root___UVssr", se = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, i = typeof n == "string" && d[n] ? d[n] : n, p = {
-      root: se.root
-    }, m = l.classNames;
+      root: ce.root
+    }, m = c.classNames;
     if (m && typeof m == "object" && !Array.isArray(m)) {
       const _ = m;
-      p.root = _.root ? `${se.root} ${_.root}` : se.root;
+      p.root = _.root ? `${ce.root} ${_.root}` : ce.root;
     }
-    const y = l.className, u = y ? `${se.root} ${y}` : se.root;
-    return /* @__PURE__ */ e(
-      vo,
+    const y = c.className, u = y ? `${ce.root} ${y}` : ce.root;
+    return /* @__PURE__ */ r(
+      Mo,
       {
-        ref: a,
+        ref: t,
         size: i,
         className: u,
         classNames: p,
-        ...c,
-        children: o
+        ...l,
+        children: e
       }
     );
   }
 );
-Yt.displayName = "Container";
-const Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Zt = "Dropdown-module__root___uVyL0", Ht = "Dropdown-module__input___dK4dN", Kt = "Dropdown-module__section___j3MRB", Ut = "Dropdown-module__dropdown___gG-Sw", Xt = "Dropdown-module__option___nAGU-", F = {
-  root: Zt,
-  input: Ht,
-  section: Kt,
-  dropdown: Ut,
-  option: Xt
-}, Qt = $(
-  function(o, n) {
+ir.displayName = "Container";
+const Os = (a) => /* @__PURE__ */ r("div", { ...a, children: "DatePicker" }), dr = "Dropdown-module__root___uVyL0", pr = "Dropdown-module__input___dK4dN", mr = "Dropdown-module__section___j3MRB", ur = "Dropdown-module__dropdown___gG-Sw", _r = "Dropdown-module__option___nAGU-", F = {
+  root: dr,
+  input: pr,
+  section: mr,
+  dropdown: ur,
+  option: _r
+}, br = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
-      containerWidth: a,
+      formLayout: o = "stacked",
+      containerWidth: t,
       // Label & Wrapper Maps
-      labelSize: c,
-      labelAlignment: l,
+      labelSize: l,
+      labelAlignment: c,
       labelOptionalText: d,
       labelWithEditIcon: i,
       onLabelEditClick: p,
@@ -1128,45 +1128,45 @@ const Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Zt
       required: f,
       withAsterisk: C,
       id: h,
-      className: g,
+      className: w,
       style: b,
-      disabled: P,
-      readOnly: N,
-      readOnlyComponent: z,
-      emptyValueComponent: L,
-      value: k,
-      defaultValue: R,
-      data: O,
-      ...S
-    } = o, T = v(S, s), x = T;
-    delete x.size, delete x.variant, delete x.radius;
-    const I = {
+      disabled: W,
+      readOnly: $,
+      readOnlyComponent: L,
+      emptyValueComponent: S,
+      value: x,
+      defaultValue: I,
+      data: R,
+      ...k
+    } = e, P = N(k, s), g = P;
+    delete g.size, delete g.variant, delete g.radius;
+    const z = {
       wrapper: F.root,
       // The nested Input internal relative wrapper bounding box
       input: F.input,
       section: F.section,
       dropdown: F.dropdown,
       option: F.option
-    }, J = x.classNames;
-    if (J && typeof J == "object" && !Array.isArray(J)) {
-      const j = J;
-      I.wrapper = j.wrapper ? `${F.root} ${j.wrapper}` : F.root, I.input = j.input ? `${F.input} ${j.input}` : F.input, I.section = j.section ? `${F.section} ${j.section}` : F.section, I.dropdown = j.dropdown ? `${F.dropdown} ${j.dropdown}` : F.dropdown, I.option = j.option ? `${F.option} ${j.option}` : F.option;
+    }, re = g.classNames;
+    if (re && typeof re == "object" && !Array.isArray(re)) {
+      const j = re;
+      z.wrapper = j.wrapper ? `${F.root} ${j.wrapper}` : F.root, z.input = j.input ? `${F.input} ${j.input}` : F.input, z.section = j.section ? `${F.section} ${j.section}` : F.section, z.dropdown = j.dropdown ? `${F.dropdown} ${j.dropdown}` : F.dropdown, z.option = j.option ? `${F.option} ${j.option}` : F.option;
     }
-    const pe = {
+    const be = {
       ...b || {},
-      width: a || "100%"
+      width: t || "100%"
     };
-    return /* @__PURE__ */ e(
-      oe,
+    return /* @__PURE__ */ r(
+      te,
       {
-        className: g,
-        style: pe,
+        className: w,
+        style: be,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: s,
-        formLayout: t,
-        labelSize: c,
-        labelAlignment: l,
+        formLayout: o,
+        labelSize: l,
+        labelAlignment: c,
         labelOptionalText: d,
         labelWithEditIcon: i,
         onLabelEditClick: p,
@@ -1177,33 +1177,33 @@ const Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Zt
         required: f,
         withAsterisk: C,
         id: h,
-        readOnly: N,
-        readOnlyComponent: z,
-        emptyValueComponent: L,
+        readOnly: $,
+        readOnlyComponent: L,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: k !== void 0 ? String(k) : R ? String(R) : void 0,
-        readOnlyNativeProps: o,
+        readOnlyValue: x !== void 0 ? String(x) : I ? String(I) : void 0,
+        readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ e(
-            Co,
+          /* @__PURE__ */ r(
+            Fo,
             {
               ref: n,
-              classNames: I,
-              disabled: P,
-              value: k,
-              defaultValue: R,
-              data: O || [],
+              classNames: z,
+              disabled: W,
+              value: x,
+              defaultValue: I,
+              data: R || [],
               label: void 0,
               description: void 0,
               error: void 0,
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": P ? "true" : void 0,
+                "data-disabled": W ? "true" : void 0,
                 "data-error": _ ? "true" : void 0
               },
-              ...T
+              ...P
             }
           )
         )
@@ -1211,247 +1211,458 @@ const Qr = (r) => /* @__PURE__ */ e("div", { ...r, children: "DatePicker" }), Zt
     );
   }
 );
-Qt.displayName = "Dropdown";
-const Jr = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileInput" }), ea = (r) => /* @__PURE__ */ e("div", { ...r, children: "FileUpload" }), Jt = "Flex-module__root___yYser", ne = {
-  root: Jt
-}, Ke = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
-  const c = v({ ...t, gap: s }, n), l = c, d = {
-    root: ne.root
-  }, i = l.classNames;
+br.displayName = "Dropdown";
+const Is = (a) => /* @__PURE__ */ r("div", { ...a, children: "FileInput" }), zs = (a) => /* @__PURE__ */ r("div", { ...a, children: "FileUpload" }), yr = "Flex-module__root___yYser", ie = {
+  root: yr
+}, ro = v(function({ children: e, overStyled: n = !1, gap: s = "rec-default", ...o }, t) {
+  const l = N({ ...o, gap: s }, n), c = l, d = {
+    root: ie.root
+  }, i = c.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const y = i;
-    d.root = y.root ? `${ne.root} ${y.root}` : ne.root;
+    d.root = y.root ? `${ie.root} ${y.root}` : ie.root;
   }
-  const p = l.className, m = p ? `${ne.root} ${p}` : ne.root;
-  return /* @__PURE__ */ e(
-    go,
+  const p = c.className, m = p ? `${ie.root} ${p}` : ie.root;
+  return /* @__PURE__ */ r(
+    Eo,
     {
-      ref: a,
+      ref: t,
       className: m,
       classNames: d,
-      ...c,
-      children: o
+      ...l,
+      children: e
     }
   );
 });
-Ke.displayName = "Flex";
-const oa = Q(Ke), er = "Group-module__root___ftO64", le = {
-  root: er
-}, or = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
-  const c = v({ ...t, gap: s }, n), l = c, d = {
-    root: le.root
-  }, i = l.classNames;
+ro.displayName = "Flex";
+const Rs = oe(ro), hr = "Group-module__root___ftO64", de = {
+  root: hr
+}, fr = v(function({ children: e, overStyled: n = !1, gap: s = "rec-default", ...o }, t) {
+  const l = N({ ...o, gap: s }, n), c = l, d = {
+    root: de.root
+  }, i = c.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const y = i;
-    d.root = y.root ? `${le.root} ${y.root}` : le.root;
+    d.root = y.root ? `${de.root} ${y.root}` : de.root;
   }
-  const p = l.className, m = p ? `${le.root} ${p}` : le.root;
-  return /* @__PURE__ */ e(
-    xo,
+  const p = c.className, m = p ? `${de.root} ${p}` : de.root;
+  return /* @__PURE__ */ r(
+    Bo,
     {
-      ref: a,
+      ref: t,
       className: m,
       classNames: d,
-      ...c,
-      children: o
+      ...l,
+      children: e
     }
   );
 });
-or.displayName = "Group";
-const ta = (r) => /* @__PURE__ */ e("div", { ...r, children: "HoverCard" }), ra = (r) => /* @__PURE__ */ e("div", { ...r, children: "Link" }), tr = "Loader-module__root___6iYOP", ce = {
-  root: tr
-}, rr = $(function({ variant: o = "oval", size: n = "default", overStyled: s = !1, ...t }, a) {
-  const l = {
+fr.displayName = "Group";
+const Nr = "HoverCard-module__dropdown___FBPFW", $r = "HoverCard-module__arrow___S9AkE", Le = {
+  dropdown: Nr,
+  arrow: $r
+}, so = function({
+  overStyled: e = !1,
+  withBeak: n = !0,
+  ...s
+}) {
+  const o = N(s, e), t = {
+    dropdown: Le.dropdown,
+    arrow: Le.arrow
+  }, l = o.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const p = l;
+    Object.keys(p).forEach((m) => {
+      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+    });
+  }
+  const c = o.arrowSize ?? 16, d = o.withArrow;
+  return /* @__PURE__ */ r(
+    We,
+    {
+      position: "top",
+      arrowSize: c,
+      withArrow: n ?? d,
+      classNames: t,
+      ...o
+    }
+  );
+};
+so.displayName = "HoverCard";
+const ao = function(e) {
+  return /* @__PURE__ */ r(We.Target, { ...e });
+};
+ao.displayName = "HoverCardTarget";
+const no = function({
+  overStyled: e = !1,
+  ...n
+}) {
+  const s = N(n, e), o = s.className;
+  return /* @__PURE__ */ r(
+    We.Dropdown,
+    {
+      className: o,
+      ...s
+    }
+  );
+};
+no.displayName = "HoverCardDropdown";
+const lo = so;
+lo.Target = ao;
+lo.Dropdown = no;
+const Ls = (a) => /* @__PURE__ */ r("div", { ...a, children: "Link" }), vr = "Loader-module__root___6iYOP", pe = {
+  root: vr
+}, Cr = v(function({ variant: e = "oval", size: n = "default", overStyled: s = !1, ...o }, t) {
+  const c = {
     sm: "small",
     md: "default",
     lg: "large",
     small: "small",
     default: "default",
     large: "large"
-  }[n] || "default", d = v(t, s), i = {
-    root: ce.root
+  }[n] || "default", d = N(o, s), i = {
+    root: pe.root
   }, p = d.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
     const u = p;
-    i.root = u.root ? `${ce.root} ${u.root}` : ce.root;
+    i.root = u.root ? `${pe.root} ${u.root}` : pe.root;
   }
-  const m = d.className, y = m ? `${ce.root} ${m}` : ce.root;
-  return /* @__PURE__ */ e(
-    wo,
+  const m = d.className, y = m ? `${pe.root} ${m}` : pe.root;
+  return /* @__PURE__ */ r(
+    jo,
     {
-      ref: a,
-      type: o,
-      "data-variant": o,
-      "data-size": l,
+      ref: t,
+      type: e,
+      "data-variant": e,
+      "data-size": c,
       ...d,
       className: y,
       classNames: i
     }
   );
 });
-rr.displayName = "Loader";
-const ar = "Menu-module__dropdown___j4xuA", sr = "Menu-module__item___NMXha", nr = "Menu-module__itemLabel___zvcqC", lr = "Menu-module__itemSection___pRIcn", cr = "Menu-module__divider___wPiNq", ir = "Menu-module__label___4FBGa", dr = "Menu-module__chevron___hEEiy", ee = {
-  dropdown: ar,
-  item: sr,
-  itemLabel: nr,
-  itemSection: lr,
-  divider: cr,
-  label: ir,
-  chevron: dr
-}, Ue = function({ overStyled: o = !1, ...n }) {
-  const s = v(n, o), t = {
-    dropdown: ee.dropdown,
-    item: ee.item,
-    itemLabel: ee.itemLabel,
-    itemSection: ee.itemSection,
-    divider: ee.divider,
-    label: ee.label,
-    chevron: ee.chevron
-  }, a = s.classNames;
-  if (a && typeof a == "object" && !Array.isArray(a)) {
-    const c = a;
-    Object.keys(c).forEach((l) => {
-      t[l] ? t[l] = `${t[l]} ${c[l]}` : t[l] = c[l];
+Cr.displayName = "Loader";
+const wr = "Menu-module__dropdown___j4xuA", gr = "Menu-module__item___NMXha", Pr = "Menu-module__itemLabel___zvcqC", xr = "Menu-module__itemSection___pRIcn", Ar = "Menu-module__divider___wPiNq", Wr = "Menu-module__label___4FBGa", Sr = "Menu-module__chevron___hEEiy", se = {
+  dropdown: wr,
+  item: gr,
+  itemLabel: Pr,
+  itemSection: xr,
+  divider: Ar,
+  label: Wr,
+  chevron: Sr
+}, co = function({ overStyled: e = !1, ...n }) {
+  const s = N(n, e), o = {
+    dropdown: se.dropdown,
+    item: se.item,
+    itemLabel: se.itemLabel,
+    itemSection: se.itemSection,
+    divider: se.divider,
+    label: se.label,
+    chevron: se.chevron
+  }, t = s.classNames;
+  if (t && typeof t == "object" && !Array.isArray(t)) {
+    const l = t;
+    Object.keys(l).forEach((c) => {
+      o[c] ? o[c] = `${o[c]} ${l[c]}` : o[c] = l[c];
     });
   }
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     q,
     {
-      classNames: t,
+      classNames: o,
       ...s
     }
   );
 };
-Ue.displayName = "Menu";
-const Xe = function(o) {
-  return /* @__PURE__ */ e(q.Target, { ...o });
+co.displayName = "Menu";
+const io = function(e) {
+  return /* @__PURE__ */ r(q.Target, { ...e });
 };
-Xe.displayName = "MenuTarget";
-const Qe = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
+io.displayName = "MenuTarget";
+const po = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
       q.Dropdown,
       {
         ref: s,
-        className: a,
-        ...t
+        className: t,
+        ...o
       }
     );
   }
 );
-Qe.displayName = "MenuDropdown";
-const Je = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t;
-    o || delete a.color;
-    const c = a.className;
-    return /* @__PURE__ */ e(
+po.displayName = "MenuDropdown";
+const mo = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o;
+    e || delete t.color;
+    const l = t.className;
+    return /* @__PURE__ */ r(
       q.Item,
       {
         ref: s,
-        className: c,
-        ...t
+        className: l,
+        ...o
       }
     );
   }
 );
-Je.displayName = "MenuItem";
-const pr = Q(Je), eo = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
+mo.displayName = "MenuItem";
+const kr = oe(mo), uo = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
       q.Divider,
       {
         ref: s,
-        className: a,
-        ...t
+        className: t,
+        ...o
       }
     );
   }
 );
-eo.displayName = "MenuDivider";
-const oo = $(function({ overStyled: o = !1, ...n }, s) {
-  const t = v(n, o), a = t.className;
-  return /* @__PURE__ */ e(
+uo.displayName = "MenuDivider";
+const _o = v(function({ overStyled: e = !1, ...n }, s) {
+  const o = N(n, e), t = o.className;
+  return /* @__PURE__ */ r(
     q.Label,
     {
       ref: s,
-      className: a,
-      ...t
+      className: t,
+      ...o
     }
   );
 });
-oo.displayName = "MenuLabel";
-const to = function(o) {
-  return /* @__PURE__ */ e(q.Sub, { ...o });
+_o.displayName = "MenuLabel";
+const bo = function(e) {
+  return /* @__PURE__ */ r(q.Sub, { ...e });
 };
-to.displayName = "MenuSub";
-const ro = function(o) {
-  return /* @__PURE__ */ e(q.Sub.Target, { ...o });
+bo.displayName = "MenuSub";
+const yo = function(e) {
+  return /* @__PURE__ */ r(q.Sub.Target, { ...e });
 };
-ro.displayName = "MenuSubTarget";
-const ao = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t;
-    o || delete a.color;
-    const c = a.className;
-    return /* @__PURE__ */ e(
+yo.displayName = "MenuSubTarget";
+const ho = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o;
+    e || delete t.color;
+    const l = t.className;
+    return /* @__PURE__ */ r(
       q.Sub.Item,
       {
         ref: s,
-        className: c,
-        ...t
+        className: l,
+        ...o
       }
     );
   }
 );
-ao.displayName = "MenuSubItem";
-const mr = Q(
-  ao
-), so = $(
-  function({ overStyled: o = !1, ...n }, s) {
-    const t = v(n, o), a = t.className;
-    return /* @__PURE__ */ e(
+ho.displayName = "MenuSubItem";
+const Tr = oe(
+  ho
+), fo = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className;
+    return /* @__PURE__ */ r(
       q.Sub.Dropdown,
       {
         ref: s,
-        className: a,
-        ...t
+        className: t,
+        ...o
+      }
+    );
+  }
+);
+fo.displayName = "MenuSubDropdown";
+const ge = bo;
+ge.Target = yo;
+ge.Item = Tr;
+ge.Dropdown = fo;
+const le = co;
+le.Target = io;
+le.Dropdown = po;
+le.Item = kr;
+le.Divider = uo;
+le.Label = _o;
+le.Sub = ge;
+const Ms = (a) => /* @__PURE__ */ r("div", { ...a, children: "Modal" }), Or = "NumberInput-module__root___C6rAn", Ir = "NumberInput-module__input___Ss8p7", zr = "NumberInput-module__section___MijP0", Rr = "NumberInput-module__controls___8UfQ2", Lr = "NumberInput-module__control___Qre9-", me = {
+  root: Or,
+  input: Ir,
+  section: zr,
+  controls: Rr,
+  control: Lr
+}, Mr = v(
+  function(e, n) {
+    const {
+      overStyled: s = !1,
+      formLayout: o = "stacked",
+      // Label & Wrapper Maps
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
+      labelWithEditIcon: d,
+      onLabelEditClick: i,
+      label: p,
+      assistiveText: m,
+      assistiveWithIcon: y,
+      error: u,
+      required: _,
+      withAsterisk: f,
+      id: C,
+      className: h,
+      style: w,
+      disabled: b,
+      readOnly: W,
+      readOnlyComponent: $,
+      emptyValueComponent: L,
+      value: S,
+      defaultValue: x,
+      hideControls: I = !1,
+      ...R
+    } = e, k = N(R, s), P = k;
+    delete P.size, delete P.variant, delete P.radius;
+    const g = {
+      wrapper: me.root,
+      // The nested Input internal relative wrapper bounding box
+      input: me.input,
+      section: me.section,
+      controls: me.controls,
+      control: me.control
+    };
+    return /* @__PURE__ */ r(
+      te,
+      {
+        className: h,
+        style: w,
+        controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
+        controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
+        overStyled: s,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
+        labelWithEditIcon: d,
+        onLabelEditClick: i,
+        label: p,
+        assistiveText: m,
+        assistiveWithIcon: y,
+        error: u,
+        required: _,
+        withAsterisk: f,
+        id: C,
+        readOnly: W,
+        readOnlyComponent: $,
+        emptyValueComponent: L,
+        readOnlyType: "text",
+        readOnlyValue: S !== void 0 ? S == null ? void 0 : S.toString() : x == null ? void 0 : x.toString(),
+        readOnlyNativeProps: e,
+        activeComponent: (
+          /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ r(
+            Do,
+            {
+              ref: n,
+              classNames: g,
+              disabled: b,
+              value: S,
+              defaultValue: x,
+              hideControls: I,
+              label: void 0,
+              description: void 0,
+              error: void 0,
+              required: void 0,
+              withAsterisk: void 0,
+              wrapperProps: {
+                "data-disabled": b ? "true" : void 0,
+                "data-error": u ? "true" : void 0,
+                "data-with-left-section": P.leftSection ? "true" : void 0,
+                "data-with-right-section": P.rightSection || !I ? "true" : void 0
+              },
+              ...k
+            }
+          )
+        )
       }
     );
   }
 );
-so.displayName = "MenuSubDropdown";
-const $e = to;
-$e.Target = ro;
-$e.Item = mr;
-$e.Dropdown = so;
-const ae = Ue;
-ae.Target = Xe;
-ae.Dropdown = Qe;
-ae.Item = pr;
-ae.Divider = eo;
-ae.Label = oo;
-ae.Sub = $e;
-const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), sa = (r) => /* @__PURE__ */ e("div", { ...r, children: "NumberInput" }), na = (r) => /* @__PURE__ */ e("div", { ...r, children: "Pagination" }), la = (r) => /* @__PURE__ */ e("div", { ...r, children: "Panel" }), ca = (r) => /* @__PURE__ */ e("div", { ...r, children: "Popover" }), ur = "Radio-module__groupRoot___bfUii", _r = "Radio-module__root___kAjTD", br = "Radio-module__body___q2Wpj", yr = "Radio-module__inner___QaTBB", hr = "Radio-module__radio___MfgN-", fr = "Radio-module__icon___DWznm", Nr = "Radio-module__labelWrapper___dB0Gi", $r = "Radio-module__label___vAFIP", A = {
-  groupRoot: ur,
-  root: _r,
-  body: br,
-  inner: yr,
-  radio: hr,
-  icon: fr,
-  labelWrapper: Nr,
-  label: $r
-}, no = $(
-  function(o, n) {
+Mr.displayName = "NumberInput";
+const Fs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Pagination" }), Fr = "Panel-module__content___wdGo-", Er = "Panel-module__inner___ruA2b", Br = "Panel-module__header___o7SiC", jr = "Panel-module__title___181OP recursica_brand_typography_h3", Dr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP recursica_brand_typography_h3", Vr = "Panel-module__body___SEC3T", Gr = "Panel-module__footer___t6-hz", J = {
+  content: Fr,
+  inner: Er,
+  header: Br,
+  title: jr,
+  titleTruncate: Dr,
+  body: Vr,
+  footer: Gr
+}, No = function({
+  overStyled: e = !1,
+  position: n = "right",
+  keepMounted: s = !0,
+  wrapHeaderText: o = !1,
+  ...t
+}) {
+  const l = N(t, e), c = {
+    content: J.content,
+    header: J.header,
+    title: o ? J.titleTruncate : J.title,
+    body: J.body,
+    inner: J.inner
+  }, d = l.classNames;
+  if (d && typeof d == "object" && !Array.isArray(d)) {
+    const i = d;
+    Object.keys(i).forEach((p) => {
+      c[p] ? c[p] = `${c[p]} ${i[p]}` : c[p] = i[p];
+    });
+  }
+  return /* @__PURE__ */ r(
+    K,
+    {
+      position: n,
+      keepMounted: s,
+      closeOnClickOutside: t.closeOnClickOutside ?? !!t.opened,
+      ...l,
+      classNames: c
+    }
+  );
+};
+No.displayName = "Panel";
+const $o = v(
+  function({ overStyled: e = !1, ...n }, s) {
+    const o = N(n, e), t = o.className, l = t ? `${J.footer} ${t}` : J.footer;
+    return /* @__PURE__ */ r("div", { ref: s, className: l, ...o });
+  }
+);
+$o.displayName = "PanelFooter";
+const Q = No;
+Q.Root = K.Root;
+Q.Overlay = K.Overlay;
+Q.Content = K.Content;
+Q.Header = K.Header;
+Q.Title = K.Title;
+Q.CloseButton = K.CloseButton;
+Q.Body = K.Body;
+Q.Stack = K.Stack;
+Q.Footer = $o;
+const Es = (a) => /* @__PURE__ */ r("div", { ...a, children: "Popover" }), qr = "Radio-module__groupRoot___bfUii", Hr = "Radio-module__root___kAjTD", Ur = "Radio-module__body___q2Wpj", Yr = "Radio-module__inner___QaTBB", Zr = "Radio-module__radio___MfgN-", Kr = "Radio-module__icon___DWznm", Qr = "Radio-module__labelWrapper___dB0Gi", Xr = "Radio-module__label___vAFIP", O = {
+  groupRoot: qr,
+  root: Hr,
+  body: Ur,
+  inner: Yr,
+  radio: Zr,
+  icon: Kr,
+  labelWrapper: Qr,
+  label: Xr
+}, vo = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: a,
-      labelAlignment: c,
-      labelOptionalText: l,
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
@@ -1463,29 +1674,29 @@ const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), sa = (r
       required: f,
       withAsterisk: C,
       id: h,
-      className: g,
+      className: w,
       style: b,
-      children: P,
-      readOnly: N,
-      readOnlyComponent: z,
-      emptyValueComponent: L,
-      value: k,
-      defaultValue: R,
-      ...O
-    } = o, S = v(O, s), T = S;
-    return delete T.size, /* @__PURE__ */ e(
-      oe,
+      children: W,
+      readOnly: $,
+      readOnlyComponent: L,
+      emptyValueComponent: S,
+      value: x,
+      defaultValue: I,
+      ...R
+    } = e, k = N(R, s), P = k;
+    return delete P.size, /* @__PURE__ */ r(
+      te,
       {
-        className: g,
+        className: w,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
-        formLayout: t,
-        labelSize: a,
-        labelAlignment: c,
-        labelOptionalText: l,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
@@ -1496,188 +1707,188 @@ const aa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Modal" }), sa = (r
         required: f,
         withAsterisk: C,
         id: h,
-        readOnly: N && !!z,
-        readOnlyComponent: z,
-        emptyValueComponent: L,
+        readOnly: $ && !!L,
+        readOnlyComponent: L,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: k !== void 0 ? k : R,
-        readOnlyNativeProps: o,
-        activeComponent: /* @__PURE__ */ e(
-          Ie.Group,
+        readOnlyValue: x !== void 0 ? x : I,
+        readOnlyNativeProps: e,
+        activeComponent: /* @__PURE__ */ r(
+          Be.Group,
           {
             ref: n,
-            ...S,
-            disabled: N || T.disabled,
-            value: k,
-            defaultValue: R,
-            children: /* @__PURE__ */ e("div", { className: A.groupRoot, "data-layout": t, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
-              disabled: N || x.props.disabled
-            }) : x) })
+            ...k,
+            disabled: $ || P.disabled,
+            value: x,
+            defaultValue: I,
+            children: /* @__PURE__ */ r("div", { className: O.groupRoot, "data-layout": o, children: B.Children.map(W, (g) => B.isValidElement(g) ? B.cloneElement(g, {
+              disabled: $ || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-no.displayName = "RadioGroup";
-const vr = ({ className: r, style: o }) => /* @__PURE__ */ e(
+vo.displayName = "RadioGroup";
+const Jr = ({ className: a, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    className: r,
-    style: o,
-    children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "5" })
+    className: a,
+    style: e,
+    children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), lo = $(
-  function(o, n) {
+), Co = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      readOnly: t,
-      readOnlyComponent: a,
-      disabled: c,
-      formLayout: l,
+      readOnly: o,
+      readOnlyComponent: t,
+      disabled: l,
+      formLayout: c,
       labelSize: d,
       controlMaxWidth: i,
       controlMinWidth: p,
       ...m
-    } = o, y = v(m, s), u = y;
+    } = e, y = N(m, s), u = y;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const _ = {
-      root: A.root,
-      body: A.body,
-      inner: A.inner,
-      radio: A.radio,
-      icon: A.icon,
-      labelWrapper: A.labelWrapper,
-      label: A.label
+      root: O.root,
+      body: O.body,
+      inner: O.inner,
+      radio: O.radio,
+      icon: O.icon,
+      labelWrapper: O.labelWrapper,
+      label: O.label
     }, f = u.classNames;
     if (f && typeof f == "object" && !Array.isArray(f)) {
       const b = f;
-      _.root = b.root ? `${A.root} ${b.root}` : A.root, _.body = b.body ? `${A.body} ${b.body}` : A.body, _.inner = b.inner ? `${A.inner} ${b.inner}` : A.inner, _.radio = b.radio ? `${A.radio} ${b.radio}` : A.radio, _.icon = b.icon ? `${A.icon} ${b.icon}` : A.icon, _.labelWrapper = b.labelWrapper ? `${A.labelWrapper} ${b.labelWrapper}` : A.labelWrapper, _.label = b.label ? `${A.label} ${b.label}` : A.label;
+      _.root = b.root ? `${O.root} ${b.root}` : O.root, _.body = b.body ? `${O.body} ${b.body}` : O.body, _.inner = b.inner ? `${O.inner} ${b.inner}` : O.inner, _.radio = b.radio ? `${O.radio} ${b.radio}` : O.radio, _.icon = b.icon ? `${O.icon} ${b.icon}` : O.icon, _.labelWrapper = b.labelWrapper ? `${O.labelWrapper} ${b.labelWrapper}` : O.labelWrapper, _.label = b.label ? `${O.label} ${b.label}` : O.label;
     }
-    const C = u.className, h = C ? `${A.root} ${C}` : A.root;
-    if (t && a) {
-      const b = !!(u.checked ?? u.defaultChecked), N = /* @__PURE__ */ e(
-        a,
+    const C = u.className, h = C ? `${O.root} ${C}` : O.root;
+    if (o && t) {
+      const b = !!(u.checked ?? u.defaultChecked), $ = /* @__PURE__ */ r(
+        t,
         {
-          ...o,
+          ...e,
           checked: b,
           label: u.label
         }
       );
-      return l ? /* @__PURE__ */ e(
-        X,
+      return c ? /* @__PURE__ */ r(
+        ee,
         {
-          formLayout: l,
+          formLayout: c,
           labelSize: d,
           controlMaxWidth: i,
           controlMinWidth: p,
-          children: N
+          children: $
         }
-      ) : /* @__PURE__ */ e(de, { children: N });
+      ) : /* @__PURE__ */ r(_e, { children: $ });
     }
-    const g = /* @__PURE__ */ e(
-      Ie,
+    const w = /* @__PURE__ */ r(
+      Be,
       {
         ref: n,
-        icon: vr,
+        icon: Jr,
         className: h,
         classNames: _,
-        disabled: t || c,
+        disabled: o || l,
         ...y
       }
     );
-    return l ? /* @__PURE__ */ e(
-      X,
+    return c ? /* @__PURE__ */ r(
+      ee,
       {
-        formLayout: l,
+        formLayout: c,
         labelSize: d,
         controlMaxWidth: i,
         controlMinWidth: p,
-        children: g
+        children: w
       }
-    ) : g;
+    ) : w;
   }
 );
-lo.displayName = "Radio";
-lo.Group = no;
-const Cr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
-  ge,
+Co.displayName = "Radio";
+Co.Group = vo;
+const es = ({ checked: a, label: e }) => /* @__PURE__ */ E(
+  Ae,
   {
     component: "span",
-    className: ye.textField,
+    className: $e.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
-        o,
+      e && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
+        e,
         ":"
       ] }),
-      /* @__PURE__ */ e("span", { children: r ? "On" : "Off" })
+      /* @__PURE__ */ r("span", { children: a ? "On" : "Off" })
     ]
   }
 );
-Cr.displayName = "ReadOnlySwitchField";
-const gr = ({ checked: r, label: o }) => /* @__PURE__ */ E(
-  ge,
+es.displayName = "ReadOnlySwitchField";
+const os = ({ checked: a, label: e }) => /* @__PURE__ */ E(
+  Ae,
   {
     component: "span",
-    className: ye.textField,
+    className: $e.textField,
     style: { display: "inline-flex", gap: "8px", alignItems: "baseline" },
     children: [
-      o && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
-        o,
+      e && /* @__PURE__ */ E("span", { style: { fontWeight: 500 }, children: [
+        e,
         ":"
       ] }),
-      /* @__PURE__ */ e("span", { children: r ? "True" : "False" })
+      /* @__PURE__ */ r("span", { children: a ? "True" : "False" })
     ]
   }
 );
-gr.displayName = "ReadOnlyBooleanField";
-const ia = (r) => /* @__PURE__ */ e("div", { ...r, children: "Search" }), da = (r) => /* @__PURE__ */ e("div", { ...r, children: "SegmentedControl" }), pa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Slider" }), xr = "Stack-module__root___NUN-x", ie = {
-  root: xr
-}, wr = $(function({ children: o, overStyled: n = !1, gap: s = "rec-default", ...t }, a) {
-  const c = v({ ...t, gap: s }, n), l = c, d = {
-    root: ie.root
-  }, i = l.classNames;
+os.displayName = "ReadOnlyBooleanField";
+const Bs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Search" }), js = (a) => /* @__PURE__ */ r("div", { ...a, children: "SegmentedControl" }), Ds = (a) => /* @__PURE__ */ r("div", { ...a, children: "Slider" }), ts = "Stack-module__root___NUN-x", ue = {
+  root: ts
+}, rs = v(function({ children: e, overStyled: n = !1, gap: s = "rec-default", ...o }, t) {
+  const l = N({ ...o, gap: s }, n), c = l, d = {
+    root: ue.root
+  }, i = c.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const y = i;
-    d.root = y.root ? `${ie.root} ${y.root}` : ie.root;
+    d.root = y.root ? `${ue.root} ${y.root}` : ue.root;
   }
-  const p = l.className, m = p ? `${ie.root} ${p}` : ie.root;
-  return /* @__PURE__ */ e(
-    Po,
+  const p = c.className, m = p ? `${ue.root} ${p}` : ue.root;
+  return /* @__PURE__ */ r(
+    Vo,
     {
-      ref: a,
+      ref: t,
       className: m,
       classNames: d,
-      ...c,
-      children: o
+      ...l,
+      children: e
     }
   );
 });
-wr.displayName = "Stack";
-const ma = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), Pr = "Switch-module__root___Y5Ydi", Wr = "Switch-module__body___Sw9Wr", Ar = "Switch-module__track___7ObdZ", kr = "Switch-module__thumb___-FTeK", Sr = "Switch-module__labelWrapper___YSOwx", Tr = "Switch-module__label___LrH7V", Ir = "Switch-module__thumbIconWrapper___sCY-1", Lr = "Switch-module__checkIcon___ZBAQN", Rr = "Switch-module__closeIcon___bLLGw", Or = "Switch-module__groupRoot___-Uepi", w = {
-  root: Pr,
-  body: Wr,
-  track: Ar,
-  thumb: kr,
-  labelWrapper: Sr,
-  label: Tr,
-  thumbIconWrapper: Ir,
-  checkIcon: Lr,
-  closeIcon: Rr,
-  groupRoot: Or
-}, co = $(
-  function(o, n) {
+rs.displayName = "Stack";
+const Vs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Stepper" }), ss = "Switch-module__root___Y5Ydi", as = "Switch-module__body___Sw9Wr", ns = "Switch-module__track___7ObdZ", ls = "Switch-module__thumb___-FTeK", cs = "Switch-module__labelWrapper___YSOwx", is = "Switch-module__label___LrH7V", ds = "Switch-module__thumbIconWrapper___sCY-1", ps = "Switch-module__checkIcon___ZBAQN", ms = "Switch-module__closeIcon___bLLGw", us = "Switch-module__groupRoot___-Uepi", A = {
+  root: ss,
+  body: as,
+  track: ns,
+  thumb: ls,
+  labelWrapper: cs,
+  label: is,
+  thumbIconWrapper: ds,
+  checkIcon: ps,
+  closeIcon: ms,
+  groupRoot: us
+}, wo = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label Wrappers
-      labelSize: a,
-      labelAlignment: c,
-      labelOptionalText: l,
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: i,
       // Base Mantine Extracted Attributes
@@ -1689,29 +1900,29 @@ const ma = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), Pr =
       required: f,
       withAsterisk: C,
       id: h,
-      className: g,
+      className: w,
       style: b,
-      children: P,
-      readOnly: N,
-      readOnlyComponent: z,
-      emptyValueComponent: L,
-      value: k,
-      defaultValue: R,
-      ...O
-    } = o, S = v(O, s), T = S;
-    return delete T.size, /* @__PURE__ */ e(
-      oe,
+      children: W,
+      readOnly: $,
+      readOnlyComponent: L,
+      emptyValueComponent: S,
+      value: x,
+      defaultValue: I,
+      ...R
+    } = e, k = N(R, s), P = k;
+    return delete P.size, /* @__PURE__ */ r(
+      te,
       {
-        className: g,
+        className: w,
         style: b,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: s,
         labelElement: "div",
-        formLayout: t,
-        labelSize: a,
-        labelAlignment: c,
-        labelOptionalText: l,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
@@ -1722,131 +1933,131 @@ const ma = (r) => /* @__PURE__ */ e("div", { ...r, children: "Stepper" }), Pr =
         required: f,
         withAsterisk: C,
         id: h,
-        readOnly: N && !!z,
-        readOnlyComponent: z,
-        emptyValueComponent: L,
+        readOnly: $ && !!L,
+        readOnlyComponent: L,
+        emptyValueComponent: S,
         readOnlyType: "text",
-        readOnlyValue: k !== void 0 ? k : R,
-        readOnlyNativeProps: o,
-        activeComponent: /* @__PURE__ */ e(
-          Le.Group,
+        readOnlyValue: x !== void 0 ? x : I,
+        readOnlyNativeProps: e,
+        activeComponent: /* @__PURE__ */ r(
+          je.Group,
           {
             ref: n,
-            ...S,
-            disabled: N || T.disabled,
-            value: k,
-            defaultValue: R,
-            children: /* @__PURE__ */ e("div", { className: w.groupRoot, children: B.Children.map(P, (x) => B.isValidElement(x) ? B.cloneElement(x, {
-              disabled: N || x.props.disabled
-            }) : x) })
+            ...k,
+            disabled: $ || P.disabled,
+            value: x,
+            defaultValue: I,
+            children: /* @__PURE__ */ r("div", { className: A.groupRoot, children: B.Children.map(W, (g) => B.isValidElement(g) ? B.cloneElement(g, {
+              disabled: $ || g.props.disabled
+            }) : g) })
           }
         )
       }
     );
   }
 );
-co.displayName = "SwitchGroup";
-const io = $(
-  function(o, n) {
+wo.displayName = "SwitchGroup";
+const go = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      readOnly: t,
-      readOnlyComponent: a,
-      disabled: c,
-      thumbIcon: l,
+      readOnly: o,
+      readOnlyComponent: t,
+      disabled: l,
+      thumbIcon: c,
       formLayout: d,
       labelSize: i,
       controlMaxWidth: p,
       controlMinWidth: m,
       ...y
-    } = o, u = v(y, s), _ = u;
+    } = e, u = N(y, s), _ = u;
     delete _.size, delete _.color, delete _.radius, delete _.variant;
     const f = {
-      root: w.root,
-      body: w.body,
-      track: w.track,
-      thumb: w.thumb,
-      trackLabel: w.trackLabel,
-      labelWrapper: w.labelWrapper,
-      label: w.label
+      root: A.root,
+      body: A.body,
+      track: A.track,
+      thumb: A.thumb,
+      trackLabel: A.trackLabel,
+      labelWrapper: A.labelWrapper,
+      label: A.label
     }, C = _.classNames;
     if (C && typeof C == "object" && !Array.isArray(C)) {
-      const N = C;
-      f.root = N.root ? `${w.root} ${N.root}` : w.root, f.body = N.body ? `${w.body} ${N.body}` : w.body, f.track = N.track ? `${w.track} ${N.track}` : w.track, f.thumb = N.thumb ? `${w.thumb} ${N.thumb}` : w.thumb, f.trackLabel = N.trackLabel ? `${w.trackLabel} ${N.trackLabel}` : w.trackLabel, f.labelWrapper = N.labelWrapper ? `${w.labelWrapper} ${N.labelWrapper}` : w.labelWrapper, f.label = N.label ? `${w.label} ${N.label}` : w.label;
+      const $ = C;
+      f.root = $.root ? `${A.root} ${$.root}` : A.root, f.body = $.body ? `${A.body} ${$.body}` : A.body, f.track = $.track ? `${A.track} ${$.track}` : A.track, f.thumb = $.thumb ? `${A.thumb} ${$.thumb}` : A.thumb, f.trackLabel = $.trackLabel ? `${A.trackLabel} ${$.trackLabel}` : A.trackLabel, f.labelWrapper = $.labelWrapper ? `${A.labelWrapper} ${$.labelWrapper}` : A.labelWrapper, f.label = $.label ? `${A.label} ${$.label}` : A.label;
     }
-    const h = _.className, g = h ? `${w.root} ${h}` : w.root;
-    if (t && a) {
-      const N = !!(_.checked ?? _.defaultChecked), L = /* @__PURE__ */ e(
-        a,
+    const h = _.className, w = h ? `${A.root} ${h}` : A.root;
+    if (o && t) {
+      const $ = !!(_.checked ?? _.defaultChecked), S = /* @__PURE__ */ r(
+        t,
         {
-          ...o,
-          checked: N,
+          ...e,
+          checked: $,
           label: _.label
         }
       );
-      return d ? /* @__PURE__ */ e(
-        X,
+      return d ? /* @__PURE__ */ r(
+        ee,
         {
           formLayout: d,
           labelSize: i,
           controlMaxWidth: p,
           controlMinWidth: m,
-          children: L
+          children: S
         }
-      ) : /* @__PURE__ */ e(de, { children: L });
+      ) : /* @__PURE__ */ r(_e, { children: S });
     }
-    const b = /* @__PURE__ */ E("div", { className: w.thumbIconWrapper, children: [
-      /* @__PURE__ */ e(Wo, { className: w.checkIcon }),
-      /* @__PURE__ */ e(Ao, { className: w.closeIcon })
-    ] }), P = /* @__PURE__ */ e(
-      Le,
+    const b = /* @__PURE__ */ E("div", { className: A.thumbIconWrapper, children: [
+      /* @__PURE__ */ r(Go, { className: A.checkIcon }),
+      /* @__PURE__ */ r(qo, { className: A.closeIcon })
+    ] }), W = /* @__PURE__ */ r(
+      je,
       {
         ref: n,
-        className: g,
+        className: w,
         classNames: f,
-        disabled: t || c,
-        thumbIcon: l ?? b,
+        disabled: o || l,
+        thumbIcon: c ?? b,
         ...u
       }
     );
-    return d ? /* @__PURE__ */ e(
-      X,
+    return d ? /* @__PURE__ */ r(
+      ee,
       {
         formLayout: d,
         labelSize: i,
         controlMaxWidth: p,
         controlMinWidth: m,
-        children: P
+        children: W
       }
-    ) : P;
+    ) : W;
   }
 );
-io.displayName = "Switch";
-io.Group = co;
-const ua = (r) => /* @__PURE__ */ e("div", { ...r, children: "Table" }), _a = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tabs" }), po = $(function({ overStyled: o = !1, variant: n = "body", ...s }, t) {
-  const a = v(s, o), c = a.className, l = `recursica_brand_typography_${n}`, d = c ? `${l} ${c}` : l;
-  return /* @__PURE__ */ e(
-    ko,
+go.displayName = "Switch";
+go.Group = wo;
+const Gs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Table" }), qs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Tabs" }), Po = v(function({ overStyled: e = !1, variant: n = "body", ...s }, o) {
+  const t = N(s, e), l = t.className, c = `recursica_brand_typography_${n}`, d = l ? `${c} ${l}` : c;
+  return /* @__PURE__ */ r(
+    Ho,
     {
-      ref: t,
+      ref: o,
       className: d,
-      ...a
+      ...t
     }
   );
 });
-po.displayName = "Text";
-const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__input___8l36v", re = {
-  root: zr,
-  input: Mr
-}, Fr = $(
-  function(o, n) {
+Po.displayName = "Text";
+const Hs = oe(Po), _s = "TextArea-module__root___3dyeu", bs = "TextArea-module__input___8l36v", ne = {
+  root: _s,
+  input: bs
+}, ys = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: a,
-      labelAlignment: c,
-      labelOptionalText: l,
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: i,
       label: p,
@@ -1857,37 +2068,37 @@ const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__i
       withAsterisk: f,
       id: C,
       className: h,
-      style: g,
+      style: w,
       disabled: b,
-      readOnly: P,
-      readOnlyComponent: N,
-      emptyValueComponent: z,
-      value: L,
-      defaultValue: k,
-      ...R
-    } = o, O = v(R, s), S = O;
-    delete S.size, delete S.variant, delete S.radius;
-    const T = {
-      wrapper: re.root,
+      readOnly: W,
+      readOnlyComponent: $,
+      emptyValueComponent: L,
+      value: S,
+      defaultValue: x,
+      ...I
+    } = e, R = N(I, s), k = R;
+    delete k.size, delete k.variant, delete k.radius;
+    const P = {
+      wrapper: ne.root,
       // The nested Input internal relative wrapper bounding box
-      input: re.input
-    }, x = S.classNames;
-    if (x && typeof x == "object" && !Array.isArray(x)) {
-      const I = x;
-      T.wrapper = I.wrapper ? `${re.root} ${I.wrapper}` : re.root, T.input = I.input ? `${re.input} ${I.input}` : re.input;
+      input: ne.input
+    }, g = k.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const z = g;
+      P.wrapper = z.wrapper ? `${ne.root} ${z.wrapper}` : ne.root, P.input = z.input ? `${ne.input} ${z.input}` : ne.input;
     }
-    return /* @__PURE__ */ e(
-      oe,
+    return /* @__PURE__ */ r(
+      te,
       {
         className: h,
-        style: g,
+        style: w,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
-        formLayout: t,
-        labelSize: a,
-        labelAlignment: c,
-        labelOptionalText: l,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
@@ -1897,22 +2108,22 @@ const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__i
         required: _,
         withAsterisk: f,
         id: C,
-        readOnly: P,
-        readOnlyComponent: N,
-        emptyValueComponent: z,
+        readOnly: W,
+        readOnlyComponent: $,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : k,
-        readOnlyNativeProps: o,
+        readOnlyValue: S !== void 0 ? S : x,
+        readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ e(
-            So,
+          /* @__PURE__ */ r(
+            Uo,
             {
               ref: n,
-              classNames: T,
+              classNames: P,
               disabled: b,
-              value: L,
-              defaultValue: k,
+              value: S,
+              defaultValue: x,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1922,7 +2133,7 @@ const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__i
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
-              ...O
+              ...R
             }
           )
         )
@@ -1930,20 +2141,20 @@ const ba = Q(po), zr = "TextArea-module__root___3dyeu", Mr = "TextArea-module__i
     );
   }
 );
-Fr.displayName = "TextArea";
-const Er = "TextField-module__root___2ZYkG", Br = "TextField-module__input___RL-My", jr = "TextField-module__section___bCIJ0", Z = {
-  root: Er,
-  input: Br,
-  section: jr
-}, Dr = $(
-  function(o, n) {
+ys.displayName = "TextArea";
+const hs = "TextField-module__root___2ZYkG", fs = "TextField-module__input___RL-My", Ns = "TextField-module__section___bCIJ0", U = {
+  root: hs,
+  input: fs,
+  section: Ns
+}, $s = v(
+  function(e, n) {
     const {
       overStyled: s = !1,
-      formLayout: t = "stacked",
+      formLayout: o = "stacked",
       // Label & Wrapper Maps
-      labelSize: a,
-      labelAlignment: c,
-      labelOptionalText: l,
+      labelSize: t,
+      labelAlignment: l,
+      labelOptionalText: c,
       labelWithEditIcon: d,
       onLabelEditClick: i,
       label: p,
@@ -1954,38 +2165,38 @@ const Er = "TextField-module__root___2ZYkG", Br = "TextField-module__input___RL-
       withAsterisk: f,
       id: C,
       className: h,
-      style: g,
+      style: w,
       disabled: b,
-      readOnly: P,
-      readOnlyComponent: N,
-      emptyValueComponent: z,
-      value: L,
-      defaultValue: k,
-      ...R
-    } = o, O = v(R, s), S = O;
-    delete S.size, delete S.variant, delete S.radius;
-    const T = {
-      wrapper: Z.root,
+      readOnly: W,
+      readOnlyComponent: $,
+      emptyValueComponent: L,
+      value: S,
+      defaultValue: x,
+      ...I
+    } = e, R = N(I, s), k = R;
+    delete k.size, delete k.variant, delete k.radius;
+    const P = {
+      wrapper: U.root,
       // The nested Input internal relative wrapper bounding box
-      input: Z.input,
-      section: Z.section
-    }, x = S.classNames;
-    if (x && typeof x == "object" && !Array.isArray(x)) {
-      const I = x;
-      T.wrapper = I.wrapper ? `${Z.root} ${I.wrapper}` : Z.root, T.input = I.input ? `${Z.input} ${I.input}` : Z.input, T.section = I.section ? `${Z.section} ${I.section}` : Z.section;
+      input: U.input,
+      section: U.section
+    }, g = k.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const z = g;
+      P.wrapper = z.wrapper ? `${U.root} ${z.wrapper}` : U.root, P.input = z.input ? `${U.input} ${z.input}` : U.input, P.section = z.section ? `${U.section} ${z.section}` : U.section;
     }
-    return /* @__PURE__ */ e(
-      oe,
+    return /* @__PURE__ */ r(
+      te,
       {
         className: h,
-        style: g,
+        style: w,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: s,
-        formLayout: t,
-        labelSize: a,
-        labelAlignment: c,
-        labelOptionalText: l,
+        formLayout: o,
+        labelSize: t,
+        labelAlignment: l,
+        labelOptionalText: c,
         labelWithEditIcon: d,
         onLabelEditClick: i,
         label: p,
@@ -1995,27 +2206,27 @@ const Er = "TextField-module__root___2ZYkG", Br = "TextField-module__input___RL-
         required: _,
         withAsterisk: f,
         id: C,
-        readOnly: P,
-        readOnlyComponent: N,
-        emptyValueComponent: z,
+        readOnly: W,
+        readOnlyComponent: $,
+        emptyValueComponent: L,
         readOnlyType: "text",
-        readOnlyValue: L !== void 0 ? L : k,
-        readOnlyNativeProps: o,
+        readOnlyValue: S !== void 0 ? S : x,
+        readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ e(
-            Se,
+          /* @__PURE__ */ r(
+            Fe,
             {
               ref: n,
-              classNames: T,
+              classNames: P,
               disabled: b,
-              value: L,
-              defaultValue: k,
+              value: S,
+              defaultValue: x,
               wrapperProps: {
                 "data-disabled": b ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
-              ...O
+              ...R
             }
           )
         )
@@ -2023,83 +2234,119 @@ const Er = "TextField-module__root___2ZYkG", Br = "TextField-module__input___RL-
     );
   }
 );
-Dr.displayName = "TextField";
-const ya = (r) => /* @__PURE__ */ e("div", { ...r, children: "TimePicker" }), ha = (r) => /* @__PURE__ */ e("div", { ...r, children: "Timeline" }), Vr = $(function({ overStyled: o = !1, order: n = 1, ...s }, t) {
-  const a = v(s, o), c = a.className, l = `recursica_brand_typography_h${n}`, d = c ? `${l} ${c}` : l;
-  return /* @__PURE__ */ e(
-    To,
+$s.displayName = "TextField";
+const Us = (a) => /* @__PURE__ */ r("div", { ...a, children: "TimePicker" }), Ys = (a) => /* @__PURE__ */ r("div", { ...a, children: "Timeline" }), vs = v(function({ overStyled: e = !1, order: n = 1, ...s }, o) {
+  const t = N(s, e), l = t.className, c = `recursica_brand_typography_h${n}`, d = l ? `${c} ${l}` : c;
+  return /* @__PURE__ */ r(
+    Yo,
     {
-      ref: t,
+      ref: o,
       order: n,
       className: d,
-      ...a
+      ...t
     }
   );
 });
-Vr.displayName = "Title";
-const fa = (r) => /* @__PURE__ */ e("div", { ...r, children: "Toast" }), Na = (r) => /* @__PURE__ */ e("div", { ...r, children: "Tooltip" }), $a = (r) => /* @__PURE__ */ e("div", { ...r, children: "TransferList" });
+vs.displayName = "Title";
+const Zs = (a) => /* @__PURE__ */ r("div", { ...a, children: "Toast" }), Cs = "Tooltip-module__tooltip___UA7H9", ws = "Tooltip-module__arrow___4zROk", Me = {
+  tooltip: Cs,
+  arrow: ws
+}, xo = function({
+  overStyled: e = !1,
+  withBeak: n = !0,
+  ...s
+}) {
+  const o = N(s, e), t = {
+    tooltip: Me.tooltip,
+    arrow: Me.arrow
+  }, l = o.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const p = l;
+    Object.keys(p).forEach((m) => {
+      t[m] ? t[m] = `${t[m]} ${p[m]}` : t[m] = p[m];
+    });
+  }
+  const c = o.arrowSize ?? 16, d = o.withArrow;
+  return /* @__PURE__ */ r(
+    Se,
+    {
+      position: "top",
+      multiline: !0,
+      arrowSize: c,
+      withArrow: n ?? d,
+      classNames: t,
+      ...o
+    }
+  );
+};
+xo.displayName = "Tooltip";
+const Ao = xo;
+Ao.Floating = Se.Floating;
+Ao.Group = Se.Group;
+const Ks = (a) => /* @__PURE__ */ r("div", { ...a, children: "TransferList" });
 export {
-  Pe as Accordion,
-  xe as AccordionControl,
-  Oe as AccordionItem,
-  we as AccordionPanel,
-  Zr as Avatar,
-  Hr as Badge,
-  Xo as Breadcrumb,
-  Kr as Button,
-  Ur as Card,
-  Ve as CardContent,
-  De as CardFooter,
-  je as CardHeader,
-  Be as CardSection,
-  He as Checkbox,
-  Ze as CheckboxGroup,
-  Gt as Chip,
-  Yt as Container,
-  Qr as DatePicker,
-  Qt as Dropdown,
-  be as EmptyValueRenderer,
-  Jr as FileInput,
-  ea as FileUpload,
-  oa as Flex,
-  X as FormControlLayout,
-  or as Group,
-  ta as HoverCard,
-  qe as Label,
-  Pt as Layer,
-  ra as Link,
-  rr as Loader,
-  ae as Menu,
-  aa as Modal,
-  sa as NumberInput,
-  na as Pagination,
-  la as Panel,
-  ca as Popover,
-  lo as Radio,
-  no as RadioGroup,
-  gr as ReadOnlyBooleanField,
-  Ye as ReadOnlyField,
-  Cr as ReadOnlySwitchField,
-  ue as ReadOnlyTextField,
-  Xr as RecursicaThemeProvider,
-  ia as Search,
-  da as SegmentedControl,
-  pa as Slider,
-  wr as Stack,
-  ma as Stepper,
-  io as Switch,
-  co as SwitchGroup,
-  ua as Table,
-  _a as Tabs,
-  ba as Text,
-  Fr as TextArea,
-  Dr as TextField,
-  ya as TimePicker,
-  ha as Timeline,
-  Vr as Title,
-  fa as Toast,
-  Na as Tooltip,
-  $a as TransferList,
-  oe as WithReadOnlyWrapper
+  Oe as Accordion,
+  ke as AccordionControl,
+  Ve as AccordionItem,
+  Te as AccordionPanel,
+  As as Avatar,
+  Ws as Badge,
+  _t as Breadcrumb,
+  Ss as Button,
+  ks as Card,
+  Qe as CardContent,
+  Ke as CardFooter,
+  Ze as CardHeader,
+  Ye as CardSection,
+  to as Checkbox,
+  oo as CheckboxGroup,
+  lr as Chip,
+  ir as Container,
+  Os as DatePicker,
+  br as Dropdown,
+  Ne as EmptyValueRenderer,
+  Is as FileInput,
+  zs as FileUpload,
+  Rs as Flex,
+  ee as FormControlLayout,
+  fr as Group,
+  lo as HoverCard,
+  Je as Label,
+  Vt as Layer,
+  Ls as Link,
+  Cr as Loader,
+  le as Menu,
+  Ms as Modal,
+  Mr as NumberInput,
+  Fs as Pagination,
+  Q as Panel,
+  $o as PanelFooter,
+  Es as Popover,
+  Co as Radio,
+  vo as RadioGroup,
+  os as ReadOnlyBooleanField,
+  eo as ReadOnlyField,
+  es as ReadOnlySwitchField,
+  he as ReadOnlyTextField,
+  Ts as RecursicaThemeProvider,
+  Bs as Search,
+  js as SegmentedControl,
+  Ds as Slider,
+  rs as Stack,
+  Vs as Stepper,
+  go as Switch,
+  wo as SwitchGroup,
+  Gs as Table,
+  qs as Tabs,
+  Hs as Text,
+  ys as TextArea,
+  $s as TextField,
+  Us as TimePicker,
+  Ys as Timeline,
+  vs as Title,
+  Zs as Toast,
+  Ao as Tooltip,
+  Ks as TransferList,
+  te as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map