mada-design-system 0.5.11 → 0.5.12

package/index.es304.js

@@ -1,18 +1,118 @@
-import c from "./index.es194.js";
-import * as e from "react";
-import { jsx as f } from "react/jsx-runtime";
-import t from "./index.es408.js";
-function d(n, r) {
-  function o(m, i) {
-    return /* @__PURE__ */ f(t, c({
-      "data-testid": `${r}Icon`,
-      ref: i
-    }, m, {
-      children: n
-    }));
+import R from "./index.es197.js";
+import b from "./index.es196.js";
+import * as n from "react";
+import { clsx as w } from "./index.es128.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es306.js";
+import { jsx as p } from "react/jsx-runtime";
+import f from "./index.es210.js";
+import F from "./index.es219.js";
+import _ from "./index.es218.js";
+import { alpha as v } from "./index.es231.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
+    }
   }
-  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
-}
+})), 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 {
-  d as default
+  W as PickersYear
 };

package/index.es305.js

@@ -1,100 +1,9 @@
-var c = "-";
-function h(t) {
-  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
-  function a(i) {
-    var f = i.split(c);
-    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
-  }
-  function o(i, f) {
-    var s = n[i] || [];
-    return f && u[i] ? [].concat(s, u[i]) : s;
-  }
-  return {
-    getClassGroupId: a,
-    getConflictingClassGroupIds: o
-  };
-}
-function l(t, r) {
-  var o;
-  if (t.length === 0)
-    return r.classGroupId;
-  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
-  if (u)
-    return u;
-  if (r.validators.length !== 0) {
-    var a = t.join(c);
-    return (o = r.validators.find(function(i) {
-      var f = i.validator;
-      return f(a);
-    })) == null ? void 0 : o.classGroupId;
-  }
-}
-var p = /^\[(.+)\]$/;
-function g(t) {
-  if (p.test(t)) {
-    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
-    if (n)
-      return "arbitrary.." + n;
-  }
-}
-function G(t) {
-  var r = t.theme, n = t.prefix, e = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  }, u = x(Object.entries(t.classGroups), n);
-  return u.forEach(function(a) {
-    var o = a[0], i = a[1];
-    v(i, e, o, r);
-  }), e;
-}
-function v(t, r, n, e) {
-  t.forEach(function(u) {
-    if (typeof u == "string") {
-      var a = u === "" ? r : d(r, u);
-      a.classGroupId = n;
-      return;
-    }
-    if (typeof u == "function") {
-      if (C(u)) {
-        v(u(e), r, n, e);
-        return;
-      }
-      r.validators.push({
-        validator: u,
-        classGroupId: n
-      });
-      return;
-    }
-    Object.entries(u).forEach(function(o) {
-      var i = o[0], f = o[1];
-      v(f, d(r, i), n, e);
-    });
-  });
-}
-function d(t, r) {
-  var n = t;
-  return r.split(c).forEach(function(e) {
-    n.nextPart.has(e) || n.nextPart.set(e, {
-      nextPart: /* @__PURE__ */ new Map(),
-      validators: []
-    }), n = n.nextPart.get(e);
-  }), n;
-}
-function C(t) {
-  return t.isThemeGetter;
-}
-function x(t, r) {
-  return r ? t.map(function(n) {
-    var e = n[0], u = n[1], a = u.map(function(o) {
-      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
-        var f = i[0], s = i[1];
-        return [r + f, s];
-      })) : o;
-    });
-    return [e, a];
-  }) : t;
+import r from "./index.es220.js";
+import t from "./index.es221.js";
+function l(e) {
+  return r("MuiYearCalendar", e);
 }
+t("MuiYearCalendar", ["root"]);
 export {
-  G as createClassMap,
-  h as createClassUtils
+  l as getYearCalendarUtilityClass
 };

package/index.es306.js

@@ -1,28 +1,10 @@
-function c(i) {
-  if (i < 1)
-    return {
-      get: function() {
-      },
-      set: function() {
-      }
-    };
-  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-  function a(r, e) {
-    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
-  }
-  return {
-    get: function(e) {
-      var n = t.get(e);
-      if (n !== void 0)
-        return n;
-      if ((n = f.get(e)) !== void 0)
-        return a(e, n), n;
-    },
-    set: function(e, n) {
-      t.has(e) ? t.set(e, n) : a(e, n);
-    }
-  };
+import r from "./index.es221.js";
+import t from "./index.es220.js";
+function a(e) {
+  return t("MuiPickersYear", e);
 }
+const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
 export {
-  c as createLruCache
+  a as getPickersYearUtilityClass,
+  o as pickersYearClasses
 };

package/index.es307.js

@@ -1,41 +1,18 @@
-var g = "!";
-function I(o) {
-  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
-  return function(a) {
-    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
-      var p = a[t];
-      if (h === 0) {
-        if (p === s && (i || a.slice(t, t + f) === r)) {
-          v.push(a.slice(e, t)), e = t + f;
-          continue;
-        }
-        if (p === "/") {
-          n = t;
-          continue;
-        }
-      }
-      p === "[" ? h++ : p === "]" && h--;
-    }
-    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
-    return {
-      modifiers: v,
-      hasImportantModifier: M,
-      baseClassName: l,
-      maybePostfixModifierPosition: b
-    };
-  };
-}
-function P(o) {
-  if (o.length <= 1)
-    return o;
-  var r = [], i = [];
-  return o.forEach(function(s) {
-    var f = s[0] === "[";
-    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
-  }), r.push.apply(r, i.sort()), r;
+import c from "./index.es196.js";
+import * as e from "react";
+import { jsx as f } from "react/jsx-runtime";
+import t from "./index.es408.js";
+function d(n, r) {
+  function o(m, i) {
+    return /* @__PURE__ */ f(t, c({
+      "data-testid": `${r}Icon`,
+      ref: i
+    }, m, {
+      children: n
+    }));
+  }
+  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
 }
 export {
-  g as IMPORTANT_MODIFIER,
-  I as createSplitModifiers,
-  P as sortModifiers
+  d as default
 };

package/index.es308.js

@@ -1,17 +1,7 @@
-const t = (e) => e, a = () => {
-  let e = t;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = t;
-    }
-  };
-}, n = a(), s = n;
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext({});
+process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
+const o = t;
 export {
-  s as default
+  o as default
 };

package/index.es309.js

@@ -1,8 +1,10 @@
-import { __module as r } from "./index.es377.js";
-import { __require as e } from "./index.es378.js";
-import { __require as o } from "./index.es379.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+import t from "./index.es221.js";
+import s from "./index.es220.js";
+function r(e) {
+  return s("MuiMenuItem", e);
+}
+const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
 export {
-  i as r
+  u as default,
+  r as getMenuItemUtilityClass
 };

package/index.es31.js

@@ -1,100 +1,41 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dialog";
-import * as l from "react";
-import { clsx as g } from "./index.es129.js";
-import { cn as s } from "./index.es85.js";
-import "./index.es2.js";
-import { Button as u } from "./index.es22.js";
-import { ScrollArea as x, ScrollBar as y } from "./index.es62.js";
-import N from "./index.es108.js";
-import D from "./index.es89.js";
-const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
-  t.Overlay,
-  {
-    ref: r,
-    className: s(
-      "fixed inset-0 z-50 bg-background-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...e
-  }
-));
-n.displayName = t.Overlay.displayName;
-const v = l.forwardRef(({ className: a, ignoreInteractOutside: e, hideOverlay: r, overlayClassName: i, children: m, ...c }, p) => /* @__PURE__ */ d(b, { children: [
-  /* @__PURE__ */ o(
-    n,
-    {
-      className: g(i, {
-        "bg-transparent": r
-      })
-    }
-  ),
-  /* @__PURE__ */ o(
-    t.Content,
-    {
-      onInteractOutside: (f) => {
-        e && f.preventDefault();
-      },
-      ref: p,
-      className: s(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[90%] translate-x-[-50%] translate-y-[-50%] rounded-4  border bg-card   shadow-lg duration-200  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full md:max-w-screen-sm xl:max-w-screen-lg xl:max-w-screen-lg",
-        a
-      ),
-      ...c,
-      children: m
-    }
-  )
-] }));
-v.displayName = t.Content.displayName;
-const h = ({ className: a, ...e }) => /* @__PURE__ */ d("div", { className: s("flex  flex-row items-center border-b border-border-primary p-space-04  ", a), ...e, children: [
-  e.children,
-  /* @__PURE__ */ o(w, { className: "ms-auto p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ o(u, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ o(N, { size: 20 }) }) })
-] });
-h.displayName = "DialogHeader";
-const C = l.forwardRef(({ className: a, ...e }, r) => {
-  const { dir: i } = D();
-  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[calc(100vh_-_300px)] ", children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ref: r,
-        className: s(
-          // 'scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border',
-          "  my-space-05 overflow-auto px-space-05 text-foreground",
-          // `${isFooterUsed ? 'mb-space-11' : ''}`,
-          a
-        ),
-        ...e
-      }
-    ),
-    /* @__PURE__ */ o(y, { orientation: "vertical" })
+import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
+import a from "./index.es118.js";
+import { useState as p } from "react";
+import { cn as y } from "./index.es86.js";
+import { Popover as A, PopoverTrigger as w, PopoverContent as O } from "./index.es60.js";
+import { selectVariants as j } from "./index.es65.js";
+import "./index.es119.js";
+import z from "./index.es126.js";
+import { LocalizationProvider as F } from "./index.es120.js";
+import { AdapterMoment as H } from "./index.es122.js";
+import { DigitalClock as L } from "./index.es127.js";
+const K = ({
+  placeholder: h,
+  value: r,
+  onChange: f,
+  rounded: u,
+  lang: m = "en",
+  variant: g,
+  className: x,
+  colors: T,
+  size: b,
+  ...t
+}) => {
+  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.format(o) : null;
+    N(d), f(d), n(!1);
+  }, k = r ? a(r, o) : null;
+  return /* @__PURE__ */ c(A, { open: C, onOpenChange: n, children: [
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ c("button", { id: "date", role: "date", className: y(j({ variant: g, colors: T, size: b, rounded: u }), x), disabled: t.disabled, children: [
+      i ? /* @__PURE__ */ e(v, { children: a(i, o).format(o) }) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: h ?? "00:00" }),
+      /* @__PURE__ */ e(z, { className: "size-[20px] shrink-0" })
+    ] }) }),
+    /* @__PURE__ */ e(O, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e("div", { dir: m === "ar" ? "rtl" : "ltr", className: "w-[300px]", children: /* @__PURE__ */ e(F, { dateAdapter: H, adapterLocale: s, children: /* @__PURE__ */ e(L, { value: k, onChange: P, ...t }) }) }) })
   ] });
-});
-C.displayName = "DialogBody";
-const R = ({ className: a, ...e }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: s("flex flex-col-reverse gap-space-02 border-t border-border-primary p-space-04 sm:flex-row sm:justify-between", a),
-    ...e
-  }
-);
-R.displayName = "DialogFooter";
-const z = l.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Title, { ref: r, className: s("text-body-01 font-semibold text-card-foreground", a), ...e })
-);
-z.displayName = t.Title.displayName;
-const T = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", a), ...e }));
-T.displayName = t.Description.displayName;
+};
 export {
-  _ as Dialog,
-  C as DialogBody,
-  w as DialogClose,
-  v as DialogContent,
-  T as DialogDescription,
-  R as DialogFooter,
-  h as DialogHeader,
-  n as DialogOverlay,
-  b as DialogPortal,
-  z as DialogTitle,
-  A as DialogTrigger
+  K as TimePicker,
+  K as default
 };

package/index.es310.js

@@ -1,7 +1,5 @@
-function n(t) {
-  const e = t.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - e);
-}
+import e from "./index.es221.js";
+const t = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), l = t;
 export {
-  n as default
+  l as default
 };

package/index.es311.js

@@ -1,6 +1,5 @@
-function n(e) {
-  return e && e.ownerDocument || document;
-}
+import t from "./index.es221.js";
+const e = t("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), i = e;
 export {
-  n as default
+  i as default
 };

package/index.es312.js

@@ -1,119 +1,5 @@
-import P from "./index.es195.js";
-import i from "./index.es194.js";
-import * as l from "react";
-import e from "./index.es196.js";
-import { clsx as x } from "./index.es129.js";
-import L from "./index.es208.js";
-import T from "./index.es217.js";
-import v from "./index.es313.js";
-import { getListUtilityClass as y } from "./index.es413.js";
-import { jsx as j, jsxs as N } from "react/jsx-runtime";
-import R from "./index.es216.js";
-const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
-  const {
-    classes: o,
-    disablePadding: t,
-    dense: r,
-    subheader: n
-  } = s;
-  return R({
-    root: ["root", !t && "padding", r && "dense", n && "subheader"]
-  }, y, o);
-}, _ = L("ul", {
-  name: "MuiList",
-  slot: "Root",
-  overridesResolver: (s, o) => {
-    const {
-      ownerState: t
-    } = s;
-    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
-  }
-})(({
-  ownerState: s
-}) => i({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  position: "relative"
-}, !s.disablePadding && {
-  paddingTop: 8,
-  paddingBottom: 8
-}, s.subheader && {
-  paddingTop: 0
-})), m = /* @__PURE__ */ l.forwardRef(function(o, t) {
-  const r = T({
-    props: o,
-    name: "MuiList"
-  }), {
-    children: n,
-    className: a,
-    component: c = "ul",
-    dense: d = !1,
-    disablePadding: u = !1,
-    subheader: f
-  } = r, b = P(r, C), h = l.useMemo(() => ({
-    dense: d
-  }), [d]), p = i({}, r, {
-    component: c,
-    dense: d,
-    disablePadding: u
-  }), g = O(p);
-  return /* @__PURE__ */ j(v.Provider, {
-    value: h,
-    children: /* @__PURE__ */ N(_, i({
-      as: c,
-      className: x(g.root, a),
-      ref: t,
-      ownerState: p
-    }, b, {
-      children: [f, n]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (m.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: e.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: e.bool,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: e.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-const k = m;
+import t from "./index.es221.js";
+const s = t("MuiListItemIcon", ["root", "alignItemsFlexStart"]), o = s;
 export {
-  k as default
+  o as default
 };