@recursica/mantine-adapter 0.9.4 → 0.11.0

package/dist/mantine-adapter.js

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