@epicbagel/saas-kit 1.21.0 → 1.23.0

package/dist/chunk-HETZNLKT.cjs

@@ -0,0 +1,148 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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";
+
+
+var _chunkNKWHDI4Ccjs = require('./chunk-NKWHDI4C.cjs');
+
+
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/voice-session-controls.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var SILENCE = [];
+var silence = () => SILENCE;
+var noSubscription = () => () => {
+};
+var DEFAULT_LABELS = {
+  disconnected: "Voice chat",
+  connecting: "Connecting\u2026",
+  listening: "Listening\u2026",
+  thinking: "Thinking\u2026",
+  speaking: "Speaking",
+  reconnecting: "Reconnecting\u2026",
+  error: "Voice chat unavailable",
+  start: "Start voice chat",
+  end: "End voice chat",
+  mute: "Mute microphone",
+  unmute: "Unmute microphone",
+  muted: "Microphone muted",
+  retry: "Retry voice chat",
+  endShort: "End voice",
+  muteShort: "Mute",
+  unmuteShort: "Unmute"
+};
+function VoiceSessionControls({
+  state,
+  onStart,
+  onEnd,
+  muted = false,
+  onMutedChange,
+  disabled = false,
+  error,
+  volumeBands,
+  audioLevels,
+  labels,
+  onWarm,
+  size = "icon",
+  className
+}) {
+  const liveBands = _react.useSyncExternalStore.call(void 0, _nullishCoalesce(_optionalChain([audioLevels, 'optionalAccess', _ => _.subscribe]), () => ( noSubscription)), _nullishCoalesce(_optionalChain([audioLevels, 'optionalAccess', _2 => _2.getSnapshot]), () => ( silence)), silence);
+  const copy = { ...DEFAULT_LABELS, ...labels };
+  const active = state !== "disconnected" && state !== "error";
+  const waiting = state === "connecting" || state === "reconnecting";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "voice-session-controls",
+      "data-state": state,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0", active ? "@container/voice w-full" : "flex flex-wrap items-center gap-2", className),
+      children: [
+        active ? (
+          // One row at every width: on a narrow strip the actions show only their
+          // icons (each keeps its full name), rather than wrapping onto a second row.
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "voice-session-strip", className: "flex w-full flex-nowrap items-center gap-3 bg-primary/5 p-3 @sm/voice:gap-4 @sm/voice:p-4 @2xl/voice:px-5", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3 @2xl/voice:gap-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": "true", className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                "flex size-10 shrink-0 items-center justify-center rounded-full ring-8 ring-primary/5 @sm/voice:size-12 @md/voice:size-14",
+                muted ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground"
+              ), children: muted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MicOff, { className: "size-5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "size-5" }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkNKWHDI4Ccjs.AgentAudioVisualizerBar,
+                {
+                  "aria-hidden": "true",
+                  size: "sm",
+                  barCount: 5,
+                  className: "shrink-0 text-primary [&>div]:w-1",
+                  state: muted && state === "listening" ? "disconnected" : state === "reconnecting" ? "connecting" : state,
+                  volumeBands: muted && state === "listening" ? SILENCE : _nullishCoalesce(volumeBands, () => ( liveBands))
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "status", className: "min-w-0 flex-1 truncate text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkJDEXZGIYcjs.Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
+                  "aria-label": muted ? copy.unmute : copy.mute,
+                  title: muted ? copy.unmute : copy.mute,
+                  "aria-pressed": muted,
+                  disabled: waiting,
+                  onClick: () => onMutedChange(!muted),
+                  children: [
+                    muted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MicOff, { "aria-hidden": "true" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: muted ? copy.unmuteShort : copy.muteShort })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkJDEXZGIYcjs.Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
+                  "aria-label": copy.end,
+                  title: copy.end,
+                  onClick: onEnd,
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true", className: "fill-current" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: copy.endShort })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkJDEXZGIYcjs.Button,
+          {
+            type: "button",
+            size: "icon",
+            shape: "circle",
+            disabled,
+            onClick: onStart,
+            onPointerEnter: onWarm,
+            onPointerDown: onWarm,
+            onFocus: onWarm,
+            "aria-label": state === "error" ? copy.retry : copy.start,
+            title: state === "error" ? copy.retry : copy.start,
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-[44px] min-w-[44px] shrink-0 rounded-full", size === "hero" && "size-24 [&_svg]:size-7"),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AudioLines, { "aria-hidden": "true" })
+          }
+        ),
+        state === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "basis-full text-xs text-destructive", children: error || copy.error })
+      ]
+    }
+  );
+}
+
+
+
+exports.VoiceSessionControls = VoiceSessionControls;

package/dist/chunk-PL2462GA.js

@@ -0,0 +1,148 @@
+"use client";
+import {
+  AgentAudioVisualizerBar
+} from "./chunk-5OF6D3GH.js";
+import {
+  Button
+} from "./chunk-W326GKML.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/voice-session-controls.tsx
+import { useSyncExternalStore } from "react";
+import { Mic, MicOff, Square, AudioLines } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SILENCE = [];
+var silence = () => SILENCE;
+var noSubscription = () => () => {
+};
+var DEFAULT_LABELS = {
+  disconnected: "Voice chat",
+  connecting: "Connecting\u2026",
+  listening: "Listening\u2026",
+  thinking: "Thinking\u2026",
+  speaking: "Speaking",
+  reconnecting: "Reconnecting\u2026",
+  error: "Voice chat unavailable",
+  start: "Start voice chat",
+  end: "End voice chat",
+  mute: "Mute microphone",
+  unmute: "Unmute microphone",
+  muted: "Microphone muted",
+  retry: "Retry voice chat",
+  endShort: "End voice",
+  muteShort: "Mute",
+  unmuteShort: "Unmute"
+};
+function VoiceSessionControls({
+  state,
+  onStart,
+  onEnd,
+  muted = false,
+  onMutedChange,
+  disabled = false,
+  error,
+  volumeBands,
+  audioLevels,
+  labels,
+  onWarm,
+  size = "icon",
+  className
+}) {
+  const liveBands = useSyncExternalStore(audioLevels?.subscribe ?? noSubscription, audioLevels?.getSnapshot ?? silence, silence);
+  const copy = { ...DEFAULT_LABELS, ...labels };
+  const active = state !== "disconnected" && state !== "error";
+  const waiting = state === "connecting" || state === "reconnecting";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "voice-session-controls",
+      "data-state": state,
+      className: cn("min-w-0", active ? "@container/voice w-full" : "flex flex-wrap items-center gap-2", className),
+      children: [
+        active ? (
+          // One row at every width: on a narrow strip the actions show only their
+          // icons (each keeps its full name), rather than wrapping onto a second row.
+          /* @__PURE__ */ jsxs("div", { "data-slot": "voice-session-strip", className: "flex w-full flex-nowrap items-center gap-3 bg-primary/5 p-3 @sm/voice:gap-4 @sm/voice:p-4 @2xl/voice:px-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3 @2xl/voice:gap-4", children: [
+              /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: cn(
+                "flex size-10 shrink-0 items-center justify-center rounded-full ring-8 ring-primary/5 @sm/voice:size-12 @md/voice:size-14",
+                muted ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground"
+              ), children: muted ? /* @__PURE__ */ jsx(MicOff, { className: "size-5" }) : /* @__PURE__ */ jsx(Mic, { className: "size-5" }) }),
+              /* @__PURE__ */ jsx(
+                AgentAudioVisualizerBar,
+                {
+                  "aria-hidden": "true",
+                  size: "sm",
+                  barCount: 5,
+                  className: "shrink-0 text-primary [&>div]:w-1",
+                  state: muted && state === "listening" ? "disconnected" : state === "reconnecting" ? "connecting" : state,
+                  volumeBands: muted && state === "listening" ? SILENCE : volumeBands ?? liveBands
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { role: "status", className: "min-w-0 flex-1 truncate text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
+                  "aria-label": muted ? copy.unmute : copy.mute,
+                  title: muted ? copy.unmute : copy.mute,
+                  "aria-pressed": muted,
+                  disabled: waiting,
+                  onClick: () => onMutedChange(!muted),
+                  children: [
+                    muted ? /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MicOff, { "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx("span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: muted ? copy.unmuteShort : copy.muteShort })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
+                  "aria-label": copy.end,
+                  title: copy.end,
+                  onClick: onEnd,
+                  children: [
+                    /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "fill-current" }),
+                    /* @__PURE__ */ jsx("span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: copy.endShort })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "icon",
+            shape: "circle",
+            disabled,
+            onClick: onStart,
+            onPointerEnter: onWarm,
+            onPointerDown: onWarm,
+            onFocus: onWarm,
+            "aria-label": state === "error" ? copy.retry : copy.start,
+            title: state === "error" ? copy.retry : copy.start,
+            className: cn("min-h-[44px] min-w-[44px] shrink-0 rounded-full", size === "hero" && "size-24 [&_svg]:size-7"),
+            children: /* @__PURE__ */ jsx(AudioLines, { "aria-hidden": "true" })
+          }
+        ),
+        state === "error" && /* @__PURE__ */ jsx("span", { role: "alert", className: "basis-full text-xs text-destructive", children: error || copy.error })
+      ]
+    }
+  );
+}
+
+export {
+  VoiceSessionControls
+};