mada-design-system 0.2.6 → 0.2.8

package/index.es208.js

@@ -1,19 +1,64 @@
-function p(i, r, t = void 0) {
-  const e = {};
-  return Object.keys(i).forEach(
-    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
-    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
-    (f) => {
-      e[f] = i[f].reduce((n, u) => {
-        if (u) {
-          const o = r(u);
-          o !== "" && n.push(o), t && t[u] && n.push(t[u]);
-        }
-        return n;
-      }, []).join(" ");
-    }
-  ), e;
+import * as r from "react";
+import S from "./index.es246.js";
+import c from "./index.es220.js";
+let V = !1;
+function q({
+  onChange: $,
+  onViewChange: x,
+  openTo: t,
+  view: i,
+  views: e,
+  autoFocus: C,
+  focusedView: M,
+  onFocusedViewChange: O
+}) {
+  var b, h;
+  process.env.NODE_ENV !== "production" && (V || (i != null && !e.includes(i) && (V = !0), i == null && t != null && !e.includes(t) && (V = !0)));
+  const f = r.useRef(t), a = r.useRef(e), _ = r.useRef(e.includes(t) ? t : e[0]), [u, d] = S({
+    name: "useViews",
+    state: "view",
+    controlled: i,
+    default: _.current
+  }), j = r.useRef(C ? u : null), [A, p] = S({
+    name: "useViews",
+    state: "focusedView",
+    controlled: M,
+    default: j.current
+  });
+  r.useEffect(() => {
+    (f.current && f.current !== t || a.current && a.current.some((n) => !e.includes(n))) && (d(e.includes(t) ? t : e[0]), a.current = e, f.current = t);
+  }, [t, d, u, e]);
+  const I = e.indexOf(u), U = (b = e[I - 1]) != null ? b : null, o = (h = e[I + 1]) != null ? h : null, N = c((n, s) => {
+    p(s ? n : (l) => n === l ? null : l), O == null || O(n, s);
+  }), m = c((n) => {
+    N(n, !0), n !== u && (d(n), x && x(n));
+  }), R = c(() => {
+    o && m(o);
+  }), k = c((n, s, l) => {
+    const g = s === "finish", w = l ? (
+      // handles case like `DateTimePicker`, where a view might return a `finish` selection state
+      // but we it's not the final view given all `views` -> overall selection state should be `partial`.
+      e.indexOf(l) < e.length - 1
+    ) : !!o;
+    if ($(n, g && w ? "partial" : s, l), l && l !== u) {
+      const E = e[e.indexOf(l) + 1];
+      E && m(E);
+    } else
+      g && R();
+  });
+  return {
+    view: u,
+    setView: m,
+    focusedView: A,
+    setFocusedView: N,
+    nextView: o,
+    previousView: U,
+    // Always return up to date default view instead of the initial one (i.e. defaultView.current)
+    defaultView: e.includes(t) ? t : e[0],
+    goToNextView: R,
+    setValueAndGoToNextView: k
+  };
 }
 export {
-  p as default
+  q as useViews
 };

package/index.es209.js

@@ -1,17 +1,50 @@
-import m from "./index.es275.js";
-import o from "./index.es262.js";
-import t from "./index.es277.js";
-function s({
-  props: e,
-  name: r
-}) {
-  return t({
-    props: e,
-    name: r,
-    defaultTheme: m,
-    themeId: o
-  });
-}
+const l = ({
+  date: e,
+  disableFuture: n,
+  disablePast: t,
+  maxDate: r,
+  minDate: s,
+  isDateDisabled: c,
+  utils: d,
+  timezone: i
+}) => {
+  const a = d.startOfDay(d.dateWithTimezone(void 0, i));
+  t && d.isBefore(s, a) && (s = a), n && d.isAfter(r, a) && (r = a);
+  let f = e, o = e;
+  for (d.isBefore(e, s) && (f = s, o = null), d.isAfter(e, r) && (o && (o = r), f = null); f || o; ) {
+    if (f && d.isAfter(f, r) && (f = null), o && d.isBefore(o, s) && (o = null), f) {
+      if (!c(f))
+        return f;
+      f = d.addDays(f, 1);
+    }
+    if (o) {
+      if (!c(o))
+        return o;
+      o = d.addDays(o, -1);
+    }
+  }
+  return null;
+}, h = (e, n) => n == null || !e.isValid(n) ? null : n, g = (e, n, t) => n == null || !e.isValid(n) ? t : n, y = (e, n, t) => !e.isValid(n) && n != null && !e.isValid(t) && t != null ? !0 : e.isEqual(n, t), u = (e, n) => {
+  const r = [e.startOfYear(n)];
+  for (; r.length < 12; ) {
+    const s = r[r.length - 1];
+    r.push(e.addMonths(s, 1));
+  }
+  return r;
+}, p = (e, n, t) => {
+  let r = n;
+  return r = e.setHours(r, e.getHours(t)), r = e.setMinutes(r, e.getMinutes(t)), r = e.setSeconds(r, e.getSeconds(t)), r;
+}, M = (e, n, t) => t === "date" ? e.startOfDay(e.dateWithTimezone(void 0, n)) : e.dateWithTimezone(void 0, n), T = (e, n) => {
+  const t = e.startOfWeek(n);
+  return [0, 1, 2, 3, 4, 5, 6].map((r) => e.addDays(t, r));
+};
 export {
-  s as default
+  g as applyDefaultDate,
+  y as areDatesEqual,
+  l as findClosestEnabledDate,
+  u as getMonthsInYear,
+  M as getTodayDate,
+  T as getWeekdays,
+  p as mergeDateAndTime,
+  h as replaceInvalidDateByNull
 };

package/index.es21.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as l, Fragment as u } from "react/jsx-runtime";
 import { Slot as x } from "@radix-ui/react-slot";
 import * as o from "react";
-import { useMediaQuery as B } from "./index.es98.js";
-import { cn as c } from "./index.es79.js";
+import { useMediaQuery as B } from "./index.es105.js";
+import { cn as c } from "./index.es82.js";
 import { ShouldRender as m } from "./index.es14.js";
-import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es30.js";
-import M from "./index.es109.js";
-import v from "./index.es111.js";
-import { Stack as C } from "./index.es40.js";
+import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es31.js";
+import M from "./index.es116.js";
+import v from "./index.es118.js";
+import { Stack as C } from "./index.es41.js";
 const b = o.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 b.displayName = "Breadcrumb";
 const g = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(

package/index.es210.js

@@ -1,23 +1,8 @@
-import s from "./index.es308.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 o from "./index.es247.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 {
-  o as default,
-  t as globalStateClasses
+  t as slowAnimationDevices,
+  d as useDefaultReduceAnimations
 };

package/index.es211.js

@@ -1,10 +1,7 @@
-import s from "./index.es210.js";
-function l(r, a, i = "Mui") {
-  const t = {};
-  return a.forEach((e) => {
-    t[e] = s(r, e, i);
-  }), t;
-}
+import e from "./index.es225.js";
+import a from "./index.es226.js";
+const n = (t) => e("MuiDateCalendar", t);
+a("MuiDateCalendar", ["root", "viewTransitionContainer"]);
 export {
-  l as default
+  n as getDateCalendarUtilityClass
 };

package/index.es212.js

@@ -1,7 +1,49 @@
-import a from "./index.es210.js";
-import t from "./index.es211.js";
-const n = (e) => a("MuiDayCalendar", e);
-t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
+import * as T from "react";
+import { useUtils as C } from "./index.es205.js";
+import R from "./index.es246.js";
+import d from "./index.es220.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
+  };
+}, 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
+  });
+};
 export {
-  n as getDayCalendarUtilityClass
+  b as useControlledValueWithTimezone,
+  I as useValueWithTimezone
 };

package/index.es213.js

@@ -1,7 +1,24 @@
-import r from "./index.es210.js";
-import t from "./index.es211.js";
-const s = (i) => r("MuiPickersFadeTransitionGroup", i);
-t("MuiPickersFadeTransitionGroup", ["root"]);
+import a from "./index.es202.js";
+import { getTodayDate as n, replaceInvalidDateByNull as u, areDatesEqual as o } from "./index.es209.js";
+import { getDefaultReferenceDate as i } from "./index.es238.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 {
-  s as getPickersFadeTransitionGroupUtilityClass
+  d as singleItemValueManager
 };

package/index.es214.js

@@ -1,7 +1,8 @@
-import e from "./index.es211.js";
-import t from "./index.es210.js";
-const l = (i) => t("MuiPickersSlideTransition", i), n = e("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]);
+const A = 36, I = 2, o = 320, t = 280, _ = 334;
 export {
-  l as getPickersSlideTransitionUtilityClass,
-  n as pickersSlideTransitionClasses
+  I as DAY_MARGIN,
+  A as DAY_SIZE,
+  o as DIALOG_WIDTH,
+  t as MAX_CALENDAR_HEIGHT,
+  _ as VIEW_HEIGHT
 };

package/index.es215.js

@@ -1,4 +1,12 @@
-var e = { exports: {} };
+import t from "./index.es276.js";
+import r from "./index.es263.js";
+import e, { shouldForwardProp as d } from "./index.es279.js";
+const s = (o) => d(o) && o !== "classes", l = e({
+  themeId: r,
+  defaultTheme: t,
+  rootShouldForwardProp: s
+}), f = l;
 export {
-  e as __module
+  f as default,
+  s as rootShouldForwardProp
 };

package/index.es216.js

@@ -1,60 +1,13 @@
-import { __exports as d } from "./index.es248.js";
-import q from "react";
-import { __require as w } from "./index.es249.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;
-}
+import { DIALOG_WIDTH as o, VIEW_HEIGHT as i } from "./index.es214.js";
+import e from "./index.es215.js";
+const m = e("div")({
+  overflow: "hidden",
+  width: o,
+  maxHeight: i,
+  display: "flex",
+  flexDirection: "column",
+  margin: "0 auto"
+});
 export {
-  k as __require
+  m as PickerViewRoot
 };

package/index.es217.js

@@ -1,59 +1,19 @@
-import { __exports as d } from "./index.es250.js";
-import M from "react";
-import { __require as b } from "./index.es249.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 * 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 o(t);
 }
 export {
-  H as __require
+  f as default
 };