@recursica/mantine-adapter 0.9.3 → 0.10.0

package/dist/mantine-adapter.js

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