@getmicdrop/svelte-components 5.19.0 → 5.20.1

package/dist/index.spec.js

@@ -1,369 +1,369 @@
-import { describe, it, expect } from 'vitest';
-import { readFileSync, existsSync } from 'fs';
-import { resolve, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
-/**
- * Export Organization Tests
- *
- * These tests verify that the hierarchical export structure is properly
- * organized with intermediate index files for tree-shaking support.
- *
- * Note: We test file existence and export patterns rather than importing
- * Svelte components directly, as vitest has issues with Svelte preprocessing.
- */
-
-function fileExists(relativePath) {
-  return existsSync(resolve(__dirname, relativePath));
-}
-
-function readFile(relativePath) {
-  return readFileSync(resolve(__dirname, relativePath), 'utf-8');
-}
-
-function getExportedNames(content) {
-  const exports = [];
-
-  // Match: export { default as Name } from './path'
-  const defaultExports = content.matchAll(/export\s*\{\s*default\s+as\s+(\w+)\s*\}/g);
-  for (const match of defaultExports) {
-    exports.push(match[1]);
-  }
-
-  // Match: export * from './path'
-  const reExports = content.matchAll(/export\s*\*\s*from/g);
-  exports.push(...Array.from(reExports).map(() => '*'));
-
-  // Match: export { name1, name2 } from './path'
-  const namedExports = content.matchAll(/export\s*\{([^}]+)\}\s*from/g);
-  for (const match of namedExports) {
-    const names = match[1].split(',').map((n) => n.trim().split(/\s+as\s+/).pop().trim());
-    exports.push(...names);
-  }
-
-  return exports;
-}
-
-describe('Export Organization - File Structure', () => {
-  describe('Main index.js', () => {
-    it('exists at src/lib/index.js', () => {
-      expect(fileExists('./index.js')).toBe(true);
-    });
-
-    it('uses re-exports from intermediate files', () => {
-      const content = readFile('./index.js');
-
-      // Should re-export from layer directories
-      expect(content).toContain("export * from './primitives/index.js'");
-      expect(content).toContain("export * from './recipes/index.js'");
-      expect(content).toContain("export * from './patterns/index.js'");
-      expect(content).toContain("export * from './calendar/index.js'");
-    });
-
-    it('has organized sections with comments', () => {
-      const content = readFile('./index.js');
-
-      expect(content).toContain('PRIMITIVES');
-      expect(content).toContain('RECIPES');
-      expect(content).toContain('PATTERNS');
-      expect(content).toContain('CALENDAR');
-    });
-  });
-});
-
-describe('Recipes Layer - Intermediate Index Files', () => {
-  describe('recipes/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./recipes/index.js')).toBe(true);
-    });
-
-    it('re-exports from all subdirectories', () => {
-      const content = readFile('./recipes/index.js');
-
-      expect(content).toContain("export * from './feedback/index.js'");
-      expect(content).toContain("export * from './inputs/index.js'");
-      expect(content).toContain("export * from './modals/index.js'");
-      expect(content).toContain("export * from './fields/index.js'");
-      expect(content).toContain("export * from './SuperLogin/index.js'");
-    });
-
-    it('exports CropImage and ImageUploader directly', () => {
-      const content = readFile('./recipes/index.js');
-
-      expect(content).toContain('CropImage');
-      expect(content).toContain('ImageUploader');
-    });
-  });
-
-  describe('recipes/inputs/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./recipes/inputs/index.js')).toBe(true);
-    });
-
-    it('exports all input recipe components', () => {
-      const content = readFile('./recipes/inputs/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('MultiSelect');
-      expect(exports).toContain('OTPInput');
-      expect(exports).toContain('PasswordInput');
-      expect(exports).toContain('PasswordStrengthIndicator');
-      expect(exports).toContain('PlaceAutocomplete');
-      expect(exports).toContain('Search');
-    });
-  });
-
-  describe('recipes/modals/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./recipes/modals/index.js')).toBe(true);
-    });
-
-    it('exports all modal recipe components', () => {
-      const content = readFile('./recipes/modals/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('AlertModal');
-      expect(exports).toContain('ConfirmationModal');
-      expect(exports).toContain('InputModal');
-      expect(exports).toContain('ModalStateManager');
-      expect(exports).toContain('ModalTestWrapper');
-      expect(exports).toContain('StatusModal');
-    });
-  });
-
-  describe('recipes/feedback/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./recipes/feedback/index.js')).toBe(true);
-    });
-
-    it('exports all feedback components', () => {
-      const content = readFile('./recipes/feedback/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('EmptyState');
-      expect(exports).toContain('ErrorDisplay');
-      expect(exports).toContain('StatusIndicator');
-    });
-  });
-
-  describe('recipes/fields/index.js (pre-existing)', () => {
-    it('exists', () => {
-      expect(fileExists('./recipes/fields/index.js')).toBe(true);
-    });
-
-    it('exports all field components', () => {
-      const content = readFile('./recipes/fields/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('CheckboxField');
-      expect(exports).toContain('FormField');
-      expect(exports).toContain('RadioGroup');
-      expect(exports).toContain('SelectField');
-      expect(exports).toContain('TextareaField');
-      expect(exports).toContain('ToggleField');
-    });
-  });
-});
-
-describe('Patterns Layer - Intermediate Index Files', () => {
-  describe('patterns/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/index.js')).toBe(true);
-    });
-
-    it('re-exports from all subdirectories', () => {
-      const content = readFile('./patterns/index.js');
-
-      expect(content).toContain("export * from './forms/index.js'");
-      expect(content).toContain("export * from './navigation/index.js'");
-      expect(content).toContain("export * from './page/index.js'");
-      expect(content).toContain("export * from './data/index.js'");
-      expect(content).toContain("export * from './layout/index.js'");
-    });
-  });
-
-  describe('patterns/forms/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/forms/index.js')).toBe(true);
-    });
-
-    it('exports all form pattern components', () => {
-      const content = readFile('./patterns/forms/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('FormActions');
-      expect(exports).toContain('FormGrid');
-      expect(exports).toContain('FormSection');
-      expect(exports).toContain('FormValidationSummary');
-    });
-  });
-
-  describe('patterns/navigation/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/navigation/index.js')).toBe(true);
-    });
-
-    it('exports all navigation pattern components', () => {
-      const content = readFile('./patterns/navigation/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('BottomNav');
-      expect(exports).toContain('Header');
-    });
-  });
-
-  describe('patterns/page/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/page/index.js')).toBe(true);
-    });
-
-    it('exports all page pattern components', () => {
-      const content = readFile('./patterns/page/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('PageHeader');
-      expect(exports).toContain('PageLayout');
-      expect(exports).toContain('PageLoader');
-      expect(exports).toContain('SectionHeader');
-    });
-  });
-
-  describe('patterns/data/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/data/index.js')).toBe(true);
-    });
-
-    it('exports all data pattern components', () => {
-      const content = readFile('./patterns/data/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('DataGrid');
-      expect(exports).toContain('DataList');
-      expect(exports).toContain('DataTable');
-    });
-  });
-
-  describe('patterns/layout/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./patterns/layout/index.js')).toBe(true);
-    });
-
-    it('exports all layout pattern components', () => {
-      const content = readFile('./patterns/layout/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('Grid');
-      expect(exports).toContain('Section');
-      expect(exports).toContain('Sidebar');
-      expect(exports).toContain('Stack');
-    });
-
-    it('re-exports from components/Layout/ for compatibility', () => {
-      const content = readFile('./patterns/layout/index.js');
-
-      // Should point to canonical location
-      expect(content).toContain('../../components/Layout/');
-    });
-  });
-});
-
-describe('Calendar Layer - Index File', () => {
-  describe('calendar/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./calendar/index.js')).toBe(true);
-    });
-
-    it('exports all calendar components', () => {
-      const content = readFile('./calendar/index.js');
-      const exports = getExportedNames(content);
-
-      expect(exports).toContain('MiniMonthCalendar');
-      expect(exports).toContain('Calendar'); // Legacy alias
-      expect(exports).toContain('PublicCard');
-      expect(exports).toContain('MonthSwitcher');
-      expect(exports).toContain('OrderSummary');
-      expect(exports).toContain('ShowCard');
-      expect(exports).toContain('AboutShow');
-      expect(exports).toContain('FAQs');
-      expect(exports).toContain('ShowTimeCard');
-    });
-
-    it('has backward compatibility alias for Calendar', () => {
-      const content = readFile('./calendar/index.js');
-
-      // Both should export from same source
-      expect(content).toContain("export { default as MiniMonthCalendar } from './Calendar/MiniMonthCalendar.svelte'");
-      expect(content).toContain("export { default as Calendar } from './Calendar/MiniMonthCalendar.svelte'");
-    });
-  });
-});
-
-describe('Pre-existing Index Files (verification)', () => {
-  describe('primitives/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./primitives/index.js')).toBe(true);
-    });
-
-    it('has organized sections', () => {
-      const content = readFile('./primitives/index.js');
-
-      expect(content).toContain('PRIMITIVES');
-    });
-  });
-
-  describe('stores/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./stores/index.js')).toBe(true);
-    });
-  });
-
-  describe('presets/index.js', () => {
-    it('exists', () => {
-      expect(fileExists('./presets/index.js')).toBe(true);
-    });
-
-    it('re-exports badges and buttons presets', () => {
-      const content = readFile('./presets/index.js');
-
-      expect(content).toContain("export * from './badges.js'");
-      expect(content).toContain("export * from './buttons.js'");
-    });
-  });
-});
-
-describe('Tree-Shaking Structure', () => {
-  it('main index uses only re-exports (no direct component imports)', () => {
-    const content = readFile('./index.js');
-
-    // Should NOT have direct .svelte imports in main index
-    // All component exports should come via intermediate index files
-    const directSvelteImports = content.match(/from\s+['"][^'"]+\.svelte['"]/g) || [];
-
-    expect(directSvelteImports).toHaveLength(0);
-  });
-
-  it('layer indexes aggregate their subdirectories', () => {
-    // recipes/index.js should use export * from subdirs
-    const recipesContent = readFile('./recipes/index.js');
-    const recipesReExports = (recipesContent.match(/export \* from/g) || []).length;
-    expect(recipesReExports).toBeGreaterThanOrEqual(5); // feedback, inputs, modals, fields, SuperLogin
-
-    // patterns/index.js should use export * from subdirs
-    const patternsContent = readFile('./patterns/index.js');
-    const patternsReExports = (patternsContent.match(/export \* from/g) || []).length;
-    expect(patternsReExports).toBe(6); // chat, forms, navigation, page, data, layout
-  });
-
-  it('leaf indexes export components individually', () => {
-    // Leaf indexes should have individual exports, not re-exports
-    const inputsContent = readFile('./recipes/inputs/index.js');
-
-    // Should have individual component exports
-    expect(inputsContent).toContain('export { default as');
-
-    // Should NOT have wildcard re-exports (it's a leaf)
-    expect(inputsContent).not.toContain('export * from');
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { readFileSync, existsSync } from 'fs';
+import { resolve, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * Export Organization Tests
+ *
+ * These tests verify that the hierarchical export structure is properly
+ * organized with intermediate index files for tree-shaking support.
+ *
+ * Note: We test file existence and export patterns rather than importing
+ * Svelte components directly, as vitest has issues with Svelte preprocessing.
+ */
+
+function fileExists(relativePath) {
+  return existsSync(resolve(__dirname, relativePath));
+}
+
+function readFile(relativePath) {
+  return readFileSync(resolve(__dirname, relativePath), 'utf-8');
+}
+
+function getExportedNames(content) {
+  const exports = [];
+
+  // Match: export { default as Name } from './path'
+  const defaultExports = content.matchAll(/export\s*\{\s*default\s+as\s+(\w+)\s*\}/g);
+  for (const match of defaultExports) {
+    exports.push(match[1]);
+  }
+
+  // Match: export * from './path'
+  const reExports = content.matchAll(/export\s*\*\s*from/g);
+  exports.push(...Array.from(reExports).map(() => '*'));
+
+  // Match: export { name1, name2 } from './path'
+  const namedExports = content.matchAll(/export\s*\{([^}]+)\}\s*from/g);
+  for (const match of namedExports) {
+    const names = match[1].split(',').map((n) => n.trim().split(/\s+as\s+/).pop().trim());
+    exports.push(...names);
+  }
+
+  return exports;
+}
+
+describe('Export Organization - File Structure', () => {
+  describe('Main index.js', () => {
+    it('exists at src/lib/index.js', () => {
+      expect(fileExists('./index.js')).toBe(true);
+    });
+
+    it('uses re-exports from intermediate files', () => {
+      const content = readFile('./index.js');
+
+      // Should re-export from layer directories
+      expect(content).toContain("export * from './primitives/index.js'");
+      expect(content).toContain("export * from './recipes/index.js'");
+      expect(content).toContain("export * from './patterns/index.js'");
+      expect(content).toContain("export * from './calendar/index.js'");
+    });
+
+    it('has organized sections with comments', () => {
+      const content = readFile('./index.js');
+
+      expect(content).toContain('PRIMITIVES');
+      expect(content).toContain('RECIPES');
+      expect(content).toContain('PATTERNS');
+      expect(content).toContain('CALENDAR');
+    });
+  });
+});
+
+describe('Recipes Layer - Intermediate Index Files', () => {
+  describe('recipes/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./recipes/index.js')).toBe(true);
+    });
+
+    it('re-exports from all subdirectories', () => {
+      const content = readFile('./recipes/index.js');
+
+      expect(content).toContain("export * from './feedback/index.js'");
+      expect(content).toContain("export * from './inputs/index.js'");
+      expect(content).toContain("export * from './modals/index.js'");
+      expect(content).toContain("export * from './fields/index.js'");
+      expect(content).toContain("export * from './SuperLogin/index.js'");
+    });
+
+    it('exports CropImage and ImageUploader directly', () => {
+      const content = readFile('./recipes/index.js');
+
+      expect(content).toContain('CropImage');
+      expect(content).toContain('ImageUploader');
+    });
+  });
+
+  describe('recipes/inputs/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./recipes/inputs/index.js')).toBe(true);
+    });
+
+    it('exports all input recipe components', () => {
+      const content = readFile('./recipes/inputs/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('MultiSelect');
+      expect(exports).toContain('OTPInput');
+      expect(exports).toContain('PasswordInput');
+      expect(exports).toContain('PasswordStrengthIndicator');
+      expect(exports).toContain('PlaceAutocomplete');
+      expect(exports).toContain('Search');
+    });
+  });
+
+  describe('recipes/modals/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./recipes/modals/index.js')).toBe(true);
+    });
+
+    it('exports all modal recipe components', () => {
+      const content = readFile('./recipes/modals/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('AlertModal');
+      expect(exports).toContain('ConfirmationModal');
+      expect(exports).toContain('InputModal');
+      expect(exports).toContain('ModalStateManager');
+      expect(exports).toContain('ModalTestWrapper');
+      expect(exports).toContain('StatusModal');
+    });
+  });
+
+  describe('recipes/feedback/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./recipes/feedback/index.js')).toBe(true);
+    });
+
+    it('exports all feedback components', () => {
+      const content = readFile('./recipes/feedback/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('EmptyState');
+      expect(exports).toContain('ErrorDisplay');
+      expect(exports).toContain('StatusIndicator');
+    });
+  });
+
+  describe('recipes/fields/index.js (pre-existing)', () => {
+    it('exists', () => {
+      expect(fileExists('./recipes/fields/index.js')).toBe(true);
+    });
+
+    it('exports all field components', () => {
+      const content = readFile('./recipes/fields/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('CheckboxField');
+      expect(exports).toContain('FormField');
+      expect(exports).toContain('RadioGroup');
+      expect(exports).toContain('SelectField');
+      expect(exports).toContain('TextareaField');
+      expect(exports).toContain('ToggleField');
+    });
+  });
+});
+
+describe('Patterns Layer - Intermediate Index Files', () => {
+  describe('patterns/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/index.js')).toBe(true);
+    });
+
+    it('re-exports from all subdirectories', () => {
+      const content = readFile('./patterns/index.js');
+
+      expect(content).toContain("export * from './forms/index.js'");
+      expect(content).toContain("export * from './navigation/index.js'");
+      expect(content).toContain("export * from './page/index.js'");
+      expect(content).toContain("export * from './data/index.js'");
+      expect(content).toContain("export * from './layout/index.js'");
+    });
+  });
+
+  describe('patterns/forms/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/forms/index.js')).toBe(true);
+    });
+
+    it('exports all form pattern components', () => {
+      const content = readFile('./patterns/forms/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('FormActions');
+      expect(exports).toContain('FormGrid');
+      expect(exports).toContain('FormSection');
+      expect(exports).toContain('FormValidationSummary');
+    });
+  });
+
+  describe('patterns/navigation/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/navigation/index.js')).toBe(true);
+    });
+
+    it('exports all navigation pattern components', () => {
+      const content = readFile('./patterns/navigation/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('BottomNav');
+      expect(exports).toContain('Header');
+    });
+  });
+
+  describe('patterns/page/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/page/index.js')).toBe(true);
+    });
+
+    it('exports all page pattern components', () => {
+      const content = readFile('./patterns/page/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('PageHeader');
+      expect(exports).toContain('PageLayout');
+      expect(exports).toContain('PageLoader');
+      expect(exports).toContain('SectionHeader');
+    });
+  });
+
+  describe('patterns/data/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/data/index.js')).toBe(true);
+    });
+
+    it('exports all data pattern components', () => {
+      const content = readFile('./patterns/data/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('DataGrid');
+      expect(exports).toContain('DataList');
+      expect(exports).toContain('DataTable');
+    });
+  });
+
+  describe('patterns/layout/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./patterns/layout/index.js')).toBe(true);
+    });
+
+    it('exports all layout pattern components', () => {
+      const content = readFile('./patterns/layout/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('Grid');
+      expect(exports).toContain('Section');
+      expect(exports).toContain('Sidebar');
+      expect(exports).toContain('Stack');
+    });
+
+    it('re-exports from components/Layout/ for compatibility', () => {
+      const content = readFile('./patterns/layout/index.js');
+
+      // Should point to canonical location
+      expect(content).toContain('../../components/Layout/');
+    });
+  });
+});
+
+describe('Calendar Layer - Index File', () => {
+  describe('calendar/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./calendar/index.js')).toBe(true);
+    });
+
+    it('exports all calendar components', () => {
+      const content = readFile('./calendar/index.js');
+      const exports = getExportedNames(content);
+
+      expect(exports).toContain('MiniMonthCalendar');
+      expect(exports).toContain('Calendar'); // Legacy alias
+      expect(exports).toContain('PublicCard');
+      expect(exports).toContain('MonthSwitcher');
+      expect(exports).toContain('OrderSummary');
+      expect(exports).toContain('ShowCard');
+      expect(exports).toContain('AboutShow');
+      expect(exports).toContain('FAQs');
+      expect(exports).toContain('ShowTimeCard');
+    });
+
+    it('has backward compatibility alias for Calendar', () => {
+      const content = readFile('./calendar/index.js');
+
+      // Both should export from same source
+      expect(content).toContain("export { default as MiniMonthCalendar } from './Calendar/MiniMonthCalendar.svelte'");
+      expect(content).toContain("export { default as Calendar } from './Calendar/MiniMonthCalendar.svelte'");
+    });
+  });
+});
+
+describe('Pre-existing Index Files (verification)', () => {
+  describe('primitives/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./primitives/index.js')).toBe(true);
+    });
+
+    it('has organized sections', () => {
+      const content = readFile('./primitives/index.js');
+
+      expect(content).toContain('PRIMITIVES');
+    });
+  });
+
+  describe('stores/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./stores/index.js')).toBe(true);
+    });
+  });
+
+  describe('presets/index.js', () => {
+    it('exists', () => {
+      expect(fileExists('./presets/index.js')).toBe(true);
+    });
+
+    it('re-exports badges and buttons presets', () => {
+      const content = readFile('./presets/index.js');
+
+      expect(content).toContain("export * from './badges.js'");
+      expect(content).toContain("export * from './buttons.js'");
+    });
+  });
+});
+
+describe('Tree-Shaking Structure', () => {
+  it('main index uses only re-exports (no direct component imports)', () => {
+    const content = readFile('./index.js');
+
+    // Should NOT have direct .svelte imports in main index
+    // All component exports should come via intermediate index files
+    const directSvelteImports = content.match(/from\s+['"][^'"]+\.svelte['"]/g) || [];
+
+    expect(directSvelteImports).toHaveLength(0);
+  });
+
+  it('layer indexes aggregate their subdirectories', () => {
+    // recipes/index.js should use export * from subdirs
+    const recipesContent = readFile('./recipes/index.js');
+    const recipesReExports = (recipesContent.match(/export \* from/g) || []).length;
+    expect(recipesReExports).toBeGreaterThanOrEqual(5); // feedback, inputs, modals, fields, SuperLogin
+
+    // patterns/index.js should use export * from subdirs
+    const patternsContent = readFile('./patterns/index.js');
+    const patternsReExports = (patternsContent.match(/export \* from/g) || []).length;
+    expect(patternsReExports).toBe(6); // chat, forms, navigation, page, data, layout
+  });
+
+  it('leaf indexes export components individually', () => {
+    // Leaf indexes should have individual exports, not re-exports
+    const inputsContent = readFile('./recipes/inputs/index.js');
+
+    // Should have individual component exports
+    expect(inputsContent).toContain('export { default as');
+
+    // Should NOT have wildcard re-exports (it's a leaf)
+    expect(inputsContent).not.toContain('export * from');
+  });
+});