@getmicdrop/svelte-components 5.6.1 → 5.7.2

package/dist/components/Layout/TwoColumn.svelte

@@ -1,108 +1,108 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  type Gap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-  type Ratio = 'equal' | '1:2' | '2:1' | '1:3' | '3:1';
-  type StackAt = 'sm' | 'md' | 'lg' | 'never';
-
-  interface Props {
-    /** Gap between columns */
-    gap?: Gap;
-    /** Column ratio */
-    ratio?: Ratio;
-    /** Breakpoint at which columns stack vertically */
-    stackAt?: StackAt;
-    /** Reverse order when stacked */
-    reverseOnStack?: boolean;
-    /** Vertical alignment */
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    /** Additional CSS classes */
-    class?: string;
-    /** Left column content */
-    left?: Snippet;
-    /** Right column content */
-    right?: Snippet;
-    /** Children (alternative to left/right slots) */
-    children?: Snippet;
-  }
-
-  let {
-    gap = 'md',
-    ratio = 'equal',
-    stackAt = 'md',
-    reverseOnStack = false,
-    align = 'stretch',
-    class: className = '',
-    left,
-    right,
-    children,
-  }: Props = $props();
-
-  const gapClasses: Record<Gap, string> = {
-    none: 'gap-0',
-    sm: 'gap-2',
-    md: 'gap-4',
-    lg: 'gap-6',
-    xl: 'gap-8',
-  };
-
-  // Stack classes: normal and reversed versions
-  const stackAtClasses: Record<StackAt, string> = {
-    sm: 'flex-col sm:flex-row',
-    md: 'flex-col md:flex-row',
-    lg: 'flex-col lg:flex-row',
-    never: 'flex-row',
-  };
-
-  const stackAtReversedClasses: Record<StackAt, string> = {
-    sm: 'flex-col-reverse sm:flex-row',
-    md: 'flex-col-reverse md:flex-row',
-    lg: 'flex-col-reverse lg:flex-row',
-    never: 'flex-row',
-  };
-
-  const alignClasses: Record<string, string> = {
-    start: 'items-start',
-    center: 'items-center',
-    end: 'items-end',
-    stretch: 'items-stretch',
-  };
-
-  // Ratio classes for each column
-  const ratioLeftClasses: Record<Ratio, string> = {
-    equal: 'flex-1',
-    '1:2': 'w-full md:w-1/3',
-    '2:1': 'w-full md:w-2/3',
-    '1:3': 'w-full md:w-1/4',
-    '3:1': 'w-full md:w-3/4',
-  };
-
-  const ratioRightClasses: Record<Ratio, string> = {
-    equal: 'flex-1',
-    '1:2': 'w-full md:w-2/3',
-    '2:1': 'w-full md:w-1/3',
-    '1:3': 'w-full md:w-3/4',
-    '3:1': 'w-full md:w-1/4',
-  };
-
-  let containerClasses = $derived([
-    'flex',
-    reverseOnStack ? stackAtReversedClasses[stackAt] : stackAtClasses[stackAt],
-    gapClasses[gap],
-    alignClasses[align],
-    className,
-  ].filter(Boolean).join(' '));
-</script>
-
-<div class={containerClasses}>
-  {#if left && right}
-    <div class={ratioLeftClasses[ratio]}>
-      {@render left()}
-    </div>
-    <div class={ratioRightClasses[ratio]}>
-      {@render right()}
-    </div>
-  {:else if children}
-    {@render children()}
-  {/if}
-</div>
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  type Gap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+  type Ratio = 'equal' | '1:2' | '2:1' | '1:3' | '3:1';
+  type StackAt = 'sm' | 'md' | 'lg' | 'never';
+
+  interface Props {
+    /** Gap between columns */
+    gap?: Gap;
+    /** Column ratio */
+    ratio?: Ratio;
+    /** Breakpoint at which columns stack vertically */
+    stackAt?: StackAt;
+    /** Reverse order when stacked */
+    reverseOnStack?: boolean;
+    /** Vertical alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Additional CSS classes */
+    class?: string;
+    /** Left column content */
+    left?: Snippet;
+    /** Right column content */
+    right?: Snippet;
+    /** Children (alternative to left/right slots) */
+    children?: Snippet;
+  }
+
+  let {
+    gap = 'md',
+    ratio = 'equal',
+    stackAt = 'md',
+    reverseOnStack = false,
+    align = 'stretch',
+    class: className = '',
+    left,
+    right,
+    children,
+  }: Props = $props();
+
+  const gapClasses: Record<Gap, string> = {
+    none: 'gap-0',
+    sm: 'gap-2',
+    md: 'gap-4',
+    lg: 'gap-6',
+    xl: 'gap-8',
+  };
+
+  // Stack classes: normal and reversed versions
+  const stackAtClasses: Record<StackAt, string> = {
+    sm: 'flex-col sm:flex-row',
+    md: 'flex-col md:flex-row',
+    lg: 'flex-col lg:flex-row',
+    never: 'flex-row',
+  };
+
+  const stackAtReversedClasses: Record<StackAt, string> = {
+    sm: 'flex-col-reverse sm:flex-row',
+    md: 'flex-col-reverse md:flex-row',
+    lg: 'flex-col-reverse lg:flex-row',
+    never: 'flex-row',
+  };
+
+  const alignClasses: Record<string, string> = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    stretch: 'items-stretch',
+  };
+
+  // Ratio classes for each column
+  const ratioLeftClasses: Record<Ratio, string> = {
+    equal: 'flex-1',
+    '1:2': 'w-full md:w-1/3',
+    '2:1': 'w-full md:w-2/3',
+    '1:3': 'w-full md:w-1/4',
+    '3:1': 'w-full md:w-3/4',
+  };
+
+  const ratioRightClasses: Record<Ratio, string> = {
+    equal: 'flex-1',
+    '1:2': 'w-full md:w-2/3',
+    '2:1': 'w-full md:w-1/3',
+    '1:3': 'w-full md:w-3/4',
+    '3:1': 'w-full md:w-1/4',
+  };
+
+  let containerClasses = $derived([
+    'flex',
+    reverseOnStack ? stackAtReversedClasses[stackAt] : stackAtClasses[stackAt],
+    gapClasses[gap],
+    alignClasses[align],
+    className,
+  ].filter(Boolean).join(' '));
+</script>
+
+<div class={containerClasses}>
+  {#if left && right}
+    <div class={ratioLeftClasses[ratio]}>
+      {@render left()}
+    </div>
+    <div class={ratioRightClasses[ratio]}>
+      {@render right()}
+    </div>
+  {:else if children}
+    {@render children()}
+  {/if}
+</div>

package/dist/components/Layout/index.d.ts

@@ -0,0 +1,10 @@
+export { default as AppShell } from "./AppShell.svelte";
+export { default as ContentSection } from "./ContentSection.svelte";
+export { default as Grid } from "./Grid.svelte";
+export { default as PageContainer } from "./PageContainer.svelte";
+export { default as Responsive } from "./Responsive.svelte";
+export { default as Section } from "./Section.svelte";
+export { default as ShowOnDesktop } from "./ShowOnDesktop.svelte";
+export { default as ShowOnMobile } from "./ShowOnMobile.svelte";
+export { default as Sidebar } from "./Sidebar.svelte";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Layout/index.js"],"names":[],"mappings":""}

package/dist/components/Layout/index.js

@@ -0,0 +1,14 @@
+// =============================================================================
+// LAYOUT - Layout and structural components
+// =============================================================================
+
+export { default as AppShell } from './AppShell.svelte';
+export { default as ContentSection } from './ContentSection.svelte';
+export { default as Grid } from './Grid.svelte';
+// Note: Heading is exported from components/Heading.svelte (canonical export)
+export { default as PageContainer } from './PageContainer.svelte';
+export { default as Responsive } from './Responsive.svelte';
+export { default as Section } from './Section.svelte';
+export { default as ShowOnDesktop } from './ShowOnDesktop.svelte';
+export { default as ShowOnMobile } from './ShowOnMobile.svelte';
+export { default as Sidebar } from './Sidebar.svelte';

package/dist/components/Text.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    class?: string;
+    children: Snippet;
+  }
+
+  let {
+    size = 'md',
+    leading,
+    color = 'default',
+    class: className = '',
+    children,
+  }: Props = $props();
+
+  const sizeClasses: Record<string, string> = {
+    xs: 'text-xs',
+    sm: 'text-sm',
+    base: 'text-base',
+    md: 'text-base',
+    lg: 'text-lg',
+    xl: 'text-xl',
+    '2xl': 'text-2xl',
+  };
+
+  const colorClasses: Record<string, string> = {
+    default: 'text-gray-900 dark:text-gray-100',
+    muted: 'text-gray-500 dark:text-gray-400',
+    primary: 'text-primary-600 dark:text-primary-400',
+    secondary: 'text-gray-600 dark:text-gray-300',
+    success: 'text-green-600 dark:text-green-400',
+    warning: 'text-yellow-600 dark:text-yellow-400',
+    error: 'text-red-600 dark:text-red-400',
+  };
+
+  const leadingClasses: Record<string, string> = {
+    none: 'leading-none',
+    tight: 'leading-tight',
+    snug: 'leading-snug',
+    normal: 'leading-normal',
+    relaxed: 'leading-relaxed',
+    loose: 'leading-loose',
+  };
+
+  const leadingClass = leading ? leadingClasses[leading] : '';
+  const classes = `${sizeClasses[size] || 'text-base'} ${leadingClass} ${colorClasses[color] || ''} ${className}`.trim();
+</script>
+
+<span class={classes}>{@render children()}</span>

package/dist/components/Text.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    class?: string;
+    children: Snippet;
+}
+declare const Text: import("svelte").Component<Props, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;
+//# sourceMappingURL=Text.svelte.d.ts.map

package/dist/components/Text.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Text.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAkDH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Heading } from "./Heading.svelte";
+export { default as Text } from "./Text.svelte";
+export * from "./Layout/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.js"],"names":[],"mappings":""}

package/dist/components/index.js

@@ -0,0 +1,12 @@
+// =============================================================================
+// COMPONENTS - Semantic wrappers and layout components
+// =============================================================================
+
+// Heading (simple wrapper for semantic headings with size classes)
+export { default as Heading } from './Heading.svelte';
+
+// Text (simple wrapper for text with size and color classes)
+export { default as Text } from './Text.svelte';
+
+// Layout components
+export * from './Layout/index.js';

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');
+    });
+  });
+});