liquidcn 0.0.1 → 0.1.0-alpha.6

package/dist/esm/speech-to-text/server.js

@@ -0,0 +1,63 @@
+import { openai } from '@ai-sdk/openai';
+import { experimental_transcribe as transcribe } from 'ai';
+const DEFAULT_MODEL = 'gpt-4o-transcribe';
+export async function transcribeAudio(audioData, options) {
+    const model = options?.model || DEFAULT_MODEL;
+    const result = await transcribe({
+        model: openai.transcription(model),
+        audio: audioData,
+        providerOptions: {
+            openai: {
+                ...(options?.language && { language: options.language }),
+                timestampGranularities: ['segment'],
+            },
+        },
+    });
+    return {
+        text: result.text,
+        segments: result.segments,
+        duration: result.durationInSeconds,
+        language: result.language,
+    };
+}
+export function createSpeechToTextHandler(options) {
+    return async (req) => {
+        try {
+            if (!process.env.OPENAI_API_KEY) {
+                return new Response(JSON.stringify({
+                    error: 'Missing OPENAI_API_KEY environment variable',
+                }), { status: 500, headers: { 'Content-Type': 'application/json' } });
+            }
+            if (options?.authenticate) {
+                const isAuthenticated = await options.authenticate(req);
+                if (!isAuthenticated) {
+                    return new Response(JSON.stringify({ error: 'Unauthorized' }), { status: 401, headers: { 'Content-Type': 'application/json' } });
+                }
+            }
+            const formData = await req.formData();
+            const audioFile = formData.get('audio');
+            const language = formData.get('language') || undefined;
+            const model = formData.get('model') || options?.defaultModel || DEFAULT_MODEL;
+            if (!audioFile) {
+                return new Response(JSON.stringify({
+                    error: 'Audio file is required',
+                }), { status: 400, headers: { 'Content-Type': 'application/json' } });
+            }
+            const arrayBuffer = await audioFile.arrayBuffer();
+            const audioData = new Uint8Array(arrayBuffer);
+            const result = await transcribeAudio(audioData, { model, language });
+            return new Response(JSON.stringify(result), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' },
+            });
+        }
+        catch (error) {
+            console.error('Speech-to-text error:', error);
+            return new Response(JSON.stringify({
+                error: 'Failed to transcribe audio',
+                details: error instanceof Error ? error.message : 'Unknown error',
+            }), { status: 500, headers: { 'Content-Type': 'application/json' } });
+        }
+    };
+}
+//# sourceMappingURL=server.js.map

package/dist/esm/speech-to-text/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../src/speech-to-text/server.ts"],"names":[],"mappings":"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"}

package/dist/esm/speech-to-text/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/speech-to-text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/speech-to-text/types.ts"],"names":[],"mappings":""}

package/dist/styles.css

@@ -16,6 +16,8 @@
 }
 
 /* Size variants - backdrop blur + saturation + wrapper shadow */
+/* NO background-color here - components define their own backgrounds */
+
 .glass-sm {
   backdrop-filter: blur(24px) saturate(1.1);
   -webkit-backdrop-filter: blur(24px) saturate(1.1);
@@ -99,6 +101,15 @@
   background: rgba(0, 0, 0, 0.02);
 }
 
+/* Dialog-specific tint - visible on light backgrounds */
+.glass-tint-dialog {
+  background: rgba(255, 255, 255, 0.5);
+}
+
+.dark .glass-tint-dialog {
+  background: rgba(0, 0, 0, 0.02);
+}
+
 .glass-tint-light {
   background: rgba(255, 255, 255, 0.03);
 }
@@ -176,6 +187,86 @@
   height: 100%;
 }
 
+/* ============================================================================
+     Glass Select Component Styles
+     ============================================================================ */
+
+/* Select trigger - light mode: subtle dark tint */
+.glass-select-trigger {
+  backdrop-filter: blur(24px) saturate(1.1);
+  -webkit-backdrop-filter: blur(24px) saturate(1.1);
+  box-shadow:
+    0 2px 8px rgba(0, 0, 0, 0.06),
+    0 0 0 1px rgba(0, 0, 0, 0.04),
+    inset 0 1px 0px rgba(255, 255, 255, 0.5),
+    inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.03);
+}
+
+/* Select trigger - dark mode: subtle light tint */
+.dark .glass-select-trigger {
+  box-shadow:
+    0 2px 8px rgba(0, 0, 0, 0.15),
+    0 0 0 1px rgba(255, 255, 255, 0.08),
+    inset 0 1px 0px rgba(255, 255, 255, 0.15),
+    inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.12);
+}
+
+/* Select content dropdown - light mode */
+.glass-select-content {
+  backdrop-filter: blur(32px) saturate(1.15);
+  -webkit-backdrop-filter: blur(32px) saturate(1.15);
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.1),
+    0 0 0 1px rgba(0, 0, 0, 0.05),
+    inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
+}
+
+/* Select content dropdown - dark mode */
+.dark .glass-select-content {
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.25),
+    0 0 0 1px rgba(255, 255, 255, 0.1),
+    inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
+}
+
+/* ============================================================================
+     Glass Input/Textarea Component Styles
+     ============================================================================ */
+
+/* Input/Textarea glass wrapper - light mode */
+.glass.glass-lg[class*='border-foreground'] {
+  box-shadow:
+    inset 0 1px 0px rgba(255, 255, 255, 0.7),
+    0 1px 3px rgba(0, 0, 0, 0.06),
+    0 2px 6px rgba(0, 0, 0, 0.04);
+}
+
+/* Input/Textarea glass wrapper - dark mode */
+.dark .glass.glass-lg[class*='border-foreground'] {
+  box-shadow:
+    inset 0 1px 0px rgba(255, 255, 255, 0.1),
+    0 2px 8px rgba(0, 0, 0, 0.15),
+    0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+/* ============================================================================
+     Glass Slider Component Styles
+     ============================================================================ */
+
+/* Slider track - light mode adjustments */
+.glass.glass-sm[class*='bg-foreground'] {
+  box-shadow:
+    inset 0 1px 2px rgba(0, 0, 0, 0.08),
+    0 1px 0px rgba(255, 255, 255, 0.8);
+}
+
+/* Slider track - dark mode */
+.dark .glass.glass-sm[class*='bg-foreground'] {
+  box-shadow:
+    inset 0 1px 2px rgba(0, 0, 0, 0.2),
+    0 1px 0px rgba(255, 255, 255, 0.08);
+}
+
 /* ============================================================================
      Liquid Glass - Shared Heavy Distortion Effect
      ============================================================================ */
@@ -184,7 +275,7 @@
   overflow: hidden;
   backdrop-filter: blur(200px) saturate(2) contrast(1.1);
   -webkit-backdrop-filter: blur(200px) saturate(2) contrast(1.1);
-  background-color: oklch(0.9653 0.0069 247.8959 / 0.82);
+  background-color: oklch(from var(--card) l c h / 0.82);
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.18),
     0 0 0 1px rgba(255, 255, 255, 0.4),
@@ -195,7 +286,7 @@
 }
 
 .dark .liquid-glass {
-  background-color: oklch(0.2765 0.1258 263.68 / 0.82);
+  background-color: oklch(from var(--card) l c h / 0.82);
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.35),
     0 0 0 1px rgba(255, 255, 255, 0.15),
@@ -256,32 +347,32 @@
   background: linear-gradient(
     90deg,
     transparent 0%,
-    oklch(0.9653 0.0069 247.8959 / 0.3) 10%,
-    oklch(0.9653 0.0069 247.8959 / 0.6) 30%,
+    oklch(from var(--border) l c h / 0.3) 10%,
+    oklch(from var(--border) l c h / 0.6) 30%,
     oklch(1 0 0 / 0.8) 50%,
-    oklch(0.9653 0.0069 247.8959 / 0.6) 70%,
-    oklch(0.9653 0.0069 247.8959 / 0.3) 90%,
+    oklch(from var(--border) l c h / 0.6) 70%,
+    oklch(from var(--border) l c h / 0.3) 90%,
     transparent 100%
   );
   box-shadow:
-    0 0 20px 2px oklch(0.9653 0.0069 247.8959 / 0.15),
-    0 0 40px 4px oklch(0.9653 0.0069 247.8959 / 0.1);
+    0 0 20px 2px oklch(from var(--border) l c h / 0.15),
+    0 0 40px 4px oklch(from var(--border) l c h / 0.1);
 }
 
 .dark .liquid-glass-border {
   background: linear-gradient(
     90deg,
     transparent 0%,
-    oklch(0.5 0.15 260 / 0.3) 10%,
-    oklch(0.6 0.18 260 / 0.5) 30%,
-    oklch(0.7 0.2 260 / 0.7) 50%,
-    oklch(0.6 0.18 260 / 0.5) 70%,
-    oklch(0.5 0.15 260 / 0.3) 90%,
+    oklch(from var(--border) l c h / 0.3) 10%,
+    oklch(from var(--border) l c h / 0.5) 30%,
+    oklch(from var(--border) l c h / 0.7) 50%,
+    oklch(from var(--border) l c h / 0.5) 70%,
+    oklch(from var(--border) l c h / 0.3) 90%,
     transparent 100%
   );
   box-shadow:
-    0 0 20px 2px oklch(0.6 0.18 260 / 0.2),
-    0 0 40px 4px oklch(0.6 0.18 260 / 0.1);
+    0 0 20px 2px oklch(from var(--border) l c h / 0.2),
+    0 0 40px 4px oklch(from var(--border) l c h / 0.1);
 }
 
 /* ============================================================================
@@ -292,7 +383,7 @@
 [data-rk] [role='dialog'] > div {
   backdrop-filter: blur(200px) saturate(2) contrast(1.1);
   -webkit-backdrop-filter: blur(200px) saturate(2) contrast(1.1);
-  background-color: oklch(0.9653 0.0069 247.8959 / 0.82);
+  background-color: oklch(from var(--card) l c h / 0.82);
   border-radius: 1rem;
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.18),
@@ -302,7 +393,7 @@
 }
 
 .dark [data-rk] [role='dialog'] > div {
-  background-color: oklch(0.2765 0.1258 263.68 / 0.82);
+  background-color: oklch(from var(--card) l c h / 0.82);
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.35),
     0 0 0 1px rgba(255, 255, 255, 0.15),
@@ -321,7 +412,7 @@
   border: none !important;
   backdrop-filter: blur(200px) saturate(2) contrast(1.1) !important;
   -webkit-backdrop-filter: blur(200px) saturate(2) contrast(1.1) !important;
-  background-color: oklch(0.9653 0.0069 247.8959 / 0.85) !important;
+  background-color: oklch(from var(--card) l c h / 0.85) !important;
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.18),
     0 0 0 1px rgba(255, 255, 255, 0.4),
@@ -332,7 +423,7 @@
 }
 
 .dark [data-sonner-toaster] [data-sonner-toast].liquid-glass {
-  background-color: oklch(0.2765 0.1258 263.68 / 0.85) !important;
+  background-color: oklch(from var(--card) l c h / 0.85) !important;
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.35),
     0 0 0 1px rgba(255, 255, 255, 0.15),
@@ -384,21 +475,21 @@
 [data-sonner-toaster] [data-sonner-toast].liquid-glass [data-title] {
   position: relative !important;
   z-index: 2 !important;
-  color: oklch(0.2093 0.0381 251.4803) !important;
+  color: var(--foreground) !important;
 }
 
 [data-sonner-toaster] [data-sonner-toast].liquid-glass [data-description] {
   position: relative !important;
   z-index: 2 !important;
-  color: oklch(0.5544 0.0407 257.4166) !important;
+  color: var(--muted-foreground) !important;
 }
 
 .dark [data-sonner-toaster] [data-sonner-toast].liquid-glass [data-title] {
-  color: oklch(0.9288 0.0126 255.5078) !important;
+  color: var(--foreground) !important;
 }
 
 .dark [data-sonner-toaster] [data-sonner-toast].liquid-glass [data-description] {
-  color: oklch(0.8107 0.0351 256.7878) !important;
+  color: var(--muted-foreground) !important;
 }
 
 /* Toast icon container - ensure above refraction */
@@ -418,12 +509,12 @@
   position: relative !important;
   z-index: 2 !important;
   backdrop-filter: blur(20px) !important;
-  background-color: oklch(0.9653 0.0069 247.8959 / 0.5) !important;
+  background-color: oklch(from var(--secondary) l c h / 0.5) !important;
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
 }
 
 .dark [data-sonner-toaster] [data-sonner-toast].liquid-glass [data-button] {
-  background-color: oklch(0.2765 0.1258 263.68 / 0.5) !important;
+  background-color: oklch(from var(--secondary) l c h / 0.5) !important;
   border: 1px solid rgba(255, 255, 255, 0.1) !important;
 }
 

package/dist/types/client/components/audio-visualizer.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @description Props for AudioVisualizer component
+ */
+export interface AudioVisualizerProps {
+    /**
+     * @description Whether recording is active
+     */
+    isRecording: boolean;
+    /**
+     * @description MediaRecorder instance for audio analysis
+     */
+    mediaRecorder: MediaRecorder | null;
+    /**
+     * @description Canvas width in pixels
+     * @default 280
+     */
+    width?: number;
+    /**
+     * @description Canvas height in pixels
+     * @default 60
+     */
+    height?: number;
+    /**
+     * @description Bar color when recording
+     * @default '#a78bfa'
+     */
+    barColor?: string;
+    /**
+     * @description Width of each bar in pixels
+     * @default 3
+     */
+    barWidth?: number;
+    /**
+     * @description Gap between bars in pixels
+     * @default 2
+     */
+    gap?: number;
+}
+/**
+ * @description Audio visualizer component that displays waveform during recording
+ * @example
+ * <AudioVisualizer
+ *   isRecording={isRecording}
+ *   mediaRecorder={mediaRecorder}
+ *   barColor="#a78bfa"
+ * />
+ */
+export declare function AudioVisualizer({ isRecording, mediaRecorder, width, height, barColor, barWidth, gap, }: AudioVisualizerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=audio-visualizer.d.ts.map

package/dist/types/client/components/audio-visualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-visualizer.d.ts","sourceRoot":"","sources":["../../../../src/client/components/audio-visualizer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,aAAa,EAAE,aAAa,GAAG,IAAI,CAAA;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,aAAa,EACb,KAAW,EACX,MAAW,EACX,QAAoB,EACpB,QAAY,EACZ,GAAO,GACR,EAAE,oBAAoB,2CAyGtB"}

package/dist/types/client/components/chat-view.d.ts

@@ -0,0 +1,55 @@
+import type { AIFormMessage } from 'tanstack-effect';
+/**
+ * @description Props for ChatView component
+ */
+export interface ChatViewProps {
+    /**
+     * @description Messages in the conversation
+     */
+    messages: AIFormMessage[];
+    /**
+     * @description Current status of AI
+     */
+    status: 'idle' | 'filling' | 'clarifying' | 'complete' | 'error';
+    /**
+     * @description Callback to send a message
+     */
+    onSend: (message: string) => void;
+    /**
+     * @description Optional className for container
+     */
+    className?: string;
+    /**
+     * @description Placeholder text for input
+     */
+    placeholder?: string;
+    /**
+     * @description Enable voice input (requires OPENAI_API_KEY on server)
+     * Developer must explicitly enable this when they've configured the API key
+     * @default false
+     */
+    enableVoice?: boolean;
+    /**
+     * @description Custom endpoint for speech-to-text API
+     * @default '/api/speech-to-text'
+     */
+    voiceEndpoint?: string;
+    /**
+     * @description Maximum height for the messages container
+     * When reached, the container will scroll
+     * @example '400px', '50vh'
+     */
+    maxHeight?: string;
+}
+/**
+ * @description Full chat UI for AI form filling with optional voice input
+ * @example
+ * <ChatView
+ *   messages={messages}
+ *   status={status}
+ *   onSend={handleSend}
+ *   enableVoice={true}  // Enable when OPENAI_API_KEY is configured
+ * />
+ */
+export declare function ChatView({ messages, status, onSend, className, placeholder, enableVoice, voiceEndpoint, maxHeight, }: ChatViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-view.d.ts.map

package/dist/types/client/components/chat-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-view.d.ts","sourceRoot":"","sources":["../../../../src/client/components/chat-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AASpD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IAChE;;OAEG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6HD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAoD,EACpD,WAAmB,EACnB,aAAqC,EACrC,SAAS,GACV,EAAE,aAAa,2CAyPf"}

package/dist/types/client/components/form-builder.d.ts

@@ -0,0 +1,211 @@
+import type { FormBuilderProps, FormFieldDefinition, FormFieldProps as BaseFormFieldProps, NestedFormProps, UseSchemaFormReturn } from 'tanstack-effect';
+/**
+ * Field metadata returned by the resolver
+ */
+export interface FieldMeta {
+    label?: string;
+    description?: string;
+}
+/**
+ * Field metadata resolver function type.
+ * Used to dynamically resolve field labels and descriptions based on field path.
+ * Common use cases: i18n translations, dynamic labels, context-aware descriptions.
+ */
+export type FieldMetaResolver = (fieldPath: string) => FieldMeta | undefined;
+/**
+ * Form builder variants for different display densities
+ * - default: Standard spacing and all features visible
+ * - compact: Reduced spacing, sections collapsed by default, smaller text
+ * - wizard: Step-by-step mode showing one section at a time with navigation
+ */
+export type FormBuilderVariant = 'default' | 'compact' | 'wizard';
+/**
+ * Extended FormFieldProps with optional overrides
+ */
+export interface FormFieldProps extends BaseFormFieldProps {
+    /**
+     * Optional custom options to override field.literalOptions.
+     * Use this when you need to dynamically provide options based on context (e.g., chain).
+     * When provided, this will be used instead of field.literalOptions for select fields.
+     * @example
+     * // Chain-specific paired token options
+     * options={['ETH', 'USDC', 'DAI']}
+     */
+    options?: string[];
+    /**
+     * Optional label override. When provided, this will be used instead of field.label.
+     */
+    label?: string;
+    /**
+     * Optional description override. When provided, this will be used instead of field.description.
+     */
+    description?: string;
+    /**
+     * Optional field metadata resolver. When provided, this will be called with the field path
+     * to get label and description. Used for nested fields in FormSection.
+     * @example
+     * // i18n translation resolver
+     * getFieldMeta={(path) => ({ label: t(`fields.${path}.label`), description: t(`fields.${path}.description`) })}
+     */
+    getFieldMeta?: FieldMetaResolver;
+    /**
+     * Full form data for evaluating conditional requirements (requiredWhen).
+     * When provided, enables dynamic required indicator based on other field values.
+     */
+    formData?: any;
+}
+/**
+ * Individual form field component
+ */
+export declare function FormField({ field, value, onChange, error, minimal, options: customOptions, label: labelOverride, description: descriptionOverride, getFieldMeta, formData, }: FormFieldProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Helper function to check if a form is valid (including root-level errors)
+ * This should be used instead of Object.keys(form.validationErrors).length === 0
+ * Also checks for conditionally required fields (requiredWhen) that are missing
+ */
+export declare function isFormValid<T = any>(form: UseSchemaFormReturn<T>): boolean;
+/**
+ * Form validation status alert component
+ */
+export interface FormValidationAlertProps<T = any> {
+    form: UseSchemaFormReturn<T>;
+    requiredFields?: Array<{
+        key: string;
+        label: string;
+    }>;
+}
+export declare function FormValidationAlert<T = any>({ form, requiredFields, }: FormValidationAlertProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Create default item for array fields
+ */
+export declare function createDefaultItem(children: Record<string, any>): any;
+/**
+ * Props for DiscriminatedUnionSection
+ */
+export interface DiscriminatedUnionSectionProps {
+    field: FormFieldDefinition;
+    form: UseSchemaFormReturn<any>;
+    minimal?: boolean;
+    /**
+     * Base path for the union (e.g., "fees")
+     */
+    basePath?: string;
+    /**
+     * Optional label override
+     */
+    label?: string;
+    /**
+     * Optional description override
+     */
+    description?: string;
+    /**
+     * Optional field metadata resolver function
+     */
+    getFieldMeta?: FieldMetaResolver;
+}
+/**
+ * Discriminated union section component
+ */
+export declare function DiscriminatedUnionSection({ field, form, minimal, basePath, label: labelOverride, description: descriptionOverride, getFieldMeta, }: DiscriminatedUnionSectionProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Extended NestedFormProps with optional label and description overrides
+ */
+export interface FormSectionProps<T = unknown> extends NestedFormProps<T> {
+    /**
+     * Optional label override. When provided, this will be used instead of field.label.
+     */
+    label?: string;
+    /**
+     * Optional description override. When provided, this will be used instead of field.description.
+     */
+    description?: string;
+    /**
+     * Optional field metadata resolver. When provided, this will be called with the field path
+     * to get label and description for nested fields.
+     */
+    getFieldMeta?: FieldMetaResolver;
+    /**
+     * Display variant for the section
+     */
+    variant?: FormBuilderVariant;
+    /**
+     * If true, renders content without Card wrapper (flat mode)
+     */
+    flat?: boolean;
+}
+/**
+ * Recursive form section component for objects and arrays
+ */
+export declare function FormSection<T = unknown>({ field, form, basePath, level, initialCollapsed, minimal, label: labelOverride, description: descriptionOverride, getFieldMeta, variant, flat, }: FormSectionProps<T>): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Form builder mode for AI or Edit
+ */
+export type FormBuilderMode = 'ai' | 'edit';
+/**
+ * Extended form builder props with variant support
+ */
+export interface ExtendedFormBuilderProps<T = any> extends FormBuilderProps<T> {
+    /**
+     * Display variant for the form
+     * - default: Standard spacing and all features visible
+     * - compact: Reduced spacing, sections collapsed by default, smaller text
+     * - wizard: Step-by-step mode showing one section at a time
+     */
+    variant?: FormBuilderVariant;
+    /**
+     * Whether all sections should be collapsed by default
+     * Overrides variant defaults when specified
+     */
+    sectionsCollapsed?: boolean;
+    /**
+     * Field keys to pin at the top level (shown above wizard steps or at the top of the form)
+     * Useful for fields like "isActive" that should be visible on all steps
+     */
+    pinnedFields?: string[];
+    /**
+     * Field keys to hide from the form entirely
+     * Useful for fields that are set programmatically and shouldn't be user-editable
+     */
+    hiddenFields?: string[];
+    /**
+     * Enable AI mode toggle. When true, shows AI/Edit mode switcher.
+     * Requires form.ai to be configured in useSchemaForm.
+     */
+    enableAIMode?: boolean;
+    /**
+     * Initial mode when AI is enabled
+     * @default 'ai'
+     */
+    initialMode?: FormBuilderMode;
+    /**
+     * Placeholder for AI chat input
+     */
+    aiPlaceholder?: string;
+    /**
+     * Minimum height for the chat view in AI mode
+     * @default '300px'
+     */
+    aiChatMinHeight?: string;
+    /**
+     * Maximum height for the chat view in AI mode
+     * When reached, the chat will scroll
+     * @example '400px', '50vh'
+     */
+    aiChatMaxHeight?: string;
+    /**
+     * Enable voice input in AI chat (requires OPENAI_API_KEY on server)
+     * Developer must explicitly enable this when the API key is configured
+     * @default false
+     */
+    enableVoice?: boolean;
+    /**
+     * Custom endpoint for speech-to-text API
+     * @default '/api/speech-to-text'
+     */
+    voiceEndpoint?: string;
+}
+/**
+ * Main form builder component
+ */
+export declare function FormBuilder<T = any>({ form, className, title, collapsible, initialCollapsed, variant, sectionsCollapsed, pinnedFields, hiddenFields, enableAIMode, initialMode, aiPlaceholder, aiChatMinHeight, aiChatMaxHeight, enableVoice, voiceEndpoint, }: ExtendedFormBuilderProps<T>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=form-builder.d.ts.map

package/dist/types/client/components/form-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder.d.ts","sourceRoot":"","sources":["../../../../src/client/components/form-builder.tsx"],"names":[],"mappings":"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"}

package/dist/types/client/components/index.d.ts

@@ -1,2 +1,5 @@
+export * from './audio-visualizer';
+export * from './chat-view';
+export * from './form-builder';
 export * from './ui';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/client/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,MAAM,CAAA"}