@d34dman/flowdrop 0.0.63 → 0.0.64

package/dist/components/form/FormToggle.stories.svelte

@@ -1,23 +1,23 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import FormToggle from "./FormToggle.svelte";
-	import { fn } from "storybook/test";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import FormToggle from './FormToggle.svelte';
+	import { fn } from 'storybook/test';
 
 	const { Story } = defineMeta({
-		title: "Form/FormToggle",
+		title: 'Form/FormToggle',
 		component: FormToggle,
-		tags: ["autodocs"],
+		tags: ['autodocs'],
 		argTypes: {
-			value: { control: "boolean" },
-			onLabel: { control: "text" },
-			offLabel: { control: "text" },
-			disabled: { control: "boolean" },
+			value: { control: 'boolean' },
+			onLabel: { control: 'text' },
+			offLabel: { control: 'text' },
+			disabled: { control: 'boolean' }
 		},
 		args: {
-			id: "demo-toggle",
+			id: 'demo-toggle',
 			value: false,
-			onChange: fn(),
-		},
+			onChange: fn()
+		}
 	});
 </script>
 
@@ -25,6 +25,6 @@
 
 <Story name="On" args={{ value: true }} />
 
-<Story name="Custom Labels" args={{ value: true, onLabel: "Yes", offLabel: "No" }} />
+<Story name="Custom Labels" args={{ value: true, onLabel: 'Yes', offLabel: 'No' }} />
 
 <Story name="Disabled" args={{ value: true, disabled: true }} />

package/dist/components/form/FormToggle.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const FormToggle: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import FormToggle from "./FormToggle.svelte";
+import FormToggle from './FormToggle.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/form/index.d.ts

@@ -29,7 +29,8 @@
  * />
  * ```
  */
-export * from './types.js';
+export type { FieldType, FieldFormat, FieldOption, OneOfItem, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, CodeEditorFieldProps, MarkdownEditorFieldProps, TemplateEditorFieldProps, AutocompleteFieldProps, FieldSchema, FormFieldFactoryProps, FormFieldWrapperProps, SchemaFormProps, AutocompleteConfig } from './types.js';
+export { isFieldOptionArray, isOneOfArray, oneOfToOptions, normalizeOptions, getSchemaOptions } from './types.js';
 export { default as FormField } from './FormField.svelte';
 export { default as FormFieldWrapper } from './FormFieldWrapper.svelte';
 export { default as FormTextField } from './FormTextField.svelte';

package/dist/components/form/index.js

@@ -29,8 +29,7 @@
  * />
  * ```
  */
-// Types
-export * from './types.js';
+export { isFieldOptionArray, isOneOfArray, oneOfToOptions, normalizeOptions, getSchemaOptions } from './types.js';
 // Main factory component
 export { default as FormField } from './FormField.svelte';
 // Wrapper component

package/dist/components/form/types.d.ts

@@ -5,7 +5,7 @@
  * These types provide a foundation for dynamic form rendering based on JSON Schema
  * and support extensibility for complex field types like arrays and objects.
  */
-import type { AutocompleteConfig, VariableSchema, TemplateVariablesConfig } from '../../types/index.js';
+import type { AutocompleteConfig, TemplateVariablesConfig } from '../../types/index.js';
 /**
  * Supported field types for form rendering
  * Aligned with JSON Schema specification (draft-07)
@@ -30,10 +30,10 @@ export type FieldFormat = 'multiline' | 'hidden' | 'range' | 'json' | 'code' | '
 /**
  * Option type for select and checkbox group fields
  *
- * @deprecated Use JSON Schema `oneOf` with `const`/`title` instead for labeled options.
- * This type is kept for backwards compatibility but will be removed in a future version.
+ * For new schemas, prefer JSON Schema `oneOf` with `const`/`title`.
+ * This type is supported for simpler use cases and backward compatibility.
  *
- * @example Standard JSON Schema approach:
+ * @example Standard JSON Schema approach (preferred):
  * ```json
  * {
  *   "type": "string",
@@ -199,12 +199,6 @@ export interface TemplateEditorFieldProps extends BaseFieldProps<string> {
      * Controls which variables are available and how they are displayed.
      */
     variables?: TemplateVariablesConfig;
-    /**
-     * Variable schema for advanced autocomplete with nested drilling.
-     * When provided, enables dot notation (user.name) and array access (items[0]).
-     * @deprecated Use `variables.schema` instead
-     */
-    variableSchema?: VariableSchema;
     /** Placeholder variable example for the hint */
     placeholderExample?: string;
 }
@@ -263,12 +257,6 @@ export interface FieldSchema {
     multiple?: boolean;
     /** Format hint for specialized rendering */
     format?: FieldFormat;
-    /**
-     * Options for select type fields
-     * @deprecated Use JSON Schema `oneOf` with `const`/`title` instead.
-     * This property is kept for backwards compatibility but will be removed in a future version.
-     */
-    options?: FieldOption[];
     /** Placeholder text */
     placeholder?: string;
     /** Minimum value for numbers */
@@ -373,8 +361,8 @@ export declare function oneOfToOptions(oneOfItems: OneOfItem[]): FieldOption[];
 /**
  * Normalize options to FieldOption format
  * Handles multiple input formats for consistent internal handling:
- * - JSON Schema oneOf items (standard) -> converted to FieldOption
- * - FieldOption array (legacy) -> passed through
+ * - JSON Schema oneOf items -> converted to FieldOption
+ * - FieldOption array -> passed through
  * - String array -> converted to FieldOption
  *
  * @param options - Options in various formats
@@ -407,9 +395,9 @@ export declare function getSchemaOptions(schema: FieldSchema): FieldOption[];
  *     required: ["name"]
  *   },
  *   values: { name: "John", age: 30 },
- *   onChange: (values) => console.log("Changed:", values),
+ *   onChange: (values) => handleChange(values),
  *   showActions: true,
- *   onSave: (values) => console.log("Saved:", values)
+ *   onSave: (values) => handleSave(values)
  * };
  * ```
  */

package/dist/components/form/types.js

@@ -33,8 +33,8 @@ export function oneOfToOptions(oneOfItems) {
 /**
  * Normalize options to FieldOption format
  * Handles multiple input formats for consistent internal handling:
- * - JSON Schema oneOf items (standard) -> converted to FieldOption
- * - FieldOption array (legacy) -> passed through
+ * - JSON Schema oneOf items -> converted to FieldOption
+ * - FieldOption array -> passed through
  * - String array -> converted to FieldOption
  *
  * @param options - Options in various formats
@@ -48,7 +48,7 @@ export function normalizeOptions(options) {
     if (isOneOfArray(options)) {
         return oneOfToOptions(options);
     }
-    // Handle FieldOption array (legacy, deprecated)
+    // Handle FieldOption array
     if (isFieldOptionArray(options)) {
         return options;
     }
@@ -66,13 +66,8 @@ export function normalizeOptions(options) {
  * @returns Normalized FieldOption array
  */
 export function getSchemaOptions(schema) {
-    // Prefer standard oneOf pattern
     if (schema.oneOf && schema.oneOf.length > 0) {
         return oneOfToOptions(schema.oneOf);
     }
-    // Fall back to deprecated options property
-    if (schema.options && schema.options.length > 0) {
-        return schema.options;
-    }
     return [];
 }

package/dist/components/interrupt/ChoicePrompt.stories.svelte

@@ -1,43 +1,52 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import ChoicePrompt from "./ChoicePrompt.svelte";
-	import { fn } from "storybook/test";
-	import { createChoiceConfig } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import ChoicePrompt from './ChoicePrompt.svelte';
+	import { fn } from 'storybook/test';
+	import { createChoiceConfig } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Interrupt/ChoicePrompt",
+		title: 'Interrupt/ChoicePrompt',
 		component: ChoicePrompt,
-		tags: ["autodocs"],
+		tags: ['autodocs'],
 		args: {
 			config: createChoiceConfig(),
 			isResolved: false,
 			isSubmitting: false,
-			onSubmit: fn(),
-		},
+			onSubmit: fn()
+		}
 	});
 </script>
 
 <Story name="Single Select" />
 
-<Story name="Multi Select" args={{
-	config: createChoiceConfig({
-		message: "Select the features to enable:",
-		multiple: true,
-		options: [
-			{ value: "auth", label: "Authentication", description: "User login and signup" },
-			{ value: "analytics", label: "Analytics", description: "Usage tracking and metrics" },
-			{ value: "notifications", label: "Notifications", description: "Email and push alerts" },
-			{ value: "export", label: "Data Export", description: "CSV and JSON export" },
-		],
-	}),
-}} />
+<Story
+	name="Multi Select"
+	args={{
+		config: createChoiceConfig({
+			message: 'Select the features to enable:',
+			multiple: true,
+			options: [
+				{ value: 'auth', label: 'Authentication', description: 'User login and signup' },
+				{ value: 'analytics', label: 'Analytics', description: 'Usage tracking and metrics' },
+				{ value: 'notifications', label: 'Notifications', description: 'Email and push alerts' },
+				{ value: 'export', label: 'Data Export', description: 'CSV and JSON export' }
+			]
+		})
+	}}
+/>
 
-<Story name="Resolved" args={{
-	isResolved: true,
-	resolvedValue: "high",
-	resolvedByUserName: "Bob",
-}} />
+<Story
+	name="Resolved"
+	args={{
+		isResolved: true,
+		resolvedValue: 'high',
+		resolvedByUserName: 'Bob'
+	}}
+/>
 
-<Story name="Submitting" args={{
-	isSubmitting: true,
-}} />
+<Story
+	name="Submitting"
+	args={{
+		isSubmitting: true
+	}}
+/>

package/dist/components/interrupt/ChoicePrompt.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const ChoicePrompt: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import ChoicePrompt from "./ChoicePrompt.svelte";
+import ChoicePrompt from './ChoicePrompt.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/interrupt/ConfirmationPrompt.stories.svelte

@@ -1,49 +1,71 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import ConfirmationPrompt from "./ConfirmationPrompt.svelte";
-	import { fn } from "storybook/test";
-	import { createConfirmationConfig } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import ConfirmationPrompt from './ConfirmationPrompt.svelte';
+	import { fn } from 'storybook/test';
+	import { createConfirmationConfig } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Interrupt/ConfirmationPrompt",
+		title: 'Interrupt/ConfirmationPrompt',
 		component: ConfirmationPrompt,
-		tags: ["autodocs"],
+		tags: ['autodocs'],
 		args: {
 			config: createConfirmationConfig(),
 			isResolved: false,
 			isSubmitting: false,
 			onConfirm: fn(),
-			onDecline: fn(),
-		},
+			onDecline: fn()
+		}
 	});
 </script>
 
 <Story name="Pending" />
 
-<Story name="Custom Labels" args={{
-	config: createConfirmationConfig({ message: "Deploy to production?", confirmLabel: "Deploy", cancelLabel: "Abort" }),
-}} />
-
-<Story name="Confirmed" args={{
-	isResolved: true,
-	resolvedValue: true,
-}} />
-
-<Story name="Declined" args={{
-	isResolved: true,
-	resolvedValue: false,
-}} />
-
-<Story name="Submitting" args={{
-	isSubmitting: true,
-}} />
-
-<Story name="With Error" args={{
-	error: "Network error: Failed to submit response",
-}} />
-
-<Story name="Resolved By User" args={{
-	isResolved: true,
-	resolvedValue: true,
-	resolvedByUserName: "Alice",
-}} />
+<Story
+	name="Custom Labels"
+	args={{
+		config: createConfirmationConfig({
+			message: 'Deploy to production?',
+			confirmLabel: 'Deploy',
+			cancelLabel: 'Abort'
+		})
+	}}
+/>
+
+<Story
+	name="Confirmed"
+	args={{
+		isResolved: true,
+		resolvedValue: true
+	}}
+/>
+
+<Story
+	name="Declined"
+	args={{
+		isResolved: true,
+		resolvedValue: false
+	}}
+/>
+
+<Story
+	name="Submitting"
+	args={{
+		isSubmitting: true
+	}}
+/>
+
+<Story
+	name="With Error"
+	args={{
+		error: 'Network error: Failed to submit response'
+	}}
+/>
+
+<Story
+	name="Resolved By User"
+	args={{
+		isResolved: true,
+		resolvedValue: true,
+		resolvedByUserName: 'Alice'
+	}}
+/>

package/dist/components/interrupt/ConfirmationPrompt.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const ConfirmationPrompt: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import ConfirmationPrompt from "./ConfirmationPrompt.svelte";
+import ConfirmationPrompt from './ConfirmationPrompt.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/interrupt/ReviewPrompt.stories.svelte

@@ -1,46 +1,67 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import ReviewPrompt from "./ReviewPrompt.svelte";
-	import { fn } from "storybook/test";
-	import { createReviewConfig } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import ReviewPrompt from './ReviewPrompt.svelte';
+	import { fn } from 'storybook/test';
+	import { createReviewConfig } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Interrupt/ReviewPrompt",
+		title: 'Interrupt/ReviewPrompt',
 		component: ReviewPrompt,
-		tags: ["autodocs"],
+		tags: ['autodocs'],
 		args: {
 			config: createReviewConfig(),
 			isResolved: false,
 			isSubmitting: false,
-			onSubmit: fn(),
-		},
+			onSubmit: fn()
+		}
 	});
 </script>
 
 <Story name="Default" />
 
-<Story name="Many Changes" args={{
-	config: createReviewConfig({
-		message: "Review the content updates:",
-		changes: [
-			{ field: "title", label: "Title", original: "Getting Started", proposed: "Quick Start Guide" },
-			{ field: "slug", label: "URL Slug", original: "/getting-started", proposed: "/quick-start-guide" },
-			{ field: "description", label: "Meta Description", original: "Learn how to get started", proposed: "A quick start guide for new users" },
-			{ field: "author", label: "Author", original: "admin", proposed: "editor" },
-			{ field: "status", label: "Status", original: "draft", proposed: "published" },
-		],
-	}),
-}} />
+<Story
+	name="Many Changes"
+	args={{
+		config: createReviewConfig({
+			message: 'Review the content updates:',
+			changes: [
+				{
+					field: 'title',
+					label: 'Title',
+					original: 'Getting Started',
+					proposed: 'Quick Start Guide'
+				},
+				{
+					field: 'slug',
+					label: 'URL Slug',
+					original: '/getting-started',
+					proposed: '/quick-start-guide'
+				},
+				{
+					field: 'description',
+					label: 'Meta Description',
+					original: 'Learn how to get started',
+					proposed: 'A quick start guide for new users'
+				},
+				{ field: 'author', label: 'Author', original: 'admin', proposed: 'editor' },
+				{ field: 'status', label: 'Status', original: 'draft', proposed: 'published' }
+			]
+		})
+	}}
+/>
 
-<Story name="Resolved" args={{
-	isResolved: true,
-	resolvedValue: {
-		decisions: {
-			title: { accepted: true, value: "New Title" },
-			description: { accepted: false, value: "Old description text" },
-			status: { accepted: true, value: "published" },
+<Story
+	name="Resolved"
+	args={{
+		isResolved: true,
+		resolvedValue: {
+			decisions: {
+				title: { accepted: true, value: 'New Title' },
+				description: { accepted: false, value: 'Old description text' },
+				status: { accepted: true, value: 'published' }
+			},
+			summary: { accepted: 2, rejected: 1, total: 3 }
 		},
-		summary: { accepted: 2, rejected: 1, total: 3 },
-	},
-	resolvedByUserName: "Diana",
-}} />
+		resolvedByUserName: 'Diana'
+	}}
+/>

package/dist/components/interrupt/ReviewPrompt.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const ReviewPrompt: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import ReviewPrompt from "./ReviewPrompt.svelte";
+import ReviewPrompt from './ReviewPrompt.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/interrupt/ReviewPrompt.svelte

@@ -176,7 +176,11 @@
 	 * Supports strings (word-level), arrays (element-level), and objects (JSON line-level).
 	 * For HTML strings, strips tags and diffs the plain text content.
 	 */
-	function computeDiff(original: unknown, proposed: unknown, rawMode: boolean = false): Change[] | null {
+	function computeDiff(
+		original: unknown,
+		proposed: unknown,
+		rawMode: boolean = false
+	): Change[] | null {
 		if (typeof original === 'string' && typeof proposed === 'string') {
 			const origText = !rawMode && containsHtml(original) ? stripHtmlTags(original) : original;
 			const propText = !rawMode && containsHtml(proposed) ? stripHtmlTags(proposed) : proposed;
@@ -335,9 +339,13 @@
 					<div class="review-prompt__diff-row">
 						<span class="review-prompt__diff-label">Original:</span>
 						{#if isHtml && !isRawView}
-							<span class="review-prompt__diff-value review-prompt__html-content">{@html sanitizeHtml(String(change.original))}</span>
+							<span class="review-prompt__diff-value review-prompt__html-content"
+								>{@html sanitizeHtml(String(change.original))}</span
+							>
 						{:else if isHtml && isRawView}
-							<code class="review-prompt__diff-value review-prompt__raw-html">{change.original}</code>
+							<code class="review-prompt__diff-value review-prompt__raw-html"
+								>{change.original}</code
+							>
 						{:else}
 							<span class="review-prompt__diff-value">
 								{formatValue(change.original)}
@@ -347,9 +355,15 @@
 					<div class="review-prompt__diff-row">
 						<span class="review-prompt__diff-label">Proposed:</span>
 						{#if isHtml && !isRawView}
-							<span class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__html-content">{@html sanitizeHtml(String(change.proposed))}</span>
+							<span
+								class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__html-content"
+								>{@html sanitizeHtml(String(change.proposed))}</span
+							>
 						{:else if isHtml && isRawView}
-							<code class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__raw-html">{change.proposed}</code>
+							<code
+								class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__raw-html"
+								>{change.proposed}</code
+							>
 						{:else}
 							<span class="review-prompt__diff-value review-prompt__diff-value--proposed">
 								{formatValue(change.proposed)}
@@ -359,21 +373,26 @@
 					{#if diff}
 						<div class="review-prompt__diff-row">
 							<span class="review-prompt__diff-label">Diff:</span>
-						{#if isMultiLineDiff(diff)}
-							<pre class="review-prompt__diff-value review-prompt__diff-block">{#each diff as part}{#if part.added}<span class="review-prompt__diff-token--added">{part.value}</span>{:else if part.removed}<span class="review-prompt__diff-token--removed">{part.value}</span>{:else}<span>{part.value}</span>{/if}{/each}</pre>
-						{:else}
-							<span class="review-prompt__diff-value review-prompt__diff-inline">
-								{#each diff as part}
-									{#if part.added}
-										<span class="review-prompt__diff-token--added">{part.value}</span>
-									{:else if part.removed}
-										<span class="review-prompt__diff-token--removed">{part.value}</span>
-									{:else}
-										<span>{part.value}</span>
-									{/if}
-								{/each}
-							</span>
-						{/if}
+							{#if isMultiLineDiff(diff)}
+								<pre
+									class="review-prompt__diff-value review-prompt__diff-block">{#each diff as part}{#if part.added}<span
+												class="review-prompt__diff-token--added">{part.value}</span
+											>{:else if part.removed}<span class="review-prompt__diff-token--removed"
+												>{part.value}</span
+											>{:else}<span>{part.value}</span>{/if}{/each}</pre>
+							{:else}
+								<span class="review-prompt__diff-value review-prompt__diff-inline">
+									{#each diff as part}
+										{#if part.added}
+											<span class="review-prompt__diff-token--added">{part.value}</span>
+										{:else if part.removed}
+											<span class="review-prompt__diff-token--removed">{part.value}</span>
+										{:else}
+											<span>{part.value}</span>
+										{/if}
+									{/each}
+								</span>
+							{/if}
 						</div>
 					{/if}
 				</div>
@@ -404,8 +423,8 @@
 	{#if isResolved && resolvedValue}
 		<div class="review-prompt__summary">
 			<span class="review-prompt__summary-text">
-				{resolvedValue.summary.accepted} accepted, {resolvedValue.summary.rejected} rejected
-				out of {resolvedValue.summary.total} changes
+				{resolvedValue.summary.accepted} accepted, {resolvedValue.summary.rejected} rejected out of {resolvedValue
+					.summary.total} changes
 			</span>
 		</div>
 	{/if}
@@ -415,9 +434,7 @@
 		<div class="review-prompt__resolved-badge">
 			<Icon icon="mdi:check-circle" />
 			<span>
-				{resolvedByUserName
-					? `Response submitted by ${resolvedByUserName}`
-					: 'Response submitted'}
+				{resolvedByUserName ? `Response submitted by ${resolvedByUserName}` : 'Response submitted'}
 			</span>
 		</div>
 	{/if}