@getmicdrop/svelte-components 5.18.2 → 5.20.0

package/dist/utils/formatters.d.ts

@@ -4,6 +4,61 @@
  * e.g. roundCurrency(167.79999999999) → 167.8
  */
 export declare function roundCurrency(value: number): number;
+/**
+ * Formats a currency value using Intl.NumberFormat.
+ * Returns empty string for null/undefined.
+ *
+ * @param value    - Amount in dollars (e.g. 25.5)
+ * @param currency - ISO 4217 currency code (default: 'USD')
+ * @param locale   - BCP 47 locale tag (default: 'en-US')
+ * @returns Formatted string (e.g. "$25.50")
+ */
+export declare function formatCurrency(value: number | null | undefined, currency?: string, locale?: string): string;
+type DateInput = Date | string | number | null | undefined;
+/**
+ * Formats a date according to a locale.
+ * Default output: abbreviated month, day, year (e.g. "Dec 15, 2025" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export declare function formatDate(value: DateInput, options?: Intl.DateTimeFormatOptions, locale?: string): string;
+/**
+ * Formats a date with time.
+ * Default output: abbreviated month, day, year, hour, minute
+ * (e.g. "Dec 15, 2025, 3:30 PM" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export declare function formatDateTime(value: DateInput, options?: Intl.DateTimeFormatOptions, locale?: string): string;
+/**
+ * Formats time-only.
+ * Default output: hour and minute (e.g. "3:30 PM" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export declare function formatTime(value: DateInput, options?: Intl.DateTimeFormatOptions, locale?: string): string;
+/**
+ * Formats a number according to a locale.
+ * Returns empty string for null/undefined.
+ *
+ * @param value   - Number to format
+ * @param options - Intl.NumberFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export declare function formatNumber(value: number | null | undefined, options?: Intl.NumberFormatOptions, locale?: string): string;
+/**
+ * Truncates a string to maxLength characters, appending "..." when truncated.
+ *
+ * @param title     - Text to truncate
+ * @param maxLength - Maximum character count before truncation (default: 50)
+ */
+export declare function truncateTitle(title: string, maxLength?: number): string;
 /**
  * Format a credit card number with spaces every 4 digits
  * @param value - Raw input (digits only)
@@ -16,4 +71,5 @@ export declare function formatCreditCardNumber(value: string): string;
  * @returns Formatted phone number (e.g., "123-456-7890")
  */
 export declare function formatPhoneNumber(value: string): string;
+export {};
 //# sourceMappingURL=formatters.d.ts.map

package/dist/utils/formatters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/lib/utils/formatters.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOvD"}
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/lib/utils/formatters.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,QAAQ,SAAQ,EAChB,MAAM,SAAU,GACf,MAAM,CAMR;AAMD,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAY3D;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,EACpC,MAAM,SAAU,GACf,MAAM,CASR;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,EAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,EACpC,MAAM,SAAU,GACf,MAAM,CAWR;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,EACpC,MAAM,SAAU,GACf,MAAM,CAQR;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAClC,MAAM,SAAU,GACf,MAAM,CAGR;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAK,GAAG,MAAM,CAKnE;AAMD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOvD"}

package/dist/utils/formatters.js

@@ -1,11 +1,131 @@
+// =============================================================================
+// Currency
+// =============================================================================
 /**
  * Rounds a number to 2 decimal places (cents precision).
  * Use after any arithmetic on currency values to avoid IEEE 754 drift.
  * e.g. roundCurrency(167.79999999999) → 167.8
  */
 export function roundCurrency(value) {
-    return Math.round(value * 100) / 100;
+    return Math.round((value + Number.EPSILON) * 100) / 100;
 }
+/**
+ * Formats a currency value using Intl.NumberFormat.
+ * Returns empty string for null/undefined.
+ *
+ * @param value    - Amount in dollars (e.g. 25.5)
+ * @param currency - ISO 4217 currency code (default: 'USD')
+ * @param locale   - BCP 47 locale tag (default: 'en-US')
+ * @returns Formatted string (e.g. "$25.50")
+ */
+export function formatCurrency(value, currency = 'USD', locale = 'en-US') {
+    if (value === null || value === undefined)
+        return '';
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+    }).format(value);
+}
+/**
+ * Converts various date input types to a Date object.
+ * Returns null for invalid or missing inputs.
+ */
+function toDate(value) {
+    if (value === null || value === undefined)
+        return null;
+    const date = value instanceof Date ? value : new Date(value);
+    return isNaN(date.getTime()) ? null : date;
+}
+/**
+ * Formats a date according to a locale.
+ * Default output: abbreviated month, day, year (e.g. "Dec 15, 2025" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export function formatDate(value, options, locale = 'en-US') {
+    const date = toDate(value);
+    if (!date)
+        return '';
+    const defaults = {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+    };
+    return new Intl.DateTimeFormat(locale, { ...defaults, ...options }).format(date);
+}
+/**
+ * Formats a date with time.
+ * Default output: abbreviated month, day, year, hour, minute
+ * (e.g. "Dec 15, 2025, 3:30 PM" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export function formatDateTime(value, options, locale = 'en-US') {
+    const date = toDate(value);
+    if (!date)
+        return '';
+    const defaults = {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+    };
+    return new Intl.DateTimeFormat(locale, { ...defaults, ...options }).format(date);
+}
+/**
+ * Formats time-only.
+ * Default output: hour and minute (e.g. "3:30 PM" in en-US).
+ *
+ * @param value   - Date, ISO string, or epoch ms
+ * @param options - Intl.DateTimeFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export function formatTime(value, options, locale = 'en-US') {
+    const date = toDate(value);
+    if (!date)
+        return '';
+    const defaults = {
+        hour: 'numeric',
+        minute: '2-digit',
+    };
+    return new Intl.DateTimeFormat(locale, { ...defaults, ...options }).format(date);
+}
+/**
+ * Formats a number according to a locale.
+ * Returns empty string for null/undefined.
+ *
+ * @param value   - Number to format
+ * @param options - Intl.NumberFormatOptions overrides
+ * @param locale  - BCP 47 locale tag (default: 'en-US')
+ */
+export function formatNumber(value, options, locale = 'en-US') {
+    if (value === null || value === undefined)
+        return '';
+    return new Intl.NumberFormat(locale, options).format(value);
+}
+// =============================================================================
+// Text
+// =============================================================================
+/**
+ * Truncates a string to maxLength characters, appending "..." when truncated.
+ *
+ * @param title     - Text to truncate
+ * @param maxLength - Maximum character count before truncation (default: 50)
+ */
+export function truncateTitle(title, maxLength = 50) {
+    if (title.length > maxLength) {
+        return title.slice(0, maxLength) + '...';
+    }
+    return title;
+}
+// =============================================================================
+// Input formatting (credit card, phone)
+// =============================================================================
 /**
  * Format a credit card number with spaces every 4 digits
  * @param value - Raw input (digits only)

package/dist/utils/formatters.spec.js

@@ -1,5 +1,15 @@
 import { expect, describe, test } from 'vitest';
-import { formatCreditCardNumber, formatPhoneNumber } from './formatters.ts';
+import {
+  formatCreditCardNumber,
+  formatPhoneNumber,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatTime,
+  formatNumber,
+  truncateTitle,
+  roundCurrency,
+} from './formatters.ts';
 
 describe('formatCreditCardNumber', () => {
   test('formats empty string', () => {
@@ -80,3 +90,120 @@ describe('formatPhoneNumber', () => {
     expect(formatPhoneNumber('12345678901234')).toBe('123-456-7890');
   });
 });
+
+describe('roundCurrency', () => {
+  test('rounds to 2 decimal places', () => {
+    expect(roundCurrency(167.79999999999)).toBe(167.8);
+  });
+  test('handles exact values', () => {
+    expect(roundCurrency(25.5)).toBe(25.5);
+  });
+  test('rounds up', () => {
+    expect(roundCurrency(10.005)).toBe(10.01);
+  });
+});
+
+describe('formatCurrency', () => {
+  test('formats USD by default', () => {
+    expect(formatCurrency(25.5)).toBe('$25.50');
+  });
+  test('returns empty string for null', () => {
+    expect(formatCurrency(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatCurrency(undefined)).toBe('');
+  });
+  test('formats zero', () => {
+    expect(formatCurrency(0)).toBe('$0.00');
+  });
+  test('formats negative values', () => {
+    expect(formatCurrency(-10)).toBe('-$10.00');
+  });
+  test('accepts custom currency', () => {
+    const result = formatCurrency(100, 'EUR', 'de-DE');
+    expect(result).toContain('100');
+  });
+});
+
+describe('formatDate', () => {
+  test('formats a Date object', () => {
+    const result = formatDate(new Date('2025-12-15T00:00:00Z'), undefined, 'en-US');
+    expect(result).toContain('Dec');
+    expect(result).toContain('2025');
+  });
+  test('formats an ISO string', () => {
+    const result = formatDate('2025-06-01T12:00:00Z', undefined, 'en-US');
+    expect(result).toContain('Jun');
+  });
+  test('returns empty string for null', () => {
+    expect(formatDate(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatDate(undefined)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatDate('not-a-date')).toBe('');
+  });
+  test('accepts option overrides', () => {
+    const result = formatDate('2025-06-01T12:00:00Z', { month: 'long' }, 'en-US');
+    expect(result).toContain('June');
+  });
+});
+
+describe('formatDateTime', () => {
+  test('includes date and time', () => {
+    const result = formatDateTime('2025-12-15T15:30:00Z', undefined, 'en-US');
+    expect(result).toContain('Dec');
+    expect(result).toContain('2025');
+    expect(result).toContain('30');
+  });
+  test('returns empty string for null', () => {
+    expect(formatDateTime(null)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatDateTime('bad')).toBe('');
+  });
+});
+
+describe('formatTime', () => {
+  test('formats time only', () => {
+    const result = formatTime('2025-12-15T15:30:00Z', undefined, 'en-US');
+    expect(result).toContain('30');
+  });
+  test('returns empty string for null', () => {
+    expect(formatTime(null)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatTime('nope')).toBe('');
+  });
+});
+
+describe('formatNumber', () => {
+  test('formats a number with locale', () => {
+    expect(formatNumber(1000, undefined, 'en-US')).toBe('1,000');
+  });
+  test('returns empty string for null', () => {
+    expect(formatNumber(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatNumber(undefined)).toBe('');
+  });
+});
+
+describe('truncateTitle', () => {
+  test('truncates long text with ellipsis', () => {
+    expect(truncateTitle('Hello World', 5)).toBe('Hello...');
+  });
+  test('returns short text unchanged', () => {
+    expect(truncateTitle('Hi', 10)).toBe('Hi');
+  });
+  test('returns exact-length text unchanged', () => {
+    expect(truncateTitle('Hello', 5)).toBe('Hello');
+  });
+  test('uses default maxLength of 50', () => {
+    const short = 'Short string';
+    expect(truncateTitle(short)).toBe(short);
+    const long = 'A'.repeat(60);
+    expect(truncateTitle(long)).toBe('A'.repeat(50) + '...');
+  });
+});

package/dist/utils/logger.d.ts

@@ -1,13 +1,37 @@
 /**
  * Centralized logger utility for MicDrop applications
  * Can be disabled in production or configured for different log levels
+ *
+ * Usage (factory — recommended for consuming apps):
+ *   import { createLogger } from '@getmicdrop/svelte-components/utils/logger';
+ *   const log = createLogger('MF');
+ *   log.info('booting');  // → [MF] [INFO] booting
+ *
+ * Usage (singleton — legacy, still works):
+ *   import { logger, configureLogger } from '@getmicdrop/svelte-components/utils/logger';
+ *   configureLogger({ prefix: '[MF]' });
+ *   logger.info('booting');
  */
 export type LogLevel = 'debug' | 'info' | 'warn' | 'error';
-interface LoggerConfig {
+export interface LoggerConfig {
     enabled: boolean;
     level: LogLevel;
     prefix: string;
 }
+export interface Logger {
+    debug: (message: string, ...args: unknown[]) => void;
+    info: (message: string, ...args: unknown[]) => void;
+    warn: (message: string, ...args: unknown[]) => void;
+    error: (message: string, ...args: unknown[]) => void;
+    configure: (options: Partial<LoggerConfig>) => void;
+}
+/**
+ * Create an independent logger instance with its own config.
+ *
+ * @param prefix - Tag shown in log output, e.g. 'MF' produces `[MF]`
+ * @param options - Optional overrides for enabled/level
+ */
+export declare function createLogger(prefix: string, options?: Partial<Omit<LoggerConfig, 'prefix'>>): Logger;
 export declare function configureLogger(options: Partial<LoggerConfig>): void;
 export declare const logger: {
     debug: (message: string, ...args: unknown[]) => void;

package/dist/utils/logger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/lib/utils/logger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAeD,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAEpE;AAUD,eAAO,MAAM,MAAM;qBACA,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMlC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMjC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;qBAMhC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;CAKnD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/lib/utils/logger.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CACrD;AAYD;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAM,GAClD,MAAM,CA4CR;AAYD,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAEpE;AAUD,eAAO,MAAM,MAAM;qBACA,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMlC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMjC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;qBAMhC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;CAKnD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/utils/logger.js

@@ -1,6 +1,16 @@
 /**
  * Centralized logger utility for MicDrop applications
  * Can be disabled in production or configured for different log levels
+ *
+ * Usage (factory — recommended for consuming apps):
+ *   import { createLogger } from '@getmicdrop/svelte-components/utils/logger';
+ *   const log = createLogger('MF');
+ *   log.info('booting');  // → [MF] [INFO] booting
+ *
+ * Usage (singleton — legacy, still works):
+ *   import { logger, configureLogger } from '@getmicdrop/svelte-components/utils/logger';
+ *   configureLogger({ prefix: '[MF]' });
+ *   logger.info('booting');
  */
 const LOG_LEVELS = {
     debug: 0,
@@ -8,8 +18,56 @@ const LOG_LEVELS = {
     warn: 2,
     error: 3,
 };
+const isEnabled = () => typeof window !== 'undefined' && import.meta.env?.DEV !== false;
+/**
+ * Create an independent logger instance with its own config.
+ *
+ * @param prefix - Tag shown in log output, e.g. 'MF' produces `[MF]`
+ * @param options - Optional overrides for enabled/level
+ */
+export function createLogger(prefix, options = {}) {
+    let config = {
+        enabled: options.enabled ?? isEnabled(),
+        level: options.level ?? 'debug',
+        prefix: prefix.startsWith('[') ? prefix : `[${prefix}]`,
+    };
+    function shouldLog(level) {
+        return config.enabled && LOG_LEVELS[level] >= LOG_LEVELS[config.level];
+    }
+    function formatMessage(level, message) {
+        return `${config.prefix} [${level.toUpperCase()}] ${message}`;
+    }
+    return {
+        debug(message, ...args) {
+            if (shouldLog('debug')) {
+                console.log(formatMessage('debug', message), ...args);
+            }
+        },
+        info(message, ...args) {
+            if (shouldLog('info')) {
+                console.info(formatMessage('info', message), ...args);
+            }
+        },
+        warn(message, ...args) {
+            if (shouldLog('warn')) {
+                console.warn(formatMessage('warn', message), ...args);
+            }
+        },
+        error(message, ...args) {
+            if (shouldLog('error')) {
+                console.error(formatMessage('error', message), ...args);
+            }
+        },
+        configure(opts) {
+            config = { ...config, ...opts };
+        },
+    };
+}
+// ---------------------------------------------------------------------------
+// Singleton (backward-compatible) — uses the factory internally
+// ---------------------------------------------------------------------------
 let config = {
-    enabled: typeof window !== 'undefined' && import.meta.env?.DEV !== false,
+    enabled: isEnabled(),
     level: 'debug',
     prefix: '[MicDrop]',
 };

package/dist/utils/logger.spec.js

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { logger, configureLogger } from './logger';
+import { logger, configureLogger, createLogger } from './logger';
 describe('logger', () => {
     beforeEach(() => {
         vi.spyOn(console, 'log').mockImplementation(() => { });
@@ -93,3 +93,101 @@ describe('logger', () => {
         });
     });
 });
+describe('createLogger', () => {
+    beforeEach(() => {
+        vi.spyOn(console, 'log').mockImplementation(() => { });
+        vi.spyOn(console, 'info').mockImplementation(() => { });
+        vi.spyOn(console, 'warn').mockImplementation(() => { });
+        vi.spyOn(console, 'error').mockImplementation(() => { });
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('wraps bare prefix in brackets', () => {
+        const log = createLogger('MF', { enabled: true });
+        log.info('hello');
+        expect(console.info).toHaveBeenCalledWith('[MF] [INFO] hello');
+    });
+    it('preserves prefix that already has brackets', () => {
+        const log = createLogger('[PP]', { enabled: true });
+        log.warn('oops');
+        expect(console.warn).toHaveBeenCalledWith('[PP] [WARN] oops');
+    });
+    it('each instance has independent config', () => {
+        const mf = createLogger('MF', { enabled: true });
+        const pp = createLogger('PP', { enabled: true, level: 'error' });
+        mf.debug('visible');
+        pp.debug('filtered');
+        expect(console.log).toHaveBeenCalledTimes(1);
+        expect(console.log).toHaveBeenCalledWith('[MF] [DEBUG] visible');
+    });
+    it('configure updates only that instance', () => {
+        const a = createLogger('A', { enabled: true });
+        const b = createLogger('B', { enabled: true });
+        a.configure({ level: 'error' });
+        a.info('filtered');
+        b.info('visible');
+        expect(console.info).toHaveBeenCalledTimes(1);
+        expect(console.info).toHaveBeenCalledWith('[B] [INFO] visible');
+    });
+    it('does not affect the singleton logger', () => {
+        configureLogger({ enabled: true, level: 'debug', prefix: '[MicDrop]' });
+        const custom = createLogger('Custom', { enabled: true });
+        custom.configure({ level: 'error' });
+        logger.debug('singleton still works');
+        expect(console.log).toHaveBeenCalledWith('[MicDrop] [DEBUG] singleton still works');
+    });
+    describe('log methods', () => {
+        it('debug logs with console.log', () => {
+            const log = createLogger('Test', { enabled: true });
+            log.debug('msg');
+            expect(console.log).toHaveBeenCalledWith('[Test] [DEBUG] msg');
+        });
+        it('info logs with console.info', () => {
+            const log = createLogger('Test', { enabled: true });
+            log.info('msg');
+            expect(console.info).toHaveBeenCalledWith('[Test] [INFO] msg');
+        });
+        it('warn logs with console.warn', () => {
+            const log = createLogger('Test', { enabled: true });
+            log.warn('msg');
+            expect(console.warn).toHaveBeenCalledWith('[Test] [WARN] msg');
+        });
+        it('error logs with console.error', () => {
+            const log = createLogger('Test', { enabled: true });
+            log.error('msg');
+            expect(console.error).toHaveBeenCalledWith('[Test] [ERROR] msg');
+        });
+        it('passes extra arguments through', () => {
+            const log = createLogger('Test', { enabled: true });
+            log.info('msg', { data: 1 }, 'extra');
+            expect(console.info).toHaveBeenCalledWith('[Test] [INFO] msg', { data: 1 }, 'extra');
+        });
+    });
+    describe('disabled logger', () => {
+        it('does not log when enabled is false', () => {
+            const log = createLogger('X', { enabled: false });
+            log.debug('nope');
+            log.info('nope');
+            log.warn('nope');
+            log.error('nope');
+            expect(console.log).not.toHaveBeenCalled();
+            expect(console.info).not.toHaveBeenCalled();
+            expect(console.warn).not.toHaveBeenCalled();
+            expect(console.error).not.toHaveBeenCalled();
+        });
+    });
+    describe('level filtering', () => {
+        it('filters below configured level', () => {
+            const log = createLogger('Test', { enabled: true, level: 'warn' });
+            log.debug('no');
+            log.info('no');
+            log.warn('yes');
+            log.error('yes');
+            expect(console.log).not.toHaveBeenCalled();
+            expect(console.info).not.toHaveBeenCalled();
+            expect(console.warn).toHaveBeenCalledTimes(1);
+            expect(console.error).toHaveBeenCalledTimes(1);
+        });
+    });
+});

package/dist/utils/permissions.d.ts

@@ -0,0 +1,9 @@
+interface RolePermission {
+    icon: string;
+    title: string;
+    description: string;
+    checkbox: string[];
+}
+export declare const ROLE_PERMISSION_LIST: RolePermission[];
+export {};
+//# sourceMappingURL=permissions.d.ts.map

package/dist/utils/permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../src/lib/utils/permissions.ts"],"names":[],"mappings":"AAUA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,cAAc,EA2FhD,CAAC"}

package/dist/utils/permissions.js

@@ -0,0 +1,93 @@
+import EventIcon from "../assets/svg/role/event.svg";
+import BookingIcon from "../assets/svg/role/booking.svg";
+import EmailIcon from "../assets/svg/role/emails.svg";
+import VenueIcon from "../assets/svg/role/venue.svg";
+import PayoutIcon from "../assets/svg/role/payout.svg";
+import MarketingIcon from "../assets/svg/role/marketing.svg";
+import OrdersIcon from "../assets/svg/role/orders.svg";
+import OrganisationIcon from "../assets/svg/role/organisation.svg";
+import ReportingIcon from "../assets/svg/role/reporting.svg";
+export const ROLE_PERMISSION_LIST = [
+    {
+        icon: EventIcon,
+        title: "Event creation",
+        description: "Allow users to enter event info, create tickets & customize order forms",
+        checkbox: [
+            "Create Events",
+            "Edit Event Details",
+            "Manage event status",
+            "Manage tickets",
+            "Manage Collections",
+        ],
+    },
+    {
+        icon: BookingIcon,
+        title: "Booking",
+        description: "Allow users to manage performers, their invitations and statuses",
+        checkbox: [
+            "Access the roster page and view performer profiles",
+            "Edit performer profiles",
+            "Send booking invitations",
+            "Manually confirm/decline performers to spots",
+            "Send avails requests",
+        ],
+    },
+    {
+        icon: VenueIcon,
+        title: "Venue creation",
+        description: "Allow users to create new venues",
+        checkbox: ["Add/edit/delete venues"],
+    },
+    {
+        icon: MarketingIcon,
+        title: "Marketing",
+        description: "Sell more tickets by creating campaigns, tracking engagements, etc.",
+        checkbox: [
+            "Access social media posts",
+            "Manage tracking links",
+            "Manage promo codes",
+        ],
+    },
+    {
+        icon: OrdersIcon,
+        title: "Orders & attendees",
+        description: "Allow users to view, update & refund orders, manage attendee guest or waitlists & release tickets",
+        checkbox: [
+            "Add attendees",
+            "Manage orders, refunds, transfers and attendees",
+            "View list of attendees",
+            "Check in attendees",
+            "Resend confirmation emails",
+            "Override ticket restrictions",
+            "Sell tickets at the door",
+            "Revoke and reissue barcodes",
+        ],
+    },
+    {
+        icon: OrganisationIcon,
+        title: "Organization",
+        description: "Keep your users organized with assigned permissions per user, enable access to APIs & extensions",
+        checkbox: [
+            "Manage organization members & permissions",
+            "Edit organization infomation",
+        ],
+    },
+    {
+        icon: EmailIcon,
+        title: "Contacts",
+        description: "Keep our users in the loop, select which emails you would like them to receive",
+        checkbox: ["Email attendees", "Email/SMS performers"],
+    },
+    {
+        icon: ReportingIcon,
+        title: "Reporting",
+        description: "Allow users to access, filter & export data across your organization",
+        checkbox: ["Access reports pages"],
+    },
+    {
+        icon: PayoutIcon,
+        title: "Payouts & billing",
+        description: "Users can configure payout methods, manage event payment options & track financials with reporting",
+        checkbox: ["Manage financial accounts (Stripe)"],
+    },
+];