@epicbagel/saas-kit 1.10.0 → 1.11.1

package/dist/primitives/chat.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KUG4ONYC.js";
+} from "../chunk-KF4X37DP.js";
 import {
   Trace,
   TraceLine,
@@ -10,7 +10,7 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-KWV5KTOA.js";
+} from "../chunk-EDEN7TAL.js";
 import {
   Suggestion,
   Suggestions
@@ -75,7 +75,7 @@ import {
   ActionDock
 } from "../chunk-42RTTHND.js";
 import "../chunk-QMA3WVB7.js";
-import "../chunk-VBKJXNEL.js";
+import "../chunk-5OF6D3GH.js";
 import {
   Button
 } from "../chunk-W326GKML.js";
@@ -86,7 +86,7 @@ import "../chunk-GJ7S3L6R.js";
 import {
   useCopyToClipboard
 } from "../chunk-ZWZAAGQF.js";
-import "../chunk-M2ZNC3TK.js";
+import "../chunk-HLAHOVEI.js";
 import {
   useIsMobile
 } from "../chunk-PIU5SSUV.js";
@@ -465,7 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
-                liveVoiceActive && /* @__PURE__ */ jsx(InputGroupAddon, { align: "block-start", className: "w-full border-b border-border", children: /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession }) }),
+                liveVoiceActive && /* @__PURE__ */ jsx(InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ jsx(
                   ChatAttachmentList,
                   {
@@ -489,11 +489,10 @@ function ChatInput({
                     },
                     placeholder,
                     rows: compact ? 1 : composerSize.rows,
-                    wrap: compact ? "off" : void 0,
                     disabled: isDisabled,
                     autoFocus,
                     className: cn(
-                      compact ? "h-[44px] min-h-[44px] max-h-[44px] min-w-0 field-sizing-fixed overflow-hidden whitespace-nowrap text-ellipsis" : composerSize.minHeight,
+                      compact ? "min-h-[44px] max-h-24 min-w-0" : composerSize.minHeight,
                       // Grows with the text, then scrolls rather than pushing the thread away.
                       "leading-relaxed disabled:opacity-70 placeholder:text-sm",
                       !compact && "max-h-48",
@@ -504,14 +503,14 @@ function ChatInput({
                 /* @__PURE__ */ jsxs(
                   InputGroupAddon,
                   {
-                    align: compact ? "inline-end" : "block-end",
+                    align: "block-end",
                     "data-slot": "chat-input-actions",
                     onClick: (event) => {
                       if (!event.currentTarget.contains(event.target)) return;
                       if (!event.target.closest("button")) ref.current?.focus();
                     },
                     className: cn(
-                      compact ? "shrink-0 gap-0 p-1" : "gap-2",
+                      compact ? "gap-1 px-2 pb-2 pt-0" : "gap-2",
                       !compact && (spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5")
                     ),
                     children: [
@@ -539,7 +538,8 @@ function ChatInput({
                           className: cn("min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm", compact && "hidden"),
                           children: helperText
                         }
-                      ) : /* @__PURE__ */ jsx("div", { className: compact ? "hidden" : "flex-1" }),
+                      ) : null,
+                      (!helperText || compact) && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ jsx(
                         VoiceDictationButton,
                         {

package/dist/primitives/dictation-provider.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkO6F3LVZYcjs = require('../chunk-O6F3LVZY.cjs');
+var _chunkZZ7ICQR2cjs = require('../chunk-ZZ7ICQR2.cjs');
 
 
-exports.DictationProvider = _chunkO6F3LVZYcjs.DictationProvider;
+exports.DictationProvider = _chunkZZ7ICQR2cjs.DictationProvider;

package/dist/primitives/dictation-provider.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   DictationProvider
-} from "../chunk-M2ZNC3TK.js";
+} from "../chunk-HLAHOVEI.js";
 export {
   DictationProvider
 };

package/dist/primitives/voice-dictation-button.cjs

@@ -2,10 +2,12 @@
 "use client";
 
 
-var _chunkHTCW6AEHcjs = require('../chunk-HTCW6AEH.cjs');
+var _chunkD47AMKT4cjs = require('../chunk-D47AMKT4.cjs');
+require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
-require('../chunk-O6F3LVZY.cjs');
+require('../chunk-2BSFYU22.cjs');
+require('../chunk-ZZ7ICQR2.cjs');
 
 
-exports.VoiceDictationButton = _chunkHTCW6AEHcjs.VoiceDictationButton;
+exports.VoiceDictationButton = _chunkD47AMKT4cjs.VoiceDictationButton;

package/dist/primitives/voice-dictation-button.d.cts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 
 interface VoiceDictationButtonProps {
     /** Fired when the user taps "Done" with the captured transcript. */
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Optional title shown above the live transcript inside the overlay. */
+    /** Title shown in the recorder. */
     title?: ReactNode;
-    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    /** Recording status label. Defaults to "Recording". */
     caption?: string;
     /** BCP-47 language tag. Defaults to "en-US". */
     lang?: string;
@@ -26,16 +26,14 @@ interface VoiceDictationButtonProps {
     disabled?: boolean;
     visibility?: "visible" | "hidden";
     shrink?: boolean;
+    /** Visible desktop anchor for a custom/programmatic trigger. Hidden anchors are ignored. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 /**
- * Mic button that opens a fullscreen dictation overlay (portal). When the
- * user taps "Done" the captured transcript is committed via onCommit and
- * the overlay closes. The overlay strips the page chrome so the user can
- * focus on speaking.
- *
- * Sibling to `<VoiceInput>` which streams chunks inline. Use this when
- * dictation should take over the screen instead of typing-into-an-input.
+ * Opens beside the invoking control on desktop and fills the screen on
+ * mobile, or when no visible anchor exists. Placement changes keep the same
+ * recording alive. Done commits its transcript once; Cancel discards it.
  */
-declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, anchorRef, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 
 export { VoiceDictationButton, type VoiceDictationButtonProps };

package/dist/primitives/voice-dictation-button.d.ts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 
 interface VoiceDictationButtonProps {
     /** Fired when the user taps "Done" with the captured transcript. */
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Optional title shown above the live transcript inside the overlay. */
+    /** Title shown in the recorder. */
     title?: ReactNode;
-    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    /** Recording status label. Defaults to "Recording". */
     caption?: string;
     /** BCP-47 language tag. Defaults to "en-US". */
     lang?: string;
@@ -26,16 +26,14 @@ interface VoiceDictationButtonProps {
     disabled?: boolean;
     visibility?: "visible" | "hidden";
     shrink?: boolean;
+    /** Visible desktop anchor for a custom/programmatic trigger. Hidden anchors are ignored. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 /**
- * Mic button that opens a fullscreen dictation overlay (portal). When the
- * user taps "Done" the captured transcript is committed via onCommit and
- * the overlay closes. The overlay strips the page chrome so the user can
- * focus on speaking.
- *
- * Sibling to `<VoiceInput>` which streams chunks inline. Use this when
- * dictation should take over the screen instead of typing-into-an-input.
+ * Opens beside the invoking control on desktop and fills the screen on
+ * mobile, or when no visible anchor exists. Placement changes keep the same
+ * recording alive. Done commits its transcript once; Cancel discards it.
  */
-declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, anchorRef, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 
 export { VoiceDictationButton, type VoiceDictationButtonProps };

package/dist/primitives/voice-dictation-button.js

@@ -2,10 +2,12 @@
 "use client";
 import {
   VoiceDictationButton
-} from "../chunk-KWV5KTOA.js";
+} from "../chunk-EDEN7TAL.js";
+import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
-import "../chunk-M2ZNC3TK.js";
+import "../chunk-GJ7S3L6R.js";
+import "../chunk-HLAHOVEI.js";
 export {
   VoiceDictationButton
 };

package/dist/primitives/voice-session-controls.cjs

@@ -2,11 +2,11 @@
 "use client";
 
 
-var _chunkUW67GSZ4cjs = require('../chunk-UW67GSZ4.cjs');
-require('../chunk-XB2D4NQK.cjs');
+var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
+require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 
 
-exports.VoiceSessionControls = _chunkUW67GSZ4cjs.VoiceSessionControls;
+exports.VoiceSessionControls = _chunkYMI3X2YLcjs.VoiceSessionControls;

package/dist/primitives/voice-session-controls.d.cts

@@ -15,11 +15,13 @@ interface VoiceSessionControlsProps {
     /** Prevent starting a new session; ending an active session stays available. */
     disabled?: boolean;
     error?: string | null;
+    /** @deprecated Render transcripts in the conversation thread. Ignored by the controls. */
+    transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
-    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry", string>>;
+    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
     size?: "icon" | "hero";
     className?: string;
 }

package/dist/primitives/voice-session-controls.d.ts

@@ -15,11 +15,13 @@ interface VoiceSessionControlsProps {
     /** Prevent starting a new session; ending an active session stays available. */
     disabled?: boolean;
     error?: string | null;
+    /** @deprecated Render transcripts in the conversation thread. Ignored by the controls. */
+    transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
-    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry", string>>;
+    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
     size?: "icon" | "hero";
     className?: string;
 }

package/dist/primitives/voice-session-controls.js

@@ -2,8 +2,8 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KUG4ONYC.js";
-import "../chunk-VBKJXNEL.js";
+} from "../chunk-KF4X37DP.js";
+import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [

package/dist/chunk-HTCW6AEH.cjs

@@ -1,223 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-
-var _chunkO6F3LVZYcjs = require('./chunk-O6F3LVZY.cjs');
-
-// src/primitives/voice-dictation-button.tsx
-
-
-
-
-
-var _react = require('react');
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-var _lucidereact = require('lucide-react');
-var _jsxruntime = require('react/jsx-runtime');
-function VoiceDictationButton({
-  onCommit,
-  onCancel,
-  title = "Dictate your message",
-  caption = "listening",
-  lang = "en-US",
-  continuous = true,
-  className,
-  size = "sm",
-  showLabel = false,
-  children,
-  disabled = false,
-  visibility = "visible",
-  shrink = true
-}) {
-  const [open, setOpen] = _react.useState.call(void 0, false);
-  const capture = _chunkO6F3LVZYcjs.useDictation.call(void 0, { lang, continuous });
-  const { transcript, interimTranscript: interim, supported, error } = capture;
-  const generation = _react.useRef.call(void 0, 0);
-  const finishing = _react.useRef.call(void 0, false);
-  const busy = capture.state === "requesting" || capture.state === "transcribing";
-  const openOverlay = _react.useCallback.call(void 0, () => {
-    generation.current++;
-    finishing.current = false;
-    setOpen(true);
-    void capture.start();
-  }, [capture.start]);
-  const closeOverlay = _react.useCallback.call(void 0, () => {
-    generation.current++;
-    finishing.current = false;
-    capture.cancel();
-    setOpen(false);
-  }, [capture.cancel]);
-  const handleDone = _react.useCallback.call(void 0, async () => {
-    if (finishing.current || busy) return;
-    if (capture.state === "error" && !capture.canRetry) {
-      void capture.start();
-      return;
-    }
-    finishing.current = true;
-    const started = generation.current;
-    const final = await (capture.canRetry ? capture.retry() : capture.stop());
-    if (started !== generation.current) return;
-    finishing.current = false;
-    if (final === null) return;
-    closeOverlay();
-    if (final) onCommit(final);
-    else _optionalChain([onCancel, 'optionalCall', _ => _()]);
-  }, [busy, capture.canRetry, capture.retry, capture.start, capture.state, capture.stop, onCommit, onCancel, closeOverlay]);
-  const handleCancel = _react.useCallback.call(void 0, () => {
-    closeOverlay();
-    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
-  }, [closeOverlay, onCancel]);
-  _react.useEffect.call(void 0, () => {
-    if (open && capture.state === "idle") handleCancel();
-  }, [capture.state, handleCancel, open]);
-  _react.useEffect.call(void 0, () => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        void handleDone();
-      }
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [open, handleDone]);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      generation.current++;
-    };
-  }, []);
-  if (!supported) return null;
-  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        "aria-label": "Start dictation",
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, visibility === "hidden" && "hidden", className),
-        children
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJDEXZGIYcjs.Button,
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        variant: "outline",
-        size,
-        "aria-label": "Start dictation",
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, "transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "h-4 w-4" }),
-          showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Speak" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      DialogPrimitive.Root,
-      {
-        open,
-        onOpenChange: (next) => {
-          if (!next) handleCancel();
-        },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          DialogPrimitive.Content,
-          {
-            "aria-label": "Voice dictation",
-            onOpenAutoFocus: (e) => e.preventDefault(),
-            onMouseDown: (e) => {
-              if (e.target === e.currentTarget) handleCancel();
-            },
-            className: "fixed inset-0 z-[200] flex flex-col bg-background outline-hidden md:items-center md:justify-center md:bg-black/40 md:backdrop-blur-sm",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Title, { className: "sr-only", children: "Voice dictation" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Description, { className: "sr-only", children: "Record your message, then choose Done to add the text. Cancel discards the recording." }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 md:flex-initial w-full md:max-w-lg md:rounded-xl bg-background flex flex-col md:max-h-[80vh] md:shadow-2xl md:border md:border-border", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-4 py-3 border-b border-border md:rounded-t-xl", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "status", className: "font-mono text-xs uppercase tracking-wider text-muted-foreground", children: capture.state === "transcribing" ? "transcribing" : capture.state === "requesting" ? "microphone" : caption }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleCancel,
-                      "aria-label": "Cancel",
-                      className: "p-1 -m-1 rounded-sm hover:bg-muted/60 transition-colors",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 flex flex-col items-center justify-center px-6 text-center", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative w-24 h-24 mb-10 flex items-center justify-center", children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "span",
-                      {
-                        "aria-hidden": true,
-                        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                          "absolute inset-0 rounded-full",
-                          error || busy || capture.state !== "recording" ? "bg-destructive/20" : "bg-destructive/20 animate-ping"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "span",
-                      {
-                        "aria-hidden": true,
-                        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                          "absolute inset-2 rounded-full",
-                          "bg-destructive/40"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "relative h-9 w-9 text-destructive-foreground" })
-                  ] }),
-                  title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-base font-medium text-muted-foreground mb-3", children: title }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl md:text-2xl leading-relaxed min-h-[5rem] max-w-xl text-foreground", children: displayTranscript ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: transcript }),
-                    interim && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground", children: [
-                      transcript ? " " : "",
-                      interim
-                    ] })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground italic text-base", children: capture.state === "transcribing" ? "Converting your recording to text\u2026" : capture.state === "requesting" ? "Allow microphone access to start." : "Start speaking, then choose Done." }) }),
-                  error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "text-sm text-destructive mt-4", children: error })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-t border-border px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))] md:pb-4 md:rounded-b-xl flex flex-col items-stretch gap-2", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkJDEXZGIYcjs.Button,
-                    {
-                      size: "lg",
-                      className: "h-12 w-full",
-                      onClick: () => void handleDone(),
-                      disabled: busy,
-                      children: capture.state === "transcribing" ? "Transcribing\u2026" : capture.canRetry ? "Retry transcription" : error ? "Try again" : "Done"
-                    }
-                  ),
-                  capture.canRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { variant: "ghost", onClick: () => void capture.start(), children: "Record again" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleCancel,
-                      className: "text-sm text-muted-foreground hover:text-foreground py-1",
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        ) })
-      }
-    )
-  ] });
-}
-
-
-
-exports.VoiceDictationButton = VoiceDictationButton;