@epicbagel/saas-kit 1.7.0 → 1.11.0

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

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ReactNode, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { AgentVisualizerState } from '../hooks/use-agent-audio-visualizer-bar.cjs';
+
+/**
+ * Resizes an array of per-band volume values to exactly `count` entries.
+ * Excess values are trimmed from the end; if there are too few, the last
+ * value is duplicated to fill the remainder. An empty array is padded with 0s.
+ */
+declare function normalizeVolumeBands(bands: number[], count: number): number[];
+declare const AgentAudioVisualizerBarElementVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const AgentAudioVisualizerBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Props for the AgentAudioVisualizerBar component.
+ */
+interface AgentAudioVisualizerBarProps {
+    /**
+     * The size of the visualizer.
+     * @defaultValue 'md'
+     */
+    size?: 'icon' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * The current state of the agent. Determines the animation pattern.
+     * @defaultValue 'connecting'
+     */
+    state?: AgentVisualizerState;
+    /**
+     * The color of the bars in hexidecimal format.
+     */
+    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.
+     */
+    barCount?: number;
+    /**
+     * Volume values (0-1) to use supplied by the host audio transport.
+     * The volumeBands.length should match barCount.
+     */
+    volumeBands?: number[];
+    /**
+     * Additional CSS class names to apply to the container.
+     */
+    className?: string;
+    /**
+     * Custom div element to render as grid cells. Each child receives data-lk-index,
+     * data-lk-highlighted props and style props for height. Must be a single div element.
+     */
+    children?: ReactNode;
+}
+/**
+ * A bar-style audio visualizer that responds to agent state and audio levels.
+ * Displays animated bars that react to the current agent state (connecting, thinking, speaking, etc.)
+ * and audio volume when speaking or listening with supplied microphone bands.
+ *
+ * @extends ComponentProps<'div'>
+ *
+ * @example
+ * ```tsx
+ * <AgentAudioVisualizerBar
+ *   size="md"
+ *   state="speaking"
+ *   volumeBands={volumeBands}
+ * />
+ * ```
+ */
+declare function AgentAudioVisualizerBar({ size, state, color, barCount, volumeBands, className, children, style, ...props }: AgentAudioVisualizerBarProps & VariantProps<typeof AgentAudioVisualizerBarVariants> & ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { AgentAudioVisualizerBar, AgentAudioVisualizerBarElementVariants, type AgentAudioVisualizerBarProps, AgentAudioVisualizerBarVariants, normalizeVolumeBands };

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

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ReactNode, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { AgentVisualizerState } from '../hooks/use-agent-audio-visualizer-bar.js';
+
+/**
+ * Resizes an array of per-band volume values to exactly `count` entries.
+ * Excess values are trimmed from the end; if there are too few, the last
+ * value is duplicated to fill the remainder. An empty array is padded with 0s.
+ */
+declare function normalizeVolumeBands(bands: number[], count: number): number[];
+declare const AgentAudioVisualizerBarElementVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const AgentAudioVisualizerBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Props for the AgentAudioVisualizerBar component.
+ */
+interface AgentAudioVisualizerBarProps {
+    /**
+     * The size of the visualizer.
+     * @defaultValue 'md'
+     */
+    size?: 'icon' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * The current state of the agent. Determines the animation pattern.
+     * @defaultValue 'connecting'
+     */
+    state?: AgentVisualizerState;
+    /**
+     * The color of the bars in hexidecimal format.
+     */
+    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.
+     */
+    barCount?: number;
+    /**
+     * Volume values (0-1) to use supplied by the host audio transport.
+     * The volumeBands.length should match barCount.
+     */
+    volumeBands?: number[];
+    /**
+     * Additional CSS class names to apply to the container.
+     */
+    className?: string;
+    /**
+     * Custom div element to render as grid cells. Each child receives data-lk-index,
+     * data-lk-highlighted props and style props for height. Must be a single div element.
+     */
+    children?: ReactNode;
+}
+/**
+ * A bar-style audio visualizer that responds to agent state and audio levels.
+ * Displays animated bars that react to the current agent state (connecting, thinking, speaking, etc.)
+ * and audio volume when speaking or listening with supplied microphone bands.
+ *
+ * @extends ComponentProps<'div'>
+ *
+ * @example
+ * ```tsx
+ * <AgentAudioVisualizerBar
+ *   size="md"
+ *   state="speaking"
+ *   volumeBands={volumeBands}
+ * />
+ * ```
+ */
+declare function AgentAudioVisualizerBar({ size, state, color, barCount, volumeBands, className, children, style, ...props }: AgentAudioVisualizerBarProps & VariantProps<typeof AgentAudioVisualizerBarVariants> & ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { AgentAudioVisualizerBar, AgentAudioVisualizerBarElementVariants, type AgentAudioVisualizerBarProps, AgentAudioVisualizerBarVariants, normalizeVolumeBands };

package/dist/primitives/agent-audio-visualizer-bar.js

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+import {
+  AgentAudioVisualizerBar,
+  AgentAudioVisualizerBarElementVariants,
+  AgentAudioVisualizerBarVariants,
+  normalizeVolumeBands
+} from "../chunk-5OF6D3GH.js";
+import "../chunk-G6SRSWXB.js";
+import "../chunk-GJ7S3L6R.js";
+export {
+  AgentAudioVisualizerBar,
+  AgentAudioVisualizerBarElementVariants,
+  AgentAudioVisualizerBarVariants,
+  normalizeVolumeBands
+};

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/archive-confirmation-dialog.cjs

@@ -2,10 +2,10 @@
 "use client";
 
 
-var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
+var _chunkKM5FHCXUcjs = require('../chunk-KM5FHCXU.cjs');
 
 
-var _chunkKM5FHCXUcjs = require('../chunk-KM5FHCXU.cjs');
+var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
 require('../chunk-LIUYHYFN.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/archive-confirmation-dialog.js

@@ -1,11 +1,11 @@
 "use client";
 "use client";
-import {
-  Icon
-} from "../chunk-KN4RPX35.js";
 import {
   DeleteConfirmationDialog
 } from "../chunk-WL73DFE3.js";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
 import "../chunk-ZLU32SRP.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

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/board-view.cjs

@@ -2,27 +2,27 @@
 "use client";
 
 
-var _chunkQTWJQQDHcjs = require('../chunk-QTWJQQDH.cjs');
+var _chunkFBVZRRA4cjs = require('../chunk-FBVZRRA4.cjs');
 require('../chunk-EUFV25KL.cjs');
 require('../chunk-7YCKII7G.cjs');
-require('../chunk-CRTH5GJ5.cjs');
+require('../chunk-MW67PHAQ.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
-require('../chunk-LELBCBDT.cjs');
-require('../chunk-VOTCYG3F.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
+require('../chunk-LELBCBDT.cjs');
 require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
+require('../chunk-VOTCYG3F.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-VBPPFC7X.cjs');
 require('../chunk-JDEXZGIY.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-KWLSBTB2.cjs');
+require('../chunk-R35FT53G.cjs');
 
 // src/primitives/board-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -57,7 +57,7 @@ function BoardView({
   onSortChange
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQTWJQQDHcjs.ResourceList,
+    _chunkFBVZRRA4cjs.ResourceList,
     {
       data,
       loading,

package/dist/primitives/board-view.js

@@ -2,27 +2,27 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-JN6JOSZG.js";
+} from "../chunk-LQPJGZIE.js";
 import "../chunk-43UMPZWD.js";
 import "../chunk-EEHIMPD7.js";
-import "../chunk-KNKV25WS.js";
+import "../chunk-UFFHGKI7.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
-import "../chunk-H2O6NMLZ.js";
-import "../chunk-H2CCBRVG.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
+import "../chunk-H2O6NMLZ.js";
 import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
+import "../chunk-H2CCBRVG.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-YEW65ASC.js";
 import "../chunk-W326GKML.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-G6SRSWXB.js";
+import "../chunk-PIU5SSUV.js";
 
 // src/primitives/board-view.tsx
 import { jsx } from "react/jsx-runtime";

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;