@epicbagel/saas-kit 1.11.0 → 1.11.1

package/dist/chunk-T3XMHWYV.js

@@ -1,221 +0,0 @@
-"use client";
-import {
-  AgentAudioVisualizerBar
-} from "./chunk-5OF6D3GH.js";
-import {
-  Button
-} from "./chunk-W326GKML.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
-import {
-  useDictation
-} from "./chunk-HLAHOVEI.js";
-
-// src/primitives/voice-dictation-button.tsx
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-  useSyncExternalStore
-} from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Mic, LoaderCircle } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function VoiceDictationButton({
-  onCommit,
-  onCancel,
-  title = "Dictate your message",
-  caption = "Recording",
-  lang = "en-US",
-  continuous = true,
-  className,
-  size = "sm",
-  showLabel = false,
-  children,
-  disabled = false,
-  visibility = "visible",
-  shrink = true
-}) {
-  const [open, setOpen] = useState(false);
-  const capture = useDictation({ lang, continuous });
-  const { transcript, interimTranscript: interim, supported, error } = capture;
-  const generation = useRef(0);
-  const finishing = useRef(false);
-  const previousFocus = useRef(null);
-  const elapsed = useRecordingTime(capture.state);
-  const busy = capture.state === "requesting" || capture.state === "transcribing";
-  const openOverlay = useCallback(() => {
-    previousFocus.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    generation.current++;
-    finishing.current = false;
-    setOpen(true);
-    void capture.start();
-  }, [capture.start]);
-  const closeOverlay = useCallback(() => {
-    generation.current++;
-    finishing.current = false;
-    capture.cancel();
-    setOpen(false);
-  }, [capture.cancel]);
-  const handleDone = useCallback(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 onCancel?.();
-  }, [busy, capture.canRetry, capture.retry, capture.start, capture.state, capture.stop, onCommit, onCancel, closeOverlay]);
-  const handleCancel = useCallback(() => {
-    closeOverlay();
-    onCancel?.();
-  }, [closeOverlay, onCancel]);
-  useEffect(() => {
-    if (open && capture.state === "idle") handleCancel();
-  }, [capture.state, handleCancel, open]);
-  useEffect(() => {
-    return () => {
-      generation.current++;
-    };
-  }, []);
-  if (!supported) return null;
-  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        "aria-label": "Start dictation",
-        className: cn(visibility === "hidden" && "hidden", className),
-        children
-      }
-    ) : /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        variant: "outline",
-        size,
-        "aria-label": "Start dictation",
-        className: cn("transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
-        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" }),
-          showLabel && /* @__PURE__ */ jsx("span", { children: "Speak" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Root,
-      {
-        open,
-        onOpenChange: (next) => {
-          if (!next) handleCancel();
-        },
-        children: /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-          DialogPrimitive.Content,
-          {
-            "aria-label": "Voice dictation",
-            "aria-labelledby": void 0,
-            "data-slot": "voice-dictation-panel",
-            "data-state": capture.state,
-            onCloseAutoFocus: (event) => {
-              event.preventDefault();
-              if (previousFocus.current?.isConnected) previousFocus.current.focus();
-            },
-            onKeyDown: (event) => {
-              if (event.key === "Enter" && !event.shiftKey && !(event.target instanceof HTMLElement && event.target.closest("button, input, textarea, select"))) {
-                event.preventDefault();
-                void handleDone();
-              }
-            },
-            className: "fixed bottom-4 left-1/2 z-[200] flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 flex-col gap-3 overflow-y-auto rounded-2xl border border-border bg-background p-4 text-foreground shadow-lg outline-hidden sm:bottom-6",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-                  /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "text-sm font-medium", children: title || "Voice dictation" }),
-                  /* @__PURE__ */ jsxs("span", { role: "status", className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-                    busy ? /* @__PURE__ */ jsx(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true", className: "size-3.5" }),
-                    capture.state === "transcribing" ? "Transcribing\u2026" : capture.state === "requesting" ? "Waiting for microphone\u2026" : error ? "Recording not saved" : capture.state === "ready" ? "Ready" : caption
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs("time", { "aria-label": "Recording duration", dateTime: `PT${elapsed}S`, className: "pt-0.5 font-mono text-xs tabular-nums text-muted-foreground", children: [
-                  Math.floor(elapsed / 60).toString().padStart(2, "0"),
-                  ":",
-                  (elapsed % 60).toString().padStart(2, "0")
-                ] })
-              ] }),
-              capture.audioLevels && /* @__PURE__ */ jsx(DictationWaveform, { source: capture.audioLevels, state: capture.state }),
-              /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "text-xs text-muted-foreground", children: capture.state === "transcribing" ? "Converting your recording to text\u2026" : capture.state === "requesting" ? "Allow microphone access to start." : error ? capture.canRetry ? "Retry this take or record again." : "Check microphone access, then try again." : "Speak, then choose Done to add the text." }),
-              displayTranscript && /* @__PURE__ */ jsxs("p", { className: "max-h-24 overflow-y-auto text-sm leading-relaxed", children: [
-                transcript,
-                interim && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-                  transcript ? " " : "",
-                  interim
-                ] })
-              ] }),
-              error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: error }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
-                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "min-h-[44px]", onClick: handleCancel, children: "Cancel" }),
-                capture.canRetry && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "min-h-[44px]", onClick: () => void capture.start(), children: "Record again" }),
-                /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", className: "min-h-[44px]", onClick: () => void handleDone(), disabled: busy, children: capture.state === "transcribing" ? "Transcribing\u2026" : capture.canRetry ? "Retry transcription" : error ? "Try again" : "Done" })
-              ] })
-            ]
-          }
-        ) })
-      }
-    )
-  ] });
-}
-var SILENCE = [];
-var silence = () => SILENCE;
-function DictationWaveform({ source, state }) {
-  const bands = useSyncExternalStore(source.subscribe, source.getSnapshot, silence);
-  return /* @__PURE__ */ jsx(
-    AgentAudioVisualizerBar,
-    {
-      "aria-hidden": "true",
-      "data-slot": "dictation-waveform",
-      size: "icon",
-      barCount: 24,
-      state: state === "recording" ? "listening" : state === "transcribing" ? "thinking" : state === "requesting" ? "connecting" : "disconnected",
-      volumeBands: state === "recording" ? bands : void 0,
-      className: "h-9 w-full text-foreground"
-    }
-  );
-}
-function useRecordingTime(state) {
-  const [elapsed, setElapsed] = useState(0);
-  const startedAt = useRef(null);
-  useEffect(() => {
-    if (state !== "recording") {
-      if (state === "idle" || state === "requesting") setElapsed(0);
-      else if (startedAt.current !== null) setElapsed(Math.floor((performance.now() - startedAt.current) / 1e3));
-      startedAt.current = null;
-      return;
-    }
-    startedAt.current = performance.now();
-    const update = () => setElapsed(Math.floor((performance.now() - startedAt.current) / 1e3));
-    update();
-    const timer = setInterval(update, 1e3);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [state]);
-  return elapsed;
-}
-
-export {
-  VoiceDictationButton
-};