mada-design-system 0.0.10 → 0.0.11

package/index.es27.js

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { Command as a } from "./index.es119.js";
+import { Command as a } from "./index.es121.js";
 import * as t from "react";
 import { Dialog as c, DialogContent as u } from "./index.es29.js";
-import { cn as m } from "./index.es77.js";
-import f from "./index.es81.js";
-import { ScrollArea as g } from "./index.es54.js";
-import x from "./index.es120.js";
+import { cn as m } from "./index.es76.js";
+import f from "./index.es80.js";
+import { ScrollArea as g } from "./index.es53.js";
+import x from "./index.es122.js";
 const i = t.forwardRef(
   ({ className: e, ...r }, d) => /* @__PURE__ */ o(
     a,

package/index.es270.js

@@ -1,61 +1,40 @@
-import f from "./index.es190.js";
-import c from "./index.es189.js";
-const l = ["duration", "easing", "delay"], p = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, y = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
+import { applyDefaultDate as D } from "./index.es199.js";
+const b = ({
+  props: s,
+  value: t,
+  adapter: e
+}) => {
+  if (t === null)
+    return null;
+  const {
+    shouldDisableDate: i,
+    shouldDisableMonth: l,
+    shouldDisableYear: n,
+    disablePast: r,
+    disableFuture: c,
+    timezone: m
+  } = s, a = e.utils.dateWithTimezone(void 0, m), o = D(e.utils, s.minDate, e.defaultDates.minDate), u = D(e.utils, s.maxDate, e.defaultDates.maxDate);
+  switch (!0) {
+    case !e.utils.isValid(t):
+      return "invalidDate";
+    case !!(i && i(t)):
+      return "shouldDisableDate";
+    case !!(l && l(t)):
+      return "shouldDisableMonth";
+    case !!(n && n(t)):
+      return "shouldDisableYear";
+    case !!(c && e.utils.isAfterDay(t, a)):
+      return "disableFuture";
+    case !!(r && e.utils.isBeforeDay(t, a)):
+      return "disablePast";
+    case !!(o && e.utils.isBeforeDay(t, o)):
+      return "minDate";
+    case !!(u && e.utils.isAfterDay(t, u)):
+      return "maxDate";
+    default:
+      return null;
+  }
 };
-function b(e) {
-  return `${Math.round(e)}ms`;
-}
-function A(e) {
-  if (!e)
-    return 0;
-  const n = e / 36;
-  return Math.round((4 + 15 * n ** 0.25 + n / 5) * 10);
-}
-function j(e) {
-  const n = c({}, p, e.easing), u = c({}, y, e.duration);
-  return c({
-    getAutoHeightDuration: A,
-    create: (o = ["all"], a = {}) => {
-      const {
-        duration: r = u.standard,
-        easing: g = n.easeInOut,
-        delay: s = 0
-      } = a, d = f(a, l);
-      if (process.env.NODE_ENV !== "production") {
-        const t = (i) => typeof i == "string", m = (i) => !isNaN(parseFloat(i));
-        !t(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(r) && !t(r) && console.error(`MUI: Argument "duration" must be a number or a string but found ${r}.`), t(g) || console.error('MUI: Argument "easing" must be a string.'), !m(s) && !t(s) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
-`)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
-      }
-      return (Array.isArray(o) ? o : [o]).map((t) => `${t} ${typeof r == "string" ? r : b(r)} ${g} ${typeof s == "string" ? s : b(s)}`).join(",");
-    }
-  }, e, {
-    easing: n,
-    duration: u
-  });
-}
 export {
-  j as default,
-  y as duration,
-  p as easing
+  b as validateDate
 };

package/index.es271.js

@@ -1,13 +1,5 @@
-const a = {
-  mobileStepper: 1e3,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-}, e = a;
+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);
 export {
-  e as default
+  c as createIsAfterIgnoreDatePart,
+  t as getSecondsInDay
 };

package/index.es272.js

@@ -1,9 +1,13 @@
-function o(e) {
-  let t = "https://mui.com/production-error/?code=" + e;
-  for (let r = 1; r < arguments.length; r += 1)
-    t += "&args[]=" + encodeURIComponent(arguments[r]);
-  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
-}
+import e from "./index.es191.js";
+const r = (o) => ({
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: e({}, o)
+      }
+    }
+  }
+});
 export {
-  o as default
+  r as getPickersLocalization
 };

package/index.es273.js

@@ -1,38 +1,118 @@
-import p from "./index.es189.js";
-import h from "./index.es190.js";
-import d from "./index.es328.js";
-import g from "./index.es330.js";
-import x from "./index.es329.js";
-import b from "./index.es276.js";
-import _ from "./index.es275.js";
-import k from "./index.es368.js";
-import s from "./index.es274.js";
-const y = ["breakpoints", "palette", "spacing", "shape"];
-function P(r = {}, ...i) {
+import R from "./index.es192.js";
+import b from "./index.es191.js";
+import * as n from "react";
+import { clsx as w } from "./index.es92.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es276.js";
+import { jsx as p } from "react/jsx-runtime";
+import f from "./index.es205.js";
+import F from "./index.es214.js";
+import _ from "./index.es213.js";
+import { alpha as v } from "./index.es282.js";
+const I = ["autoFocus", "className", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "yearsPerRow"], N = (o) => {
   const {
-    breakpoints: a = {},
-    palette: m = {},
-    spacing: c,
-    shape: l = {}
-  } = r, t = h(r, y), u = d(a), f = x(c);
-  let e = s({
-    breakpoints: u,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: p({
-      mode: "light"
-    }, m),
-    spacing: f,
-    shape: p({}, g, l)
-  }, t);
-  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
-    return b({
-      sx: o,
-      theme: this
-    });
-  }, e;
-}
+    disabled: r,
+    selected: e,
+    classes: a
+  } = o;
+  return _({
+    root: ["root"],
+    yearButton: ["yearButton", r && "disabled", e && "selected"]
+  }, $, a);
+}, O = f("div", {
+  name: "MuiPickersYear",
+  slot: "Root",
+  overridesResolver: (o, r) => [r.root]
+})(({
+  ownerState: o
+}) => ({
+  flexBasis: o.yearsPerRow === 3 ? "33.3%" : "25%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+})), j = f("button", {
+  name: "MuiPickersYear",
+  slot: "YearButton",
+  overridesResolver: (o, r) => [r.yearButton, {
+    [`&.${c.disabled}`]: r.disabled
+  }, {
+    [`&.${c.selected}`]: r.selected
+  }]
+})(({
+  theme: o
+}) => b({
+  color: "unset",
+  backgroundColor: "transparent",
+  border: 0,
+  outline: 0
+}, o.typography.subtitle1, {
+  margin: "6px 0",
+  height: 36,
+  width: 72,
+  borderRadius: 18,
+  cursor: "pointer",
+  "&:focus": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.focusOpacity})` : v(o.palette.action.active, o.palette.action.focusOpacity)
+  },
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.action.active, o.palette.action.hoverOpacity)
+  },
+  "&:disabled": {
+    cursor: "auto",
+    pointerEvents: "none"
+  },
+  [`&.${c.disabled}`]: {
+    color: (o.vars || o).palette.text.secondary
+  },
+  [`&.${c.selected}`]: {
+    color: (o.vars || o).palette.primary.contrastText,
+    backgroundColor: (o.vars || o).palette.primary.main,
+    "&:focus, &:hover": {
+      backgroundColor: (o.vars || o).palette.primary.dark
+    }
+  }
+})), W = /* @__PURE__ */ n.memo(function(r) {
+  const e = F({
+    props: r,
+    name: "MuiPickersYear"
+  }), {
+    autoFocus: a,
+    className: i,
+    children: y,
+    disabled: l,
+    selected: k,
+    value: s,
+    tabIndex: m,
+    onClick: C,
+    onKeyDown: x,
+    onFocus: g,
+    onBlur: P,
+    "aria-current": B
+    // We don't want to forward this prop to the root element
+  } = e, Y = R(e, I), u = n.useRef(null), d = N(e);
+  return n.useEffect(() => {
+    a && u.current.focus();
+  }, [a]), /* @__PURE__ */ p(O, b({
+    className: w(d.root, i),
+    ownerState: e
+  }, Y, {
+    children: /* @__PURE__ */ p(j, {
+      ref: u,
+      disabled: l,
+      type: "button",
+      role: "radio",
+      tabIndex: l ? -1 : m,
+      "aria-current": B,
+      "aria-checked": k,
+      onClick: (t) => C(t, s),
+      onKeyDown: (t) => x(t, s),
+      onFocus: (t) => g(t, s),
+      onBlur: (t) => P(t, s),
+      className: d.yearButton,
+      ownerState: e,
+      children: y
+    })
+  }));
+});
 export {
-  P as default
+  W as PickersYear
 };

package/index.es274.js

@@ -1,29 +1,9 @@
-import r from "./index.es189.js";
-import * as i from "react";
-function f(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const n = Object.getPrototypeOf(t);
-  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
-}
-function p(t) {
-  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
-    return t;
-  const n = {};
-  return Object.keys(t).forEach((o) => {
-    n[o] = p(t[o]);
-  }), n;
-}
-function b(t, n, o = {
-  clone: !0
-}) {
-  const e = o.clone ? r({}, t) : t;
-  return f(t) && f(n) && Object.keys(n).forEach((l) => {
-    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
-  }), e;
+import r from "./index.es215.js";
+import t from "./index.es216.js";
+function l(e) {
+  return r("MuiYearCalendar", e);
 }
+t("MuiYearCalendar", ["root"]);
 export {
-  b as default,
-  f as isPlainObject
+  l as getYearCalendarUtilityClass
 };

package/index.es275.js

@@ -1,293 +1,12 @@
-import { padding as e, margin as t } from "./index.es321.js";
-import { borderTransform as r, borderRadius as s } from "./index.es317.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es324.js";
-import { paletteTransform as l } from "./index.es325.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es326.js";
-const d = {
-  // borders
-  border: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderTop: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderRight: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderBottom: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderLeft: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderColor: {
-    themeKey: "palette"
-  },
-  borderTopColor: {
-    themeKey: "palette"
-  },
-  borderRightColor: {
-    themeKey: "palette"
-  },
-  borderBottomColor: {
-    themeKey: "palette"
-  },
-  borderLeftColor: {
-    themeKey: "palette"
-  },
-  outline: {
-    themeKey: "borders",
-    transform: r
-  },
-  outlineColor: {
-    themeKey: "palette"
-  },
-  borderRadius: {
-    themeKey: "shape.borderRadius",
-    style: s
-  },
-  // palette
-  color: {
-    themeKey: "palette",
-    transform: l
-  },
-  bgcolor: {
-    themeKey: "palette",
-    cssProperty: "backgroundColor",
-    transform: l
-  },
-  backgroundColor: {
-    themeKey: "palette",
-    transform: l
-  },
-  // spacing
-  p: {
-    style: e
-  },
-  pt: {
-    style: e
-  },
-  pr: {
-    style: e
-  },
-  pb: {
-    style: e
-  },
-  pl: {
-    style: e
-  },
-  px: {
-    style: e
-  },
-  py: {
-    style: e
-  },
-  padding: {
-    style: e
-  },
-  paddingTop: {
-    style: e
-  },
-  paddingRight: {
-    style: e
-  },
-  paddingBottom: {
-    style: e
-  },
-  paddingLeft: {
-    style: e
-  },
-  paddingX: {
-    style: e
-  },
-  paddingY: {
-    style: e
-  },
-  paddingInline: {
-    style: e
-  },
-  paddingInlineStart: {
-    style: e
-  },
-  paddingInlineEnd: {
-    style: e
-  },
-  paddingBlock: {
-    style: e
-  },
-  paddingBlockStart: {
-    style: e
-  },
-  paddingBlockEnd: {
-    style: e
-  },
-  m: {
-    style: t
-  },
-  mt: {
-    style: t
-  },
-  mr: {
-    style: t
-  },
-  mb: {
-    style: t
-  },
-  ml: {
-    style: t
-  },
-  mx: {
-    style: t
-  },
-  my: {
-    style: t
-  },
-  margin: {
-    style: t
-  },
-  marginTop: {
-    style: t
-  },
-  marginRight: {
-    style: t
-  },
-  marginBottom: {
-    style: t
-  },
-  marginLeft: {
-    style: t
-  },
-  marginX: {
-    style: t
-  },
-  marginY: {
-    style: t
-  },
-  marginInline: {
-    style: t
-  },
-  marginInlineStart: {
-    style: t
-  },
-  marginInlineEnd: {
-    style: t
-  },
-  marginBlock: {
-    style: t
-  },
-  marginBlockStart: {
-    style: t
-  },
-  marginBlockEnd: {
-    style: t
-  },
-  // display
-  displayPrint: {
-    cssProperty: !1,
-    transform: (a) => ({
-      "@media print": {
-        display: a
-      }
-    })
-  },
-  display: {},
-  overflow: {},
-  textOverflow: {},
-  visibility: {},
-  whiteSpace: {},
-  // flexbox
-  flexBasis: {},
-  flexDirection: {},
-  flexWrap: {},
-  justifyContent: {},
-  alignItems: {},
-  alignContent: {},
-  order: {},
-  flex: {},
-  flexGrow: {},
-  flexShrink: {},
-  alignSelf: {},
-  justifyItems: {},
-  justifySelf: {},
-  // grid
-  gap: {
-    style: i
-  },
-  rowGap: {
-    style: n
-  },
-  columnGap: {
-    style: m
-  },
-  gridColumn: {},
-  gridRow: {},
-  gridAutoFlow: {},
-  gridAutoColumns: {},
-  gridAutoRows: {},
-  gridTemplateColumns: {},
-  gridTemplateRows: {},
-  gridTemplateAreas: {},
-  gridArea: {},
-  // positions
-  position: {},
-  zIndex: {
-    themeKey: "zIndex"
-  },
-  top: {},
-  right: {},
-  bottom: {},
-  left: {},
-  // shadows
-  boxShadow: {
-    themeKey: "shadows"
-  },
-  // sizing
-  width: {
-    transform: o
-  },
-  maxWidth: {
-    style: y
-  },
-  minWidth: {
-    transform: o
-  },
-  height: {
-    transform: o
-  },
-  maxHeight: {
-    transform: o
-  },
-  minHeight: {
-    transform: o
-  },
-  boxSizing: {},
-  // typography
-  fontFamily: {
-    themeKey: "typography"
-  },
-  fontSize: {
-    themeKey: "typography"
-  },
-  fontStyle: {
-    themeKey: "typography"
-  },
-  fontWeight: {
-    themeKey: "typography"
-  },
-  letterSpacing: {},
-  textTransform: {},
-  lineHeight: {},
-  textAlign: {},
-  typography: {
-    cssProperty: !1,
-    themeKey: "typography"
-  }
-}, K = d;
+import * as o from "react";
+import u from "./index.es296.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
+}
 export {
-  K as default
+  f as default
 };