mada-design-system 0.5.4 → 0.5.6

package/index.es229.js

@@ -1,240 +1,8 @@
-import w from "./index.es197.js";
-import l from "./index.es196.js";
-import * as d from "react";
-import o from "./index.es198.js";
-import { clsx as x } from "./index.es102.js";
-import E, { rootShouldForwardProp as F } from "./index.es210.js";
-import G from "./index.es219.js";
-import $ from "./index.es312.js";
-import i, { getMenuItemUtilityClass as L } from "./index.es313.js";
-import { jsx as I } from "react/jsx-runtime";
-import _ from "./index.es300.js";
-import O from "./index.es314.js";
-import M from "./index.es315.js";
-import N from "./index.es316.js";
-import D from "./index.es301.js";
-import S from "./index.es230.js";
-import U from "./index.es218.js";
-import { alpha as p } from "./index.es231.js";
-const H = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], z = (e, t) => {
-  const {
-    ownerState: s
-  } = e;
-  return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
-}, W = (e) => {
-  const {
-    disabled: t,
-    dense: s,
-    divider: a,
-    disableGutters: c,
-    selected: u,
-    classes: r
-  } = e, n = U({
-    root: ["root", s && "dense", t && "disabled", !c && "gutters", a && "divider", u && "selected"]
-  }, L, r);
-  return l({}, r, n);
-}, q = E(_, {
-  shouldForwardProp: (e) => F(e) || e === "classes",
-  name: "MuiMenuItem",
-  slot: "Root",
-  overridesResolver: z
-})(({
-  theme: e,
-  ownerState: t
-}) => l({}, e.typography.body1, {
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  position: "relative",
-  textDecoration: "none",
-  minHeight: 48,
-  paddingTop: 6,
-  paddingBottom: 6,
-  boxSizing: "border-box",
-  whiteSpace: "nowrap"
-}, !t.disableGutters && {
-  paddingLeft: 16,
-  paddingRight: 16
-}, t.divider && {
-  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-  backgroundClip: "padding-box"
-}, {
-  "&:hover": {
-    textDecoration: "none",
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  [`&.${i.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${i.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`&.${i.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
-    }
-  },
-  [`&.${i.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${i.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${O.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${O.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${M.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${M.inset}`]: {
-    paddingLeft: 36
-  },
-  [`& .${N.root}`]: {
-    minWidth: 36
-  }
-}, !t.dense && {
-  [e.breakpoints.up("sm")]: {
-    minHeight: "auto"
-  }
-}, t.dense && l({
-  minHeight: 32,
-  // https://m2.material.io/components/menus#specs > Dense
-  paddingTop: 4,
-  paddingBottom: 4
-}, e.typography.body2, {
-  [`& .${N.root} svg`]: {
-    fontSize: "1.25rem"
-  }
-}))), T = /* @__PURE__ */ d.forwardRef(function(t, s) {
-  const a = G({
-    props: t,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: c = !1,
-    component: u = "li",
-    dense: r = !1,
-    divider: b = !1,
-    disableGutters: n = !1,
-    focusVisibleClassName: k,
-    role: R = "menuitem",
-    tabIndex: v,
-    className: V
-  } = a, B = w(a, H), g = d.useContext($), y = d.useMemo(() => ({
-    dense: r || g.dense || !1,
-    disableGutters: n
-  }), [g.dense, r, n]), m = d.useRef(null);
-  D(() => {
-    c && (m.current ? m.current.focus() : process.env.NODE_ENV);
-  }, [c]);
-  const P = l({}, a, {
-    dense: y.dense,
-    divider: b,
-    disableGutters: n
-  }), f = W(a), j = S(m, s);
-  let C;
-  return a.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
-    value: y,
-    children: /* @__PURE__ */ I(q, l({
-      ref: j,
-      role: R,
-      tabIndex: C,
-      component: u,
-      focusVisibleClassName: x(f.focusVisible, k),
-      className: x(f.root, V)
-    }, B, {
-      ownerState: P,
-      classes: f
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (T.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, the list item is focused during the first mount.
-   * Focus will also be triggered if the value changes from false to true.
-   * @default false
-   */
-  autoFocus: o.bool,
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
-   * The prop defaults to the value inherited from the parent Menu component.
-   * @default false
-   */
-  dense: o.bool,
-  /**
-   * @ignore
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: o.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider: o.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: o.string,
-  /**
-   * @ignore
-   */
-  role: o.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: o.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: o.number
-});
-const ce = T;
+import o from "./index.es270.js";
+const r = "@media (prefers-reduced-motion: reduce)", e = typeof navigator < "u" && navigator.userAgent.match(/android\s(\d+)|OS\s(\d+)/i), n = e && e[1] ? parseInt(e[1], 10) : null, s = e && e[2] ? parseInt(e[2], 10) : null, t = n && n < 10 || s && s < 13 || !1, d = () => o(r, {
+  defaultMatches: !1
+}) || t;
 export {
-  ce as default,
-  z as overridesResolver
+  t as slowAnimationDevices,
+  d as useDefaultReduceAnimations
 };

package/index.es23.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es119.js";
-import "./index.es120.js";
-import { LocalizationProvider as i } from "./index.es121.js";
-import { AdapterMomentHijri as d } from "./index.es122.js";
-import { AdapterMoment as n } from "./index.es123.js";
-import { DateCalendar as l } from "./index.es124.js";
+import e from "./index.es107.js";
+import "./index.es128.js";
+import { LocalizationProvider as i } from "./index.es129.js";
+import { AdapterMomentHijri as d } from "./index.es130.js";
+import { AdapterMoment as n } from "./index.es131.js";
+import { DateCalendar as l } from "./index.es132.js";
 function p({ ishijri: a, lang: o = "ar", ...t }) {
   return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: a ? d : n, adapterLocale: o === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(
     l,

package/index.es230.js

@@ -1,12 +1,7 @@
-import * as o from "react";
-import u from "./index.es317.js";
-function f(...e) {
-  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
-    e.forEach((t) => {
-      u(t, r);
-    });
-  }, e);
-}
+import e from "./index.es244.js";
+import a from "./index.es245.js";
+const n = (t) => e("MuiDateCalendar", t);
+a("MuiDateCalendar", ["root", "viewTransitionContainer"]);
 export {
-  f as default
+  n as getDateCalendarUtilityClass
 };

package/index.es231.js

@@ -1,97 +1,49 @@
-import y from "./index.es344.js";
-import l from "./index.es286.js";
-function h(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > 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 a(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return a(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((p) => parseFloat(p)), {
-    type: n,
-    values: s,
-    colorSpace: r
+import * as T from "react";
+import { useUtils as C } from "./index.es224.js";
+import R from "./index.es269.js";
+import d from "./index.es239.js";
+const I = ({
+  timezone: i,
+  value: s,
+  defaultValue: c,
+  onChange: o,
+  valueManager: e
+}) => {
+  var u, m;
+  const t = C(), z = T.useRef(c), n = (u = s ?? z.current) != null ? u : e.emptyValue, l = T.useMemo(() => e.getTimezone(t, n), [t, e, n]), p = d((r) => l == null ? r : e.setTimezone(t, l, r)), f = (m = i ?? l) != null ? m : "default", h = T.useMemo(() => e.setTimezone(t, f, n), [e, t, f, n]), V = d((r, ...a) => {
+    const W = p(r);
+    o == null || o(W, ...a);
+  });
+  return {
+    value: h,
+    handleValueChange: V,
+    timezone: f
   };
-}
-function i(e) {
-  const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: s
-  } = e;
-  return t.indexOf("rgb") !== -1 ? s = s.map((r, p) => p < 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 = a(e);
-  const {
-    values: t
-  } = e, n = t[0], s = t[1] / 100, r = t[2] / 100, p = s * Math.min(r, 1 - r), u = (b, d = (b + n / 30) % 12) => r - p * 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
+}, b = ({
+  name: i,
+  timezone: s,
+  value: c,
+  defaultValue: o,
+  onChange: e,
+  valueManager: u
+}) => {
+  const [m, t] = R({
+    name: i,
+    state: "value",
+    controlled: c,
+    default: o ?? u.emptyValue
+  }), z = d((n, ...l) => {
+    t(n), e == null || e(n, ...l);
+  });
+  return I({
+    timezone: s,
+    value: m,
+    defaultValue: void 0,
+    onChange: z,
+    valueManager: u
   });
-}
-function m(e) {
-  e = a(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? a($(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 M(e, t) {
-  const n = m(e), s = m(t);
-  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
-}
-function o(e, t) {
-  return e = a(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 = a(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 = a(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 {
-  o as alpha,
-  E as darken,
-  a as decomposeColor,
-  M as getContrastRatio,
-  m as getLuminance,
-  x as hexToRgb,
-  $ as hslToRgb,
-  w as lighten,
-  i as recomposeColor
+  b as useControlledValueWithTimezone,
+  I as useValueWithTimezone
 };

package/index.es232.js

@@ -1,4 +1,24 @@
-var e = { exports: {} };
+import a from "./index.es221.js";
+import { getTodayDate as n, replaceInvalidDateByNull as u, areDatesEqual as o } from "./index.es228.js";
+import { getDefaultReferenceDate as i } from "./index.es261.js";
+const m = ["value", "referenceDate"], d = {
+  emptyValue: null,
+  getTodayValue: n,
+  getInitialReferenceValue: (e) => {
+    let {
+      value: l,
+      referenceDate: t
+    } = e, r = a(e, m);
+    return l != null && r.utils.isValid(l) ? l : t ?? i(r);
+  },
+  cleanValue: u,
+  areValuesEqual: o,
+  isSameError: (e, l) => e === l,
+  hasError: (e) => e != null,
+  defaultErrorState: null,
+  getTimezone: (e, l) => l == null || !e.isValid(l) ? null : e.getTimezone(l),
+  setTimezone: (e, l, t) => t == null ? null : e.setTimezone(t, l)
+};
 export {
-  e as __module
+  d as singleItemValueManager
 };

package/index.es233.js

@@ -1,60 +1,9 @@
-import { __exports as d } from "./index.es265.js";
-import q from "react";
-import { __require as w } from "./index.es266.js";
-var V;
-function k() {
-  if (V)
-    return d;
-  V = 1;
-  var a = q, j = w();
-  function z(r, u) {
-    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-  }
-  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
-  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
-    var i = h(null);
-    if (i.current === null) {
-      var o = { hasValue: !1, value: null };
-      i.current = o;
-    } else
-      o = i.current;
-    i = D(
-      function() {
-        function _(e) {
-          if (!s) {
-            if (s = !0, l = e, e = v(e), t !== void 0 && o.hasValue) {
-              var f = o.value;
-              if (t(f, e))
-                return n = f;
-            }
-            return n = e;
-          }
-          if (f = n, M(l, e))
-            return f;
-          var R = v(e);
-          return t !== void 0 && t(f, R) ? (l = e, f) : (l = e, n = R);
-        }
-        var s = !1, l, n, b = m === void 0 ? null : m;
-        return [
-          function() {
-            return _(u());
-          },
-          b === null ? void 0 : function() {
-            return _(b());
-          }
-        ];
-      },
-      [u, m, v, t]
-    );
-    var c = W(r, i[0], i[1]);
-    return y(
-      function() {
-        o.hasValue = !0, o.value = c;
-      },
-      [c]
-    ), O(c), c;
-  }, d;
-}
+const I = 36, _ = 2, A = 320, o = 280, t = 334, E = 232;
 export {
-  k as __require
+  _ as DAY_MARGIN,
+  I as DAY_SIZE,
+  A as DIALOG_WIDTH,
+  E as DIGITAL_CLOCK_VIEW_HEIGHT,
+  o as MAX_CALENDAR_HEIGHT,
+  t as VIEW_HEIGHT
 };

package/index.es234.js

@@ -1,59 +1,12 @@
-import { __exports as d } from "./index.es267.js";
-import M from "react";
-import { __require as b } from "./index.es266.js";
-var s;
-function H() {
-  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && function() {
-    function A(r, u) {
-      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = n.useRef, S = n.useEffect, p = n.useMemo, G = n.useDebugValue;
-    d.useSyncExternalStoreWithSelector = function(r, u, a, c, i) {
-      var _ = D(null);
-      if (_.current === null) {
-        var t = { hasValue: !1, value: null };
-        _.current = t;
-      } else
-        t = _.current;
-      _ = p(
-        function() {
-          function m(e) {
-            if (!v) {
-              if (v = !0, O = e, e = c(e), i !== void 0 && t.hasValue) {
-                var o = t.value;
-                if (i(o, e))
-                  return l = o;
-              }
-              return l = e;
-            }
-            if (o = l, T(O, e))
-              return o;
-            var E = c(e);
-            return i !== void 0 && i(o, E) ? (O = e, o) : (O = e, l = E);
-          }
-          var v = !1, O, l, L = a === void 0 ? null : a;
-          return [
-            function() {
-              return m(u());
-            },
-            L === null ? void 0 : function() {
-              return m(L());
-            }
-          ];
-        },
-        [u, a, c, i]
-      );
-      var f = V(r, _[0], _[1]);
-      return S(
-        function() {
-          t.hasValue = !0, t.value = f;
-        },
-        [f]
-      ), G(f), f;
-    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), d);
-}
+import t from "./index.es296.js";
+import r from "./index.es283.js";
+import e, { shouldForwardProp as d } from "./index.es299.js";
+const s = (o) => d(o) && o !== "classes", l = e({
+  themeId: r,
+  defaultTheme: t,
+  rootShouldForwardProp: s
+}), f = l;
 export {
-  H as __require
+  f as default,
+  s as rootShouldForwardProp
 };

package/index.es235.js

@@ -1,15 +1,13 @@
-function u() {
-  for (var e = 0, t, n, r = ""; e < arguments.length; )
-    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
-  return r;
-}
-function a(e) {
-  if (typeof e == "string")
-    return e;
-  for (var t, n = "", r = 0; r < e.length; r++)
-    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
-  return n;
-}
+import { DIALOG_WIDTH as o, VIEW_HEIGHT as i } from "./index.es233.js";
+import e from "./index.es234.js";
+const m = e("div")({
+  overflow: "hidden",
+  width: o,
+  maxHeight: i,
+  display: "flex",
+  flexDirection: "column",
+  margin: "0 auto"
+});
 export {
-  u as twJoin
+  m as PickerViewRoot
 };

package/index.es236.js

@@ -1,27 +1,19 @@
-import { createConfigUtils as d } from "./index.es237.js";
-import { mergeClassList as h } from "./index.es238.js";
-import { twJoin as p } from "./index.es235.js";
-function T() {
-  for (var c = arguments.length, a = new Array(c), e = 0; e < c; e++)
-    a[e] = arguments[e];
-  var t, o, u, f = g;
-  function g(r) {
-    var n = a[0], i = a.slice(1), m = i.reduce(function(v, s) {
-      return s(v);
-    }, n());
-    return t = d(m), o = t.cache.get, u = t.cache.set, f = l, l(r);
-  }
-  function l(r) {
-    var n = o(r);
-    if (n)
-      return n;
-    var i = h(r, t);
-    return u(r, i), i;
+import * as u from "react";
+let n = 0;
+function o(t) {
+  const [e, a] = u.useState(t), l = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), l;
+}
+const s = u["useId".toString()];
+function f(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
   }
-  return function() {
-    return f(p.apply(null, arguments));
-  };
+  return o(t);
 }
 export {
-  T as createTailwindMerge
+  f as default
 };