mada-design-system 0.5.10 → 0.5.12

package/index.es277.js

@@ -1,54 +1,60 @@
-import { __require as E } from "./index.es275.js";
-import { __require as _ } from "./index.es276.js";
-var f, v;
-function g() {
-  if (v)
-    return f;
-  v = 1;
-  var a = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var y = E(), o = {}, d = _();
-    a = function(n) {
-      var t = "Warning: " + n;
-      try {
-        throw new Error(t);
-      } catch {
+import f from "./index.es197.js";
+import u from "./index.es196.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;
       }
-    };
-  }
-  function u(n, t, i, s, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var e in n)
-        if (d(n, e)) {
-          var r;
-          try {
-            if (typeof n[e] != "function") {
-              var h = Error(
-                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            r = n[e](t, e, s, i, null, y);
-          } catch (l) {
-            r = l;
-          }
-          if (r && !(r instanceof Error) && a(
-            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), r instanceof Error && !(r.message in o)) {
-            o[r.message] = !0;
-            var p = c ? c() : "";
-            a(
-              "Failed " + i + " type: " + r.message + (p ?? "")
-            );
-          }
-        }
+      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
     }
-  }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (o = {});
-  }, f = u, f;
+  }, e, {
+    easing: t,
+    duration: c
+  });
 }
 export {
-  g as __require
+  O as default,
+  y as duration,
+  p as easing
 };

package/index.es278.js

@@ -1,4 +1,13 @@
-const a = "$$material";
+const a = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, e = a;
 export {
-  a as default
+  e as default
 };

package/index.es279.js

@@ -1,62 +1,9 @@
-import l from "./index.es196.js";
-import g from "./index.es197.js";
-import v from "./index.es280.js";
-import b from "./index.es281.js";
-import O from "./index.es282.js";
-import C from "./index.es283.js";
-import E from "./index.es284.js";
-import I from "./index.es285.js";
-import _ from "./index.es286.js";
-import k from "./index.es287.js";
-import p from "./index.es288.js";
-import N from "./index.es289.js";
-import S from "./index.es290.js";
-import T from "./index.es220.js";
-const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function B(o = {}, ...f) {
-  const {
-    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;
+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 {
-  B as default
+  o as default
 };

package/index.es28.js

@@ -1,312 +1,115 @@
-import { a as se } from "./index.es184.js";
-import * as V from "@radix-ui/react-dialog";
+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.es29.js";
+import { useCommandState as z } from "./index.es29.js";
 import * as t from "react";
-var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {
-  let n = t.useRef(null), u = I(() => {
-    var e, a, i;
-    return { search: "", value: (i = (a = r.value) != null ? a : (e = r.defaultValue) == null ? void 0 : e.toLowerCase()) != null ? i : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), c = I(() => /* @__PURE__ */ new Set()), d = I(() => /* @__PURE__ */ new Map()), s = I(() => /* @__PURE__ */ new Map()), v = I(() => /* @__PURE__ */ new Set()), f = ie(r), { label: b, children: p, value: E, onValueChange: A, filter: L, shouldFilter: k, vimBindings: D = !0, ...C } = r, U = t.useId(), J = t.useId(), X = t.useId(), y = Re();
-  M(() => {
-    if (E !== void 0) {
-      let e = E.trim().toLowerCase();
-      u.current.value = e, y(6, Z), m.emit();
+import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es32.js";
+import { cn as m } 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,
+    {
+      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
     }
-  }, [E]);
-  let m = t.useMemo(() => ({ subscribe: (e) => (v.current.add(e), () => v.current.delete(e)), snapshot: () => u.current, setState: (e, a, i) => {
-    var l, g, h;
-    if (!Object.is(u.current[e], a)) {
-      if (u.current[e] = a, e === "search")
-        z(), O(), y(1, j);
-      else if (e === "value")
-        if (((l = f.current) == null ? void 0 : l.value) !== void 0) {
-          let S = a ?? "";
-          (h = (g = f.current).onValueChange) == null || h.call(g, S);
-          return;
-        } else
-          i || y(5, Z);
-      m.emit();
+  )
+);
+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__ */ o(N, { className: "shrink-0 text-icon-default" }),
+        /* @__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
+          }
+        )
+      ]
     }
-  }, emit: () => {
-    v.current.forEach((e) => e());
-  } }), []), x = t.useMemo(() => ({ value: (e, a) => {
-    a !== s.current.get(e) && (s.current.set(e, a), u.current.filtered.items.set(e, Y(a)), y(2, () => {
-      O(), m.emit();
-    }));
-  }, item: (e, a) => (c.current.add(e), a && (d.current.has(a) ? d.current.get(a).add(e) : d.current.set(a, /* @__PURE__ */ new Set([e]))), y(3, () => {
-    z(), O(), u.current.value || j(), m.emit();
-  }), () => {
-    s.current.delete(e), c.current.delete(e), u.current.filtered.items.delete(e);
-    let i = $();
-    y(4, () => {
-      z(), (i == null ? void 0 : i.getAttribute("id")) === e && j(), m.emit();
-    });
-  }), group: (e) => (d.current.has(e) || d.current.set(e, /* @__PURE__ */ new Set()), () => {
-    s.current.delete(e), d.current.delete(e);
-  }), filter: () => f.current.shouldFilter, label: b || r["aria-label"], commandRef: n, listId: U, inputId: X, labelId: J }), []);
-  function Y(e) {
-    var a, i;
-    let l = (i = (a = f.current) == null ? void 0 : a.filter) != null ? i : ve;
-    return e ? l(e, u.current.search) : 0;
-  }
-  function O() {
-    if (!n.current || !u.current.search || f.current.shouldFilter === !1)
-      return;
-    let e = u.current.filtered.items, a = [];
-    u.current.filtered.groups.forEach((l) => {
-      let g = d.current.get(l), h = 0;
-      g.forEach((S) => {
-        let T = e.get(S);
-        h = Math.max(T, h);
-      }), a.push([l, h]);
-    });
-    let i = n.current.querySelector(fe);
-    F().sort((l, g) => {
-      var h, S;
-      let T = l.getAttribute(w), de = g.getAttribute(w);
-      return ((h = e.get(de)) != null ? h : 0) - ((S = e.get(T)) != null ? S : 0);
-    }).forEach((l) => {
-      let g = l.closest(H);
-      g ? g.appendChild(l.parentElement === g ? l : l.closest(`${H} > *`)) : i.appendChild(l.parentElement === i ? l : l.closest(`${H} > *`));
-    }), a.sort((l, g) => g[1] - l[1]).forEach((l) => {
-      let g = n.current.querySelector(`${K}[${w}="${l[0]}"]`);
-      g == null || g.parentElement.appendChild(g);
-    });
+  )
+);
+y.displayName = a.Input.displayName;
+const b = t.forwardRef(
+  ({ className: e, ...r }, d) => {
+    const { dir: s } = h();
+    return /* @__PURE__ */ o(x, { dir: s, children: /* @__PURE__ */ o(a.List, { ref: d, className: m("max-h-[300px]", e), ...r }) });
   }
-  function j() {
-    let e = F().find((i) => !i.ariaDisabled), a = e == null ? void 0 : e.getAttribute(w);
-    m.setState("value", a || void 0);
-  }
-  function z() {
-    if (!u.current.search || f.current.shouldFilter === !1) {
-      u.current.filtered.count = c.current.size;
-      return;
+);
+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
     }
-    u.current.filtered.groups = /* @__PURE__ */ new Set();
-    let e = 0;
-    for (let a of c.current) {
-      let i = s.current.get(a), l = Y(i);
-      u.current.filtered.items.set(a, l), l > 0 && e++;
+  )
+);
+w.displayName = a.Empty.displayName;
+const k = 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
     }
-    for (let [a, i] of d.current)
-      for (let l of i)
-        if (u.current.filtered.items.get(l) > 0) {
-          u.current.filtered.groups.add(a);
-          break;
-        }
-    u.current.filtered.count = e;
-  }
-  function Z() {
-    var e, a, i;
-    let l = $();
-    l && (((e = l.parentElement) == null ? void 0 : e.firstChild) === l && ((i = (a = l.closest(K)) == null ? void 0 : a.querySelector(me)) == null || i.scrollIntoView({ block: "nearest" })), l.scrollIntoView({ block: "nearest" }));
-  }
-  function $() {
-    var e;
-    return (e = n.current) == null ? void 0 : e.querySelector(`${B}[aria-selected="true"]`);
-  }
-  function F() {
-    return Array.from(n.current.querySelectorAll(ne));
-  }
-  function N(e) {
-    let a = F()[e];
-    a && m.setState("value", a.getAttribute(w));
-  }
-  function G(e) {
-    var a;
-    let i = $(), l = F(), g = l.findIndex((S) => S === i), h = l[g + e];
-    (a = f.current) != null && a.loop && (h = g + e < 0 ? l[l.length - 1] : g + e === l.length ? l[0] : l[g + e]), h && m.setState("value", h.getAttribute(w));
-  }
-  function _(e) {
-    let a = $(), i = a == null ? void 0 : a.closest(K), l;
-    for (; i && !l; )
-      i = e > 0 ? Se(i, K) : ke(i, K), l = i == null ? void 0 : i.querySelector(ne);
-    l ? m.setState("value", l.getAttribute(w)) : G(e);
-  }
-  let ee = () => N(F().length - 1), te = (e) => {
-    e.preventDefault(), e.metaKey ? ee() : e.altKey ? _(1) : G(1);
-  }, re = (e) => {
-    e.preventDefault(), e.metaKey ? N(0) : e.altKey ? _(-1) : G(-1);
-  };
-  return t.createElement("div", { ref: q([n, o]), ...C, "cmdk-root": "", onKeyDown: (e) => {
-    var a;
-    if ((a = C.onKeyDown) == null || a.call(C, e), !e.defaultPrevented)
-      switch (e.key) {
-        case "n":
-        case "j": {
-          D && e.ctrlKey && te(e);
-          break;
-        }
-        case "ArrowDown": {
-          te(e);
-          break;
-        }
-        case "p":
-        case "k": {
-          D && e.ctrlKey && re(e);
-          break;
-        }
-        case "ArrowUp": {
-          re(e);
-          break;
-        }
-        case "Home": {
-          e.preventDefault(), N(0);
-          break;
-        }
-        case "End": {
-          e.preventDefault(), ee();
-          break;
-        }
-        case "Enter":
-          if (!e.nativeEvent.isComposing) {
-            e.preventDefault();
-            let i = $();
-            if (i) {
-              let l = new Event(W);
-              i.dispatchEvent(l);
-            }
-          }
-      }
-  } }, t.createElement("label", { "cmdk-label": "", htmlFor: x.inputId, id: x.labelId, style: xe }, b), t.createElement(ae.Provider, { value: m }, t.createElement(le.Provider, { value: x }, p)));
-}), pe = t.forwardRef((r, o) => {
-  var n, u;
-  let c = t.useId(), d = t.useRef(null), s = t.useContext(ue), v = P(), f = ie(r), b = (u = (n = f.current) == null ? void 0 : n.forceMount) != null ? u : s == null ? void 0 : s.forceMount;
-  M(() => v.item(c, s == null ? void 0 : s.id), []);
-  let p = ce(c, d, [r.value, r.children, d]), E = Q(), A = R((m) => m.value && m.value === p.current), L = R((m) => b || v.filter() === !1 ? !0 : m.search ? m.filtered.items.get(c) > 0 : !0);
-  t.useEffect(() => {
-    let m = d.current;
-    if (!(!m || r.disabled))
-      return m.addEventListener(W, k), () => m.removeEventListener(W, k);
-  }, [L, r.onSelect, r.disabled]);
-  function k() {
-    var m, x;
-    D(), (x = (m = f.current).onSelect) == null || x.call(m, p.current);
-  }
-  function D() {
-    E.setState("value", p.current, !0);
-  }
-  if (!L)
-    return null;
-  let { disabled: C, value: U, onSelect: J, forceMount: X, ...y } = r;
-  return t.createElement("div", { ref: q([d, o]), ...y, id: c, "cmdk-item": "", role: "option", "aria-disabled": C || void 0, "aria-selected": A || void 0, "data-disabled": C || void 0, "data-selected": A || void 0, onPointerMove: C ? void 0 : D, onClick: C ? void 0 : k }, r.children);
-}), ge = t.forwardRef((r, o) => {
-  let { heading: n, children: u, forceMount: c, ...d } = r, s = t.useId(), v = t.useRef(null), f = t.useRef(null), b = t.useId(), p = P(), E = R((k) => c || p.filter() === !1 ? !0 : k.search ? k.filtered.groups.has(s) : !0);
-  M(() => p.group(s), []), ce(s, v, [r.value, r.heading, f]);
-  let A = t.useMemo(() => ({ id: s, forceMount: c }), [c]), L = t.createElement(ue.Provider, { value: A }, u);
-  return t.createElement("div", { ref: q([v, o]), ...d, "cmdk-group": "", role: "presentation", hidden: E ? void 0 : !0 }, n && t.createElement("div", { ref: f, "cmdk-group-heading": "", "aria-hidden": !0, id: b }, n), t.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? b : void 0 }, L));
-}), he = t.forwardRef((r, o) => {
-  let { alwaysRender: n, ...u } = r, c = t.useRef(null), d = R((s) => !s.search);
-  return !n && !d ? null : t.createElement("div", { ref: q([c, o]), ...u, "cmdk-separator": "", role: "separator" });
-}), be = t.forwardRef((r, o) => {
-  let { onValueChange: n, ...u } = r, c = r.value != null, d = Q(), s = R((p) => p.search), v = R((p) => p.value), f = P(), b = t.useMemo(() => {
-    var p;
-    let E = (p = f.commandRef.current) == null ? void 0 : p.querySelector(`${B}[${w}="${v}"]`);
-    return E == null ? void 0 : E.getAttribute("id");
-  }, [v, f.commandRef]);
-  return t.useEffect(() => {
-    r.value != null && d.setState("search", r.value);
-  }, [r.value]), t.createElement("input", { ref: o, ...u, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": f.listId, "aria-labelledby": f.labelId, "aria-activedescendant": b, id: f.inputId, type: "text", value: c ? r.value : s, onChange: (p) => {
-    c || d.setState("search", p.target.value), n == null || n(p.target.value);
-  } });
-}), Ee = t.forwardRef((r, o) => {
-  let { children: n, ...u } = r, c = t.useRef(null), d = t.useRef(null), s = P();
-  return t.useEffect(() => {
-    if (d.current && c.current) {
-      let v = d.current, f = c.current, b, p = new ResizeObserver(() => {
-        b = requestAnimationFrame(() => {
-          let E = v.offsetHeight;
-          f.style.setProperty("--cmdk-list-height", E.toFixed(1) + "px");
-        });
-      });
-      return p.observe(v), () => {
-        cancelAnimationFrame(b), p.unobserve(v);
-      };
+  )
+);
+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(
+        "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
     }
-  }, []), t.createElement("div", { ref: q([c, o]), ...u, "cmdk-list": "", role: "listbox", "aria-label": "Suggestions", id: s.listId, "aria-labelledby": s.inputId }, t.createElement("div", { ref: d, "cmdk-list-sizer": "" }, n));
-}), we = t.forwardRef((r, o) => {
-  let { open: n, onOpenChange: u, overlayClassName: c, contentClassName: d, container: s, ...v } = r;
-  return t.createElement(V.Root, { open: n, onOpenChange: u }, t.createElement(V.Portal, { container: s }, t.createElement(V.Overlay, { "cmdk-overlay": "", className: c }), t.createElement(V.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, t.createElement(oe, { ref: o, ...v }))));
-}), Ce = t.forwardRef((r, o) => {
-  let n = t.useRef(!0), u = R((c) => c.filtered.count === 0);
-  return t.useEffect(() => {
-    n.current = !1;
-  }, []), n.current || !u ? null : t.createElement("div", { ref: o, ...r, "cmdk-empty": "", role: "presentation" });
-}), ye = t.forwardRef((r, o) => {
-  let { progress: n, children: u, ...c } = r;
-  return t.createElement("div", { ref: o, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "Loading..." }, t.createElement("div", { "aria-hidden": !0 }, u));
-}), Me = Object.assign(oe, { List: Ee, Item: pe, Input: be, Group: ge, Separator: he, Dialog: we, Empty: Ce, Loading: ye });
-function Se(r, o) {
-  let n = r.nextElementSibling;
-  for (; n; ) {
-    if (n.matches(o))
-      return n;
-    n = n.nextElementSibling;
-  }
-}
-function ke(r, o) {
-  let n = r.previousElementSibling;
-  for (; n; ) {
-    if (n.matches(o))
-      return n;
-    n = n.previousElementSibling;
-  }
-}
-function ie(r) {
-  let o = t.useRef(r);
-  return M(() => {
-    o.current = r;
-  }), o;
-}
-var M = typeof window > "u" ? t.useEffect : t.useLayoutEffect;
-function I(r) {
-  let o = t.useRef();
-  return o.current === void 0 && (o.current = r()), o;
-}
-function q(r) {
-  return (o) => {
-    r.forEach((n) => {
-      typeof n == "function" ? n(o) : n != null && (n.current = o);
-    });
-  };
-}
-function R(r) {
-  let o = Q(), n = () => r(o.snapshot());
-  return t.useSyncExternalStore(o.subscribe, n, n);
-}
-function ce(r, o, n) {
-  let u = t.useRef(), c = P();
-  return M(() => {
-    var d;
-    let s = (() => {
-      var v;
-      for (let f of n) {
-        if (typeof f == "string")
-          return f.trim().toLowerCase();
-        if (typeof f == "object" && "current" in f)
-          return f.current ? (v = f.current.textContent) == null ? void 0 : v.trim().toLowerCase() : u.current;
-      }
-    })();
-    c.value(r, s), (d = o.current) == null || d.setAttribute(w, s), u.current = s;
-  }), u;
-}
-var Re = () => {
-  let [r, o] = t.useState(), n = I(() => /* @__PURE__ */ new Map());
-  return M(() => {
-    n.current.forEach((u) => u()), n.current = /* @__PURE__ */ new Map();
-  }, [r]), (u, c) => {
-    n.current.set(u, c), o({});
-  };
-}, xe = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+  )
+);
+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 {
-  Me as Command,
-  we as CommandDialog,
-  Ce as CommandEmpty,
-  ge as CommandGroup,
-  be as CommandInput,
-  pe as CommandItem,
-  Ee as CommandList,
-  ye as CommandLoading,
-  oe as CommandRoot,
-  he as CommandSeparator,
-  R 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
 };