varsel 0.5.1 → 0.5.4

package/dist/core/types.d.ts

@@ -0,0 +1,144 @@
+import type { VariantProps } from "class-variance-authority";
+import type { Component } from "svelte";
+import type { toastContainerVariants } from "./variants";
+import type { ToastPosition } from "./positions";
+import type { SwipeAxis, SwipeDirection } from "./swipe";
+/**
+ * Represents the data structure for a single toast notification.
+ */
+export interface ToastData extends VariantProps<typeof toastContainerVariants> {
+    /** Unique identifier for the toast. */
+    id: string;
+    /** The main title of the toast notification. */
+    title?: string;
+    /** Additional details or description displayed below the title. */
+    description?: string;
+    /** Optional CSS class to apply to the toast container. */
+    className?: string;
+    /**
+     * Duration in milliseconds before the toast automatically closes.
+     * Defaults to 5000ms. Set to `0` or `Infinity` to keep open indefinitely.
+     */
+    duration?: number;
+    /** Whether the toast is in a loading state. */
+    isLoading?: boolean;
+    /** Whether to show the close button. Defaults to `true`. */
+    showClose?: boolean;
+    /** Optional action button to display within the toast. */
+    action?: {
+        /** Label for the action button. */
+        label: string;
+        /** Callback function executed when the action button is clicked. */
+        onClick: () => void;
+    };
+    /** Callback fired when the toast finishes its auto-close timer. */
+    onAutoClose?: () => void;
+    /** Callback fired when the toast is dismissed manually (button, swipe, `toast.dismiss`, etc.). */
+    onDismiss?: () => void;
+    /** Internal flag: signals that the toast should begin its closing animation. */
+    shouldClose?: boolean;
+    /** Internal flag: signals that the toast is currently leaving the DOM. */
+    isLeaving?: boolean;
+    /** The position on the screen where this toast should appear. */
+    position?: ToastPosition;
+    /** Custom Svelte component to render instead of the default toast layout. */
+    component?: Component<any>;
+    /** Props to pass to the custom component. */
+    componentProps?: Record<string, any>;
+}
+/**
+ * Represents the possible states for a promise-based toast.
+ * Can be a static message string, a ToastData object (minus ID), or a function returning one of those.
+ */
+export type PromiseToastState<Value> = string | Omit<ToastData, "id"> | ((value: Value) => string | Omit<ToastData, "id"> | PromiseLike<string | Omit<ToastData, "id">>);
+/**
+ * Options for the `toast.promise` function.
+ */
+export type ToastPromiseOptions<SuccessValue = unknown, ErrorValue = unknown> = {
+    /** The message or data to show while the promise is pending. */
+    loading: Omit<ToastData, "id"> | string;
+    /** The message or data to show when the promise resolves successfully. */
+    success: PromiseToastState<SuccessValue>;
+    /** The message or data to show when the promise rejects. */
+    error: PromiseToastState<ErrorValue>;
+};
+/**
+ * The interface for the main `toast` function and its utility methods.
+ */
+export type ToastInvoker = {
+    /**
+     * Creates a default toast notification.
+     * @param data - The toast options or description string.
+     * @returns The ID of the created toast.
+     */
+    (data: Omit<ToastData, "id"> | string): string;
+    /**
+     * Creates a success toast notification.
+     */
+    success: (data: Omit<ToastData, "id" | "variant"> | string) => string;
+    /**
+     * Creates a warning toast notification.
+     */
+    warning: (data: Omit<ToastData, "id" | "variant"> | string) => string;
+    /**
+     * Creates an info toast notification.
+     */
+    info: (data: Omit<ToastData, "id" | "variant"> | string) => string;
+    /**
+     * Creates an error toast notification.
+     */
+    error: (data: Omit<ToastData, "id" | "variant"> | string) => string;
+    /**
+     * Creates a custom component toast.
+     * @param component - The Svelte component to render.
+     * @param options - Additional options and props for the component.
+     */
+    custom: <Props extends Record<string, any> = Record<string, any>>(component: Component<Props>, options?: Omit<ToastData, "id" | "component" | "variant" | "componentProps"> & {
+        componentProps?: Omit<Props, "id" | "toast">;
+    }) => string;
+    /**
+     * Creates a toast that updates based on the state of a Promise.
+     * @param promise - The promise to track.
+     * @param options - Configuration for loading, success, and error states.
+     * @returns The ID of the toast.
+     */
+    promise: <T, E = unknown>(promise: PromiseLike<T>, options: ToastPromiseOptions<T, E>) => string;
+    /**
+     * Dismisses a specific toast by its ID.
+     * @param id - The ID of the toast to dismiss.
+     */
+    dismiss: (id: string) => void;
+    /**
+     * Dismisses all currently active toasts.
+     */
+    dismissAll: () => void;
+};
+/**
+ * Extends `ToastData` with positioning information for rendering.
+ */
+export type PositionedToast = ToastData & {
+    /** The visual index of the toast in the stack. */
+    index: number;
+    /** The render order index (z-index calculation base). */
+    renderIndex: number;
+    /** Total number of toasts in the current group. */
+    total: number;
+};
+/**
+ * Context provided to toast items (mostly for internal use).
+ */
+export interface VarselItemContext {
+    toast: PositionedToast;
+    onRemove: (id: string) => void;
+    isGroupHovered?: boolean;
+    expandedOffset?: number;
+    expandedGap?: number;
+    collapsedOffset?: number;
+    hiddenCollapsedOffset?: number;
+    onHeightChange?: (id: string, height: number) => void;
+    onGroupHoverEnter?: () => void;
+}
+/** Function signature for toast state subscribers. */
+export type ToastSubscriber = (toasts: ToastData[]) => void;
+export type { ToastPosition, SwipeAxis, SwipeDirection };
+//# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/core/types.ts"],"names":[],"mappings":"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"}

package/dist/core/types.js

@@ -0,0 +1 @@
+export {};

package/dist/core/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Utility function to conditionally join class names.
+ * A lightweight alternative to libraries like `clsx` or `classnames`,
+ * tailored for this project's needs.
+ *
+ * @param values - A list of class names or conditional expressions.
+ * @returns A single string of valid class names joined by spaces.
+ */
+export declare const cn: (...values: Array<string | false | undefined | null>) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/core/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,WACrC,CAAC"}

package/dist/core/utils.js

@@ -0,0 +1,9 @@
+/**
+ * Utility function to conditionally join class names.
+ * A lightweight alternative to libraries like `clsx` or `classnames`,
+ * tailored for this project's needs.
+ *
+ * @param values - A list of class names or conditional expressions.
+ * @returns A single string of valid class names joined by spaces.
+ */
+export const cn = (...values) => values.filter(Boolean).join(" ");

package/dist/core/variants.d.ts

@@ -0,0 +1,18 @@
+/**
+ * CVA definition for the main toast container element.
+ * Handles positioning logic (absolute/fixed positioning coordinates)
+ * and base theming (colors based on variant).
+ */
+export declare const toastContainerVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | "info" | "custom" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA definition for the inner content wrapper of the toast.
+ * Useful for applying styles specific to the content area (e.g. overflow, padding overrides)
+ * separate from the structural container.
+ */
+export declare const toastContentVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "destructive" | "info" | "custom" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/core/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/lib/core/variants.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;8EAsClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;8EAc/B,CAAC"}

package/dist/core/variants.js

@@ -0,0 +1,56 @@
+import { cva } from "class-variance-authority";
+/**
+ * CVA definition for the main toast container element.
+ * Handles positioning logic (absolute/fixed positioning coordinates)
+ * and base theming (colors based on variant).
+ */
+export const toastContainerVariants = cva("pointer-events-auto fixed will-change-transform", {
+    variants: {
+        /**
+         * Determines where the toast is anchored on the screen.
+         */
+        position: {
+            "top-left": "top-4 left-4 w-full max-w-sm",
+            "top-center": "top-4 left-1/2 w-full max-w-sm -translate-x-1/2 transform",
+            "top-right": "top-4 right-4 w-full max-w-sm",
+            "bottom-left": "bottom-4 left-4 w-full max-w-sm",
+            "bottom-center": "bottom-4 left-1/2 w-full max-w-sm -translate-x-1/2 transform",
+            "bottom-right": "right-4 bottom-4 w-full max-w-sm",
+        },
+        /**
+         * Semantic variant of the toast affecting text colors.
+         */
+        variant: {
+            default: "rounded-vs-lg border shadow-vs-toast border-vs-border bg-vs-popover text-vs-foreground",
+            success: "rounded-vs-lg border shadow-vs-toast border-vs-border bg-vs-popover text-vs-success/90",
+            warning: "rounded-vs-lg border shadow-vs-toast border-vs-border bg-vs-popover text-vs-warning/90",
+            destructive: "rounded-vs-lg border shadow-vs-toast border-vs-border bg-vs-popover text-vs-destructive/90",
+            info: "rounded-vs-lg border shadow-vs-toast border-vs-border bg-vs-popover text-vs-info/90",
+            custom: "",
+        },
+    },
+    defaultVariants: {
+        position: "bottom-center",
+        variant: "default",
+    },
+});
+/**
+ * CVA definition for the inner content wrapper of the toast.
+ * Useful for applying styles specific to the content area (e.g. overflow, padding overrides)
+ * separate from the structural container.
+ */
+export const toastContentVariants = cva("relative overflow-hidden rounded-vs-lg", {
+    variants: {
+        variant: {
+            default: "",
+            success: "",
+            warning: "",
+            destructive: "",
+            info: "",
+            custom: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public API of the Varsel library.
+ * Exports the main components, functions, and types required to use the library.
+ *
+ * @module varsel
+ */
+export { default as VarselToaster } from "./VarselToaster.svelte";
+export { toast } from "./internals";
+export type { ToastData, ToastInvoker, ToastPosition, SwipeAxis, SwipeDirection, PositionedToast, VarselItemContext, ToastPromiseOptions, } from "./internals";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,mBAAmB,GACnB,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+/**
+ * Public API of the Varsel library.
+ * Exports the main components, functions, and types required to use the library.
+ *
+ * @module varsel
+ */
+export { default as VarselToaster } from "./VarselToaster.svelte";
+export { toast } from "./internals";

package/dist/internals.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Internal aggregation module.
+ * Re-exports core functionality to simplify imports within the library.
+ * This file is meant for internal package usage and shouldn't generally be imported directly by consumers.
+ */
+export { ANIMATION_CONFIG } from "./core/animations";
+export { FOCUSABLE_SELECTORS } from "./core/accessibility";
+export { POSITION_CONFIGS, type ToastPosition } from "./core/positions";
+export { SWIPE_DISMISS_THRESHOLD, SWIPE_DISMISS_VELOCITY, SWIPE_EXIT_DISTANCE, getDefaultSwipeDirections, type SwipeAxis, type SwipeDirection, } from "./core/swipe";
+export { toastContainerVariants, toastContentVariants, } from "./core/variants";
+export { cn } from "./core/utils";
+export { toast } from "./core/toast-factory";
+export { toastState } from "./core/toast-state";
+export { toasterInstanceManager } from "./core/toaster-instances";
+export type { ToastData, ToastInvoker, ToastPromiseOptions, PositionedToast, VarselItemContext, } from "./core/types";
+//# sourceMappingURL=internals.d.ts.map

package/dist/internals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internals.d.ts","sourceRoot":"","sources":["../src/lib/internals.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EACN,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,KAAK,SAAS,EACd,KAAK,cAAc,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EACN,sBAAsB,EACtB,oBAAoB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACX,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,iBAAiB,GACjB,MAAM,cAAc,CAAC"}

package/dist/internals.js

@@ -0,0 +1,14 @@
+/**
+ * Internal aggregation module.
+ * Re-exports core functionality to simplify imports within the library.
+ * This file is meant for internal package usage and shouldn't generally be imported directly by consumers.
+ */
+export { ANIMATION_CONFIG } from "./core/animations";
+export { FOCUSABLE_SELECTORS } from "./core/accessibility";
+export { POSITION_CONFIGS } from "./core/positions";
+export { SWIPE_DISMISS_THRESHOLD, SWIPE_DISMISS_VELOCITY, SWIPE_EXIT_DISTANCE, getDefaultSwipeDirections, } from "./core/swipe";
+export { toastContainerVariants, toastContentVariants, } from "./core/variants";
+export { cn } from "./core/utils";
+export { toast } from "./core/toast-factory";
+export { toastState } from "./core/toast-state";
+export { toasterInstanceManager } from "./core/toaster-instances";

package/dist/styles.css

@@ -0,0 +1,195 @@
+/*
+ * Main stylesheet for Varsel.
+ * Built with Tailwind CSS v4 using the @theme directive.
+ * 
+ * Defines custom CSS variables for colors, shadows, and animations.
+ * Supports light and dark modes via the .dark class (standard Tailwind approach).
+ */
+
+@import "tailwindcss";
+@source "./**/*.{svelte,js,ts}";
+
+:root {
+	/* Base hue used for generating the color palette (oklch) */
+	--base-hue: 265;
+
+	/* Semantic color tokens */
+	--color-vs-popover: oklch(1 0 0);
+	--color-vs-popover-muted: oklch(0.96 0.002 var(--base-hue));
+	--color-vs-foreground: oklch(0.1408 0.0044 var(--base-hue));
+	--color-vs-border: oklch(0.8925 0.0014 var(--base-hue));
+	--color-vs-ring: oklch(0.55 0.012 var(--base-hue));
+	--color-vs-ring-offset: oklch(0.96 0.002 var(--base-hue));
+	--color-vs-destructive: oklch(0.62 0.21 25);
+	--color-vs-warning: oklch(0.8 0.2 75);
+	--color-vs-success: oklch(0.7 0.18 155);
+	--color-vs-info: oklch(0.7 0.18 240);
+
+	/* Shadows */
+	--shadow-vs-button:
+		0px 1px 1px -0.5px rgba(0, 0, 0, 0.15), 0px 3px 3px -1.5px
+		rgba(0, 0, 0, 0.05);
+	--shadow-vs-toast:
+		0px 1px 1px -0.5px rgba(0, 0, 0, 0.15),
+		0px 3px 3px -1.5px rgba(0, 0, 0, 0.05),
+		0px 6px 6px -3px rgba(0, 0, 0, 0.05),
+		0px 12px 12px -6px rgba(0, 0, 0, 0.05),
+		0px 24px 24px -12px rgba(0, 0, 0, 0.05),
+		0px 48px 48px -24px rgba(0, 0, 0, 0.05);
+
+	/* Radius & Easing */
+	--radius-base: 0.125rem;
+	--ease-vs-button: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+	--ease-vs-toast: cubic-bezier(0.32, 0.72, 0, 1);
+	--ease-vs-pop: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+}
+
+.dark {
+	--color-vs-popover: oklch(0.2139 0.0101 var(--base-hue));
+	--color-vs-popover-muted: oklch(0.2502 0.016 var(--base-hue));
+	--color-vs-foreground: oklch(0.9824 0.0013 var(--base-hue));
+	--color-vs-border: oklch(0.278 0.015 var(--base-hue));
+	--color-vs-ring: oklch(0.58 0.012 var(--base-hue));
+	--color-vs-ring-offset: oklch(0.15 0.005 var(--base-hue));
+	--color-vs-destructive: oklch(0.72 0.27 25);
+	--color-vs-warning: oklch(0.82 0.24 85);
+	--color-vs-success: oklch(0.78 0.25 155);
+	--color-vs-info: oklch(0.78 0.18 240);
+}
+
+@theme {
+	--color-vs-popover: var(--vs-popover);
+	--color-vs-popover-muted: var(--vs-popover-muted);
+	--color-vs-foreground: var(--vs-foreground);
+	--color-vs-border: var(--vs-border);
+	--color-vs-ring: var(--vs-ring);
+	--color-vs-ring-offset: var(--vs-ring-offset);
+	--color-vs-destructive: var(--vs-destructive);
+	--color-vs-warning: var(--vs-warning);
+	--color-vs-success: var(--vs-success);
+	--color-vs-info: var(--vs-info);
+	--shadow-vs-button: var(--shadow-vs-button);
+	--shadow-vs-toast: var(--shadow-vs-toast);
+	--radius-vs-sm: calc(var(--radius-base) * 2);
+	--radius-vs-md: calc(var(--radius-base) * 3);
+	--radius-vs-lg: calc(var(--radius-base) * 4);
+	--ease-vs-button: var(--ease-vs-button);
+	--ease-vs-toast: var(--ease-vs-toast);
+	--ease-vs-pop: var(--ease-vs-pop);
+}
+
+/* Spinner Styles */
+.vs-spinner {
+	display: inline-flex;
+	width: 1rem;
+	height: 1rem;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	position: absolute;
+	inset: 0;
+	transform-origin: center;
+}
+
+.vs-spinner--active {
+	opacity: 1;
+}
+
+.vs-spinner--finish {
+	animation: vs-spinner-finish 0.42s var(--ease-vs-toast) forwards;
+}
+
+.vs-spinner svg {
+	width: 100%;
+	height: 100%;
+	animation: vs-spin 1s linear infinite;
+}
+
+/* Icon Styles */
+.vs-icon {
+	display: inline-flex;
+	width: 1rem;
+	height: 1rem;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	position: absolute;
+	inset: 0;
+}
+
+.vs-icon--static {
+	opacity: 1;
+	transform: scale(1);
+}
+
+.vs-icon--waiting {
+	opacity: 0;
+	transform: scale(0.75) rotate(-6deg);
+}
+
+.vs-icon--pop {
+	animation: vs-icon-pop 0.36s var(--ease-vs-pop) forwards;
+}
+
+.vs-icon svg {
+	width: 100%;
+	height: 100%;
+}
+
+@keyframes vs-spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes vs-spinner-finish {
+	0% {
+		opacity: 1;
+		transform: scale(1) rotate(0deg);
+		filter: blur(0);
+	}
+	60% {
+		opacity: 0.65;
+		transform: scale(0.55) rotate(140deg);
+		filter: blur(0.3px);
+	}
+	100% {
+		opacity: 0;
+		transform: scale(0) rotate(220deg);
+		filter: blur(0.8px);
+	}
+}
+
+@keyframes vs-icon-pop {
+	0% {
+		opacity: 0;
+		transform: scale(0.5) rotate(-10deg);
+		filter: blur(2px);
+	}
+	60% {
+		opacity: 1;
+		transform: scale(1.18) rotate(2deg);
+		filter: blur(0);
+	}
+	100% {
+		opacity: 1;
+		transform: scale(1) rotate(0deg);
+		filter: blur(0);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.vs-spinner svg {
+		animation-duration: 2s;
+	}
+
+	.vs-spinner--finish {
+		animation-duration: 0s;
+	}
+
+	.vs-icon--pop {
+		animation: none;
+		opacity: 1;
+		transform: scale(1);
+	}
+}

package/dist/variant-icons.d.ts

@@ -0,0 +1,108 @@
+/**
+ * SVG definitions for status icons (success, warning, error).
+ * These are lightweight SVG path data objects rendered by the toast component.
+ */
+import type { ToastData } from "./internals";
+declare const ICON_VARIANTS: readonly ["success", "warning", "destructive", "info"];
+export type IconVariant = (typeof ICON_VARIANTS)[number];
+type IconElement = {
+    tag: "path";
+    d: string;
+} | {
+    tag: "line";
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | {
+    tag: "circle";
+    cx: number;
+    cy: number;
+    r: number;
+};
+export interface VariantIconDefinition {
+    viewBox: string;
+    elements: IconElement[];
+}
+export declare const variantIconMap: {
+    success: {
+        viewBox: string;
+        elements: ({
+            tag: "circle";
+            cx: number;
+            cy: number;
+            r: number;
+            d?: undefined;
+        } | {
+            tag: "path";
+            d: string;
+            cx?: undefined;
+            cy?: undefined;
+            r?: undefined;
+        })[];
+    };
+    warning: {
+        viewBox: string;
+        elements: ({
+            tag: "path";
+            d: string;
+            x1?: undefined;
+            y1?: undefined;
+            x2?: undefined;
+            y2?: undefined;
+        } | {
+            tag: "line";
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+            d?: undefined;
+        })[];
+    };
+    destructive: {
+        viewBox: string;
+        elements: ({
+            tag: "circle";
+            cx: number;
+            cy: number;
+            r: number;
+            d?: undefined;
+        } | {
+            tag: "path";
+            d: string;
+            cx?: undefined;
+            cy?: undefined;
+            r?: undefined;
+        })[];
+    };
+    info: {
+        viewBox: string;
+        elements: ({
+            tag: "circle";
+            cx: number;
+            cy: number;
+            r: number;
+            x1?: undefined;
+            y1?: undefined;
+            x2?: undefined;
+            y2?: undefined;
+        } | {
+            tag: "line";
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+            cx?: undefined;
+            cy?: undefined;
+            r?: undefined;
+        })[];
+    };
+};
+/**
+ * Checks if a given toast variant has an associated icon.
+ * @param variant - The variant string to check.
+ * @returns True if the variant is one of 'success', 'warning', or 'destructive'.
+ */
+export declare const hasVariantIcon: (variant?: ToastData["variant"]) => variant is IconVariant;
+export {};
+//# sourceMappingURL=variant-icons.d.ts.map

package/dist/variant-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-icons.d.ts","sourceRoot":"","sources":["../src/lib/variant-icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,QAAA,MAAM,aAAa,wDAAyD,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,KAAK,WAAW,GACb;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1B;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/D;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC2B,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAC1B,UAAU,SAAS,CAAC,SAAS,CAAC,KAC5B,OAAO,IAAI,WAEb,CAAC"}

package/dist/variant-icons.js

@@ -0,0 +1,45 @@
+const ICON_VARIANTS = ["success", "warning", "destructive", "info"];
+export const variantIconMap = {
+    success: {
+        viewBox: "0 0 24 24",
+        elements: [
+            { tag: "circle", cx: 12, cy: 12, r: 10 },
+            { tag: "path", d: "m9 12 2 2 4-4" },
+        ],
+    },
+    warning: {
+        viewBox: "0 0 24 24",
+        elements: [
+            {
+                tag: "path",
+                d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z",
+            },
+            { tag: "line", x1: 12, y1: 9, x2: 12, y2: 13 },
+            { tag: "line", x1: 12, y1: 17, x2: 12.01, y2: 17 },
+        ],
+    },
+    destructive: {
+        viewBox: "0 0 24 24",
+        elements: [
+            { tag: "circle", cx: 12, cy: 12, r: 10 },
+            { tag: "path", d: "m15 9-6 6" },
+            { tag: "path", d: "m9 9 6 6" },
+        ],
+    },
+    info: {
+        viewBox: "0 0 24 24",
+        elements: [
+            { tag: "circle", cx: 12, cy: 12, r: 10 },
+            { tag: "line", x1: 12, y1: 16, x2: 12, y2: 12 },
+            { tag: "line", x1: 12, y1: 8, x2: 12.01, y2: 8 },
+        ],
+    },
+};
+/**
+ * Checks if a given toast variant has an associated icon.
+ * @param variant - The variant string to check.
+ * @returns True if the variant is one of 'success', 'warning', or 'destructive'.
+ */
+export const hasVariantIcon = (variant) => {
+    return Boolean(variant && ICON_VARIANTS.includes(variant));
+};