mada-design-system 0.2.5 → 0.2.7

package/index.es267.js

@@ -1,7 +1,60 @@
-function a(...o) {
-  return [`${o[0]}px ${o[1]}px ${o[2]}px ${o[3]}px rgba(0,0,0,${0.2})`, `${o[4]}px ${o[5]}px ${o[6]}px ${o[7]}px rgba(0,0,0,${0.14})`, `${o[8]}px ${o[9]}px ${o[10]}px ${o[11]}px rgba(0,0,0,${0.12})`].join(",");
+import f from "./index.es187.js";
+import u from "./index.es186.js";
+const l = ["duration", "easing", "delay"], p = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, y = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function m(e) {
+  return `${Math.round(e)}ms`;
+}
+function h(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
+}
+function O(e) {
+  const t = u({}, p, e.easing), c = u({}, y, e.duration);
+  return u({
+    getAutoHeightDuration: h,
+    create: (n = ["all"], s = {}) => {
+      const {
+        duration: o = c.standard,
+        easing: g = t.easeInOut,
+        delay: i = 0
+      } = s, b = f(s, l);
+      if (process.env.NODE_ENV !== "production") {
+        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
+        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
+      }
+      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
+    }
+  }, e, {
+    easing: t,
+    duration: c
+  });
 }
-const t = ["none", a(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), a(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), a(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), a(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), a(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), a(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), a(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), a(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), a(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), a(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), a(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), a(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), a(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), a(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), a(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), a(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), a(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), a(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), a(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), a(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), a(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), a(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), a(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), a(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], s = t;
 export {
-  s as default
+  O as default,
+  y as duration,
+  p as easing
 };

package/index.es268.js

@@ -1,60 +1,13 @@
-import f from "./index.es200.js";
-import u from "./index.es199.js";
-const l = ["duration", "easing", "delay"], p = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, y = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function m(e) {
-  return `${Math.round(e)}ms`;
-}
-function h(e) {
-  if (!e)
-    return 0;
-  const t = e / 36;
-  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
-}
-function O(e) {
-  const t = u({}, p, e.easing), c = u({}, y, e.duration);
-  return u({
-    getAutoHeightDuration: h,
-    create: (n = ["all"], s = {}) => {
-      const {
-        duration: o = c.standard,
-        easing: g = t.easeInOut,
-        delay: i = 0
-      } = s, b = f(s, l);
-      if (process.env.NODE_ENV !== "production") {
-        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
-        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
-      }
-      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
-    }
-  }, e, {
-    easing: t,
-    duration: c
-  });
-}
+const a = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, e = a;
 export {
-  O as default,
-  y as duration,
-  p as easing
+  e as default
 };

package/index.es269.js

@@ -1,13 +1,9 @@
-const a = {
-  mobileStepper: 1e3,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-}, e = a;
+function o(e) {
+  let t = "https://mui.com/production-error/?code=" + e;
+  for (let r = 1; r < arguments.length; r += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[r]);
+  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+}
 export {
-  e as default
+  o as default
 };

package/index.es27.js

@@ -1,39 +1,39 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { Command as a } from "./index.es124.js";
+import { jsx as d, jsxs as l } from "react/jsx-runtime";
+import { Command as o } from "./index.es119.js";
 import * as t from "react";
-import { Dialog as c, DialogContent as u } from "./index.es29.js";
+import { Dialog as c, DialogContent as f } from "./index.es29.js";
 import { cn as m } from "./index.es79.js";
-import f from "./index.es83.js";
+import u from "./index.es83.js";
 import { ScrollArea as g } from "./index.es55.js";
-import x from "./index.es125.js";
+import x from "./index.es120.js";
 const i = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a,
+  ({ className: e, ...r }, a) => /* @__PURE__ */ d(
+    o,
     {
       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,
+      ref: a,
       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(
+i.displayName = o.displayName;
+const E = ({ children: e, ...r }) => /* @__PURE__ */ d(c, { ...r, children: /* @__PURE__ */ d(f, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ d(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 }, a) => /* @__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",
+      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": "",
       dir: document.dir,
       children: [
-        /* @__PURE__ */ o(x, { className: "size-[2.2rem] shrink-0 text-foreground-tertiary" }),
-        /* @__PURE__ */ o(
-          a.Input,
+        /* @__PURE__ */ d(x, { className: "shrink-0 text-icon-default" }),
+        /* @__PURE__ */ d(
+          o.Input,
           {
-            ref: d,
+            ref: a,
             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
@@ -45,17 +45,17 @@ const E = ({ children: e, ...r }) => /* @__PURE__ */ o(c, { ...r, children: /* @
     }
   )
 );
-h.displayName = a.Input.displayName;
+h.displayName = o.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 }) });
+  ({ className: e, ...r }, a) => {
+    const { dir: s } = u();
+    return /* @__PURE__ */ d(g, { dir: s, children: /* @__PURE__ */ d(o.List, { ref: a, className: m("max-h-[300px]", e), ...r }) });
   }
 );
-y.displayName = a.List.displayName;
+y.displayName = o.List.displayName;
 const N = t.forwardRef(
-  (e, r) => /* @__PURE__ */ o(
-    a.Empty,
+  (e, r) => /* @__PURE__ */ d(
+    o.Empty,
     {
       ref: r,
       className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform text-center text-sm",
@@ -63,12 +63,12 @@ const N = t.forwardRef(
     }
   )
 );
-N.displayName = a.Empty.displayName;
-const w = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Group,
+N.displayName = o.Empty.displayName;
+const b = t.forwardRef(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ d(
+    o.Group,
     {
-      ref: d,
+      ref: a,
       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
@@ -77,33 +77,33 @@ const w = t.forwardRef(
     }
   )
 );
-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;
+b.displayName = o.Group.displayName;
+const w = t.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ d(o.Separator, { ref: a, className: m("-mx-1 h-px bg-border", e), ...r }));
+w.displayName = o.Separator.displayName;
 const k = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Item,
+  ({ className: e, ...r }, a) => /* @__PURE__ */ d(
+    o.Item,
     {
-      ref: d,
+      ref: a,
       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",
+        "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
     }
   )
 );
-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";
+k.displayName = o.Item.displayName;
+const _ = ({ className: e, ...r }) => /* @__PURE__ */ d("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", e), ...r });
+_.displayName = "CommandShortcut";
 export {
   i as Command,
   E as CommandDialog,
   N as CommandEmpty,
-  w as CommandGroup,
+  b as CommandGroup,
   h as CommandInput,
   k as CommandItem,
   y as CommandList,
-  _ as CommandSeparator,
-  b as CommandShortcut
+  w as CommandSeparator,
+  _ as CommandShortcut
 };

package/index.es270.js

@@ -1,9 +1,38 @@
-function o(e) {
-  let t = "https://mui.com/production-error/?code=" + e;
-  for (let r = 1; r < arguments.length; r += 1)
-    t += "&args[]=" + encodeURIComponent(arguments[r]);
-  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+import p from "./index.es186.js";
+import h from "./index.es187.js";
+import d from "./index.es325.js";
+import g from "./index.es327.js";
+import x from "./index.es326.js";
+import b from "./index.es273.js";
+import _ from "./index.es272.js";
+import k from "./index.es365.js";
+import s from "./index.es271.js";
+const y = ["breakpoints", "palette", "spacing", "shape"];
+function P(r = {}, ...i) {
+  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,
+      theme: this
+    });
+  }, e;
 }
 export {
-  o as default
+  P as default
 };

package/index.es271.js

@@ -1,38 +1,29 @@
-import p from "./index.es199.js";
-import h from "./index.es200.js";
-import d from "./index.es325.js";
-import g from "./index.es327.js";
-import x from "./index.es326.js";
-import b from "./index.es274.js";
-import _ from "./index.es273.js";
-import k from "./index.es371.js";
-import s from "./index.es272.js";
-const y = ["breakpoints", "palette", "spacing", "shape"];
-function P(r = {}, ...i) {
-  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,
-      theme: this
-    });
-  }, e;
+import r from "./index.es186.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;
 }
 export {
-  P as default
+  b as default,
+  f as isPlainObject
 };