@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-xkvyk2qf.js

@@ -0,0 +1,27 @@
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/ComposerVoiceButton.tsx
+import { MicIcon, SquareIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function ComposerVoiceButton2({ active, ...props }) {
+  return /* @__PURE__ */ jsx(Button2, {
+    "data-testid": "ComposerVoiceButton",
+    type: "button",
+    "aria-label": active ? "Stop recording" : "Start voice input",
+    "data-slot": "composer-voice-button",
+    variant: active ? "default" : "ghost",
+    ...props,
+    size: "icon",
+    children: active ? /* @__PURE__ */ jsx(SquareIcon, {
+      "aria-hidden": "true",
+      "data-icon": "inline-start"
+    }) : /* @__PURE__ */ jsx(MicIcon, {
+      "aria-hidden": "true",
+      "data-icon": "inline-start"
+    })
+  });
+}
+
+export { ComposerVoiceButton2 };

package/dist/chunk-xqn8mef3.js

@@ -0,0 +1,117 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  InputGroup2,
+  InputGroupAddon2,
+  InputGroupInput2
+} from "./chunk-1jeg5z55.js";
+import {
+  paper,
+  field
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ChatPanel.tsx
+import { ArrowUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChatPanel2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "ChatPanel",
+    "data-slot": "chat-panel",
+    className: cn2(paper, "flex h-[270px] w-full max-w-md flex-col overflow-hidden rounded-md"),
+    ...props
+  });
+}
+function ChatPanelMessages2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "ChatPanelMessages",
+    "data-slot": "chat-panel-messages",
+    className: cn2("flex flex-1 flex-col justify-end gap-2.5 overflow-y-auto p-4"),
+    ...props
+  });
+}
+function ChatPanelUserMessage2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "ChatPanelUserMessage",
+    "data-slot": "chat-panel-user-message",
+    className: cn2(field, "fade-in slide-in-from-bottom-1 animate-in self-end rounded-md px-3 py-1.5 text-sm duration-300"),
+    ...props
+  });
+}
+function ChatPanelAssistantMessage2({ ...props }) {
+  return /* @__PURE__ */ jsx("p", {
+    "data-testid": "ChatPanelAssistantMessage",
+    "data-slot": "chat-panel-assistant-message",
+    className: cn2("text-foreground/70 max-w-[85%] self-start text-sm leading-relaxed"),
+    ...props
+  });
+}
+function ChatPanelTyping2({ ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ChatPanelTyping",
+    "data-slot": "chat-panel-typing",
+    role: "status",
+    className: cn2("fade-in animate-in flex gap-1 self-start px-1 duration-300"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "sr-only",
+        children: "Assistant is typing"
+      }),
+      ["-0.32s", "-0.16s", "0s"].map((delay) => /* @__PURE__ */ jsx("span", {
+        "aria-hidden": true,
+        className: "bg-foreground/40 size-1 animate-bounce rounded-full motion-reduce:animate-none",
+        style: { animationDelay: delay, animationDuration: "1.1s" }
+      }, delay))
+    ]
+  });
+}
+function ChatPanelComposer2({
+  placeholder,
+  onSend,
+  value = "",
+  onValueChange,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("form", {
+    "data-testid": "ChatPanelComposer",
+    "data-slot": "chat-panel-composer",
+    onSubmit: (event) => {
+      event.preventDefault();
+      if (value.trim())
+        onSend?.();
+    },
+    className: "mx-panel mb-panel",
+    ...props,
+    children: /* @__PURE__ */ jsxs(InputGroup2, {
+      children: [
+        /* @__PURE__ */ jsx(InputGroupInput2, {
+          "aria-label": "Message",
+          placeholder,
+          value,
+          readOnly: !onValueChange,
+          onChange: (event) => onValueChange?.(event.currentTarget.value)
+        }),
+        /* @__PURE__ */ jsx(InputGroupAddon2, {
+          align: "inline-end",
+          children: /* @__PURE__ */ jsx(Button2, {
+            type: "submit",
+            "aria-label": "Send",
+            disabled: !onSend || !value.trim(),
+            variant: "default",
+            size: "icon",
+            children: /* @__PURE__ */ jsx(ArrowUpIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start"
+            })
+          })
+        })
+      ]
+    })
+  });
+}
+
+export { ChatPanel2, ChatPanelMessages2, ChatPanelUserMessage2, ChatPanelAssistantMessage2, ChatPanelTyping2, ChatPanelComposer2 };

package/dist/chunk-xvgp05yg.js

@@ -0,0 +1,23 @@
+import {
+  VoiceOrb3
+} from "./chunk-9vm8fks0.js";
+import {
+  deriveVoiceOrbState
+} from "./chunk-vygzdvrk.js";
+
+// src/components/assistant-ui/native/VoiceOrb.tsx
+import { useVoiceState, useVoiceVolume } from "@assistant-ui/react";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+var VoiceOrb2 = memo(function VoiceOrb({ state: stateProp, ...rest }) {
+  const voiceState = useVoiceState();
+  const volume = useVoiceVolume();
+  const state = stateProp ?? deriveVoiceOrbState(voiceState);
+  return /* @__PURE__ */ jsx(VoiceOrb3, {
+    state,
+    volume,
+    ...rest
+  });
+});
+
+export { VoiceOrb2 };