@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-ttyqqw3y.js

@@ -0,0 +1,93 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/calendar/getCalendarClassNames.ts
+import { getDefaultClassNames } from "@daypicker/react";
+function getCalendarClassNames({
+  buttonVariant = "ghost",
+  classNames
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return {
+    root: cn2("w-fit", defaultClassNames.root),
+    months: cn2("relative flex flex-col gap-panel md:flex-row", defaultClassNames.months),
+    month: cn2("flex flex-col gap-control-gap", defaultClassNames.month),
+    nav: cn2("absolute inset-x-0 top-0 flex items-center justify-between", defaultClassNames.nav),
+    button_previous: cn2(buttonVariants2({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) p-0 rtl:[&>svg]:rotate-180", defaultClassNames.button_previous),
+    button_next: cn2(buttonVariants2({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) p-0 rtl:[&>svg]:rotate-180", defaultClassNames.button_next),
+    chevron: cn2("size-4 fill-current text-muted-foreground", defaultClassNames.chevron),
+    month_caption: cn2("flex h-(--cell-size) items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+    dropdowns: cn2("flex h-(--cell-size) items-center justify-center gap-control-gap text-sm font-medium", defaultClassNames.dropdowns),
+    dropdown_root: cn2("relative focus-within:ring-1 focus-within:ring-ring", defaultClassNames.dropdown_root),
+    dropdown: cn2("absolute inset-0 w-full cursor-pointer bg-popover opacity-0", defaultClassNames.dropdown),
+    caption_label: cn2("flex items-center gap-1 text-sm font-medium select-none", defaultClassNames.caption_label),
+    month_grid: cn2("w-full border-collapse", defaultClassNames.month_grid),
+    weekdays: cn2("flex", defaultClassNames.weekdays),
+    weekday: cn2("w-(--cell-size) text-xs font-normal text-muted-foreground", defaultClassNames.weekday),
+    week: cn2("mt-1 flex w-full", defaultClassNames.week),
+    week_number_header: cn2("w-(--cell-size)", defaultClassNames.week_number_header),
+    week_number: cn2("flex w-(--cell-size) items-center justify-center text-xs text-muted-foreground", defaultClassNames.week_number),
+    day: cn2("group/day relative size-(--cell-size) p-0 text-center", defaultClassNames.day),
+    range_start: cn2("bg-muted", defaultClassNames.range_start),
+    range_middle: cn2("bg-muted", defaultClassNames.range_middle),
+    range_end: cn2("bg-muted", defaultClassNames.range_end),
+    today: cn2("bg-muted text-foreground", defaultClassNames.today),
+    outside: cn2("text-muted-foreground", defaultClassNames.outside),
+    disabled: cn2("text-muted-foreground opacity-50", defaultClassNames.disabled),
+    hidden: cn2("invisible", defaultClassNames.hidden),
+    ...classNames
+  };
+}
+
+// src/components/calendar/Calendar.tsx
+import { DayButton, DayPicker } from "@daypicker/react";
+import { jsx } from "react/jsx-runtime";
+function Calendar2({
+  density,
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  locale,
+  formatters,
+  components,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DayPicker, {
+    "data-density": density,
+    "data-slot": "calendar",
+    showOutsideDays,
+    captionLayout,
+    locale,
+    className: cn2("group/calendar bg-background p-panel [--cell-size:var(--ag-control-h)]", className),
+    formatters: {
+      formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+      ...formatters
+    },
+    classNames: getCalendarClassNames({ buttonVariant, classNames }),
+    components: {
+      DayButton: CalendarDayButton2,
+      ...components
+    },
+    ...props
+  });
+}
+function CalendarDayButton2({ className, day, modifiers, ...props }) {
+  return /* @__PURE__ */ jsx(DayButton, {
+    day,
+    modifiers,
+    "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+    "data-range-start": modifiers.range_start,
+    "data-range-end": modifiers.range_end,
+    "data-range-middle": modifiers.range_middle,
+    className: cn2(buttonVariants2({ variant: "ghost", size: "icon" }), "relative size-(--cell-size) border-0 p-0 font-normal data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground", className),
+    ...props
+  });
+}
+
+export { getCalendarClassNames, Calendar2, CalendarDayButton2 };

package/dist/chunk-tx19w12r.js

@@ -0,0 +1,36 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  ComposerMenuItem2
+} from "./chunk-xjxhnvcc.js";
+
+// src/components/assistant-ui/elements/ComposerCommandItem.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComposerCommandItem2({ command, active, ...props }) {
+  return /* @__PURE__ */ jsxs(ComposerMenuItem2, {
+    "data-testid": "ComposerCommandItem",
+    active,
+    shortcut: active ? "Enter" : undefined,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(command.icon, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        className: "font-medium",
+        children: [
+          "/",
+          command.name
+        ]
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "text-muted-foreground flex-1 truncate text-start text-sm",
+        children: command.description
+      })
+    ]
+  });
+}
+
+export { ComposerCommandItem2 };

package/dist/chunk-tzred534.js

@@ -0,0 +1,16 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/Composer.tsx
+import { jsx } from "react/jsx-runtime";
+function Composer2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "Composer",
+    "data-slot": "composer",
+    className: cn2("relative w-full max-w-lg"),
+    ...props
+  });
+}
+
+export { Composer2 };

package/dist/chunk-v00z8h0n.js

@@ -0,0 +1,52 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/TaskStateIcon.tsx
+import { Ban, CheckIcon, Loader2Icon, XIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function TaskStateIcon2({ state }) {
+  if (state === "done") {
+    return /* @__PURE__ */ jsx("span", {
+      "data-testid": "TaskStateIcon",
+      children: /* @__PURE__ */ jsx(CheckIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      })
+    });
+  }
+  if (state === "failed") {
+    return /* @__PURE__ */ jsx("span", {
+      "data-testid": "TaskStateIcon",
+      children: /* @__PURE__ */ jsx(XIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4", "text-destructive")
+      })
+    });
+  }
+  if (state === "cancelled") {
+    return /* @__PURE__ */ jsx("span", {
+      "data-testid": "TaskStateIcon",
+      children: /* @__PURE__ */ jsx(Ban, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      })
+    });
+  }
+  if (state === "working") {
+    return /* @__PURE__ */ jsx("span", {
+      "data-testid": "TaskStateIcon",
+      children: /* @__PURE__ */ jsx(Loader2Icon, {
+        "aria-hidden": "true",
+        className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "TaskStateIcon",
+    "aria-hidden": true,
+    className: cn2("border-foreground/35 m-1 size-1.5 shrink-0 rounded-full border")
+  });
+}
+
+export { TaskStateIcon2 };

package/dist/chunk-v0pj5b4g.js

@@ -0,0 +1,11 @@
+// src/components/assistant-ui/elements/Sup.tsx
+import { jsx } from "react/jsx-runtime";
+function Sup2({ children }) {
+  return /* @__PURE__ */ jsx("sup", {
+    "data-testid": "Sup",
+    className: "text-[0.65em] not-italic",
+    children
+  });
+}
+
+export { Sup2 };

package/dist/chunk-v8ks0cfq.js

@@ -0,0 +1,32 @@
+// src/components/assistant-ui/utils/range.ts
+function clamp(value, min, max) {
+  if (Number.isNaN(value))
+    return min;
+  return Math.min(max, Math.max(min, value));
+}
+function take(items, count) {
+  return items.slice(0, Math.floor(clamp(count, 0, items.length)));
+}
+function indexIn(items, index) {
+  return Math.floor(clamp(index, 0, Math.max(0, items.length - 1)));
+}
+function at(items, index) {
+  if (items.length === 0)
+    return;
+  return items[indexIn(items, index)];
+}
+function pct(value, total) {
+  if (!(total > 0))
+    return 0;
+  return clamp(value / total * 100, 0, 100);
+}
+function announced(share) {
+  return Math.round(share * 10) / 10;
+}
+function progressOf(index, total) {
+  if (!(total > 0))
+    return 0;
+  return Math.floor(clamp(index, 0, total));
+}
+
+export { clamp, take, indexIn, at, pct, announced, progressOf };

package/dist/chunk-v9r6zprz.js

@@ -0,0 +1,91 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ResearchReport.tsx
+import { CheckIcon, Loader2Icon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ResearchReport2({
+  title,
+  sections,
+  sourcesRead,
+  className,
+  ...props
+}) {
+  const done = sections.filter((section) => section.state === "done").length;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ResearchReport",
+    "data-slot": "research-report",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex flex-col gap-1",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-base font-medium",
+            children: title
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: [
+              done,
+              "/",
+              sections.length,
+              " sections · ",
+              sourcesRead,
+              " sources read"
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col",
+        children: sections.map((section) => /* @__PURE__ */ jsxs("div", {
+          className: "border-foreground/[0.06] flex flex-col gap-1 border-t py-2 first:border-t-0 first:pt-0",
+          children: [
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "flex size-3.5 shrink-0 items-center justify-center",
+                  children: section.state === "done" ? /* @__PURE__ */ jsx(CheckIcon, {
+                    "aria-hidden": "true",
+                    className: cn2("size-4")
+                  }) : section.state === "writing" ? /* @__PURE__ */ jsx(Loader2Icon, {
+                    "aria-hidden": "true",
+                    className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+                  }) : /* @__PURE__ */ jsx("span", {
+                    "aria-hidden": true,
+                    className: "bg-foreground/15 size-1.5 rounded-full"
+                  })
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: cn2("min-w-0 flex-1 truncate text-base", section.state === "pending" ? "text-muted-foreground" : "text-foreground"),
+                  children: section.heading
+                }),
+                section.sources > 0 && /* @__PURE__ */ jsxs("span", {
+                  className: cn2(mono, "text-muted-foreground shrink-0"),
+                  children: [
+                    section.sources,
+                    " src"
+                  ]
+                })
+              ]
+            }),
+            section.preview && /* @__PURE__ */ jsx("p", {
+              className: "text-muted-foreground fade-in animate-in ps-5.5 text-sm leading-relaxed duration-300",
+              children: section.preview
+            })
+          ]
+        }, section.id))
+      })
+    ]
+  });
+}
+
+export { ResearchReport2 };

package/dist/chunk-vfhztmet.js

@@ -0,0 +1,114 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  ShareMeter2
+} from "./chunk-mammcx1w.js";
+import {
+  pct,
+  announced
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ContextBreakdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var fmt = (n) => n.toLocaleString("en-US");
+var segmentTones = {
+  primary: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  muted: "bg-muted-foreground"
+};
+function ContextBreakdown2({
+  segments,
+  limit,
+  variant = "default",
+  ...props
+}) {
+  const used = segments.reduce((sum, segment) => sum + segment.tokens, 0);
+  const pressure = limit === 0 ? 0 : used / limit;
+  const share = (tokens) => pct(tokens, limit);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ContextBreakdown",
+    "data-slot": "context-breakdown",
+    className: cn2("flex w-full flex-col gap-2", variant === "default" ? cn2(paper, "max-w-sm rounded-md p-2") : "text-popover-foreground"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-baseline justify-between",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-base font-medium",
+            children: "Context"
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "tabular-nums", pressure > 0.85 ? "text-warning text-warning" : "text-muted-foreground"),
+            children: [
+              fmt(used),
+              " / ",
+              fmt(limit)
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex w-full flex-col gap-1",
+        children: segments.map((segment) => {
+          const width = share(segment.tokens);
+          if (announced(width) === 0)
+            return null;
+          return /* @__PURE__ */ jsx(ShareMeter2, {
+            label: `${segment.label} context usage`,
+            percentage: width,
+            valueText: `${fmt(segment.tokens)} of ${fmt(limit)}`,
+            tone: segment.tone
+          }, segment.label);
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex flex-col gap-1.5",
+        children: [
+          segments.map((segment) => /* @__PURE__ */ jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                "aria-hidden": true,
+                className: cn2("size-2 shrink-0 rounded-full forced-color-adjust-none", segmentTones[segment.tone])
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "text-foreground/70 min-w-0 flex-1 truncate text-base",
+                children: segment.label
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+                children: fmt(segment.tokens)
+              })
+            ]
+          }, segment.label)),
+          /* @__PURE__ */ jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                "aria-hidden": true,
+                className: "bg-foreground/[0.08] inset-ring-border size-2 shrink-0 rounded-full inset-ring forced-colors:border"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "text-muted-foreground min-w-0 flex-1 truncate text-base",
+                children: "Headroom"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+                children: fmt(Math.max(0, limit - used))
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { ContextBreakdown2 };

package/dist/chunk-vnxy5dtp.js

@@ -0,0 +1,16 @@
+import {
+  DirectiveText3
+} from "./chunk-k6hfm259.js";
+
+// src/components/assistant-ui/native/DirectiveText.tsx
+import { memo } from "react";
+import { defaultDirectiveFormatter } from "@assistant-ui/react";
+import { jsx } from "react/jsx-runtime";
+var DirectiveText2 = memo(function DirectiveText({ text }) {
+  return /* @__PURE__ */ jsx(DirectiveText3, {
+    text,
+    formatter: defaultDirectiveFormatter
+  });
+});
+
+export { DirectiveText2 };

package/dist/chunk-vs1n47pw.js

@@ -0,0 +1,60 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MemoryChips.tsx
+import { BrainIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MemoryChips2({ chips, onForget, ...props }) {
+  const fresh = chips.filter((chip) => chip.change !== "existing").length;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MemoryChips",
+    "data-slot": "memory-chips",
+    className: cn2("flex w-full max-w-sm flex-col gap-2"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx(BrainIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: fresh > 0 ? `remembered ${fresh}` : "memory"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-wrap gap-1.5",
+        children: chips.map((chip) => /* @__PURE__ */ jsxs("span", {
+          className: cn2("fade-in animate-in fill-mode-both group flex items-center gap-1 rounded-full py-1 pr-1 pl-2.5 text-sm duration-300", chip.change === "existing" ? cn2(field, "text-muted-foreground") : "bg-primary/12 text-primary bg-primary/15 text-primary"),
+          children: [
+            chip.text,
+            onForget && /* @__PURE__ */ jsx(Button2, {
+              type: "button",
+              "aria-label": `Forget "${chip.text}"`,
+              onClick: () => onForget(chip.id),
+              variant: "ghost",
+              size: "icon",
+              children: /* @__PURE__ */ jsx(XIcon, {
+                "aria-hidden": "true",
+                "data-icon": "inline-start"
+              })
+            })
+          ]
+        }, chip.id))
+      })
+    ]
+  });
+}
+
+export { MemoryChips2 };

package/dist/chunk-vx7c2xhq.js

@@ -0,0 +1,33 @@
+import {
+  ContextDisplayRoot2
+} from "./chunk-2gten6a1.js";
+import {
+  ContextDisplayTrigger2
+} from "./chunk-86211e5a.js";
+import {
+  ContextDisplayContent2
+} from "./chunk-2b9agdrf.js";
+import {
+  ContextDisplayValue2
+} from "./chunk-qxt0fx4f.js";
+
+// src/components/assistant-ui/native/ContextDisplayRing.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContextDisplayRing3({ side, ...props }) {
+  return /* @__PURE__ */ jsxs(ContextDisplayRoot2, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ContextDisplayTrigger2, {
+        "aria-label": "Context usage",
+        children: /* @__PURE__ */ jsx(ContextDisplayValue2, {
+          variant: "ring"
+        })
+      }),
+      /* @__PURE__ */ jsx(ContextDisplayContent2, {
+        side
+      })
+    ]
+  });
+}
+
+export { ContextDisplayRing3 };

package/dist/chunk-vxera95d.js

@@ -0,0 +1,19 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  InputGroupAddon2
+} from "./chunk-1jeg5z55.js";
+
+// src/components/assistant-ui/elements/ComposerToolbar.tsx
+import { jsx } from "react/jsx-runtime";
+function ComposerToolbar2({ ...props }) {
+  return /* @__PURE__ */ jsx(InputGroupAddon2, {
+    "data-testid": "ComposerToolbar",
+    align: "block-end",
+    className: cn2("justify-between"),
+    ...props
+  });
+}
+
+export { ComposerToolbar2 };

package/dist/chunk-vxvaaptq.js

@@ -0,0 +1,36 @@
+// src/components/assistant-ui/hooks/useReceiptFocus.ts
+import { useLayoutEffect, useRef } from "react";
+function useReceiptFocus(handlers = {}) {
+  const focusedElementRef = useRef(null);
+  const receiptRef = useRef(null);
+  useLayoutEffect(() => {
+    const focusedElement = focusedElementRef.current;
+    const receipt = receiptRef.current;
+    if (!focusedElement || focusedElement.isConnected || !receipt)
+      return;
+    focusedElementRef.current = null;
+    const document = receipt.ownerDocument;
+    const root = receipt.getRootNode();
+    const isFocusUnclaimed = document.activeElement === document.body || root instanceof ShadowRoot && root.activeElement === null && document.activeElement === root.host;
+    if (isFocusUnclaimed)
+      receipt.focus({ preventScroll: true });
+  });
+  return {
+    receiptRef,
+    focusHandlers: {
+      onFocusCapture: (event) => {
+        handlers.onFocusCapture?.(event);
+        if (event.target instanceof HTMLElement)
+          focusedElementRef.current = event.target;
+      },
+      onBlurCapture: (event) => {
+        handlers.onBlurCapture?.(event);
+        if (event.target.isConnected && !event.currentTarget.contains(event.relatedTarget ?? event.currentTarget.ownerDocument.activeElement)) {
+          focusedElementRef.current = null;
+        }
+      }
+    }
+  };
+}
+
+export { useReceiptFocus };

package/dist/chunk-vygzdvrk.js

@@ -0,0 +1,16 @@
+// src/components/assistant-ui/utils/deriveVoiceOrbState.ts
+function deriveVoiceOrbState(voiceState) {
+  if (!voiceState)
+    return "idle";
+  if (voiceState.status.type === "starting")
+    return "connecting";
+  if (voiceState.status.type === "ended")
+    return "idle";
+  if (voiceState.isMuted)
+    return "muted";
+  if (voiceState.mode === "speaking")
+    return "speaking";
+  return "listening";
+}
+
+export { deriveVoiceOrbState };

package/dist/chunk-vyve5wf3.js

@@ -0,0 +1,24 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Kbd.tsx
+import { jsx } from "react/jsx-runtime";
+function Kbd2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("kbd", {
+    "data-density": density,
+    "data-slot": "kbd",
+    className: cn2("pointer-events-none inline-flex h-tag w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-muted in-data-[slot=tooltip-content]:text-foreground  [&_svg:not([class*='size-'])]:size-3", className),
+    ...props
+  });
+}
+function KbdGroup2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("kbd", {
+    "data-density": density,
+    "data-slot": "kbd-group",
+    className: cn2("inline-flex items-center gap-1", className),
+    ...props
+  });
+}
+
+export { Kbd2, KbdGroup2 };