@epicbagel/saas-kit 1.22.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
+};

package/dist/primitives/agent-audio-visualizer-bar.d.cts

@@ -11,10 +11,10 @@ import { AgentVisualizerState } from '../hooks/use-agent-audio-visualizer-bar.cj
  */
 declare function normalizeVolumeBands(bands: number[], count: number): number[];
 declare const AgentAudioVisualizerBarElementVariants: (props?: ({
-    size?: "icon" | "md" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const AgentAudioVisualizerBarVariants: (props?: ({
-    size?: "icon" | "md" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Props for the AgentAudioVisualizerBar component.

package/dist/primitives/agent-audio-visualizer-bar.d.ts

@@ -11,10 +11,10 @@ import { AgentVisualizerState } from '../hooks/use-agent-audio-visualizer-bar.js
  */
 declare function normalizeVolumeBands(bands: number[], count: number): number[];
 declare const AgentAudioVisualizerBarElementVariants: (props?: ({
-    size?: "icon" | "md" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const AgentAudioVisualizerBarVariants: (props?: ({
-    size?: "icon" | "md" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Props for the AgentAudioVisualizerBar component.

package/dist/primitives/alert.d.cts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/alert.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/attachment.d.cts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/attachment.d.ts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/bubble.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "muted" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/bubble.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "muted" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/button.d.cts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "icon" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;
     shape?: "circle" | "default" | "pill" | null | undefined;
-    ring?: "surface" | "none" | null | undefined;
+    ring?: "none" | "surface" | null | undefined;
     grow?: boolean | null | undefined;
     minWidth?: "auto" | "zero" | null | undefined;
     textAlign?: "center" | "start" | null | undefined;

package/dist/primitives/button.d.ts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "icon" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;
     shape?: "circle" | "default" | "pill" | null | undefined;
-    ring?: "surface" | "none" | null | undefined;
+    ring?: "none" | "surface" | null | undefined;
     grow?: boolean | null | undefined;
     minWidth?: "auto" | "zero" | null | undefined;
     textAlign?: "center" | "start" | null | undefined;

package/dist/primitives/chat.cjs

@@ -10,7 +10,7 @@ var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 var _chunkPH2TV7XIcjs = require('../chunk-PH2TV7XI.cjs');
 
 
-var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
+var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
 
 
 
@@ -489,7 +489,7 @@ function ChatInput({
                     children: header
                   }
                 ),
-                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession }) }),
+                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHETZNLKTcjs.VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   ChatAttachmentList,
                   {
@@ -579,7 +579,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHETZNLKTcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                         _chunkJDEXZGIYcjs.Button,
                         {
                           type: "submit",
@@ -641,7 +641,7 @@ function VoiceHero({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-5 py-6", children: [
     voiceSession ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHETZNLKTcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkPH2TV7XIcjs.VoiceDictationButton,
         {

package/dist/primitives/chat.js

@@ -10,7 +10,7 @@ import {
 } from "../chunk-ZGTPNSR7.js";
 import {
   VoiceSessionControls
-} from "../chunk-KF4X37DP.js";
+} from "../chunk-PL2462GA.js";
 import {
   Suggestion,
   Suggestions

package/dist/primitives/item.d.cts

@@ -8,14 +8,14 @@ import '@radix-ui/react-separator';
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
-    variant?: "muted" | "default" | "outline" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "xs" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "icon" | "image" | "default" | null | undefined;
+    variant?: "image" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/item.d.ts

@@ -8,14 +8,14 @@ import '@radix-ui/react-separator';
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
-    variant?: "muted" | "default" | "outline" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "xs" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "icon" | "image" | "default" | null | undefined;
+    variant?: "image" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/section-header.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const sectionHeaderVariants: (props?: ({
     variant?: "muted" | "plain" | null | undefined;
-    spacing?: "tight" | "loose" | "none" | null | undefined;
+    spacing?: "none" | "tight" | "loose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "children">, VariantProps<typeof sectionHeaderVariants> {
     /** Pre-rendered icon node. Sized to match the header text. */

package/dist/primitives/section-header.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const sectionHeaderVariants: (props?: ({
     variant?: "muted" | "plain" | null | undefined;
-    spacing?: "tight" | "loose" | "none" | null | undefined;
+    spacing?: "none" | "tight" | "loose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "children">, VariantProps<typeof sectionHeaderVariants> {
     /** Pre-rendered icon node. Sized to match the header text. */

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/voice-session-controls.cjs

@@ -2,11 +2,11 @@
 "use client";
 
 
-var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
+var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
 require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 
 
-exports.VoiceSessionControls = _chunkYMI3X2YLcjs.VoiceSessionControls;
+exports.VoiceSessionControls = _chunkHETZNLKTcjs.VoiceSessionControls;

package/dist/primitives/voice-session-controls.d.cts

@@ -22,10 +22,18 @@ interface VoiceSessionControlsProps {
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
     labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
+    /**
+     * Called when someone is about to start (the start control is hovered,
+     * pressed or focused), before the click lands. Hosts load their voice
+     * transport here so starting doesn't wait for it. It must never touch the
+     * microphone: capture belongs to `onStart`, so warming never prompts for
+     * permission. It can fire several times; make it idempotent.
+     */
+    onWarm?: () => void;
     size?: "icon" | "hero";
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
 export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

package/dist/primitives/voice-session-controls.d.ts

@@ -22,10 +22,18 @@ interface VoiceSessionControlsProps {
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
     labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
+    /**
+     * Called when someone is about to start (the start control is hovered,
+     * pressed or focused), before the click lands. Hosts load their voice
+     * transport here so starting doesn't wait for it. It must never touch the
+     * microphone: capture belongs to `onStart`, so warming never prompts for
+     * permission. It can fire several times; make it idempotent.
+     */
+    onWarm?: () => void;
     size?: "icon" | "hero";
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
 export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

package/dist/primitives/voice-session-controls.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KF4X37DP.js";
+} from "../chunk-PL2462GA.js";
 import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/workflow-assistant.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
+var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
 require('../chunk-NKWHDI4C.cjs');
 
 
@@ -139,7 +139,7 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", "aria-label": _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _16 => _16.minimize]), () => ( "Minimize voice review")), onClick: () => toggle(false), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" }) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYMI3X2YLcjs.VoiceSessionControls,
+          _chunkHETZNLKTcjs.VoiceSessionControls,
           {
             ...voiceSession,
             disabled: Boolean(startDisabled),

package/dist/primitives/workflow-assistant.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KF4X37DP.js";
+} from "../chunk-PL2462GA.js";
 import "../chunk-5OF6D3GH.js";
 import {
   Button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [

package/dist/chunk-KF4X37DP.js

@@ -1,140 +0,0 @@
-"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,
-  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 ? /* @__PURE__ */ jsxs("div", { "data-slot": "voice-session-strip", className: "flex w-full flex-wrap items-center gap-4 bg-primary/5 p-4 @2xl/voice:flex-nowrap @2xl/voice:px-5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 basis-full items-center gap-3 @2xl/voice:basis-auto @2xl/voice:gap-4", children: [
-            /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: cn(
-              "flex size-12 shrink-0 items-center justify-center rounded-full ring-8 ring-primary/5 @sm/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 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] shrink-0 rounded-xl bg-background px-3 text-foreground",
-                "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" }),
-                  muted ? copy.unmuteShort : copy.muteShort
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                variant: "outline",
-                size: "sm",
-                className: "min-h-[44px] shrink-0 rounded-xl bg-background px-3 text-foreground",
-                "aria-label": copy.end,
-                title: copy.end,
-                onClick: onEnd,
-                children: [
-                  /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "fill-current" }),
-                  copy.endShort
-                ]
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            size: "icon",
-            shape: "circle",
-            disabled,
-            onClick: onStart,
-            "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
-};

package/dist/chunk-YMI3X2YL.cjs

@@ -1,140 +0,0 @@
-"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,
-  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 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "voice-session-strip", className: "flex w-full flex-wrap items-center gap-4 bg-primary/5 p-4 @2xl/voice:flex-nowrap @2xl/voice:px-5", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 basis-full items-center gap-3 @2xl/voice:basis-auto @2xl/voice:gap-4", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": "true", className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-              "flex size-12 shrink-0 items-center justify-center rounded-full ring-8 ring-primary/5 @sm/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 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] shrink-0 rounded-xl bg-background px-3 text-foreground",
-                "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" }),
-                  muted ? copy.unmuteShort : copy.muteShort
-                ]
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkJDEXZGIYcjs.Button,
-              {
-                type: "button",
-                variant: "outline",
-                size: "sm",
-                className: "min-h-[44px] shrink-0 rounded-xl bg-background px-3 text-foreground",
-                "aria-label": copy.end,
-                title: copy.end,
-                onClick: onEnd,
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true", className: "fill-current" }),
-                  copy.endShort
-                ]
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJDEXZGIYcjs.Button,
-          {
-            type: "button",
-            size: "icon",
-            shape: "circle",
-            disabled,
-            onClick: onStart,
-            "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;