@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/toggle-group.js

@@ -0,0 +1,51 @@
+"use client";
+import {
+  toggleVariants
+} from "../chunk-FJLINIC6.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/toggle-group.tsx
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx } from "react/jsx-runtime";
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, grow = false, textSize = "inherit", ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        grow && "flex-1",
+        textSize === "xs" && "text-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};

package/dist/primitives/toggle.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkGXHGMI3Zcjs = require('../chunk-GXHGMI3Z.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+exports.Toggle = _chunkGXHGMI3Zcjs.Toggle; exports.toggleVariants = _chunkGXHGMI3Zcjs.toggleVariants;

package/dist/primitives/toggle.d.cts

@@ -0,0 +1,15 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+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;
+} & 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;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, toggleVariants };

package/dist/primitives/toggle.d.ts

@@ -0,0 +1,15 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+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;
+} & 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;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, toggleVariants };

package/dist/primitives/toggle.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  Toggle,
+  toggleVariants
+} from "../chunk-FJLINIC6.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Toggle,
+  toggleVariants
+};

package/dist/primitives/tooltip.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+var _chunkU2NES7VRcjs = require('../chunk-U2NES7VR.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+exports.Tooltip = _chunkU2NES7VRcjs.Tooltip; exports.TooltipContent = _chunkU2NES7VRcjs.TooltipContent; exports.TooltipProvider = _chunkU2NES7VRcjs.TooltipProvider; exports.TooltipTrigger = _chunkU2NES7VRcjs.TooltipTrigger;

package/dist/primitives/tooltip.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/tooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/tooltip.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "../chunk-ZRLUUZHK.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

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

@@ -0,0 +1,244 @@
+"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 client";
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.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;

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

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } 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?: ReactNode;
+    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    caption?: string;
+    /** BCP-47 language tag. Defaults to "en-US". */
+    lang?: string;
+    /** Whether to keep listening across silences. Defaults to true. */
+    continuous?: boolean;
+    /** Tailwind className overrides on the trigger button. */
+    className?: string;
+    /** Trigger button size. */
+    size?: "default" | "sm" | "lg" | "icon" | "voice-sm";
+    /** Show "Speak" label next to the mic icon on the trigger. */
+    showLabel?: boolean;
+    /** Render the trigger only — exposed for parents that want a custom trigger. */
+    children?: ReactNode;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    visibility?: "visible" | "hidden";
+    shrink?: boolean;
+}
+/**
+ * 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.
+ */
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+
+export { VoiceDictationButton, type VoiceDictationButtonProps };

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

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } 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?: ReactNode;
+    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    caption?: string;
+    /** BCP-47 language tag. Defaults to "en-US". */
+    lang?: string;
+    /** Whether to keep listening across silences. Defaults to true. */
+    continuous?: boolean;
+    /** Tailwind className overrides on the trigger button. */
+    className?: string;
+    /** Trigger button size. */
+    size?: "default" | "sm" | "lg" | "icon" | "voice-sm";
+    /** Show "Speak" label next to the mic icon on the trigger. */
+    showLabel?: boolean;
+    /** Render the trigger only — exposed for parents that want a custom trigger. */
+    children?: ReactNode;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    visibility?: "visible" | "hidden";
+    shrink?: boolean;
+}
+/**
+ * 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.
+ */
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+
+export { VoiceDictationButton, type VoiceDictationButtonProps };