@getmicdrop/svelte-components 5.21.0 → 5.21.2

package/dist/components/Text.svelte

@@ -1,64 +1,64 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    as?: 'span' | 'p' | 'label' | 'div';
-    size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
-    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
-    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'none';
-    class?: string;
-    children: Snippet;
-  }
-
-  let {
-    as = 'span',
-    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',
-    none: '',
-  };
-
-  const leadingClasses: Record<string, string> = {
-    none: 'leading-none',
-    tight: 'leading-tight',
-    snug: 'leading-snug',
-    normal: 'leading-normal',
-    relaxed: 'leading-relaxed',
-    loose: 'leading-loose',
-  };
-
-  let leadingClass = $derived(leading ? leadingClasses[leading] : '');
-  let classes = $derived(`${sizeClasses[size] || 'text-base'} ${leadingClass} ${colorClasses[color] || ''} ${className}`.trim());
-</script>
-
-{#if as === 'p'}
-  <p class={classes}>{@render children()}</p>
-{:else if as === 'label'}
-  <label class={classes}>{@render children()}</label>
-{:else if as === 'div'}
-  <div class={classes}>{@render children()}</div>
-{:else}
-  <span class={classes}>{@render children()}</span>
-{/if}
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    as?: 'span' | 'p' | 'label' | 'div';
+    size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'none';
+    class?: string;
+    children: Snippet;
+  }
+
+  let {
+    as = 'span',
+    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-text-primary',
+    muted: 'text-muted-foreground',
+    primary: 'text-primary-600',
+    secondary: 'text-text-secondary',
+    success: 'text-accent-success',
+    warning: 'text-accent-warning',
+    error: 'text-accent-danger',
+    none: '',
+  };
+
+  const leadingClasses: Record<string, string> = {
+    none: 'leading-none',
+    tight: 'leading-tight',
+    snug: 'leading-snug',
+    normal: 'leading-normal',
+    relaxed: 'leading-relaxed',
+    loose: 'leading-loose',
+  };
+
+  let leadingClass = $derived(leading ? leadingClasses[leading] : '');
+  let classes = $derived(`${sizeClasses[size] || 'text-base'} ${leadingClass} ${colorClasses[color] || ''} ${className}`.trim());
+</script>
+
+{#if as === 'p'}
+  <p class={classes}>{@render children()}</p>
+{:else if as === 'label'}
+  <label class={classes}>{@render children()}</label>
+{:else if as === 'div'}
+  <div class={classes}>{@render children()}</div>
+{:else}
+  <span class={classes}>{@render children()}</span>
+{/if}

package/dist/config.js

@@ -1,161 +1,161 @@
-/** @type {string} */
-export let API_BASE_URL = 'https://get-micdrop.com';
-
-/** @type {string} */
-export let PUBLIC_GOOGLE_MAPS_API_KEY = 'AIzaSyCFB0-9qay7P0jZZDw93SsTnyLtZDlch7Q';
-
-/**
- * Configure runtime values (call once at app startup).
- * SvelteKit apps should call this in their root layout with env values.
- * @param {{ apiBaseUrl?: string, googleMapsApiKey?: string }} opts
- */
-export function configureApp(opts = {}) {
-  if (opts.apiBaseUrl) API_BASE_URL = opts.apiBaseUrl;
-  if (opts.googleMapsApiKey) PUBLIC_GOOGLE_MAPS_API_KEY = opts.googleMapsApiKey;
-}
-
-/**
- * String length limits for validation schemas
- */
-export const STRING_LIMITS = {
-  EVENT_TITLE_MIN: 1,
-  EVENT_TITLE_MAX: 200,
-  EVENT_DESCRIPTION_MAX: 5000,
-  VENUE_NAME_MIN: 1,
-  VENUE_NAME_MAX: 200,
-  VENUE_DESCRIPTION_MAX: 3000,
-  PERFORMER_NAME_MIN: 1,
-  PERFORMER_NAME_MAX: 100,
-  PERFORMER_BIO_MAX: 2000,
-  TICKET_NAME_MIN: 1,
-  TICKET_NAME_MAX: 100,
-  TICKET_DESCRIPTION_MAX: 500,
-  PROMO_CODE_MIN: 3,
-  PROMO_CODE_MAX: 20,
-  SHORT_TEXT_MAX: 100,
-  MEDIUM_TEXT_MAX: 500,
-  LONG_TEXT_MAX: 2000,
-  EMAIL_MAX: 254,
-  PHONE_MAX: 20,
-  URL_MAX: 2048,
-  ADDRESS_MAX: 200,
-  CITY_MAX: 100,
-  POSTAL_CODE_MAX: 20,
-  NOTES_MAX: 1000,
-};
-
-/**
- * Number limits for validation schemas
- */
-export const NUMBER_LIMITS = {
-  AGE_MIN: 0,
-  AGE_MAX: 21,
-  PERCENT_MIN: 0,
-  PERCENT_MAX: 100,
-  CURRENCY_MIN: 0,
-  CURRENCY_MAX: 1000000,
-  QUANTITY_MIN: 0,
-  QUANTITY_MAX: 100000,
-  YEAR_MIN: 1900,
-  YEAR_MAX: 2100,
-  RATING_MIN: 1,
-  RATING_MAX: 5,
-};
-
-/**
- * File validation limits
- */
-export const FILE_LIMITS = {
-  MAX_SIZE: 10 * 1024 * 1024,
-  MAX_IMAGE_SIZE: 5 * 1024 * 1024,
-  MAX_CSV_SIZE: 50 * 1024 * 1024,
-  MAX_FILENAME_LENGTH: 255,
-};
-
-/**
- * Input patterns (regex)
- */
-export const PATTERNS = {
-  EMAIL: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-  PHONE: /^\+?1?[-.\s]?\(?[0-9]{3}\)?[-.\s]?[0-9]{3}[-.\s]?[0-9]{4}$/,
-  ZIP_CODE: /^\d{5}(-\d{4})?$/,
-  ALPHANUMERIC: /^[a-zA-Z0-9]+$/,
-  SLUG: /^[a-z0-9]+(?:-[a-z0-9]+)*$/,
-  PROMO_CODE: /^[A-Z0-9_]+$/,
-  URL: /^https?:\/\/.+/,
-  TIME_24H: /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/,
-  CURRENCY: /^\d+(\.\d{1,2})?$/,
-};
-
-/**
- * Password requirements
- */
-export const PASSWORD = {
-  MIN_LENGTH: 8,
-  MAX_LENGTH: 128,
-  REQUIRE_UPPERCASE: true,
-  REQUIRE_LOWERCASE: true,
-  REQUIRE_NUMBER: true,
-  REQUIRE_SPECIAL: false,
-};
-
-/**
- * Order limits
- */
-export const ORDER = {
-  MIN_TICKETS: 1,
-  MAX_TICKETS: 50,
-  DEFAULT_MAX_TICKETS: 10,
-  CART_TIMEOUT_MINUTES: 15,
-};
-
-/**
- * Ticket pricing limits
- */
-export const TICKET_PRICING = {
-  MIN_PRICE: 0,
-  MAX_PRICE: 10000,
-  PRICE_PRECISION: 2,
-};
-
-/**
- * Event capacity limits
- */
-export const CAPACITY = {
-  MIN_CAPACITY: 1,
-  MAX_CAPACITY: 100000,
-  DEFAULT_CAPACITY: 100,
-};
-
-/**
- * Promo code limits
- */
-export const PROMO_CODE = {
-  MIN_CODE_LENGTH: 3,
-  MAX_CODE_LENGTH: 20,
-  MAX_DISCOUNT_PERCENT: 100,
-  MAX_DISCOUNT_FIXED: 1000,
-  DEFAULT_USAGE_LIMIT: 100,
-};
-
-/**
- * Performer/roster limits
- */
-export const PERFORMER = {
-  MIN_SET_TIME: 5,
-  MAX_SET_TIME: 180,
-  DEFAULT_SET_TIME: 15,
-  MAX_PER_EVENT: 50,
-  MAX_TIER: 5,
-};
-
-/**
- * Schedule/timeline limits
- */
-export const SCHEDULE = {
-  MIN_EVENT_DURATION: 15,
-  MAX_EVENT_DURATION: 24 * 60,
-  DEFAULT_EVENT_DURATION: 120,
-  DEFAULT_DOORS_BEFORE: 30,
-  MAX_ADVANCE_DAYS: 365,
+/** @type {string} */
+export let API_BASE_URL = 'https://get-micdrop.com';
+
+/** @type {string} */
+export let PUBLIC_GOOGLE_MAPS_API_KEY = 'AIzaSyCFB0-9qay7P0jZZDw93SsTnyLtZDlch7Q';
+
+/**
+ * Configure runtime values (call once at app startup).
+ * SvelteKit apps should call this in their root layout with env values.
+ * @param {{ apiBaseUrl?: string, googleMapsApiKey?: string }} opts
+ */
+export function configureApp(opts = {}) {
+  if (opts.apiBaseUrl) API_BASE_URL = opts.apiBaseUrl;
+  if (opts.googleMapsApiKey) PUBLIC_GOOGLE_MAPS_API_KEY = opts.googleMapsApiKey;
+}
+
+/**
+ * String length limits for validation schemas
+ */
+export const STRING_LIMITS = {
+  EVENT_TITLE_MIN: 1,
+  EVENT_TITLE_MAX: 200,
+  EVENT_DESCRIPTION_MAX: 5000,
+  VENUE_NAME_MIN: 1,
+  VENUE_NAME_MAX: 200,
+  VENUE_DESCRIPTION_MAX: 3000,
+  PERFORMER_NAME_MIN: 1,
+  PERFORMER_NAME_MAX: 100,
+  PERFORMER_BIO_MAX: 2000,
+  TICKET_NAME_MIN: 1,
+  TICKET_NAME_MAX: 100,
+  TICKET_DESCRIPTION_MAX: 500,
+  PROMO_CODE_MIN: 3,
+  PROMO_CODE_MAX: 20,
+  SHORT_TEXT_MAX: 100,
+  MEDIUM_TEXT_MAX: 500,
+  LONG_TEXT_MAX: 2000,
+  EMAIL_MAX: 254,
+  PHONE_MAX: 20,
+  URL_MAX: 2048,
+  ADDRESS_MAX: 200,
+  CITY_MAX: 100,
+  POSTAL_CODE_MAX: 20,
+  NOTES_MAX: 1000,
+};
+
+/**
+ * Number limits for validation schemas
+ */
+export const NUMBER_LIMITS = {
+  AGE_MIN: 0,
+  AGE_MAX: 21,
+  PERCENT_MIN: 0,
+  PERCENT_MAX: 100,
+  CURRENCY_MIN: 0,
+  CURRENCY_MAX: 1000000,
+  QUANTITY_MIN: 0,
+  QUANTITY_MAX: 100000,
+  YEAR_MIN: 1900,
+  YEAR_MAX: 2100,
+  RATING_MIN: 1,
+  RATING_MAX: 5,
+};
+
+/**
+ * File validation limits
+ */
+export const FILE_LIMITS = {
+  MAX_SIZE: 10 * 1024 * 1024,
+  MAX_IMAGE_SIZE: 5 * 1024 * 1024,
+  MAX_CSV_SIZE: 50 * 1024 * 1024,
+  MAX_FILENAME_LENGTH: 255,
+};
+
+/**
+ * Input patterns (regex)
+ */
+export const PATTERNS = {
+  EMAIL: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+  PHONE: /^\+?1?[-.\s]?\(?[0-9]{3}\)?[-.\s]?[0-9]{3}[-.\s]?[0-9]{4}$/,
+  ZIP_CODE: /^\d{5}(-\d{4})?$/,
+  ALPHANUMERIC: /^[a-zA-Z0-9]+$/,
+  SLUG: /^[a-z0-9]+(?:-[a-z0-9]+)*$/,
+  PROMO_CODE: /^[A-Z0-9_]+$/,
+  URL: /^https?:\/\/.+/,
+  TIME_24H: /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/,
+  CURRENCY: /^\d+(\.\d{1,2})?$/,
+};
+
+/**
+ * Password requirements
+ */
+export const PASSWORD = {
+  MIN_LENGTH: 8,
+  MAX_LENGTH: 128,
+  REQUIRE_UPPERCASE: true,
+  REQUIRE_LOWERCASE: true,
+  REQUIRE_NUMBER: true,
+  REQUIRE_SPECIAL: false,
+};
+
+/**
+ * Order limits
+ */
+export const ORDER = {
+  MIN_TICKETS: 1,
+  MAX_TICKETS: 50,
+  DEFAULT_MAX_TICKETS: 10,
+  CART_TIMEOUT_MINUTES: 15,
+};
+
+/**
+ * Ticket pricing limits
+ */
+export const TICKET_PRICING = {
+  MIN_PRICE: 0,
+  MAX_PRICE: 10000,
+  PRICE_PRECISION: 2,
+};
+
+/**
+ * Event capacity limits
+ */
+export const CAPACITY = {
+  MIN_CAPACITY: 1,
+  MAX_CAPACITY: 100000,
+  DEFAULT_CAPACITY: 100,
+};
+
+/**
+ * Promo code limits
+ */
+export const PROMO_CODE = {
+  MIN_CODE_LENGTH: 3,
+  MAX_CODE_LENGTH: 20,
+  MAX_DISCOUNT_PERCENT: 100,
+  MAX_DISCOUNT_FIXED: 1000,
+  DEFAULT_USAGE_LIMIT: 100,
+};
+
+/**
+ * Performer/roster limits
+ */
+export const PERFORMER = {
+  MIN_SET_TIME: 5,
+  MAX_SET_TIME: 180,
+  DEFAULT_SET_TIME: 15,
+  MAX_PER_EVENT: 50,
+  MAX_TIER: 5,
+};
+
+/**
+ * Schedule/timeline limits
+ */
+export const SCHEDULE = {
+  MIN_EVENT_DURATION: 15,
+  MAX_EVENT_DURATION: 24 * 60,
+  DEFAULT_EVENT_DURATION: 120,
+  DEFAULT_DOORS_BEFORE: 30,
+  MAX_ADVANCE_DAYS: 365,
 };

package/dist/config.spec.js

@@ -1,29 +1,29 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-describe('config.js', () => {
-  beforeEach(() => {
-    vi.resetModules();
-  });
-
-  it('exports API_BASE_URL', async () => {
-    const config = await import('./config.js');
-    expect(config.API_BASE_URL).toBeDefined();
-    expect(typeof config.API_BASE_URL).toBe('string');
-  });
-
-  it('exports PUBLIC_GOOGLE_MAPS_API_KEY', async () => {
-    const config = await import('./config.js');
-    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toBeDefined();
-    expect(typeof config.PUBLIC_GOOGLE_MAPS_API_KEY).toBe('string');
-  });
-
-  it('uses default API_BASE_URL when env var not set', async () => {
-    const config = await import('./config.js');
-    expect(config.API_BASE_URL).toContain('get-micdrop.com');
-  });
-
-  it('uses default Google Maps key when env var not set', async () => {
-    const config = await import('./config.js');
-    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toContain('AIzaSy');
-  });
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+describe('config.js', () => {
+  beforeEach(() => {
+    vi.resetModules();
+  });
+
+  it('exports API_BASE_URL', async () => {
+    const config = await import('./config.js');
+    expect(config.API_BASE_URL).toBeDefined();
+    expect(typeof config.API_BASE_URL).toBe('string');
+  });
+
+  it('exports PUBLIC_GOOGLE_MAPS_API_KEY', async () => {
+    const config = await import('./config.js');
+    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toBeDefined();
+    expect(typeof config.PUBLIC_GOOGLE_MAPS_API_KEY).toBe('string');
+  });
+
+  it('uses default API_BASE_URL when env var not set', async () => {
+    const config = await import('./config.js');
+    expect(config.API_BASE_URL).toContain('get-micdrop.com');
+  });
+
+  it('uses default Google Maps key when env var not set', async () => {
+    const config = await import('./config.js');
+    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toContain('AIzaSy');
+  });
+});

package/dist/constants/formOptions.js

@@ -1,48 +1,48 @@
-/**
- * Form options for dropdowns used across all Micdrop applications.
- * Use these with Select and MultiSelect components instead of
- * creating wrapper components like GenderInput or EthnicityDropdown.
- *
- * Example:
- *   import { GENDER_OPTIONS } from '@getmicdrop/svelte-components/constants/formOptions';
- *   <Select items={GENDER_OPTIONS} label="Gender" />
- */
-
-// Primary format: { name, value } for Select/MultiSelect components
-// Backend: 0=Unspecified, 1=Male, 2=Female, 3=Non-binary
-export const GENDER_OPTIONS = [
-  { name: "", value: 0 },
-  { name: "Male", value: 1 },
-  { name: "Female", value: 2 },
-  { name: "Non-binary", value: 3 },
-];
-
-// Alternative format: { value, label } for components using that convention
-// Backend: 0=Unspecified, 1=Male, 2=Female, 3=Non-binary
-export const GENDER_OPTIONS_VALUE_LABEL = [
-  { value: 1, label: 'Male' },
-  { value: 2, label: 'Female' },
-  { value: 3, label: 'Non-binary' },
-];
-
-// Primary format: { name, value } for Select/MultiSelect components
-export const ETHNICITY_OPTIONS = [
-  { name: "American Indian or Alaska Native", value: 0 },
-  { name: "Asian", value: 1 },
-  { name: "Black or African American", value: 2 },
-  { name: "Hispanic or Latino", value: 3 },
-  { name: "Middle Eastern or North African", value: 4 },
-  { name: "Native Hawaiian or Pacific Islander", value: 5 },
-  { name: "White", value: 6 },
-];
-
-// Simple string array of ethnicity names (for backward compatibility)
-export const ETHNICITY_NAMES = [
-  "American Indian or Alaska Native",
-  "Asian",
-  "Black or African American",
-  "Hispanic or Latino",
-  "Middle Eastern or North African",
-  "Native Hawaiian or Pacific Islander",
-  "White",
-];
+/**
+ * Form options for dropdowns used across all Micdrop applications.
+ * Use these with Select and MultiSelect components instead of
+ * creating wrapper components like GenderInput or EthnicityDropdown.
+ *
+ * Example:
+ *   import { GENDER_OPTIONS } from '@getmicdrop/svelte-components/constants/formOptions';
+ *   <Select items={GENDER_OPTIONS} label="Gender" />
+ */
+
+// Primary format: { name, value } for Select/MultiSelect components
+// Backend: 0=Unspecified, 1=Male, 2=Female, 3=Non-binary
+export const GENDER_OPTIONS = [
+  { name: "", value: 0 },
+  { name: "Male", value: 1 },
+  { name: "Female", value: 2 },
+  { name: "Non-binary", value: 3 },
+];
+
+// Alternative format: { value, label } for components using that convention
+// Backend: 0=Unspecified, 1=Male, 2=Female, 3=Non-binary
+export const GENDER_OPTIONS_VALUE_LABEL = [
+  { value: 1, label: 'Male' },
+  { value: 2, label: 'Female' },
+  { value: 3, label: 'Non-binary' },
+];
+
+// Primary format: { name, value } for Select/MultiSelect components
+export const ETHNICITY_OPTIONS = [
+  { name: "American Indian or Alaska Native", value: 0 },
+  { name: "Asian", value: 1 },
+  { name: "Black or African American", value: 2 },
+  { name: "Hispanic or Latino", value: 3 },
+  { name: "Middle Eastern or North African", value: 4 },
+  { name: "Native Hawaiian or Pacific Islander", value: 5 },
+  { name: "White", value: 6 },
+];
+
+// Simple string array of ethnicity names (for backward compatibility)
+export const ETHNICITY_NAMES = [
+  "American Indian or Alaska Native",
+  "Asian",
+  "Black or African American",
+  "Hispanic or Latino",
+  "Middle Eastern or North African",
+  "Native Hawaiian or Pacific Islander",
+  "White",
+];