react-shadcn-kit 0.0.1

package/dist/atoms/carousel.js

@@ -0,0 +1,165 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+import k from "embla-carousel-react";
+import { ArrowLeft as z, ArrowRight as g } from "lucide-react";
+import { cn as d } from "../lib/utils.js";
+import { Button as v } from "./button.js";
+const N = l.createContext(null);
+function m() {
+  const o = l.useContext(N);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+function I({
+  orientation: o = "horizontal",
+  opts: r,
+  setApi: t,
+  plugins: s,
+  className: c,
+  children: i,
+  ...u
+}) {
+  const [p, e] = k(
+    {
+      ...r,
+      axis: o === "horizontal" ? "x" : "y"
+    },
+    s
+  ), [b, w] = l.useState(!1), [S, y] = l.useState(!1), f = l.useCallback((n) => {
+    n && (w(n.canScrollPrev()), y(n.canScrollNext()));
+  }, []), x = l.useCallback(() => {
+    e?.scrollPrev();
+  }, [e]), C = l.useCallback(() => {
+    e?.scrollNext();
+  }, [e]), P = l.useCallback(
+    (n) => {
+      n.key === "ArrowLeft" ? (n.preventDefault(), x()) : n.key === "ArrowRight" && (n.preventDefault(), C());
+    },
+    [x, C]
+  );
+  return l.useEffect(() => {
+    !e || !t || t(e);
+  }, [e, t]), l.useEffect(() => {
+    if (e)
+      return f(e), e.on("reInit", f), e.on("select", f), () => {
+        e?.off("select", f);
+      };
+  }, [e, f]), /* @__PURE__ */ a(
+    N.Provider,
+    {
+      value: {
+        carouselRef: p,
+        api: e,
+        opts: r,
+        orientation: o || (r?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev: x,
+        scrollNext: C,
+        canScrollPrev: b,
+        canScrollNext: S
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          onKeyDownCapture: P,
+          className: d("relative", c),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...u,
+          children: i
+        }
+      )
+    }
+  );
+}
+function K({ className: o, ...r }) {
+  const { carouselRef: t, orientation: s } = m();
+  return /* @__PURE__ */ a("div", { ref: t, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: d("flex", s === "horizontal" ? "-ml-4" : "-mt-4 flex-col", o),
+      ...r
+    }
+  ) });
+}
+function L({ className: o, ...r }) {
+  const { orientation: t } = m();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: d(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        t === "horizontal" ? "pl-4" : "pt-4",
+        o
+      ),
+      ...r
+    }
+  );
+}
+function B({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const { orientation: c, scrollPrev: i, canScrollPrev: u } = m();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      "data-slot": "carousel-previous",
+      variant: r,
+      size: t,
+      className: d(
+        "absolute size-8 rounded-full",
+        c === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !u,
+      onClick: i,
+      ...s,
+      children: [
+        /* @__PURE__ */ a(z, {}),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function q({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const { orientation: c, scrollNext: i, canScrollNext: u } = m();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      "data-slot": "carousel-next",
+      variant: r,
+      size: t,
+      className: d(
+        "absolute size-8 rounded-full",
+        c === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !u,
+      onClick: i,
+      ...s,
+      children: [
+        /* @__PURE__ */ a(g, {}),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+export {
+  I as Carousel,
+  K as CarouselContent,
+  L as CarouselItem,
+  q as CarouselNext,
+  B as CarouselPrevious
+};

package/dist/atoms/chart.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    payload?: any[];
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+    payload?: any[];
+}): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/atoms/chart.js

@@ -0,0 +1,203 @@
+import { jsx as s, jsxs as f, Fragment as P } from "react/jsx-runtime";
+import * as p from "react";
+import * as _ from "recharts";
+import { cn as l } from "../lib/utils.js";
+const T = { light: "", dark: ".dark" }, N = p.createContext(null);
+function j() {
+  const c = p.useContext(N);
+  if (!c)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return c;
+}
+function K({
+  id: c,
+  className: e,
+  children: n,
+  config: r,
+  ...a
+}) {
+  const d = p.useId(), o = `chart-${c || d.replace(/:/g, "")}`;
+  return /* @__PURE__ */ s(N.Provider, { value: { config: r }, children: /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": o,
+      className: l(
+        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ s(I, { id: o, config: r }),
+        /* @__PURE__ */ s(_.ResponsiveContainer, { children: n })
+      ]
+    }
+  ) });
+}
+const I = ({ id: c, config: e }) => {
+  const n = Object.entries(e).filter(([, r]) => r.theme || r.color);
+  return n.length ? /* @__PURE__ */ s(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(T).map(
+          ([r, a]) => `
+${a} [data-chart=${c}] {
+${n.map(([d, o]) => {
+            const i = o.theme?.[r] || o.color;
+            return i ? `  --color-${d}: ${i};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, M = _.Tooltip;
+function R({
+  active: c,
+  payload: e,
+  className: n,
+  indicator: r = "dot",
+  hideLabel: a = !1,
+  hideIndicator: d = !1,
+  label: o,
+  labelFormatter: i,
+  labelClassName: u,
+  formatter: k,
+  color: $,
+  nameKey: L,
+  labelKey: v
+}) {
+  const { config: g } = j(), w = p.useMemo(() => {
+    if (a || !e?.length)
+      return null;
+    const [t] = e, x = `${v || t?.dataKey || t?.name || "value"}`, b = C(g, t, x), h = !v && typeof o == "string" ? g[o]?.label || o : b?.label;
+    return i ? /* @__PURE__ */ s("div", { className: l("font-medium", u), children: i(h, e) }) : h ? /* @__PURE__ */ s("div", { className: l("font-medium", u), children: h }) : null;
+  }, [o, i, e, a, u, g, v]);
+  if (!c || !e?.length)
+    return null;
+  const m = e.length === 1 && r !== "dot";
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: l(
+        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        n
+      ),
+      children: [
+        m ? null : w,
+        /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: e.filter((t) => t.type !== "none").map((t, x) => {
+          const b = `${L || t.name || t.dataKey || "value"}`, h = C(g, t, b), y = $ || t.payload.fill || t.color;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: l(
+                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+                r === "dot" && "items-center"
+              ),
+              children: k && t?.value !== void 0 && t.name ? k(t.value, t.name, t, x, t.payload) : /* @__PURE__ */ f(P, { children: [
+                h?.icon ? /* @__PURE__ */ s(h.icon, {}) : !d && /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: l(
+                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                      {
+                        "h-2.5 w-2.5": r === "dot",
+                        "w-1": r === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
+                        "my-0.5": m && r === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": y,
+                      "--color-border": y
+                    }
+                  }
+                ),
+                /* @__PURE__ */ f(
+                  "div",
+                  {
+                    className: l(
+                      "flex flex-1 justify-between leading-none",
+                      m ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ f("div", { className: "grid gap-1.5", children: [
+                        m ? w : null,
+                        /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: h?.label || t.name })
+                      ] }),
+                      t.value && /* @__PURE__ */ s("span", { className: "text-foreground font-mono font-medium tabular-nums", children: t.value.toLocaleString() })
+                    ]
+                  }
+                )
+              ] })
+            },
+            t.dataKey
+          );
+        }) })
+      ]
+    }
+  );
+}
+const H = _.Legend;
+function O({
+  className: c,
+  hideIcon: e = !1,
+  payload: n,
+  verticalAlign: r = "bottom",
+  nameKey: a
+}) {
+  const { config: d } = j();
+  return n?.length ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(
+        "flex items-center justify-center gap-4",
+        r === "top" ? "pb-3" : "pt-3",
+        c
+      ),
+      children: n.filter((o) => o.type !== "none").map((o) => {
+        const i = `${a || o.dataKey || "value"}`, u = C(d, o, i);
+        return /* @__PURE__ */ f(
+          "div",
+          {
+            className: l(
+              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
+            ),
+            children: [
+              u?.icon && !e ? /* @__PURE__ */ s(u.icon, {}) : /* @__PURE__ */ s(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: o.color
+                  }
+                }
+              ),
+              u?.label
+            ]
+          },
+          o.value
+        );
+      })
+    }
+  ) : null;
+}
+function C(c, e, n) {
+  if (typeof e != "object" || e === null)
+    return;
+  const r = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  let a = n;
+  return n in e && typeof e[n] == "string" ? a = e[n] : r && n in r && typeof r[n] == "string" && (a = r[n]), a in c ? c[a] : c[n];
+}
+export {
+  K as ChartContainer,
+  H as ChartLegend,
+  O as ChartLegendContent,
+  I as ChartStyle,
+  M as ChartTooltip,
+  R as ChartTooltipContent
+};

package/dist/atoms/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/atoms/checkbox.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-checkbox";
+import { CheckIcon as t } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
+function s({ className: i, ...a }) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...a,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ r(t, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  s as Checkbox
+};

package/dist/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/atoms/collapsible.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-collapsible";
+function i({ ...l }) {
+  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
+}
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...l });
+}
+function a({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t.CollapsibleContent, { "data-slot": "collapsible-content", ...l });
+}
+export {
+  i as Collapsible,
+  a as CollapsibleContent,
+  r as CollapsibleTrigger
+};

package/dist/atoms/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * 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/atoms/command.js

@@ -0,0 +1,143 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Command as n } from "cmdk";
+import { SearchIcon as i } from "lucide-react";
+import { cn as a } from "../lib/utils.js";
+import { Dialog as l, DialogHeader as u, DialogTitle as p, DialogDescription as g, DialogContent as f } from "./dialog.js";
+function h({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    n,
+    {
+      "data-slot": "command",
+      className: a(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function y({
+  title: e = "Command Palette",
+  description: t = "Search for a command to run...",
+  children: r,
+  className: m,
+  showCloseButton: s = !0,
+  ...c
+}) {
+  return /* @__PURE__ */ d(l, { ...c, children: [
+    /* @__PURE__ */ d(u, { className: "sr-only", children: [
+      /* @__PURE__ */ o(p, { children: e }),
+      /* @__PURE__ */ o(g, { children: t })
+    ] }),
+    /* @__PURE__ */ o(
+      f,
+      {
+        className: a("overflow-hidden p-0", m),
+        showCloseButton: s,
+        children: /* @__PURE__ */ o(h, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[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 C({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ d("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [
+    /* @__PURE__ */ o(i, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ o(
+      n.Input,
+      {
+        "data-slot": "command-input",
+        className: a(
+          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          e
+        ),
+        ...t
+      }
+    )
+  ] });
+}
+function N({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    n.List,
+    {
+      "data-slot": "command-list",
+      className: a("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", e),
+      ...t
+    }
+  );
+}
+function b({ ...e }) {
+  return /* @__PURE__ */ o(
+    n.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...e
+    }
+  );
+}
+function D({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    n.Group,
+    {
+      "data-slot": "command-group",
+      className: a(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function I({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    n.Separator,
+    {
+      "data-slot": "command-separator",
+      className: a("bg-border -mx-1 h-px", e),
+      ...t
+    }
+  );
+}
+function S({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    n.Item,
+    {
+      "data-slot": "command-item",
+      className: a(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function z({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: a("text-muted-foreground ml-auto text-xs tracking-widest", e),
+      ...t
+    }
+  );
+}
+export {
+  h as Command,
+  y as CommandDialog,
+  b as CommandEmpty,
+  D as CommandGroup,
+  C as CommandInput,
+  S as CommandItem,
+  N as CommandList,
+  I as CommandSeparator,
+  z as CommandShortcut
+};

package/dist/atoms/context-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };