mada-design-system 0.9.0 → 1.0.0

package/index.es360.js

@@ -1,7 +1,110 @@
-var r, e;
-function a() {
-  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
-}
+import { buildMatchFn as a } from "./index.es433.js";
+import { buildMatchPatternFn as i } from "./index.es432.js";
+const n = /^(\d+)(th|st|nd|rd)?/i, e = /\d+/i, r = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, s = {
+  any: [/^b/i, /^(a|c)/i]
+}, o = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, d = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, m = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, h = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, c = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, u = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, P = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, y = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, l = {
+  ordinalNumber: i({
+    matchPattern: n,
+    parsePattern: e,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: a({
+    matchPatterns: r,
+    defaultMatchWidth: "wide",
+    parsePatterns: s,
+    defaultParseWidth: "any"
+  }),
+  quarter: a({
+    matchPatterns: o,
+    defaultMatchWidth: "wide",
+    parsePatterns: d,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: a({
+    matchPatterns: m,
+    defaultMatchWidth: "wide",
+    parsePatterns: h,
+    defaultParseWidth: "any"
+  }),
+  day: a({
+    matchPatterns: c,
+    defaultMatchWidth: "wide",
+    parsePatterns: u,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: a({
+    matchPatterns: P,
+    defaultMatchWidth: "any",
+    parsePatterns: y,
+    defaultParseWidth: "any"
+  })
+};
 export {
-  a as __require
+  l as match
 };

package/index.es361.js

@@ -1,54 +1,10 @@
-import { __require as E } from "./index.es359.js";
-import { __require as _ } from "./index.es360.js";
-var f, v;
-function g() {
-  if (v)
-    return f;
-  v = 1;
-  var a = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var y = E(), o = {}, d = _();
-    a = function(n) {
-      var t = "Warning: " + n;
-      try {
-        throw new Error(t);
-      } catch {
-      }
-    };
-  }
-  function u(n, t, i, s, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var e in n)
-        if (d(n, e)) {
-          var r;
-          try {
-            if (typeof n[e] != "function") {
-              var h = Error(
-                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            r = n[e](t, e, s, i, null, y);
-          } catch (l) {
-            r = l;
-          }
-          if (r && !(r instanceof Error) && a(
-            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), r instanceof Error && !(r.message in o)) {
-            o[r.message] = !0;
-            var p = c ? c() : "";
-            a(
-              "Failed " + i + " type: " + r.message + (p ?? "")
-            );
-          }
-        }
-    }
-  }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (o = {});
-  }, f = u, f;
+import { __module as e } from "./index.es362.js";
+import { __require as o } from "./index.es363.js";
+import { __require as t } from "./index.es364.js";
+var r;
+function s() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
 }
 export {
-  g as __require
+  s as __require
 };

package/index.es362.js

@@ -1,4 +1,4 @@
-const a = "$$material";
+var e = { exports: {} };
 export {
-  a as default
+  e as __module
 };

package/index.es363.js

@@ -1,62 +1,57 @@
-import l from "./index.es207.js";
-import g from "./index.es208.js";
-import v from "./index.es364.js";
-import b from "./index.es365.js";
-import O from "./index.es366.js";
-import C from "./index.es367.js";
-import E from "./index.es368.js";
-import I from "./index.es369.js";
-import _ from "./index.es370.js";
-import k from "./index.es371.js";
-import p from "./index.es372.js";
-import N from "./index.es373.js";
-import S from "./index.es374.js";
-import T from "./index.es231.js";
-const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function B(o = {}, ...f) {
-  const {
-    mixins: u = {},
-    palette: d = {},
-    transitions: h = {},
-    typography: y = {}
-  } = o, n = g(o, M);
-  if (o.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
-  const c = b(d), m = k(o);
-  let e = p(m, {
-    mixins: v(m.breakpoints, u),
-    palette: c,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: C.slice(),
-    typography: O(c, y),
-    transitions: E(h),
-    zIndex: l({}, I)
-  });
-  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
-    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
-      let r;
-      for (r in t) {
-        const x = t[r];
-        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
-          if (process.env.NODE_ENV !== "production") {
-            const $ = T("", r);
+import { __exports as d } from "./index.es385.js";
+import q from "react";
+import { __require as w } from "./index.es386.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 f = { hasValue: !1, value: null };
+      i.current = f;
+    } else f = i.current;
+    i = D(
+      function() {
+        function _(e) {
+          if (!s) {
+            if (s = !0, c = e, e = v(e), t !== void 0 && f.hasValue) {
+              var o = f.value;
+              if (t(o, e))
+                return n = o;
+            }
+            return n = e;
           }
-          t[r] = {};
+          if (o = n, M(c, e)) return o;
+          var R = v(e);
+          return t !== void 0 && t(o, R) ? (c = e, o) : (c = e, n = R);
         }
-      }
-    };
-    Object.keys(e.components).forEach((t) => {
-      const a = e.components[t].styleOverrides;
-      a && t.indexOf("Mui") === 0 && s(a, t);
-    });
-  }
-  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
-    return S({
-      sx: s,
-      theme: this
-    });
-  }, e;
+        var s = !1, c, n, b = m === void 0 ? null : m;
+        return [
+          function() {
+            return _(u());
+          },
+          b === null ? void 0 : function() {
+            return _(b());
+          }
+        ];
+      },
+      [u, m, v, t]
+    );
+    var l = W(r, i[0], i[1]);
+    return y(
+      function() {
+        f.hasValue = !0, f.value = l;
+      },
+      [l]
+    ), O(l), l;
+  }, d;
 }
 export {
-  B as default
+  k as __require
 };

package/index.es364.js

@@ -1,19 +1,58 @@
-import t from "./index.es207.js";
-function a(e, i) {
-  return t({
-    toolbar: {
-      minHeight: 56,
-      [e.up("xs")]: {
-        "@media (orientation: landscape)": {
-          minHeight: 48
-        }
-      },
-      [e.up("sm")]: {
-        minHeight: 64
-      }
+import { __exports as d } from "./index.es387.js";
+import M from "react";
+import { __require as b } from "./index.es386.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;
     }
-  }, i);
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = i.useRef, S = i.useEffect, p = i.useMemo, G = i.useDebugValue;
+    d.useSyncExternalStoreWithSelector = function(r, u, a, c, f) {
+      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, l = e, e = c(e), f !== void 0 && t.hasValue) {
+                var o = t.value;
+                if (f(o, e))
+                  return O = o;
+              }
+              return O = e;
+            }
+            if (o = O, T(l, e))
+              return o;
+            var E = c(e);
+            return f !== void 0 && f(o, E) ? (l = e, o) : (l = e, O = E);
+          }
+          var v = !1, l, O, L = a === void 0 ? null : a;
+          return [
+            function() {
+              return m(u());
+            },
+            L === null ? void 0 : function() {
+              return m(L());
+            }
+          ];
+        },
+        [u, a, c, f]
+      );
+      var n = V(r, _[0], _[1]);
+      return S(
+        function() {
+          t.hasValue = !0, t.value = n;
+        },
+        [n]
+      ), G(n), n;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), d);
 }
 export {
-  a as default
+  H as __require
 };

package/index.es365.js

@@ -1,246 +1,61 @@
-import y from "./index.es207.js";
-import A from "./index.es208.js";
-import l from "./index.es424.js";
-import I from "./index.es425.js";
-import n from "./index.es426.js";
-import s from "./index.es427.js";
-import f from "./index.es428.js";
-import c from "./index.es429.js";
-import d from "./index.es430.js";
-import m from "./index.es431.js";
-import P from "./index.es372.js";
-import { getContrastRatio as v, lighten as S, darken as U } from "./index.es387.js";
-import w from "./index.es370.js";
-const V = ["mode", "contrastThreshold", "tonalOffset"], T = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: "rgba(0, 0, 0, 0.87)",
-    // Secondary text.
-    secondary: "rgba(0, 0, 0, 0.6)",
-    // Disabled text have even lower visual prominence.
-    disabled: "rgba(0, 0, 0, 0.38)"
-  },
-  // The color used to divide different elements.
-  divider: "rgba(0, 0, 0, 0.12)",
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: l.white,
-    default: l.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: "rgba(0, 0, 0, 0.54)",
-    // The color of an hovered action.
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: "rgba(0, 0, 0, 0.26)",
-    // The background color of a disabled action.
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
+import { tzName as o } from "./index.es421.js";
+import { TZDateMini as s } from "./index.es366.js";
+class i extends s {
+  //#region static
+  static tz(e, ...t) {
+    return t.length ? new i(...t, e) : new i(Date.now(), e);
   }
-}, b = {
-  text: {
-    primary: l.white,
-    secondary: "rgba(255, 255, 255, 0.7)",
-    disabled: "rgba(255, 255, 255, 0.5)",
-    icon: "rgba(255, 255, 255, 0.5)"
-  },
-  divider: "rgba(255, 255, 255, 0.12)",
-  background: {
-    paper: "#121212",
-    default: "#121212"
-  },
-  action: {
-    active: l.white,
-    hover: "rgba(255, 255, 255, 0.08)",
-    hoverOpacity: 0.08,
-    selected: "rgba(255, 255, 255, 0.16)",
-    selectedOpacity: 0.16,
-    disabled: "rgba(255, 255, 255, 0.3)",
-    disabledBackground: "rgba(255, 255, 255, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(255, 255, 255, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
+  //#endregion
+  //#region representation
+  toISOString() {
+    const [e, t, n] = this.tzComponents(), r = `${e}${t}:${n}`;
+    return this.internal.toISOString().slice(0, -1) + r;
   }
-};
-function x(r, e, g, a) {
-  const p = a.light || a, h = a.dark || a * 1.5;
-  r[e] || (r.hasOwnProperty(g) ? r[e] = r[g] : e === "light" ? r.light = S(r.main, p) : e === "dark" && (r.dark = U(r.main, h)));
-}
-function W(r = "light") {
-  return r === "dark" ? {
-    main: c[200],
-    light: c[50],
-    dark: c[400]
-  } : {
-    main: c[700],
-    light: c[400],
-    dark: c[800]
-  };
-}
-function j(r = "light") {
-  return r === "dark" ? {
-    main: n[200],
-    light: n[50],
-    dark: n[400]
-  } : {
-    main: n[500],
-    light: n[300],
-    dark: n[700]
-  };
-}
-function B(r = "light") {
-  return r === "dark" ? {
-    main: s[500],
-    light: s[300],
-    dark: s[700]
-  } : {
-    main: s[700],
-    light: s[400],
-    dark: s[800]
-  };
-}
-function L(r = "light") {
-  return r === "dark" ? {
-    main: d[400],
-    light: d[300],
-    dark: d[700]
-  } : {
-    main: d[700],
-    light: d[500],
-    dark: d[900]
-  };
-}
-function R(r = "light") {
-  return r === "dark" ? {
-    main: m[400],
-    light: m[300],
-    dark: m[700]
-  } : {
-    main: m[800],
-    light: m[500],
-    dark: m[900]
-  };
-}
-function G(r = "light") {
-  return r === "dark" ? {
-    main: f[400],
-    light: f[300],
-    dark: f[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: f[500],
-    dark: f[900]
-  };
-}
-function ar(r) {
-  const {
-    mode: e = "light",
-    contrastThreshold: g = 3,
-    tonalOffset: a = 0.2
-  } = r, p = A(r, V), h = r.primary || W(e), D = r.secondary || j(e), E = r.error || B(e), $ = r.info || L(e), N = r.success || R(e), C = r.warning || G(e);
-  function k(t) {
-    const o = v(t, b.text.primary) >= g ? b.text.primary : T.text.primary;
-    return process.env.NODE_ENV !== "production" && v(t, o) < 3, o;
+  toString() {
+    return `${this.toDateString()} ${this.toTimeString()}`;
+  }
+  toDateString() {
+    const [e, t, n, r] = this.internal.toUTCString().split(" ");
+    return `${e == null ? void 0 : e.slice(0, -1)} ${n} ${t} ${r}`;
+  }
+  toTimeString() {
+    const e = this.internal.toUTCString().split(" ")[4], [t, n, r] = this.tzComponents();
+    return `${e} GMT${t}${n}${r} (${o(this.timeZone, this)})`;
+  }
+  toLocaleString(e, t) {
+    return Date.prototype.toLocaleString.call(this, e, {
+      ...t,
+      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
+    });
+  }
+  toLocaleDateString(e, t) {
+    return Date.prototype.toLocaleDateString.call(this, e, {
+      ...t,
+      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
+    });
+  }
+  toLocaleTimeString(e, t) {
+    return Date.prototype.toLocaleTimeString.call(this, e, {
+      ...t,
+      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
+    });
+  }
+  //#endregion
+  //#region private
+  tzComponents() {
+    const e = this.getTimezoneOffset(), t = e > 0 ? "-" : "+", n = String(Math.floor(Math.abs(e) / 60)).padStart(2, "0"), r = String(Math.abs(e) % 60).padStart(2, "0");
+    return [t, n, r];
+  }
+  //#endregion
+  withTimeZone(e) {
+    return new i(+this, e);
+  }
+  //#region date-fns integration
+  [Symbol.for("constructDateFrom")](e) {
+    return new i(+new Date(e), this.timeZone);
   }
-  const i = ({
-    color: t,
-    name: o,
-    mainShade: u = 500,
-    lightShade: _ = 300,
-    darkShade: M = 700
-  }) => {
-    if (t = y({}, t), !t.main && t[u] && (t.main = t[u]), !t.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${u}\` property.` : w(11, o ? ` (${o})` : "", u));
-    if (typeof t.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : w(12, o ? ` (${o})` : "", JSON.stringify(t.main)));
-    return x(t, "light", _, a), x(t, "dark", M, a), t.contrastText || (t.contrastText = k(t.main)), t;
-  }, O = {
-    dark: b,
-    light: T
-  };
-  return process.env.NODE_ENV !== "production" && O[e], P(y({
-    // A collection of common colors.
-    common: y({}, l),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: e,
-    // The colors used to represent primary interface elements for a user.
-    primary: i({
-      color: h,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: i({
-      color: D,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: i({
-      color: E,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: i({
-      color: C,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: i({
-      color: $,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: i({
-      color: N,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: I,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: g,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: k,
-    // Generate a rich color object.
-    augmentColor: i,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: a
-  }, O[e]), p);
+  //#endregion
 }
 export {
-  b as dark,
-  ar as default,
-  T as light
+  i as TZDate
 };