fix: storybook build (#1293)

Author: thomasyuill-livekit

packages/shadcn/components/agents-ui/agent-audio-visualizer-aura.tsx

@@ -1,12 +1,10 @@
-/*
- * Originally developed for Unicorn Studio
- * https://unicorn.studio
- *
- * Licensed under the Polyform Non-Resale License 1.0.0
- * https://polyformproject.org/licenses/non-resale/1.0.0/
- *
- * © 2026 UNCRN LLC
- */
+// Originally developed for Unicorn Studio
+// https://unicorn.studio
+//
+// Licensed under the Polyform Non-Resale License 1.0.0
+// https://polyformproject.org/licenses/non-resale/1.0.0/
+//
+// © 2026 UNCRN LLC
 
 'use client';
 
@@ -247,10 +245,10 @@ interface AuraShaderProps {
   blur?: number;
 
   /**
-   * Color of the aura
+   * Color of the aura in hexidecimal format.
    * @default '#1FD5F9'
    */
-  color?: string;
+  color?: `#${string}`;
 
   /**
    * Color variation across layers (0-1)
@@ -372,10 +370,10 @@ export interface AgentAudioVisualizerAuraProps {
    */
   state?: AgentState;
   /**
-   * The color of the aura in hex format.
+   * The color of the aura in hexidecimal format.
    * @defaultValue '#1FD5F9'
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * The color shift of the aura.
    * @defaultValue 0.05

packages/shadcn/components/agents-ui/agent-audio-visualizer-bar.tsx

@@ -94,9 +94,9 @@ export interface AgentAudioVisualizerBarProps {
    */
   state?: AgentState;
   /**
-   * The color of the bars.
+   * The color of the bars in hexidecimal format.
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * The number of bars to display in the visualizer.
    * If not provided, defaults based on size: 3 for 'icon'/'sm', 5 for others.

packages/shadcn/components/agents-ui/agent-audio-visualizer-grid.tsx

@@ -199,10 +199,9 @@ export type AgentAudioVisualizerGridProps = GridOptions & {
    */
   state?: AgentState;
   /**
-   * The color of the grid cells.
-   * @defaultValue '#1FD5F9'
+   * The color of the grid cells in hexidecimal format.
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * The audio track to visualize. Can be a local/remote audio track or a track reference.
    */

packages/shadcn/components/agents-ui/agent-audio-visualizer-radial.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { type ComponentProps, CSSProperties, useMemo } from 'react';
+import { type ComponentProps, type CSSProperties, useMemo } from 'react';
 import { type VariantProps, cva } from 'class-variance-authority';
 import { type LocalAudioTrack, type RemoteAudioTrack } from 'livekit-client';
 import {
@@ -19,7 +19,7 @@ export const AgentAudioVisualizerRadialVariants = cva(
     '**:data-lk-index:rounded-full **:data-lk-index:transition-colors **:data-lk-index:duration-150 **:data-lk-index:ease-linear **:data-lk-index:data-[lk-highlighted=true]:bg-current',
     'has-data-[lk-state=connecting]:**:data-lk-index:duration-300',
     'has-data-[lk-state=initializing]:**:data-lk-index:duration-300',
-    'has-data-[lk-state=listening]:**:data-lk-index:duration-300 has-data-[lk-state=listening]:**:data-lk-index:duration-300',
+    'has-data-[lk-state=listening]:**:data-lk-index:duration-300',
     'has-data-[lk-state=thinking]:animate-spin has-data-[lk-state=thinking]:[animation-duration:5s] has-data-[lk-state=thinking]:**:data-lk-index:bg-current',
   ],
   {
@@ -53,10 +53,9 @@ export interface AgentAudioVisualizerRadialProps {
    */
   state?: AgentState;
   /**
-   * The color of the radial bars.
-   * @defaultValue '#1FD5F9'
+   * The color of the radial bars in hexidecimal format.
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * The radius (distance from center) for the radial bars.
    * If not provided, defaults based on size.

packages/shadcn/components/agents-ui/agent-audio-visualizer-wave.tsx

@@ -169,10 +169,10 @@ interface WaveShaderProps {
    */
   frequency?: number;
   /**
-   * Color of the oscilloscope
+   * Color of the oscilloscope in hexidecimal format.
    * @default '#1FD5F9'
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * Hue shift amount applied toward the outside of the wave. Center remains at the base color.
    * @default 0.05
@@ -266,10 +266,10 @@ export interface AgentAudioVisualizerWaveProps {
    */
   state?: AgentState;
   /**
-   * The color of the wave in hex format.
+   * The color of the wave in hexidecimal format.
    * @defaultValue '#1FD5F9'
    */
-  color?: string;
+  color?: `#${string}`;
   /**
    * The color shift of the wave. Higher values increase hue variation toward the edges.
    * @defaultValue 0.05

packages/shadcn/package.json

@@ -38,7 +38,7 @@
     "lucide-react": "^0.555.0",
     "motion": "^12.16.0",
     "sonner": "^2.0.7",
-    "streamdown": "^1.6.9",
+    "streamdown": "^2.3.0",
     "tailwind-merge": "^3.3.0",
     "use-stick-to-bottom": "^1.1.1"
   },