@recursica/mantine-adapter 0.4.0 → 0.6.0

package/dist/mantine-adapter.js

@@ -1,240 +1,1080 @@
-import { jsx as r, jsxs as E, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as f, useEffect as L } from "react";
-import { Button as I, Accordion as g, Avatar as T } from "@mantine/core";
-const V = "Button-module__root___Q2R8-", R = "Button-module__label___UJ3Zt", z = "Button-module__labelText___rFV5p", w = "Button-module__iconWrapper___uEKPa", O = "Button-module__section___f2mKr", _ = {
-  root: V,
-  label: R,
-  labelText: z,
-  iconWrapper: w,
-  section: O
+import { jsx as o, jsxs as j, Fragment as ie } from "react/jsx-runtime";
+import O, { forwardRef as f, useState as ke, useEffect as le, useCallback as Te, useId as Re } from "react";
+import { Accordion as Z, Avatar as Le, Badge as we, Breadcrumbs as Ee, Button as Fe, Card as K, Input as de, Box as pe, Checkbox as me } from "@mantine/core";
+const Se = [
+  "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
+], ze = /* @__PURE__ */ new Set([
+  "m",
+  "my",
+  "mx",
+  "mt",
+  "mb",
+  "ml",
+  "mr",
+  "gap",
+  "rowGap",
+  "columnGap",
+  "top",
+  "left",
+  "bottom",
+  "right"
+]), se = {
+  "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 q(a) {
-  return a == null || a === "" ? !1 : typeof a == "string" ? a.trim() !== "" : !0;
+function b(e, r) {
+  if (r)
+    return e;
+  const a = { ...e };
+  for (const s of Se)
+    s in a && delete a[s];
+  for (const [s, t] of Object.entries(a))
+    typeof t == "string" && t.startsWith("rec-") && ze.has(s) && t in se && (a[s] = se[t]);
+  return a;
 }
-const F = f(
-  function({
-    variant: o = "solid",
-    size: t = "default",
-    icon: n,
-    className: l,
-    classNames: e,
-    children: c,
-    style: i,
-    ...A
-  }, $) {
-    const W = {
-      solid: "filled",
-      outline: "outline",
-      text: "subtle"
-    }, N = {
-      default: "md",
-      small: "sm"
-    }, h = A, y = !!n || !!h.leftSection, m = !!h.rightSection, d = (y || m) && !q(c);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && d && !h["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: _.root,
-      section: _.section,
-      label: _.label
-    };
-    if (e && typeof e == "object" && !Array.isArray(e)) {
-      const v = e;
-      b.root = v.root ? `${_.root} ${v.root}` : _.root, b.section = v.section ?? _.section, b.label = v.label ?? _.label;
-    }
-    return /* @__PURE__ */ r(
-      I,
-      {
-        ref: $,
-        className: l,
-        classNames: b,
-        variant: W[o],
-        size: N[t],
-        style: i,
-        leftSection: n != null ? /* @__PURE__ */ r("span", { className: _.iconWrapper, "aria-hidden": !0, children: n }) : void 0,
-        "data-variant": o,
-        "data-size": t,
-        ...d ? { "data-icon-only": "" } : {},
-        ...A,
-        children: /* @__PURE__ */ r("span", { className: _.labelText, children: c })
-      }
-    );
-  }
-);
-F.displayName = "Button";
-const J = "Accordion-module__root___Dem6d", K = "Accordion-module__item___7ryVk", X = "Accordion-module__noDivider___Ni2tT", Z = "Accordion-module__control___b4wgX", G = "Accordion-module__label___Ss7uW", H = "Accordion-module__chevron___i-HVZ", M = "Accordion-module__iconLeftWrapper___5oLen", Q = "Accordion-module__panel___Wx50w", U = "Accordion-module__content___PEM9t", u = {
-  root: J,
-  item: K,
-  noDivider: X,
-  control: Z,
-  label: G,
-  chevron: H,
-  iconLeftWrapper: M,
-  panel: Q,
-  content: U
-}, j = function({
-  className: o,
-  classNames: t,
-  variant: n = "unstyled",
-  ...l
+const Be = "Accordion-module__root___Dem6d", Ie = "Accordion-module__item___7ryVk", Oe = "Accordion-module__noDivider___Ni2tT", je = "Accordion-module__control___b4wgX", qe = "Accordion-module__label___Ss7uW", Ve = "Accordion-module__chevron___i-HVZ", Ge = "Accordion-module__iconLeftWrapper___5oLen", De = "Accordion-module__panel___Wx50w", Me = "Accordion-module__content___PEM9t", S = {
+  root: Be,
+  item: Ie,
+  noDivider: Oe,
+  control: je,
+  label: qe,
+  chevron: Ve,
+  iconLeftWrapper: Ge,
+  panel: De,
+  content: Me
+}, _e = function({
+  variant: r = "unstyled",
+  overStyled: a = !1,
+  ...s
 }) {
-  const e = {
-    root: u.root,
-    item: u.item,
-    control: u.control,
-    label: u.label,
-    chevron: u.chevron,
-    panel: u.panel,
-    content: u.content
-  };
-  if (t && typeof t == "object" && !Array.isArray(t)) {
-    const c = t;
-    Object.keys(c).forEach((i) => {
-      e[i] ? e[i] = `${e[i]} ${c[i]}` : e[i] = c[i];
+  const t = b(s, a), n = {
+    root: S.root,
+    item: S.item,
+    control: S.control,
+    label: S.label,
+    chevron: S.chevron,
+    panel: S.panel,
+    content: S.content
+  }, i = t.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const l = i;
+    Object.keys(l).forEach((c) => {
+      n[c] ? n[c] = `${n[c]} ${l[c]}` : n[c] = l[c];
     });
   }
-  return /* @__PURE__ */ r(
-    g,
+  const d = t.className;
+  return /* @__PURE__ */ o(
+    Z,
     {
-      variant: n,
-      className: o,
-      classNames: e,
-      ...l
+      variant: r,
+      className: d,
+      classNames: n,
+      ...t
     }
   );
 };
-j.displayName = "Accordion";
-const D = f(function({ title: o, leftIcon: t, divider: n = !0, children: l, ...e }, c) {
-  return /* @__PURE__ */ r(
-    g.Item,
+_e.displayName = "Accordion";
+const ue = f(function({ title: r, leftIcon: a, divider: s = !0, children: t, overStyled: n = !1, ...i }, d) {
+  const l = b(i, n), c = l.className, m = [s ? void 0 : S.noDivider, c].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ o(
+    Z.Item,
     {
-      ref: c,
-      className: n ? void 0 : u.noDivider,
-      ...e,
-      children: o ? /* @__PURE__ */ E(P, { children: [
-        /* @__PURE__ */ r(x, { leftIcon: t, children: o }),
-        /* @__PURE__ */ r(B, { children: l })
-      ] }) : l
+      ref: d,
+      className: m,
+      ...l,
+      children: r ? /* @__PURE__ */ j(ie, { children: [
+        /* @__PURE__ */ o(Q, { leftIcon: a, children: r }),
+        /* @__PURE__ */ o(ee, { children: t })
+      ] }) : t
     }
   );
 });
-D.displayName = "AccordionItem";
-const x = f(function({ leftIcon: o, children: t, ...n }, l) {
-  return /* @__PURE__ */ r(
-    g.Control,
+ue.displayName = "AccordionItem";
+const Q = f(function({ leftIcon: r, children: a, overStyled: s = !1, ...t }, n) {
+  const i = b(t, s), d = i.className;
+  return /* @__PURE__ */ o(
+    Z.Control,
     {
-      ref: l,
-      icon: o ? /* @__PURE__ */ r("span", { className: u.iconLeftWrapper, "aria-hidden": !0, children: o }) : void 0,
-      ...n,
-      children: t
+      ref: n,
+      className: d,
+      icon: r ? /* @__PURE__ */ o("span", { className: S.iconLeftWrapper, "aria-hidden": !0, children: r }) : void 0,
+      ...i,
+      children: a
     }
   );
 });
-x.displayName = "AccordionControl";
-const B = f(
-  function(o, t) {
-    return /* @__PURE__ */ r(g.Panel, { ref: t, ...o });
-  }
-);
-B.displayName = "AccordionPanel";
-const S = j;
-S.Item = D;
-S.Control = x;
-S.Panel = B;
-const Y = "Avatar-module__root___fXu-J", k = "Avatar-module__iconWrapper___ojly2", oo = "Avatar-module__textWrapper___zp-jD", to = "Avatar-module__image___ieqGp", eo = "Avatar-module__placeholder___IDW7-", s = {
-  root: Y,
-  iconWrapper: k,
-  textWrapper: oo,
-  image: to,
-  placeholder: eo
-}, no = f(function({
-  size: o = "default",
-  variant: t = "solid",
-  icon: n,
-  className: l,
-  classNames: e,
-  children: c,
-  style: i,
-  src: A,
-  ...$
-}, W) {
-  const N = {
+Q.displayName = "AccordionControl";
+const ee = f(function({ overStyled: r = !1, ...a }, s) {
+  const t = b(a, r), n = t.className;
+  return /* @__PURE__ */ o(
+    Z.Panel,
+    {
+      ref: s,
+      className: n,
+      ...t
+    }
+  );
+});
+ee.displayName = "AccordionPanel";
+const oe = _e;
+oe.Item = ue;
+oe.Control = Q;
+oe.Panel = ee;
+const He = "Avatar-module__root___fXu-J", Ze = "Avatar-module__iconWrapper___ojly2", Ke = "Avatar-module__textWrapper___zp-jD", Ye = "Avatar-module__image___ieqGp", Ue = "Avatar-module__placeholder___IDW7-", k = {
+  root: He,
+  iconWrapper: Ze,
+  textWrapper: Ke,
+  image: Ye,
+  placeholder: Ue
+}, Xe = f(function({
+  size: r = "default",
+  variant: a = "solid",
+  icon: s,
+  className: t,
+  classNames: n,
+  children: i,
+  style: d,
+  src: l,
+  ...c
+}, m) {
+  const _ = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, h = {
+  }, N = {
     default: "md",
     small: "sm",
     large: "lg"
   };
   let y = "text";
-  A ? y = "image" : n && (y = "icon");
-  const m = {
-    root: s.root,
-    image: s.image,
-    placeholder: s.placeholder
+  l ? y = "image" : s && (y = "icon");
+  const p = {
+    root: k.root,
+    image: k.image,
+    placeholder: k.placeholder
   };
-  if (e && typeof e == "object" && !Array.isArray(e)) {
-    const d = e;
-    m.root = d.root ? `${s.root} ${d.root}` : s.root, m.image = d.image ? `${s.image} ${d.image}` : s.image, m.placeholder = d.placeholder ? `${s.placeholder} ${d.placeholder}` : s.placeholder;
-  }
-  return /* @__PURE__ */ r(
-    T,
-    {
-      ref: W,
-      className: l,
-      classNames: m,
-      variant: N[t],
-      size: h[o],
-      style: i,
-      src: A,
-      "data-variant": t,
-      "data-size": o,
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const h = n;
+    p.root = h.root ? `${k.root} ${h.root}` : k.root, p.image = h.image ? `${k.image} ${h.image}` : k.image, p.placeholder = h.placeholder ? `${k.placeholder} ${h.placeholder}` : k.placeholder;
+  }
+  return /* @__PURE__ */ o(
+    Le,
+    {
+      ref: m,
+      className: t,
+      classNames: p,
+      variant: _[a],
+      size: N[r],
+      style: d,
+      src: l,
+      "data-variant": a,
+      "data-size": r,
       "data-style": y,
-      ...$,
-      children: n != null ? /* @__PURE__ */ r("span", { className: s.iconWrapper, "aria-hidden": !0, children: n }) : c != null ? /* @__PURE__ */ r("span", { className: s.textWrapper, children: c }) : void 0
+      ...c,
+      children: s != null ? /* @__PURE__ */ o("span", { className: k.iconWrapper, "aria-hidden": !0, children: s }) : i != null ? /* @__PURE__ */ o("span", { className: k.textWrapper, children: i }) : void 0
     }
   );
 });
-no.displayName = "Avatar";
-const ro = "_root_1qhn7_3", ao = "_contents_1qhn7_18", p = {
+Xe.displayName = "Avatar";
+const Je = "Badge-module__root___5osNT", E = {
+  root: Je
+}, Qe = f(function({ variant: r = "primary-color", overStyled: a = !1, ...s }, t) {
+  const n = b(s, a), i = {
+    root: E.root,
+    section: E.section,
+    label: E.label
+  }, d = n.classNames;
+  if (d && typeof d == "object" && !Array.isArray(d)) {
+    const m = d;
+    i.root = m.root ? `${E.root} ${m.root}` : E.root, i.section = m.section ?? E.section, i.label = m.label ?? E.label;
+  }
+  const l = n.className, c = l ? `${E.root} ${l}` : E.root;
+  return /* @__PURE__ */ o(
+    we,
+    {
+      ref: t,
+      variant: "filled",
+      "data-variant": r,
+      ...n,
+      className: c,
+      classNames: i
+    }
+  );
+});
+Qe.displayName = "Badge";
+const eo = "Breadcrumb-module__root___x-9ln", oo = "Breadcrumb-module__separator___qrUX-", B = {
+  root: eo,
+  separator: oo
+}, to = f(
+  function({ overStyled: r = !1, ...a }, s) {
+    const t = b(a, r), n = {
+      root: B.root,
+      separator: B.separator
+    }, i = t.classNames;
+    if (i && typeof i == "object" && !Array.isArray(i)) {
+      const c = i;
+      n.root = c.root ? `${B.root} ${c.root}` : B.root, n.separator = c.separator ? `${B.separator} ${c.separator}` : B.separator;
+    }
+    const d = t.className, l = d ? `${B.root} ${d}` : B.root;
+    return /* @__PURE__ */ o(
+      Ee,
+      {
+        ref: s,
+        ...t,
+        className: l,
+        classNames: n
+      }
+    );
+  }
+);
+to.displayName = "Breadcrumb";
+const ro = "Button-module__root___Q2R8-", no = "Button-module__label___UJ3Zt", so = "Button-module__labelText___rFV5p", ao = "Button-module__iconWrapper___uEKPa", co = "Button-module__section___f2mKr", T = {
   root: ro,
-  contents: ao
-}, co = f(function({ layer: a, contentsOnly: o, children: t, className: n, style: l, ...e }, c) {
-  const i = o ? n ? `${p.root} ${p.contents} ${n}` : `${p.root} ${p.contents}` : n ? `${p.root} ${n}` : p.root;
-  return /* @__PURE__ */ r(
+  label: no,
+  labelText: so,
+  iconWrapper: ao,
+  section: co
+};
+function io(e) {
+  return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
+}
+const lo = f(
+  function({
+    variant: r = "solid",
+    size: a = "default",
+    icon: s,
+    children: t,
+    overStyled: n = !1,
+    ...i
+  }, d) {
+    const l = {
+      solid: "filled",
+      outline: "outline",
+      text: "subtle"
+    }, c = {
+      default: "md",
+      small: "sm"
+    }, m = b(i, n), _ = m;
+    delete _.fullWidth;
+    const N = !!s || !!_.leftSection, y = !!_.rightSection, p = (N || y) && !io(t);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && p && !_["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: T.root,
+      section: T.section,
+      label: T.label
+    }, C = _.classNames;
+    if (C && typeof C == "object" && !Array.isArray(C)) {
+      const g = C;
+      h.root = g.root ? `${T.root} ${g.root}` : T.root, h.section = g.section ?? T.section, h.label = g.label ?? T.label;
+    }
+    const v = _.className, $ = v ? `${T.root} ${v}` : T.root;
+    return /* @__PURE__ */ o(
+      Fe,
+      {
+        ref: d,
+        className: $,
+        classNames: h,
+        variant: l[r],
+        size: c[a],
+        leftSection: s != null ? /* @__PURE__ */ o("span", { className: T.iconWrapper, "aria-hidden": !0, children: s }) : void 0,
+        "data-variant": r,
+        "data-size": a,
+        ...p ? { "data-icon-only": "" } : {},
+        ...m,
+        children: /* @__PURE__ */ o("span", { className: T.labelText, children: t })
+      }
+    );
+  }
+);
+lo.displayName = "Button";
+const po = "Card-module__root___c9KvZ", mo = "Card-module__header___PTXf2", _o = "Card-module__footer___Mu-JC", uo = "Card-module__section___BRT8H", ho = "Card-module__content___oFIQa", z = {
+  root: po,
+  header: mo,
+  footer: _o,
+  section: uo,
+  content: ho
+}, he = f(function({ overStyled: r = !1, ...a }, s) {
+  const t = b(a, r), n = {
+    root: z.root
+  }, i = t.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const l = i;
+    Object.keys(l).forEach((c) => {
+      n[c] ? n[c] = `${n[c]} ${l[c]}` : n[c] = l[c];
+    });
+  }
+  const d = t.className;
+  return /* @__PURE__ */ o(
+    K,
+    {
+      ref: s,
+      className: d,
+      classNames: n,
+      ...t
+    }
+  );
+});
+he.displayName = "Card";
+const fe = f(
+  function({ overStyled: r = !1, ...a }, s) {
+    const t = b(a, r), n = t.className;
+    return /* @__PURE__ */ o(
+      K.Section,
+      {
+        ref: s,
+        className: n ? `${z.section} ${n}` : z.section,
+        ...t
+      }
+    );
+  }
+);
+fe.displayName = "CardSection";
+const be = f(
+  function({ overStyled: r = !1, ...a }, s) {
+    const t = b(a, r), n = t.className;
+    return /* @__PURE__ */ o(
+      K.Section,
+      {
+        ref: s,
+        className: n ? `${z.header} ${n}` : z.header,
+        ...t
+      }
+    );
+  }
+);
+be.displayName = "CardHeader";
+const Ne = f(
+  function({ overStyled: r = !1, ...a }, s) {
+    const t = b(a, r), n = t.className;
+    return /* @__PURE__ */ o(
+      K.Section,
+      {
+        ref: s,
+        className: n ? `${z.footer} ${n}` : z.footer,
+        ...t
+      }
+    );
+  }
+);
+Ne.displayName = "CardFooter";
+const ye = f(
+  function({ overStyled: r = !1, ...a }, s) {
+    const t = b(a, r), n = t.className;
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: s,
+        className: n ? `${z.content} ${n}` : z.content,
+        ...t
+      }
+    );
+  }
+);
+ye.displayName = "CardContent";
+const Y = he;
+Y.Section = fe;
+Y.Header = be;
+Y.Footer = Ne;
+Y.Content = ye;
+const fo = "_root_1qhn7_3", bo = "_contents_1qhn7_18", G = {
+  root: fo,
+  contents: bo
+}, No = f(function({ layer: e, contentsOnly: r, children: a, className: s, style: t, ...n }, i) {
+  const d = r ? s ? `${G.root} ${G.contents} ${s}` : `${G.root} ${G.contents}` : s ? `${G.root} ${s}` : G.root;
+  return /* @__PURE__ */ o(
     "div",
     {
-      ref: c,
-      className: i,
-      style: l,
-      ...o ? {} : { "data-recursica-layer": String(a) },
-      ...e,
-      children: t
+      ref: i,
+      className: d,
+      style: t,
+      ...r ? {} : { "data-recursica-layer": String(e) },
+      ...n,
+      children: a
     }
   );
 });
-co.displayName = "Layer";
-const C = "data-recursica-theme";
-function _o({
-  children: a,
-  theme: o = "light"
+No.displayName = "Layer";
+function te(e, r) {
+  const [a, s] = ke(!!e);
+  le(() => {
+    s(!!e);
+  }, [e]);
+  const t = Te(
+    (n) => {
+      s(!1), r == null || r(n);
+    },
+    [r]
+  );
+  return { isReadOnly: a, handleEditClick: t };
+}
+const H = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ o(O.Fragment, { children: e });
+H.displayName = "EmptyValueRenderer";
+H.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
+const ae = "data-recursica-theme";
+function Yo({
+  children: e,
+  theme: r = "light"
 }) {
-  return L(() => {
-    const t = document.documentElement;
-    return t.setAttribute(C, o), () => {
-      t.removeAttribute(C);
+  return le(() => {
+    const a = document.documentElement;
+    return a.setAttribute(ae, r), () => {
+      a.removeAttribute(ae);
     };
-  }, [o]), /* @__PURE__ */ r(P, { children: a });
+  }, [r]), /* @__PURE__ */ o(ie, { children: e });
 }
+const yo = "Label-module__root___e6HXZ", $o = "Label-module__labelText___rieFR", Co = "Label-module__required___Ggrzc", vo = "Label-module__optionalText___Y2yun", go = "Label-module__actionAreaWrapper___ELoZK", xo = "Label-module__editIconWrapper___NG2xW", P = {
+  root: yo,
+  labelText: $o,
+  required: Co,
+  optionalText: vo,
+  actionAreaWrapper: go,
+  editIconWrapper: xo
+}, $e = f(function({
+  formLayout: r = "stacked",
+  labelSize: a = "default",
+  labelAlignment: s,
+  required: t = !1,
+  labelOptionalText: n,
+  labelWithEditIcon: i,
+  labelActionArea: d,
+  onLabelEditClick: l,
+  children: c,
+  overStyled: m = !1,
+  ..._
+}, N) {
+  const y = s || (r === "side-by-side" ? "right" : "left");
+  let p;
+  t || (n === !0 ? p = "optional" : n && (p = n));
+  const h = b(_, m), C = h, v = {
+    label: P.root,
+    required: P.required
+  }, $ = C.classNames;
+  if ($ && typeof $ == "object" && !Array.isArray($)) {
+    const W = $;
+    v.label = W.label ? `${P.root} ${W.label}` : P.root, v.required = W.required ? `${P.required} ${W.required}` : P.required;
+  }
+  const g = C.className, R = g ? `${P.root} ${g}` : P.root;
+  return /* @__PURE__ */ j(
+    de.Label,
+    {
+      ref: N,
+      className: R,
+      classNames: v,
+      "data-layout": r,
+      "data-size": a,
+      "data-alignment": y,
+      required: t && !i,
+      ...h,
+      children: [
+        /* @__PURE__ */ o("span", { className: P.labelText, children: c }),
+        p && /* @__PURE__ */ o("span", { className: P.optionalText, children: typeof p == "string" ? `(${p})` : p }),
+        d ? /* @__PURE__ */ o("span", { className: P.actionAreaWrapper, children: d }) : i ? /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: P.editIconWrapper,
+            "data-replaces-asterisk": t ? "true" : void 0,
+            onClick: l,
+            "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
+      ]
+    }
+  );
+});
+$e.displayName = "Label";
+const Ao = "AssistiveElement-module__root___WhQ43", Po = "AssistiveElement-module__textWrapper___sfy5E", Wo = "AssistiveElement-module__iconWrapper___gObRF", U = {
+  root: Ao,
+  textWrapper: Po,
+  iconWrapper: Wo
+}, ko = () => /* @__PURE__ */ j(
+  "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" })
+    ]
+  }
+), To = () => /* @__PURE__ */ j(
+  "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" })
+    ]
+  }
+), J = f(function({
+  assistiveVariant: r = "help",
+  assistiveWithIcon: a = !0,
+  children: s,
+  className: t,
+  overStyled: n = !1,
+  ...i
+}, d) {
+  const c = b(i, n), m = U.root, _ = t ? `${m} ${t}` : m, N = r === "error" ? To : ko;
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      ref: d,
+      className: _,
+      "data-variant": r,
+      style: c.style,
+      ...c,
+      children: [
+        a && /* @__PURE__ */ o("span", { className: U.iconWrapper, children: /* @__PURE__ */ o(N, {}) }),
+        /* @__PURE__ */ o("span", { className: U.textWrapper, children: s })
+      ]
+    }
+  );
+});
+J.displayName = "AssistiveElement";
+const Ro = "FormControlWrapper-module__root___c-UHo", Lo = "FormControlWrapper-module__labelSection___hxSY4", wo = "FormControlWrapper-module__inputSection___HenXk", X = {
+  root: Ro,
+  labelSection: Lo,
+  inputSection: wo
+}, q = f(function({
+  formLayout: r,
+  labelSize: a,
+  labelAlignment: s,
+  labelOptionalText: t,
+  labelWithEditIcon: n,
+  labelActionArea: i,
+  onLabelEditClick: d,
+  label: l,
+  description: c,
+  assistiveText: m,
+  assistiveWithIcon: _ = !0,
+  controlMaxWidth: N,
+  controlMinWidth: y,
+  error: p,
+  required: h,
+  withAsterisk: C,
+  id: v,
+  children: $,
+  className: g,
+  overStyled: R = !1,
+  ...W
+}, D) {
+  const V = Re(), L = v || `recursica-fc-${V}`, x = m || c, w = x ? `${L}-assistive` : void 0, A = p ? `${L}-error` : void 0, M = b(W, R), re = g || M.className, ne = X.root, Pe = re ? `${ne} ${re}` : ne, We = O.isValidElement($) ? O.cloneElement(
+    $,
+    {
+      ...x && !$.props["aria-describedby"] ? { "aria-describedby": w } : {},
+      ...p && !$.props["aria-errormessage"] ? { "aria-errormessage": A } : {}
+    }
+  ) : $;
+  return /* @__PURE__ */ j(
+    pe,
+    {
+      ref: D,
+      className: Pe,
+      "data-form-layout": r || "stacked",
+      "data-form-alignment": s || "left",
+      style: {
+        ...M.style || {},
+        ...N ? { "--form-control-max-width": N } : {},
+        ...y ? { "--form-control-min-width": y } : {}
+      },
+      ...M,
+      children: [
+        l && /* @__PURE__ */ o("div", { className: X.labelSection, children: /* @__PURE__ */ o(
+          $e,
+          {
+            id: L,
+            formLayout: r,
+            labelSize: a,
+            labelAlignment: s,
+            labelOptionalText: t,
+            labelWithEditIcon: n,
+            labelActionArea: i,
+            onLabelEditClick: d,
+            required: C ?? h,
+            ...M.labelElement === "div" ? { as: "div" } : {},
+            children: l
+          }
+        ) }),
+        /* @__PURE__ */ j("div", { className: X.inputSection, children: [
+          We,
+          p && /* @__PURE__ */ o(
+            J,
+            {
+              id: A,
+              assistiveVariant: "error",
+              assistiveWithIcon: _,
+              children: p
+            }
+          ),
+          !p && x && /* @__PURE__ */ o(
+            J,
+            {
+              id: w,
+              assistiveVariant: "help",
+              assistiveWithIcon: _,
+              children: x
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+q.displayName = "FormControlWrapper";
+const Eo = "Checkbox-module__groupRoot___cBS0o", Fo = "Checkbox-module__root___mY3qk", So = "Checkbox-module__body___5yC7q", zo = "Checkbox-module__inner___rTke4", Bo = "Checkbox-module__input___2kt-h", Io = "Checkbox-module__icon___-O7i6", Oo = "Checkbox-module__labelWrapper___GpZkr", jo = "Checkbox-module__label___cwRtI", u = {
+  groupRoot: Eo,
+  root: Fo,
+  body: So,
+  inner: zo,
+  input: Bo,
+  icon: Io,
+  labelWrapper: Oo,
+  label: jo
+}, Ce = f(
+  function({
+    overStyled: r = !1,
+    formLayout: a = "stacked",
+    // Label Wrappers
+    labelSize: s,
+    labelAlignment: t,
+    labelOptionalText: n,
+    labelWithEditIcon: i,
+    onLabelEditClick: d,
+    // Base Mantine Extracted Attributes
+    label: l,
+    description: c,
+    assistiveText: m,
+    assistiveWithIcon: _,
+    error: N,
+    required: y,
+    withAsterisk: p,
+    id: h,
+    className: C,
+    style: v,
+    children: $,
+    readOnly: g,
+    readOnlyComponent: R,
+    ...W
+  }, D) {
+    const { isReadOnly: V, handleEditClick: L } = te(
+      g,
+      d
+    ), x = b(W, r), w = x;
+    return delete w.size, V && R ? /* @__PURE__ */ o(
+      q,
+      {
+        className: C,
+        style: v,
+        overStyled: r,
+        labelElement: "div",
+        formLayout: a,
+        labelSize: s,
+        labelAlignment: t,
+        labelOptionalText: n,
+        labelWithEditIcon: i,
+        onLabelEditClick: L,
+        label: l,
+        description: c,
+        assistiveText: m,
+        assistiveWithIcon: _,
+        error: N,
+        required: y,
+        withAsterisk: p,
+        id: h,
+        children: R
+      }
+    ) : /* @__PURE__ */ o(
+      q,
+      {
+        className: C,
+        style: v,
+        overStyled: r,
+        labelElement: "div",
+        formLayout: a,
+        labelSize: s,
+        labelAlignment: t,
+        labelOptionalText: n,
+        labelWithEditIcon: i,
+        onLabelEditClick: L,
+        label: l,
+        description: c,
+        assistiveText: m,
+        assistiveWithIcon: _,
+        error: N,
+        required: y,
+        withAsterisk: p,
+        id: h,
+        children: /* @__PURE__ */ o(
+          me.Group,
+          {
+            ref: D,
+            ...x,
+            children: /* @__PURE__ */ o("div", { className: u.groupRoot, "data-layout": a, children: O.Children.map($, (A) => O.isValidElement(A) ? O.cloneElement(A, {
+              disabled: V || A.props.disabled
+            }) : A) })
+          }
+        )
+      }
+    );
+  }
+);
+Ce.displayName = "CheckboxGroup";
+const ve = f(
+  function({ overStyled: r = !1, readOnly: a, readOnlyComponent: s, disabled: t, ...n }, i) {
+    const { isReadOnly: d } = te(a), l = b(n, r), c = l;
+    if (delete c.size, delete c.color, delete c.radius, delete c.variant, delete c.iconColor, d && s)
+      return /* @__PURE__ */ o(
+        q,
+        {
+          overStyled: r,
+          ...l,
+          children: s
+        }
+      );
+    const m = {
+      root: u.root,
+      body: u.body,
+      inner: u.inner,
+      input: u.input,
+      icon: u.icon,
+      labelWrapper: u.labelWrapper,
+      label: u.label
+    }, _ = c.classNames;
+    if (_ && typeof _ == "object" && !Array.isArray(_)) {
+      const p = _;
+      m.root = p.root ? `${u.root} ${p.root}` : u.root, m.body = p.body ? `${u.body} ${p.body}` : u.body, m.inner = p.inner ? `${u.inner} ${p.inner}` : u.inner, m.input = p.input ? `${u.input} ${p.input}` : u.input, m.icon = p.icon ? `${u.icon} ${p.icon}` : u.icon, m.labelWrapper = p.labelWrapper ? `${u.labelWrapper} ${p.labelWrapper}` : u.labelWrapper, m.label = p.label ? `${u.label} ${p.label}` : u.label;
+    }
+    const N = c.className, y = N ? `${u.root} ${N}` : u.root;
+    return /* @__PURE__ */ o(
+      me,
+      {
+        ref: i,
+        className: y,
+        classNames: m,
+        disabled: d || t,
+        ...l
+      }
+    );
+  }
+);
+ve.displayName = "Checkbox";
+ve.Group = Ce;
+const Uo = (e) => /* @__PURE__ */ o("div", { ...e, children: "Chip" }), Xo = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), Jo = (e) => /* @__PURE__ */ o("div", { ...e, children: "Dropdown" }), Qo = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), et = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), ot = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), tt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), rt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Loader" }), nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), st = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), at = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), it = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), lt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), dt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Radio" }), qo = "ReadOnlyField-module__textField___qKn25", ce = {
+  textField: qo
+}, ge = ({
+  value: e,
+  overStyled: r = !1,
+  ...a
+}) => {
+  const s = b(a, r), t = s.className;
+  return /* @__PURE__ */ o(
+    pe,
+    {
+      component: "p",
+      className: t ? `${ce.textField} ${t}` : ce.textField,
+      ...s,
+      children: e != null ? O.isValidElement(e) ? e : String(e) : ""
+    }
+  );
+};
+ge.displayName = "ReadOnlyTextField";
+const xe = f(
+  function({ value: r, type: a = "text", emptyValueComponent: s, overStyled: t = !1, ...n }, i) {
+    let d = null;
+    const l = b(n, t), c = s || H, _ = (c.check ? c.check(r) : H.check(r)) ? /* @__PURE__ */ o(c, { value: r }) : r;
+    switch (a) {
+      case "text":
+      default:
+        d = /* @__PURE__ */ o(
+          ge,
+          {
+            value: _,
+            overStyled: t
+          }
+        );
+        break;
+    }
+    return /* @__PURE__ */ o(
+      q,
+      {
+        ref: i,
+        overStyled: t,
+        ...l,
+        children: d
+      }
+    );
+  }
+);
+xe.displayName = "ReadOnlyField";
+const Ae = f(function({
+  readOnly: r,
+  readOnlyComponent: a,
+  readOnlyType: s = "text",
+  readOnlyValue: t,
+  activeComponent: n,
+  overStyled: i,
+  onLabelEditClick: d,
+  ...l
+}, c) {
+  const { isReadOnly: m, handleEditClick: _ } = te(
+    r,
+    d
+  );
+  return m ? a ? /* @__PURE__ */ o(
+    q,
+    {
+      ref: c,
+      ...l,
+      onLabelEditClick: _,
+      overStyled: i,
+      children: a
+    }
+  ) : /* @__PURE__ */ o(
+    xe,
+    {
+      ref: c,
+      type: s,
+      value: t,
+      onLabelEditClick: _,
+      overStyled: i,
+      ...l
+    }
+  ) : /* @__PURE__ */ o(
+    q,
+    {
+      ref: c,
+      ...l,
+      onLabelEditClick: _,
+      overStyled: i,
+      children: n
+    }
+  );
+});
+Ae.displayName = "WithReadOnlyWrapper";
+const pt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), mt = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), _t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), ut = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), ht = (e) => /* @__PURE__ */ o("div", { ...e, children: "Switch" }), ft = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), bt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), Nt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextArea" }), Vo = "TextField-module__root___2ZYkG", Go = "TextField-module__input___RL-My", Do = "TextField-module__section___bCIJ0", F = {
+  root: Vo,
+  input: Go,
+  section: Do
+}, Mo = f(
+  function({
+    overStyled: r = !1,
+    formLayout: a = "stacked",
+    // Label & Wrapper Maps
+    labelSize: s,
+    labelAlignment: t,
+    labelOptionalText: n,
+    labelWithEditIcon: i,
+    onLabelEditClick: d,
+    label: l,
+    assistiveText: c,
+    assistiveWithIcon: m,
+    error: _,
+    required: N,
+    withAsterisk: y,
+    id: p,
+    className: h,
+    style: C,
+    disabled: v,
+    readOnly: $,
+    readOnlyComponent: g,
+    value: R,
+    defaultValue: W,
+    ...D
+  }, V) {
+    const L = b(D, r), x = L;
+    delete x.size, delete x.variant, delete x.radius;
+    const w = {
+      wrapper: F.root,
+      // The nested Input internal relative wrapper bounding box
+      input: F.input,
+      section: F.section
+    }, A = x.classNames;
+    if (A && typeof A == "object" && !Array.isArray(A)) {
+      const I = A;
+      w.wrapper = I.wrapper ? `${F.root} ${I.wrapper}` : F.root, w.input = I.input ? `${F.input} ${I.input}` : F.input, w.section = I.section ? `${F.section} ${I.section}` : F.section;
+    }
+    return /* @__PURE__ */ o(
+      Ae,
+      {
+        className: h,
+        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: r,
+        formLayout: a,
+        labelSize: s,
+        labelAlignment: t,
+        labelOptionalText: n,
+        labelWithEditIcon: i,
+        onLabelEditClick: d,
+        label: l,
+        assistiveText: c,
+        assistiveWithIcon: m,
+        error: _,
+        required: N,
+        withAsterisk: y,
+        id: p,
+        readOnly: $,
+        readOnlyComponent: g,
+        readOnlyType: "text",
+        readOnlyValue: R !== void 0 ? R : W,
+        activeComponent: (
+          /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
+          /* @__PURE__ */ o(
+            de,
+            {
+              ref: V,
+              classNames: w,
+              disabled: v,
+              value: R,
+              defaultValue: W,
+              wrapperProps: {
+                "data-disabled": v ? "true" : void 0,
+                "data-error": _ ? "true" : void 0
+              },
+              ...L
+            }
+          )
+        )
+      }
+    );
+  }
+);
+Mo.displayName = "TextField";
+const yt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), $t = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), Ct = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), vt = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), gt = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" });
 export {
-  S as Accordion,
-  x as AccordionControl,
-  D as AccordionItem,
-  B as AccordionPanel,
-  no as Avatar,
-  F as Button,
-  co as Layer,
-  _o as RecursicaThemeProvider
+  oe as Accordion,
+  Q as AccordionControl,
+  ue as AccordionItem,
+  ee as AccordionPanel,
+  Xe as Avatar,
+  Qe as Badge,
+  to as Breadcrumb,
+  lo as Button,
+  Y as Card,
+  ye as CardContent,
+  Ne as CardFooter,
+  be as CardHeader,
+  fe as CardSection,
+  ve as Checkbox,
+  Ce as CheckboxGroup,
+  Uo as Chip,
+  Xo as DatePicker,
+  Jo as Dropdown,
+  H as EmptyValueRenderer,
+  Qo as FileInput,
+  et as FileUpload,
+  ot as HoverCard,
+  $e as Label,
+  No as Layer,
+  tt as Link,
+  rt as Loader,
+  nt as Menu,
+  st as Modal,
+  at as NumberInput,
+  ct as Pagination,
+  it as Panel,
+  lt as Popover,
+  dt as Radio,
+  xe as ReadOnlyField,
+  ge as ReadOnlyTextField,
+  Yo as RecursicaThemeProvider,
+  pt as Search,
+  mt as SegmentedControl,
+  _t as Slider,
+  ut as Stepper,
+  ht as Switch,
+  ft as Table,
+  bt as Tabs,
+  Nt as TextArea,
+  Mo as TextField,
+  yt as TimePicker,
+  $t as Timeline,
+  Ct as Toast,
+  vt as Tooltip,
+  gt as TransferList,
+  Ae as WithReadOnlyWrapper,
+  te as useReadOnlyControl
 };
 //# sourceMappingURL=mantine-adapter.js.map