mada-design-system 0.5.1 → 0.5.2

package/index.es229.js

@@ -1,23 +1,240 @@
-import s from "./index.es313.js";
-const t = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function o(d, e, r = "Mui") {
-  const a = t[e];
-  return a ? `${r}-${a}` : `${s.generate(d)}-${e}`;
-}
+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.es313.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es314.js";
+import { jsx as I } from "react/jsx-runtime";
+import _ from "./index.es298.js";
+import O from "./index.es315.js";
+import M from "./index.es316.js";
+import N from "./index.es317.js";
+import D from "./index.es299.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;
 export {
-  o as default,
-  t as globalStateClasses
+  ce as default,
+  z as overridesResolver
 };

package/index.es23.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es124.js";
-import "./index.es125.js";
-import { LocalizationProvider as i } from "./index.es126.js";
-import { AdapterMomentHijri as d } from "./index.es127.js";
-import { AdapterMoment as n } from "./index.es128.js";
-import { DateCalendar as l } from "./index.es129.js";
+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";
 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,10 +1,12 @@
-import s from "./index.es229.js";
-function l(r, a, i = "Mui") {
-  const t = {};
-  return a.forEach((e) => {
-    t[e] = s(r, e, i);
-  }), t;
+import * as o from "react";
+import u from "./index.es318.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
 }
 export {
-  l as default
+  f as default
 };

package/index.es231.js

@@ -1,7 +1,97 @@
-import a from "./index.es229.js";
-import t from "./index.es230.js";
-const n = (e) => a("MuiDayCalendar", e);
-t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
+import y from "./index.es332.js";
+import l from "./index.es287.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
+  };
+}
+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
+  });
+}
+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 {
-  n as getDayCalendarUtilityClass
+  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
 };

package/index.es232.js

@@ -1,7 +1,4 @@
-import r from "./index.es229.js";
-import t from "./index.es230.js";
-const s = (i) => r("MuiPickersFadeTransitionGroup", i);
-t("MuiPickersFadeTransitionGroup", ["root"]);
+var e = { exports: {} };
 export {
-  s as getPickersFadeTransitionGroupUtilityClass
+  e as __module
 };

package/index.es233.js

@@ -1,7 +1,60 @@
-import e from "./index.es230.js";
-import t from "./index.es229.js";
-const l = (i) => t("MuiPickersSlideTransition", i), n = e("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]);
+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;
+}
 export {
-  l as getPickersSlideTransitionUtilityClass,
-  n as pickersSlideTransitionClasses
+  k as __require
 };

package/index.es234.js

@@ -1,5 +1,59 @@
-const t = (e, r) => r.getHours(e) * 3600 + r.getMinutes(e) * 60 + r.getSeconds(e), c = (e, r) => (n, o) => e ? r.isAfter(n, o) : t(n, r) > t(o, r);
+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);
+}
 export {
-  c as createIsAfterIgnoreDatePart,
-  t as getSecondsInDay
+  H as __require
 };

package/index.es235.js

@@ -1,9 +1,15 @@
-import i from "./index.es229.js";
-import l from "./index.es230.js";
-function r(t) {
-  return i("MuiDigitalClock", t);
+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;
 }
-l("MuiDigitalClock", ["root", "list", "item"]);
 export {
-  r as getDigitalClockUtilityClass
+  u as twJoin
 };

package/index.es236.js

@@ -1,30 +1,27 @@
-import * as c from "react";
-import { singleItemValueManager as f } from "./index.es217.js";
-import { getTodayDate as m } from "./index.es213.js";
-import { SECTION_TYPE_GRANULARITY as g } from "./index.es258.js";
-const p = ({
-  value: e,
-  referenceDate: a,
-  utils: r,
-  props: o,
-  timezone: t
-}) => {
-  const n = c.useMemo(
-    () => f.getInitialReferenceValue({
-      value: e,
-      utils: r,
-      props: o,
-      referenceDate: a,
-      granularity: g.day,
-      timezone: t,
-      getTodayDate: () => m(r, t, "date")
-    }),
-    // We only want to compute the reference date on mount.
-    []
-    // eslint-disable-line react-hooks/exhaustive-deps
-  );
-  return e ?? n;
-};
+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;
+  }
+  return function() {
+    return f(p.apply(null, arguments));
+  };
+}
 export {
-  p as useClockReferenceDate
+  T as createTailwindMerge
 };