@recursica/mui-adapter 0.3.0 → 0.4.0

package/dist/mui-adapter.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as L, Fragment as k } from "react/jsx-runtime";
-import R, { forwardRef as p, useEffect as F } from "react";
-import { Box as N, Button as B, Container as A, Stack as C, Link as W, Typography as E } from "@mui/material";
-const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "AssistiveElement" }), ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Avatar" }), ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "Badge" }), le = p(function(o, n) {
-  return /* @__PURE__ */ r(N, { ref: n, ...o });
-}), de = (e) => /* @__PURE__ */ r("div", { ...e, children: "Breadcrumb" }), I = [
+import { jsx as r, jsxs as P, Fragment as L } from "react/jsx-runtime";
+import z, { forwardRef as u, useEffect as w } from "react";
+import { Box as k, Button as O, Container as G, Stack as R, Link as D, Typography as V } from "@mui/material";
+const me = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "AssistiveElement" }), he = (e) => /* @__PURE__ */ r("div", { ...e, children: "Avatar" }), _e = (e) => /* @__PURE__ */ r("div", { ...e, children: "Badge" }), ye = u(function(t, n) {
+  return /* @__PURE__ */ r(k, { ref: n, ...t });
+}), ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "Breadcrumb" }), M = [
   "className",
   "classes",
   // MUI specific nested class overrides
@@ -32,7 +32,7 @@ const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie
   "display",
   "position",
   "zIndex"
-], w = /* @__PURE__ */ new Set([
+], U = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -63,261 +63,297 @@ const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function y(e) {
-  const o = { ...e };
-  return "sx" in o && delete o.sx, o;
+function g(e) {
+  const t = { ...e };
+  return "sx" in t && delete t.sx, t;
 }
-function v(e, o) {
-  if (o)
+function v(e, t) {
+  if (t)
     return e;
   const n = { ...e };
-  for (const t of I)
-    t in n && delete n[t];
-  for (const [t, s] of Object.entries(n))
-    typeof s == "string" && s.startsWith("rec-") && w.has(t) && s in c && (n[t] = c[s]);
+  for (const o of M)
+    o in n && delete n[o];
+  for (const [o, s] of Object.entries(n))
+    typeof s == "string" && s.startsWith("rec-") && U.has(o) && s in c && (n[o] = c[s]);
   return n;
 }
-const O = "Button-module__root___Q2R8-", z = "Button-module__labelText___rFV5p", G = "Button-module__iconWrapper___uEKPa", f = {
-  root: O,
-  labelText: z,
-  iconWrapper: G
+const Y = "Loader-module__root___6iYOP", S = {
+  root: Y
+}, F = u(function({ variant: t = "oval", size: n = "default", overStyled: o = !1, ...s }, a) {
+  const l = {
+    sm: "small",
+    md: "default",
+    lg: "large",
+    small: "small",
+    default: "default",
+    large: "large"
+  }[n] || "default", d = v(s, o), p = d.className, f = p ? `${S.root} ${p}` : S.root;
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ref: a,
+      "data-variant": t,
+      "data-size": l,
+      ...d,
+      className: f,
+      children: t === "bars" || t === "dots" ? /* @__PURE__ */ P(L, { children: [
+        /* @__PURE__ */ r("span", {}),
+        /* @__PURE__ */ r("span", {}),
+        /* @__PURE__ */ r("span", {})
+      ] }) : null
+    }
+  );
+});
+F.displayName = "Loader";
+const j = "Button-module__root___Q2R8-", H = "Button-module__labelText___rFV5p", K = "Button-module__iconWrapper___uEKPa", _ = {
+  root: j,
+  labelText: H,
+  iconWrapper: K
 };
-function D(e) {
+function q(e) {
   return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
 }
-const V = p(
+const Q = u(
   function({
-    variant: o = "solid",
+    variant: t = "solid",
     size: n = "default",
-    icon: t,
+    icon: o,
     children: s,
-    overStyled: i = !1,
-    ...a
-  }, d) {
-    const u = v(a, i), l = u;
-    delete l.fullWidth, delete l.color;
-    const m = !!t || !!l.startIcon, $ = !!l.endIcon, x = (m || $) && !D(s);
-    typeof process < "u" && process.env.NODE_ENV !== "production" && x && !l["aria-label"] && console.warn(
+    overStyled: a = !1,
+    loaderVariant: i = "oval",
+    loaderSize: l,
+    useRecursicaLoader: d = !0,
+    ...p
+  }, f) {
+    const b = v(p, a), m = b;
+    delete m.fullWidth, delete m.color;
+    const A = !!o || !!m.startIcon, I = !!m.endIcon, T = (A || I) && !q(s);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && T && !m["aria-label"] && console.warn(
       '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
     );
-    const g = l.className, P = g ? `${f.root} ${g}` : f.root;
-    return /* @__PURE__ */ r(
-      B,
+    const N = m.className, W = N ? `${_.root} ${N}` : _.root, E = l ?? (n === "small" ? "small" : "default");
+    let C = m.loadingIndicator;
+    return d && (C = /* @__PURE__ */ r(F, { variant: i, size: E })), /* @__PURE__ */ r(
+      O,
       {
-        ref: d,
+        ref: f,
         disableRipple: !0,
         disableElevation: !0,
-        className: P,
-        startIcon: t != null ? /* @__PURE__ */ r("span", { className: f.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
-        "data-variant": o,
+        className: W,
+        loading: !!m.loading,
+        loadingIndicator: C,
+        startIcon: o != null ? /* @__PURE__ */ r("span", { className: _.iconWrapper, "aria-hidden": !0, children: o }) : void 0,
+        "data-variant": t,
         "data-size": n,
-        ...x ? { "data-icon-only": "" } : {},
-        ...u,
-        children: /* @__PURE__ */ r("span", { className: f.labelText, children: s })
+        ...T ? { "data-icon-only": "" } : {},
+        ...m.loading ? { "data-loading": "true" } : {},
+        ...b,
+        disabled: !!m.disabled || !!m.loading,
+        children: /* @__PURE__ */ r("span", { className: _.labelText, children: s })
       }
     );
   }
 );
-V.displayName = "Button";
-const ue = (e) => /* @__PURE__ */ r("div", { ...e, children: "Card" }), pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Checkbox" }), me = (e) => /* @__PURE__ */ r("div", { ...e, children: "Chip" }), M = p(
-  function({ children: o, size: n, ...t }, s) {
-    const i = {
+Q.displayName = "Button";
+const be = (e) => /* @__PURE__ */ r("div", { ...e, children: "Card" }), ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Checkbox" }), xe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Chip" }), J = u(
+  function({ children: t, size: n, ...o }, s) {
+    const a = {
       "rec-sm": "sm",
       "rec-default": "md",
       "rec-md": "md",
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, a = typeof n == "string" && i[n] ? i[n] : n;
+    }, i = typeof n == "string" && a[n] ? a[n] : n;
     return /* @__PURE__ */ r(
-      A,
+      G,
       {
         ref: s,
-        maxWidth: a,
-        ...t,
-        children: o
+        maxWidth: i,
+        ...o,
+        children: t
       }
     );
   }
 );
-M.displayName = "Container";
-const he = (e) => /* @__PURE__ */ r("div", { ...e, children: "DatePicker" }), fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Dropdown" }), _e = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileInput" }), ye = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileUpload" }), U = p(function({ children: o, gap: n = "rec-default", rowGap: t, columnGap: s, ...i }, a) {
-  const d = y(i), u = typeof n == "string" && n in c ? c[n] : n, l = typeof t == "string" && t in c ? c[t] : t, m = typeof s == "string" && s in c ? c[s] : s;
+J.displayName = "Container";
+const Te = (e) => /* @__PURE__ */ r("div", { ...e, children: "DatePicker" }), Ne = (e) => /* @__PURE__ */ r("div", { ...e, children: "Dropdown" }), Ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileInput" }), Se = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileUpload" }), X = u(function({ children: t, gap: n = "rec-default", rowGap: o, columnGap: s, ...a }, i) {
+  const l = g(a), d = typeof n == "string" && n in c ? c[n] : n, p = typeof o == "string" && o in c ? c[o] : o, f = typeof s == "string" && s in c ? c[s] : s;
   return /* @__PURE__ */ r(
-    N,
+    k,
     {
-      ref: a,
+      ref: i,
       display: "flex",
-      ...d,
-      gap: u,
-      rowGap: l,
-      columnGap: m,
-      children: o
+      ...l,
+      gap: d,
+      rowGap: p,
+      columnGap: f,
+      children: t
     }
   );
 });
-U.displayName = "Flex";
-const ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlLayout" }), be = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlWrapper" }), j = p(function({ children: o, gap: n = "rec-default", rowGap: t, columnGap: s, ...i }, a) {
-  const d = y(i), u = typeof n == "string" && n in c ? c[n] : n, l = typeof t == "string" && t in c ? c[t] : t, m = typeof s == "string" && s in c ? c[s] : s;
+X.displayName = "Flex";
+const $e = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlLayout" }), Pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlWrapper" }), Z = u(function({ children: t, gap: n = "rec-default", rowGap: o, columnGap: s, ...a }, i) {
+  const l = g(a), d = typeof n == "string" && n in c ? c[n] : n, p = typeof o == "string" && o in c ? c[o] : o, f = typeof s == "string" && s in c ? c[s] : s;
   return /* @__PURE__ */ r(
-    C,
+    R,
     {
-      ref: a,
+      ref: i,
       direction: "row",
       flexWrap: "wrap",
-      spacing: u,
+      spacing: d,
       sx: {
-        ...l ? { rowGap: l } : {},
-        ...m ? { columnGap: m } : {}
+        ...p ? { rowGap: p } : {},
+        ...f ? { columnGap: f } : {}
       },
-      ...d,
-      children: o
+      ...l,
+      children: t
     }
   );
 });
-j.displayName = "Group";
-const xe = (e) => /* @__PURE__ */ r("div", { ...e, children: "HoverCard" }), ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Label" }), H = "Link-module__root___I0VGE", K = "Link-module__iconWrapper___W-LlF", Y = "Link-module__labelText___wSvUy", _ = {
-  root: H,
-  iconWrapper: K,
-  labelText: Y
-}, q = p(function({ icon: o, children: n, overStyled: t = !1, ...s }, i) {
-  const a = v(s, t), u = a.className, l = u ? `${_.root} ${u}` : _.root;
-  return /* @__PURE__ */ L(
-    W,
+Z.displayName = "Group";
+const Le = (e) => /* @__PURE__ */ r("div", { ...e, children: "HoverCard" }), ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "Label" }), ee = "Link-module__root___I0VGE", re = "Link-module__iconWrapper___W-LlF", ne = "Link-module__labelText___wSvUy", y = {
+  root: ee,
+  iconWrapper: re,
+  labelText: ne
+}, te = u(function({ icon: t, children: n, overStyled: o = !1, ...s }, a) {
+  const i = v(s, o), d = i.className, p = d ? `${y.root} ${d}` : y.root;
+  return /* @__PURE__ */ P(
+    D,
     {
-      ref: i,
-      className: l,
+      ref: a,
+      className: p,
       underline: "none",
-      ...o ? { "data-has-icon": "" } : {},
-      ...a,
+      ...t ? { "data-has-icon": "" } : {},
+      ...i,
       children: [
-        o && /* @__PURE__ */ r("span", { className: _.iconWrapper, "aria-hidden": !0, children: o }),
-        /* @__PURE__ */ r("span", { className: _.labelText, children: n })
+        t && /* @__PURE__ */ r("span", { className: y.iconWrapper, "aria-hidden": !0, children: t }),
+        /* @__PURE__ */ r("span", { className: y.labelText, children: n })
       ]
     }
   );
 });
-q.displayName = "Link";
-const Te = (e) => /* @__PURE__ */ r("div", { ...e, children: "Loader" }), Ne = (e) => /* @__PURE__ */ r("div", { ...e, children: "Menu" }), Ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "Modal" }), Se = (e) => /* @__PURE__ */ r("div", { ...e, children: "NumberInput" }), $e = (e) => /* @__PURE__ */ r("div", { ...e, children: "Pagination" }), Pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Panel" }), Le = (e) => /* @__PURE__ */ r("div", { ...e, children: "Radio" }), ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "ReadOnlyField" }), Re = (e) => /* @__PURE__ */ r("div", { ...e, children: "SegmentedControl" }), Fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Slider" }), Q = p(function({ children: o, gap: n = "rec-default", ...t }, s) {
-  const i = y(t), a = typeof n == "string" && n in c ? c[n] : n;
-  return /* @__PURE__ */ r(C, { ref: s, spacing: a, ...i, children: o });
+te.displayName = "Link";
+const Re = (e) => /* @__PURE__ */ r("div", { ...e, children: "Menu" }), Fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Modal" }), Be = (e) => /* @__PURE__ */ r("div", { ...e, children: "NumberInput" }), Ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Pagination" }), Ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "Panel" }), We = (e) => /* @__PURE__ */ r("div", { ...e, children: "Radio" }), Ee = (e) => /* @__PURE__ */ r("div", { ...e, children: "ReadOnlyField" }), ze = (e) => /* @__PURE__ */ r("div", { ...e, children: "SegmentedControl" }), we = (e) => /* @__PURE__ */ r("div", { ...e, children: "Slider" }), oe = u(function({ children: t, gap: n = "rec-default", ...o }, s) {
+  const a = g(o), i = typeof n == "string" && n in c ? c[n] : n;
+  return /* @__PURE__ */ r(R, { ref: s, spacing: i, ...a, children: t });
 });
-Q.displayName = "Stack";
-const Be = (e) => /* @__PURE__ */ r("div", { ...e, children: "Stepper" }), Ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Switch" }), We = (e) => /* @__PURE__ */ r("div", { ...e, children: "Table" }), Ee = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tabs" }), b = p(
-  function({ typographyClass: o, overStyled: n = !1, ...t }, s) {
-    const i = v(t, n), d = i.className, u = d ? `${o} ${d}` : o;
+oe.displayName = "Stack";
+const Oe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Stepper" }), Ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Switch" }), De = (e) => /* @__PURE__ */ r("div", { ...e, children: "Table" }), Ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tabs" }), x = u(
+  function({ typographyClass: t, overStyled: n = !1, ...o }, s) {
+    const a = v(o, n), l = a.className, d = l ? `${t} ${l}` : t;
     return /* @__PURE__ */ r(
-      E,
+      V,
       {
         ref: s,
-        className: u,
+        className: d,
         variant: "inherit",
-        ...i
+        ...a
       }
     );
   }
 );
-b.displayName = "Typography";
-const J = p(function({ variant: o = "body", ...n }, t) {
-  const s = `recursica_brand_typography_${o}`;
-  return /* @__PURE__ */ r(b, { ref: t, typographyClass: s, ...n });
+x.displayName = "Typography";
+const se = u(function({ variant: t = "body", ...n }, o) {
+  const s = `recursica_brand_typography_${t}`;
+  return /* @__PURE__ */ r(x, { ref: o, typographyClass: s, ...n });
 });
-J.displayName = "Text";
-const Ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextArea" }), we = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextField" }), Oe = (e) => /* @__PURE__ */ r("div", { ...e, children: "TimePicker" }), ze = (e) => /* @__PURE__ */ r("div", { ...e, children: "Timeline" }), X = p(function({ order: o = 1, component: n, ...t }, s) {
-  const i = `recursica_brand_typography_h${o}`, a = `h${o}`;
+se.displayName = "Text";
+const Me = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextArea" }), Ue = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextField" }), Ye = (e) => /* @__PURE__ */ r("div", { ...e, children: "TimePicker" }), je = (e) => /* @__PURE__ */ r("div", { ...e, children: "Timeline" }), ae = u(function({ order: t = 1, component: n, ...o }, s) {
+  const a = `recursica_brand_typography_h${t}`, i = `h${t}`;
   return /* @__PURE__ */ r(
-    b,
+    x,
     {
       ref: s,
-      typographyClass: i,
-      component: n || a,
-      ...t
+      typographyClass: a,
+      component: n || i,
+      ...o
     }
   );
 });
-X.displayName = "Title";
-const Ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Toast" }), De = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tooltip" }), Ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "TransferList" }), Z = "_root_1qhn7_3", ee = "_contents_1qhn7_18", h = {
-  root: Z,
-  contents: ee
-}, re = p(function({ layer: e, contentsOnly: o, children: n, className: t, style: s, ...i }, a) {
-  const d = o ? t ? `${h.root} ${h.contents} ${t}` : `${h.root} ${h.contents}` : t ? `${h.root} ${t}` : h.root;
+ae.displayName = "Title";
+const He = (e) => /* @__PURE__ */ r("div", { ...e, children: "Toast" }), Ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tooltip" }), qe = (e) => /* @__PURE__ */ r("div", { ...e, children: "TransferList" }), ie = "_root_1qhn7_3", ce = "_contents_1qhn7_18", h = {
+  root: ie,
+  contents: ce
+}, le = u(function({ layer: e, contentsOnly: t, children: n, className: o, style: s, ...a }, i) {
+  const l = t ? o ? `${h.root} ${h.contents} ${o}` : `${h.root} ${h.contents}` : o ? `${h.root} ${o}` : h.root;
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: a,
-      className: d,
+      ref: i,
+      className: l,
       style: s,
-      ...o ? {} : { "data-recursica-layer": String(e) },
-      ...i,
+      ...t ? {} : { "data-recursica-layer": String(e) },
+      ...a,
       children: n
     }
   );
 });
-re.displayName = "Layer";
-const S = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ r(R.Fragment, { children: e });
-S.displayName = "EmptyValueRenderer";
-S.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
-const T = "data-recursica-theme";
-function Me({
+le.displayName = "Layer";
+const B = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ r(z.Fragment, { children: e });
+B.displayName = "EmptyValueRenderer";
+B.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
+const $ = "data-recursica-theme";
+function Qe({
   children: e,
-  theme: o = "light"
+  theme: t = "light"
 }) {
-  return F(() => {
+  return w(() => {
     const n = document.documentElement;
-    return n.setAttribute(T, o), () => {
-      n.removeAttribute(T);
+    return n.setAttribute($, t), () => {
+      n.removeAttribute($);
     };
-  }, [o]), /* @__PURE__ */ r(k, { children: e });
+  }, [t]), /* @__PURE__ */ r(L, { children: e });
 }
 export {
-  se as Accordion,
-  ie as AssistiveElement,
-  ae as Avatar,
-  ce as Badge,
-  le as Box,
-  de as Breadcrumb,
-  V as Button,
-  ue as Card,
-  pe as Checkbox,
-  me as Chip,
-  M as Container,
-  he as DatePicker,
-  fe as Dropdown,
-  S as EmptyValueRenderer,
-  _e as FileInput,
-  ye as FileUpload,
-  U as Flex,
-  ve as FormControlLayout,
-  be as FormControlWrapper,
-  j as Group,
-  xe as HoverCard,
-  ge as Label,
-  re as Layer,
-  q as Link,
-  Te as Loader,
-  Ne as Menu,
-  Ce as Modal,
-  Se as NumberInput,
-  $e as Pagination,
-  Pe as Panel,
-  Le as Radio,
-  ke as ReadOnlyField,
-  Me as RecursicaThemeProvider,
-  Re as SegmentedControl,
-  Fe as Slider,
-  Q as Stack,
-  Be as Stepper,
-  Ae as Switch,
-  We as Table,
-  Ee as Tabs,
-  J as Text,
-  Ie as TextArea,
-  we as TextField,
-  Oe as TimePicker,
-  ze as Timeline,
-  X as Title,
-  Ge as Toast,
-  De as Tooltip,
-  Ve as TransferList
+  me as Accordion,
+  fe as AssistiveElement,
+  he as Avatar,
+  _e as Badge,
+  ye as Box,
+  ve as Breadcrumb,
+  Q as Button,
+  be as Card,
+  ge as Checkbox,
+  xe as Chip,
+  J as Container,
+  Te as DatePicker,
+  Ne as Dropdown,
+  B as EmptyValueRenderer,
+  Ce as FileInput,
+  Se as FileUpload,
+  X as Flex,
+  $e as FormControlLayout,
+  Pe as FormControlWrapper,
+  Z as Group,
+  Le as HoverCard,
+  ke as Label,
+  le as Layer,
+  te as Link,
+  F as Loader,
+  Re as Menu,
+  Fe as Modal,
+  Be as NumberInput,
+  Ae as Pagination,
+  Ie as Panel,
+  We as Radio,
+  Ee as ReadOnlyField,
+  Qe as RecursicaThemeProvider,
+  ze as SegmentedControl,
+  we as Slider,
+  oe as Stack,
+  Oe as Stepper,
+  Ge as Switch,
+  De as Table,
+  Ve as Tabs,
+  se as Text,
+  Me as TextArea,
+  Ue as TextField,
+  Ye as TimePicker,
+  je as Timeline,
+  ae as Title,
+  He as Toast,
+  Ke as Tooltip,
+  qe as TransferList
 };
 //# sourceMappingURL=mui-adapter.js.map