@getmicdrop/svelte-components 5.21.2 → 5.22.0

package/dist/components/Toast/toast.svelte.js

@@ -0,0 +1,386 @@
+/**
+ * Micdrop Toast System
+ * A modern, macOS-style toast notification system built with Svelte 5 runes.
+ * Supports both simple toasts and rich notification-style toasts.
+ *
+ * Features:
+ * - Smart batching for sales notifications (prevents spam during busy periods)
+ * - Desktop notification support (browser API)
+ * - Swipe-to-dismiss on mobile
+ * - Haptic feedback on toast display (QOL Bible)
+ */
+import { triggerHaptic } from '../../utils/haptic';
+// =============================================================================
+// BATCHING CONFIGURATION
+// =============================================================================
+const BATCH_WINDOW_MS = 20000; // 20 seconds - window to aggregate similar notifications
+// Notification types that should be batched (sales-related)
+const BATCHABLE_STATUSES = new Set([
+    'ticket sold',
+    'order completed',
+    'event sold out',
+    'show sold out',
+    'section sold out',
+    'ticket type sold out',
+    'vip tickets sold out',
+]);
+const activeBatches = new Map();
+// =============================================================================
+// DESKTOP NOTIFICATIONS
+// =============================================================================
+let desktopNotificationsEnabled = $state(false);
+let desktopNotificationPermission = $state('default');
+// Check initial permission state
+if (typeof window !== 'undefined' && 'Notification' in window) {
+    desktopNotificationPermission = Notification.permission;
+    desktopNotificationsEnabled = Notification.permission === 'granted';
+}
+async function requestDesktopPermission() {
+    if (typeof window === 'undefined' || !('Notification' in window)) {
+        return false;
+    }
+    const permission = await Notification.requestPermission();
+    desktopNotificationPermission = permission;
+    desktopNotificationsEnabled = permission === 'granted';
+    return desktopNotificationsEnabled;
+}
+let pushPreferenceChecker = null;
+// Status-to-preference mapping
+const STATUS_TO_PREFERENCE = {
+    // Admin notifications
+    'ticket sold': { category: 'admin', key: 'ticketSales' },
+    'order completed': { category: 'admin', key: 'ticketSales' },
+    'performer confirmed': { category: 'admin', key: 'performerResponses' },
+    'performer declined': { category: 'admin', key: 'performerResponses' },
+    'event sold out': { category: 'admin', key: 'eventSoldOut' },
+    'show sold out': { category: 'admin', key: 'eventSoldOut' },
+    'section sold out': { category: 'admin', key: 'eventSoldOut' },
+    'ticket type sold out': { category: 'admin', key: 'eventSoldOut' },
+    'vip tickets sold out': { category: 'admin', key: 'eventSoldOut' },
+    'event published': { category: 'admin', key: 'eventPublished' },
+    // Performer notifications
+    'avails sent': { category: 'performer', key: 'availabilityRequests' },
+    'avails sent to all': { category: 'performer', key: 'availabilityRequests' },
+    'availability request': {
+        category: 'performer',
+        key: 'availabilityRequests',
+    },
+    'performance invitation': {
+        category: 'performer',
+        key: 'performanceInvitations',
+    },
+    'invited to perform': {
+        category: 'performer',
+        key: 'performanceInvitations',
+    },
+};
+function setPushPreferenceChecker(checker) {
+    pushPreferenceChecker = checker;
+}
+function isPushEnabledForStatus(status) {
+    // If no preference checker is set, allow all (backwards compatibility)
+    if (!pushPreferenceChecker)
+        return true;
+    return pushPreferenceChecker(status);
+}
+function showDesktopNotification(title, options) {
+    if (!desktopNotificationsEnabled)
+        return;
+    // Check user preference for this notification type
+    if (options?.status && !isPushEnabledForStatus(options.status)) {
+        return; // User has disabled push for this category
+    }
+    try {
+        new Notification(title, {
+            body: options?.body,
+            icon: options?.icon || '/favicon.png',
+            badge: '/favicon.png',
+            silent: false,
+        });
+    }
+    catch (e) {
+        // Desktop notifications may fail in some contexts (e.g., service workers)
+        console.warn('Desktop notification failed:', e);
+    }
+}
+// Default durations by type (ms)
+const DEFAULT_DURATIONS = {
+    success: 4000,
+    error: 6000,
+    warning: 5000,
+    info: 4000,
+    loading: Infinity,
+    notification: 6000,
+};
+// Maximum number of toasts before oldest are auto-dismissed
+const MAX_TOASTS = 5;
+// Toast store using Svelte 5 runes
+let toasts = $state([]);
+const timers = new Map();
+function generateId() {
+    return `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+// Map toast types to haptic feedback styles
+const TOAST_HAPTIC_STYLES = {
+    success: 'success',
+    error: 'error',
+    warning: 'warning',
+    info: 'light',
+    loading: null, // No haptic for loading states
+    notification: 'light',
+};
+function addToast(type, title, options = {}) {
+    const id = generateId();
+    const duration = options.duration ?? DEFAULT_DURATIONS[type];
+    const newToast = {
+        id,
+        type,
+        title,
+        description: options.description,
+        duration,
+        dismissible: options.dismissible ?? true,
+        onClick: options.onClick,
+        action: options.action,
+        createdAt: Date.now(),
+    };
+    // Add to beginning so newest appears at top
+    toasts = [newToast, ...toasts];
+    // Trigger haptic feedback based on toast type (QOL Bible)
+    const hapticStyle = TOAST_HAPTIC_STYLES[type];
+    if (hapticStyle) {
+        triggerHaptic(hapticStyle);
+    }
+    // Set auto-dismiss timer if not infinite
+    if (duration !== Infinity) {
+        scheduleRemoval(id, duration);
+    }
+    // Trim overflow — keep only MAX_TOASTS
+    if (toasts.length > MAX_TOASTS) {
+        const overflow = toasts.slice(MAX_TOASTS);
+        for (const t of overflow) {
+            const timer = timers.get(t.id);
+            if (timer) {
+                clearTimeout(timer);
+                timers.delete(t.id);
+            }
+        }
+        toasts = toasts.slice(0, MAX_TOASTS);
+    }
+    return id;
+}
+function addNotificationToast(options) {
+    const normalizedStatus = (options.status || '').trim().toLowerCase();
+    const isBatchable = BATCHABLE_STATUSES.has(normalizedStatus);
+    const batchKey = options.eventId
+        ? `${options.eventId}:${normalizedStatus}`
+        : null;
+    // Check if we should batch this notification
+    if (isBatchable && batchKey) {
+        const existingBatch = activeBatches.get(batchKey);
+        if (existingBatch) {
+            // Update existing batch - increment count and update toast
+            existingBatch.count++;
+            existingBatch.lastUpdate = Date.now();
+            // Parse ticket count from message (e.g., "2x General Admission" → 2)
+            const ticketMatch = options.message?.match(/^(\d+)x/);
+            const ticketCount = ticketMatch ? parseInt(ticketMatch[1], 10) : 1;
+            existingBatch.total += ticketCount;
+            // Update the existing toast with new batch info
+            // When multiple orders are batched (count > 1), clicking goes to orders page
+            // The "View orders" text only appears when there are multiple orders batched
+            const batchedOnClick = options.eventId
+                ? () => {
+                    if (typeof window !== 'undefined') {
+                        window.location.href = `/a/events/${options.eventId}/orders`;
+                    }
+                }
+                : undefined;
+            toasts = toasts.map(t => t.id === existingBatch.toastId
+                ? {
+                    ...t,
+                    notification: {
+                        ...t.notification,
+                        batchCount: existingBatch.count,
+                        batchTotal: existingBatch.total,
+                        // Only show "View orders" when multiple orders are batched
+                        message: `${existingBatch.total} tickets sold · View orders`,
+                    },
+                    onClick: batchedOnClick, // Override to go to orders list (multiple orders)
+                    createdAt: Date.now(), // Reset timer visual
+                }
+                : t);
+            // Reset the dismiss timer
+            scheduleRemoval(existingBatch.toastId, options.duration ?? DEFAULT_DURATIONS.notification);
+            // Show desktop notification for batched update
+            showDesktopNotification(options.event, {
+                body: `${existingBatch.total} tickets sold`,
+                icon: options.avatar,
+                status: normalizedStatus,
+            });
+            return existingBatch.toastId;
+        }
+    }
+    // Create new toast (either not batchable, or first in a new batch)
+    const id = generateId();
+    const duration = options.duration ?? DEFAULT_DURATIONS.notification;
+    // Parse initial ticket count
+    const ticketMatch = options.message?.match(/^(\d+)x/);
+    const initialTicketCount = ticketMatch ? parseInt(ticketMatch[1], 10) : 1;
+    const newToast = {
+        id,
+        type: 'notification',
+        notification: {
+            name: options.name,
+            displayName: options.displayName,
+            event: options.event,
+            status: options.status,
+            avatar: options.avatar,
+            message: options.message,
+            performerMessage: options.performerMessage,
+            eventId: options.eventId,
+            batchCount: isBatchable ? 1 : undefined,
+            batchTotal: isBatchable ? initialTicketCount : undefined,
+        },
+        duration,
+        dismissible: options.dismissible ?? true,
+        onClick: options.onClick,
+        createdAt: Date.now(),
+    };
+    toasts = [newToast, ...toasts];
+    // Trigger haptic feedback for notification toasts
+    triggerHaptic('light');
+    if (duration !== Infinity) {
+        scheduleRemoval(id, duration);
+    }
+    // Start a new batch if this is batchable
+    if (isBatchable && batchKey) {
+        const batchTimeout = setTimeout(() => {
+            activeBatches.delete(batchKey);
+        }, BATCH_WINDOW_MS);
+        activeBatches.set(batchKey, {
+            toastId: id,
+            count: 1,
+            total: initialTicketCount,
+            timeout: batchTimeout,
+            lastUpdate: Date.now(),
+        });
+    }
+    // Show desktop notification
+    const desktopTitle = options.name || options.event;
+    const desktopBody = options.name
+        ? `${options.status} · ${options.event}`
+        : options.message || options.status;
+    showDesktopNotification(desktopTitle, {
+        body: desktopBody,
+        icon: options.avatar,
+        status: normalizedStatus,
+    });
+    // Trim overflow — keep only MAX_TOASTS
+    if (toasts.length > MAX_TOASTS) {
+        const overflow = toasts.slice(MAX_TOASTS);
+        for (const t of overflow) {
+            const timer = timers.get(t.id);
+            if (timer) {
+                clearTimeout(timer);
+                timers.delete(t.id);
+            }
+        }
+        toasts = toasts.slice(0, MAX_TOASTS);
+    }
+    return id;
+}
+function scheduleRemoval(id, delay) {
+    const existingTimer = timers.get(id);
+    if (existingTimer) {
+        clearTimeout(existingTimer);
+    }
+    const timer = setTimeout(() => {
+        dismiss(id);
+    }, delay);
+    timers.set(id, timer);
+}
+function dismiss(id) {
+    const timer = timers.get(id);
+    if (timer) {
+        clearTimeout(timer);
+        timers.delete(id);
+    }
+    toasts = toasts.filter(t => t.id !== id);
+}
+function dismissAll() {
+    timers.forEach(timer => clearTimeout(timer));
+    timers.clear();
+    toasts = [];
+}
+function pause(id) {
+    const toast = toasts.find(t => t.id === id);
+    if (!toast || toast.duration === Infinity)
+        return;
+    const timer = timers.get(id);
+    if (timer) {
+        clearTimeout(timer);
+        timers.delete(id);
+    }
+    const elapsed = Date.now() - toast.createdAt;
+    const remaining = Math.max(0, toast.duration - elapsed);
+    toasts = toasts.map(t => t.id === id ? { ...t, pausedAt: Date.now(), remainingTime: remaining } : t);
+}
+function resume(id) {
+    const foundToast = toasts.find(t => t.id === id);
+    if (!foundToast || !foundToast.pausedAt || foundToast.duration === Infinity)
+        return;
+    const remaining = foundToast.remainingTime ?? foundToast.duration;
+    toasts = toasts.map(t => t.id === id
+        ? {
+            ...t,
+            pausedAt: undefined,
+            remainingTime: undefined,
+            createdAt: Date.now() - (foundToast.duration - remaining),
+        }
+        : t);
+    if (remaining > 0) {
+        scheduleRemoval(id, remaining);
+    }
+    else {
+        dismiss(id);
+    }
+}
+// Main toast function and methods
+function toast(title, options) {
+    return addToast('info', title, options);
+}
+toast.success = (title, options) => addToast('success', title, options);
+toast.error = (title, options) => addToast('error', title, options);
+toast.warning = (title, options) => addToast('warning', title, options);
+toast.info = (title, options) => addToast('info', title, options);
+toast.loading = (title, options) => addToast('loading', title, { ...options, duration: Infinity });
+toast.notification = (options) => addNotificationToast(options);
+toast.dismiss = dismiss;
+toast.dismissAll = dismissAll;
+toast.pause = pause;
+toast.resume = resume;
+// Desktop notification controls
+toast.requestDesktopPermission = requestDesktopPermission;
+toast.getDesktopPermission = () => desktopNotificationPermission;
+toast.isDesktopEnabled = () => desktopNotificationsEnabled;
+toast.setPushPreferenceChecker = setPushPreferenceChecker;
+toast.STATUS_TO_PREFERENCE = STATUS_TO_PREFERENCE;
+toast.promise = async (promise, options) => {
+    const id = toast.loading(options.loading);
+    try {
+        const result = await promise;
+        dismiss(id);
+        toast.success(options.success);
+        return result;
+    }
+    catch (err) {
+        dismiss(id);
+        toast.error(options.error);
+        throw err;
+    }
+};
+// Getter for reactive access to toasts
+export function getToasts() {
+    return toasts;
+}
+export { toast };

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -10,3 +10,6 @@ export { default as Text } from './Text.svelte';
 
 // Layout components
 export * from './Layout/index.js';
+
+// Toast notification system
+export * from './Toast/index.js';

package/dist/primitives/Icons/CancelledIcon.svelte

@@ -0,0 +1,8 @@
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <rect width="16" height="16" rx="8" fill={color}/>
+  <path d="M6.016 5c.262-.002.515.099.703.281L8.012 6.574l1.293-1.293a1.003 1.003 0 0 1 1.402 1.414L9.426 7.988l1.293 1.293a1.003 1.003 0 0 1-1.414 1.414L8.012 9.402l-1.293 1.293a1.003 1.003 0 0 1-1.414-1.414l1.293-1.293-1.293-1.293A1.003 1.003 0 0 1 6.016 5Z" fill="white"/>
+</svg>

package/dist/primitives/Icons/CancelledIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default CancelledIcon;
+type CancelledIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const CancelledIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=CancelledIcon.svelte.d.ts.map

package/dist/primitives/Icons/CancelledIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelledIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/CancelledIcon.svelte.js"],"names":[],"mappings":";;;;;AAcA;WAV4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAUN;wBAVzC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/CartIcon.svelte

@@ -0,0 +1,12 @@
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} width={size} height={size} viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <g clip-path="url(#cart-clip)">
+    <path d="M5.569 3.967a.348.348 0 0 0 .334-.24l.696-2.314a.34.34 0 0 0-.335-.422H1.66L1.453.247A.348.348 0 0 0 1.117 0H.348a.331.331 0 0 0 0 .661h.5l.21.746v.003l.696 2.317.26.987a.826.826 0 1 0 .402.576h.824a.826.826 0 1 0 1.329.33ZM2.784 5.62a.348.348 0 1 1-.696 0 .348.348 0 0 1 .696 0Zm2.437.33a.348.348 0 1 1 0-.695.348.348 0 0 1 0 .696Z" fill={color}/>
+  </g>
+  <defs>
+    <clipPath id="cart-clip"><rect width="6.6125" height="6.6125" fill="white"/></clipPath>
+  </defs>
+</svg>

package/dist/primitives/Icons/CartIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default CartIcon;
+type CartIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const CartIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=CartIcon.svelte.d.ts.map

package/dist/primitives/Icons/CartIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/CartIcon.svelte.js"],"names":[],"mappings":";;;;;AAkBA;WAd4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAcX;wBAdpC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/ConfirmedIcon.svelte

@@ -0,0 +1,8 @@
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <rect width="16" height="16" rx="8" fill={color}/>
+  <path d="M6.862 11.867a.727.727 0 0 1-.502-.242L3.999 8.847a.999.999 0 0 1 1.004-1.37.728.728 0 0 1 .512.243l1.86 2.188 4.133-4.865a.999.999 0 0 1 1.493 1.128L7.365 11.625a.727.727 0 0 1-.503.242Z" fill="white" stroke="white" stroke-width="0.4"/>
+</svg>

package/dist/primitives/Icons/ConfirmedIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default ConfirmedIcon;
+type ConfirmedIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ConfirmedIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=ConfirmedIcon.svelte.d.ts.map

package/dist/primitives/Icons/ConfirmedIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmedIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ConfirmedIcon.svelte.js"],"names":[],"mappings":";;;;;AAcA;WAV4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAUN;wBAVzC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/InvitedIcon.svelte

@@ -0,0 +1,7 @@
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} width={size} height={size} viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <path d="M6.402.256a1.1 1.1 0 0 0-.613-.245c-.237-.023-.521-.002-.828.038A15.44 15.44 0 0 0 2.894.54 17.7 17.7 0 0 0 .966 1.309c-.259.131-.483.264-.647.392a1.24 1.24 0 0 0-.21.206.382.382 0 0 0-.109.288c.002.314.216.535.443.684.232.152.534.266.835.356.303.09.623.16.897.218l.098.02c.166.034.249.052.327.028a.348.348 0 0 0 .258-.203l1.187-1.187a.323.323 0 0 1 .457.456L3.395 3.674a.348.348 0 0 0-.167.541c.145.653.27 1.193.396 1.556.073.212.155.396.26.531.108.141.256.248.451.257a.428.428 0 0 0 .292-.101c.073-.055.141-.127.205-.207.127-.16.262-.381.395-.636.269-.513.553-1.2.793-1.908.24-.707.441-1.445.538-2.058.048-.306.072-.59.059-.827a1.1 1.1 0 0 0-.21-.566Z" fill={color}/>
+</svg>

package/dist/primitives/Icons/InvitedIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default InvitedIcon;
+type InvitedIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const InvitedIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=InvitedIcon.svelte.d.ts.map

package/dist/primitives/Icons/InvitedIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitedIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/InvitedIcon.svelte.js"],"names":[],"mappings":";;;;;AAaA;WAT4B,MAAM;YAAU,MAAM;YAAU,MAAM;WASR;wBATvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/TicketIcon.svelte

@@ -0,0 +1,12 @@
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} width={size} height={size} viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <g clip-path="url(#ticket-clip)">
+    <path d="M5.951 5.786H.661a.66.66 0 0 1-.661-.709V4.192c0-.188.153-.354.33-.354a.496.496 0 0 0 .496-.532.496.496 0 0 0-.496-.531.331.331 0 0 1-.33-.354V1.535c0-.376.297-.709.661-.709h5.29c.364 0 .661.333.661.709v.886a.331.331 0 0 1-.33.354.496.496 0 0 0-.497.531c0 .294.223.532.497.532.178 0 .33.166.33.354v.886c0 .376-.297.709-.661.709Z" fill={color}/>
+  </g>
+  <defs>
+    <clipPath id="ticket-clip"><rect width="6.6125" height="6.6125" fill="white"/></clipPath>
+  </defs>
+</svg>

package/dist/primitives/Icons/TicketIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default TicketIcon;
+type TicketIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const TicketIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=TicketIcon.svelte.d.ts.map

package/dist/primitives/Icons/TicketIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TicketIcon.svelte.js"],"names":[],"mappings":";;;;;AAkBA;WAd4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAcT;wBAdtC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/ToastErrorIcon.svelte

@@ -0,0 +1,9 @@
+<script>
+  let { size = "20", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <circle cx="12" cy="12" r="10"/>
+  <line x1="15" y1="9" x2="9" y2="15"/>
+  <line x1="9" y1="9" x2="15" y2="15"/>
+</svg>

package/dist/primitives/Icons/ToastErrorIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default ToastErrorIcon;
+type ToastErrorIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ToastErrorIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=ToastErrorIcon.svelte.d.ts.map

package/dist/primitives/Icons/ToastErrorIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastErrorIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ToastErrorIcon.svelte.js"],"names":[],"mappings":";;;;;AAeA;WAX4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAWL;wBAX1C;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/ToastInfoIcon.svelte

@@ -0,0 +1,9 @@
+<script>
+  let { size = "20", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <circle cx="12" cy="12" r="10"/>
+  <line x1="12" y1="16" x2="12" y2="12"/>
+  <line x1="12" y1="8" x2="12.01" y2="8"/>
+</svg>

package/dist/primitives/Icons/ToastInfoIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default ToastInfoIcon;
+type ToastInfoIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ToastInfoIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=ToastInfoIcon.svelte.d.ts.map

package/dist/primitives/Icons/ToastInfoIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastInfoIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ToastInfoIcon.svelte.js"],"names":[],"mappings":";;;;;AAeA;WAX4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAWN;wBAXzC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/ToastLoadingIcon.svelte

@@ -0,0 +1,14 @@
+<script>
+  let { size = "20", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg class={className} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <line x1="12" y1="2" x2="12" y2="6"/>
+  <line x1="12" y1="18" x2="12" y2="22"/>
+  <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"/>
+  <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"/>
+  <line x1="2" y1="12" x2="6" y2="12"/>
+  <line x1="18" y1="12" x2="22" y2="12"/>
+  <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"/>
+  <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"/>
+</svg>

package/dist/primitives/Icons/ToastLoadingIcon.svelte.d.ts

@@ -0,0 +1,16 @@
+export default ToastLoadingIcon;
+type ToastLoadingIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ToastLoadingIcon: import("svelte").Component<{
+    size?: string;
+    color?: string;
+    class?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: string;
+    color?: string;
+    class?: string;
+};
+//# sourceMappingURL=ToastLoadingIcon.svelte.d.ts.map