mada-design-system 0.0.10 → 0.0.11

package/index.es288.js

@@ -1,354 +1,54 @@
-import w from "./index.es189.js";
-import ge from "./index.es190.js";
-import * as t from "react";
-import e from "./index.es191.js";
-import { clsx as Be } from "./index.es95.js";
-import Ce from "./index.es204.js";
-import xe from "./index.es192.js";
-import De from "./index.es373.js";
-import ke, { getButtonBaseUtilityClass as Ve } from "./index.es374.js";
-import { jsxs as Ee, jsx as we } from "react/jsx-runtime";
-import _ from "./index.es290.js";
-import Fe from "./index.es309.js";
-import M from "./index.es209.js";
-import Le from "./index.es306.js";
-import Ne from "./index.es302.js";
-import Se from "./index.es212.js";
-const Ue = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Pe = (g) => {
-  const {
-    disabled: i,
-    focusVisible: b,
-    focusVisibleClassName: c,
-    classes: B
-  } = g, m = Se({
-    root: ["root", i && "disabled", b && "focusVisible"]
-  }, Ve, B);
-  return b && c && (m.root += ` ${c}`), m;
-}, je = Ce("button", {
-  name: "MuiButtonBase",
-  slot: "Root",
-  overridesResolver: (g, i) => i.root
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "relative",
-  boxSizing: "border-box",
-  WebkitTapHighlightColor: "transparent",
-  backgroundColor: "transparent",
-  // Reset default value
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  border: 0,
-  margin: 0,
-  // Remove the margin in Safari
-  borderRadius: 0,
-  padding: 0,
-  // Remove the padding in Firefox
-  cursor: "pointer",
-  userSelect: "none",
-  verticalAlign: "middle",
-  MozAppearance: "none",
-  // Reset
-  WebkitAppearance: "none",
-  // Reset
-  textDecoration: "none",
-  // So we take precedent over the style of a native <a /> element.
-  color: "inherit",
-  "&::-moz-focus-inner": {
-    borderStyle: "none"
-    // Remove Firefox dotted outline.
-  },
-  [`&.${ke.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), q = /* @__PURE__ */ t.forwardRef(function(i, b) {
-  const c = xe({
-    props: i,
-    name: "MuiButtonBase"
-  }), {
-    action: B,
-    centerRipple: C = !1,
-    children: m,
-    className: z,
-    component: h = "button",
-    disabled: r = !1,
-    disableRipple: R = !1,
-    disableTouchRipple: F = !1,
-    focusRipple: a = !1,
-    LinkComponent: H = "a",
-    onBlur: L,
-    onClick: l,
-    onContextMenu: W,
-    onDragLeave: $,
-    onFocus: N,
-    onFocusVisible: S,
-    onKeyDown: U,
-    onKeyUp: P,
-    onMouseDown: G,
-    onMouseLeave: j,
-    onMouseUp: J,
-    onTouchEnd: Q,
-    onTouchMove: X,
-    onTouchStart: Y,
-    tabIndex: K = 0,
-    TouchRippleProps: Z,
-    touchRippleRef: ee,
-    type: x
-  } = c, p = ge(c, Ue), f = t.useRef(null), n = t.useRef(null), oe = _(n, ee), {
-    isFocusVisibleRef: I,
-    onFocus: ne,
-    onBlur: te,
-    ref: se
-  } = Fe(), [u, T] = t.useState(!1);
-  r && u && T(!1), t.useImperativeHandle(B, () => ({
-    focusVisible: () => {
-      T(!0), f.current.focus();
+import { __exports as s } from "./index.es347.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
     }
-  }), []);
-  const [D, re] = t.useState(!1);
-  t.useEffect(() => {
-    re(!0);
-  }, []);
-  const k = D && !R && !r;
-  t.useEffect(() => {
-    u && a && !R && D && n.current.pulsate();
-  }, [R, a, u, D]);
-  function s(o, A, Me = F) {
-    return M((v) => (A && A(v), !Me && n.current && n.current[o](v), !0));
-  }
-  const ue = s("start", G), ce = s("stop", W), ie = s("stop", $), ae = s("stop", J), le = s("stop", (o) => {
-    u && o.preventDefault(), j && j(o);
-  }), pe = s("start", Y), fe = s("stop", Q), de = s("stop", X), be = s("stop", (o) => {
-    te(o), I.current === !1 && T(!1), L && L(o);
-  }, !1), me = M((o) => {
-    f.current || (f.current = o.currentTarget), ne(o), I.current === !0 && (T(!0), S && S(o)), N && N(o);
-  }), V = () => {
-    const o = f.current;
-    return h && h !== "button" && !(o.tagName === "A" && o.href);
-  }, E = t.useRef(!1), he = M((o) => {
-    a && !E.current && u && n.current && o.key === " " && (E.current = !0, n.current.stop(o, () => {
-      n.current.start(o);
-    })), o.target === o.currentTarget && V() && o.key === " " && o.preventDefault(), U && U(o), o.target === o.currentTarget && V() && o.key === "Enter" && !r && (o.preventDefault(), l && l(o));
-  }), Re = M((o) => {
-    a && o.key === " " && n.current && u && !o.defaultPrevented && (E.current = !1, n.current.stop(o, () => {
-      n.current.pulsate(o);
-    })), P && P(o), l && o.target === o.currentTarget && V() && o.key === " " && !o.defaultPrevented && l(o);
-  });
-  let y = h;
-  y === "button" && (p.href || p.to) && (y = H);
-  const d = {};
-  y === "button" ? (d.type = x === void 0 ? "button" : x, d.disabled = r) : (!p.href && !p.to && (d.role = "button"), r && (d["aria-disabled"] = r));
-  const Te = _(b, se, f);
-  process.env.NODE_ENV !== "production" && t.useEffect(() => {
-    k && !n.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
-`));
-  }, [k]);
-  const O = w({}, c, {
-    centerRipple: C,
-    component: h,
-    disabled: r,
-    disableRipple: R,
-    disableTouchRipple: F,
-    focusRipple: a,
-    tabIndex: K,
-    focusVisible: u
-  }), ye = Pe(O);
-  return /* @__PURE__ */ Ee(je, w({
-    as: y,
-    className: Be(ye.root, z),
-    ownerState: O,
-    onBlur: be,
-    onClick: l,
-    onContextMenu: ce,
-    onFocus: me,
-    onKeyDown: he,
-    onKeyUp: Re,
-    onMouseDown: ue,
-    onMouseLeave: le,
-    onMouseUp: ae,
-    onDragLeave: ie,
-    onTouchEnd: fe,
-    onTouchMove: de,
-    onTouchStart: pe,
-    ref: Te,
-    tabIndex: r ? -1 : K,
-    type: x
-  }, d, p, {
-    children: [m, k ? (
-      /* TouchRipple is only needed client-side, x2 boost on the server. */
-      /* @__PURE__ */ we(De, w({
-        ref: oe,
-        center: C
-      }, Z))
-    ) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: Le,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: e.bool,
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: Ne,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: e.bool,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: e.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: e.string,
-  /**
-   * @ignore
-   */
-  href: e.any,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: e.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: e.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: e.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: e.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: e.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: e.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: e.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: e.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: e.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: e.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: e.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: e.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: e.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      pulsate: e.func.isRequired,
-      start: e.func.isRequired,
-      stop: e.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string])
-});
-const Ze = q;
+    function S(e, t) {
+      c || o.startTransition === void 0 || (c = !0);
+      var n = t();
+      if (!f) {
+        var u = t();
+        _(n, u) || (f = !0);
+      }
+      u = p({
+        inst: { value: n, getSnapshot: t }
+      });
+      var r = u[0].inst, i = u[1];
+      return L(
+        function() {
+          r.value = n, r.getSnapshot = t, a(r) && i({ inst: r });
+        },
+        [e, n, t]
+      ), E(
+        function() {
+          return a(r) && i({ inst: r }), e(function() {
+            a(r) && i({ inst: r });
+          });
+        },
+        [e]
+      ), y(n), n;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var n = t();
+        return !_(e, n);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, c = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }(), s);
+}
 export {
-  je as ButtonBaseRoot,
-  Ze as default
+  A as __require
 };

package/index.es289.js

@@ -1,97 +1,8 @@
-import y from "./index.es312.js";
-import l from "./index.es272.js";
-function h(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), y(e, t, n);
-}
-function x(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((s) => s + s)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((s, r) => r < 3 ? parseInt(s, 16) : Math.round(parseInt(s, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function p(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return p(x(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : l(9, e));
-  let s = e.substring(t + 1, e.length - 1), r;
-  if (n === "color") {
-    if (s = s.split(" "), r = s.shift(), s.length === 4 && s[3].charAt(0) === "/" && (s[3] = s[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r) === -1)
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${r}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : l(10, r));
-  } else
-    s = s.split(",");
-  return s = s.map((a) => parseFloat(a)), {
-    type: n,
-    values: s,
-    colorSpace: r
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
   };
 }
-function i(e) {
-  const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: s
-  } = e;
-  return t.indexOf("rgb") !== -1 ? s = s.map((r, a) => a < 3 ? parseInt(r, 10) : r) : t.indexOf("hsl") !== -1 && (s[1] = `${s[1]}%`, s[2] = `${s[2]}%`), t.indexOf("color") !== -1 ? s = `${n} ${s.join(" ")}` : s = `${s.join(", ")}`, `${t}(${s})`;
-}
-function $(e) {
-  e = p(e);
-  const {
-    values: t
-  } = e, n = t[0], s = t[1] / 100, r = t[2] / 100, a = s * Math.min(r, 1 - r), u = (m, d = (m + n / 30) % 12) => r - a * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let f = "rgb";
-  const g = [Math.round(u(0) * 255), Math.round(u(8) * 255), Math.round(u(4) * 255)];
-  return e.type === "hsla" && (f += "a", g.push(t[3])), i({
-    type: f,
-    values: g
-  });
-}
-function b(e) {
-  e = p(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? p($(e)).values : e.values;
-  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function o(e, t) {
-  const n = b(e), s = b(t);
-  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
-}
-function v(e, t) {
-  return e = p(e), t = h(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, i(e);
-}
-function E(e, t) {
-  if (e = p(e), t = h(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] *= 1 - t;
-  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] *= 1 - t;
-  return i(e);
-}
-function w(e, t) {
-  if (e = p(e), t = h(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.indexOf("rgb") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (255 - e.values[n]) * t;
-  else if (e.type.indexOf("color") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (1 - e.values[n]) * t;
-  return i(e);
-}
 export {
-  v as alpha,
-  E as darken,
-  p as decomposeColor,
-  o as getContrastRatio,
-  b as getLuminance,
-  x as hexToRgb,
-  $ as hslToRgb,
-  w as lighten,
-  i as recomposeColor
+  u as default
 };

package/index.es29.js

@@ -1,27 +1,27 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
-import * as l from "react";
-import { clsx as p } from "./index.es95.js";
-import { cn as i } from "./index.es77.js";
-import g from "./index.es101.js";
-const R = a.Root, k = a.Trigger, u = a.Portal, d = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+import * as i from "react";
+import { clsx as p } from "./index.es92.js";
+import { cn as l } from "./index.es76.js";
+import g from "./index.es105.js";
+const R = a.Root, k = a.Trigger, u = a.Portal, r = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   a.Overlay,
   {
     ref: s,
-    className: i(
+    className: l(
       "bg-background/80 fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t
   }
 ));
-d.displayName = a.Overlay.displayName;
-const y = l.forwardRef(({ className: e, ignoreInteractOutside: t, hideOverlay: s, children: r, ...c }, m) => /* @__PURE__ */ n(u, { children: [
+r.displayName = a.Overlay.displayName;
+const x = i.forwardRef(({ className: e, ignoreInteractOutside: t, hideOverlay: s, children: d, ...c }, m) => /* @__PURE__ */ n(u, { children: [
   /* @__PURE__ */ o(
-    d,
+    r,
     {
       className: p({
-        "opacity-0": s
+        "bg-transparent": s
       })
     }
   ),
@@ -32,13 +32,13 @@ const y = l.forwardRef(({ className: e, ignoreInteractOutside: t, hideOverlay: s
         t && f.preventDefault();
       },
       ref: m,
-      className: i(
+      className: l(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
         e
       ),
       ...c,
       children: [
-        r,
+        d,
         /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
           /* @__PURE__ */ o(g, { className: "h-4 w-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
@@ -47,24 +47,24 @@ const y = l.forwardRef(({ className: e, ignoreInteractOutside: t, hideOverlay: s
     }
   )
 ] }));
-y.displayName = a.Content.displayName;
-const x = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
-x.displayName = "DialogHeader";
-const N = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+x.displayName = a.Content.displayName;
+const y = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: l("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+y.displayName = "DialogHeader";
+const N = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
 N.displayName = "DialogFooter";
-const D = l.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Title, { ref: s, className: i("text-lg font-bold leading-none tracking-tight", e), ...t })
+const D = i.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Title, { ref: s, className: l("text-lg font-bold leading-none tracking-tight", e), ...t })
 );
 D.displayName = a.Title.displayName;
-const b = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Description, { ref: s, className: i("text-sm text-muted-foreground", e), ...t }));
+const b = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Description, { ref: s, className: l("text-sm text-muted-foreground", e), ...t }));
 b.displayName = a.Description.displayName;
 export {
   R as Dialog,
-  y as DialogContent,
+  x as DialogContent,
   b as DialogDescription,
   N as DialogFooter,
-  x as DialogHeader,
-  d as DialogOverlay,
+  y as DialogHeader,
+  r as DialogOverlay,
   u as DialogPortal,
   D as DialogTitle,
   k as DialogTrigger

package/index.es290.js

@@ -1,12 +1,26 @@
-import * as o from "react";
-import u from "./index.es307.js";
-function f(...e) {
-  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
-    e.forEach((t) => {
-      u(t, r);
-    });
-  }, e);
+import r from "./index.es193.js";
+import c from "./index.es289.js";
+function m(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
 }
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  f as default
+  R as default
 };

package/index.es291.js

@@ -1,5 +1,23 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
+import c from "./index.es193.js";
+import l from "./index.es289.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const m = l(c.elementType, u);
 export {
-  t as default
+  m as default
 };