mada-design-system 0.3.1 → 0.4.0

package/index.es27.js

@@ -1,38 +1,42 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { Command as o } from "./index.es28.js";
-import { useCommandState as A } from "./index.es28.js";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { DialogTitle as c } from "@radix-ui/react-dialog";
+import { Command as a } from "./index.es28.js";
+import { useCommandState as z } from "./index.es28.js";
 import * as t from "react";
-import { Dialog as c, DialogContent as f } from "./index.es30.js";
-import { cn as m } from "./index.es82.js";
-import u from "./index.es86.js";
-import { ScrollArea as g } from "./index.es59.js";
-import x from "./index.es130.js";
-const i = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ a(
-    o,
+import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es30.js";
+import { cn as m } from "./index.es84.js";
+import h from "./index.es88.js";
+import { ScrollArea as x } from "./index.es61.js";
+import N from "./index.es124.js";
+const l = 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),
+      className: m("flex h-full w-full flex-col  rounded-md bg-popover text-popover-foreground", e),
       ...r
     }
   )
 );
-i.displayName = o.displayName;
-const E = ({ children: e, ...r }) => /* @__PURE__ */ a(c, { ...r, children: /* @__PURE__ */ a(f, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ a(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(
+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(
     "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": "",
       dir: document.dir,
       children: [
-        /* @__PURE__ */ a(x, { className: "shrink-0 text-icon-default" }),
-        /* @__PURE__ */ a(
-          o.Input,
+        /* @__PURE__ */ o(N, { className: "shrink-0 text-icon-default" }),
+        /* @__PURE__ */ o(
+          a.Input,
           {
             ref: d,
             className: m(
@@ -46,17 +50,17 @@ const E = ({ children: e, ...r }) => /* @__PURE__ */ a(c, { ...r, children: /* @
     }
   )
 );
-h.displayName = o.Input.displayName;
-const y = t.forwardRef(
+y.displayName = a.Input.displayName;
+const b = t.forwardRef(
   ({ className: e, ...r }, d) => {
-    const { dir: s } = u();
-    return /* @__PURE__ */ a(g, { dir: s, children: /* @__PURE__ */ a(o.List, { ref: d, className: m("max-h-[300px]", e), ...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 }) });
   }
 );
-y.displayName = o.List.displayName;
-const N = t.forwardRef(
-  (e, r) => /* @__PURE__ */ a(
-    o.Empty,
+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",
@@ -64,10 +68,10 @@ const N = t.forwardRef(
     }
   )
 );
-N.displayName = o.Empty.displayName;
-const b = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ a(
-    o.Group,
+w.displayName = a.Empty.displayName;
+const k = t.forwardRef(
+  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
+    a.Group,
     {
       ref: d,
       className: m(
@@ -78,12 +82,12 @@ const b = t.forwardRef(
     }
   )
 );
-b.displayName = o.Group.displayName;
-const w = t.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ a(o.Separator, { ref: d, className: m("-mx-1 h-px bg-border", e), ...r }));
-w.displayName = o.Separator.displayName;
-const k = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ a(
-    o.Item,
+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,
     {
       ref: d,
       className: m(
@@ -94,18 +98,18 @@ const k = t.forwardRef(
     }
   )
 );
-k.displayName = o.Item.displayName;
-const _ = ({ className: e, ...r }) => /* @__PURE__ */ a("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", e), ...r });
-_.displayName = "CommandShortcut";
+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 });
+v.displayName = "CommandShortcut";
 export {
-  i as Command,
-  E as CommandDialog,
-  N as CommandEmpty,
-  b as CommandGroup,
-  h as CommandInput,
-  k as CommandItem,
-  y as CommandList,
-  w as CommandSeparator,
-  _ as CommandShortcut,
-  A as useCommandState
+  l as Command,
+  A as CommandDialog,
+  w as CommandEmpty,
+  k as CommandGroup,
+  y as CommandInput,
+  C as CommandItem,
+  b as CommandList,
+  _ as CommandSeparator,
+  v as CommandShortcut,
+  z as useCommandState
 };

package/index.es270.js

@@ -1,38 +1,9 @@
-import p from "./index.es210.js";
-import h from "./index.es211.js";
-import d from "./index.es316.js";
-import g from "./index.es318.js";
-import x from "./index.es317.js";
-import b from "./index.es273.js";
-import _ from "./index.es272.js";
-import k from "./index.es370.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;
+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 {
-  P as default
+  o as default
 };

package/index.es271.js

@@ -1,29 +1,38 @@
-import r from "./index.es210.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 p from "./index.es194.js";
+import h from "./index.es195.js";
+import d from "./index.es339.js";
+import g from "./index.es341.js";
+import x from "./index.es340.js";
+import b from "./index.es274.js";
+import _ from "./index.es273.js";
+import k from "./index.es379.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;
 }
 export {
-  b as default,
-  f as isPlainObject
+  P as default
 };

package/index.es272.js

@@ -1,293 +1,29 @@
-import { padding as e, margin as t } from "./index.es307.js";
-import { borderTransform as r, borderRadius as s } from "./index.es303.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es310.js";
-import { paletteTransform as l } from "./index.es311.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es312.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 r from "./index.es194.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 {
-  K as default
+  b as default,
+  f as isPlainObject
 };