@recursica/mantine-adapter 0.7.0 → 0.9.0

package/dist/mantine-adapter.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as L, Fragment as ie } from "react/jsx-runtime";
-import O, { forwardRef as y, useId as We, useEffect as ke } from "react";
-import { Accordion as K, Avatar as we, Badge as Te, Breadcrumbs as Ie, Button as Fe, Card as Z, Input as le, Box as de, Checkbox as pe, Chip as Re } from "@mantine/core";
-const Se = [
+import { jsx as e, jsxs as G, Fragment as No } from "react/jsx-runtime";
+import V, { forwardRef as N, useId as Io, useEffect as Lo } from "react";
+import { Accordion as to, Avatar as Bo, Badge as jo, Breadcrumbs as Eo, Button as Oo, Card as ro, Input as $o, Box as yo, Checkbox as bo, Chip as Do, Container as Go, Select as Mo, Flex as qo, Group as Vo, Stack as Ho, Text as Ko, Textarea as Uo, Title as Zo } from "@mantine/core";
+const Yo = [
   "className",
   "classNames",
   "style",
@@ -45,7 +45,7 @@ const Se = [
   "mih",
   "mah"
   // Dimensions
-], ze = /* @__PURE__ */ new Set([
+], Xo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -60,7 +60,7 @@ const Se = [
   "left",
   "bottom",
   "right"
-]), se = {
+]), uo = {
   "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,232 +69,232 @@ const Se = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function $(e, n) {
-  if (n)
-    return e;
-  const a = { ...e };
-  for (const s of Se)
-    s in a && delete a[s];
-  for (const [s, t] of Object.entries(a))
-    typeof t == "string" && t.startsWith("rec-") && ze.has(s) && t in se && (a[s] = se[t]);
+function $(o, s) {
+  if (s)
+    return o;
+  const a = { ...o };
+  for (const n of Yo)
+    n in a && delete a[n];
+  for (const [n, r] of Object.entries(a))
+    typeof r == "string" && r.startsWith("rec-") && Xo.has(n) && r in uo && (a[n] = uo[r]);
   return a;
 }
-const Le = "Accordion-module__root___Dem6d", Be = "Accordion-module__item___7ryVk", Ee = "Accordion-module__noDivider___Ni2tT", je = "Accordion-module__control___b4wgX", Oe = "Accordion-module__label___Ss7uW", Me = "Accordion-module__chevron___i-HVZ", Ve = "Accordion-module__iconLeftWrapper___5oLen", qe = "Accordion-module__panel___Wx50w", De = "Accordion-module__content___PEM9t", z = {
-  root: Le,
-  item: Be,
-  noDivider: Ee,
-  control: je,
-  label: Oe,
-  chevron: Me,
-  iconLeftWrapper: Ve,
-  panel: qe,
-  content: De
-}, _e = function({
-  variant: n = "unstyled",
+const Jo = "Accordion-module__root___Dem6d", Qo = "Accordion-module__item___7ryVk", oe = "Accordion-module__noDivider___Ni2tT", ee = "Accordion-module__control___b4wgX", te = "Accordion-module__label___Ss7uW", re = "Accordion-module__chevron___i-HVZ", se = "Accordion-module__iconLeftWrapper___5oLen", ne = "Accordion-module__panel___Wx50w", ae = "Accordion-module__content___PEM9t", D = {
+  root: Jo,
+  item: Qo,
+  noDivider: oe,
+  control: ee,
+  label: te,
+  chevron: re,
+  iconLeftWrapper: se,
+  panel: ne,
+  content: ae
+}, vo = function({
+  variant: s = "unstyled",
   overStyled: a = !1,
-  ...s
+  ...n
 }) {
-  const t = $(s, a), r = {
-    root: z.root,
-    item: z.item,
-    control: z.control,
-    label: z.label,
-    chevron: z.chevron,
-    panel: z.panel,
-    content: z.content
-  }, i = t.classNames;
+  const r = $(n, a), t = {
+    root: D.root,
+    item: D.item,
+    control: D.control,
+    label: D.label,
+    chevron: D.chevron,
+    panel: D.panel,
+    content: D.content
+  }, i = r.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const d = i;
     Object.keys(d).forEach((c) => {
-      r[c] ? r[c] = `${r[c]} ${d[c]}` : r[c] = d[c];
+      t[c] ? t[c] = `${t[c]} ${d[c]}` : t[c] = d[c];
     });
   }
-  const l = t.className;
-  return /* @__PURE__ */ o(
-    K,
+  const l = r.className;
+  return /* @__PURE__ */ e(
+    to,
     {
-      variant: n,
+      variant: s,
       className: l,
-      classNames: r,
-      ...t
+      classNames: t,
+      ...r
     }
   );
 };
-_e.displayName = "Accordion";
-const me = y(function({ title: n, leftIcon: a, divider: s = !0, children: t, overStyled: r = !1, ...i }, l) {
-  const d = $(i, r), c = d.className, p = [s ? void 0 : z.noDivider, c].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ o(
-    K.Item,
+vo.displayName = "Accordion";
+const Co = N(function({ title: s, leftIcon: a, divider: n = !0, children: r, overStyled: t = !1, ...i }, l) {
+  const d = $(i, t), c = d.className, p = [n ? void 0 : D.noDivider, c].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ e(
+    to.Item,
     {
       ref: l,
       className: p,
       ...d,
-      children: n ? /* @__PURE__ */ L(ie, { children: [
-        /* @__PURE__ */ o(ee, { leftIcon: a, children: n }),
-        /* @__PURE__ */ o(oe, { children: t })
-      ] }) : t
+      children: s ? /* @__PURE__ */ G(No, { children: [
+        /* @__PURE__ */ e(lo, { leftIcon: a, children: s }),
+        /* @__PURE__ */ e(po, { children: r })
+      ] }) : r
     }
   );
 });
-me.displayName = "AccordionItem";
-const ee = y(function({ leftIcon: n, children: a, overStyled: s = !1, ...t }, r) {
-  const i = $(t, s), l = i.className;
-  return /* @__PURE__ */ o(
-    K.Control,
+Co.displayName = "AccordionItem";
+const lo = N(function({ leftIcon: s, children: a, overStyled: n = !1, ...r }, t) {
+  const i = $(r, n), l = i.className;
+  return /* @__PURE__ */ e(
+    to.Control,
     {
-      ref: r,
+      ref: t,
       className: l,
-      icon: n ? /* @__PURE__ */ o("span", { className: z.iconLeftWrapper, "aria-hidden": !0, children: n }) : void 0,
+      icon: s ? /* @__PURE__ */ e("span", { className: D.iconLeftWrapper, "aria-hidden": !0, children: s }) : void 0,
       ...i,
       children: a
     }
   );
 });
-ee.displayName = "AccordionControl";
-const oe = y(function({ overStyled: n = !1, ...a }, s) {
-  const t = $(a, n), r = t.className;
-  return /* @__PURE__ */ o(
-    K.Panel,
+lo.displayName = "AccordionControl";
+const po = N(function({ overStyled: s = !1, ...a }, n) {
+  const r = $(a, s), t = r.className;
+  return /* @__PURE__ */ e(
+    to.Panel,
     {
-      ref: s,
-      className: r,
-      ...t
+      ref: n,
+      className: t,
+      ...r
     }
   );
 });
-oe.displayName = "AccordionPanel";
-const te = _e;
-te.Item = me;
-te.Control = ee;
-te.Panel = oe;
-const Ge = "Avatar-module__root___fXu-J", He = "Avatar-module__iconWrapper___ojly2", Ke = "Avatar-module__textWrapper___zp-jD", Ze = "Avatar-module__image___ieqGp", Ye = "Avatar-module__placeholder___IDW7-", k = {
-  root: Ge,
-  iconWrapper: He,
-  textWrapper: Ke,
-  image: Ze,
-  placeholder: Ye
-}, Ue = y(function({
-  size: n = "default",
+po.displayName = "AccordionPanel";
+const _o = vo;
+_o.Item = Co;
+_o.Control = lo;
+_o.Panel = po;
+const ce = "Avatar-module__root___fXu-J", ie = "Avatar-module__iconWrapper___ojly2", le = "Avatar-module__textWrapper___zp-jD", de = "Avatar-module__image___ieqGp", pe = "Avatar-module__placeholder___IDW7-", L = {
+  root: ce,
+  iconWrapper: ie,
+  textWrapper: le,
+  image: de,
+  placeholder: pe
+}, _e = N(function({
+  size: s = "default",
   variant: a = "solid",
-  icon: s,
-  className: t,
-  classNames: r,
+  icon: n,
+  className: r,
+  classNames: t,
   children: i,
   style: l,
   src: d,
   ...c
 }, p) {
-  const m = {
+  const _ = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, b = {
+  }, u = {
     default: "md",
     small: "sm",
     large: "lg"
   };
-  let _ = "text";
-  d ? _ = "image" : s && (_ = "icon");
+  let m = "text";
+  d ? m = "image" : n && (m = "icon");
   const h = {
-    root: k.root,
-    image: k.image,
-    placeholder: k.placeholder
+    root: L.root,
+    image: L.image,
+    placeholder: L.placeholder
   };
-  if (r && typeof r == "object" && !Array.isArray(r)) {
-    const N = r;
-    h.root = N.root ? `${k.root} ${N.root}` : k.root, h.image = N.image ? `${k.image} ${N.image}` : k.image, h.placeholder = N.placeholder ? `${k.placeholder} ${N.placeholder}` : k.placeholder;
+  if (t && typeof t == "object" && !Array.isArray(t)) {
+    const y = t;
+    h.root = y.root ? `${L.root} ${y.root}` : L.root, h.image = y.image ? `${L.image} ${y.image}` : L.image, h.placeholder = y.placeholder ? `${L.placeholder} ${y.placeholder}` : L.placeholder;
   }
-  return /* @__PURE__ */ o(
-    we,
+  return /* @__PURE__ */ e(
+    Bo,
     {
       ref: p,
-      className: t,
+      className: r,
       classNames: h,
-      variant: m[a],
-      size: b[n],
+      variant: _[a],
+      size: u[s],
       style: l,
       src: d,
       "data-variant": a,
-      "data-size": n,
-      "data-style": _,
+      "data-size": s,
+      "data-style": m,
       ...c,
-      children: s != null ? /* @__PURE__ */ o("span", { className: k.iconWrapper, "aria-hidden": !0, children: s }) : i != null ? /* @__PURE__ */ o("span", { className: k.textWrapper, children: i }) : void 0
+      children: n != null ? /* @__PURE__ */ e("span", { className: L.iconWrapper, "aria-hidden": !0, children: n }) : i != null ? /* @__PURE__ */ e("span", { className: L.textWrapper, children: i }) : void 0
     }
   );
 });
-Ue.displayName = "Avatar";
-const Xe = "Badge-module__root___5osNT", R = {
-  root: Xe
-}, Je = y(function({ variant: n = "primary-color", overStyled: a = !1, ...s }, t) {
-  const r = $(s, a), i = {
-    root: R.root,
-    section: R.section,
-    label: R.label
-  }, l = r.classNames;
+_e.displayName = "Avatar";
+const me = "Badge-module__root___5osNT", E = {
+  root: me
+}, ue = N(function({ variant: s = "primary-color", overStyled: a = !1, ...n }, r) {
+  const t = $(n, a), i = {
+    root: E.root,
+    section: E.section,
+    label: E.label
+  }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
-    i.root = p.root ? `${R.root} ${p.root}` : R.root, i.section = p.section ?? R.section, i.label = p.label ?? R.label;
+    i.root = p.root ? `${E.root} ${p.root}` : E.root, i.section = p.section ?? E.section, i.label = p.label ?? E.label;
   }
-  const d = r.className, c = d ? `${R.root} ${d}` : R.root;
-  return /* @__PURE__ */ o(
-    Te,
+  const d = t.className, c = d ? `${E.root} ${d}` : E.root;
+  return /* @__PURE__ */ e(
+    jo,
     {
-      ref: t,
+      ref: r,
       variant: "filled",
-      "data-variant": n,
-      ...r,
+      "data-variant": s,
+      ...t,
       className: c,
       classNames: i
     }
   );
 });
-Je.displayName = "Badge";
-const Qe = "Breadcrumb-module__root___x-9ln", eo = "Breadcrumb-module__separator___qrUX-", E = {
-  root: Qe,
-  separator: eo
-}, oo = y(
-  function({ overStyled: n = !1, separator: a = ">", ...s }, t) {
-    const r = $(
-      { separator: a, ...s },
-      n
+ue.displayName = "Badge";
+const fe = "Breadcrumb-module__root___x-9ln", he = "Breadcrumb-module__separator___qrUX-", q = {
+  root: fe,
+  separator: he
+}, Ne = N(
+  function({ overStyled: s = !1, separator: a = ">", ...n }, r) {
+    const t = $(
+      { separator: a, ...n },
+      s
     ), i = {
-      root: E.root,
-      separator: E.separator
-    }, l = r.classNames;
+      root: q.root,
+      separator: q.separator
+    }, l = t.classNames;
     if (l && typeof l == "object" && !Array.isArray(l)) {
       const p = l;
-      i.root = p.root ? `${E.root} ${p.root}` : E.root, i.separator = p.separator ? `${E.separator} ${p.separator}` : E.separator;
+      i.root = p.root ? `${q.root} ${p.root}` : q.root, i.separator = p.separator ? `${q.separator} ${p.separator}` : q.separator;
     }
-    const d = r.className, c = d ? `${E.root} ${d}` : E.root;
-    return /* @__PURE__ */ o(
-      Ie,
+    const d = t.className, c = d ? `${q.root} ${d}` : q.root;
+    return /* @__PURE__ */ e(
+      Eo,
       {
-        ref: t,
-        ...r,
+        ref: r,
+        ...t,
         className: c,
         classNames: i
       }
     );
   }
 );
-oo.displayName = "Breadcrumb";
-const to = "Button-module__root___Q2R8-", ro = "Button-module__label___UJ3Zt", no = "Button-module__labelText___rFV5p", so = "Button-module__iconWrapper___uEKPa", ao = "Button-module__section___f2mKr", w = {
-  root: to,
-  label: ro,
-  labelText: no,
-  iconWrapper: so,
-  section: ao
+Ne.displayName = "Breadcrumb";
+const $e = "Button-module__root___Q2R8-", ye = "Button-module__label___UJ3Zt", be = "Button-module__labelText___rFV5p", ve = "Button-module__iconWrapper___uEKPa", Ce = "Button-module__section___f2mKr", B = {
+  root: $e,
+  label: ye,
+  labelText: be,
+  iconWrapper: ve,
+  section: Ce
 };
-function co(e) {
-  return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
+function xe(o) {
+  return o == null || o === "" ? !1 : typeof o == "string" ? o.trim() !== "" : !0;
 }
-const io = y(
+const ge = N(
   function({
-    variant: n = "solid",
+    variant: s = "solid",
     size: a = "default",
-    icon: s,
-    children: t,
-    overStyled: r = !1,
+    icon: n,
+    children: r,
+    overStyled: t = !1,
     ...i
   }, l) {
     const d = {
@@ -304,185 +304,185 @@ const io = y(
     }, c = {
       default: "md",
       small: "sm"
-    }, p = $(i, r), m = p;
-    delete m.fullWidth;
-    const b = !!s || !!m.leftSection, _ = !!m.rightSection, h = (b || _) && !co(t);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && h && !m["aria-label"] && console.warn(
+    }, p = $(i, t), _ = p;
+    delete _.fullWidth;
+    const u = !!n || !!_.leftSection, m = !!_.rightSection, h = (u || m) && !xe(r);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && h && !_["aria-label"] && console.warn(
       '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
     );
-    const N = {
-      root: w.root,
-      section: w.section,
-      label: w.label
-    }, C = m.classNames;
-    if (C && typeof C == "object" && !Array.isArray(C)) {
-      const x = C;
-      N.root = x.root ? `${w.root} ${x.root}` : w.root, N.section = x.section ?? w.section, N.label = x.label ?? w.label;
+    const y = {
+      root: B.root,
+      section: B.section,
+      label: B.label
+    }, g = _.classNames;
+    if (g && typeof g == "object" && !Array.isArray(g)) {
+      const P = g;
+      y.root = P.root ? `${B.root} ${P.root}` : B.root, y.section = P.section ?? B.section, y.label = P.label ?? B.label;
     }
-    const u = m.className, v = u ? `${w.root} ${u}` : w.root;
-    return /* @__PURE__ */ o(
-      Fe,
+    const f = _.className, v = f ? `${B.root} ${f}` : B.root;
+    return /* @__PURE__ */ e(
+      Oo,
       {
         ref: l,
         className: v,
-        classNames: N,
-        variant: d[n],
+        classNames: y,
+        variant: d[s],
         size: c[a],
-        leftSection: s != null ? /* @__PURE__ */ o("span", { className: w.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
-        "data-variant": n,
+        leftSection: n != null ? /* @__PURE__ */ e("span", { className: B.iconWrapper, "aria-hidden": !0, children: n }) : void 0,
+        "data-variant": s,
         "data-size": a,
         ...h ? { "data-icon-only": "" } : {},
         ...p,
-        children: /* @__PURE__ */ o("span", { className: w.labelText, children: t })
+        children: /* @__PURE__ */ e("span", { className: B.labelText, children: r })
       }
     );
   }
 );
-io.displayName = "Button";
-const lo = "Card-module__root___c9KvZ", po = "Card-module__header___PTXf2", _o = "Card-module__footer___Mu-JC", mo = "Card-module__section___BRT8H", uo = "Card-module__content___oFIQa", B = {
-  root: lo,
-  header: po,
-  footer: _o,
-  section: mo,
-  content: uo
-}, ue = y(function({ overStyled: n = !1, ...a }, s) {
-  const t = $(a, n), r = {
-    root: B.root
-  }, i = t.classNames;
+ge.displayName = "Button";
+const Pe = "Card-module__root___c9KvZ", Ae = "Card-module__header___PTXf2", we = "Card-module__footer___Mu-JC", We = "Card-module__section___BRT8H", ke = "Card-module__content___oFIQa", M = {
+  root: Pe,
+  header: Ae,
+  footer: we,
+  section: We,
+  content: ke
+}, xo = N(function({ overStyled: s = !1, ...a }, n) {
+  const r = $(a, s), t = {
+    root: M.root
+  }, i = r.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const d = i;
     Object.keys(d).forEach((c) => {
-      r[c] ? r[c] = `${r[c]} ${d[c]}` : r[c] = d[c];
+      t[c] ? t[c] = `${t[c]} ${d[c]}` : t[c] = d[c];
     });
   }
-  const l = t.className;
-  return /* @__PURE__ */ o(
-    Z,
+  const l = r.className;
+  return /* @__PURE__ */ e(
+    ro,
     {
-      ref: s,
+      ref: n,
       className: l,
-      classNames: r,
-      ...t
+      classNames: t,
+      ...r
     }
   );
 });
-ue.displayName = "Card";
-const he = y(
-  function({ overStyled: n = !1, ...a }, s) {
-    const t = $(a, n), r = t.className;
-    return /* @__PURE__ */ o(
-      Z.Section,
+xo.displayName = "Card";
+const go = N(
+  function({ overStyled: s = !1, ...a }, n) {
+    const r = $(a, s), t = r.className;
+    return /* @__PURE__ */ e(
+      ro.Section,
       {
-        ref: s,
-        className: r ? `${B.section} ${r}` : B.section,
-        ...t
+        ref: n,
+        className: t ? `${M.section} ${t}` : M.section,
+        ...r
       }
     );
   }
 );
-he.displayName = "CardSection";
-const fe = y(
-  function({ overStyled: n = !1, ...a }, s) {
-    const t = $(a, n), r = t.className;
-    return /* @__PURE__ */ o(
-      Z.Section,
+go.displayName = "CardSection";
+const Po = N(
+  function({ overStyled: s = !1, ...a }, n) {
+    const r = $(a, s), t = r.className;
+    return /* @__PURE__ */ e(
+      ro.Section,
       {
-        ref: s,
-        className: r ? `${B.header} ${r}` : B.header,
-        ...t
+        ref: n,
+        className: t ? `${M.header} ${t}` : M.header,
+        ...r
       }
     );
   }
 );
-fe.displayName = "CardHeader";
-const be = y(
-  function({ overStyled: n = !1, ...a }, s) {
-    const t = $(a, n), r = t.className;
-    return /* @__PURE__ */ o(
-      Z.Section,
+Po.displayName = "CardHeader";
+const Ao = N(
+  function({ overStyled: s = !1, ...a }, n) {
+    const r = $(a, s), t = r.className;
+    return /* @__PURE__ */ e(
+      ro.Section,
       {
-        ref: s,
-        className: r ? `${B.footer} ${r}` : B.footer,
-        ...t
+        ref: n,
+        className: t ? `${M.footer} ${t}` : M.footer,
+        ...r
       }
     );
   }
 );
-be.displayName = "CardFooter";
-const Ne = y(
-  function({ overStyled: n = !1, ...a }, s) {
-    const t = $(a, n), r = t.className;
-    return /* @__PURE__ */ o(
+Ao.displayName = "CardFooter";
+const wo = N(
+  function({ overStyled: s = !1, ...a }, n) {
+    const r = $(a, s), t = r.className;
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: s,
-        className: r ? `${B.content} ${r}` : B.content,
-        ...t
+        ref: n,
+        className: t ? `${M.content} ${t}` : M.content,
+        ...r
       }
     );
   }
 );
-Ne.displayName = "CardContent";
-const Y = ue;
-Y.Section = he;
-Y.Header = fe;
-Y.Footer = be;
-Y.Content = Ne;
-const ho = "Label-module__root___e6HXZ", fo = "Label-module__labelText___rieFR", bo = "Label-module__required___Ggrzc", No = "Label-module__optionalText___Y2yun", yo = "Label-module__actionAreaWrapper___ELoZK", $o = "Label-module__editIconWrapper___NG2xW", A = {
-  root: ho,
-  labelText: fo,
-  required: bo,
-  optionalText: No,
-  actionAreaWrapper: yo,
-  editIconWrapper: $o
-}, ye = y(function({
-  formLayout: n = "stacked",
+wo.displayName = "CardContent";
+const so = xo;
+so.Section = go;
+so.Header = Po;
+so.Footer = Ao;
+so.Content = wo;
+const Te = "Label-module__root___e6HXZ", ze = "Label-module__labelText___rieFR", Se = "Label-module__required___Ggrzc", Fe = "Label-module__optionalText___Y2yun", Re = "Label-module__actionAreaWrapper___ELoZK", Ie = "Label-module__editIconWrapper___NG2xW", F = {
+  root: Te,
+  labelText: ze,
+  required: Se,
+  optionalText: Fe,
+  actionAreaWrapper: Re,
+  editIconWrapper: Ie
+}, Wo = N(function({
+  formLayout: s = "stacked",
   labelSize: a = "default",
-  labelAlignment: s,
-  required: t = !1,
-  labelOptionalText: r,
+  labelAlignment: n,
+  required: r = !1,
+  labelOptionalText: t,
   labelWithEditIcon: i,
   labelActionArea: l,
   onLabelEditClick: d,
   children: c,
   overStyled: p = !1,
-  ...m
-}, b) {
-  const _ = s || (n === "side-by-side" ? "right" : "left");
+  ..._
+}, u) {
+  const m = n || (s === "side-by-side" ? "right" : "left");
   let h;
-  t || (r === !0 ? h = "optional" : r && (h = r));
-  const N = $(m, p), C = N, u = {
-    label: A.root,
-    required: A.required
-  }, v = C.classNames;
+  r || (t === !0 ? h = "optional" : t && (h = t));
+  const y = $(_, p), g = y, f = {
+    label: F.root,
+    required: F.required
+  }, v = g.classNames;
   if (v && typeof v == "object" && !Array.isArray(v)) {
-    const W = v;
-    u.label = W.label ? `${A.root} ${W.label}` : A.root, u.required = W.required ? `${A.required} ${W.required}` : A.required;
+    const A = v;
+    f.label = A.label ? `${F.root} ${A.label}` : F.root, f.required = A.required ? `${F.required} ${A.required}` : F.required;
   }
-  const x = C.className, T = x ? `${A.root} ${x}` : A.root;
-  return /* @__PURE__ */ L(
-    le.Label,
+  const P = g.className, W = P ? `${F.root} ${P}` : F.root;
+  return /* @__PURE__ */ G(
+    $o.Label,
     {
-      ref: b,
-      className: T,
-      classNames: u,
-      "data-layout": n,
+      ref: u,
+      className: W,
+      classNames: f,
+      "data-layout": s,
       "data-size": a,
-      "data-alignment": _,
-      required: t && !i,
-      ...N,
+      "data-alignment": m,
+      required: r && !i,
+      ...y,
       children: [
-        /* @__PURE__ */ o("span", { className: A.labelText, children: c }),
-        h && /* @__PURE__ */ o("span", { className: A.optionalText, children: typeof h == "string" ? `(${h})` : h }),
-        l ? /* @__PURE__ */ o("span", { className: A.actionAreaWrapper, children: l }) : i ? /* @__PURE__ */ o(
+        /* @__PURE__ */ e("span", { className: F.labelText, children: c }),
+        h && /* @__PURE__ */ e("span", { className: F.optionalText, children: typeof h == "string" ? `(${h})` : h }),
+        l ? /* @__PURE__ */ e("span", { className: F.actionAreaWrapper, children: l }) : i ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: A.editIconWrapper,
-            "data-replaces-asterisk": t ? "true" : void 0,
+            className: F.editIconWrapper,
+            "data-replaces-asterisk": r ? "true" : void 0,
             onClick: d,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ e(
               "svg",
               {
                 width: "16",
@@ -490,7 +490,7 @@ const ho = "Label-module__root___e6HXZ", fo = "Label-module__labelText___rieFR",
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ e(
                   "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",
@@ -507,12 +507,12 @@ const ho = "Label-module__root___e6HXZ", fo = "Label-module__labelText___rieFR",
     }
   );
 });
-ye.displayName = "Label";
-const vo = "AssistiveElement-module__root___WhQ43", Co = "AssistiveElement-module__textWrapper___sfy5E", go = "AssistiveElement-module__iconWrapper___gObRF", X = {
-  root: vo,
-  textWrapper: Co,
-  iconWrapper: go
-}, xo = () => /* @__PURE__ */ L(
+Wo.displayName = "Label";
+const Le = "AssistiveElement-module__root___WhQ43", Be = "AssistiveElement-module__textWrapper___sfy5E", je = "AssistiveElement-module__iconWrapper___gObRF", ao = {
+  root: Le,
+  textWrapper: Be,
+  iconWrapper: je
+}, Ee = () => /* @__PURE__ */ G(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -523,12 +523,12 @@ const vo = "AssistiveElement-module__root___WhQ43", Co = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ o("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ o("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ e("path", { d: "M12 8h.01" })
     ]
   }
-), Po = () => /* @__PURE__ */ L(
+), Oe = () => /* @__PURE__ */ G(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -539,120 +539,120 @@ const vo = "AssistiveElement-module__root___WhQ43", Co = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ o("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__ */ o("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ o("path", { d: "M12 17h.01" })
+      /* @__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" })
     ]
   }
-), Q = y(function({
-  assistiveVariant: n = "help",
+), io = N(function({
+  assistiveVariant: s = "help",
   assistiveWithIcon: a = !0,
-  children: s,
-  className: t,
-  overStyled: r = !1,
+  children: n,
+  className: r,
+  overStyled: t = !1,
   ...i
 }, l) {
-  const c = $(i, r), p = X.root, m = t ? `${p} ${t}` : p, b = n === "error" ? Po : xo;
-  return /* @__PURE__ */ L(
+  const c = $(i, t), p = ao.root, _ = r ? `${p} ${r}` : p, u = s === "error" ? Oe : Ee;
+  return /* @__PURE__ */ G(
     "div",
     {
       ref: l,
-      className: m,
-      "data-variant": n,
+      className: _,
+      "data-variant": s,
       style: c.style,
       ...c,
       children: [
-        a && /* @__PURE__ */ o("span", { className: X.iconWrapper, children: /* @__PURE__ */ o(b, {}) }),
-        /* @__PURE__ */ o("span", { className: X.textWrapper, children: s })
+        a && /* @__PURE__ */ e("span", { className: ao.iconWrapper, children: /* @__PURE__ */ e(u, {}) }),
+        /* @__PURE__ */ e("span", { className: ao.textWrapper, children: n })
       ]
     }
   );
 });
-Q.displayName = "AssistiveElement";
-const Ao = "FormControlWrapper-module__root___c-UHo", Wo = "FormControlWrapper-module__labelSection___hxSY4", ko = "FormControlWrapper-module__inputSection___HenXk", J = {
-  root: Ao,
-  labelSection: Wo,
-  inputSection: ko
-}, M = y(function({
-  formLayout: n,
+io.displayName = "AssistiveElement";
+const De = "FormControlWrapper-module__root___c-UHo", Ge = "FormControlWrapper-module__labelSection___hxSY4", Me = "FormControlWrapper-module__inputSection___HenXk", co = {
+  root: De,
+  labelSection: Ge,
+  inputSection: Me
+}, H = N(function({
+  formLayout: s,
   labelSize: a,
-  labelAlignment: s,
-  labelOptionalText: t,
-  labelWithEditIcon: r,
+  labelAlignment: n,
+  labelOptionalText: r,
+  labelWithEditIcon: t,
   labelActionArea: i,
   onLabelEditClick: l,
   label: d,
   description: c,
   assistiveText: p,
-  assistiveWithIcon: m = !0,
-  controlMaxWidth: b,
-  controlMinWidth: _,
+  assistiveWithIcon: _ = !0,
+  controlMaxWidth: u,
+  controlMinWidth: m,
   error: h,
-  required: N,
-  withAsterisk: C,
-  id: u,
+  required: y,
+  withAsterisk: g,
+  id: f,
   children: v,
-  className: x,
-  overStyled: T = !1,
-  labelElement: W,
+  className: P,
+  overStyled: W = !1,
+  labelElement: A,
   // Extracted safely preventing bleeding into HTML domains
-  ...G
-}, V) {
-  const q = We(), P = u || `recursica-fc-${q}`, I = p || c, j = I ? `${P}-assistive` : void 0, F = h ? `${P}-error` : void 0, U = $(G, T), re = x || U.className, ne = J.root, Pe = re ? `${ne} ${re}` : ne, Ae = O.isValidElement(v) ? O.cloneElement(
+  ...R
+}, j) {
+  const I = Io(), x = f || `recursica-fc-${I}`, k = p || c, w = k ? `${x}-assistive` : void 0, C = h ? `${x}-error` : void 0, Y = $(R, W), S = P || Y.className, mo = co.root, Fo = S ? `${mo} ${S}` : mo, Ro = V.isValidElement(v) ? V.cloneElement(
     v,
     {
-      ...I && !v.props["aria-describedby"] ? { "aria-describedby": j } : {},
-      ...h && !v.props["aria-errormessage"] ? { "aria-errormessage": F } : {}
+      ...k && !v.props["aria-describedby"] ? { "aria-describedby": w } : {},
+      ...h && !v.props["aria-errormessage"] ? { "aria-errormessage": C } : {}
     }
   ) : v;
-  return /* @__PURE__ */ L(
-    de,
+  return /* @__PURE__ */ G(
+    yo,
     {
-      ref: V,
-      className: Pe,
-      "data-form-layout": n || "stacked",
-      "data-form-alignment": s || "left",
+      ref: j,
+      className: Fo,
+      "data-form-layout": s || "stacked",
+      "data-form-alignment": n || "left",
       style: {
-        ...U.style || {},
-        ...b ? { "--form-control-max-width": b } : {},
-        ..._ ? { "--form-control-min-width": _ } : {}
+        ...Y.style || {},
+        ...u ? { "--form-control-max-width": u } : {},
+        ...m ? { "--form-control-min-width": m } : {}
       },
-      ...U,
+      ...Y,
       children: [
-        d && /* @__PURE__ */ o("div", { className: J.labelSection, children: /* @__PURE__ */ o(
-          ye,
+        d && /* @__PURE__ */ e("div", { className: co.labelSection, children: /* @__PURE__ */ e(
+          Wo,
           {
-            id: P,
-            formLayout: n,
+            id: x,
+            formLayout: s,
             labelSize: a,
-            labelAlignment: s,
-            labelOptionalText: t,
-            labelWithEditIcon: r,
+            labelAlignment: n,
+            labelOptionalText: r,
+            labelWithEditIcon: t,
             labelActionArea: i,
             onLabelEditClick: l,
-            required: C ?? N,
-            ...W === "div" ? { as: "div" } : {},
+            required: g ?? y,
+            ...A === "div" ? { as: "div" } : {},
             children: d
           }
         ) }),
-        /* @__PURE__ */ L("div", { className: J.inputSection, children: [
-          Ae,
-          h && /* @__PURE__ */ o(
-            Q,
+        /* @__PURE__ */ G("div", { className: co.inputSection, children: [
+          Ro,
+          h && /* @__PURE__ */ e(
+            io,
             {
-              id: F,
+              id: C,
               assistiveVariant: "error",
-              assistiveWithIcon: m,
+              assistiveWithIcon: _,
               children: h
             }
           ),
-          !h && I && /* @__PURE__ */ o(
-            Q,
+          !h && k && /* @__PURE__ */ e(
+            io,
             {
-              id: j,
+              id: w,
               assistiveVariant: "help",
-              assistiveWithIcon: m,
-              children: I
+              assistiveWithIcon: _,
+              children: k
             }
           )
         ] })
@@ -660,157 +660,157 @@ const Ao = "FormControlWrapper-module__root___c-UHo", Wo = "FormControlWrapper-m
     }
   );
 });
-M.displayName = "FormControlWrapper";
-const wo = "Checkbox-module__groupRoot___cBS0o", To = "Checkbox-module__root___mY3qk", Io = "Checkbox-module__body___5yC7q", Fo = "Checkbox-module__inner___rTke4", Ro = "Checkbox-module__input___2kt-h", So = "Checkbox-module__icon___-O7i6", zo = "Checkbox-module__labelWrapper___GpZkr", Lo = "Checkbox-module__label___cwRtI", f = {
-  groupRoot: wo,
-  root: To,
-  body: Io,
-  inner: Fo,
-  input: Ro,
-  icon: So,
-  labelWrapper: zo,
-  label: Lo
-}, $e = y(
+H.displayName = "FormControlWrapper";
+const qe = "Checkbox-module__groupRoot___cBS0o", Ve = "Checkbox-module__root___mY3qk", He = "Checkbox-module__body___5yC7q", Ke = "Checkbox-module__inner___rTke4", Ue = "Checkbox-module__input___2kt-h", Ze = "Checkbox-module__icon___-O7i6", Ye = "Checkbox-module__labelWrapper___GpZkr", Xe = "Checkbox-module__label___cwRtI", b = {
+  groupRoot: qe,
+  root: Ve,
+  body: He,
+  inner: Ke,
+  input: Ue,
+  icon: Ze,
+  labelWrapper: Ye,
+  label: Xe
+}, ko = N(
   function({
-    overStyled: n = !1,
+    overStyled: s = !1,
     formLayout: a = "stacked",
     // Label Wrappers
-    labelSize: s,
-    labelAlignment: t,
-    labelOptionalText: r,
+    labelSize: n,
+    labelAlignment: r,
+    labelOptionalText: t,
     labelWithEditIcon: i,
     onLabelEditClick: l,
     // Base Mantine Extracted Attributes
     label: d,
     description: c,
     assistiveText: p,
-    assistiveWithIcon: m,
-    error: b,
-    required: _,
+    assistiveWithIcon: _,
+    error: u,
+    required: m,
     withAsterisk: h,
-    id: N,
-    className: C,
-    style: u,
+    id: y,
+    className: g,
+    style: f,
     children: v,
-    readOnly: x,
-    readOnlyComponent: T,
-    ...W
-  }, G) {
-    const V = $(W, n), q = V;
-    return delete q.size, x && T ? /* @__PURE__ */ o(
-      M,
+    readOnly: P,
+    readOnlyComponent: W,
+    ...A
+  }, R) {
+    const j = $(A, s), I = j;
+    return delete I.size, P && W ? /* @__PURE__ */ e(
+      H,
       {
-        className: C,
-        style: u,
+        className: g,
+        style: f,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: n,
+        overStyled: s,
         labelElement: "div",
         formLayout: a,
-        labelSize: s,
-        labelAlignment: t,
-        labelOptionalText: r,
+        labelSize: n,
+        labelAlignment: r,
+        labelOptionalText: t,
         labelWithEditIcon: i,
         onLabelEditClick: l,
         label: d,
         description: c,
         assistiveText: p,
-        assistiveWithIcon: m,
-        error: b,
-        required: _,
+        assistiveWithIcon: _,
+        error: u,
+        required: m,
         withAsterisk: h,
-        id: N,
-        children: T
+        id: y,
+        children: W
       }
-    ) : /* @__PURE__ */ o(
-      M,
+    ) : /* @__PURE__ */ e(
+      H,
       {
-        className: C,
-        style: u,
+        className: g,
+        style: f,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
-        overStyled: n,
+        overStyled: s,
         labelElement: "div",
         formLayout: a,
-        labelSize: s,
-        labelAlignment: t,
-        labelOptionalText: r,
+        labelSize: n,
+        labelAlignment: r,
+        labelOptionalText: t,
         labelWithEditIcon: i,
         onLabelEditClick: l,
         label: d,
         description: c,
         assistiveText: p,
-        assistiveWithIcon: m,
-        error: b,
-        required: _,
+        assistiveWithIcon: _,
+        error: u,
+        required: m,
         withAsterisk: h,
-        id: N,
-        children: /* @__PURE__ */ o(
-          pe.Group,
+        id: y,
+        children: /* @__PURE__ */ e(
+          bo.Group,
           {
-            ref: G,
-            ...V,
-            children: /* @__PURE__ */ o("div", { className: f.groupRoot, "data-layout": a, children: O.Children.map(v, (P) => O.isValidElement(P) ? O.cloneElement(P, {
-              disabled: x || P.props.disabled
-            }) : P) })
+            ref: R,
+            ...j,
+            children: /* @__PURE__ */ e("div", { className: b.groupRoot, "data-layout": a, children: V.Children.map(v, (x) => V.isValidElement(x) ? V.cloneElement(x, {
+              disabled: P || x.props.disabled
+            }) : x) })
           }
         )
       }
     );
   }
 );
-$e.displayName = "CheckboxGroup";
-const ve = y(
-  function({ overStyled: n = !1, readOnly: a, readOnlyComponent: s, disabled: t, ...r }, i) {
-    const l = $(r, n), d = l;
-    if (delete d.size, delete d.color, delete d.radius, delete d.variant, delete d.iconColor, a && s)
-      return /* @__PURE__ */ o(
-        M,
+ko.displayName = "CheckboxGroup";
+const To = N(
+  function({ overStyled: s = !1, readOnly: a, readOnlyComponent: n, disabled: r, ...t }, i) {
+    const l = $(t, s), d = l;
+    if (delete d.size, delete d.color, delete d.radius, delete d.variant, delete d.iconColor, a && n)
+      return /* @__PURE__ */ e(
+        H,
         {
-          overStyled: n,
+          overStyled: s,
           ...l,
-          children: s
+          children: n
         }
       );
     const c = {
-      root: f.root,
-      body: f.body,
-      inner: f.inner,
-      input: f.input,
-      icon: f.icon,
-      labelWrapper: f.labelWrapper,
-      label: f.label
+      root: b.root,
+      body: b.body,
+      inner: b.inner,
+      input: b.input,
+      icon: b.icon,
+      labelWrapper: b.labelWrapper,
+      label: b.label
     }, p = d.classNames;
     if (p && typeof p == "object" && !Array.isArray(p)) {
-      const _ = p;
-      c.root = _.root ? `${f.root} ${_.root}` : f.root, c.body = _.body ? `${f.body} ${_.body}` : f.body, c.inner = _.inner ? `${f.inner} ${_.inner}` : f.inner, c.input = _.input ? `${f.input} ${_.input}` : f.input, c.icon = _.icon ? `${f.icon} ${_.icon}` : f.icon, c.labelWrapper = _.labelWrapper ? `${f.labelWrapper} ${_.labelWrapper}` : f.labelWrapper, c.label = _.label ? `${f.label} ${_.label}` : f.label;
+      const m = p;
+      c.root = m.root ? `${b.root} ${m.root}` : b.root, c.body = m.body ? `${b.body} ${m.body}` : b.body, c.inner = m.inner ? `${b.inner} ${m.inner}` : b.inner, c.input = m.input ? `${b.input} ${m.input}` : b.input, c.icon = m.icon ? `${b.icon} ${m.icon}` : b.icon, c.labelWrapper = m.labelWrapper ? `${b.labelWrapper} ${m.labelWrapper}` : b.labelWrapper, c.label = m.label ? `${b.label} ${m.label}` : b.label;
     }
-    const m = d.className, b = m ? `${f.root} ${m}` : f.root;
-    return /* @__PURE__ */ o(
-      pe,
+    const _ = d.className, u = _ ? `${b.root} ${_}` : b.root;
+    return /* @__PURE__ */ e(
+      bo,
       {
         ref: i,
-        className: b,
+        className: u,
         classNames: c,
-        disabled: a || t,
+        disabled: a || r,
         ...l
       }
     );
   }
 );
-ve.displayName = "Checkbox";
-ve.Group = $e;
-const Bo = "Chip-module__root___f5pFk", Eo = "Chip-module__label___Ov9pg", jo = "Chip-module__mantineIconWrapper___KLSz6", Oo = "Chip-module__innerWrapper___EnrTF", Mo = "Chip-module__children___zbRAR", Vo = "Chip-module__leadingIcon___JBtjQ", qo = "Chip-module__removeIcon___pVju-", g = {
-  root: Bo,
-  label: Eo,
-  mantineIconWrapper: jo,
-  innerWrapper: Oo,
-  children: Mo,
-  leadingIcon: Vo,
-  removeIcon: qo
+To.displayName = "Checkbox";
+To.Group = ko;
+const Je = "Chip-module__root___f5pFk", Qe = "Chip-module__label___Ov9pg", ot = "Chip-module__mantineIconWrapper___KLSz6", et = "Chip-module__innerWrapper___EnrTF", tt = "Chip-module__children___zbRAR", rt = "Chip-module__leadingIcon___JBtjQ", st = "Chip-module__removeIcon___pVju-", T = {
+  root: Je,
+  label: Qe,
+  mantineIconWrapper: ot,
+  innerWrapper: et,
+  children: tt,
+  leadingIcon: rt,
+  removeIcon: st
 };
-function Do(e) {
-  return /* @__PURE__ */ L(
+function nt(o) {
+  return /* @__PURE__ */ G(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -822,162 +822,187 @@ function Do(e) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      ...e,
+      ...o,
       children: [
-        /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const Go = y(function({
-  error: n = !1,
+const at = N(function({
+  error: s = !1,
   icon: a,
-  onRemove: s,
-  removeLabel: t = "Remove",
-  children: r,
+  onRemove: n,
+  removeLabel: r = "Remove",
+  children: t,
   overStyled: i = !1,
   ...l
 }, d) {
-  const c = $(l, i), p = c, m = {
-    root: g.root,
-    label: g.label,
-    input: g.input,
-    iconWrapper: g.mantineIconWrapper,
-    checkIcon: g.checkIcon
-  }, b = p.classNames;
-  if (b && typeof b == "object" && !Array.isArray(b)) {
-    const u = b;
-    m.root = u.root ? `${g.root} ${u.root}` : g.root, m.label = u.label ? `${g.label} ${u.label}` : g.label;
+  const c = $(l, i), p = c, _ = {
+    root: T.root,
+    label: T.label,
+    input: T.input,
+    iconWrapper: T.mantineIconWrapper,
+    checkIcon: T.checkIcon
+  }, u = p.classNames;
+  if (u && typeof u == "object" && !Array.isArray(u)) {
+    const f = u;
+    _.root = f.root ? `${T.root} ${f.root}` : T.root, _.label = f.label ? `${T.label} ${f.label}` : T.label;
   }
-  const _ = p.className, h = _ ? `${g.root} ${_}` : g.root;
-  return /* @__PURE__ */ o(
-    Re,
+  const m = p.className, h = m ? `${T.root} ${m}` : T.root;
+  return /* @__PURE__ */ e(
+    Do,
     {
       ref: d,
       className: h,
-      classNames: m,
-      ...(n ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!r && (!!a || !!s) ? { "data-icon-only": "" } : {},
+      classNames: _,
+      ...(s ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
+      ...!t && (!!a || !!n) ? { "data-icon-only": "" } : {},
       ...c,
-      children: /* @__PURE__ */ L("span", { className: g.innerWrapper, children: [
-        a && /* @__PURE__ */ o("span", { className: g.leadingIcon, "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ o("span", { className: g.children, children: r }),
-        s && /* @__PURE__ */ o(
+      children: /* @__PURE__ */ G("span", { className: T.innerWrapper, children: [
+        a && /* @__PURE__ */ e("span", { className: T.leadingIcon, "aria-hidden": !0, children: a }),
+        /* @__PURE__ */ e("span", { className: T.children, children: t }),
+        n && /* @__PURE__ */ e(
           "span",
           {
             role: "button",
-            className: g.removeIcon,
-            onClick: (u) => {
-              u.preventDefault(), u.stopPropagation(), s(u);
+            className: T.removeIcon,
+            onClick: (f) => {
+              f.preventDefault(), f.stopPropagation(), n(f);
             },
-            "aria-label": t,
-            onKeyDown: (u) => {
-              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), s(
-                u
+            "aria-label": r,
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), n(
+                f
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ o(Do, {})
+            children: /* @__PURE__ */ e(nt, {})
           }
         )
       ] })
     }
   );
 });
-Go.displayName = "Chip";
-const nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), st = (e) => /* @__PURE__ */ o("div", { ...e, children: "Dropdown" }), at = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), it = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), lt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), dt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Loader" }), pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), _t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), mt = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), ut = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), ht = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), ft = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), bt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Radio" }), Ho = "_root_1qhn7_3", Ko = "_contents_1qhn7_18", D = {
-  root: Ho,
-  contents: Ko
-}, Zo = y(function({ layer: e, contentsOnly: n, children: a, className: s, style: t, ...r }, i) {
-  const l = n ? s ? `${D.root} ${D.contents} ${s}` : `${D.root} ${D.contents}` : s ? `${D.root} ${s}` : D.root;
-  return /* @__PURE__ */ o(
+at.displayName = "Chip";
+const ct = "Container-module__root___UVssr", X = {
+  root: ct
+}, it = N(
+  function({ children: s, overStyled: a = !1, ...n }, r) {
+    const t = $(n, a), i = t, l = {
+      root: X.root
+    }, d = i.classNames;
+    if (d && typeof d == "object" && !Array.isArray(d)) {
+      const _ = d;
+      l.root = _.root ? `${X.root} ${_.root}` : X.root;
+    }
+    const c = i.className, p = c ? `${X.root} ${c}` : X.root;
+    return /* @__PURE__ */ e(
+      Go,
+      {
+        ref: r,
+        className: p,
+        classNames: l,
+        ...t,
+        children: s
+      }
+    );
+  }
+);
+it.displayName = "Container";
+const Bt = (o) => /* @__PURE__ */ e("div", { ...o, children: "DatePicker" }), lt = "_root_1qhn7_3", dt = "_contents_1qhn7_18", K = {
+  root: lt,
+  contents: dt
+}, pt = N(function({ layer: o, contentsOnly: s, children: a, className: n, style: r, ...t }, i) {
+  const l = s ? n ? `${K.root} ${K.contents} ${n}` : `${K.root} ${K.contents}` : n ? `${K.root} ${n}` : K.root;
+  return /* @__PURE__ */ e(
     "div",
     {
       ref: i,
       className: l,
-      style: t,
-      ...n ? {} : { "data-recursica-layer": String(e) },
-      ...r,
+      style: r,
+      ...s ? {} : { "data-recursica-layer": String(o) },
+      ...t,
       children: a
     }
   );
 });
-Zo.displayName = "Layer";
-const H = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ o(O.Fragment, { children: e });
-H.displayName = "EmptyValueRenderer";
-H.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
-const ae = "data-recursica-theme";
-function Nt({
-  children: e,
-  theme: n = "light"
+pt.displayName = "Layer";
+const eo = ({ emptyText: o = "N/A" }) => /* @__PURE__ */ e(V.Fragment, { children: o });
+eo.displayName = "EmptyValueRenderer";
+eo.check = (o) => o == null || o === "" || Array.isArray(o) && o.length === 0;
+const fo = "data-recursica-theme";
+function jt({
+  children: o,
+  theme: s = "light"
 }) {
-  return ke(() => {
+  return Lo(() => {
     const a = document.documentElement;
-    return a.setAttribute(ae, n), () => {
-      a.removeAttribute(ae);
+    return a.setAttribute(fo, s), () => {
+      a.removeAttribute(fo);
     };
-  }, [n]), /* @__PURE__ */ o(ie, { children: e });
+  }, [s]), /* @__PURE__ */ e(No, { children: o });
 }
-const Yo = "ReadOnlyField-module__textField___qKn25", ce = {
-  textField: Yo
-}, Ce = ({
-  value: e,
-  overStyled: n = !1,
+const _t = "ReadOnlyField-module__textField___qKn25", ho = {
+  textField: _t
+}, zo = ({
+  value: o,
+  overStyled: s = !1,
   ...a
 }) => {
-  const s = $(a, n), t = s.className;
-  return /* @__PURE__ */ o(
-    de,
+  const n = $(a, s), r = n.className;
+  return /* @__PURE__ */ e(
+    yo,
     {
       component: "p",
-      className: t ? `${ce.textField} ${t}` : ce.textField,
-      ...s,
-      children: e != null ? O.isValidElement(e) ? e : String(e) : ""
+      className: r ? `${ho.textField} ${r}` : ho.textField,
+      ...n,
+      children: o != null ? V.isValidElement(o) ? o : String(o) : ""
     }
   );
 };
-Ce.displayName = "ReadOnlyTextField";
-const ge = y(
-  function({ value: n, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...r }, i) {
+zo.displayName = "ReadOnlyTextField";
+const So = N(
+  function({ value: s, type: a = "text", emptyValueComponent: n, overStyled: r = !1, ...t }, i) {
     let l = null;
-    const d = $(r, t), c = s || H, m = (c.check ? c.check(n) : H.check(n)) ? /* @__PURE__ */ o(c, { value: n }) : n;
+    const d = $(t, r), c = n || eo, _ = (c.check ? c.check(s) : eo.check(s)) ? /* @__PURE__ */ e(c, { value: s }) : s;
     switch (a) {
       case "text":
       default:
-        l = /* @__PURE__ */ o(
-          Ce,
+        l = /* @__PURE__ */ e(
+          zo,
           {
-            value: m,
-            overStyled: t
+            value: _,
+            overStyled: r
           }
         );
         break;
     }
-    return /* @__PURE__ */ o(
-      M,
+    return /* @__PURE__ */ e(
+      H,
       {
         ref: i,
-        overStyled: t,
+        overStyled: r,
         ...d,
         children: l
       }
     );
   }
 );
-ge.displayName = "ReadOnlyField";
-const xe = y(function({
-  readOnly: n,
+So.displayName = "ReadOnlyField";
+const no = N(function({
+  readOnly: s,
   readOnlyComponent: a,
-  readOnlyType: s = "text",
-  readOnlyValue: t,
-  activeComponent: r,
+  readOnlyType: n = "text",
+  readOnlyValue: r,
+  activeComponent: t,
   overStyled: i,
   onLabelEditClick: l,
   ...d
 }, c) {
-  return n ? a ? /* @__PURE__ */ o(
-    M,
+  return s ? a ? /* @__PURE__ */ e(
+    H,
     {
       ref: c,
       ...d,
@@ -985,110 +1010,390 @@ const xe = y(function({
       overStyled: i,
       children: a
     }
-  ) : /* @__PURE__ */ o(
-    ge,
+  ) : /* @__PURE__ */ e(
+    So,
     {
       ref: c,
-      type: s,
-      value: t,
+      type: n,
+      value: r,
       onLabelEditClick: l,
       overStyled: i,
       ...d
     }
-  ) : /* @__PURE__ */ o(
-    M,
+  ) : /* @__PURE__ */ e(
+    H,
     {
       ref: c,
       ...d,
       onLabelEditClick: l,
       overStyled: i,
-      children: r
+      children: t
     }
   );
 });
-xe.displayName = "WithReadOnlyWrapper";
-const yt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), $t = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), vt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), Ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), gt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Switch" }), xt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), Pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), At = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextArea" }), Uo = "TextField-module__root___2ZYkG", Xo = "TextField-module__input___RL-My", Jo = "TextField-module__section___bCIJ0", S = {
-  root: Uo,
-  input: Xo,
-  section: Jo
-}, Qo = y(
+no.displayName = "WithReadOnlyWrapper";
+const mt = "Dropdown-module__root___uVyL0", ut = "Dropdown-module__input___dK4dN", ft = "Dropdown-module__section___j3MRB", ht = "Dropdown-module__dropdown___gG-Sw", Nt = "Dropdown-module__option___nAGU-", z = {
+  root: mt,
+  input: ut,
+  section: ft,
+  dropdown: ht,
+  option: Nt
+}, $t = N(
   function({
-    overStyled: n = !1,
+    overStyled: s = !1,
     formLayout: a = "stacked",
+    containerWidth: n,
     // Label & Wrapper Maps
-    labelSize: s,
+    labelSize: r,
     labelAlignment: t,
-    labelOptionalText: r,
+    labelOptionalText: i,
+    labelWithEditIcon: l,
+    onLabelEditClick: d,
+    label: c,
+    assistiveText: p,
+    assistiveWithIcon: _,
+    error: u,
+    required: m,
+    withAsterisk: h,
+    id: y,
+    className: g,
+    style: f,
+    disabled: v,
+    readOnly: P,
+    readOnlyComponent: W,
+    value: A,
+    defaultValue: R,
+    data: j,
+    ...I
+  }, x) {
+    const k = $(I, s), w = k;
+    delete w.size, delete w.variant, delete w.radius;
+    const C = {
+      wrapper: z.root,
+      // The nested Input internal relative wrapper bounding box
+      input: z.input,
+      section: z.section,
+      dropdown: z.dropdown,
+      option: z.option
+    }, Z = w.classNames;
+    if (Z && typeof Z == "object" && !Array.isArray(Z)) {
+      const S = Z;
+      C.wrapper = S.wrapper ? `${z.root} ${S.wrapper}` : z.root, C.input = S.input ? `${z.input} ${S.input}` : z.input, C.section = S.section ? `${z.section} ${S.section}` : z.section, C.dropdown = S.dropdown ? `${z.dropdown} ${S.dropdown}` : z.dropdown, C.option = S.option ? `${z.option} ${S.option}` : z.option;
+    }
+    const Y = {
+      ...f || {},
+      width: n || "100%"
+    };
+    return /* @__PURE__ */ e(
+      no,
+      {
+        className: g,
+        style: Y,
+        controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
+        controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
+        overStyled: s,
+        formLayout: a,
+        labelSize: r,
+        labelAlignment: t,
+        labelOptionalText: i,
+        labelWithEditIcon: l,
+        onLabelEditClick: d,
+        label: c,
+        assistiveText: p,
+        assistiveWithIcon: _,
+        error: u,
+        required: m,
+        withAsterisk: h,
+        id: y,
+        readOnly: P,
+        readOnlyComponent: W,
+        readOnlyType: "text",
+        readOnlyValue: A !== void 0 ? String(A) : R ? String(R) : void 0,
+        activeComponent: (
+          /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ e(
+            Mo,
+            {
+              ref: x,
+              classNames: C,
+              disabled: v,
+              value: A,
+              defaultValue: R,
+              data: j || [],
+              label: void 0,
+              description: void 0,
+              error: void 0,
+              required: void 0,
+              withAsterisk: void 0,
+              wrapperProps: {
+                "data-disabled": v ? "true" : void 0,
+                "data-error": u ? "true" : void 0
+              },
+              ...k
+            }
+          )
+        )
+      }
+    );
+  }
+);
+$t.displayName = "Dropdown";
+const Et = (o) => /* @__PURE__ */ e("div", { ...o, children: "FileInput" }), Ot = (o) => /* @__PURE__ */ e("div", { ...o, children: "FileUpload" }), yt = "Flex-module__root___yYser", J = {
+  root: yt
+}, bt = N(function({ children: s, overStyled: a = !1, gap: n = "rec-default", ...r }, t) {
+  const i = $({ ...r, gap: n }, a), l = i, d = {
+    root: J.root
+  }, c = l.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const u = c;
+    d.root = u.root ? `${J.root} ${u.root}` : J.root;
+  }
+  const p = l.className, _ = p ? `${J.root} ${p}` : J.root;
+  return /* @__PURE__ */ e(
+    qo,
+    {
+      ref: t,
+      className: _,
+      classNames: d,
+      ...i,
+      children: s
+    }
+  );
+});
+bt.displayName = "Flex";
+const vt = "Group-module__root___ftO64", Q = {
+  root: vt
+}, Ct = N(function({ children: s, overStyled: a = !1, gap: n = "rec-default", ...r }, t) {
+  const i = $({ ...r, gap: n }, a), l = i, d = {
+    root: Q.root
+  }, c = l.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const u = c;
+    d.root = u.root ? `${Q.root} ${u.root}` : Q.root;
+  }
+  const p = l.className, _ = p ? `${Q.root} ${p}` : Q.root;
+  return /* @__PURE__ */ e(
+    Vo,
+    {
+      ref: t,
+      className: _,
+      classNames: d,
+      ...i,
+      children: s
+    }
+  );
+});
+Ct.displayName = "Group";
+const Dt = (o) => /* @__PURE__ */ e("div", { ...o, children: "HoverCard" }), Gt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Link" }), Mt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Loader" }), qt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Menu" }), Vt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Modal" }), Ht = (o) => /* @__PURE__ */ e("div", { ...o, children: "NumberInput" }), Kt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Pagination" }), Ut = (o) => /* @__PURE__ */ e("div", { ...o, children: "Panel" }), Zt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Popover" }), Yt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Radio" }), Xt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Search" }), Jt = (o) => /* @__PURE__ */ e("div", { ...o, children: "SegmentedControl" }), Qt = (o) => /* @__PURE__ */ e("div", { ...o, children: "Slider" }), xt = "Stack-module__root___NUN-x", oo = {
+  root: xt
+}, gt = N(function({ children: s, overStyled: a = !1, gap: n = "rec-default", ...r }, t) {
+  const i = $({ ...r, gap: n }, a), l = i, d = {
+    root: oo.root
+  }, c = l.classNames;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const u = c;
+    d.root = u.root ? `${oo.root} ${u.root}` : oo.root;
+  }
+  const p = l.className, _ = p ? `${oo.root} ${p}` : oo.root;
+  return /* @__PURE__ */ e(
+    Ho,
+    {
+      ref: t,
+      className: _,
+      classNames: d,
+      ...i,
+      children: s
+    }
+  );
+});
+gt.displayName = "Stack";
+const or = (o) => /* @__PURE__ */ e("div", { ...o, children: "Stepper" }), er = (o) => /* @__PURE__ */ e("div", { ...o, children: "Switch" }), tr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Table" }), rr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Tabs" }), Pt = N(function({ overStyled: s = !1, variant: a = "body", ...n }, r) {
+  const t = $(n, s), i = t.className, l = `recursica_brand_typography_${a}`, d = i ? `${l} ${i}` : l;
+  return /* @__PURE__ */ e(
+    Ko,
+    {
+      ref: r,
+      className: d,
+      ...t
+    }
+  );
+});
+Pt.displayName = "Text";
+const At = "TextArea-module__root___3dyeu", wt = "TextArea-module__input___8l36v", U = {
+  root: At,
+  input: wt
+}, Wt = N(
+  function({
+    overStyled: s = !1,
+    formLayout: a = "stacked",
+    // Label & Wrapper Maps
+    labelSize: n,
+    labelAlignment: r,
+    labelOptionalText: t,
     labelWithEditIcon: i,
     onLabelEditClick: l,
     label: d,
     assistiveText: c,
     assistiveWithIcon: p,
-    error: m,
-    required: b,
-    withAsterisk: _,
+    error: _,
+    required: u,
+    withAsterisk: m,
     id: h,
-    className: N,
-    style: C,
-    disabled: u,
+    className: y,
+    style: g,
+    disabled: f,
     readOnly: v,
-    readOnlyComponent: x,
-    value: T,
-    defaultValue: W,
-    ...G
-  }, V) {
-    const q = $(G, n), P = q;
-    delete P.size, delete P.variant, delete P.radius;
-    const I = {
-      wrapper: S.root,
+    readOnlyComponent: P,
+    value: W,
+    defaultValue: A,
+    ...R
+  }, j) {
+    const I = $(R, s), x = I;
+    delete x.size, delete x.variant, delete x.radius;
+    const k = {
+      wrapper: U.root,
       // The nested Input internal relative wrapper bounding box
-      input: S.input,
-      section: S.section
-    }, j = P.classNames;
-    if (j && typeof j == "object" && !Array.isArray(j)) {
-      const F = j;
-      I.wrapper = F.wrapper ? `${S.root} ${F.wrapper}` : S.root, I.input = F.input ? `${S.input} ${F.input}` : S.input, I.section = F.section ? `${S.section} ${F.section}` : S.section;
+      input: U.input
+    }, w = x.classNames;
+    if (w && typeof w == "object" && !Array.isArray(w)) {
+      const C = w;
+      k.wrapper = C.wrapper ? `${U.root} ${C.wrapper}` : U.root, k.input = C.input ? `${U.input} ${C.input}` : U.input;
     }
-    return /* @__PURE__ */ o(
-      xe,
+    return /* @__PURE__ */ e(
+      no,
       {
-        className: N,
-        style: C,
+        className: y,
+        style: g,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
-        overStyled: n,
+        overStyled: s,
         formLayout: a,
-        labelSize: s,
-        labelAlignment: t,
-        labelOptionalText: r,
+        labelSize: n,
+        labelAlignment: r,
+        labelOptionalText: t,
+        labelWithEditIcon: i,
+        onLabelEditClick: l,
+        label: d,
+        assistiveText: c,
+        assistiveWithIcon: p,
+        error: _,
+        required: u,
+        withAsterisk: m,
+        id: h,
+        readOnly: v,
+        readOnlyComponent: P,
+        readOnlyType: "text",
+        readOnlyValue: W !== void 0 ? W : A,
+        activeComponent: (
+          /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ e(
+            Uo,
+            {
+              ref: j,
+              classNames: k,
+              disabled: f,
+              value: W,
+              defaultValue: A,
+              label: void 0,
+              description: void 0,
+              error: void 0,
+              required: void 0,
+              withAsterisk: void 0,
+              wrapperProps: {
+                "data-disabled": f ? "true" : void 0,
+                "data-error": _ ? "true" : void 0
+              },
+              ...I
+            }
+          )
+        )
+      }
+    );
+  }
+);
+Wt.displayName = "TextArea";
+const kt = "TextField-module__root___2ZYkG", Tt = "TextField-module__input___RL-My", zt = "TextField-module__section___bCIJ0", O = {
+  root: kt,
+  input: Tt,
+  section: zt
+}, St = N(
+  function({
+    overStyled: s = !1,
+    formLayout: a = "stacked",
+    // Label & Wrapper Maps
+    labelSize: n,
+    labelAlignment: r,
+    labelOptionalText: t,
+    labelWithEditIcon: i,
+    onLabelEditClick: l,
+    label: d,
+    assistiveText: c,
+    assistiveWithIcon: p,
+    error: _,
+    required: u,
+    withAsterisk: m,
+    id: h,
+    className: y,
+    style: g,
+    disabled: f,
+    readOnly: v,
+    readOnlyComponent: P,
+    value: W,
+    defaultValue: A,
+    ...R
+  }, j) {
+    const I = $(R, s), x = I;
+    delete x.size, delete x.variant, delete x.radius;
+    const k = {
+      wrapper: O.root,
+      // The nested Input internal relative wrapper bounding box
+      input: O.input,
+      section: O.section
+    }, w = x.classNames;
+    if (w && typeof w == "object" && !Array.isArray(w)) {
+      const C = w;
+      k.wrapper = C.wrapper ? `${O.root} ${C.wrapper}` : O.root, k.input = C.input ? `${O.input} ${C.input}` : O.input, k.section = C.section ? `${O.section} ${C.section}` : O.section;
+    }
+    return /* @__PURE__ */ e(
+      no,
+      {
+        className: y,
+        style: g,
+        controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
+        controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
+        overStyled: s,
+        formLayout: a,
+        labelSize: n,
+        labelAlignment: r,
+        labelOptionalText: t,
         labelWithEditIcon: i,
         onLabelEditClick: l,
         label: d,
         assistiveText: c,
         assistiveWithIcon: p,
-        error: m,
-        required: b,
-        withAsterisk: _,
+        error: _,
+        required: u,
+        withAsterisk: m,
         id: h,
         readOnly: v,
-        readOnlyComponent: x,
+        readOnlyComponent: P,
         readOnlyType: "text",
-        readOnlyValue: T !== void 0 ? T : W,
+        readOnlyValue: W !== void 0 ? W : A,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ o(
-            le,
+          /* @__PURE__ */ e(
+            $o,
             {
-              ref: V,
-              classNames: I,
-              disabled: u,
-              value: T,
-              defaultValue: W,
+              ref: j,
+              classNames: k,
+              disabled: f,
+              value: W,
+              defaultValue: A,
               wrapperProps: {
-                "data-disabled": u ? "true" : void 0,
-                "data-error": m ? "true" : void 0
+                "data-disabled": f ? "true" : void 0,
+                "data-error": _ ? "true" : void 0
               },
-              ...q
+              ...I
             }
           )
         )
@@ -1096,59 +1401,78 @@ const yt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), $t = (
     );
   }
 );
-Qo.displayName = "TextField";
-const Wt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), kt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), wt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), Tt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), It = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" });
+St.displayName = "TextField";
+const sr = (o) => /* @__PURE__ */ e("div", { ...o, children: "TimePicker" }), nr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Timeline" }), Ft = N(function({ overStyled: s = !1, order: a = 1, ...n }, r) {
+  const t = $(n, s), i = t.className, l = `recursica_brand_typography_h${a}`, d = i ? `${l} ${i}` : l;
+  return /* @__PURE__ */ e(
+    Zo,
+    {
+      ref: r,
+      order: a,
+      className: d,
+      ...t
+    }
+  );
+});
+Ft.displayName = "Title";
+const ar = (o) => /* @__PURE__ */ e("div", { ...o, children: "Toast" }), cr = (o) => /* @__PURE__ */ e("div", { ...o, children: "Tooltip" }), ir = (o) => /* @__PURE__ */ e("div", { ...o, children: "TransferList" });
 export {
-  te as Accordion,
-  ee as AccordionControl,
-  me as AccordionItem,
-  oe as AccordionPanel,
-  Ue as Avatar,
-  Je as Badge,
-  oo as Breadcrumb,
-  io as Button,
-  Y as Card,
-  Ne as CardContent,
-  be as CardFooter,
-  fe as CardHeader,
-  he as CardSection,
-  ve as Checkbox,
-  $e as CheckboxGroup,
-  Go as Chip,
-  nt as DatePicker,
-  st as Dropdown,
-  H as EmptyValueRenderer,
-  at as FileInput,
-  ct as FileUpload,
-  it as HoverCard,
-  ye as Label,
-  Zo as Layer,
-  lt as Link,
-  dt as Loader,
-  pt as Menu,
-  _t as Modal,
-  mt as NumberInput,
-  ut as Pagination,
-  ht as Panel,
-  ft as Popover,
-  bt as Radio,
-  ge as ReadOnlyField,
-  Ce as ReadOnlyTextField,
-  Nt as RecursicaThemeProvider,
-  yt as Search,
-  $t as SegmentedControl,
-  vt as Slider,
-  Ct as Stepper,
-  gt as Switch,
-  xt as Table,
-  Pt as Tabs,
-  At as TextArea,
-  Qo as TextField,
-  Wt as TimePicker,
-  kt as Timeline,
-  wt as Toast,
-  Tt as Tooltip,
-  It as TransferList,
-  xe as WithReadOnlyWrapper
+  _o as Accordion,
+  lo as AccordionControl,
+  Co as AccordionItem,
+  po as AccordionPanel,
+  _e as Avatar,
+  ue as Badge,
+  Ne as Breadcrumb,
+  ge as Button,
+  so as Card,
+  wo as CardContent,
+  Ao as CardFooter,
+  Po as CardHeader,
+  go as CardSection,
+  To as Checkbox,
+  ko as CheckboxGroup,
+  at as Chip,
+  it as Container,
+  Bt as DatePicker,
+  $t as Dropdown,
+  eo as EmptyValueRenderer,
+  Et as FileInput,
+  Ot as FileUpload,
+  bt as Flex,
+  Ct as Group,
+  Dt as HoverCard,
+  Wo as Label,
+  pt as Layer,
+  Gt as Link,
+  Mt as Loader,
+  qt as Menu,
+  Vt as Modal,
+  Ht as NumberInput,
+  Kt as Pagination,
+  Ut as Panel,
+  Zt as Popover,
+  Yt as Radio,
+  So as ReadOnlyField,
+  zo as ReadOnlyTextField,
+  jt as RecursicaThemeProvider,
+  Xt as Search,
+  Jt as SegmentedControl,
+  Qt as Slider,
+  gt as Stack,
+  or as Stepper,
+  er as Switch,
+  tr as Table,
+  rr as Tabs,
+  Pt as Text,
+  Wt as TextArea,
+  St as TextField,
+  sr as TimePicker,
+  nr as Timeline,
+  Ft as Title,
+  ar as Toast,
+  cr as Tooltip,
+  ir as TransferList,
+  no as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map