@epicbagel/saas-kit 1.0.0 → 1.2.0

package/dist/primitives/textarea.cjs

@@ -1,37 +1,8 @@
-"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; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunk2HV2KKOEcjs = require('../chunk-2HV2KKOE.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/textarea.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _jsxruntime = require('react/jsx-runtime');
-var Textarea = React.forwardRef(
-  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "textarea",
-      {
-        "data-slot": "textarea",
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
-          // placeholder copy independently at the compact 14px base scale.
-          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
-          resize === "none" && "resize-none",
-          grow && "flex-1",
-          font === "mono" && "font-mono",
-          height === "panel" && "h-32",
-          height === "editor" && "h-72",
-          height === "editor-lg" && "h-80",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
 
-
-exports.Textarea = Textarea;
+exports.Textarea = _chunk2HV2KKOEcjs.Textarea;

package/dist/primitives/textarea.js

@@ -1,37 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/textarea.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Textarea = React.forwardRef(
-  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        "data-slot": "textarea",
-        className: cn(
-          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
-          // placeholder copy independently at the compact 14px base scale.
-          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
-          resize === "none" && "resize-none",
-          grow && "flex-1",
-          font === "mono" && "font-mono",
-          height === "panel" && "h-32",
-          height === "editor" && "h-72",
-          height === "editor-lg" && "h-80",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
+  Textarea
+} from "../chunk-6FC65AZQ.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Textarea
 };

package/dist/primitives/toggle-group.d.cts

@@ -5,11 +5,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     grow?: boolean;
     textSize?: "inherit" | "xs";

package/dist/primitives/toggle-group.d.ts

@@ -5,11 +5,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     grow?: boolean;
     textSize?: "inherit" | "xs";

package/dist/primitives/toggle.d.cts

@@ -5,11 +5,11 @@ import * as React from 'react';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/primitives/toggle.d.ts

@@ -5,11 +5,11 @@ import * as React from 'react';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/primitives/trace.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+
+
+var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
+require('../chunk-W5HPHEE7.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+exports.Trace = _chunk2BTDBZYNcjs.Trace; exports.TraceCollapsible = _chunk2BTDBZYNcjs.TraceCollapsible; exports.TraceCollapsibleContent = _chunk2BTDBZYNcjs.TraceCollapsibleContent; exports.TraceCollapsibleTrigger = _chunk2BTDBZYNcjs.TraceCollapsibleTrigger; exports.TraceDescription = _chunk2BTDBZYNcjs.TraceDescription; exports.TraceIcon = _chunk2BTDBZYNcjs.TraceIcon; exports.TraceLine = _chunk2BTDBZYNcjs.TraceLine; exports.TraceTitle = _chunk2BTDBZYNcjs.TraceTitle;

package/dist/primitives/trace.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.cjs';
+import '@radix-ui/react-collapsible';
+
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+    status?: "running" | "error" | "pending";
+}): react_jsx_runtime.JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "asChild" | "open"> & ({
+    open?: undefined;
+} | {
+    open: boolean;
+    onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: Omit<React.ComponentProps<typeof CollapsibleTrigger>, "asChild" | "appearance">): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: Omit<React.ComponentProps<typeof CollapsibleContent>, "asChild" | "padding">): react_jsx_runtime.JSX.Element;
+
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };

package/dist/primitives/trace.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
+import '@radix-ui/react-collapsible';
+
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+    status?: "running" | "error" | "pending";
+}): react_jsx_runtime.JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "asChild" | "open"> & ({
+    open?: undefined;
+} | {
+    open: boolean;
+    onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: Omit<React.ComponentProps<typeof CollapsibleTrigger>, "asChild" | "appearance">): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: Omit<React.ComponentProps<typeof CollapsibleContent>, "asChild" | "padding">): react_jsx_runtime.JSX.Element;
+
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };

package/dist/primitives/trace.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  Trace,
+  TraceCollapsible,
+  TraceCollapsibleContent,
+  TraceCollapsibleTrigger,
+  TraceDescription,
+  TraceIcon,
+  TraceLine,
+  TraceTitle
+} from "../chunk-Z45YKVAM.js";
+import "../chunk-NBUWGRQO.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Trace,
+  TraceCollapsible,
+  TraceCollapsibleContent,
+  TraceCollapsibleTrigger,
+  TraceDescription,
+  TraceIcon,
+  TraceLine,
+  TraceTitle
+};

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

@@ -1,244 +1,10 @@
-"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 _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 "use client";
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunkEOUO3OROcjs = require('../chunk-EOUO3ORO.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.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 [supported, setSupported] = _react.useState.call(void 0, false);
-  const [open, setOpen] = _react.useState.call(void 0, false);
-  const [transcript, setTranscript] = _react.useState.call(void 0, "");
-  const [interim, setInterim] = _react.useState.call(void 0, "");
-  const [errored, setErrored] = _react.useState.call(void 0, false);
-  const recognitionRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    const w = window;
-    const Ctor = _nullishCoalesce(w.SpeechRecognition, () => ( w.webkitSpeechRecognition));
-    setSupported(typeof Ctor === "function");
-  }, []);
-  const stop = _react.useCallback.call(void 0, () => {
-    _optionalChain([recognitionRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.stop, 'call', _3 => _3()]);
-    recognitionRef.current = null;
-  }, []);
-  const startRecognition = _react.useCallback.call(void 0, () => {
-    const w = window;
-    const Ctor = _nullishCoalesce(w.SpeechRecognition, () => ( w.webkitSpeechRecognition));
-    if (!Ctor) return;
-    const rec = new Ctor();
-    rec.continuous = continuous;
-    rec.interimResults = true;
-    rec.lang = lang;
-    rec.onresult = (event) => {
-      let finalChunk = "";
-      let interimChunk = "";
-      for (let i = event.resultIndex; i < event.results.length; i++) {
-        const r = event.results[i];
-        if (!r) continue;
-        if (r.isFinal) finalChunk += r[0].transcript;
-        else interimChunk += r[0].transcript;
-      }
-      if (finalChunk) {
-        setTranscript((prev) => prev ? prev + " " + finalChunk : finalChunk);
-        setInterim("");
-      } else if (interimChunk) {
-        setInterim(interimChunk);
-      }
-    };
-    rec.onerror = () => {
-      setErrored(true);
-    };
-    rec.onend = () => {
-      recognitionRef.current = null;
-    };
-    recognitionRef.current = rec;
-    setErrored(false);
-    rec.start();
-  }, [continuous, lang]);
-  const openOverlay = _react.useCallback.call(void 0, () => {
-    setTranscript("");
-    setInterim("");
-    setOpen(true);
-    startRecognition();
-  }, [startRecognition]);
-  const closeOverlay = _react.useCallback.call(void 0, () => {
-    stop();
-    setOpen(false);
-    setInterim("");
-  }, [stop]);
-  const handleDone = _react.useCallback.call(void 0, () => {
-    const final = `${transcript} ${interim}`.trim();
-    closeOverlay();
-    if (final) onCommit(final);
-    else _optionalChain([onCancel, 'optionalCall', _4 => _4()]);
-  }, [transcript, interim, onCommit, onCancel, closeOverlay]);
-  const handleCancel = _react.useCallback.call(void 0, () => {
-    closeOverlay();
-    _optionalChain([onCancel, 'optionalCall', _5 => _5()]);
-  }, [closeOverlay, onCancel]);
-  _react.useEffect.call(void 0, () => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) handleDone();
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [open, handleDone]);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      _optionalChain([recognitionRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.abort, 'call', _8 => _8()]);
-    };
-  }, []);
-  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, 
-      _chunkL4DH72UFcjs.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) closeOverlay();
-        },
-        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.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", { className: "font-mono text-xs uppercase tracking-wider text-muted-foreground", children: 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",
-                          errored ? "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",
-                          errored ? "bg-destructive/40" : "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: "Start speaking \u2014 I'm listening." }) }),
-                  errored && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive mt-4", children: "Couldn't access the microphone. Check permissions." })
-                ] }),
-                /* @__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, 
-                    _chunkL4DH72UFcjs.Button,
-                    {
-                      size: "lg",
-                      className: "h-12 w-full",
-                      onClick: handleDone,
-                      disabled: !displayTranscript.trim(),
-                      children: "Done"
-                    }
-                  ),
-                  /* @__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;
+exports.VoiceDictationButton = _chunkEOUO3OROcjs.VoiceDictationButton;