@recursica/mantine-adapter 0.4.0 → 0.5.0

package/dist/mantine-adapter.js

@@ -1,240 +1,344 @@
-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", _ = {
+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,
-  label: R,
-  labelText: z,
-  iconWrapper: w,
-  section: O
-};
-function q(a) {
-  return a == null || a === "" ? !1 : typeof a == "string" ? a.trim() !== "" : !0;
-}
-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,
+  item: k,
+  noDivider: M,
+  control: K,
+  label: q,
   chevron: H,
-  iconLeftWrapper: M,
-  panel: Q,
-  content: U
-}, j = function({
-  className: o,
+  iconLeftWrapper: U,
+  panel: G,
+  content: J
+}, D = function({
+  className: r,
   classNames: t,
   variant: n = "unstyled",
   ...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 (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 a = t;
+    Object.keys(a).forEach((i) => {
+      c[i] ? c[i] = `${c[i]} ${a[i]}` : c[i] = a[i];
     });
   }
-  return /* @__PURE__ */ r(
-    g,
+  return /* @__PURE__ */ o(
+    T,
     {
       variant: n,
-      className: o,
-      classNames: e,
+      className: r,
+      classNames: c,
       ...l
     }
   );
 };
-j.displayName = "Accordion";
-const D = f(function({ title: o, leftIcon: t, divider: n = !0, children: l, ...e }, c) {
-  return /* @__PURE__ */ r(
-    g.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: 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 })
+      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
     }
   );
 });
-D.displayName = "AccordionItem";
-const x = f(function({ leftIcon: o, children: t, ...n }, l) {
-  return /* @__PURE__ */ r(
-    g.Control,
+I.displayName = "AccordionItem";
+const S = b(function({ leftIcon: r, children: t, ...n }, l) {
+  return /* @__PURE__ */ o(
+    T.Control,
     {
       ref: l,
-      icon: o ? /* @__PURE__ */ r("span", { className: u.iconLeftWrapper, "aria-hidden": !0, children: o }) : void 0,
+      icon: r ? /* @__PURE__ */ o("span", { className: _.iconLeftWrapper, "aria-hidden": !0, children: r }) : void 0,
       ...n,
       children: t
     }
   );
 });
-x.displayName = "AccordionControl";
-const B = f(
-  function(o, t) {
-    return /* @__PURE__ */ r(g.Panel, { ref: t, ...o });
+S.displayName = "AccordionControl";
+const C = b(
+  function(r, t) {
+    return /* @__PURE__ */ o(T.Panel, { ref: t, ...r });
   }
 );
-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",
+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: l,
-  classNames: e,
-  children: c,
+  classNames: c,
+  children: a,
   style: i,
-  src: A,
-  ...$
-}, W) {
-  const N = {
+  src: h,
+  ...A
+}, m) {
+  const v = {
     solid: "filled",
     outline: "outline",
     ghost: "transparent"
-  }, h = {
+  }, P = {
     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
+  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;
-    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;
+  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__ */ r(
-    T,
+  return /* @__PURE__ */ o(
+    j,
     {
-      ref: W,
+      ref: m,
       className: l,
-      classNames: m,
-      variant: N[t],
-      size: h[o],
+      classNames: f,
+      variant: v[t],
+      size: P[r],
       style: i,
-      src: A,
+      src: h,
       "data-variant": t,
-      "data-size": o,
-      "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
+      "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
     }
   );
 });
-no.displayName = "Avatar";
-const ro = "_root_1qhn7_3", ao = "_contents_1qhn7_18", p = {
-  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(
+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: c,
+      ref: a,
       className: i,
       style: l,
-      ...o ? {} : { "data-recursica-layer": String(a) },
-      ...e,
+      ...r ? {} : { "data-recursica-layer": String(e) },
+      ...c,
       children: t
     }
   );
 });
-co.displayName = "Layer";
-const C = "data-recursica-theme";
-function _o({
-  children: a,
-  theme: o = "light"
+_e.displayName = "Layer";
+const W = "data-recursica-theme";
+function Ye({
+  children: e,
+  theme: r = "light"
 }) {
-  return L(() => {
+  return R(() => {
     const t = document.documentElement;
-    return t.setAttribute(C, o), () => {
-      t.removeAttribute(C);
+    return t.setAttribute(W, r), () => {
+      t.removeAttribute(W);
     };
-  }, [o]), /* @__PURE__ */ r(P, { children: a });
+  }, [r]), /* @__PURE__ */ o(L, { children: e });
 }
 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
+  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