@epicbagel/saas-kit 1.10.0 → 1.11.1

package/dist/chunk-KWV5KTOA.js

@@ -1,223 +0,0 @@
-"use client";
-import {
-  Button
-} from "./chunk-W326GKML.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
-import {
-  useDictation
-} from "./chunk-M2ZNC3TK.js";
-
-// src/primitives/voice-dictation-button.tsx
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Mic, X } from "lucide-react";
-import { Fragment, jsx, jsxs } from "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] = useState(false);
-  const capture = useDictation({ lang, continuous });
-  const { transcript, interimTranscript: interim, supported, error } = capture;
-  const generation = useRef(0);
-  const finishing = useRef(false);
-  const busy = capture.state === "requesting" || capture.state === "transcribing";
-  const openOverlay = useCallback(() => {
-    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(() => {
-    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]);
-  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",
-            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__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: "Voice dictation" }),
-              /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "sr-only", children: "Record your message, then choose Done to add the text. Cancel discards the recording." }),
-              /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border md:rounded-t-xl", children: [
-                  /* @__PURE__ */ jsx("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__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleCancel,
-                      "aria-label": "Cancel",
-                      className: "p-1 -m-1 rounded-sm hover:bg-muted/60 transition-colors",
-                      children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center px-6 text-center", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "relative w-24 h-24 mb-10 flex items-center justify-center", children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        "aria-hidden": true,
-                        className: cn(
-                          "absolute inset-0 rounded-full",
-                          error || busy || capture.state !== "recording" ? "bg-destructive/20" : "bg-destructive/20 animate-ping"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        "aria-hidden": true,
-                        className: cn(
-                          "absolute inset-2 rounded-full",
-                          "bg-destructive/40"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Mic, { className: "relative h-9 w-9 text-destructive-foreground" })
-                  ] }),
-                  title && /* @__PURE__ */ jsx("div", { className: "text-base font-medium text-muted-foreground mb-3", children: title }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xl md:text-2xl leading-relaxed min-h-[5rem] max-w-xl text-foreground", children: displayTranscript ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { children: transcript }),
-                    interim && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-                      transcript ? " " : "",
-                      interim
-                    ] })
-                  ] }) : /* @__PURE__ */ jsx("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__ */ jsx("p", { role: "alert", className: "text-sm text-destructive mt-4", children: error })
-                ] }),
-                /* @__PURE__ */ jsxs("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__ */ jsx(
-                    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__ */ jsx(Button, { variant: "ghost", onClick: () => void capture.start(), children: "Record again" }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleCancel,
-                      className: "text-sm text-muted-foreground hover:text-foreground py-1",
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        ) })
-      }
-    )
-  ] });
-}
-
-export {
-  VoiceDictationButton
-};