@recursica/mantine-adapter 0.3.0 → 0.5.0

package/dist/mantine-adapter.js

@@ -1,240 +1,344 @@
-import { jsx as a, jsxs as P, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as A, useEffect as j } from "react";
-import { Button as D, Accordion as $, Avatar as I } from "@mantine/core";
-const R = "Layer-module__root___uz07-", V = "Layer-module__contents___A7K56", f = {
-  root: R,
-  contents: V
-}, z = A(function({ layer: t, contentsOnly: o, children: n, className: r, style: e, ...l }, i) {
-  const m = o ? r ? `${f.root} ${f.contents} ${r}` : `${f.root} ${f.contents}` : r ? `${f.root} ${r}` : f.root;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: i,
-      className: m,
-      style: e,
-      ...o ? {} : { "data-recursica-layer": String(t) },
-      ...l,
-      children: n
-    }
-  );
-});
-z.displayName = "Layer";
-const w = "Button-module__root___Q2R8-", K = "Button-module__label___UJ3Zt", F = "Button-module__labelText___rFV5p", H = "Button-module__iconWrapper___uEKPa", J = "Button-module__section___f2mKr", _ = {
-  root: w,
-  label: K,
-  labelText: F,
-  iconWrapper: H,
-  section: J
-};
-function M(c) {
-  return c == null || c === "" ? !1 : typeof c == "string" ? c.trim() !== "" : !0;
-}
-const O = A(
-  function({
-    variant: t = "solid",
-    size: o = "default",
-    icon: n,
-    className: r,
-    classNames: e,
-    children: l,
-    style: i,
-    ...m
-  }, g) {
-    const W = {
-      solid: "filled",
-      outline: "outline",
-      text: "subtle"
-    }, x = {
-      default: "md",
-      small: "sm"
-    }, b = m, y = !!n || !!b.leftSection, p = !!b.rightSection, d = (y || p) && !M(l);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && d && !b["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: _.root,
-      section: _.section,
-      label: _.label
-    };
-    if (e && typeof e == "object" && !Array.isArray(e)) {
-      const v = e;
-      h.root = v.root ? `${_.root} ${v.root}` : _.root, h.section = v.section ?? _.section, h.label = v.label ?? _.label;
-    }
-    return /* @__PURE__ */ a(
-      D,
-      {
-        ref: g,
-        className: r,
-        classNames: h,
-        variant: W[t],
-        size: x[o],
-        style: i,
-        leftSection: n != null ? /* @__PURE__ */ a("span", { className: _.iconWrapper, "aria-hidden": !0, children: n }) : void 0,
-        "data-variant": t,
-        "data-size": o,
-        ...d ? { "data-icon-only": "" } : {},
-        ...m,
-        children: /* @__PURE__ */ a("span", { className: _.labelText, children: l })
-      }
-    );
-  }
-);
-O.displayName = "Button";
-const U = "Accordion-module__root___Dem6d", X = "Accordion-module__item___7ryVk", Z = "Accordion-module__noDivider___Ni2tT", q = "Accordion-module__control___b4wgX", G = "Accordion-module__label___Ss7uW", Q = "Accordion-module__chevron___i-HVZ", Y = "Accordion-module__iconLeftWrapper___5oLen", k = "Accordion-module__panel___Wx50w", oo = "Accordion-module__content___PEM9t", u = {
-  root: U,
-  item: X,
-  noDivider: Z,
-  control: q,
-  label: G,
-  chevron: Q,
-  iconLeftWrapper: Y,
-  panel: k,
-  content: oo
-}, E = function({
-  className: t,
-  classNames: o,
+import { jsx as o, jsxs as F, Fragment as L } from "react/jsx-runtime";
+import { forwardRef as b, useEffect as R } from "react";
+import { Accordion as T, Avatar as j, Badge as z, Button as O } from "@mantine/core";
+const V = "Accordion-module__root___Dem6d", k = "Accordion-module__item___7ryVk", M = "Accordion-module__noDivider___Ni2tT", K = "Accordion-module__control___b4wgX", q = "Accordion-module__label___Ss7uW", H = "Accordion-module__chevron___i-HVZ", U = "Accordion-module__iconLeftWrapper___5oLen", G = "Accordion-module__panel___Wx50w", J = "Accordion-module__content___PEM9t", _ = {
+  root: V,
+  item: k,
+  noDivider: M,
+  control: K,
+  label: q,
+  chevron: H,
+  iconLeftWrapper: U,
+  panel: G,
+  content: J
+}, D = function({
+  className: r,
+  classNames: t,
   variant: n = "unstyled",
-  ...r
+  ...l
 }) {
-  const e = {
-    root: u.root,
-    item: u.item,
-    control: u.control,
-    label: u.label,
-    chevron: u.chevron,
-    panel: u.panel,
-    content: u.content
+  const c = {
+    root: _.root,
+    item: _.item,
+    control: _.control,
+    label: _.label,
+    chevron: _.chevron,
+    panel: _.panel,
+    content: _.content
   };
-  if (o && typeof o == "object" && !Array.isArray(o)) {
-    const l = o;
-    Object.keys(l).forEach((i) => {
-      e[i] ? e[i] = `${e[i]} ${l[i]}` : e[i] = l[i];
+  if (t && typeof t == "object" && !Array.isArray(t)) {
+    const a = t;
+    Object.keys(a).forEach((i) => {
+      c[i] ? c[i] = `${c[i]} ${a[i]}` : c[i] = a[i];
     });
   }
-  return /* @__PURE__ */ a(
-    $,
+  return /* @__PURE__ */ o(
+    T,
     {
       variant: n,
-      className: t,
-      classNames: e,
-      ...r
+      className: r,
+      classNames: c,
+      ...l
     }
   );
 };
-E.displayName = "Accordion";
-const T = A(function({ title: t, leftIcon: o, divider: n = !0, children: r, ...e }, l) {
-  return /* @__PURE__ */ a(
-    $.Item,
+D.displayName = "Accordion";
+const I = b(function({ title: r, leftIcon: t, divider: n = !0, children: l, ...c }, a) {
+  return /* @__PURE__ */ o(
+    T.Item,
     {
-      ref: l,
-      className: n ? void 0 : u.noDivider,
-      ...e,
-      children: t ? /* @__PURE__ */ P(C, { children: [
-        /* @__PURE__ */ a(B, { leftIcon: o, children: t }),
-        /* @__PURE__ */ a(N, { children: r })
-      ] }) : r
+      ref: a,
+      className: n ? void 0 : _.noDivider,
+      ...c,
+      children: r ? /* @__PURE__ */ F(L, { children: [
+        /* @__PURE__ */ o(S, { leftIcon: t, children: r }),
+        /* @__PURE__ */ o(C, { children: l })
+      ] }) : l
     }
   );
 });
-T.displayName = "AccordionItem";
-const B = A(function({ leftIcon: t, children: o, ...n }, r) {
-  return /* @__PURE__ */ a(
-    $.Control,
+I.displayName = "AccordionItem";
+const S = b(function({ leftIcon: r, children: t, ...n }, l) {
+  return /* @__PURE__ */ o(
+    T.Control,
     {
-      ref: r,
-      icon: t ? /* @__PURE__ */ a("span", { className: u.iconLeftWrapper, "aria-hidden": !0, children: t }) : void 0,
+      ref: l,
+      icon: r ? /* @__PURE__ */ o("span", { className: _.iconLeftWrapper, "aria-hidden": !0, children: r }) : void 0,
       ...n,
-      children: o
+      children: t
     }
   );
 });
-B.displayName = "AccordionControl";
-const N = A(
-  function(t, o) {
-    return /* @__PURE__ */ a($.Panel, { ref: o, ...t });
+S.displayName = "AccordionControl";
+const C = b(
+  function(r, t) {
+    return /* @__PURE__ */ o(T.Panel, { ref: t, ...r });
   }
 );
-N.displayName = "AccordionPanel";
-const L = E;
-L.Item = T;
-L.Control = B;
-L.Panel = N;
-const to = "Avatar-module__root___fXu-J", eo = "Avatar-module__iconWrapper___ojly2", no = "Avatar-module__textWrapper___zp-jD", ro = "Avatar-module__image___ieqGp", ao = "Avatar-module__placeholder___IDW7-", s = {
-  root: to,
-  iconWrapper: eo,
-  textWrapper: no,
-  image: ro,
-  placeholder: ao
-}, co = A(function({
-  size: t = "default",
-  variant: o = "solid",
+C.displayName = "AccordionPanel";
+const x = D;
+x.Item = I;
+x.Control = S;
+x.Panel = C;
+const X = "Avatar-module__root___fXu-J", Y = "Avatar-module__iconWrapper___ojly2", Z = "Avatar-module__textWrapper___zp-jD", Q = "Avatar-module__image___ieqGp", ee = "Avatar-module__placeholder___IDW7-", d = {
+  root: X,
+  iconWrapper: Y,
+  textWrapper: Z,
+  image: Q,
+  placeholder: ee
+}, oe = b(function({
+  size: r = "default",
+  variant: t = "solid",
   icon: n,
-  className: r,
-  classNames: e,
-  children: l,
+  className: l,
+  classNames: c,
+  children: a,
   style: i,
-  src: m,
-  ...g
-}, W) {
-  const x = {
+  src: h,
+  ...A
+}, m) {
+  const v = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, b = {
+  }, P = {
     default: "md",
     small: "sm",
     large: "lg"
   };
-  let y = "text";
-  m ? y = "image" : n && (y = "icon");
-  const p = {
-    root: s.root,
-    image: s.image,
-    placeholder: s.placeholder
+  let g = "text";
+  h ? g = "image" : n && (g = "icon");
+  const f = {
+    root: d.root,
+    image: d.image,
+    placeholder: d.placeholder
   };
-  if (e && typeof e == "object" && !Array.isArray(e)) {
-    const d = e;
-    p.root = d.root ? `${s.root} ${d.root}` : s.root, p.image = d.image ? `${s.image} ${d.image}` : s.image, p.placeholder = d.placeholder ? `${s.placeholder} ${d.placeholder}` : s.placeholder;
+  if (c && typeof c == "object" && !Array.isArray(c)) {
+    const s = c;
+    f.root = s.root ? `${d.root} ${s.root}` : d.root, f.image = s.image ? `${d.image} ${s.image}` : d.image, f.placeholder = s.placeholder ? `${d.placeholder} ${s.placeholder}` : d.placeholder;
   }
-  return /* @__PURE__ */ a(
-    I,
+  return /* @__PURE__ */ o(
+    j,
     {
-      ref: W,
-      className: r,
-      classNames: p,
-      variant: x[o],
-      size: b[t],
+      ref: m,
+      className: l,
+      classNames: f,
+      variant: v[t],
+      size: P[r],
       style: i,
-      src: m,
-      "data-variant": o,
-      "data-size": t,
-      "data-style": y,
-      ...g,
-      children: n != null ? /* @__PURE__ */ a("span", { className: s.iconWrapper, "aria-hidden": !0, children: n }) : l != null ? /* @__PURE__ */ a("span", { className: s.textWrapper, children: l }) : void 0
+      src: h,
+      "data-variant": t,
+      "data-size": r,
+      "data-style": g,
+      ...A,
+      children: n != null ? /* @__PURE__ */ o("span", { className: d.iconWrapper, "aria-hidden": !0, children: n }) : a != null ? /* @__PURE__ */ o("span", { className: d.textWrapper, children: a }) : void 0
+    }
+  );
+});
+oe.displayName = "Avatar";
+const te = [
+  "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
+];
+function w(e, r) {
+  if (r)
+    return e;
+  const t = { ...e };
+  for (const n of te)
+    n in t && delete t[n];
+  return t;
+}
+const re = "Badge-module__root___5osNT", p = {
+  root: re
+}, ne = b(function({ variant: r = "primary-color", overStyled: t = !1, ...n }, l) {
+  const c = w(n, t), a = {
+    root: p.root,
+    section: p.section,
+    label: p.label
+  }, i = c.classNames;
+  if (i && typeof i == "object" && !Array.isArray(i)) {
+    const m = i;
+    a.root = m.root ? `${p.root} ${m.root}` : p.root, a.section = m.section ?? p.section, a.label = m.label ?? p.label;
+  }
+  const h = c.className, A = h ? `${p.root} ${h}` : p.root;
+  return /* @__PURE__ */ o(
+    z,
+    {
+      ref: l,
+      variant: "filled",
+      "data-variant": r,
+      ...c,
+      className: A,
+      classNames: a
+    }
+  );
+});
+ne.displayName = "Badge";
+const be = (e) => /* @__PURE__ */ o("div", { ...e, children: "Breadcrumb" }), ce = "Button-module__root___Q2R8-", ae = "Button-module__label___UJ3Zt", ie = "Button-module__labelText___rFV5p", le = "Button-module__iconWrapper___uEKPa", se = "Button-module__section___f2mKr", u = {
+  root: ce,
+  label: ae,
+  labelText: ie,
+  iconWrapper: le,
+  section: se
+};
+function de(e) {
+  return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
+}
+const ue = b(
+  function({
+    variant: r = "solid",
+    size: t = "default",
+    icon: n,
+    children: l,
+    overStyled: c = !1,
+    ...a
+  }, i) {
+    const h = {
+      solid: "filled",
+      outline: "outline",
+      text: "subtle"
+    }, A = {
+      default: "md",
+      small: "sm"
+    }, m = w(a, c), v = m, P = !!n || !!v.leftSection, g = !!v.rightSection, f = (P || g) && !de(l);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && f && !v["aria-label"] && console.warn(
+      '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
+    );
+    const s = {
+      root: u.root,
+      section: u.section,
+      label: u.label
+    }, N = v.classNames;
+    if (N && typeof N == "object" && !Array.isArray(N)) {
+      const $ = N;
+      s.root = $.root ? `${u.root} ${$.root}` : u.root, s.section = $.section ?? u.section, s.label = $.label ?? u.label;
+    }
+    const B = v.className, E = B ? `${u.root} ${B}` : u.root;
+    return /* @__PURE__ */ o(
+      O,
+      {
+        ref: i,
+        className: E,
+        classNames: s,
+        variant: h[r],
+        size: A[t],
+        leftSection: n != null ? /* @__PURE__ */ o("span", { className: u.iconWrapper, "aria-hidden": !0, children: n }) : void 0,
+        "data-variant": r,
+        "data-size": t,
+        ...f ? { "data-icon-only": "" } : {},
+        ...m,
+        children: /* @__PURE__ */ o("span", { className: u.labelText, children: l })
+      }
+    );
+  }
+);
+ue.displayName = "Button";
+const ye = (e) => /* @__PURE__ */ o("div", { ...e, children: "Card" }), Ae = (e) => /* @__PURE__ */ o("div", { ...e, children: "Checkbox" }), ge = (e) => /* @__PURE__ */ o("div", { ...e, children: "Chip" }), Ne = (e) => /* @__PURE__ */ o("div", { ...e, children: "DatePicker" }), $e = (e) => /* @__PURE__ */ o("div", { ...e, children: "Dropdown" }), Te = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileInput" }), Pe = (e) => /* @__PURE__ */ o("div", { ...e, children: "FileUpload" }), Se = (e) => /* @__PURE__ */ o("div", { ...e, children: "HoverCard" }), Ce = (e) => /* @__PURE__ */ o("div", { ...e, children: "Link" }), xe = (e) => /* @__PURE__ */ o("div", { ...e, children: "Loader" }), Be = (e) => /* @__PURE__ */ o("div", { ...e, children: "Menu" }), We = (e) => /* @__PURE__ */ o("div", { ...e, children: "Modal" }), Le = (e) => /* @__PURE__ */ o("div", { ...e, children: "NumberInput" }), De = (e) => /* @__PURE__ */ o("div", { ...e, children: "Pagination" }), Ie = (e) => /* @__PURE__ */ o("div", { ...e, children: "Panel" }), we = (e) => /* @__PURE__ */ o("div", { ...e, children: "Popover" }), Ee = (e) => /* @__PURE__ */ o("div", { ...e, children: "Radio" }), Fe = (e) => /* @__PURE__ */ o("div", { ...e, children: "ReadOnlyField" }), Re = (e) => /* @__PURE__ */ o("div", { ...e, children: "Search" }), je = (e) => /* @__PURE__ */ o("div", { ...e, children: "SegmentedControl" }), ze = (e) => /* @__PURE__ */ o("div", { ...e, children: "Slider" }), Oe = (e) => /* @__PURE__ */ o("div", { ...e, children: "Stepper" }), Ve = (e) => /* @__PURE__ */ o("div", { ...e, children: "Switch" }), ke = (e) => /* @__PURE__ */ o("div", { ...e, children: "Table" }), Me = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tabs" }), Ke = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextArea" }), qe = (e) => /* @__PURE__ */ o("div", { ...e, children: "TextField" }), He = (e) => /* @__PURE__ */ o("div", { ...e, children: "TimePicker" }), Ue = (e) => /* @__PURE__ */ o("div", { ...e, children: "Timeline" }), Ge = (e) => /* @__PURE__ */ o("div", { ...e, children: "Toast" }), Je = (e) => /* @__PURE__ */ o("div", { ...e, children: "Tooltip" }), Xe = (e) => /* @__PURE__ */ o("div", { ...e, children: "TransferList" }), me = "_root_1qhn7_3", pe = "_contents_1qhn7_18", y = {
+  root: me,
+  contents: pe
+}, _e = b(function({ layer: e, contentsOnly: r, children: t, className: n, style: l, ...c }, a) {
+  const i = r ? n ? `${y.root} ${y.contents} ${n}` : `${y.root} ${y.contents}` : n ? `${y.root} ${n}` : y.root;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: i,
+      style: l,
+      ...r ? {} : { "data-recursica-layer": String(e) },
+      ...c,
+      children: t
     }
   );
 });
-co.displayName = "Avatar";
-const S = "data-recursica-theme";
-function _o({
-  children: c,
-  theme: t = "light"
+_e.displayName = "Layer";
+const W = "data-recursica-theme";
+function Ye({
+  children: e,
+  theme: r = "light"
 }) {
-  return j(() => {
-    const o = document.documentElement;
-    return o.setAttribute(S, t), () => {
-      o.removeAttribute(S);
+  return R(() => {
+    const t = document.documentElement;
+    return t.setAttribute(W, r), () => {
+      t.removeAttribute(W);
     };
-  }, [t]), /* @__PURE__ */ a(C, { children: c });
+  }, [r]), /* @__PURE__ */ o(L, { children: e });
 }
 export {
-  L as Accordion,
-  B as AccordionControl,
-  T as AccordionItem,
-  N as AccordionPanel,
-  co as Avatar,
-  O as Button,
-  z as Layer,
-  _o as RecursicaThemeProvider
+  x as Accordion,
+  S as AccordionControl,
+  I as AccordionItem,
+  C as AccordionPanel,
+  oe as Avatar,
+  ne as Badge,
+  be as Breadcrumb,
+  ue as Button,
+  ye as Card,
+  Ae as Checkbox,
+  ge as Chip,
+  Ne as DatePicker,
+  $e as Dropdown,
+  Te as FileInput,
+  Pe as FileUpload,
+  Se as HoverCard,
+  _e as Layer,
+  Ce as Link,
+  xe as Loader,
+  Be as Menu,
+  We as Modal,
+  Le as NumberInput,
+  De as Pagination,
+  Ie as Panel,
+  we as Popover,
+  Ee as Radio,
+  Fe as ReadOnlyField,
+  Ye as RecursicaThemeProvider,
+  Re as Search,
+  je as SegmentedControl,
+  ze as Slider,
+  Oe as Stepper,
+  Ve as Switch,
+  ke as Table,
+  Me as Tabs,
+  Ke as TextArea,
+  qe as TextField,
+  He as TimePicker,
+  Ue as Timeline,
+  Ge as Toast,
+  Je as Tooltip,
+  Xe as TransferList
 };
 //# sourceMappingURL=mantine-adapter.js.map