mada-design-system 0.0.9 → 0.0.10

package/index.es278.js

@@ -1,145 +1,10 @@
-import a from "./index.es324.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+import t from "./index.es331.js";
+import m from "./index.es273.js";
+const r = m();
+function u(e = r) {
+  return t(e);
+}
 export {
-  t as default
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es279.js

@@ -1,45 +1,18 @@
-import i from "./index.es280.js";
-import b from "./index.es281.js";
-import l from "./index.es282.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es283.js";
-import { handleBreakpoints as m } from "./index.es284.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
-}
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
+import s from "./index.es354.js";
+import p from "./index.es278.js";
+function n({
+  props: o,
+  name: m,
+  defaultTheme: t,
+  themeId: r
+}) {
+  let e = p(t);
+  return r && (e = e[r] || e), s({
+    theme: e,
+    name: m,
+    props: o
   });
 }
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
-  }
-  return null;
-};
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
 export {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  n as default
 };

package/index.es28.js

@@ -1,109 +1,37 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { Command as a } from "./index.es112.js";
-import * as t from "react";
-import { Dialog as c, DialogContent as u } from "./index.es30.js";
-import { cn as m } from "./index.es69.js";
-import f from "./index.es73.js";
-import { ScrollArea as g } from "./index.es46.js";
-import x from "./index.es113.js";
-const i = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a,
-    {
-      filter: (s, n) => {
-        var p;
-        return (p = s == null ? void 0 : s.toLowerCase()) != null && p.includes(n == null ? void 0 : n.toLowerCase()) ? 1 : 0;
-      },
-      ref: d,
-      className: m("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", e),
-      ...r
-    }
-  )
-);
-i.displayName = a.displayName;
-const E = ({ children: e, ...r }) => /* @__PURE__ */ o(c, { ...r, children: /* @__PURE__ */ o(u, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ o(i, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), h = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ l(
-    "div",
-    {
-      className: "mb-space-03 flex h-[40px] items-center gap-space-02 rounded-2 border border-border bg-muted px-space-03 py-space-02",
-      "cmdk-input-wrapper": "",
-      dir: document.dir,
-      children: [
-        /* @__PURE__ */ o(x, { className: "size-[2.2rem] shrink-0 text-foreground-tertiary" }),
-        /* @__PURE__ */ o(
-          a.Input,
-          {
-            ref: d,
-            className: m(
-              "flex h-full  w-full border-none bg-transparent text-sm outline-none placeholder:text-body-01 placeholder:text-foreground-secondary disabled:cursor-not-allowed disabled:opacity-50",
-              e
-            ),
-            ...r
-          }
-        )
-      ]
-    }
-  )
-);
-h.displayName = a.Input.displayName;
-const y = t.forwardRef(
-  ({ className: e, ...r }, d) => {
-    const { dir: s } = f();
-    return /* @__PURE__ */ o(g, { dir: s, children: /* @__PURE__ */ o(a.List, { ref: d, className: m("max-h-[300px]", e), ...r }) });
-  }
-);
-y.displayName = a.List.displayName;
-const N = t.forwardRef(
-  (e, r) => /* @__PURE__ */ o(
-    a.Empty,
-    {
-      ref: r,
-      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform text-center text-sm",
-      ...e
-    }
-  )
-);
-N.displayName = a.Empty.displayName;
-const w = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Group,
-    {
-      ref: d,
-      className: m(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        e
-      ),
-      ...r
-    }
-  )
-);
-w.displayName = a.Group.displayName;
-const _ = t.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ o(a.Separator, { ref: d, className: m("-mx-1 h-px bg-border", e), ...r }));
-_.displayName = a.Separator.displayName;
-const k = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Item,
-    {
-      ref: d,
-      className: m(
-        "pe-space-02 relative flex cursor-default select-none items-center rounded-1 py-space-02 ps-space-03 text-body-01 outline-none aria-selected:bg-card-hover  data-[disabled]:pointer-events-none data-[disabled]:text-disabled",
-        e
-      ),
-      ...r
-    }
-  )
-);
-k.displayName = a.Item.displayName;
-const b = ({ className: e, ...r }) => /* @__PURE__ */ o("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", e), ...r });
-b.displayName = "CommandShortcut";
+import { jsxs as m, jsx as e, Fragment as b } from "react/jsx-runtime";
+import r from "./index.es113.js";
+import { useState as c } from "react";
+import { cn as N } from "./index.es77.js";
+import P from "./index.es81.js";
+import { Calendar as k } from "./index.es23.js";
+import { Popover as O, PopoverTrigger as V, PopoverContent as j } from "./index.es51.js";
+import { selectVariants as v } from "./index.es56.js";
+import L from "./index.es121.js";
+const E = ({
+  placeholder: d,
+  value: t,
+  onChange: p,
+  lang: Y,
+  rounded: f,
+  defaultToToday: o,
+  variant: g,
+  className: h,
+  colors: D,
+  size: u,
+  ...n
+}) => {
+  const { lang: s } = P(), [x, i] = c(!1), C = t && r(t).isValid() ? r(t) : o ? r() : null, [a, M] = c(C), y = (l) => {
+    i(!1), M(l), p(l.format("MM/DD/yyyy"));
+  };
+  return /* @__PURE__ */ m(O, { open: x, onOpenChange: i, children: [
+    /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ m("button", { id: "date", role: "date", className: N(v({ variant: g, colors: D, size: u, rounded: f }), h), disabled: n.disabled, children: [
+      a ? a.format(s === "ar" ? "YYYY/M/D" : "D/M/YYYY") : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: d || (o ? r().format(s === "ar" ? "YYYY/M/D" : "D/M/YYYY") : "") }),
+      /* @__PURE__ */ e(L, { className: "size-[20px]  shrink-0 " })
+    ] }) }),
+    /* @__PURE__ */ e(j, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(k, { value: a, lang: Y, onChange: y, ...n }) }) })
+  ] });
+};
 export {
-  i as Command,
-  E as CommandDialog,
-  N as CommandEmpty,
-  w as CommandGroup,
-  h as CommandInput,
-  k as CommandItem,
-  y as CommandList,
-  _ as CommandSeparator,
-  b as CommandShortcut
+  E as DatePicker,
+  E as default
 };

package/index.es280.js

@@ -1,5 +1,149 @@
-import e from "./index.es153.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+import l from "./index.es189.js";
+import E from "./index.es190.js";
+import W, { internal_processStyles as z } from "./index.es315.js";
+import I from "./index.es273.js";
+import q from "./index.es305.js";
+import B from "./index.es303.js";
+import G from "./index.es276.js";
+import { isPlainObject as H } from "./index.es274.js";
+const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function U(e) {
+  return Object.keys(e).length === 0;
+}
+function X(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function A(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Y = I(), j = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function w({
+  defaultTheme: e,
+  theme: i,
+  themeId: o
+}) {
+  return U(i) ? e : i[o] || i;
+}
+function Z(e) {
+  return e ? (i, o) => o[e] : null;
+}
+function x(e, i) {
+  let {
+    ownerState: o
+  } = i, p = E(i, J);
+  const u = typeof e == "function" ? e(l({
+    ownerState: o
+  }, p)) : e;
+  if (Array.isArray(u))
+    return u.flatMap((h) => x(h, l({
+      ownerState: o
+    }, p)));
+  if (u && typeof u == "object" && Array.isArray(u.variants)) {
+    const {
+      variants: h = []
+    } = u;
+    let a = E(u, K);
+    return h.forEach((t) => {
+      let n = !0;
+      typeof t.props == "function" ? n = t.props(l({
+        ownerState: o
+      }, p, o)) : Object.keys(t.props).forEach((d) => {
+        (o == null ? void 0 : o[d]) !== t.props[d] && p[d] !== t.props[d] && (n = !1);
+      }), n && (Array.isArray(a) || (a = [a]), a.push(typeof t.style == "function" ? t.style(l({
+        ownerState: o
+      }, p, o)) : t.style));
+    }), a;
+  }
+  return u;
+}
+function le(e = {}) {
+  const {
+    themeId: i,
+    defaultTheme: o = Y,
+    rootShouldForwardProp: p = A,
+    slotShouldForwardProp: u = A
+  } = e, h = (f) => G(l({}, f, {
+    theme: w(l({}, f, {
+      defaultTheme: o,
+      themeId: i
+    }))
+  }));
+  return h.__mui_systemSx = !0, (f, a = {}) => {
+    z(f, (s) => s.filter((m) => !(m != null && m.__mui_systemSx)));
+    const {
+      name: t,
+      slot: n,
+      skipVariantsResolver: d,
+      skipSx: T,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: F = Z(j(n))
+    } = a, $ = E(a, Q), b = d !== void 0 ? d : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      n && n !== "Root" && n !== "root" || !1
+    ), D = T || !1;
+    let k;
+    process.env.NODE_ENV !== "production" && t && (k = `${t}-${j(n || "Root")}`);
+    let v = A;
+    n === "Root" || n === "root" ? v = p : n ? v = u : X(f) && (v = void 0);
+    const O = W(f, l({
+      shouldForwardProp: v,
+      label: k
+    }, $)), C = (s) => typeof s == "function" && s.__emotion_real !== s || H(s) ? (m) => x(s, l({}, m, {
+      theme: w({
+        theme: m.theme,
+        defaultTheme: o,
+        themeId: i
+      })
+    })) : s, P = (s, ...m) => {
+      let R = C(s);
+      const y = m ? m.map(C) : [];
+      t && F && y.push((r) => {
+        const c = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        }));
+        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
+          return null;
+        const S = c.components[t].styleOverrides, _ = {};
+        return Object.entries(S).forEach(([L, M]) => {
+          _[L] = x(M, l({}, r, {
+            theme: c
+          }));
+        }), F(r, _);
+      }), t && !b && y.push((r) => {
+        var c;
+        const S = w(l({}, r, {
+          defaultTheme: o,
+          themeId: i
+        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
+        return x({
+          variants: _
+        }, l({}, r, {
+          theme: S
+        }));
+      }), D || y.push(h);
+      const V = y.length - m.length;
+      if (Array.isArray(s) && V > 0) {
+        const r = new Array(V).fill("");
+        R = [...s, ...r], R.raw = [...s.raw, ...r];
+      }
+      const N = O(R, ...y);
+      if (process.env.NODE_ENV !== "production") {
+        let r;
+        t && (r = `${t}${q(n || "")}`), r === void 0 && (r = `Styled(${B(f)})`), N.displayName = r;
+      }
+      return f.muiName && (N.muiName = f.muiName), N;
+    };
+    return O.withConfig && (P.withConfig = O.withConfig), P;
+  };
+}
 export {
-  p as default
+  le as default,
+  A as shouldForwardProp,
+  Y as systemDefaultTheme
 };

package/index.es281.js

@@ -1,43 +1,40 @@
-import P from "./index.es280.js";
-import { handleBreakpoints as m } from "./index.es284.js";
-import $ from "./index.es270.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
+import { applyDefaultDate as D } from "./index.es198.js";
+const b = ({
+  props: s,
+  value: t,
+  adapter: e
+}) => {
+  if (t === null)
     return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
   const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
+    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;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
-}
+  }
+};
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  b as validateDate
 };

package/index.es282.js

@@ -1,10 +1,5 @@
-import c from "./index.es285.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
-}
+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 {
-  f as default
+  c as createIsAfterIgnoreDatePart,
+  t as getSecondsInDay
 };