@arcadeai/design-system 0.0.0

package/dist/components/ui/atoms/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/atoms/collapsible.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { R as t, C as a, a as e } from "../../../index-CxK6rt_N.js";
+function n({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t, { "data-slot": "collapsible", ...l });
+}
+function s({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    a,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
+}
+function p({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
+}
+export {
+  n as Collapsible,
+  p as CollapsibleContent,
+  s as CollapsibleTrigger
+};

package/dist/components/ui/atoms/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import type * as React from 'react';
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/atoms/command.js

@@ -0,0 +1,490 @@
+import { jsx as C, jsxs as ne } from "react/jsx-runtime";
+import { R as Se, P as Ie, O as Re, a as _e } from "../../../index-CL4N9wMT.js";
+import * as l from "react";
+import { P as _ } from "../../../index-C9KW2H79.js";
+import { u as K } from "../../../index-umR1UobZ.js";
+import { b as V } from "../../../index-CB1Wkg0G.js";
+import { Dialog as Ae, DialogHeader as De, DialogTitle as Me, DialogDescription as Ne, DialogContent as $e } from "./dialog.js";
+import { c as A } from "../../../utils-Dy2WjYNJ.js";
+import { c as je } from "../../../createLucideIcon-B6fy1GTR.js";
+/**
+ * @license lucide-react v0.522.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pe = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], Fe = je("search", Pe);
+var pe = 1, Ke = 0.9, Le = 0.8, qe = 0.17, ee = 0.1, te = 0.999, Ve = 0.9999, ze = 0.99, Oe = /[\\\/_+.#"@\[\(\{&]/, Be = /[\\\/_+.#"@\[\(\{&]/g, Ge = /[\s-]/, he = /[\s-]/g;
+function le(e, n, r, s, o, i, d) {
+  if (i === n.length) return o === e.length ? pe : ze;
+  var f = `${o},${i}`;
+  if (d[f] !== void 0) return d[f];
+  for (var b = s.charAt(i), u = r.indexOf(b, o), v = 0, g, S, y, I; u >= 0; ) g = le(e, n, r, s, u + 1, i + 1, d), g > v && (u === o ? g *= pe : Oe.test(e.charAt(u - 1)) ? (g *= Le, y = e.slice(o, u - 1).match(Be), y && o > 0 && (g *= Math.pow(te, y.length))) : Ge.test(e.charAt(u - 1)) ? (g *= Ke, I = e.slice(o, u - 1).match(he), I && o > 0 && (g *= Math.pow(te, I.length))) : (g *= qe, o > 0 && (g *= Math.pow(te, u - o))), e.charAt(u) !== n.charAt(i) && (g *= Ve)), (g < ee && r.charAt(u - 1) === s.charAt(i + 1) || s.charAt(i + 1) === s.charAt(i) && r.charAt(u - 1) !== s.charAt(i)) && (S = le(e, n, r, s, u + 1, i + 2, d), S * ee > g && (g = S * ee)), g > v && (v = g), u = r.indexOf(b, u + 1);
+  return d[f] = v, v;
+}
+function ve(e) {
+  return e.toLowerCase().replace(he, " ");
+}
+function He(e, n, r) {
+  return e = r && r.length > 0 ? `${e + " " + r.join(" ")}` : e, le(e, n, ve(e), ve(n), 0, 0, {});
+}
+var q = '[cmdk-group=""]', re = '[cmdk-group-items=""]', Te = '[cmdk-group-heading=""]', be = '[cmdk-item=""]', ge = `${be}:not([aria-disabled="true"])`, ae = "cmdk-item-select", P = "data-value", Ue = (e, n, r) => He(e, n, r), xe = l.createContext(void 0), z = () => l.useContext(xe), ke = l.createContext(void 0), oe = () => l.useContext(ke), ye = l.createContext(void 0), we = l.forwardRef((e, n) => {
+  let r = F(() => {
+    var t, c;
+    return { search: "", value: (c = (t = e.value) != null ? t : e.defaultValue) != null ? c : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), s = F(() => /* @__PURE__ */ new Set()), o = F(() => /* @__PURE__ */ new Map()), i = F(() => /* @__PURE__ */ new Map()), d = F(() => /* @__PURE__ */ new Set()), f = Ee(e), { label: b, children: u, value: v, onValueChange: g, filter: S, shouldFilter: y, loop: I, disablePointerSelection: H = !1, vimBindings: D = !0, ...O } = e, T = K(), ue = K(), U = K(), M = l.useRef(null), x = lt();
+  N(() => {
+    if (v !== void 0) {
+      let t = v.trim();
+      r.current.value = t, w.emit();
+    }
+  }, [v]), N(() => {
+    x(6, ce);
+  }, []);
+  let w = l.useMemo(() => ({ subscribe: (t) => (d.current.add(t), () => d.current.delete(t)), snapshot: () => r.current, setState: (t, c, m) => {
+    var a, p, h, E;
+    if (!Object.is(r.current[t], c)) {
+      if (r.current[t] = c, t === "search") Y(), J(), x(1, X);
+      else if (t === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let k = document.getElementById(U);
+          k ? k.focus() : (a = document.getElementById(T)) == null || a.focus();
+        }
+        if (x(7, () => {
+          var k;
+          r.current.selectedItemId = (k = j()) == null ? void 0 : k.id, w.emit();
+        }), m || x(5, ce), ((p = f.current) == null ? void 0 : p.value) !== void 0) {
+          let k = c ?? "";
+          (E = (h = f.current).onValueChange) == null || E.call(h, k);
+          return;
+        }
+      }
+      w.emit();
+    }
+  }, emit: () => {
+    d.current.forEach((t) => t());
+  } }), []), W = l.useMemo(() => ({ value: (t, c, m) => {
+    var a;
+    c !== ((a = i.current.get(t)) == null ? void 0 : a.value) && (i.current.set(t, { value: c, keywords: m }), r.current.filtered.items.set(t, ie(c, m)), x(2, () => {
+      J(), w.emit();
+    }));
+  }, item: (t, c) => (s.current.add(t), c && (o.current.has(c) ? o.current.get(c).add(t) : o.current.set(c, /* @__PURE__ */ new Set([t]))), x(3, () => {
+    Y(), J(), r.current.value || X(), w.emit();
+  }), () => {
+    i.current.delete(t), s.current.delete(t), r.current.filtered.items.delete(t);
+    let m = j();
+    x(4, () => {
+      Y(), (m == null ? void 0 : m.getAttribute("id")) === t && X(), w.emit();
+    });
+  }), group: (t) => (o.current.has(t) || o.current.set(t, /* @__PURE__ */ new Set()), () => {
+    i.current.delete(t), o.current.delete(t);
+  }), filter: () => f.current.shouldFilter, label: b || e["aria-label"], getDisablePointerSelection: () => f.current.disablePointerSelection, listId: T, inputId: U, labelId: ue, listInnerRef: M }), []);
+  function ie(t, c) {
+    var m, a;
+    let p = (a = (m = f.current) == null ? void 0 : m.filter) != null ? a : Ue;
+    return t ? p(t, r.current.search, c) : 0;
+  }
+  function J() {
+    if (!r.current.search || f.current.shouldFilter === !1) return;
+    let t = r.current.filtered.items, c = [];
+    r.current.filtered.groups.forEach((a) => {
+      let p = o.current.get(a), h = 0;
+      p.forEach((E) => {
+        let k = t.get(E);
+        h = Math.max(k, h);
+      }), c.push([a, h]);
+    });
+    let m = M.current;
+    L().sort((a, p) => {
+      var h, E;
+      let k = a.getAttribute("id"), B = p.getAttribute("id");
+      return ((h = t.get(B)) != null ? h : 0) - ((E = t.get(k)) != null ? E : 0);
+    }).forEach((a) => {
+      let p = a.closest(re);
+      p ? p.appendChild(a.parentElement === p ? a : a.closest(`${re} > *`)) : m.appendChild(a.parentElement === m ? a : a.closest(`${re} > *`));
+    }), c.sort((a, p) => p[1] - a[1]).forEach((a) => {
+      var p;
+      let h = (p = M.current) == null ? void 0 : p.querySelector(`${q}[${P}="${encodeURIComponent(a[0])}"]`);
+      h == null || h.parentElement.appendChild(h);
+    });
+  }
+  function X() {
+    let t = L().find((m) => m.getAttribute("aria-disabled") !== "true"), c = t == null ? void 0 : t.getAttribute(P);
+    w.setState("value", c || void 0);
+  }
+  function Y() {
+    var t, c, m, a;
+    if (!r.current.search || f.current.shouldFilter === !1) {
+      r.current.filtered.count = s.current.size;
+      return;
+    }
+    r.current.filtered.groups = /* @__PURE__ */ new Set();
+    let p = 0;
+    for (let h of s.current) {
+      let E = (c = (t = i.current.get(h)) == null ? void 0 : t.value) != null ? c : "", k = (a = (m = i.current.get(h)) == null ? void 0 : m.keywords) != null ? a : [], B = ie(E, k);
+      r.current.filtered.items.set(h, B), B > 0 && p++;
+    }
+    for (let [h, E] of o.current) for (let k of E) if (r.current.filtered.items.get(k) > 0) {
+      r.current.filtered.groups.add(h);
+      break;
+    }
+    r.current.filtered.count = p;
+  }
+  function ce() {
+    var t, c, m;
+    let a = j();
+    a && (((t = a.parentElement) == null ? void 0 : t.firstChild) === a && ((m = (c = a.closest(q)) == null ? void 0 : c.querySelector(Te)) == null || m.scrollIntoView({ block: "nearest" })), a.scrollIntoView({ block: "nearest" }));
+  }
+  function j() {
+    var t;
+    return (t = M.current) == null ? void 0 : t.querySelector(`${be}[aria-selected="true"]`);
+  }
+  function L() {
+    var t;
+    return Array.from(((t = M.current) == null ? void 0 : t.querySelectorAll(ge)) || []);
+  }
+  function Q(t) {
+    let c = L()[t];
+    c && w.setState("value", c.getAttribute(P));
+  }
+  function Z(t) {
+    var c;
+    let m = j(), a = L(), p = a.findIndex((E) => E === m), h = a[p + t];
+    (c = f.current) != null && c.loop && (h = p + t < 0 ? a[a.length - 1] : p + t === a.length ? a[0] : a[p + t]), h && w.setState("value", h.getAttribute(P));
+  }
+  function de(t) {
+    let c = j(), m = c == null ? void 0 : c.closest(q), a;
+    for (; m && !a; ) m = t > 0 ? rt(m, q) : nt(m, q), a = m == null ? void 0 : m.querySelector(ge);
+    a ? w.setState("value", a.getAttribute(P)) : Z(t);
+  }
+  let se = () => Q(L().length - 1), me = (t) => {
+    t.preventDefault(), t.metaKey ? se() : t.altKey ? de(1) : Z(1);
+  }, fe = (t) => {
+    t.preventDefault(), t.metaKey ? Q(0) : t.altKey ? de(-1) : Z(-1);
+  };
+  return l.createElement(_.div, { ref: n, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (t) => {
+    var c;
+    (c = O.onKeyDown) == null || c.call(O, t);
+    let m = t.nativeEvent.isComposing || t.keyCode === 229;
+    if (!(t.defaultPrevented || m)) switch (t.key) {
+      case "n":
+      case "j": {
+        D && t.ctrlKey && me(t);
+        break;
+      }
+      case "ArrowDown": {
+        me(t);
+        break;
+      }
+      case "p":
+      case "k": {
+        D && t.ctrlKey && fe(t);
+        break;
+      }
+      case "ArrowUp": {
+        fe(t);
+        break;
+      }
+      case "Home": {
+        t.preventDefault(), Q(0);
+        break;
+      }
+      case "End": {
+        t.preventDefault(), se();
+        break;
+      }
+      case "Enter": {
+        t.preventDefault();
+        let a = j();
+        if (a) {
+          let p = new Event(ae);
+          a.dispatchEvent(p);
+        }
+      }
+    }
+  } }, l.createElement("label", { "cmdk-label": "", htmlFor: W.inputId, id: W.labelId, style: ot }, b), G(e, (t) => l.createElement(ke.Provider, { value: w }, l.createElement(xe.Provider, { value: W }, t))));
+}), We = l.forwardRef((e, n) => {
+  var r, s;
+  let o = K(), i = l.useRef(null), d = l.useContext(ye), f = z(), b = Ee(e), u = (s = (r = b.current) == null ? void 0 : r.forceMount) != null ? s : d == null ? void 0 : d.forceMount;
+  N(() => {
+    if (!u) return f.item(o, d == null ? void 0 : d.id);
+  }, [u]);
+  let v = Ce(o, i, [e.value, e.children, i], e.keywords), g = oe(), S = R((x) => x.value && x.value === v.current), y = R((x) => u || f.filter() === !1 ? !0 : x.search ? x.filtered.items.get(o) > 0 : !0);
+  l.useEffect(() => {
+    let x = i.current;
+    if (!(!x || e.disabled)) return x.addEventListener(ae, I), () => x.removeEventListener(ae, I);
+  }, [y, e.onSelect, e.disabled]);
+  function I() {
+    var x, w;
+    H(), (w = (x = b.current).onSelect) == null || w.call(x, v.current);
+  }
+  function H() {
+    g.setState("value", v.current, !0);
+  }
+  if (!y) return null;
+  let { disabled: D, value: O, onSelect: T, forceMount: ue, keywords: U, ...M } = e;
+  return l.createElement(_.div, { ref: V(i, n), ...M, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!D, "aria-selected": !!S, "data-disabled": !!D, "data-selected": !!S, onPointerMove: D || f.getDisablePointerSelection() ? void 0 : H, onClick: D ? void 0 : I }, e.children);
+}), Je = l.forwardRef((e, n) => {
+  let { heading: r, children: s, forceMount: o, ...i } = e, d = K(), f = l.useRef(null), b = l.useRef(null), u = K(), v = z(), g = R((y) => o || v.filter() === !1 ? !0 : y.search ? y.filtered.groups.has(d) : !0);
+  N(() => v.group(d), []), Ce(d, f, [e.value, e.heading, b]);
+  let S = l.useMemo(() => ({ id: d, forceMount: o }), [o]);
+  return l.createElement(_.div, { ref: V(f, n), ...i, "cmdk-group": "", role: "presentation", hidden: g ? void 0 : !0 }, r && l.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": !0, id: u }, r), G(e, (y) => l.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? u : void 0 }, l.createElement(ye.Provider, { value: S }, y))));
+}), Xe = l.forwardRef((e, n) => {
+  let { alwaysRender: r, ...s } = e, o = l.useRef(null), i = R((d) => !d.search);
+  return !r && !i ? null : l.createElement(_.div, { ref: V(o, n), ...s, "cmdk-separator": "", role: "separator" });
+}), Ye = l.forwardRef((e, n) => {
+  let { onValueChange: r, ...s } = e, o = e.value != null, i = oe(), d = R((u) => u.search), f = R((u) => u.selectedItemId), b = z();
+  return l.useEffect(() => {
+    e.value != null && i.setState("search", e.value);
+  }, [e.value]), l.createElement(_.input, { ref: n, ...s, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": f, id: b.inputId, type: "text", value: o ? e.value : d, onChange: (u) => {
+    o || i.setState("search", u.target.value), r == null || r(u.target.value);
+  } });
+}), Qe = l.forwardRef((e, n) => {
+  let { children: r, label: s = "Suggestions", ...o } = e, i = l.useRef(null), d = l.useRef(null), f = R((u) => u.selectedItemId), b = z();
+  return l.useEffect(() => {
+    if (d.current && i.current) {
+      let u = d.current, v = i.current, g, S = new ResizeObserver(() => {
+        g = requestAnimationFrame(() => {
+          let y = u.offsetHeight;
+          v.style.setProperty("--cmdk-list-height", y.toFixed(1) + "px");
+        });
+      });
+      return S.observe(u), () => {
+        cancelAnimationFrame(g), S.unobserve(u);
+      };
+    }
+  }, []), l.createElement(_.div, { ref: V(i, n), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": f, "aria-label": s, id: b.listId }, G(e, (u) => l.createElement("div", { ref: V(d, b.listInnerRef), "cmdk-list-sizer": "" }, u)));
+}), Ze = l.forwardRef((e, n) => {
+  let { open: r, onOpenChange: s, overlayClassName: o, contentClassName: i, container: d, ...f } = e;
+  return l.createElement(Se, { open: r, onOpenChange: s }, l.createElement(Ie, { container: d }, l.createElement(Re, { "cmdk-overlay": "", className: o }), l.createElement(_e, { "aria-label": e.label, "cmdk-dialog": "", className: i }, l.createElement(we, { ref: n, ...f }))));
+}), et = l.forwardRef((e, n) => R((r) => r.filtered.count === 0) ? l.createElement(_.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), tt = l.forwardRef((e, n) => {
+  let { progress: r, children: s, label: o = "Loading...", ...i } = e;
+  return l.createElement(_.div, { ref: n, ...i, "cmdk-loading": "", role: "progressbar", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, G(e, (d) => l.createElement("div", { "aria-hidden": !0 }, d)));
+}), $ = Object.assign(we, { List: Qe, Item: We, Input: Ye, Group: Je, Separator: Xe, Dialog: Ze, Empty: et, Loading: tt });
+function rt(e, n) {
+  let r = e.nextElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.nextElementSibling;
+  }
+}
+function nt(e, n) {
+  let r = e.previousElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.previousElementSibling;
+  }
+}
+function Ee(e) {
+  let n = l.useRef(e);
+  return N(() => {
+    n.current = e;
+  }), n;
+}
+var N = typeof window > "u" ? l.useEffect : l.useLayoutEffect;
+function F(e) {
+  let n = l.useRef();
+  return n.current === void 0 && (n.current = e()), n;
+}
+function R(e) {
+  let n = oe(), r = () => e(n.snapshot());
+  return l.useSyncExternalStore(n.subscribe, r, r);
+}
+function Ce(e, n, r, s = []) {
+  let o = l.useRef(), i = z();
+  return N(() => {
+    var d;
+    let f = (() => {
+      var u;
+      for (let v of r) {
+        if (typeof v == "string") return v.trim();
+        if (typeof v == "object" && "current" in v) return v.current ? (u = v.current.textContent) == null ? void 0 : u.trim() : o.current;
+      }
+    })(), b = s.map((u) => u.trim());
+    i.value(e, f, b), (d = n.current) == null || d.setAttribute(P, f), o.current = f;
+  }), o;
+}
+var lt = () => {
+  let [e, n] = l.useState(), r = F(() => /* @__PURE__ */ new Map());
+  return N(() => {
+    r.current.forEach((s) => s()), r.current = /* @__PURE__ */ new Map();
+  }, [e]), (s, o) => {
+    r.current.set(s, o), n({});
+  };
+};
+function at(e) {
+  let n = e.type;
+  return typeof n == "function" ? n(e.props) : "render" in n ? n.render(e.props) : e;
+}
+function G({ asChild: e, children: n }, r) {
+  return e && l.isValidElement(n) ? l.cloneElement(at(n), { ref: n.ref }, r(n.props.children)) : r(n);
+}
+var ot = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+function ut({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    $,
+    {
+      className: A(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        e
+      ),
+      "data-slot": "command",
+      ...n
+    }
+  );
+}
+function gt({
+  title: e = "Command Palette",
+  description: n = "Search for a command to run...",
+  children: r,
+  className: s,
+  showCloseButton: o = !0,
+  ...i
+}) {
+  return /* @__PURE__ */ ne(Ae, { ...i, children: [
+    /* @__PURE__ */ ne(De, { className: "sr-only", children: [
+      /* @__PURE__ */ C(Me, { children: e }),
+      /* @__PURE__ */ C(Ne, { children: n })
+    ] }),
+    /* @__PURE__ */ C(
+      $e,
+      {
+        className: A("overflow-hidden p-0", s),
+        showCloseButton: o,
+        children: /* @__PURE__ */ C(ut, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[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: r })
+      }
+    )
+  ] });
+}
+function ht({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ ne(
+    "div",
+    {
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      "data-slot": "command-input-wrapper",
+      children: [
+        /* @__PURE__ */ C(Fe, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ C(
+          $.Input,
+          {
+            className: A(
+              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              e
+            ),
+            "data-slot": "command-input",
+            ...n
+          }
+        )
+      ]
+    }
+  );
+}
+function bt({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    $.List,
+    {
+      className: A(
+        "max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden",
+        e
+      ),
+      "data-slot": "command-list",
+      ...n
+    }
+  );
+}
+function xt({
+  ...e
+}) {
+  return /* @__PURE__ */ C(
+    $.Empty,
+    {
+      className: "py-6 text-center text-sm",
+      "data-slot": "command-empty",
+      ...e
+    }
+  );
+}
+function kt({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    $.Group,
+    {
+      className: A(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
+        e
+      ),
+      "data-slot": "command-group",
+      ...n
+    }
+  );
+}
+function yt({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    $.Separator,
+    {
+      className: A("-mx-1 h-px bg-border", e),
+      "data-slot": "command-separator",
+      ...n
+    }
+  );
+}
+function wt({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    $.Item,
+    {
+      className: A(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "command-item",
+      ...n
+    }
+  );
+}
+function Et({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ C(
+    "span",
+    {
+      className: A(
+        "ml-auto text-muted-foreground text-xs tracking-widest",
+        e
+      ),
+      "data-slot": "command-shortcut",
+      ...n
+    }
+  );
+}
+export {
+  ut as Command,
+  gt as CommandDialog,
+  xt as CommandEmpty,
+  kt as CommandGroup,
+  ht as CommandInput,
+  wt as CommandItem,
+  bt as CommandList,
+  yt as CommandSeparator,
+  Et as CommandShortcut
+};

package/dist/components/ui/atoms/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import type * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };