asma-ui-core 3.42.0 → 3.42.1

package/dist/table/shared-components/StyledCheckbox.js

@@ -1,20 +1,21 @@
-import { cn as m } from "../helpers/cn.js";
+import { cn as C } from "../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
-import L, { useEffect as C, useRef as f } from "react";
-import { jsx as o, jsxs as k } from "react/jsx-runtime";
-var E = (t) => /* @__PURE__ */ k("svg", {
+import p, { useEffect as E } from "react";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { Checkbox as f } from "@base-ui/react/checkbox";
+var L = (n) => /* @__PURE__ */ k("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
   fill: "none",
-  ...t,
-  children: [/* @__PURE__ */ o("title", { children: "Indeterminate icon" }), /* @__PURE__ */ o("path", {
+  ...n,
+  children: [/* @__PURE__ */ t("title", { children: "Indeterminate icon" }), /* @__PURE__ */ t("path", {
     d: "M6 12H18",
     stroke: "currentColor",
-    strokeWidth: t.strokeWidth ?? 3,
+    strokeWidth: n.strokeWidth ?? 3,
     strokeLinecap: "round"
   })]
-}), H = (t) => /* @__PURE__ */ k("svg", {
+}), H = (n) => /* @__PURE__ */ k("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
@@ -23,56 +24,56 @@ var E = (t) => /* @__PURE__ */ k("svg", {
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  ...t,
-  children: [/* @__PURE__ */ o("title", { children: "Check icon" }), /* @__PURE__ */ o("path", { d: "M4 12l5 5L20 6" })]
-}), M = ({ dataTest: t, size: l = "medium", disabled: d, readOnly: c, indeterminate: n = !1, checked: h, disableRipple: x, hideWrapper: v, className: b, onChange: g, ...I }) => {
-  const a = !!v, s = !x && !a && !d && !c, p = f(null), u = f(null);
-  C(() => {
-    p.current && (p.current.indeterminate = n);
-  }, [n]);
-  const R = m(e.CheckboxWrapper, !a && e[`size-${l}`], a && e.HideWrapper, n && e.Indeterminate, c && e.ReadOnly, s && e.CheckboxHover, b), w = m(e.Checkbox, e[`size-${l}`], n && e.Indeterminate), N = n ? E : H, W = L.useCallback((r) => {
-    if (r.stopPropagation(), !s) return;
-    const i = document.createElement("span");
-    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
-  }, [s]);
-  return C(() => {
-    const r = u.current;
-    return () => r?.replaceChildren();
-  }, []), /* @__PURE__ */ k("label", {
+  ...n,
+  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
+}), S = ({ dataTest: n, size: h = "medium", disabled: m, readOnly: c, indeterminate: i = !1, checked: x, disableRipple: v, hideWrapper: b, className: I, onChange: u, ...a }) => {
+  const s = !!b, l = !v && !s && !m && !c, R = C(e.CheckboxWrapper, !s && e[`size-${h}`], s && e.HideWrapper, i && e.Indeterminate, c && e.ReadOnly, l && e.CheckboxHover, I), g = C(e.Checkbox, e[`size-${h}`], i && e.Indeterminate), w = i ? L : H, d = p.useRef(null), W = p.useCallback((o) => {
+    if (o.stopPropagation(), !l) return;
+    const r = document.createElement("span");
+    r.className = e.CheckboxRipple ?? "", r.addEventListener("animationend", () => r.remove(), { once: !0 }), d.current?.appendChild(r);
+  }, [l]);
+  E(() => {
+    const o = d.current;
+    return () => {
+      o?.replaceChildren();
+    };
+  }, []);
+  const N = p.useCallback((o) => {
+    if (c) return;
+    const r = { target: {
+      name: a.name,
+      value: a.value,
+      checked: o
+    } };
+    u?.(r, o);
+  }, [
+    u,
+    a.name,
+    a.value,
+    c
+  ]);
+  return /* @__PURE__ */ k(f.Root, {
     className: R,
-    "data-test": t,
+    "data-test": n,
+    checked: x,
+    disabled: m,
+    readOnly: c,
+    indeterminate: i,
     onPointerDown: W,
-    "data-checked": h && !n ? "" : void 0,
-    "data-unchecked": !h && !n ? "" : void 0,
-    "data-indeterminate": n ? "" : void 0,
-    "data-disabled": d ? "" : void 0,
-    children: [
-      /* @__PURE__ */ o("input", {
-        ref: p,
-        type: "checkbox",
-        className: "sr-only",
-        checked: h,
-        disabled: d,
-        readOnly: c,
-        onChange: (r) => {
-          c || g?.(r, r.target.checked);
-        },
-        ...I
-      }),
-      !a && s && /* @__PURE__ */ o("span", {
-        ref: u,
-        className: e.CheckboxRippleContainer
-      }),
-      /* @__PURE__ */ o("span", {
-        className: w,
-        children: /* @__PURE__ */ o("span", {
-          className: e.Indicator,
-          children: /* @__PURE__ */ o(N, { strokeWidth: l === "small" ? 3 : 2 })
-        })
+    onCheckedChange: N,
+    ...a,
+    children: [!s && l && /* @__PURE__ */ t("span", {
+      ref: d,
+      className: e.CheckboxRippleContainer
+    }), /* @__PURE__ */ t("span", {
+      className: g,
+      children: /* @__PURE__ */ t(f.Indicator, {
+        className: e.Indicator,
+        children: /* @__PURE__ */ t(w, { strokeWidth: h === "small" ? 3 : 2 })
       })
-    ]
+    })]
   });
 };
 export {
-  M as StyledCheckbox
+  S as StyledCheckbox
 };

package/dist/table/shared-components/StyledCheckbox.module.js

@@ -1,17 +1,17 @@
-var e = "_CheckboxWrapper_lq2x6_1", _ = "_Checkbox_lq2x6_1", r = "_Indeterminate_lq2x6_28", a = "_ReadOnly_lq2x6_55", l = "_Indicator_lq2x6_64", x = "_HideWrapper_lq2x6_68", p = "_CheckboxHover_lq2x6_75", i = "_CheckboxRippleContainer_lq2x6_75", o = "_CheckboxRipple_lq2x6_75", d = "_ripple_lq2x6_1", c = {
+var e = "_CheckboxWrapper_1b4zf_1", _ = "_Checkbox_1b4zf_1", r = "_Indeterminate_1b4zf_28", a = "_ReadOnly_1b4zf_55", b = "_Indicator_1b4zf_64", p = "_HideWrapper_1b4zf_68", i = "_CheckboxHover_1b4zf_75", o = "_CheckboxRippleContainer_1b4zf_75", l = "_CheckboxRipple_1b4zf_75", z = "_ripple_1b4zf_1", d = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_lq2x6_11",
-  "size-medium": "_size-medium_lq2x6_15",
+  "size-small": "_size-small_1b4zf_11",
+  "size-medium": "_size-medium_1b4zf_15",
   Checkbox: _,
   Indeterminate: r,
   ReadOnly: a,
-  Indicator: l,
-  HideWrapper: x,
-  CheckboxHover: p,
-  CheckboxRippleContainer: i,
-  CheckboxRipple: o,
-  ripple: d
+  Indicator: b,
+  HideWrapper: p,
+  CheckboxHover: i,
+  CheckboxRippleContainer: o,
+  CheckboxRipple: l,
+  ripple: z
 };
 export {
-  c as default
+  d as default
 };

package/dist/table/shared-components/StyledMenuItem.js

@@ -1,15 +1,21 @@
-import { cn as l } from "../helpers/cn.js";
-import { jsx as c } from "react/jsx-runtime";
-var s = ({ children: o, disabled: e, selected: r, className: t, classes: n, onClick: i, onMouseDown: m, onMouseUp: a }) => /* @__PURE__ */ c("li", {
-  role: "menuitem",
-  "aria-disabled": e ? !0 : void 0,
-  tabIndex: -1,
-  onClick: e ? void 0 : i,
-  onMouseDown: m,
-  onMouseUp: a,
-  className: l("flex items-center px-3 py-2.5 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50", n?.root, t),
-  children: o
+import t from "clsx";
+import { MenuItem as r } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+var m = (o) => /* @__PURE__ */ e(r, {
+  ...o,
+  classes: {
+    root: t("px-3 py-2.5", o.classes?.root),
+    ...o.classes
+  },
+  sx: {
+    "&.Mui-disabled": {
+      pointerEvents: "auto",
+      cursor: "not-allowed",
+      "&:hover": { backgroundColor: "transparent !important" }
+    },
+    ...o.sx
+  }
 });
 export {
-  s as StyledMenuItem
+  m as StyledMenuItem
 };

package/dist/table/shared-components/menu-item/index.js

@@ -1,19 +1,23 @@
-import { cn as n } from "../../helpers/cn.js";
-import { CheckIcon as i } from "../CheckIcon.js";
-import { jsx as m, jsxs as l } from "react/jsx-runtime";
-var p = ({ children: e, selected: r, disabled: o, className: t, onClick: a }) => /* @__PURE__ */ l("li", {
-  role: "menuitem",
-  "aria-disabled": o ? !0 : void 0,
-  tabIndex: -1,
-  onClick: o ? void 0 : a,
-  className: n("flex items-center gap-x-1 p-2 outline-none", o ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50 hover:bg-gama-50", t),
-  children: [/* @__PURE__ */ m(i, {
+import { CheckIcon as r } from "../CheckIcon.js";
+import { MenuItem as e } from "@mui/material";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+var n = (o) => /* @__PURE__ */ t(e, {
+  classes: { root: "flex gap-x-1" },
+  sx: {
+    padding: "8px",
+    "&.Mui-selected": {
+      backgroundColor: "var(--colors-gama-50)",
+      "&:hover": { backgroundColor: "var(--colors-gama-50)" }
+    }
+  },
+  ...o,
+  children: [/* @__PURE__ */ a(r, {
     width: 24,
     height: 24,
-    color: r ? "var(--colors-gama-500)" : "transparent",
+    color: o.selected ? "var(--colors-gama-500)" : "transparent",
     style: { transition: "color 0.2s ease" }
-  }), e]
+  }), o.children]
 });
 export {
-  p as StyledMenuItem
+  n as StyledMenuItem
 };

package/dist/table/shared-components/tooltip/index.js

@@ -1,10 +1,29 @@
-import { StyledTooltip as t } from "../../../components/data-display/tooltip/StyledTooltip.js";
+import { Tooltip as o } from "@mui/material";
 import { jsx as r } from "react/jsx-runtime";
-var l = (o) => /* @__PURE__ */ r(t, {
+import p from "@mui/material/Fade";
+var m = (t) => /* @__PURE__ */ r(o, {
+  slots: { transition: p },
+  slotProps: {
+    transition: { timeout: 300 },
+    tooltip: { sx: {
+      borderRadius: "3px !important",
+      "& .MuiTooltip-arrow": { color: "#363E4A !important" },
+      color: "white !important",
+      boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
+      display: "flex !important",
+      padding: "4px 8px !important",
+      alignItems: "center !important",
+      fontSize: "12px !important",
+      lineHeight: "16px !important",
+      letterSpacing: " 0.24px !important",
+      bgcolor: "#363E4A !important",
+      wordBreak: "break-word !important"
+    } }
+  },
   arrow: !0,
   placement: "top",
-  ...o
+  ...t
 });
 export {
-  l as StyledTooltip
+  m as StyledTooltip
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.42.0",
+    "version": "3.42.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -60,9 +60,6 @@
         "storybook": "storybook dev -p 6006",
         "storybook:no-browser": "storybook dev -p 6006 --no-open",
         "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
-        "vrt": "bash scripts/vrt.sh check",
-        "vrt:accept": "bash scripts/vrt.sh accept",
-        "vrt:report": "playwright show-report",
         "test-storybook": "npx vitest --project=storybook",
         "changeset:pre-beta": "changeset pre enter beta",
         "changeset:pre-exit": "changeset pre exit",
@@ -75,24 +72,31 @@
         "node": ">=24 <25"
     },
     "dependencies": {
+        "@base-ui/react": "^1.5.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@floating-ui/react": "^0.27.19",
+        "@react-input/mask": "^1.2.5",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.21",
         "clsx": "^1.2.1",
         "date-fns": "^3.6.0",
+        "lodash-es": "^4.18.1",
+        "material-ui-popup-state": "^5.3.6",
         "notistack": "^3.0.2",
-        "react-day-picker": "^9.14.0"
+        "react-day-picker": "^9.14.0",
+        "tailwind-merge": "^2.5.2"
     },
     "devDependencies": {
         "@changesets/cli": "^2.26.2",
         "@chromatic-com/storybook": "^5.1.1",
-        "@eslint/js": "^9.39.2",
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@mui/material": "^9.0.1",
         "@faker-js/faker": "^8.0.2",
-        "@playwright/test": "1.60.0",
+        "@tippyjs/react": "^4.2.6",
+        "@eslint/js": "^9.39.2",
         "@storybook/addon-a11y": "10.3.3",
         "@storybook/addon-docs": "10.3.3",
         "@storybook/addon-links": "10.3.3",
@@ -100,7 +104,7 @@
         "@storybook/addon-vitest": "10.3.3",
         "@storybook/react-vite": "10.3.3",
         "@storybook/test-runner": "^0.24.3",
-        "@tippyjs/react": "^4.2.6",
+        "@types/lodash-es": "^4.17.7",
         "@types/node": "^24.12.4",
         "@types/react": "^18.3.23",
         "@types/react-copy-to-clipboard": "^5.0.7",
@@ -139,6 +143,9 @@
         "vitest": "^4.0.16"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.*",
+        "@emotion/styled": "^11.*",
+        "@mui/material": "^9.0.0",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },

package/dist/components/inputs/field-styles.js

@@ -1,6 +0,0 @@
-import { cn as a } from "../../helpers/cn.js";
-var d = ({ focused: e, error: t, disabled: r, readOnly: o }) => a("pointer-events-none absolute inset-0 rounded-lg border transition-colors", r ? "border-delta-300" : o ? "border-delta-200" : t ? "border-2 border-error-500" : e ? "border-2 border-gama-400" : "border-delta-500 group-hover:border-2"), s = ({ shrink: e, focused: t, error: r, disabled: o, size: l = "medium" }) => a("pointer-events-none absolute left-3 z-10 max-w-[calc(100%-1.5rem)] truncate transition-all duration-150", o ? "text-gray-300" : r ? "text-error-500" : t ? "text-gama-500" : e ? "text-delta-800" : "text-delta-500", e ? "top-0 -translate-y-1/2 bg-white px-1 text-xs" : a("top-1/2 -translate-y-1/2", l === "small" ? "text-sm" : "text-base"));
-export {
-  s as floatingLabelClass,
-  d as outlineClass
-};

package/dist/components/inputs/input-field/StyledInputField.module.js

@@ -1,4 +0,0 @@
-var t = "_Input_pr4mt_1", e = { Input: t };
-export {
-  e as default
-};

package/dist/components/inputs/radio-button/base-ui/RadioGroupContext.js

@@ -1,6 +0,0 @@
-import { createContext as o, useContext as t } from "react";
-var e = o(null), a = () => t(e);
-export {
-  e as RadioGroupContext,
-  a as useRadioGroupContext
-};

package/dist/components/inputs/slider/StyledSlider.module.js

@@ -1,10 +0,0 @@
-var r = "_SliderInput_irz5w_1", a = "_Horizontal_irz5w_15", l = "_Vertical_irz5w_24", _ = "_Small_irz5w_71", i = "_Disabled_irz5w_80", e = {
-  SliderInput: r,
-  Horizontal: a,
-  Vertical: l,
-  Small: _,
-  Disabled: i
-};
-export {
-  e as default
-};

package/dist/components/miscellaneous/FormControlContext.js

@@ -1,6 +0,0 @@
-import { createContext as o, useContext as t } from "react";
-var r = o(null), n = () => t(r);
-export {
-  r as FormControlContext,
-  n as useFormControlContext
-};

package/dist/components/mui-compat/Avatar.js

@@ -1,29 +0,0 @@
-import { resolveSx as p } from "../../helpers/sx.js";
-import x from "clsx";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-var o = {
-  circular: "rounded-full",
-  rounded: "rounded-[4px]",
-  square: "rounded-none"
-}, g = ({ src: e, srcSet: r, alt: l, variant: n = "circular", sizes: s, className: a, sx: c, style: d, children: i, classes: f, component: v, ...m }) => {
-  const u = {
-    ...p(c),
-    ...d
-  };
-  return /* @__PURE__ */ t("div", {
-    className: x("relative flex h-[40px] w-[40px] shrink-0 items-center justify-center overflow-hidden bg-[#bdbdbd] font-roboto text-[1.25rem] text-white", o[n] ?? o.circular, a),
-    style: u,
-    ...m,
-    children: e || r ? /* @__PURE__ */ t("img", {
-      className: "h-full w-full object-cover text-transparent",
-      src: e,
-      srcSet: r,
-      alt: l,
-      sizes: s
-    }) : i
-  });
-};
-export {
-  g as Avatar
-};

package/dist/components/mui-compat/ClickAwayListener.js

@@ -1,29 +0,0 @@
-import { cloneElement as m, useCallback as d, useEffect as l, useRef as i } from "react";
-var p = {
-  onClick: "click",
-  onMouseDown: "mousedown",
-  onMouseUp: "mouseup",
-  onTouchStart: "touchstart",
-  onTouchEnd: "touchend"
-}, h = ({ children: t, onClickAway: r, mouseEvent: c = "onClick", touchEvent: s = "onTouchEnd" }) => {
-  const f = i(null), u = i(r);
-  return l(() => {
-    u.current = r;
-  }, [r]), l(() => {
-    const o = (e) => {
-      const a = f.current;
-      a && e.target instanceof Node && !a.contains(e.target) && u.current(e);
-    }, n = [c, s].filter((e) => e !== !1).map((e) => p[e]).filter((e) => !!e);
-    for (const e of n) document.addEventListener(e, o);
-    return () => {
-      for (const e of n) document.removeEventListener(e, o);
-    };
-  }, [c, s]), m(t, { ref: d((o) => {
-    f.current = o;
-    const n = t.ref;
-    typeof n == "function" && n(o);
-  }, [t]) });
-};
-export {
-  h as ClickAwayListener
-};

package/dist/components/mui-compat/Container.js

@@ -1,24 +0,0 @@
-import { resolveSx as f } from "../../helpers/sx.js";
-import n from "clsx";
-import { createElement as c } from "react";
-var r = {
-  xs: 444,
-  sm: 600,
-  md: 900,
-  lg: 1200,
-  xl: 1536
-}, g = ({ maxWidth: e = "lg", disableGutters: o, className: l, sx: m, style: t, component: x = "div", children: s, fixed: d, ...i }) => {
-  const a = {
-    ...e && e in r ? { maxWidth: r[e] } : {},
-    ...f(m),
-    ...t
-  };
-  return c(x, {
-    className: n("mx-auto box-border block w-full", !o && "px-4", l),
-    style: a,
-    ...i
-  }, s);
-};
-export {
-  g as Container
-};

package/dist/components/mui-compat/Fade.js

@@ -1,29 +0,0 @@
-import { cn as o } from "../../helpers/cn.js";
-import u from "./Fade.module.js";
-import { cloneElement as c, useEffect as i, useState as p } from "react";
-var n = (e, r) => typeof e == "number" ? e : e[r] ?? 225, F = ({ in: e = !0, timeout: r = 225, children: t, onExited: s, style: d }) => {
-  const [a, f] = p(e);
-  if (e && !a && f(!0), i(() => {
-    if (e) return;
-    const m = setTimeout(() => {
-      f(!1), s?.();
-    }, n(r, "exit"));
-    return () => clearTimeout(m);
-  }, [
-    e,
-    r,
-    s
-  ]), !a) return null;
-  const l = t.props;
-  return c(t, {
-    className: o(l.className, e ? u.fadeIn : u.fadeOut),
-    style: {
-      ...l.style,
-      ...d,
-      "--fade-duration": `${n(r, e ? "enter" : "exit")}ms`
-    }
-  });
-};
-export {
-  F as Fade
-};

package/dist/components/mui-compat/Fade.module.js

@@ -1,9 +0,0 @@
-var a = "_fadeIn_s274y_17", _ = "_fadeOut_s274y_21", e = {
-  fadeIn: a,
-  "fade-in": "_fade-in_s274y_1",
-  fadeOut: _,
-  "fade-out": "_fade-out_s274y_1"
-};
-export {
-  e as default
-};

package/dist/components/mui-compat/FormLabel.js

@@ -1,22 +0,0 @@
-import { resolveSx as c } from "../../helpers/sx.js";
-import a from "clsx";
-import "react";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-var v = ({ required: e, className: o, sx: r, style: l, children: s, classes: d, component: i, error: p, focused: x, filled: _, color: b, ...t }) => {
-  const m = {
-    ...c(r),
-    ...l
-  };
-  return /* @__PURE__ */ f("label", {
-    className: a("font-roboto text-[1rem] leading-[1.4375em] text-[rgba(0,0,0,0.6)]", o),
-    style: m,
-    ...t,
-    children: [s, e && /* @__PURE__ */ n("span", {
-      className: "ml-0.5 text-[#d32f2f]",
-      children: " *"
-    })]
-  });
-};
-export {
-  v as FormLabel
-};

package/dist/components/mui-compat/Paper.js

@@ -1,44 +0,0 @@
-import { resolveSx as l } from "../../helpers/sx.js";
-import d from "clsx";
-import { createElement as m } from "react";
-var n = [
-  "none",
-  "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
-  "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-  "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
-  "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
-  "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
-  "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
-  "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
-  "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
-  "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
-  "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
-  "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
-  "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
-  "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
-  "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
-  "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
-  "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
-  "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
-  "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
-  "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
-  "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
-  "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
-  "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
-  "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
-  "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
-], u = ({ elevation: p = 1, square: r, variant: x = "elevation", className: a, sx: b, style: g, component: e = "div", children: o, classes: i, ...t }) => {
-  const s = {
-    boxShadow: x === "outlined" ? "none" : n[Math.min(Math.max(p, 0), 24)],
-    ...l(b),
-    ...g
-  };
-  return m(e, {
-    className: d("bg-white text-[rgba(0,0,0,0.87)]", !r && "rounded-[4px]", x === "outlined" && "border border-solid border-[rgba(0,0,0,0.12)]", a),
-    style: s,
-    ...t
-  }, o);
-};
-export {
-  u as Paper
-};

package/dist/components/mui-compat/Popper.js

@@ -1,35 +0,0 @@
-import { useState as P } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { FloatingPortal as y, autoUpdate as E, flip as F, shift as h, useFloating as w, useMergeRefs as M } from "@floating-ui/react";
-var j = ({ open: e = !1, anchorEl: s, id: l, placement: a = "bottom", transition: f, disablePortal: d, className: m, style: c, children: t }) => {
-  const [o, n] = P(!0);
-  e && o && n(!1);
-  const { refs: p, floatingStyles: u, placement: g } = w({
-    open: e,
-    placement: a,
-    whileElementsMounted: E,
-    elements: { reference: s ?? void 0 },
-    middleware: [F({ padding: 8 }), h({ padding: 8 })]
-  }), x = M([p.setFloating]);
-  if (!(e || f && !o)) return null;
-  const v = typeof t == "function" ? t({
-    TransitionProps: {
-      in: e,
-      onExited: () => n(!0)
-    },
-    placement: g
-  }) : t, i = /* @__PURE__ */ r("div", {
-    ref: x,
-    id: l,
-    style: {
-      ...u,
-      ...c
-    },
-    className: m,
-    children: v
-  });
-  return d ? i : /* @__PURE__ */ r(y, { children: i });
-};
-export {
-  j as Popper
-};

package/dist/components/mui-compat/Skeleton.js

@@ -1,26 +0,0 @@
-import { resolveSx as p } from "../../helpers/sx.js";
-import u from "clsx";
-import "react";
-import { jsx as d } from "react/jsx-runtime";
-var i = {
-  text: "rounded-[4px] origin-[0_55%] scale-y-[0.6] my-0",
-  circular: "rounded-full",
-  rectangular: "",
-  rounded: "rounded-[4px]"
-}, b = ({ variant: e = "text", width: o, height: r, animation: t = "pulse", className: s, sx: l, style: a, children: n, classes: x, component: g, ...m }) => {
-  const c = {
-    width: o,
-    height: r ?? (e === "text" ? "auto" : void 0),
-    ...p(l),
-    ...a
-  };
-  return /* @__PURE__ */ d("span", {
-    className: u("block bg-[rgba(0,0,0,0.11)]", t !== !1 && "animate-pulse", i[e] ?? "", s),
-    style: c,
-    ...m,
-    children: n
-  });
-};
-export {
-  b as Skeleton
-};