@getmicdrop/svelte-components 5.3.14 → 5.3.15

package/dist/forms/createFieldTracker.svelte.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Field Tracker
+ *
+ * For forms that use individual $state fields instead of a single formData object.
+ * Provides the same UI state management (isSaving, isSaved, etc.) without
+ * managing the data directly.
+ *
+ * @example
+ * ```typescript
+ * import { createFieldTracker } from '@getmicdrop/svelte-components/forms';
+ *
+ * // Your individual fields
+ * let name = $state('');
+ * let email = $state('');
+ *
+ * // Create tracker with a function that computes isDirty
+ * const tracker = createFieldTracker(() => {
+ *   if (!originalData) return false;
+ *   return name !== originalData.name || email !== originalData.email;
+ * });
+ *
+ * // In save function:
+ * async function handleSave() {
+ *   const result = await tracker.save(async () => {
+ *     return await api.save({ name, email });
+ *   });
+ * }
+ * ```
+ */
+export interface FieldTracker {
+    isLoading: boolean;
+    isSaving: boolean;
+    isSaved: boolean;
+    readonly isDirty: boolean;
+    canSave: (isValid: boolean) => boolean;
+    reset: () => void;
+    markSaved: () => void;
+    save: <R>(fn: () => Promise<R>) => Promise<R | undefined>;
+}
+export declare function createFieldTracker(isDirtyFn: () => boolean): FieldTracker;
+//# sourceMappingURL=createFieldTracker.svelte.d.ts.map

package/dist/forms/createFieldTracker.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFieldTracker.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/forms/createFieldTracker.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAMH,MAAM,WAAW,YAAY;IAE3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAG1B,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IAGvC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;CAC3D;AAMD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,OAAO,GAAG,YAAY,CAqEzE"}

package/dist/forms/createFieldTracker.svelte.js

@@ -0,0 +1,94 @@
+/**
+ * Field Tracker
+ *
+ * For forms that use individual $state fields instead of a single formData object.
+ * Provides the same UI state management (isSaving, isSaved, etc.) without
+ * managing the data directly.
+ *
+ * @example
+ * ```typescript
+ * import { createFieldTracker } from '@getmicdrop/svelte-components/forms';
+ *
+ * // Your individual fields
+ * let name = $state('');
+ * let email = $state('');
+ *
+ * // Create tracker with a function that computes isDirty
+ * const tracker = createFieldTracker(() => {
+ *   if (!originalData) return false;
+ *   return name !== originalData.name || email !== originalData.email;
+ * });
+ *
+ * // In save function:
+ * async function handleSave() {
+ *   const result = await tracker.save(async () => {
+ *     return await api.save({ name, email });
+ *   });
+ * }
+ * ```
+ */
+// ============================================================================
+// Implementation
+// ============================================================================
+export function createFieldTracker(isDirtyFn) {
+    let isLoading = $state(false);
+    let isSaving = $state(false);
+    let isSaved = $state(false);
+    // Use the provided function to compute isDirty
+    const isDirty = $derived(isDirtyFn());
+    // Auto-reset isSaved when form becomes dirty
+    $effect(() => {
+        if (isDirty && isSaved) {
+            isSaved = false;
+        }
+    });
+    function canSave(isValid) {
+        return isDirty && isValid && !isSaving;
+    }
+    function reset() {
+        isLoading = false;
+        isSaving = false;
+        isSaved = false;
+    }
+    function markSaved() {
+        isSaved = true;
+    }
+    async function save(fn) {
+        isSaving = true;
+        try {
+            const result = await fn();
+            isSaved = true;
+            return result;
+        }
+        finally {
+            isSaving = false;
+        }
+    }
+    return {
+        get isLoading() {
+            return isLoading;
+        },
+        set isLoading(value) {
+            isLoading = value;
+        },
+        get isSaving() {
+            return isSaving;
+        },
+        set isSaving(value) {
+            isSaving = value;
+        },
+        get isSaved() {
+            return isSaved;
+        },
+        set isSaved(value) {
+            isSaved = value;
+        },
+        get isDirty() {
+            return isDirty;
+        },
+        canSave,
+        reset,
+        markSaved,
+        save,
+    };
+}

package/dist/forms/createFormStore.svelte.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Form Store Factory
+ *
+ * Creates a reactive form store with standardized patterns for:
+ * - Dirty tracking
+ * - Zod validation
+ * - UI states (loading, saving, saved)
+ * - Section-level validation for progressive forms
+ */
+import { z } from 'zod';
+export interface FormStoreOptions<T> {
+    /**
+     * Optional sections for progressive form validation.
+     * Keys are section names, values are arrays of field names.
+     * @example { basics: ['name', 'email'], details: ['bio'] }
+     */
+    sections?: Record<string, (keyof T)[]>;
+    /**
+     * Mode: 'create' forms are dirty when any field has a value,
+     * 'edit' forms compare against original data.
+     * @default 'edit'
+     */
+    mode?: 'create' | 'edit';
+}
+export interface FormStore<T extends Record<string, unknown>> {
+    data: T;
+    originalData: T | null;
+    errors: Partial<Record<keyof T, string>>;
+    isLoading: boolean;
+    isSaving: boolean;
+    isSaved: boolean;
+    showErrors: boolean;
+    readonly isDirty: boolean;
+    readonly isValid: boolean;
+    readonly canSave: boolean;
+    setOriginal: (data: T) => void;
+    validate: () => boolean;
+    validateField: (field: keyof T) => string | undefined;
+    fieldError: (field: keyof T) => string | undefined;
+    isSectionValid: (section: string) => boolean;
+    isSectionDirty: (section: string) => boolean;
+    reset: () => void;
+    resetToOriginal: () => void;
+    save: <R>(fn: () => Promise<R>) => Promise<R | undefined>;
+}
+export declare function createFormStore<T extends Record<string, unknown>>(schema: z.ZodSchema<T>, initialData: T, options?: FormStoreOptions<T>): FormStore<T>;
+//# sourceMappingURL=createFormStore.svelte.d.ts.map

package/dist/forms/createFormStore.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormStore.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/forms/createFormStore.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE1D,IAAI,EAAE,CAAC,CAAC;IACR,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IAGzC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IAGpB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAG1B,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACtD,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;CAC3D;AAMD,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/D,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACtB,WAAW,EAAE,CAAC,EACd,OAAO,GAAE,gBAAgB,CAAC,CAAC,CAAM,GAChC,SAAS,CAAC,CAAC,CAAC,CAyOd"}

package/dist/forms/createFormStore.svelte.js

@@ -0,0 +1,223 @@
+/**
+ * Form Store Factory
+ *
+ * Creates a reactive form store with standardized patterns for:
+ * - Dirty tracking
+ * - Zod validation
+ * - UI states (loading, saving, saved)
+ * - Section-level validation for progressive forms
+ */
+import { z } from 'zod';
+// ============================================================================
+// Implementation
+// ============================================================================
+export function createFormStore(schema, initialData, options = {}) {
+    const { sections = {}, mode = 'edit' } = options;
+    // ---------------------------------------------------------------------------
+    // State
+    // ---------------------------------------------------------------------------
+    let data = $state({ ...initialData });
+    let originalData = $state(null);
+    let errors = $state({});
+    let isLoading = $state(false);
+    let isSaving = $state(false);
+    let isSaved = $state(false);
+    let showErrors = $state(false);
+    // ---------------------------------------------------------------------------
+    // Derived States
+    // ---------------------------------------------------------------------------
+    const isDirty = $derived.by(() => {
+        if (mode === 'create') {
+            // In create mode, dirty if any field has a non-empty value
+            return Object.values(data).some(value => {
+                if (Array.isArray(value))
+                    return value.length > 0;
+                if (typeof value === 'string')
+                    return value.trim() !== '';
+                if (typeof value === 'number')
+                    return true;
+                if (typeof value === 'boolean')
+                    return value !== false;
+                return value !== null && value !== undefined;
+            });
+        }
+        // In edit mode, compare to original
+        if (!originalData)
+            return false;
+        return JSON.stringify(data) !== JSON.stringify(originalData);
+    });
+    const isValid = $derived.by(() => {
+        const result = schema.safeParse(data);
+        return result.success;
+    });
+    const canSave = $derived(isDirty && isValid && !isSaving);
+    // Auto-reset isSaved when form becomes dirty
+    $effect(() => {
+        if (isDirty && isSaved) {
+            isSaved = false;
+        }
+    });
+    // ---------------------------------------------------------------------------
+    // Methods
+    // ---------------------------------------------------------------------------
+    function setOriginal(newData) {
+        originalData = { ...newData };
+        data = { ...newData };
+        errors = {};
+        showErrors = false;
+        isSaved = false;
+    }
+    function validate() {
+        showErrors = true;
+        const result = schema.safeParse(data);
+        if (!result.success) {
+            const fieldErrors = {};
+            for (const issue of result.error.issues) {
+                const field = issue.path[0];
+                if (!fieldErrors[field]) {
+                    fieldErrors[field] = issue.message;
+                }
+            }
+            errors = fieldErrors;
+            return false;
+        }
+        errors = {};
+        return true;
+    }
+    function validateField(field) {
+        // Create a partial schema for just this field if possible
+        const result = schema.safeParse(data);
+        if (result.success)
+            return undefined;
+        const fieldIssue = result.error.issues.find(issue => issue.path[0] === field);
+        return fieldIssue?.message;
+    }
+    function fieldError(field) {
+        if (!showErrors)
+            return undefined;
+        return errors[field];
+    }
+    function isSectionValid(sectionName) {
+        const sectionFields = sections[sectionName];
+        if (!sectionFields)
+            return true;
+        // Check each field in the section
+        const result = schema.safeParse(data);
+        if (result.success)
+            return true;
+        // Check if any errors are in this section's fields
+        const sectionErrors = result.error.issues.filter(issue => sectionFields.includes(issue.path[0]));
+        return sectionErrors.length === 0;
+    }
+    function isSectionDirty(sectionName) {
+        const sectionFields = sections[sectionName];
+        if (!sectionFields || !originalData)
+            return false;
+        return sectionFields.some(field => {
+            const currentVal = JSON.stringify(data[field]);
+            const originalVal = JSON.stringify(originalData[field]);
+            return currentVal !== originalVal;
+        });
+    }
+    function reset() {
+        data = { ...initialData };
+        originalData = null;
+        errors = {};
+        showErrors = false;
+        isLoading = false;
+        isSaving = false;
+        isSaved = false;
+    }
+    function resetToOriginal() {
+        if (originalData) {
+            data = { ...originalData };
+            errors = {};
+            showErrors = false;
+            isSaved = false;
+        }
+    }
+    async function save(fn) {
+        if (!validate())
+            return undefined;
+        isSaving = true;
+        try {
+            const result = await fn();
+            // Update original to current (form is now clean)
+            originalData = { ...data };
+            isSaved = true;
+            return result;
+        }
+        finally {
+            isSaving = false;
+        }
+    }
+    // ---------------------------------------------------------------------------
+    // Return Store Interface
+    // ---------------------------------------------------------------------------
+    return {
+        // Data (read/write via getters/setters)
+        get data() {
+            return data;
+        },
+        set data(value) {
+            data = value;
+        },
+        get originalData() {
+            return originalData;
+        },
+        set originalData(value) {
+            originalData = value;
+        },
+        get errors() {
+            return errors;
+        },
+        set errors(value) {
+            errors = value;
+        },
+        // UI States (read/write)
+        get isLoading() {
+            return isLoading;
+        },
+        set isLoading(value) {
+            isLoading = value;
+        },
+        get isSaving() {
+            return isSaving;
+        },
+        set isSaving(value) {
+            isSaving = value;
+        },
+        get isSaved() {
+            return isSaved;
+        },
+        set isSaved(value) {
+            isSaved = value;
+        },
+        get showErrors() {
+            return showErrors;
+        },
+        set showErrors(value) {
+            showErrors = value;
+        },
+        // Derived States (readonly)
+        get isDirty() {
+            return isDirty;
+        },
+        get isValid() {
+            return isValid;
+        },
+        get canSave() {
+            return canSave;
+        },
+        // Methods
+        setOriginal,
+        validate,
+        validateField,
+        fieldError,
+        isSectionValid,
+        isSectionDirty,
+        reset,
+        resetToOriginal,
+        save,
+    };
+}

package/dist/forms/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Form Utilities
+ *
+ * Provides standardized form state management with:
+ * - Dirty tracking (original vs current)
+ * - Zod validation
+ * - Loading/saving/saved states
+ * - Section-level validation for progressive forms
+ *
+ * @example Basic usage with formData object
+ * ```typescript
+ * import { createFormStore } from '@getmicdrop/svelte-components/forms';
+ * import { z } from 'zod';
+ *
+ * const schema = z.object({
+ *   name: z.string().min(1, 'Name is required'),
+ *   email: z.string().email('Invalid email'),
+ * });
+ *
+ * const form = createFormStore(schema, { name: '', email: '' });
+ *
+ * // In component:
+ * <Input bind:value={form.data.name} error={form.fieldError('name')} />
+ * <Button disabled={!form.canSave} loading={form.isSaving} success={form.isSaved}>
+ *   Save
+ * </Button>
+ * ```
+ *
+ * @example Progressive form with sections
+ * ```typescript
+ * const form = createFormStore(schema, initialData, {
+ *   sections: {
+ *     basics: ['name', 'email'],
+ *     details: ['bio', 'website'],
+ *   }
+ * });
+ *
+ * // Check if section is complete
+ * {#if form.isSectionValid('basics')}
+ *   <DetailsSection />
+ * {/if}
+ * ```
+ *
+ * @example Field tracker for individual $state fields
+ * ```typescript
+ * import { createFieldTracker } from '@getmicdrop/svelte-components/forms';
+ *
+ * let name = $state('');
+ * let email = $state('');
+ * let originalData = $state({ name: '', email: '' });
+ *
+ * const tracker = createFieldTracker(() => {
+ *   return name !== originalData.name || email !== originalData.email;
+ * });
+ *
+ * // Use tracker.isSaving, tracker.isSaved, tracker.save(), etc.
+ * ```
+ */
+export { createFormStore, type FormStoreOptions, type FormStore, } from './createFormStore.svelte';
+export { createFieldTracker, type FieldTracker, } from './createFieldTracker.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,OAAO,EACL,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,SAAS,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,GAClB,MAAM,6BAA6B,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1,60 @@
+/**
+ * Form Utilities
+ *
+ * Provides standardized form state management with:
+ * - Dirty tracking (original vs current)
+ * - Zod validation
+ * - Loading/saving/saved states
+ * - Section-level validation for progressive forms
+ *
+ * @example Basic usage with formData object
+ * ```typescript
+ * import { createFormStore } from '@getmicdrop/svelte-components/forms';
+ * import { z } from 'zod';
+ *
+ * const schema = z.object({
+ *   name: z.string().min(1, 'Name is required'),
+ *   email: z.string().email('Invalid email'),
+ * });
+ *
+ * const form = createFormStore(schema, { name: '', email: '' });
+ *
+ * // In component:
+ * <Input bind:value={form.data.name} error={form.fieldError('name')} />
+ * <Button disabled={!form.canSave} loading={form.isSaving} success={form.isSaved}>
+ *   Save
+ * </Button>
+ * ```
+ *
+ * @example Progressive form with sections
+ * ```typescript
+ * const form = createFormStore(schema, initialData, {
+ *   sections: {
+ *     basics: ['name', 'email'],
+ *     details: ['bio', 'website'],
+ *   }
+ * });
+ *
+ * // Check if section is complete
+ * {#if form.isSectionValid('basics')}
+ *   <DetailsSection />
+ * {/if}
+ * ```
+ *
+ * @example Field tracker for individual $state fields
+ * ```typescript
+ * import { createFieldTracker } from '@getmicdrop/svelte-components/forms';
+ *
+ * let name = $state('');
+ * let email = $state('');
+ * let originalData = $state({ name: '', email: '' });
+ *
+ * const tracker = createFieldTracker(() => {
+ *   return name !== originalData.name || email !== originalData.email;
+ * });
+ *
+ * // Use tracker.isSaving, tracker.isSaved, tracker.save(), etc.
+ * ```
+ */
+export { createFormStore, } from './createFormStore.svelte';
+export { createFieldTracker, } from './createFieldTracker.svelte';

package/dist/stores/createFormStore.d.ts

@@ -1,4 +1,5 @@
 /**
+ * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
  * @typedef {Object} FormStoreOptions
  * @property {Object} initialData - Initial form data
  * @property {string} [endpoint] - API endpoint for saving
@@ -11,6 +12,8 @@
  * @property {boolean} [showToasts=true] - Show toast notifications
  */
 /**
+ * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
+ *
  * Creates a comprehensive form store with state management, dirty tracking,
  * validation, and save handling.
  *

package/dist/stores/createFormStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFormStore.d.ts","sourceRoot":"","sources":["../../src/lib/stores/createFormStore.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,0CAlBW,gBAAgB,GACd,MAAM,CA4WlB;;;;;iBA5Xa,MAAM"}
+{"version":3,"file":"createFormStore.d.ts","sourceRoot":"","sources":["../../src/lib/stores/createFormStore.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,0CAlBW,gBAAgB,GACd,MAAM,CAgXlB;;;;;iBAlYa,MAAM"}

package/dist/stores/createFormStore.js

@@ -1,7 +1,25 @@
+/**
+ * @deprecated Use `@getmicdrop/svelte-components/forms` instead.
+ * This Svelte 4 store-based implementation will be removed in the next major version.
+ * 
+ * Migration:
+ * ```typescript
+ * // Old (Svelte 4 stores):
+ * import { createFormStore } from '@getmicdrop/svelte-components/stores/createFormStore';
+ * const form = createFormStore({ initialData: {...}, endpoint: '...' });
+ * 
+ * // New (Svelte 5 runes):
+ * import { createFormStore } from '@getmicdrop/svelte-components/forms';
+ * import { z } from 'zod';
+ * const schema = z.object({ name: z.string(), email: z.string().email() });
+ * const form = createFormStore(schema, { name: '', email: '' });
+ * ```
+ */
 import { writable, derived, get } from "svelte/store";
 import { showToast } from "./toaster";
 
 /**
+ * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
  * @typedef {Object} FormStoreOptions
  * @property {Object} initialData - Initial form data
  * @property {string} [endpoint] - API endpoint for saving
@@ -15,6 +33,8 @@ import { showToast } from "./toaster";
  */
 
 /**
+ * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
+ * 
  * Creates a comprehensive form store with state management, dirty tracking,
  * validation, and save handling.
  * 
@@ -37,6 +57,10 @@ import { showToast } from "./toaster";
  * <button on:click={form.submit} disabled={$form.isLoading}>Save</button>
  */
 export function createFormStore(options = {}) {
+  console.warn(
+    '[DEPRECATED] createFormStore from stores/createFormStore is deprecated. ' +
+    'Use createFormStore from @getmicdrop/svelte-components/forms instead.'
+  );
   const {
     initialData = {},
     endpoint = "",

package/dist/stores/index.d.ts

@@ -1 +1,7 @@
+export { createFormStore, createFieldTracker } from "../forms/index";
+export { createFormSave, createDirtyTracker } from "./formSave";
+export { profileFormData, initialFormData, hasChanges } from "./formDataStore";
+export { isSubPage, hideHeaderBackButton, selectedVenueData, isAnimatedNavigation } from "./navigation";
+export { toast, showToast } from "./toaster";
+export { auth, setAuthState, clearAuthState, initializeAuthState } from "./auth";
 //# sourceMappingURL=index.d.ts.map

package/dist/stores/index.js

@@ -0,0 +1,10 @@
+// Re-export form utilities from the new location
+// These are Svelte 5 runes-based implementations
+export { createFormStore, createFieldTracker } from '../forms/index';
+
+// Legacy store exports (for backward compatibility)
+export { createFormSave, createDirtyTracker } from './formSave';
+export { profileFormData, initialFormData, hasChanges } from './formDataStore';
+export { isSubPage, hideHeaderBackButton, selectedVenueData, isAnimatedNavigation } from './navigation';
+export { toast, showToast } from './toaster';
+export { auth, setAuthState, clearAuthState, initializeAuthState, isPerformer } from './auth';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "5.3.14",
+  "version": "5.3.15",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -55,67 +55,79 @@
       "svelte": "./dist/patterns/*",
       "import": "./dist/patterns/*"
     },
-    "./calendar/*": {
-      "svelte": "./dist/calendar/*",
-      "import": "./dist/calendar/*"
-    },
-    "./components/*": {
-      "svelte": "./dist/components/*",
-      "import": "./dist/components/*"
-    },
-    "./config": {
-      "import": "./dist/config.js"
-    },
-    "./stores/formSave": {
-      "import": "./dist/stores/formSave.js"
-    },
-    "./stores/formDataStore": {
-      "import": "./dist/stores/formDataStore.js"
-    },
-    "./stores/navigation": {
-      "import": "./dist/stores/navigation.js"
-    },
-    "./stores/toaster": {
-      "import": "./dist/stores/toaster.js"
-    },
-    "./stores/auth": {
-      "import": "./dist/stores/auth.js"
-    },
-    "./stores/createFormStore": {
-      "import": "./dist/stores/createFormStore.js"
-    },
-    "./services/EventService": {
-      "import": "./dist/services/EventService.js"
-    },
-    "./utils/greetings": {
-      "import": "./dist/utils/greetings.js"
-    },
-    "./utils/imageValidation": {
-      "import": "./dist/utils/imageValidation.js"
-    },
-    "./utils/portal": {
-      "import": "./dist/utils/portal.js"
-    },
-    "./utils/apiConfig": {
-      "import": "./dist/utils/apiConfig.js"
-    },
-    "./datetime": {
-      "types": "./dist/datetime/index.d.ts",
-      "import": "./dist/datetime/index.js"
-    },
-    "./utils/utils": {
-      "import": "./dist/utils/utils.js"
-    },
-    "./utils/utils/utils": {
-      "import": "./dist/utils/utils/utils.js"
-    },
-    "./constants/formOptions": {
-      "import": "./dist/constants/formOptions.js"
-    },
-    "./telemetry": {
-      "import": "./dist/telemetry.js"
-    }
-  },
+    "./calendar/*": {
+      "svelte": "./dist/calendar/*",
+      "import": "./dist/calendar/*"
+    },
+    "./components/*": {
+      "svelte": "./dist/components/*",
+      "import": "./dist/components/*"
+    },
+    "./config": {
+      "import": "./dist/config.js"
+    },
+    "./stores/formSave": {
+      "import": "./dist/stores/formSave.js"
+    },
+    "./stores/formDataStore": {
+      "import": "./dist/stores/formDataStore.js"
+    },
+    "./stores/navigation": {
+      "import": "./dist/stores/navigation.js"
+    },
+    "./stores/toaster": {
+      "import": "./dist/stores/toaster.js"
+    },
+    "./stores/auth": {
+      "import": "./dist/stores/auth.js"
+    },
+    "./stores/createFormStore": {
+      "import": "./dist/stores/createFormStore.js"
+    },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms/index.js"
+    },
+    "./forms/createFormStore": {
+      "types": "./dist/forms/createFormStore.svelte.d.ts",
+      "import": "./dist/forms/createFormStore.svelte.js"
+    },
+    "./forms/createFieldTracker": {
+      "types": "./dist/forms/createFieldTracker.svelte.d.ts",
+      "import": "./dist/forms/createFieldTracker.svelte.js"
+    },
+    "./services/EventService": {
+      "import": "./dist/services/EventService.js"
+    },
+    "./utils/greetings": {
+      "import": "./dist/utils/greetings.js"
+    },
+    "./utils/imageValidation": {
+      "import": "./dist/utils/imageValidation.js"
+    },
+    "./utils/portal": {
+      "import": "./dist/utils/portal.js"
+    },
+    "./utils/apiConfig": {
+      "import": "./dist/utils/apiConfig.js"
+    },
+    "./datetime": {
+      "types": "./dist/datetime/index.d.ts",
+      "import": "./dist/datetime/index.js"
+    },
+    "./utils/utils": {
+      "import": "./dist/utils/utils.js"
+    },
+    "./utils/utils/utils": {
+      "import": "./dist/utils/utils/utils.js"
+    },
+    "./constants/formOptions": {
+      "import": "./dist/constants/formOptions.js"
+    },
+    "./telemetry": {
+      "import": "./dist/telemetry.js"
+    }
+  },
   "svelte": "./dist/index.js",
   "files": [
     "dist",
@@ -193,9 +205,9 @@
     "check-password-strength": "^3.0.0",
     "clsx": "^2.1.1",
     "cookie": "^1.0.2",
-"date-fns": "^3.6.0",
-    "date-fns-tz": "^3.2.0",
-    "dotenv": "^16.4.7",
+    "date-fns": "^3.6.0",
+    "date-fns-tz": "^3.2.0",
+    "dotenv": "^16.4.7",
     "filepond": "^4.32.10",
     "filepond-plugin-file-validate-size": "^2.2.8",
     "filepond-plugin-file-validate-type": "^1.2.9",