mada-design-system 0.0.9 → 0.0.11

package/index.es237.js

@@ -1,293 +1,64 @@
-import { padding as e, margin as t } from "./index.es283.js";
-import { borderTransform as r, borderRadius as s } from "./index.es279.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es286.js";
-import { paletteTransform as l } from "./index.es287.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es288.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 a from "react";
+import p from "./index.es320.js";
+import h from "./index.es343.js";
+import v from "./index.es283.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(() => {
+    let c = !0;
+    if (!e)
+      return;
+    const n = e(t), m = () => {
+      c && f(n.matches);
+    };
+    return m(), n.addListener(m), () => {
+      c = !1, n.removeListener(m);
+    };
+  }, [t, e]), r;
+}
+const d = a["useSyncExternalStore"];
+function w(t, u, e, o, i) {
+  const r = a.useCallback(() => u, [u]), f = a.useMemo(() => {
+    if (i && e)
+      return () => e(t).matches;
+    if (o !== null) {
+      const {
+        matches: s
+      } = o(t);
+      return () => s;
+    }
+    return r;
+  }, [r, t, o, i, e]), [c, n] = a.useMemo(() => {
+    if (e === null)
+      return [r, () => () => {
+      }];
+    const s = e(t);
+    return [() => s.matches, (l) => (s.addListener(l), () => {
+      s.removeListener(l);
+    })];
+  }, [r, e, t]);
+  return d(n, c, f);
+}
+function y(t, u = {}) {
+  const e = p(), o = typeof window < "u" && typeof window.matchMedia < "u", {
+    defaultMatches: i = !1,
+    matchMedia: r = o ? window.matchMedia : null,
+    ssrMatchMedia: f = null,
+    noSsr: c = !1
+  } = h({
+    name: "MuiUseMediaQuery",
+    props: u,
+    theme: e
+  });
+  process.env.NODE_ENV;
+  let n = typeof t == "function" ? t(e) : t;
+  n = n.replace(/^@media( ?)/m, "");
+  const s = (d !== void 0 ? w : S)(n, i, r, f, c);
+  return process.env.NODE_ENV !== "production" && a.useDebugValue({
+    query: n,
+    match: s
+  }), s;
+}
 export {
-  K as default
+  y as default
 };

package/index.es238.js

@@ -1,93 +1,7 @@
-import k from "./index.es285.js";
-import { getPath as j, getStyleValue as h } from "./index.es281.js";
-import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es284.js";
-import P from "./index.es237.js";
-import B from "./index.es270.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);
-}
-function $(s, a) {
-  return typeof s == "function" ? s(a) : s;
-}
-function C() {
-  function s(r, t, i, o) {
-    const m = {
-      [r]: t,
-      theme: i
-    }, y = o[r];
-    if (!y)
-      return {
-        [r]: t
-      };
-    const {
-      cssProperty: c = r,
-      themeKey: f,
-      transform: b,
-      style: g
-    } = y;
-    if (t == null)
-      return null;
-    if (f === "typography" && t === "inherit")
-      return {
-        [r]: t
-      };
-    const n = j(i, f) || {};
-    return g ? g(m) : p(m, t, (e) => {
-      let l = h(n, b, e);
-      return e === l && typeof e == "string" && (l = h(n, b, `${r}${e === "default" ? "" : B(e)}`, e)), c === !1 ? l : {
-        [c]: l
-      };
-    });
-  }
-  function a(r) {
-    var t;
-    const {
-      sx: i,
-      theme: o = {}
-    } = r || {};
-    if (!i)
-      return null;
-    const m = (t = o.unstable_sxConfig) != null ? t : P;
-    function y(c) {
-      let f = c;
-      if (typeof c == "function")
-        f = c(o);
-      else if (typeof c != "object")
-        return c;
-      if (!f)
-        return null;
-      const b = x(o.breakpoints), g = Object.keys(b);
-      let n = b;
-      return Object.keys(f).forEach((u) => {
-        const e = $(f[u], o);
-        if (e != null)
-          if (typeof e == "object")
-            if (m[u])
-              n = k(n, s(u, e, o, m));
-            else {
-              const l = p({
-                theme: o
-              }, e, (d) => ({
-                [u]: d
-              }));
-              _(l, e) ? n[u] = a({
-                sx: e,
-                theme: o
-              }) : n = k(n, l);
-            }
-          else
-            n = k(n, s(u, e, o, m));
-      }), O(g, n);
-    }
-    return Array.isArray(i) ? i.map(y) : y(i);
-  }
-  return a;
-}
-const S = C();
-S.filterProps = ["sx"];
-const H = S;
+import a from "./index.es216.js";
+import r from "./index.es215.js";
+const s = (e) => r("MuiPickersCalendarHeader", e), l = a("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
 export {
-  H as default,
-  C as unstable_createStyleFunctionSx
+  s as getPickersCalendarHeaderUtilityClass,
+  l as pickersCalendarHeaderClasses
 };

package/index.es239.js

@@ -1,5 +1,38 @@
-import e from "./index.es227.js";
-const t = e(), m = t;
+import * as t from "react";
+import { jsx as h, jsxs as o } from "react/jsx-runtime";
+import r from "./index.es285.js";
+const z = r(/* @__PURE__ */ h("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown"), v = r(/* @__PURE__ */ h("path", {
+  d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
+}), "ArrowLeft"), p = r(/* @__PURE__ */ h("path", {
+  d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
+}), "ArrowRight");
+r(/* @__PURE__ */ h("path", {
+  d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
+}), "Calendar");
+r(/* @__PURE__ */ o(t.Fragment, {
+  children: [/* @__PURE__ */ h("path", {
+    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /* @__PURE__ */ h("path", {
+    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+  })]
+}), "Clock");
+r(/* @__PURE__ */ h("path", {
+  d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
+}), "DateRange");
+r(/* @__PURE__ */ o(t.Fragment, {
+  children: [/* @__PURE__ */ h("path", {
+    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /* @__PURE__ */ h("path", {
+    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+  })]
+}), "Time");
+r(/* @__PURE__ */ h("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Clear");
 export {
-  m as default
+  z as ArrowDropDownIcon,
+  v as ArrowLeftIcon,
+  p as ArrowRightIcon
 };

package/index.es24.js

@@ -1,14 +1,36 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "./index.es105.js";
-import "./index.es106.js";
-import { LocalizationProvider as i } from "./index.es107.js";
-import { AdapterMomentHijri as m } from "./index.es108.js";
-import { AdapterMoment as n } from "./index.es109.js";
-import { DateCalendar as d } from "./index.es110.js";
-function p({ ishijri: e, lang: t = "ar", ...o }) {
-  return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: e ? m : n, adapterLocale: t === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(d, { ...o, minDate: a(new Date(1938, 0, 1)), maxDate: a(new Date(2075, 11, 31)) }) }) });
-}
-p.displayName = "Calendar";
+import { jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as t } from "./index.es76.js";
+const c = o.forwardRef(
+  ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: s,
+      className: t(
+        "flex flex-col gap-space-04 rounded-2 border bg-card p-space-04 text-card-foreground transition-all duration-200 hover:shadow-card-hover-02",
+        a,
+        e && "active:bg-card-active"
+      ),
+      ...r
+    }
+  )
+);
+c.displayName = "Card";
+const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e }));
+i.displayName = "CardHeader";
+const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("text-2xl font-bold leading-none tracking-tight", a), ...e }));
+l.displayName = "CardTitle";
+const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
+n.displayName = "CardDescription";
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
+f.displayName = "CardContent";
+const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center", a), ...e }));
+m.displayName = "CardFooter";
 export {
-  p as Calendar
+  c as Card,
+  f as CardContent,
+  n as CardDescription,
+  m as CardFooter,
+  i as CardHeader,
+  l as CardTitle
 };

package/index.es240.js

@@ -1,10 +1,28 @@
-import t from "./index.es293.js";
-import m from "./index.es235.js";
-const r = m();
-function u(e = r) {
-  return t(e);
+import * as u from "react";
+import { useUtils as f } from "./index.es195.js";
+function d(n, {
+  disableFuture: o,
+  maxDate: e,
+  timezone: s
+}) {
+  const t = f();
+  return u.useMemo(() => {
+    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isBefore(r, e) ? r : e);
+    return !t.isAfter(i, n);
+  }, [o, e, n, t, s]);
+}
+function M(n, {
+  disablePast: o,
+  minDate: e,
+  timezone: s
+}) {
+  const t = f();
+  return u.useMemo(() => {
+    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isAfter(r, e) ? r : e);
+    return !t.isBefore(i, n);
+  }, [o, e, n, t, s]);
 }
 export {
-  u as default,
-  r as systemDefaultTheme
+  d as useNextMonthDisabled,
+  M as usePreviousMonthDisabled
 };