@getmicdrop/svelte-components 5.5.5 → 5.6.0

package/dist/components/Layout/__tests__/TwoColumn.test.js

@@ -0,0 +1,129 @@
+import { describe, expect, it } from 'vitest';
+import { render } from '@testing-library/svelte';
+import TwoColumn from '../TwoColumn.svelte';
+describe('TwoColumn', () => {
+    describe('basic rendering', () => {
+        it('renders a div element', () => {
+            const { container } = render(TwoColumn);
+            expect(container.querySelector('div')).toBeTruthy();
+        });
+        it('applies flex class', () => {
+            const { container } = render(TwoColumn);
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex')).toBe(true);
+        });
+        it('applies default gap-4', () => {
+            const { container } = render(TwoColumn);
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-4')).toBe(true);
+        });
+    });
+    describe('gap prop', () => {
+        it('applies gap-0 for gap="none"', () => {
+            const { container } = render(TwoColumn, { gap: 'none' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-0')).toBe(true);
+        });
+        it('applies gap-2 for gap="sm"', () => {
+            const { container } = render(TwoColumn, { gap: 'sm' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-2')).toBe(true);
+        });
+        it('applies gap-4 for gap="md"', () => {
+            const { container } = render(TwoColumn, { gap: 'md' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-4')).toBe(true);
+        });
+        it('applies gap-6 for gap="lg"', () => {
+            const { container } = render(TwoColumn, { gap: 'lg' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-6')).toBe(true);
+        });
+        it('applies gap-8 for gap="xl"', () => {
+            const { container } = render(TwoColumn, { gap: 'xl' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('gap-8')).toBe(true);
+        });
+    });
+    describe('stackAt prop', () => {
+        it('applies flex-col sm:flex-row for stackAt="sm"', () => {
+            const { container } = render(TwoColumn, { stackAt: 'sm' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col')).toBe(true);
+            expect(div?.classList.contains('sm:flex-row')).toBe(true);
+        });
+        it('applies flex-col md:flex-row for stackAt="md"', () => {
+            const { container } = render(TwoColumn, { stackAt: 'md' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col')).toBe(true);
+            expect(div?.classList.contains('md:flex-row')).toBe(true);
+        });
+        it('applies flex-col lg:flex-row for stackAt="lg"', () => {
+            const { container } = render(TwoColumn, { stackAt: 'lg' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col')).toBe(true);
+            expect(div?.classList.contains('lg:flex-row')).toBe(true);
+        });
+        it('applies only flex-row for stackAt="never"', () => {
+            const { container } = render(TwoColumn, { stackAt: 'never' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-row')).toBe(true);
+            expect(div?.classList.contains('flex-col')).toBe(false);
+        });
+    });
+    describe('reverseOnStack prop', () => {
+        it('applies flex-col-reverse with correct breakpoint for stackAt="sm"', () => {
+            const { container } = render(TwoColumn, { reverseOnStack: true, stackAt: 'sm' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col-reverse')).toBe(true);
+            expect(div?.classList.contains('sm:flex-row')).toBe(true);
+        });
+        it('applies flex-col-reverse with correct breakpoint for stackAt="md"', () => {
+            const { container } = render(TwoColumn, { reverseOnStack: true, stackAt: 'md' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col-reverse')).toBe(true);
+            expect(div?.classList.contains('md:flex-row')).toBe(true);
+        });
+        it('applies flex-col-reverse with correct breakpoint for stackAt="lg"', () => {
+            const { container } = render(TwoColumn, { reverseOnStack: true, stackAt: 'lg' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col-reverse')).toBe(true);
+            expect(div?.classList.contains('lg:flex-row')).toBe(true);
+        });
+        it('does not apply flex-col-reverse when stackAt="never"', () => {
+            const { container } = render(TwoColumn, { reverseOnStack: true, stackAt: 'never' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('flex-col-reverse')).toBe(false);
+            expect(div?.classList.contains('flex-row')).toBe(true);
+        });
+    });
+    describe('align prop', () => {
+        it('applies items-start for align="start"', () => {
+            const { container } = render(TwoColumn, { align: 'start' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('items-start')).toBe(true);
+        });
+        it('applies items-center for align="center"', () => {
+            const { container } = render(TwoColumn, { align: 'center' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('items-center')).toBe(true);
+        });
+        it('applies items-end for align="end"', () => {
+            const { container } = render(TwoColumn, { align: 'end' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('items-end')).toBe(true);
+        });
+        it('applies items-stretch for align="stretch"', () => {
+            const { container } = render(TwoColumn, { align: 'stretch' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('items-stretch')).toBe(true);
+        });
+    });
+    describe('class prop', () => {
+        it('applies custom classes', () => {
+            const { container } = render(TwoColumn, { class: 'custom-class' });
+            const div = container.querySelector('div');
+            expect(div?.classList.contains('custom-class')).toBe(true);
+        });
+    });
+});

package/dist/constants/validation.js

@@ -1,91 +1,91 @@
-/**
- * Validation Constants
- *
- * Shared validation rules and defaults for event, ticket, and promo code validation.
- * Used by micdrop-frontend, venue-calendar-npm, and other apps.
- *
- * @example
- * import { MIN_EVENT_DURATION_MINS, DEFAULT_EVENT_DURATION_MINS } from '@getmicdrop/svelte-components';
- */
-
-// ============================================================================
-// Event Time Constants
-// ============================================================================
-
-/** Minimum event duration in minutes (validation constraint) */
-export const MIN_EVENT_DURATION_MINS = 15;
-
-/** Maximum event duration in minutes (24 hours) */
-export const MAX_EVENT_DURATION_MINS = 1440;
-
-/** Default event duration in minutes (used when auto-filling end time) */
-export const DEFAULT_EVENT_DURATION_MINS = 90;
-
-/** Default time doors open before event start in minutes (used when auto-filling) */
-export const DEFAULT_DOORS_BEFORE_START_MINS = 30;
-
-// ============================================================================
-// Ticket Constants
-// ============================================================================
-
-/** Maximum tickets per order limit */
-export const MAX_TICKETS_PER_ORDER = 100;
-
-/** Minimum tickets per order limit */
-export const MIN_TICKETS_PER_ORDER = 0;
-
-// ============================================================================
-// Promo Code Constants
-// ============================================================================
-
-/** Maximum percentage discount */
-export const MAX_PERCENTAGE_DISCOUNT = 100;
-
-// ============================================================================
-// Error Codes
-// ============================================================================
-
-export const ErrorCodes = {
-  // Event errors
-  EVENT_DURATION_TOO_SHORT: 'EVENT_DURATION_TOO_SHORT',
-  EVENT_DURATION_TOO_LONG: 'EVENT_DURATION_TOO_LONG',
-  EVENT_END_BEFORE_START: 'EVENT_END_BEFORE_START',
-  EVENT_DOORS_SAME_AS_START: 'EVENT_DOORS_SAME_AS_START',
-  EVENT_DOORS_TOO_CLOSE: 'EVENT_DOORS_TOO_CLOSE',
-  EVENT_INVALID_TIME_FORMAT: 'EVENT_INVALID_TIME_FORMAT',
-
-  // Price/quantity errors
-  PRICE_REQUIRED: 'PRICE_REQUIRED',
-  PRICE_MUST_BE_POSITIVE: 'PRICE_MUST_BE_POSITIVE',
-  PRICE_INVALID_FORMAT: 'PRICE_INVALID_FORMAT',
-  QUANTITY_REQUIRED: 'QUANTITY_REQUIRED',
-  QUANTITY_MUST_BE_POSITIVE: 'QUANTITY_MUST_BE_POSITIVE',
-  QUANTITY_INVALID_FORMAT: 'QUANTITY_INVALID_FORMAT',
-
-  // Ticket limit errors
-  MIN_TICKETS_REQUIRED: 'MIN_TICKETS_REQUIRED',
-  MIN_TICKETS_EXCEEDS_MAX_ALLOWED: 'MIN_TICKETS_EXCEEDS_MAX_ALLOWED',
-  MAX_TICKETS_EXCEEDS_MAX_ALLOWED: 'MAX_TICKETS_EXCEEDS_MAX_ALLOWED',
-  MIN_EXCEEDS_MAX: 'MIN_EXCEEDS_MAX',
-
-  // Sales window errors
-  SALES_BEGIN_AFTER_EVENT_END: 'SALES_BEGIN_AFTER_EVENT_END',
-  SALES_END_AFTER_EVENT_END: 'SALES_END_AFTER_EVENT_END',
-  SALES_END_BEFORE_BEGIN: 'SALES_END_BEFORE_BEGIN',
-
-  // Capacity errors
-  CAPACITY_EXCEEDED: 'CAPACITY_EXCEEDED',
-
-  // Promo code errors
-  PROMO_NAME_REQUIRED: 'PROMO_NAME_REQUIRED',
-  PROMO_NAME_COLLISION: 'PROMO_NAME_COLLISION',
-  PROMO_END_BEFORE_START: 'PROMO_END_BEFORE_START',
-  PROMO_DISCOUNT_REQUIRED: 'PROMO_DISCOUNT_REQUIRED',
-  PROMO_BOTH_DISCOUNT_TYPES: 'PROMO_BOTH_DISCOUNT_TYPES',
-  PROMO_PERCENT_EXCEEDS_100: 'PROMO_PERCENT_EXCEEDS_100',
-  PROMO_LIMIT_REQUIRED: 'PROMO_LIMIT_REQUIRED',
-
-  // Warning codes
-  PROMO_EXTENDS_PAST_EVENT: 'PROMO_EXTENDS_PAST_EVENT',
-  SALES_CLOSE_TO_EVENT: 'SALES_CLOSE_TO_EVENT',
-};
+/**
+ * Validation Constants
+ *
+ * Shared validation rules and defaults for event, ticket, and promo code validation.
+ * Used by micdrop-frontend, venue-calendar-npm, and other apps.
+ *
+ * @example
+ * import { MIN_EVENT_DURATION_MINS, DEFAULT_EVENT_DURATION_MINS } from '@getmicdrop/svelte-components';
+ */
+
+// ============================================================================
+// Event Time Constants
+// ============================================================================
+
+/** Minimum event duration in minutes (validation constraint) */
+export const MIN_EVENT_DURATION_MINS = 15;
+
+/** Maximum event duration in minutes (24 hours) */
+export const MAX_EVENT_DURATION_MINS = 1440;
+
+/** Default event duration in minutes (used when auto-filling end time) */
+export const DEFAULT_EVENT_DURATION_MINS = 90;
+
+/** Default time doors open before event start in minutes (used when auto-filling) */
+export const DEFAULT_DOORS_BEFORE_START_MINS = 30;
+
+// ============================================================================
+// Ticket Constants
+// ============================================================================
+
+/** Maximum tickets per order limit */
+export const MAX_TICKETS_PER_ORDER = 100;
+
+/** Minimum tickets per order limit */
+export const MIN_TICKETS_PER_ORDER = 0;
+
+// ============================================================================
+// Promo Code Constants
+// ============================================================================
+
+/** Maximum percentage discount */
+export const MAX_PERCENTAGE_DISCOUNT = 100;
+
+// ============================================================================
+// Error Codes
+// ============================================================================
+
+export const ErrorCodes = {
+  // Event errors
+  EVENT_DURATION_TOO_SHORT: 'EVENT_DURATION_TOO_SHORT',
+  EVENT_DURATION_TOO_LONG: 'EVENT_DURATION_TOO_LONG',
+  EVENT_END_BEFORE_START: 'EVENT_END_BEFORE_START',
+  EVENT_DOORS_SAME_AS_START: 'EVENT_DOORS_SAME_AS_START',
+  EVENT_DOORS_TOO_CLOSE: 'EVENT_DOORS_TOO_CLOSE',
+  EVENT_INVALID_TIME_FORMAT: 'EVENT_INVALID_TIME_FORMAT',
+
+  // Price/quantity errors
+  PRICE_REQUIRED: 'PRICE_REQUIRED',
+  PRICE_MUST_BE_POSITIVE: 'PRICE_MUST_BE_POSITIVE',
+  PRICE_INVALID_FORMAT: 'PRICE_INVALID_FORMAT',
+  QUANTITY_REQUIRED: 'QUANTITY_REQUIRED',
+  QUANTITY_MUST_BE_POSITIVE: 'QUANTITY_MUST_BE_POSITIVE',
+  QUANTITY_INVALID_FORMAT: 'QUANTITY_INVALID_FORMAT',
+
+  // Ticket limit errors
+  MIN_TICKETS_REQUIRED: 'MIN_TICKETS_REQUIRED',
+  MIN_TICKETS_EXCEEDS_MAX_ALLOWED: 'MIN_TICKETS_EXCEEDS_MAX_ALLOWED',
+  MAX_TICKETS_EXCEEDS_MAX_ALLOWED: 'MAX_TICKETS_EXCEEDS_MAX_ALLOWED',
+  MIN_EXCEEDS_MAX: 'MIN_EXCEEDS_MAX',
+
+  // Sales window errors
+  SALES_BEGIN_AFTER_EVENT_END: 'SALES_BEGIN_AFTER_EVENT_END',
+  SALES_END_AFTER_EVENT_END: 'SALES_END_AFTER_EVENT_END',
+  SALES_END_BEFORE_BEGIN: 'SALES_END_BEFORE_BEGIN',
+
+  // Capacity errors
+  CAPACITY_EXCEEDED: 'CAPACITY_EXCEEDED',
+
+  // Promo code errors
+  PROMO_NAME_REQUIRED: 'PROMO_NAME_REQUIRED',
+  PROMO_NAME_COLLISION: 'PROMO_NAME_COLLISION',
+  PROMO_END_BEFORE_START: 'PROMO_END_BEFORE_START',
+  PROMO_DISCOUNT_REQUIRED: 'PROMO_DISCOUNT_REQUIRED',
+  PROMO_BOTH_DISCOUNT_TYPES: 'PROMO_BOTH_DISCOUNT_TYPES',
+  PROMO_PERCENT_EXCEEDS_100: 'PROMO_PERCENT_EXCEEDS_100',
+  PROMO_LIMIT_REQUIRED: 'PROMO_LIMIT_REQUIRED',
+
+  // Warning codes
+  PROMO_EXTENDS_PAST_EVENT: 'PROMO_EXTENDS_PAST_EVENT',
+  SALES_CLOSE_TO_EVENT: 'SALES_CLOSE_TO_EVENT',
+};

package/dist/constants/validation.spec.js

@@ -1,64 +1,64 @@
-import { describe, it, expect } from 'vitest';
-import {
-  MIN_EVENT_DURATION_MINS,
-  MAX_EVENT_DURATION_MINS,
-  DEFAULT_EVENT_DURATION_MINS,
-  DEFAULT_DOORS_BEFORE_START_MINS,
-  MAX_TICKETS_PER_ORDER,
-  MIN_TICKETS_PER_ORDER,
-  MAX_PERCENTAGE_DISCOUNT,
-  ErrorCodes,
-} from './validation.js';
-
-describe('validation constants', () => {
-  describe('event time constants', () => {
-    it('exports MIN_EVENT_DURATION_MINS as 15', () => {
-      expect(MIN_EVENT_DURATION_MINS).toBe(15);
-    });
-
-    it('exports MAX_EVENT_DURATION_MINS as 1440 (24 hours)', () => {
-      expect(MAX_EVENT_DURATION_MINS).toBe(1440);
-    });
-
-    it('exports DEFAULT_EVENT_DURATION_MINS as 90', () => {
-      expect(DEFAULT_EVENT_DURATION_MINS).toBe(90);
-    });
-
-    it('exports DEFAULT_DOORS_BEFORE_START_MINS as 30', () => {
-      expect(DEFAULT_DOORS_BEFORE_START_MINS).toBe(30);
-    });
-  });
-
-  describe('ticket constants', () => {
-    it('exports MAX_TICKETS_PER_ORDER as 100', () => {
-      expect(MAX_TICKETS_PER_ORDER).toBe(100);
-    });
-
-    it('exports MIN_TICKETS_PER_ORDER as 0', () => {
-      expect(MIN_TICKETS_PER_ORDER).toBe(0);
-    });
-  });
-
-  describe('promo code constants', () => {
-    it('exports MAX_PERCENTAGE_DISCOUNT as 100', () => {
-      expect(MAX_PERCENTAGE_DISCOUNT).toBe(100);
-    });
-  });
-
-  describe('error codes', () => {
-    it('exports ErrorCodes object with event errors', () => {
-      expect(ErrorCodes.EVENT_DURATION_TOO_SHORT).toBe('EVENT_DURATION_TOO_SHORT');
-      expect(ErrorCodes.EVENT_END_BEFORE_START).toBe('EVENT_END_BEFORE_START');
-    });
-
-    it('exports ErrorCodes object with ticket errors', () => {
-      expect(ErrorCodes.PRICE_REQUIRED).toBe('PRICE_REQUIRED');
-      expect(ErrorCodes.QUANTITY_REQUIRED).toBe('QUANTITY_REQUIRED');
-    });
-
-    it('exports ErrorCodes object with promo errors', () => {
-      expect(ErrorCodes.PROMO_NAME_REQUIRED).toBe('PROMO_NAME_REQUIRED');
-      expect(ErrorCodes.PROMO_PERCENT_EXCEEDS_100).toBe('PROMO_PERCENT_EXCEEDS_100');
-    });
-  });
-});
+import { describe, it, expect } from 'vitest';
+import {
+  MIN_EVENT_DURATION_MINS,
+  MAX_EVENT_DURATION_MINS,
+  DEFAULT_EVENT_DURATION_MINS,
+  DEFAULT_DOORS_BEFORE_START_MINS,
+  MAX_TICKETS_PER_ORDER,
+  MIN_TICKETS_PER_ORDER,
+  MAX_PERCENTAGE_DISCOUNT,
+  ErrorCodes,
+} from './validation.js';
+
+describe('validation constants', () => {
+  describe('event time constants', () => {
+    it('exports MIN_EVENT_DURATION_MINS as 15', () => {
+      expect(MIN_EVENT_DURATION_MINS).toBe(15);
+    });
+
+    it('exports MAX_EVENT_DURATION_MINS as 1440 (24 hours)', () => {
+      expect(MAX_EVENT_DURATION_MINS).toBe(1440);
+    });
+
+    it('exports DEFAULT_EVENT_DURATION_MINS as 90', () => {
+      expect(DEFAULT_EVENT_DURATION_MINS).toBe(90);
+    });
+
+    it('exports DEFAULT_DOORS_BEFORE_START_MINS as 30', () => {
+      expect(DEFAULT_DOORS_BEFORE_START_MINS).toBe(30);
+    });
+  });
+
+  describe('ticket constants', () => {
+    it('exports MAX_TICKETS_PER_ORDER as 100', () => {
+      expect(MAX_TICKETS_PER_ORDER).toBe(100);
+    });
+
+    it('exports MIN_TICKETS_PER_ORDER as 0', () => {
+      expect(MIN_TICKETS_PER_ORDER).toBe(0);
+    });
+  });
+
+  describe('promo code constants', () => {
+    it('exports MAX_PERCENTAGE_DISCOUNT as 100', () => {
+      expect(MAX_PERCENTAGE_DISCOUNT).toBe(100);
+    });
+  });
+
+  describe('error codes', () => {
+    it('exports ErrorCodes object with event errors', () => {
+      expect(ErrorCodes.EVENT_DURATION_TOO_SHORT).toBe('EVENT_DURATION_TOO_SHORT');
+      expect(ErrorCodes.EVENT_END_BEFORE_START).toBe('EVENT_END_BEFORE_START');
+    });
+
+    it('exports ErrorCodes object with ticket errors', () => {
+      expect(ErrorCodes.PRICE_REQUIRED).toBe('PRICE_REQUIRED');
+      expect(ErrorCodes.QUANTITY_REQUIRED).toBe('QUANTITY_REQUIRED');
+    });
+
+    it('exports ErrorCodes object with promo errors', () => {
+      expect(ErrorCodes.PROMO_NAME_REQUIRED).toBe('PROMO_NAME_REQUIRED');
+      expect(ErrorCodes.PROMO_PERCENT_EXCEEDS_100).toBe('PROMO_PERCENT_EXCEEDS_100');
+    });
+  });
+});

package/dist/datetime/__tests__/format.test.js

@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { formatCleanTimeRange, formatDateRange, formatDayOfWeek, formatEventDate, formatEventDateTime, formatEventTime, formatHour, formatMonth, formatNotificationTime, formatRelativeTime, formatTimeRange, getDateInTimezone, getDateParts, getHourInTimezone, isToday, } from '../format';
-import { DateTimeError } from '../types';
+import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('format utilities', () => {
     describe('formatEventTime', () => {
         it('formats time in specified timezone', () => {

package/dist/datetime/__tests__/parse.test.js

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 import { combineDateAndTime, formatDateTimeForAPI, isNextDayTime, minutesToTimeString, parseDateTimeFromAPI, parseEndOfDay, parseLocalToUTC, parseStartOfDay, parseTimeToMinutes, parseUTCToLocal, stripNextDayPrefix, } from '../parse';
-import { DateTimeError } from '../types';
+import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('parse utilities', () => {
     describe('parseLocalToUTC', () => {
         it('converts local datetime to UTC', () => {

package/dist/datetime/__tests__/timezone.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, it } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { getTimezoneDisplayName, getTimezoneOffset, getUserTimezone, getVenueTimezone, isDST, isValidTimezone, normalizeTimezone, getIANATimezone, isValidIANATimezone, getAllTimezones, formatTimezoneForDisplay, getTimezoneOptions, getCommonUSTimezoneOptions, } from '../timezone';
 import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('timezone utilities', () => {

package/dist/datetime/parse.js

@@ -6,7 +6,7 @@
  *
  * @module datetime/parse
  */
-import { format } from 'date-fns';
+import { format, parse } from 'date-fns';
 import { fromZonedTime, toZonedTime } from 'date-fns-tz';
 import { DATE_FORMATS } from './constants';
 import { isValidTimezone } from './timezone';

package/dist/forms/createFormStore.svelte.js

@@ -7,6 +7,7 @@
  * - UI states (loading, saving, saved)
  * - Section-level validation for progressive forms
  */
+import { z } from 'zod';
 // ============================================================================
 // Implementation
 // ============================================================================

package/dist/index.js

@@ -1,40 +1,40 @@
-// =============================================================================
-// PRIMITIVES - Pure visual components (Layer 1)
-// =============================================================================
-export * from './primitives/index.js';
-
-// =============================================================================
-// RECIPES - Domain-agnostic compositions (Layer 2)
-// =============================================================================
-export * from './recipes/index.js';
-
-// =============================================================================
-// PATTERNS - Layout & flow components (Layer 3)
-// =============================================================================
-export * from './patterns/index.js';
-
-// =============================================================================
-// CALENDAR - Domain components (deferred migration to apps)
-// =============================================================================
-export * from './calendar/index.js';
-
-// =============================================================================
-// NON-COMPONENT EXPORTS
-// =============================================================================
-
-// Note: config.js and telemetry.js removed - they use import.meta.env which
-// is Vite-specific. Apps should define their own config/telemetry locally.
-
-// Constants
-export * from './constants/formOptions.js';
-export * from './constants/validation.js';
-
-// Presets - Domain-to-color mappings for migration
-export * from './presets/index.js';
-
-// Utils / Actions
-export { portal } from './utils/portal.js';
-export { safeSlide } from './utils/transitions.js';
-
-// Design Tokens
-export { typography } from './tokens/typography.js';
+// =============================================================================
+// PRIMITIVES - Pure visual components (Layer 1)
+// =============================================================================
+export * from './primitives/index.js';
+
+// =============================================================================
+// RECIPES - Domain-agnostic compositions (Layer 2)
+// =============================================================================
+export * from './recipes/index.js';
+
+// =============================================================================
+// PATTERNS - Layout & flow components (Layer 3)
+// =============================================================================
+export * from './patterns/index.js';
+
+// =============================================================================
+// CALENDAR - Domain components (deferred migration to apps)
+// =============================================================================
+export * from './calendar/index.js';
+
+// =============================================================================
+// NON-COMPONENT EXPORTS
+// =============================================================================
+
+// Note: config.js and telemetry.js removed - they use import.meta.env which
+// is Vite-specific. Apps should define their own config/telemetry locally.
+
+// Constants
+export * from './constants/formOptions.js';
+export * from './constants/validation.js';
+
+// Presets - Domain-to-color mappings for migration
+export * from './presets/index.js';
+
+// Utils / Actions
+export { portal } from './utils/portal.js';
+export { safeSlide } from './utils/transitions.js';
+
+// Design Tokens
+export { typography } from './tokens/typography.js';