@nipsys/shadcn-lsd 0.1.0

package/dist/components/ui/checkbox/Checkbox.js

@@ -0,0 +1,267 @@
+import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import * as d from "react";
+import { u as w } from "../../../index-DLcqcWxM.js";
+import { c as H } from "../../../index-DFZozV_h.js";
+import { P as _, c as N } from "../../../index-Cc1WoggG.js";
+import { u as G } from "../../../index-TznoxaGd.js";
+import { u as K } from "../../../index-BZPx6jYI.js";
+import { u as U } from "../../../index-Bu0XjYP8.js";
+import { P as X } from "../../../index-BiHZqHTp.js";
+import { c as $ } from "../../../utils-DtaLkIY8.js";
+import { C as J } from "../../../check-Bt2UikoU.js";
+var g = "Checkbox", [Q] = H(g), [V, E] = Q(g);
+function W(t) {
+  const {
+    __scopeCheckbox: o,
+    checked: a,
+    children: u,
+    defaultChecked: s,
+    disabled: e,
+    form: p,
+    name: b,
+    onCheckedChange: i,
+    required: m,
+    value: k = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: l
+  } = t, [f, x] = G({
+    prop: a,
+    defaultProp: s ?? !1,
+    onChange: i,
+    caller: g
+  }), [C, v] = d.useState(null), [y, r] = d.useState(null), n = d.useRef(!1), P = C ? !!p || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: f,
+    disabled: e,
+    setChecked: x,
+    control: C,
+    setControl: v,
+    name: b,
+    form: p,
+    value: k,
+    hasConsumerStoppedPropagationRef: n,
+    required: m,
+    defaultChecked: h(s) ? !1 : s,
+    isFormControl: P,
+    bubbleInput: y,
+    setBubbleInput: r
+  };
+  return /* @__PURE__ */ c(
+    V,
+    {
+      scope: o,
+      ...R,
+      children: Y(l) ? l(R) : u
+    }
+  );
+}
+var S = "CheckboxTrigger", B = d.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: o, onClick: a, ...u }, s) => {
+    const {
+      control: e,
+      value: p,
+      disabled: b,
+      checked: i,
+      required: m,
+      setControl: k,
+      setChecked: l,
+      hasConsumerStoppedPropagationRef: f,
+      isFormControl: x,
+      bubbleInput: C
+    } = E(S, t), v = w(s, k), y = d.useRef(i);
+    return d.useEffect(() => {
+      const r = e?.form;
+      if (r) {
+        const n = () => l(y.current);
+        return r.addEventListener("reset", n), () => r.removeEventListener("reset", n);
+      }
+    }, [e, l]), /* @__PURE__ */ c(
+      _.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": h(i) ? "mixed" : i,
+        "aria-required": m,
+        "data-state": z(i),
+        "data-disabled": b ? "" : void 0,
+        disabled: b,
+        value: p,
+        ...u,
+        ref: v,
+        onKeyDown: N(o, (r) => {
+          r.key === "Enter" && r.preventDefault();
+        }),
+        onClick: N(a, (r) => {
+          l((n) => h(n) ? !0 : !n), C && x && (f.current = r.isPropagationStopped(), f.current || r.stopPropagation());
+        })
+      }
+    );
+  }
+);
+B.displayName = S;
+var M = d.forwardRef(
+  (t, o) => {
+    const {
+      __scopeCheckbox: a,
+      name: u,
+      checked: s,
+      defaultChecked: e,
+      required: p,
+      disabled: b,
+      value: i,
+      onCheckedChange: m,
+      form: k,
+      ...l
+    } = t;
+    return /* @__PURE__ */ c(
+      W,
+      {
+        __scopeCheckbox: a,
+        checked: s,
+        defaultChecked: e,
+        disabled: b,
+        required: p,
+        onCheckedChange: m,
+        name: u,
+        form: k,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: f }) => /* @__PURE__ */ L(O, { children: [
+          /* @__PURE__ */ c(
+            B,
+            {
+              ...l,
+              ref: o,
+              __scopeCheckbox: a
+            }
+          ),
+          f && /* @__PURE__ */ c(
+            j,
+            {
+              __scopeCheckbox: a
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+M.displayName = g;
+var T = "CheckboxIndicator", q = d.forwardRef(
+  (t, o) => {
+    const { __scopeCheckbox: a, forceMount: u, ...s } = t, e = E(T, a);
+    return /* @__PURE__ */ c(
+      X,
+      {
+        present: u || h(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ c(
+          _.span,
+          {
+            "data-state": z(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...s,
+            ref: o,
+            style: { pointerEvents: "none", ...t.style }
+          }
+        )
+      }
+    );
+  }
+);
+q.displayName = T;
+var A = "CheckboxBubbleInput", j = d.forwardRef(
+  ({ __scopeCheckbox: t, ...o }, a) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: s,
+      checked: e,
+      defaultChecked: p,
+      required: b,
+      disabled: i,
+      name: m,
+      value: k,
+      form: l,
+      bubbleInput: f,
+      setBubbleInput: x
+    } = E(A, t), C = w(a, x), v = K(e), y = U(u);
+    d.useEffect(() => {
+      const n = f;
+      if (!n) return;
+      const P = window.HTMLInputElement.prototype, I = Object.getOwnPropertyDescriptor(
+        P,
+        "checked"
+      ).set, D = !s.current;
+      if (v !== e && I) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = h(e), I.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [f, v, e, s]);
+    const r = d.useRef(h(e) ? !1 : e);
+    return /* @__PURE__ */ c(
+      _.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? r.current,
+        required: b,
+        disabled: i,
+        name: m,
+        value: k,
+        form: l,
+        ...o,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...o.style,
+          ...y,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+j.displayName = A;
+function Y(t) {
+  return typeof t == "function";
+}
+function h(t) {
+  return t === "indeterminate";
+}
+function z(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+}
+function ie({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ c(
+    M,
+    {
+      "data-slot": "checkbox",
+      className: $(
+        "peer lsd:border-lsd-border dark:lsd:bg-lsd-surface-secondary/30 lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:text-lsd-surface-primary dark:lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:border-lsd-primary focus-visible:lsd:border-lsd-border-primary focus-visible:lsd:ring-lsd-text/50 aria-invalid:lsd:ring-lsd-destructive/20 dark:aria-invalid:lsd:ring-lsd-destructive/40 aria-invalid:lsd:border-lsd-destructive lsd:size-5 lsd:shrink-0 lsd:border lsd:shadow-xs lsd:transition-shadow lsd:outline-none focus-visible:lsd:ring-[3px] lsd:cursor-pointer lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50",
+        t
+      ),
+      ...o,
+      children: /* @__PURE__ */ c(
+        q,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "lsd:flex lsd:items-center lsd:justify-center lsd:text-current lsd:transition-none",
+          children: /* @__PURE__ */ c(J, { className: "lsd:size-4" })
+        }
+      )
+    }
+  );
+}
+export {
+  ie as Checkbox
+};

package/dist/components/ui/checkbox/checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/checkbox/checkbox.test.js

@@ -0,0 +1,56 @@
+import { jsx as c } from "react/jsx-runtime";
+import { d, i as t, r as o, g as s, s as a, v as i, f as r } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Checkbox as l } from "./Checkbox.js";
+d("Checkbox", () => {
+  t("renders without crashing", () => {
+    o(/* @__PURE__ */ c(l, {})), s(a.getByRole("checkbox")).toBeInTheDocument();
+  }), t("renders as a checkbox role", () => {
+    o(/* @__PURE__ */ c(l, {})), s(a.getByRole("checkbox")).toBeInTheDocument();
+  }), t("applies base classes correctly", () => {
+    o(/* @__PURE__ */ c(l, {}));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveClass("lsd:size-5"), s(e).toHaveClass("lsd:border"), s(e).toHaveClass("lsd:cursor-pointer"), s(e).toHaveClass("lsd:transition-shadow");
+  }), t("applies checked state classes correctly", () => {
+    o(/* @__PURE__ */ c(l, { checked: !0 }));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveClass("lsd:data-[state=checked]:bg-lsd-primary"), s(e).toHaveClass(
+      "lsd:data-[state=checked]:text-lsd-surface-primary"
+    ), s(e).toHaveClass("lsd:data-[state=checked]:border-lsd-primary");
+  }), t("shows check icon when checked", () => {
+    o(/* @__PURE__ */ c(l, { checked: !0 }));
+    const e = a.getByRole("checkbox");
+    s(e).toBeChecked();
+  }), t("hides check icon when unchecked", () => {
+    o(/* @__PURE__ */ c(l, {}));
+    const e = a.getByRole("checkbox");
+    s(e).not.toBeChecked();
+  }), t("handles click events", () => {
+    const e = i.fn();
+    o(/* @__PURE__ */ c(l, { onCheckedChange: e })), r.click(a.getByRole("checkbox")), s(e).toHaveBeenCalledTimes(1);
+  }), t("applies disabled state correctly", () => {
+    o(/* @__PURE__ */ c(l, { disabled: !0 }));
+    const e = a.getByRole("checkbox");
+    s(e).toBeDisabled(), s(e).toHaveClass("lsd:disabled:cursor-not-allowed"), s(e).toHaveClass("lsd:disabled:opacity-50");
+  }), t("merges custom className with component classes", () => {
+    o(/* @__PURE__ */ c(l, { className: "custom-class" }));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveClass("custom-class");
+  }), t("passes through additional props", () => {
+    o(/* @__PURE__ */ c(l, { "data-testid": "test-checkbox", id: "chk-1" }));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveAttribute("data-testid", "test-checkbox"), s(e).toHaveAttribute("id", "chk-1");
+  }), t("applies data-slot attribute", () => {
+    o(/* @__PURE__ */ c(l, {})), s(a.getByRole("checkbox")).toHaveAttribute(
+      "data-slot",
+      "checkbox"
+    );
+  }), t("applies focus-visible classes", () => {
+    o(/* @__PURE__ */ c(l, {}));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveClass("focus-visible:lsd:border-lsd-border-primary"), s(e).toHaveClass("focus-visible:lsd:ring-[3px]");
+  }), t("applies aria-invalid classes when invalid", () => {
+    o(/* @__PURE__ */ c(l, { "aria-invalid": !0 }));
+    const e = a.getByRole("checkbox");
+    s(e).toHaveAttribute("aria-invalid", "true");
+  });
+});

package/dist/components/ui/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox';

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as d } from "react/jsx-runtime";
+import { _ as o } from "../../../index-MQOgPrDL.js";
+import { c as r } from "../../../utils-DtaLkIY8.js";
+function a({
+  className: l,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    o,
+    {
+      "data-slot": "command",
+      className: r(
+        "lsd:bg-lsd-surface-primary lsd:text-lsd-text lsd:flex lsd:h-full lsd:w-full lsd:flex-col lsd:overflow-hidden",
+        l
+      ),
+      ...s
+    }
+  );
+}
+export {
+  a as Command
+};

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

@@ -0,0 +1,8 @@
+import { Dialog } from '../dialog';
+import type * as React from 'react';
+export 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;

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

@@ -0,0 +1,34 @@
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { Dialog as s } from "../dialog/Dialog.js";
+import { DialogContent as p } from "../dialog/DialogContent.js";
+import { DialogDescription as n } from "../dialog/DialogDescription.js";
+import { c } from "../../../utils-DtaLkIY8.js";
+import { DialogHeader as a } from "../dialog/DialogHeader.js";
+import { DialogTitle as g } from "../dialog/DialogTitle.js";
+import { Command as _ } from "./Command.js";
+function C({
+  title: o = "Command Palette",
+  description: r = "Search for a command to run...",
+  children: i,
+  className: e,
+  showCloseButton: l = !0,
+  ...t
+}) {
+  return /* @__PURE__ */ m(s, { ...t, children: [
+    /* @__PURE__ */ m(a, { className: "lsd:sr-only", children: [
+      /* @__PURE__ */ d(g, { children: o }),
+      /* @__PURE__ */ d(n, { children: r })
+    ] }),
+    /* @__PURE__ */ d(
+      p,
+      {
+        className: c("lsd:overflow-hidden lsd:p-0", e),
+        showCloseButton: l,
+        children: /* @__PURE__ */ d(_, { className: "lsd:[&_[cmdk-group-heading]]:text-lsd-text lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:font-medium lsd:[&_[cmdk-group]]:px-2 lsd:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 lsd:[&_[cmdk-input-wrapper]_svg]:h-5 lsd:[&_[cmdk-input-wrapper]_svg]:w-5 lsd:[&_[cmdk-input]]:h-12 lsd:[&_[cmdk-item]]:px-2 lsd:[&_[cmdk-item]]:py-3 lsd:[&_[cmdk-item]_svg]:h-5 lsd:[&_[cmdk-item]_svg]:w-5", children: i })
+      }
+    )
+  ] });
+}
+export {
+  C as CommandDialog
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { _ as e } from "../../../index-MQOgPrDL.js";
+function r({
+  ...t
+}) {
+  return /* @__PURE__ */ m(
+    e.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "lsd:py-6 lsd:text-center lsd:text-sm",
+      ...t
+    }
+  );
+}
+export {
+  r as CommandEmpty
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { _ as m } from "../../../index-MQOgPrDL.js";
+import { c as r } from "../../../utils-DtaLkIY8.js";
+function a({
+  className: d,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    m.Group,
+    {
+      "data-slot": "command-group",
+      className: r(
+        "lsd:text-lsd-text lsd:[&_[cmdk-group-heading]]:text-lsd-text lsd:overflow-hidden lsd:p-1 lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:py-1.5 lsd:[&_[cmdk-group-heading]]:text-xs lsd:[&_[cmdk-group-heading]]:font-medium",
+        d
+      ),
+      ...o
+    }
+  );
+}
+export {
+  a as CommandGroup
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { _ as r } from "../../../index-MQOgPrDL.js";
+import { c as t } from "../../../utils-DtaLkIY8.js";
+import { c as a } from "../../../createLucideIcon-CP-mMPfa.js";
+const o = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], c = a("search", o);
+function u({
+  className: d,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "lsd:flex lsd:h-9 lsd:items-center lsd:gap-2 lsd:border-b lsd:border-lsd-border lsd:px-3",
+      children: [
+        /* @__PURE__ */ s(c, { className: "lsd:size-4 lsd:shrink-0 lsd:opacity-50" }),
+        /* @__PURE__ */ s(
+          r.Input,
+          {
+            "data-slot": "command-input",
+            className: t(
+              "placeholder:text-lsd-text/50 lsd:flex lsd:h-10 lsd:w-full lsd:bg-transparent lsd:py-3 lsd:text-sm lsd:outline-hidden lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50",
+              d
+            ),
+            ...l
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as CommandInput
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { _ as d } from "../../../index-MQOgPrDL.js";
+import { c as l } from "../../../utils-DtaLkIY8.js";
+function r({
+  className: s,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    d.Item,
+    {
+      "data-slot": "command-item",
+      className: l(
+        "lsd:data-[selected=true]:bg-lsd-surface-secondary lsd:data-[selected=true]:text-lsd-text lsd:[&_svg:not([class*='text-'])]:text-lsd-text lsd:relative lsd:flex lsd:cursor-default lsd:items-center lsd:gap-2 lsd:px-2 lsd:py-1.5 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled=true]:pointer-events-none lsd:data-[disabled=true]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4",
+        s
+      ),
+      ...e
+    }
+  );
+}
+export {
+  r as CommandItem
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import { _ as r } from "../../../index-MQOgPrDL.js";
+import { c as t } from "../../../utils-DtaLkIY8.js";
+function i({
+  className: o,
+  ...s
+}) {
+  return /* @__PURE__ */ m(
+    r.List,
+    {
+      "data-slot": "command-list",
+      className: t(
+        "lsd:max-h-[300px] lsd:scroll-py-1 lsd:overflow-x-hidden lsd:overflow-y-auto",
+        o
+      ),
+      ...s
+    }
+  );
+}
+export {
+  i as CommandList
+};

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

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import type * as React from 'react';
+export declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import { _ as m } from "../../../index-MQOgPrDL.js";
+import { c as s } from "../../../utils-DtaLkIY8.js";
+function p({
+  className: r,
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    m.Separator,
+    {
+      "data-slot": "command-separator",
+      className: s("lsd:bg-lsd-border lsd:-mx-1 lsd:h-px", r),
+      ...o
+    }
+  );
+}
+export {
+  p as CommandSeparator
+};

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

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as a } from "../../../utils-DtaLkIY8.js";
+function d({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: a(
+        "lsd:text-lsd-text lsd:ml-auto lsd:text-xs lsd:tracking-widest",
+        t
+      ),
+      ...s
+    }
+  );
+}
+export {
+  d as CommandShortcut
+};

package/dist/components/ui/command/__tests__/command-dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/command/__tests__/command-dialog.test.js

@@ -0,0 +1,50 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { d as m, i as n, r as i, g as t, s as o } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { CommandDialog as a } from "../CommandDialog.js";
+import { CommandInput as c } from "../CommandInput.js";
+import { CommandItem as l } from "../CommandItem.js";
+import { CommandList as d } from "../CommandList.js";
+m("CommandDialog", () => {
+  n("renders without crashing", () => {
+    i(
+      /* @__PURE__ */ r(a, { open: !0, children: [
+        /* @__PURE__ */ e(c, { placeholder: "Search..." }),
+        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { children: "Item 1" }) })
+      ] })
+    ), t(o.getByRole("dialog")).toBeInTheDocument();
+  }), n("renders with default title and description", () => {
+    i(
+      /* @__PURE__ */ r(a, { open: !0, children: [
+        /* @__PURE__ */ e(c, { placeholder: "Search..." }),
+        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { children: "Item 1" }) })
+      ] })
+    ), t(o.getByText("Command Palette")).toBeInTheDocument(), t(
+      o.getByText("Search for a command to run...")
+    ).toBeInTheDocument();
+  }), n("renders with custom title and description", () => {
+    i(
+      /* @__PURE__ */ r(a, { open: !0, title: "Custom Title", description: "Custom Description", children: [
+        /* @__PURE__ */ e(c, { placeholder: "Search..." }),
+        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { children: "Item 1" }) })
+      ] })
+    ), t(o.getByText("Custom Title")).toBeInTheDocument(), t(o.getByText("Custom Description")).toBeInTheDocument();
+  }), n("merges custom className with component classes", () => {
+    i(
+      /* @__PURE__ */ r(a, { open: !0, className: "custom-dialog-class", children: [
+        /* @__PURE__ */ e(c, { placeholder: "Search..." }),
+        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { children: "Item 1" }) })
+      ] })
+    );
+    const s = o.getByRole("dialog");
+    t(s).toHaveClass("custom-dialog-class");
+  }), n("passes through additional props", () => {
+    i(
+      /* @__PURE__ */ r(a, { open: !0, "data-testid": "test-dialog", children: [
+        /* @__PURE__ */ e(c, { placeholder: "Search..." }),
+        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { children: "Item 1" }) })
+      ] })
+    );
+    const s = o.getByRole("dialog");
+    t(s).toBeInTheDocument();
+  });
+});

package/dist/components/ui/command/__tests__/command-empty.test.d.ts

@@ -0,0 +1 @@
+export {};