mada-design-system 0.5.3 → 0.5.4

package/index.es187.js

@@ -1,41 +1,14 @@
-function v(n, l, e) {
-  let t = e.initialDeps ?? [], d;
-  function a() {
-    var o, r, c, m;
-    let h;
-    e.key && ((o = e.debug) != null && o.call(e)) && (h = Date.now());
-    const u = n();
-    if (!(u.length !== t.length || u.some((f, g) => t[g] !== f)))
-      return d;
-    t = u;
-    let s;
-    if (e.key && ((r = e.debug) != null && r.call(e)) && (s = Date.now()), d = l(...u), e.key && ((c = e.debug) != null && c.call(e))) {
-      const f = Math.round((Date.now() - h) * 100) / 100, w = Math.round((Date.now() - s) * 100) / 100 / 16, b = (i, p) => {
-        for (i = String(i); i.length < p; )
-          i = " " + i;
-        return i;
-      };
-    }
-    return (m = e == null ? void 0 : e.onChange) == null || m.call(e, d), d;
-  }
-  return a.updateDeps = (o) => {
-    t = o;
-  }, a;
-}
-function D(n, l) {
-  if (n === void 0)
-    throw new Error(`Unexpected undefined${l ? `: ${l}` : ""}`);
-  return n;
-}
-const E = (n, l) => Math.abs(n - l) < 1, y = (n, l, e) => {
-  let t;
-  return function(...d) {
-    n.clearTimeout(t), t = n.setTimeout(() => l.apply(this, d), e);
-  };
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+  // stroke: 'currentColor',
+  // strokeWidth: 2,
+  // strokeLinecap: 'round',
+  // strokeLinejoin: 'round',
 };
 export {
-  E as approxEqual,
-  y as debounce,
-  v as memo,
-  D as notUndefined
+  t as default
 };

package/index.es20.js

@@ -1,5 +1,5 @@
 import { jsx as g } from "react/jsx-runtime";
-import { cva as i } from "./index.es106.js";
+import { cva as i } from "./index.es105.js";
 import { cn as c } from "./index.es85.js";
 const l = i(
   "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",

package/index.es200.js

@@ -1,6 +1,6 @@
 import r from "./index.es196.js";
 import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es122.js";
+import { MuiPickersAdapterContext as a } from "./index.es121.js";
 import { DEFAULT_LOCALE as s } from "./index.es251.js";
 const i = () => {
   const t = e.useContext(a);

package/index.es201.js

@@ -1,5 +1,5 @@
 import "react";
-import { clsx as p } from "./index.es103.js";
+import { clsx as p } from "./index.es102.js";
 import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es223.js";
 import { jsx as s } from "react/jsx-runtime";
 import u from "./index.es210.js";

package/index.es202.js

@@ -1,7 +1,7 @@
 import se from "./index.es197.js";
 import P from "./index.es196.js";
 import * as u from "react";
-import { clsx as Ce } from "./index.es103.js";
+import { clsx as Ce } from "./index.es102.js";
 import { PickersDay as ge } from "./index.es255.js";
 import { useNow as re, useUtils as ie, useLocaleText as Me } from "./index.es200.js";
 import { DAY_SIZE as q, DAY_MARGIN as Q } from "./index.es209.js";

package/index.es21.js

@@ -1,12 +1,12 @@
 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.es104.js";
+import { useMediaQuery as B } from "./index.es103.js";
 import { cn as c } from "./index.es85.js";
 import { ShouldRender as m } from "./index.es14.js";
 import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es32.js";
-import M from "./index.es115.js";
-import v from "./index.es117.js";
+import M from "./index.es114.js";
+import v from "./index.es116.js";
 import { Stack as C } from "./index.es42.js";
 const b = o.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 b.displayName = "Breadcrumb";

package/index.es213.js

@@ -2,7 +2,7 @@ import k from "./index.es197.js";
 import c from "./index.es196.js";
 import * as Y from "react";
 import e from "./index.es198.js";
-import { clsx as K } from "./index.es103.js";
+import { clsx as K } from "./index.es102.js";
 import { useLocaleText as J, useUtils as Q } from "./index.es200.js";
 import { PickersFadeTransitionGroup as X } from "./index.es201.js";
 import { ArrowDropDownIcon as Z } from "./index.es261.js";

package/index.es214.js

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

package/index.es215.js

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

package/index.es216.js

@@ -2,7 +2,7 @@ import ue from "./index.es197.js";
 import S from "./index.es196.js";
 import * as a from "react";
 import r from "./index.es198.js";
-import { clsx as ce } from "./index.es103.js";
+import { clsx as ce } from "./index.es102.js";
 import { PickersYear as fe } from "./index.es304.js";
 import { useNow as de, useUtils as V, useDefaultDates as me } from "./index.es200.js";
 import { getYearCalendarUtilityClass as pe } from "./index.es305.js";

package/index.es217.js

@@ -2,10 +2,10 @@ import le from "./index.es197.js";
 import L from "./index.es196.js";
 import * as u from "react";
 import e from "./index.es198.js";
-import { clsx as ie } from "./index.es103.js";
-import { PickersMonth as ue } from "./index.es301.js";
+import { clsx as ie } from "./index.es102.js";
+import { PickersMonth as ue } from "./index.es296.js";
 import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es200.js";
-import { getMonthCalendarUtilityClass as me } from "./index.es302.js";
+import { getMonthCalendarUtilityClass as me } from "./index.es297.js";
 import { getMonthsInYear as he, applyDefaultDate as z } from "./index.es204.js";
 import { singleItemValueManager as A } from "./index.es208.js";
 import { SECTION_TYPE_GRANULARITY as fe } from "./index.es250.js";

package/index.es22.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as m } from "./index.es106.js";
+import { cva as m } from "./index.es105.js";
 import * as y from "react";
 import { cn as k } from "./index.es85.js";
 import N from "./index.es3.js";

package/index.es220.js

@@ -1,4 +1,4 @@
-import s from "./index.es308.js";
+import s from "./index.es318.js";
 const t = {
   active: "active",
   checked: "checked",

package/index.es228.js

@@ -1,14 +1,14 @@
 import H from "./index.es196.js";
 import O from "./index.es197.js";
 import * as c from "react";
-import { r as j } from "./index.es314.js";
+import { r as j } from "./index.es308.js";
 import d from "./index.es198.js";
 import { jsx as _ } from "react/jsx-runtime";
-import A from "./index.es298.js";
-import P from "./index.es315.js";
-import D from "./index.es316.js";
+import A from "./index.es301.js";
+import P from "./index.es309.js";
+import D from "./index.es310.js";
 import V from "./index.es230.js";
-import W from "./index.es317.js";
+import W from "./index.es311.js";
 const $ = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
 function v(n, t, r) {
   return n === t ? n.firstChild : t && t.nextElementSibling ? t.nextElementSibling : r ? null : n.firstChild;

package/index.es229.js

@@ -2,17 +2,17 @@ import w from "./index.es197.js";
 import l from "./index.es196.js";
 import * as d from "react";
 import o from "./index.es198.js";
-import { clsx as x } from "./index.es103.js";
+import { clsx as x } from "./index.es102.js";
 import E, { rootShouldForwardProp as F } from "./index.es210.js";
 import G from "./index.es219.js";
-import $ from "./index.es309.js";
-import i, { getMenuItemUtilityClass as L } from "./index.es310.js";
+import $ from "./index.es312.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es313.js";
 import { jsx as I } from "react/jsx-runtime";
-import _ from "./index.es297.js";
-import O from "./index.es311.js";
-import M from "./index.es312.js";
-import N from "./index.es313.js";
-import D from "./index.es298.js";
+import _ from "./index.es300.js";
+import O from "./index.es314.js";
+import M from "./index.es315.js";
+import N from "./index.es316.js";
+import D from "./index.es301.js";
 import S from "./index.es230.js";
 import U from "./index.es218.js";
 import { alpha as p } from "./index.es231.js";

package/index.es23.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es120.js";
-import "./index.es121.js";
-import { LocalizationProvider as i } from "./index.es122.js";
-import { AdapterMomentHijri as d } from "./index.es123.js";
-import { AdapterMoment as n } from "./index.es124.js";
-import { DateCalendar as l } from "./index.es125.js";
+import e from "./index.es119.js";
+import "./index.es120.js";
+import { LocalizationProvider as i } from "./index.es121.js";
+import { AdapterMomentHijri as d } from "./index.es122.js";
+import { AdapterMoment as n } from "./index.es123.js";
+import { DateCalendar as l } from "./index.es124.js";
 function p({ ishijri: a, lang: o = "ar", ...t }) {
   return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: a ? d : n, adapterLocale: o === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(
     l,

package/index.es230.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import u from "./index.es321.js";
+import u from "./index.es317.js";
 function f(...e) {
   return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
     e.forEach((t) => {

package/index.es25.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cva as i } from "./index.es106.js";
+import { cva as i } from "./index.es105.js";
 import { cn as r } from "./index.es85.js";
 const b = i(
   `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed

package/index.es251.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization as o } from "./index.es300.js";
+import { getPickersLocalization as o } from "./index.es303.js";
 const l = {
   // Calendar navigation
   previousMonth: "Previous month",

package/index.es252.js

@@ -1,11 +1,11 @@
 import m from "./index.es197.js";
 import f from "./index.es196.js";
-import v from "./index.es370.js";
-import x from "./index.es365.js";
+import v from "./index.es368.js";
+import x from "./index.es363.js";
 import d from "./index.es198.js";
 import s from "react";
-import h from "./index.es371.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es372.js";
+import h from "./index.es369.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es370.js";
 var M = Object.values || function(a) {
   return Object.keys(a).map(function(r) {
     return a[r];

package/index.es254.js

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

package/index.es255.js

@@ -2,17 +2,17 @@ import L from "./index.es197.js";
 import f from "./index.es196.js";
 import * as D from "react";
 import o from "./index.es198.js";
-import { clsx as O } from "./index.es103.js";
+import { clsx as O } from "./index.es102.js";
 import { useUtils as U } from "./index.es200.js";
 import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es209.js";
-import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es296.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es299.js";
 import { jsx as F } from "react/jsx-runtime";
 import P from "./index.es210.js";
-import Z from "./index.es297.js";
+import Z from "./index.es300.js";
 import { alpha as x } from "./index.es231.js";
 import z from "./index.es219.js";
 import J from "./index.es230.js";
-import Q from "./index.es298.js";
+import Q from "./index.es301.js";
 import X from "./index.es218.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.es256.js

@@ -1,14 +1,14 @@
 import x from "./index.es196.js";
 import u from "./index.es197.js";
 import * as E from "react";
-import { clsx as a } from "./index.es103.js";
+import { clsx as a } from "./index.es102.js";
 import { pickersSlideTransitionClasses as e, getPickersSlideTransitionUtilityClass as h } from "./index.es224.js";
 import { jsx as o } from "react/jsx-runtime";
 import v from "./index.es210.js";
 import A from "./index.es252.js";
 import $ from "./index.es219.js";
 import g from "./index.es253.js";
-import T from "./index.es299.js";
+import T from "./index.es302.js";
 import C from "./index.es218.js";
 const L = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], S = (i) => {
   const {

package/index.es257.js

@@ -2,13 +2,13 @@ import W from "./index.es197.js";
 import s from "./index.es196.js";
 import * as O from "react";
 import o from "./index.es198.js";
-import { clsx as j } from "./index.es103.js";
+import { clsx as j } from "./index.es102.js";
 import M from "./index.es210.js";
 import N from "./index.es219.js";
-import { getTypographyUtilityClass as P } from "./index.es363.js";
+import { getTypographyUtilityClass as P } from "./index.es372.js";
 import { jsx as C } from "react/jsx-runtime";
 import u from "./index.es337.js";
-import R from "./index.es364.js";
+import R from "./index.es373.js";
 import _ from "./index.es218.js";
 const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {
   const {

package/index.es259.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import p from "./index.es342.js";
 import h from "./index.es374.js";
-import v from "./index.es298.js";
+import v from "./index.es301.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.es263.js

@@ -2,12 +2,12 @@ import R from "./index.es197.js";
 import n from "./index.es196.js";
 import * as p from "react";
 import r from "./index.es198.js";
-import { clsx as z } from "./index.es103.js";
+import { clsx as z } from "./index.es102.js";
 import C from "./index.es210.js";
 import O from "./index.es219.js";
-import T, { getIconButtonUtilityClass as $ } from "./index.es375.js";
+import T, { getIconButtonUtilityClass as $ } from "./index.es376.js";
 import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es297.js";
+import B from "./index.es300.js";
 import a from "./index.es337.js";
 import k from "./index.es353.js";
 import I from "./index.es218.js";

package/index.es264.js

@@ -1,9 +1,9 @@
 import w from "./index.es197.js";
 import o from "./index.es196.js";
 import * as W from "react";
-import { clsx as q } from "./index.es103.js";
+import { clsx as q } from "./index.es102.js";
 import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es261.js";
-import { getPickersArrowSwitcherUtilityClass as J } from "./index.es376.js";
+import { getPickersArrowSwitcherUtilityClass as J } from "./index.es375.js";
 import { jsxs as K, jsx as i } from "react/jsx-runtime";
 import P from "./index.es210.js";
 import O from "./index.es263.js";

package/index.es266.js

@@ -1,6 +1,6 @@
-import { __module as r } from "./index.es318.js";
-import { __require as o } from "./index.es319.js";
-import { __require as i } from "./index.es320.js";
+import { __module as r } from "./index.es319.js";
+import { __require as o } from "./index.es320.js";
+import { __require as i } from "./index.es321.js";
 var e;
 function u() {
   return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);

package/index.es27.js

@@ -7,7 +7,7 @@ import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es31
 import { cn as m } from "./index.es85.js";
 import h from "./index.es89.js";
 import { ScrollArea as x } from "./index.es62.js";
-import N from "./index.es126.js";
+import N from "./index.es125.js";
 const l = t.forwardRef(
   ({ className: e, ...r }, d) => /* @__PURE__ */ o(
     a,

package/index.es29.js

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as e, Fragment as M } from "react/jsx-runtime";
-import r from "./index.es120.js";
+import r from "./index.es119.js";
 import { useState as d } from "react";
 import { cn as N } from "./index.es85.js";
 import P from "./index.es89.js";
 import { Calendar as k } from "./index.es23.js";
 import { Popover as O, PopoverTrigger as V, PopoverContent as j } from "./index.es59.js";
 import { selectVariants as v } from "./index.es64.js";
-import w from "./index.es127.js";
+import w from "./index.es126.js";
 const E = ({
   placeholder: c,
   value: o,

package/index.es296.js

@@ -1,10 +1,122 @@
-import i from "./index.es221.js";
-import t from "./index.es220.js";
-function r(e) {
-  return t("MuiPickersDay", e);
-}
-const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
+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
+    })
+  }));
+});
 export {
-  r as getPickersDayUtilityClass,
-  l as pickersDayClasses
+  q as PickersMonth
 };