mada-design-system 0.5.5 → 0.5.6

package/index.es222.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index.es180.js";
+import { getDefaultExportFromCjs as e } from "./index.es183.js";
 import { __module as r } from "./index.es256.js";
 import { __require as o } from "./index.es257.js";
 import { __require as t } from "./index.es258.js";

package/index.es225.js

@@ -1,5 +1,5 @@
 import "react";
-import { clsx as p } from "./index.es101.js";
+import { clsx as p } from "./index.es106.js";
 import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es247.js";
 import { jsx as s } from "react/jsx-runtime";
 import u from "./index.es234.js";

package/index.es226.js

@@ -1,7 +1,7 @@
 import se from "./index.es221.js";
 import P from "./index.es220.js";
 import * as u from "react";
-import { clsx as Ce } from "./index.es101.js";
+import { clsx as Ce } from "./index.es106.js";
 import { PickersDay as ge } from "./index.es266.js";
 import { useNow as re, useUtils as ie, useLocaleText as Me } from "./index.es224.js";
 import { DAY_SIZE as q, DAY_MARGIN as Q } from "./index.es233.js";

package/index.es23.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es102.js";
+import e from "./index.es107.js";
 import "./index.es128.js";
 import { LocalizationProvider as i } from "./index.es129.js";
 import { AdapterMomentHijri as d } from "./index.es130.js";

package/index.es237.js

@@ -2,7 +2,7 @@ import k from "./index.es221.js";
 import c from "./index.es220.js";
 import * as Y from "react";
 import e from "./index.es222.js";
-import { clsx as K } from "./index.es101.js";
+import { clsx as K } from "./index.es106.js";
 import { useLocaleText as J, useUtils as Q } from "./index.es224.js";
 import { PickersFadeTransitionGroup as X } from "./index.es225.js";
 import { ArrowDropDownIcon as Z } from "./index.es272.js";

package/index.es238.js

@@ -1,7 +1,7 @@
-import a from "./index.es387.js";
-import P from "./index.es388.js";
-import S from "./index.es389.js";
-import c from "./index.es390.js";
+import a from "./index.es392.js";
+import P from "./index.es393.js";
+import S from "./index.es394.js";
+import c from "./index.es389.js";
 function k(r) {
   var t;
   const {

package/index.es239.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import c from "./index.es307.js";
+import c from "./index.es310.js";
 function f(e) {
   const r = t.useRef(e);
   return c(() => {

package/index.es240.js

@@ -2,10 +2,10 @@ import ue from "./index.es221.js";
 import S from "./index.es220.js";
 import * as a from "react";
 import r from "./index.es222.js";
-import { clsx as ce } from "./index.es101.js";
-import { PickersYear as fe } from "./index.es309.js";
+import { clsx as ce } from "./index.es106.js";
+import { PickersYear as fe } from "./index.es305.js";
 import { useNow as de, useUtils as V, useDefaultDates as me } from "./index.es224.js";
-import { getYearCalendarUtilityClass as pe } from "./index.es310.js";
+import { getYearCalendarUtilityClass as pe } from "./index.es306.js";
 import { applyDefaultDate as E } from "./index.es228.js";
 import { singleItemValueManager as L } from "./index.es232.js";
 import { SECTION_TYPE_GRANULARITY as be } from "./index.es261.js";

package/index.es241.js

@@ -2,7 +2,7 @@ import le from "./index.es221.js";
 import L from "./index.es220.js";
 import * as u from "react";
 import e from "./index.es222.js";
-import { clsx as ie } from "./index.es101.js";
+import { clsx as ie } from "./index.es106.js";
 import { PickersMonth as ue } from "./index.es302.js";
 import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es224.js";
 import { getMonthCalendarUtilityClass as me } from "./index.es303.js";

package/index.es252.js

@@ -4,7 +4,7 @@ import * as c from "react";
 import { r as j } from "./index.es318.js";
 import d from "./index.es222.js";
 import { jsx as _ } from "react/jsx-runtime";
-import A from "./index.es307.js";
+import A from "./index.es310.js";
 import P from "./index.es319.js";
 import D from "./index.es320.js";
 import V from "./index.es254.js";

package/index.es253.js

@@ -2,17 +2,17 @@ import w from "./index.es221.js";
 import l from "./index.es220.js";
 import * as d from "react";
 import o from "./index.es222.js";
-import { clsx as x } from "./index.es101.js";
+import { clsx as x } from "./index.es106.js";
 import E, { rootShouldForwardProp as F } from "./index.es234.js";
 import G from "./index.es243.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.es306.js";
+import _ from "./index.es309.js";
 import O from "./index.es315.js";
 import M from "./index.es316.js";
 import N from "./index.es317.js";
-import D from "./index.es307.js";
+import D from "./index.es310.js";
 import S from "./index.es254.js";
 import U from "./index.es242.js";
 import { alpha as p } from "./index.es255.js";

package/index.es255.js

@@ -1,4 +1,4 @@
-import y from "./index.es336.js";
+import y from "./index.es334.js";
 import l from "./index.es291.js";
 function h(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);

package/index.es265.js

@@ -6,7 +6,7 @@ import z from "./index.es264.js";
 import { reflow as D, getTransitionProps as g } from "./index.es373.js";
 import { jsx as V } from "react/jsx-runtime";
 import W from "./index.es254.js";
-import $ from "./index.es327.js";
+import $ from "./index.es325.js";
 import B from "./index.es366.js";
 const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
   entering: {

package/index.es266.js

@@ -2,17 +2,17 @@ import L from "./index.es221.js";
 import f from "./index.es220.js";
 import * as D from "react";
 import o from "./index.es222.js";
-import { clsx as O } from "./index.es101.js";
+import { clsx as O } from "./index.es106.js";
 import { useUtils as U } from "./index.es224.js";
 import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es233.js";
-import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es305.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es308.js";
 import { jsx as F } from "react/jsx-runtime";
 import P from "./index.es234.js";
-import Z from "./index.es306.js";
+import Z from "./index.es309.js";
 import { alpha as x } from "./index.es255.js";
 import z from "./index.es243.js";
 import J from "./index.es254.js";
-import Q from "./index.es307.js";
+import Q from "./index.es310.js";
 import X from "./index.es242.js";
 const oo = ["autoFocus", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "outsideCurrentMonth", "selected", "showDaysOutsideCurrentMonth", "children", "today", "isFirstVisibleCell", "isLastVisibleCell"], eo = (e) => {
   const {

package/index.es267.js

@@ -1,14 +1,14 @@
 import x from "./index.es220.js";
 import u from "./index.es221.js";
 import * as E from "react";
-import { clsx as a } from "./index.es101.js";
+import { clsx as a } from "./index.es106.js";
 import { pickersSlideTransitionClasses as e, getPickersSlideTransitionUtilityClass as h } from "./index.es248.js";
 import { jsx as o } from "react/jsx-runtime";
 import v from "./index.es234.js";
 import A from "./index.es263.js";
 import $ from "./index.es243.js";
 import g from "./index.es264.js";
-import T from "./index.es308.js";
+import T from "./index.es311.js";
 import C from "./index.es242.js";
 const L = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], S = (i) => {
   const {

package/index.es268.js

@@ -2,12 +2,12 @@ import W from "./index.es221.js";
 import s from "./index.es220.js";
 import * as O from "react";
 import o from "./index.es222.js";
-import { clsx as j } from "./index.es101.js";
+import { clsx as j } from "./index.es106.js";
 import M from "./index.es234.js";
 import N from "./index.es243.js";
 import { getTypographyUtilityClass as P } from "./index.es374.js";
 import { jsx as C } from "react/jsx-runtime";
-import u from "./index.es332.js";
+import u from "./index.es329.js";
 import R from "./index.es375.js";
 import _ from "./index.es242.js";
 const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {

package/index.es270.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import p from "./index.es353.js";
 import h from "./index.es376.js";
-import v from "./index.es307.js";
+import v from "./index.es310.js";
 function S(t, u, e, o, i) {
   const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
   return v(() => {

package/index.es274.js

@@ -2,14 +2,14 @@ import R from "./index.es221.js";
 import n from "./index.es220.js";
 import * as p from "react";
 import r from "./index.es222.js";
-import { clsx as z } from "./index.es101.js";
+import { clsx as z } from "./index.es106.js";
 import C from "./index.es234.js";
 import O from "./index.es243.js";
 import T, { getIconButtonUtilityClass as $ } from "./index.es377.js";
 import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es306.js";
-import a from "./index.es332.js";
-import k from "./index.es326.js";
+import B from "./index.es309.js";
+import a from "./index.es329.js";
+import k from "./index.es324.js";
 import I from "./index.es242.js";
 import { alpha as m } from "./index.es255.js";
 const j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {

package/index.es275.js

@@ -1,7 +1,7 @@
 import w from "./index.es221.js";
 import o from "./index.es220.js";
 import * as W from "react";
-import { clsx as q } from "./index.es101.js";
+import { clsx as q } from "./index.es106.js";
 import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es272.js";
 import { getPickersArrowSwitcherUtilityClass as J } from "./index.es378.js";
 import { jsxs as K, jsx as i } from "react/jsx-runtime";

package/index.es277.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./index.es324.js";
+import { __exports as r } from "./index.es335.js";
 var _;
 function g() {
   if (_)

package/index.es278.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./index.es325.js";
+import { __exports as r } from "./index.es336.js";
 var A;
 function re() {
   return A ? r : (A = 1, process.env.NODE_ENV !== "production" && function() {

package/index.es28.js

@@ -1,4 +1,4 @@
-import { a as se } from "./index.es215.js";
+import { a as se } from "./index.es214.js";
 import * as V from "@radix-ui/react-dialog";
 import * as t from "react";
 var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {

package/index.es29.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e, Fragment as P } from "react/jsx-runtime";
-import r from "./index.es102.js";
+import r from "./index.es107.js";
 import { useState as c } from "react";
 import { cn as k } from "./index.es85.js";
 import { Calendar as y } from "./index.es23.js";
@@ -13,24 +13,24 @@ const E = ({
   onChange: f,
   lang: t = "en",
   rounded: h,
-  defaultToToday: n,
+  defaultToToday: s,
   variant: Y,
   className: D,
   colors: u,
   size: g,
-  ...s
+  ...n
 }) => {
-  const [x, l] = c(!1), b = o && r(o).isValid() ? r(o) : n ? r() : null, [a, C] = c(b), i = t === "ar" ? "YYYY/MM/DD" : "DD/MM/YYYY", M = t === "ar" ? "ar-ly" : "en";
+  const [x, i] = c(!1), b = o && r(o).isValid() ? r(o) : s ? r() : null, [a, C] = c(b), l = t === "ar" ? "YYYY/MM/DD" : "DD/MM/YYYY", M = t === "ar" ? "ar-ly" : "en";
   r.locale(M);
   const N = (d) => {
-    l(!1), C(d), f(d.locale("en").format("DD/MM/YYYY"));
+    i(!1), C(d), f(d.format("DD/MM/YYYY"));
   };
-  return /* @__PURE__ */ m(O, { open: x, onOpenChange: l, children: [
-    /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ m("button", { id: "date", role: "date", className: k(v({ variant: Y, colors: u, size: g, rounded: h }), D), disabled: s.disabled, children: [
-      a ? a.format(i) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: p || (n ? r().format(i) : "") }),
+  return /* @__PURE__ */ m(O, { open: x, onOpenChange: i, children: [
+    /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ m("button", { id: "date", role: "date", className: k(v({ variant: Y, colors: u, size: g, rounded: h }), D), disabled: n.disabled, children: [
+      a ? a.format(l) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: p || (s ? r().format(l) : "") }),
       /* @__PURE__ */ e(w, { className: "size-[20px]  shrink-0 " })
     ] }) }),
-    /* @__PURE__ */ e(j, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(y, { value: a, lang: t, onChange: N, ...s }) }) })
+    /* @__PURE__ */ e(j, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(y, { value: a, lang: t, onChange: N, ...n }) }) })
   ] });
 };
 export {

package/index.es295.js

@@ -2,7 +2,7 @@ import k from "./index.es345.js";
 import { getPath as j, getStyleValue as h } from "./index.es341.js";
 import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es344.js";
 import P from "./index.es294.js";
-import B from "./index.es332.js";
+import B from "./index.es329.js";
 function _(...s) {
   const a = s.reduce((t, i) => t.concat(Object.keys(i)), []), r = new Set(a);
   return s.every((t) => r.size === Object.keys(t).length);

package/index.es299.js

@@ -2,8 +2,8 @@ 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.es332.js";
-import B from "./index.es329.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"];

package/index.es30.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
-import a from "./index.es102.js";
+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";
@@ -24,7 +24,7 @@ const K = ({
   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.locale("en").format(o) : null;
+    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: [

package/index.es302.js

@@ -5,7 +5,7 @@ import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./in
 import { jsx as p } from "react/jsx-runtime";
 import m from "./index.es234.js";
 import w from "./index.es243.js";
-import $ from "./index.es307.js";
+import $ from "./index.es310.js";
 import F from "./index.es242.js";
 import { alpha as b } from "./index.es255.js";
 const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {

package/index.es305.js

@@ -1,10 +1,118 @@
-import i from "./index.es245.js";
-import t from "./index.es244.js";
-function r(e) {
-  return t("MuiPickersDay", e);
-}
-const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
+import R from "./index.es221.js";
+import b from "./index.es220.js";
+import * as n from "react";
+import { clsx as w } from "./index.es106.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es307.js";
+import { jsx as p } from "react/jsx-runtime";
+import f from "./index.es234.js";
+import F from "./index.es243.js";
+import _ from "./index.es242.js";
+import { alpha as v } from "./index.es255.js";
+const I = ["autoFocus", "className", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "yearsPerRow"], N = (o) => {
+  const {
+    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 {
-  r as getPickersDayUtilityClass,
-  l as pickersDayClasses
+  W as PickersYear
 };