mada-design-system 0.5.4 → 0.5.6

package/index.es296.js

@@ -1,122 +1,5 @@
-import B from "./index.es197.js";
-import v from "./index.es196.js";
-import * as u from "react";
-import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es298.js";
-import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es210.js";
-import w from "./index.es219.js";
-import $ from "./index.es301.js";
-import F from "./index.es218.js";
-import { alpha as b } from "./index.es231.js";
-const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
-  const {
-    disabled: r,
-    selected: e,
-    classes: a
-  } = o;
-  return F({
-    root: ["root"],
-    monthButton: ["monthButton", r && "disabled", e && "selected"]
-  }, R, a);
-}, _ = m("div", {
-  name: "MuiPickersMonth",
-  slot: "Root",
-  overridesResolver: (o, r) => [r.root]
-})(({
-  ownerState: o
-}) => ({
-  flexBasis: o.monthsPerRow === 3 ? "33.3%" : "25%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-})), j = m("button", {
-  name: "MuiPickersMonth",
-  slot: "MonthButton",
-  overridesResolver: (o, r) => [r.monthButton, {
-    [`&.${n.disabled}`]: r.disabled
-  }, {
-    [`&.${n.selected}`]: r.selected
-  }]
-})(({
-  theme: o
-}) => v({
-  color: "unset",
-  backgroundColor: "transparent",
-  border: 0,
-  outline: 0
-}, o.typography.subtitle1, {
-  margin: "8px 0",
-  height: 36,
-  width: 72,
-  borderRadius: 18,
-  cursor: "pointer",
-  "&:focus": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:disabled": {
-    cursor: "auto",
-    pointerEvents: "none"
-  },
-  [`&.${n.disabled}`]: {
-    color: (o.vars || o).palette.text.secondary
-  },
-  [`&.${n.selected}`]: {
-    color: (o.vars || o).palette.primary.contrastText,
-    backgroundColor: (o.vars || o).palette.primary.main,
-    "&:focus, &:hover": {
-      backgroundColor: (o.vars || o).palette.primary.dark
-    }
-  }
-})), q = /* @__PURE__ */ u.memo(function(r) {
-  const e = w({
-    props: r,
-    name: "MuiPickersMonth"
-  }), {
-    autoFocus: a,
-    children: i,
-    disabled: c,
-    selected: f,
-    value: s,
-    tabIndex: h,
-    onClick: k,
-    onKeyDown: y,
-    onFocus: C,
-    onBlur: M,
-    "aria-current": g,
-    "aria-label": x
-    // We don't want to forward this prop to the root element
-  } = e, P = B(e, I), l = u.useRef(null), d = O(e);
-  return $(() => {
-    if (a) {
-      var t;
-      (t = l.current) == null || t.focus();
-    }
-  }, [a]), /* @__PURE__ */ p(_, v({
-    className: d.root,
-    ownerState: e
-  }, P, {
-    children: /* @__PURE__ */ p(j, {
-      ref: l,
-      disabled: c,
-      type: "button",
-      role: "radio",
-      tabIndex: c ? -1 : h,
-      "aria-current": g,
-      "aria-checked": f,
-      "aria-label": x,
-      onClick: (t) => k(t, s),
-      onKeyDown: (t) => y(t, s),
-      onFocus: (t) => C(t, s),
-      onBlur: (t) => M(t, s),
-      className: d.monthButton,
-      ownerState: e,
-      children: i
-    })
-  }));
-});
+import e from "./index.es284.js";
+const t = e(), m = t;
 export {
-  q as PickersMonth
+  m as default
 };

package/index.es297.js

@@ -1,9 +1,10 @@
-import e from "./index.es220.js";
-import r from "./index.es221.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
+import t from "./index.es353.js";
+import m from "./index.es292.js";
+const r = m();
+function u(e = r) {
+  return t(e);
 }
-r("MuiMonthCalendar", ["root"]);
 export {
-  n as getMonthCalendarUtilityClass
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es298.js

@@ -1,10 +1,18 @@
-import e from "./index.es221.js";
-import s from "./index.es220.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
+import s from "./index.es376.js";
+import p from "./index.es297.js";
+function n({
+  props: o,
+  name: m,
+  defaultTheme: t,
+  themeId: r
+}) {
+  let e = p(t);
+  return r && (e = e[r] || e), s({
+    theme: e,
+    name: m,
+    props: o
+  });
 }
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  n as default
 };

package/index.es299.js

@@ -1,10 +1,149 @@
-import i from "./index.es221.js";
-import t from "./index.es220.js";
-function r(e) {
-  return t("MuiPickersDay", e);
+import l from "./index.es220.js";
+import E from "./index.es221.js";
+import W, { internal_processStyles as z } from "./index.es337.js";
+import I from "./index.es292.js";
+import q from "./index.es329.js";
+import B from "./index.es327.js";
+import G from "./index.es295.js";
+import { isPlainObject as H } from "./index.es293.js";
+const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function U(e) {
+  return Object.keys(e).length === 0;
+}
+function X(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function A(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Y = I(), j = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function w({
+  defaultTheme: e,
+  theme: i,
+  themeId: o
+}) {
+  return U(i) ? e : i[o] || i;
+}
+function Z(e) {
+  return e ? (i, o) => o[e] : null;
+}
+function x(e, i) {
+  let {
+    ownerState: o
+  } = i, p = E(i, J);
+  const u = typeof e == "function" ? e(l({
+    ownerState: o
+  }, p)) : e;
+  if (Array.isArray(u))
+    return u.flatMap((h) => x(h, l({
+      ownerState: o
+    }, p)));
+  if (u && typeof u == "object" && Array.isArray(u.variants)) {
+    const {
+      variants: h = []
+    } = u;
+    let a = E(u, K);
+    return h.forEach((t) => {
+      let n = !0;
+      typeof t.props == "function" ? n = t.props(l({
+        ownerState: o
+      }, p, o)) : Object.keys(t.props).forEach((d) => {
+        (o == null ? void 0 : o[d]) !== t.props[d] && p[d] !== t.props[d] && (n = !1);
+      }), n && (Array.isArray(a) || (a = [a]), a.push(typeof t.style == "function" ? t.style(l({
+        ownerState: o
+      }, p, o)) : t.style));
+    }), a;
+  }
+  return u;
+}
+function le(e = {}) {
+  const {
+    themeId: i,
+    defaultTheme: o = Y,
+    rootShouldForwardProp: p = A,
+    slotShouldForwardProp: u = A
+  } = e, h = (f) => G(l({}, f, {
+    theme: w(l({}, f, {
+      defaultTheme: o,
+      themeId: i
+    }))
+  }));
+  return h.__mui_systemSx = !0, (f, a = {}) => {
+    z(f, (s) => s.filter((m) => !(m != null && m.__mui_systemSx)));
+    const {
+      name: t,
+      slot: n,
+      skipVariantsResolver: d,
+      skipSx: T,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: F = Z(j(n))
+    } = a, $ = E(a, Q), b = d !== void 0 ? d : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      n && n !== "Root" && n !== "root" || !1
+    ), D = T || !1;
+    let k;
+    process.env.NODE_ENV !== "production" && t && (k = `${t}-${j(n || "Root")}`);
+    let v = A;
+    n === "Root" || n === "root" ? v = p : n ? v = u : X(f) && (v = void 0);
+    const O = W(f, l({
+      shouldForwardProp: v,
+      label: k
+    }, $)), C = (s) => typeof s == "function" && s.__emotion_real !== s || H(s) ? (m) => x(s, l({}, m, {
+      theme: w({
+        theme: m.theme,
+        defaultTheme: o,
+        themeId: i
+      })
+    })) : s, P = (s, ...m) => {
+      let R = C(s);
+      const y = m ? m.map(C) : [];
+      t && F && y.push((r) => {
+        const c = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        }));
+        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
+          return null;
+        const S = c.components[t].styleOverrides, _ = {};
+        return Object.entries(S).forEach(([L, M]) => {
+          _[L] = x(M, l({}, r, {
+            theme: c
+          }));
+        }), F(r, _);
+      }), t && !b && y.push((r) => {
+        var c;
+        const S = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
+        return x({
+          variants: _
+        }, l({}, r, {
+          theme: S
+        }));
+      }), D || y.push(h);
+      const V = y.length - m.length;
+      if (Array.isArray(s) && V > 0) {
+        const r = new Array(V).fill("");
+        R = [...s, ...r], R.raw = [...s.raw, ...r];
+      }
+      const N = O(R, ...y);
+      if (process.env.NODE_ENV !== "production") {
+        let r;
+        t && (r = `${t}${q(n || "")}`), r === void 0 && (r = `Styled(${B(f)})`), N.displayName = r;
+      }
+      return f.muiName && (N.muiName = f.muiName), N;
+    };
+    return O.withConfig && (P.withConfig = O.withConfig), P;
+  };
 }
-const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
 export {
-  r as getPickersDayUtilityClass,
-  l as pickersDayClasses
+  le as default,
+  A as shouldForwardProp,
+  Y as systemDefaultTheme
 };

package/index.es30.js

@@ -1,38 +1,38 @@
-import { jsxs as d, jsx as e, Fragment as P } from "react/jsx-runtime";
-import m from "./index.es119.js";
-import { useState as c } from "react";
-import { cn as k } from "./index.es85.js";
-import { Popover as v, PopoverTrigger as A, PopoverContent as w } from "./index.es59.js";
-import { selectVariants as O } from "./index.es64.js";
-import "./index.es120.js";
-import j from "./index.es127.js";
-import { LocalizationProvider as z } from "./index.es121.js";
-import { AdapterMoment as F } from "./index.es123.js";
-import { DigitalClock as H } from "./index.es128.js";
+import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
+import a from "./index.es107.js";
+import { useState as p } from "react";
+import { cn as y } from "./index.es85.js";
+import { Popover as A, PopoverTrigger as w, PopoverContent as O } from "./index.es59.js";
+import { selectVariants as j } from "./index.es64.js";
+import "./index.es128.js";
+import z from "./index.es135.js";
+import { LocalizationProvider as F } from "./index.es129.js";
+import { AdapterMoment as H } from "./index.es131.js";
+import { DigitalClock as L } from "./index.es136.js";
 const K = ({
-  placeholder: p,
-  value: o,
-  onChange: h,
-  rounded: f,
-  lang: t,
-  variant: u,
+  placeholder: h,
+  value: r,
+  onChange: f,
+  rounded: u,
+  lang: m = "en",
+  variant: g,
   className: x,
-  colors: g,
-  size: T,
-  ...a
+  colors: T,
+  size: b,
+  ...t
 }) => {
-  const [b, i] = c(!1), [n, C] = c(o);
-  m.locale(t === "ar" ? "ar-ly" : "en");
-  const r = a.ampm ? "hh:mm A" : "HH:mm", y = (s) => {
-    const l = s ? s.format(r) : null;
-    C(l), h(l), i(!1);
-  }, N = o ? m(o, r) : null;
-  return /* @__PURE__ */ d(v, { open: b, onOpenChange: i, children: [
-    /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ d("button", { id: "date", role: "date", className: k(O({ variant: u, colors: g, size: T, rounded: f }), x), disabled: a.disabled, children: [
-      n ? /* @__PURE__ */ e(P, { children: m(n, r).format(r) }) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: p ?? "00:00" }),
-      /* @__PURE__ */ e(j, { className: "size-[20px] shrink-0" })
+  const [C, n] = p(!1), [i, N] = p(r), s = m === "ar" ? "ar-ly" : "en", o = t.ampm ? "hh:mm A" : "HH:mm";
+  a.locale(s);
+  const P = (l) => {
+    const d = l ? l.format(o) : null;
+    N(d), f(d), n(!1);
+  }, k = r ? a(r, o) : null;
+  return /* @__PURE__ */ c(A, { open: C, onOpenChange: n, children: [
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ c("button", { id: "date", role: "date", className: y(j({ variant: g, colors: T, size: b, rounded: u }), x), disabled: t.disabled, children: [
+      i ? /* @__PURE__ */ e(v, { children: a(i, o).format(o) }) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: h ?? "00:00" }),
+      /* @__PURE__ */ e(z, { className: "size-[20px] shrink-0" })
     ] }) }),
-    /* @__PURE__ */ e(w, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e("div", { dir: t === "ar" ? "rtl" : "ltr", className: "w-[300px]", children: /* @__PURE__ */ e(z, { dateAdapter: F, adapterLocale: t === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ e(H, { value: N, onChange: y, ...a }) }) }) })
+    /* @__PURE__ */ e(O, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e("div", { dir: m === "ar" ? "rtl" : "ltr", className: "w-[300px]", children: /* @__PURE__ */ e(F, { dateAdapter: H, adapterLocale: s, children: /* @__PURE__ */ e(L, { value: k, onChange: P, ...t }) }) }) })
   ] });
 };
 export {