@getmicdrop/svelte-components 5.10.3 → 5.13.0

package/dist/stories/PrimitivesGallery.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivesGallery.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stories/PrimitivesGallery.svelte.ts"],"names":[],"mappings":"AAuxBA,QAAA,MAAM,iBAAiB,2DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PrimitivesGallery.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stories/PrimitivesGallery.svelte.ts"],"names":[],"mappings":"AA+xBA,QAAA,MAAM,iBAAiB,2DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/stories/RecipesGallery.spec.js

@@ -17,7 +17,7 @@ import { expect } from 'vitest';
  * 1. Header with title, description, and dark mode toggle
  * 2. Feedback Components section (EmptyState, ErrorDisplay, StatusIndicator)
  * 3. Form Fields section (FormField, SelectField, TextareaField, CheckboxField, ToggleField, RadioGroup)
- * 4. Special Inputs section (PasswordInput, PasswordStrengthIndicator, OTPInput, Search, MultiSelect, SelectDropdown)
+ * 4. Special Inputs section (PasswordInput, PasswordStrengthIndicator, OTPInput, Search, MultiSelect)
  * 5. Modals section (AlertModal, ConfirmationModal, InputModal, StatusModal)
  * 6. Common Recipe Patterns section (Registration Form, Settings Form)
  *
@@ -38,7 +38,7 @@ describe('RecipesGallery Component - Documentation', () => {
     const componentStructure = {
       imports: {
         feedback: ['EmptyState', 'ErrorDisplay', 'StatusIndicator'],
-        inputs: ['MultiSelect', 'OTPInput', 'PasswordInput', 'PasswordStrengthIndicator', 'Search', 'SelectDropdown'],
+        inputs: ['MultiSelect', 'OTPInput', 'PasswordInput', 'PasswordStrengthIndicator', 'Search'],
         modals: ['AlertModal', 'ConfirmationModal', 'InputModal', 'StatusModal'],
         fields: ['CheckboxField', 'FormField', 'RadioGroup', 'SelectField', 'TextareaField', 'ToggleField'],
         primitives: ['Button', 'Card']
@@ -54,7 +54,6 @@ describe('RecipesGallery Component - Documentation', () => {
         passwordValue: 'string',
         searchValue: 'string',
         multiSelectValue: 'string[]',
-        selectDropdownValue: '{label: string, value: string} | null',
         checkboxChecked: 'boolean',
         toggleChecked: 'boolean',
         radioValue: 'string',
@@ -109,7 +108,6 @@ describe('RecipesGallery Component - Documentation', () => {
       'PasswordInput',
       'PasswordStrengthIndicator',
       'Search',
-      'SelectDropdown',
       'AlertModal',
       'ConfirmationModal',
       'InputModal',
@@ -123,7 +121,7 @@ describe('RecipesGallery Component - Documentation', () => {
     ];
 
     // All components are imported in the file
-    expect(recipeComponents).toHaveLength(19);
+    expect(recipeComponents).toHaveLength(18);
     expect(recipeComponents).toContain('EmptyState');
     expect(recipeComponents).toContain('PasswordInput');
     expect(recipeComponents).toContain('AlertModal');
@@ -132,13 +130,13 @@ describe('RecipesGallery Component - Documentation', () => {
 
   test('Modal state management is properly implemented', () => {
     const modalStates = {
-      alert: { show: false, autoClose: 0 },
-      confirm: { show: false },
-      input: { show: false },
-      status: { show: false, type: 'success', autoCloseDelay: 2000 }
+      alert: { open: false, autoClose: 0 },
+      confirm: { open: false },
+      input: { open: false },
+      status: { open: false, type: 'success', autoCloseDelay: 2000 }
     };
 
-    expect(modalStates.alert.show).toBe(false);
+    expect(modalStates.alert.open).toBe(false);
     expect(modalStates.status.autoCloseDelay).toBe(2000);
   });
 
@@ -148,7 +146,6 @@ describe('RecipesGallery Component - Documentation', () => {
       passwordValue: 'string',
       searchValue: 'string',
       multiSelectValue: 'string[]',
-      selectDropdownValue: '{label: string, value: string} | null',
       checkboxChecked: 'boolean',
       toggleChecked: 'boolean',
       radioValue: 'string',
@@ -158,7 +155,7 @@ describe('RecipesGallery Component - Documentation', () => {
     };
 
     expect(fieldBindings.otpValue).toBe('string[]');
-    expect(fieldBindings.selectDropdownValue).toContain('label');
+    // Note: selectDropdownValue removed - SelectDropdown has been deprecated, use Select
     expect(fieldBindings.checkboxChecked).toBe('boolean');
   });
 
@@ -177,11 +174,6 @@ describe('RecipesGallery Component - Documentation', () => {
         { value: 'lg', name: 'Large' },
         { value: 'xl', name: 'Extra Large' }
       ],
-      selectDropdownOptions: [
-        { value: 'low', label: 'Low Priority' },
-        { value: 'medium', label: 'Medium Priority' },
-        { value: 'high', label: 'High Priority' }
-      ],
       radioOptions: [
         { value: 'daily', label: 'Daily', description: 'Get updates every day' },
         { value: 'weekly', label: 'Weekly', description: 'Get updates once a week' },
@@ -191,7 +183,6 @@ describe('RecipesGallery Component - Documentation', () => {
 
     expect(demoData.multiSelectItems).toHaveLength(5);
     expect(demoData.selectFieldItems).toHaveLength(4);
-    expect(demoData.selectDropdownOptions).toHaveLength(3);
     expect(demoData.radioOptions).toHaveLength(3);
   });
 

package/dist/stories/RecipesGallery.stories.svelte

@@ -1,19 +1,19 @@
-<script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import RecipesGallery from './RecipesGallery.svelte';
-
-  const { Story } = defineMeta({
-    title: 'Visual Galleries/Recipes',
-    component: RecipesGallery,
-    parameters: {
-      layout: 'fullscreen',
-      docs: {
-        description: {
-          component: 'Complete visual gallery of all recipe components (Layer 2) - Domain-agnostic compositions.',
-        },
-      },
-    },
-  });
-</script>
-
-<Story name="All Recipes" />
+<script module>
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import RecipesGallery from './RecipesGallery.svelte';
+
+  const { Story } = defineMeta({
+    title: 'Visual Galleries/Recipes',
+    component: RecipesGallery,
+    parameters: {
+      layout: 'fullscreen',
+      docs: {
+        description: {
+          component: 'Complete visual gallery of all recipe components (Layer 2) - Domain-agnostic compositions.',
+        },
+      },
+    },
+  });
+</script>
+
+<Story name="All Recipes" />