mada-design-system 0.5.12 → 0.5.13

package/index.es28.js

@@ -1,115 +1,110 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import { DialogTitle as c } from "@radix-ui/react-dialog";
-import { Command as a } from "./index.es29.js";
+import { Command as d } from "./index.es29.js";
 import { useCommandState as z } from "./index.es29.js";
-import * as t from "react";
-import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es32.js";
-import { cn as m } from "./index.es86.js";
+import * as m from "react";
+import { Dialog as u, DialogContent as f, DialogHeader as g } from "./index.es32.js";
+import { cn as t } from "./index.es86.js";
 import h from "./index.es90.js";
 import { ScrollArea as x } from "./index.es63.js";
-import N from "./index.es124.js";
-const l = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a,
+import y from "./index.es126.js";
+const l = m.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ a(
+    d,
     {
       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  rounded-md bg-popover text-popover-foreground", e),
-      ...r
+      ref: r,
+      className: t("flex h-full w-full flex-col  rounded-md bg-popover text-popover-foreground", e),
+      ...o
     }
   )
 );
-l.displayName = a.displayName;
-const A = ({ children: e, ...r }) => /* @__PURE__ */ o(f, { ...r, children: /* @__PURE__ */ i(u, { className: "overflow-hidden p-0 shadow-lg", children: [
-  /* @__PURE__ */ o(g, { className: "hidden", children: /* @__PURE__ */ o(c, { children: "Search" }) }),
-  /* @__PURE__ */ o(l, { 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 })
-] }) }), y = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ i(
+l.displayName = d.displayName;
+const A = ({ children: e, ...o }) => /* @__PURE__ */ a(u, { ...o, children: /* @__PURE__ */ i(f, { className: "overflow-hidden p-0 shadow-lg", children: [
+  /* @__PURE__ */ a(g, { className: "hidden", children: /* @__PURE__ */ a(c, { children: "Search" }) }),
+  /* @__PURE__ */ a(l, { 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 })
+] }) }), N = m.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ i(
     "div",
     {
-      className: "mb-space-03 flex h-[40px] items-center gap-space-02 rounded border border-form-field-border-default bg-form-field-background-default px-space-04 py-space-02 focus-within:border-form-field-border-pressed hover:border-form-field-border-hovered",
-      "cmdk-input-wrapper": "",
+      className: t(
+        "mb-space-03 flex h-[40px] items-center gap-space-02 rounded border border-form-field-border-default bg-form-field-background-default px-space-04 py-space-02 focus-within:border-form-field-border-pressed hover:border-form-field-border-hovered",
+        e
+      ),
       dir: document.dir,
       children: [
-        /* @__PURE__ */ o(N, { className: "shrink-0 text-icon-default" }),
-        /* @__PURE__ */ o(
-          a.Input,
+        /* @__PURE__ */ a(y, { className: "shrink-0 text-icon-default" }),
+        /* @__PURE__ */ a(
+          d.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
+            "data-slot": "command-input",
+            ref: r,
+            className: "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",
+            ...o
           }
         )
       ]
     }
   )
 );
-y.displayName = a.Input.displayName;
-const b = t.forwardRef(
-  ({ className: e, ...r }, d) => {
+N.displayName = d.Input.displayName;
+const b = m.forwardRef(
+  ({ className: e, ...o }, r) => {
     const { dir: s } = h();
-    return /* @__PURE__ */ o(x, { dir: s, children: /* @__PURE__ */ o(a.List, { ref: d, className: m("max-h-[300px]", e), ...r }) });
+    return /* @__PURE__ */ a(x, { dir: s, children: /* @__PURE__ */ a(d.List, { "data-slot": "command-list", ref: r, className: t("max-h-[300px]", e), ...o }) });
   }
 );
-b.displayName = a.List.displayName;
-const w = 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
-    }
-  )
+b.displayName = d.List.displayName;
+const w = m.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ a(d.Empty, { "data-slot": "command-empty", ref: r, className: t("my-auto text-center text-body-01", e), ...o })
 );
-w.displayName = a.Empty.displayName;
-const k = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Group,
+w.displayName = d.Empty.displayName;
+const _ = m.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ a(
+    d.Group,
     {
-      ref: d,
-      className: m(
+      ref: r,
+      "data-slot": "command-group",
+      className: t(
         "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
+      ...o
     }
   )
 );
-k.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 C = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Item,
+_.displayName = d.Group.displayName;
+const k = m.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(d.Separator, { "data-slot": "command-separator", ref: r, className: t("-mx-1 h-px bg-border", e), ...o }));
+k.displayName = d.Separator.displayName;
+const C = m.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ a(
+    d.Item,
     {
-      ref: d,
-      className: m(
+      "data-slot": "command-item",
+      ref: r,
+      className: t(
         "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-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
+      ...o
     }
   )
 );
-C.displayName = a.Item.displayName;
-const v = ({ className: e, ...r }) => /* @__PURE__ */ o("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", e), ...r });
+C.displayName = d.Item.displayName;
+const v = ({ className: e, ...o }) => /* @__PURE__ */ a("span", { "data-slot": "command-shortcut", className: t("ml-auto text-xs tracking-widest text-muted-foreground", e), ...o });
 v.displayName = "CommandShortcut";
 export {
   l as Command,
   A as CommandDialog,
   w as CommandEmpty,
-  k as CommandGroup,
-  y as CommandInput,
+  _ as CommandGroup,
+  N as CommandInput,
   C as CommandItem,
   b as CommandList,
-  _ as CommandSeparator,
+  k as CommandSeparator,
   v as CommandShortcut,
   z as useCommandState
 };

package/index.es280.js

@@ -1,38 +1,62 @@
-import p from "./index.es196.js";
-import h from "./index.es197.js";
-import d from "./index.es337.js";
-import g from "./index.es339.js";
-import x from "./index.es338.js";
-import b from "./index.es283.js";
-import _ from "./index.es282.js";
-import k from "./index.es392.js";
-import s from "./index.es281.js";
-const y = ["breakpoints", "palette", "spacing", "shape"];
-function P(r = {}, ...i) {
+import l from "./index.es197.js";
+import g from "./index.es198.js";
+import v from "./index.es281.js";
+import b from "./index.es282.js";
+import O from "./index.es283.js";
+import C from "./index.es284.js";
+import E from "./index.es285.js";
+import I from "./index.es286.js";
+import _ from "./index.es287.js";
+import k from "./index.es288.js";
+import p from "./index.es289.js";
+import N from "./index.es290.js";
+import S from "./index.es291.js";
+import T from "./index.es221.js";
+const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function B(o = {}, ...f) {
   const {
-    breakpoints: a = {},
-    palette: m = {},
-    spacing: c,
-    shape: l = {}
-  } = r, t = h(r, y), u = d(a), f = x(c);
-  let e = s({
-    breakpoints: u,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: p({
-      mode: "light"
-    }, m),
-    spacing: f,
-    shape: p({}, g, l)
-  }, t);
-  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
-    return b({
-      sx: o,
+    mixins: u = {},
+    palette: d = {},
+    transitions: h = {},
+    typography: y = {}
+  } = o, n = g(o, M);
+  if (o.vars)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
+  const c = b(d), m = k(o);
+  let e = p(m, {
+    mixins: v(m.breakpoints, u),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: C.slice(),
+    typography: O(c, y),
+    transitions: E(h),
+    zIndex: l({}, I)
+  });
+  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
+    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
+      let r;
+      for (r in t) {
+        const x = t[r];
+        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = T("", r);
+          }
+          t[r] = {};
+        }
+      }
+    };
+    Object.keys(e.components).forEach((t) => {
+      const a = e.components[t].styleOverrides;
+      a && t.indexOf("Mui") === 0 && s(a, t);
+    });
+  }
+  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
+    return S({
+      sx: s,
       theme: this
     });
   }, e;
 }
 export {
-  P as default
+  B as default
 };

package/index.es281.js

@@ -1,29 +1,19 @@
-import r from "./index.es196.js";
-import * as i from "react";
-function f(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const n = Object.getPrototypeOf(t);
-  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
-}
-function p(t) {
-  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
-    return t;
-  const n = {};
-  return Object.keys(t).forEach((o) => {
-    n[o] = p(t[o]);
-  }), n;
-}
-function b(t, n, o = {
-  clone: !0
-}) {
-  const e = o.clone ? r({}, t) : t;
-  return f(t) && f(n) && Object.keys(n).forEach((l) => {
-    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
-  }), e;
+import t from "./index.es197.js";
+function a(e, i) {
+  return t({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, i);
 }
 export {
-  b as default,
-  f as isPlainObject
+  a as default
 };