@getmicdrop/svelte-components 5.9.6 → 5.10.0

package/dist/stores/auth.d.ts

@@ -1,9 +1,9 @@
-export const auth: import("svelte/store").Writable<{
-    isAuthenticated: boolean;
-    token: null;
-    userDetails: null;
-}>;
-export function setAuthState(state: any): void;
-export function clearAuthState(): void;
-export function initializeAuthState(): void;
+export const auth: import("svelte/store").Writable<{
+    isAuthenticated: boolean;
+    token: null;
+    userDetails: null;
+}>;
+export function setAuthState(state: any): void;
+export function clearAuthState(): void;
+export function initializeAuthState(): void;
 //# sourceMappingURL=auth.d.ts.map

package/dist/stores/index.js

@@ -1,9 +1,9 @@
-// Form utilities (Svelte 5 runes-based)
-export { createFormStore, createFieldTracker } from '../forms/index';
-
-// Store exports (Svelte 5 runes-based)
-export { createFormSave, createDirtyTracker } from './formSave.svelte';
-export { profileFormData, initialFormData, hasChanges } from './formDataStore.svelte';
-export { isSubPage, hideHeaderBackButton, selectedVenueData, isAnimatedNavigation } from './navigation.svelte';
-export { toast, showToast } from './toaster';
-export { auth, setAuthState, clearAuthState, initializeAuthState } from './auth.svelte';
+// Form utilities (Svelte 5 runes-based)
+export { createFormStore, createFieldTracker } from '../forms/index';
+
+// Store exports (Svelte 5 runes-based)
+export { createFormSave, createDirtyTracker } from './formSave.svelte';
+export { profileFormData, initialFormData, hasChanges } from './formDataStore.svelte';
+export { isSubPage, hideHeaderBackButton, selectedVenueData, isAnimatedNavigation } from './navigation.svelte';
+export { toast, showToast } from './toaster';
+export { auth, setAuthState, clearAuthState, initializeAuthState } from './auth.svelte';

package/dist/stores/toaster.d.ts

@@ -1,4 +1,4 @@
-export { toast };
-export function showToast(message: any, type?: string): void;
-import { toast } from "svelte-sonner";
+export { toast };
+export function showToast(message: any, type?: string): void;
+import { toast } from "svelte-sonner";
 //# sourceMappingURL=toaster.d.ts.map

package/dist/stores/toaster.js

@@ -1,13 +1,13 @@
-import { toast } from "svelte-sonner";
-
-export { toast };
-
-export const showToast = (message, type = "success") => {
-  if (type === "success") {
-    toast.success(message);
-  } else if (type === "error") {
-    toast.error(message);
-  } else {
-    toast.message(message);
-  }
-};
+import { toast } from "svelte-sonner";
+
+export { toast };
+
+export const showToast = (message, type = "success") => {
+  if (type === "success") {
+    toast.success(message);
+  } else if (type === "error") {
+    toast.error(message);
+  } else {
+    toast.message(message);
+  }
+};

package/dist/stores/toaster.spec.js

@@ -1,59 +1,59 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock svelte-sonner before importing
-vi.mock('svelte-sonner', () => ({
-  toast: {
-    success: vi.fn(),
-    error: vi.fn(),
-    message: vi.fn(),
-  },
-}));
-
-import { showToast, toast } from './toaster';
-
-describe('toaster store', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('showToast', () => {
-    it('calls toast.success for success type', () => {
-      showToast('Success message', 'success');
-      expect(toast.success).toHaveBeenCalledWith('Success message');
-    });
-
-    it('defaults to success type when no type provided', () => {
-      showToast('Default message');
-      expect(toast.success).toHaveBeenCalledWith('Default message');
-    });
-
-    it('calls toast.error for error type', () => {
-      showToast('Error message', 'error');
-      expect(toast.error).toHaveBeenCalledWith('Error message');
-    });
-
-    it('calls toast.message for other types', () => {
-      showToast('Info message', 'info');
-      expect(toast.message).toHaveBeenCalledWith('Info message');
-    });
-
-    it('calls toast.message for warning type', () => {
-      showToast('Warning message', 'warning');
-      expect(toast.message).toHaveBeenCalledWith('Warning message');
-    });
-
-    it('calls toast.message for unknown type', () => {
-      showToast('Unknown message', 'unknown');
-      expect(toast.message).toHaveBeenCalledWith('Unknown message');
-    });
-  });
-
-  describe('toast export', () => {
-    it('exports toast object', () => {
-      expect(toast).toBeDefined();
-      expect(toast.success).toBeDefined();
-      expect(toast.error).toBeDefined();
-      expect(toast.message).toBeDefined();
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+// Mock svelte-sonner before importing
+vi.mock('svelte-sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+    message: vi.fn(),
+  },
+}));
+
+import { showToast, toast } from './toaster';
+
+describe('toaster store', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('showToast', () => {
+    it('calls toast.success for success type', () => {
+      showToast('Success message', 'success');
+      expect(toast.success).toHaveBeenCalledWith('Success message');
+    });
+
+    it('defaults to success type when no type provided', () => {
+      showToast('Default message');
+      expect(toast.success).toHaveBeenCalledWith('Default message');
+    });
+
+    it('calls toast.error for error type', () => {
+      showToast('Error message', 'error');
+      expect(toast.error).toHaveBeenCalledWith('Error message');
+    });
+
+    it('calls toast.message for other types', () => {
+      showToast('Info message', 'info');
+      expect(toast.message).toHaveBeenCalledWith('Info message');
+    });
+
+    it('calls toast.message for warning type', () => {
+      showToast('Warning message', 'warning');
+      expect(toast.message).toHaveBeenCalledWith('Warning message');
+    });
+
+    it('calls toast.message for unknown type', () => {
+      showToast('Unknown message', 'unknown');
+      expect(toast.message).toHaveBeenCalledWith('Unknown message');
+    });
+  });
+
+  describe('toast export', () => {
+    it('exports toast object', () => {
+      expect(toast).toBeDefined();
+      expect(toast.success).toBeDefined();
+      expect(toast.error).toBeDefined();
+      expect(toast.message).toBeDefined();
+    });
+  });
+});

package/dist/stories/ButtonAuditDashboard.spec.js

@@ -727,7 +727,7 @@ describe('ButtonAuditDashboard', () => {
 
     it('should have proper border and shadow styling', () => {
       const { container } = render(ButtonAuditDashboard);
-      const header = container.querySelector('.border-b.shadow-sm');
+      const header = container.querySelector('.border-b.shadow');
       expect(header).toBeInTheDocument();
     });
   });

package/dist/stories/ButtonAuditDashboard.svelte

@@ -161,7 +161,7 @@
 
 <div class="min-h-screen bg-gray-50 dark:bg-gray-900 transition-colors">
   <!-- Sticky Header -->
-  <div class="sticky top-0 z-50 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shadow-sm">
+  <div class="sticky top-0 z-50 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shadow">
     <div class="max-w-7xl mx-auto px-4 py-4">
       <div class="flex flex-wrap items-center justify-between gap-4">
         <div>
@@ -292,21 +292,21 @@
                           📂 Open
                         </a>
                       </div>
-                      <div class="flex items-center gap-2 flex-shrink-0 ml-2">
-                        {#if isPreviewable(route.file)}
-                          <!-- svelte-ignore a11y_click_events_have_key_events -->
-                          <!-- svelte-ignore a11y_no_static_element_interactions -->
-                          <span
-                            role="button"
-                            tabindex="0"
-                            onclick={(e) => { e.stopPropagation(); openPreview(route.route, route.file); }}
-                            onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.stopPropagation(); openPreview(route.route, route.file); }}}
-                            class="px-2 py-0.5 text-xs rounded bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900 dark:text-green-300 dark:hover:bg-green-800 cursor-pointer"
-                            title="Preview this page"
-                          >
-                            👁️ Preview
-                          </span>
-                        {/if}
+                      <div class="flex items-center gap-2 shrink-0 ml-2">
+                        {#if isPreviewable(route.file)}
+                          <!-- svelte-ignore a11y_click_events_have_key_events -->
+                          <!-- svelte-ignore a11y_no_static_element_interactions -->
+                          <span
+                            role="button"
+                            tabindex="0"
+                            onclick={(e) => { e.stopPropagation(); openPreview(route.route, route.file); }}
+                            onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.stopPropagation(); openPreview(route.route, route.file); }}}
+                            class="px-2 py-0.5 text-xs rounded bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900 dark:text-green-300 dark:hover:bg-green-800 cursor-pointer"
+                            title="Preview this page"
+                          >
+                            👁️ Preview
+                          </span>
+                        {/if}
                         <span class="text-xs text-gray-500 dark:text-gray-400">
                           {routeVisibleButtons.length} buttons
                         </span>
@@ -404,7 +404,7 @@
 
   <!-- Preview Modal -->
   {#if previewModal.open}
-    <div class="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
+    <div class="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-xs">
       <div class="relative w-full max-w-6xl h-[85vh] bg-white dark:bg-gray-800 rounded-xl shadow-2xl overflow-hidden flex flex-col">
         <!-- Modal Header -->
         <div class="flex items-center justify-between px-4 py-3 bg-gray-100 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
@@ -430,14 +430,14 @@
           </div>
         </div>
 
-        <!-- Iframe Content -->
-        <div class="flex-1 relative">
-          <iframe
-            src={previewModal.url}
-            class="absolute inset-0 w-full h-full border-0"
-            title="Page preview"
-          ></iframe>
-        </div>
+        <!-- Iframe Content -->
+        <div class="flex-1 relative">
+          <iframe
+            src={previewModal.url}
+            class="absolute inset-0 w-full h-full border-0"
+            title="Page preview"
+          ></iframe>
+        </div>
 
         <!-- Modal Footer -->
         <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700/50 border-t border-gray-200 dark:border-gray-600 text-xs text-gray-500 dark:text-gray-400">

package/dist/stories/ButtonAuditReview.stories.svelte

@@ -1,14 +1,14 @@
-<script module>
-  import { defineMeta } from "@storybook/addon-svelte-csf";
-  import ButtonAuditReview from "./ButtonAuditReview.svelte";
-
-  const { Story } = defineMeta({
-    title: "Design System/Button Audit Review",
-    component: ButtonAuditReview,
-    parameters: {
-      layout: 'fullscreen',
-    }
-  });
-</script>
-
-<Story name="All Issues" />
+<script module>
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import ButtonAuditReview from "./ButtonAuditReview.svelte";
+
+  const { Story } = defineMeta({
+    title: "Design System/Button Audit Review",
+    component: ButtonAuditReview,
+    parameters: {
+      layout: 'fullscreen',
+    }
+  });
+</script>
+
+<Story name="All Issues" />