varsel 0.3.0 → 0.5.0

package/dist/VarselItem.svelte

@@ -39,34 +39,36 @@ let {
 	onHeightChange = undefined,
 	onGroupHoverEnter = undefined,
 	onGroupHoldChange = undefined,
+	defaultDuration = 5000,
+	defaultShowClose = true,
+	pauseOnHover = true,
+	offset = undefined,
+	expand = true,
+	visibleToasts = ANIMATION_CONFIG.MAX_VISIBLE_TOASTS
 }: {
-	/** The toast data object containing all content and state. */
 	toast: PositionedToast;
-	/** Callback to remove the toast from the DOM after exit animation. */
 	onRemove: (id: string) => void;
-	/** Whether the parent group (stack) is currently hovered. */
 	isGroupHovered?: boolean;
-	/** The vertical offset for this toast when the stack is expanded. */
 	expandedOffset?: number;
-	/** The gap between toasts when expanded. */
 	expandedGap?: number;
-	/** The vertical offset for this toast when the stack is collapsed. */
 	collapsedOffset?: number;
-	/** The offset to use when the toast is hidden in the stack. */
 	hiddenCollapsedOffset?: number;
-	/** Callback to report the height of the toast to the manager. */
 	onHeightChange?: (id: string, height: number) => void;
-	/** Callback to notify the manager that the user has entered the toast area. */
 	onGroupHoverEnter?: () => void;
-	/** Callback to notify the manager that the user is interacting (holding) the toast. */
 	onGroupHoldChange?: (holding: boolean) => void;
+	defaultDuration?: number;
+	defaultShowClose?: boolean;
+	pauseOnHover?: boolean;
+	offset?: number | string;
+	expand?: boolean;
+	visibleToasts?: number;
 } = $props();
 
 let id = $derived(toast.id);
 let title = $derived(toast.title);
 let description = $derived(toast.description);
 let variant = $derived(toast.variant || "default");
-let duration = $derived(toast.duration || 5000);
+let duration = $derived(toast.duration || defaultDuration);
 let action = $derived(toast.action);
 let isLoading = $derived(toast.isLoading || false);
 let index = $derived(toast.index);
@@ -74,8 +76,9 @@ let renderIndex = $derived(toast.renderIndex);
 let shouldClose = $derived(toast.shouldClose);
 let position = $derived(toast.position || "bottom-center");
 let className = $derived(toast.className || "");
-let onClose = $derived(toast.onClose);
-let showClose = $derived(toast.showClose ?? true);
+let onAutoClose = $derived(toast.onAutoClose);
+let onDismiss = $derived(toast.onDismiss);
+let showClose = $derived(toast.showClose ?? defaultShowClose);
 
 let toastRef = $state<HTMLDivElement | null>(null);
 let isItemHovered = $state(false);
@@ -170,6 +173,9 @@ const getFocusableElements = () => {
 	);
 };
 
+type CloseReason = "auto" | "dismiss" | null;
+let closeReason: CloseReason = null;
+
 const handleTransitionEnd = (event: TransitionEvent) => {
 	if (event.target !== toastRef) return;
 	if (event.propertyName !== "opacity" && event.propertyName !== "transform")
@@ -178,15 +184,20 @@ const handleTransitionEnd = (event: TransitionEvent) => {
 	if (exitAnimationComplete) return;
 
 	exitAnimationComplete = true;
-	onClose?.();
+	if (closeReason === "auto") {
+		onAutoClose?.();
+	} else if (closeReason === "dismiss") {
+		onDismiss?.();
+	}
 	onRemove(id);
 };
 
-const handleClose = () => {
+const handleClose = (reason: Exclude<CloseReason, null> = "dismiss") => {
 	if (!toastRef || isExiting) return;
 
 	isExiting = true;
 	exitAnimationComplete = false;
+	closeReason = reason;
 
 	toastState.update(id, { shouldClose: true });
 
@@ -312,8 +323,9 @@ $effect(() => {
 				remainingTime = duration;
 			}
 
+			const isHovering = isGroupHovered || isItemHovered;
 			const isPaused =
-				isGroupHovered || isItemHovered || isSwiping || hiddenByStacking;
+				(pauseOnHover && isHovering) || isSwiping || hiddenByStacking;
 
 			if (isPaused) {
 				if (timeoutRef) {
@@ -331,11 +343,11 @@ $effect(() => {
 					if (!Number.isFinite(ms)) {
 						// Do not set timeout for infinite duration
 					} else if (ms === 0) {
-						handleClose();
+						handleClose("auto");
 					} else {
 						timerStartRef = Date.now();
 						timeoutRef = setTimeout(() => {
-							handleClose();
+							handleClose("auto");
 						}, ms);
 					}
 				}
@@ -520,7 +532,7 @@ const zIndexBase = Number(ANIMATION_CONFIG.Z_INDEX_BASE);
 
 let isTopPosition = $derived(position?.startsWith("top-") ?? false);
 let maxVisibleIndex = $derived(
-	Math.max(0, ANIMATION_CONFIG.MAX_VISIBLE_TOASTS - 1),
+	Math.max(0, visibleToasts - 1),
 );
 let visibleIndex = $derived(Math.min(index, maxVisibleIndex));
 let defaultCollapsedOffset = $derived(
@@ -549,7 +561,7 @@ let visibleScale = $derived(
 	),
 );
 let zIndex = $derived(zIndexBase - renderIndex);
-let stackHidden = $derived(index >= ANIMATION_CONFIG.MAX_VISIBLE_TOASTS);
+let stackHidden = $derived(index >= visibleToasts);
 let hiddenByStacking = $derived(stackHidden && animationState !== "exiting");
 let isStackLeader = $derived(index === 0);
 let isLatest = $derived(isStackLeader && !shouldClose);
@@ -581,12 +593,12 @@ let transformStyle = $derived.by(() => {
 	let opacityValue = stackHidden ? 0 : 1;
 
 	if (stackHidden) {
-		if (isGroupHovered && animationState !== "exiting") {
+		if (expand && isGroupHovered && animationState !== "exiting") {
 			translateX = 0;
 			translateY = hiddenExpandedTranslateY;
 			scaleValue = 1;
 		}
-	} else if (isGroupHovered && animationState !== "exiting") {
+	} else if (expand && isGroupHovered && animationState !== "exiting") {
 		translateX = 0;
 		translateY = expandedTranslateY;
 		scaleValue = 1;
@@ -684,6 +696,14 @@ let livePoliteness = $derived(
 	(variant === "destructive" ? "assertive" : "polite") as "assertive" | "polite",
 );
 
+let offsetStyle = $derived.by(() => {
+	if (offset === undefined) return undefined;
+	const val = typeof offset === "number" ? `${offset}px` : offset;
+	if (position.startsWith("top")) return `top: ${val};`;
+	if (position.startsWith("bottom")) return `bottom: ${val};`;
+	return undefined;
+});
+
 const handleBlurCapture = (event: FocusEvent) => {
 	const next = event.relatedTarget as Node | null;
 	if (!toastRef || !next || !toastRef.contains(next)) {
@@ -709,6 +729,7 @@ const handleBlurCapture = (event: FocusEvent) => {
         : `transform ${transitionDuration} ${transitionTimingFunction}, opacity ${transitionDuration} ${transitionTimingFunction}`}
     style:transform={transformStyle.transform}
     style:opacity={transformStyle.opacity}
+    style={offsetStyle}
     role={stackHidden ? undefined : liveRole}
     aria-live={stackHidden ? undefined : livePoliteness}
     aria-atomic={stackHidden ? undefined : "true"}
@@ -742,9 +763,9 @@ const handleBlurCapture = (event: FocusEvent) => {
 				{#if showClose}
 					<button
 						type="button"
-						onclick={handleClose}
+						onclick={() => handleClose()}
 						class={cn(
-							"absolute top-2 right-2 cursor-pointer rounded-vs-sm p-1 text-vs-foreground/45 hover:bg-vs-popover-muted hover:text-vs-foreground/70 transition-[background-color,color,box-shadow] ease-vs-button duration-100 focus-visible:ring-1 focus-visible:ring-vs-ring/50 focus-visible:outline-none",
+							"absolute top-2 end-2 cursor-pointer rounded-vs-sm p-1 text-vs-foreground/45 hover:bg-vs-popover-muted hover:text-vs-foreground/70 transition-[background-color,color,box-shadow] ease-vs-button duration-100 focus-visible:ring-1 focus-visible:ring-vs-ring/50 focus-visible:outline-none",
 						)}
 						aria-label="Close toast"
 					>
@@ -764,7 +785,7 @@ const handleBlurCapture = (event: FocusEvent) => {
 					</button>
 				{/if}
 
-				<div class="p-4 pr-8">
+				<div class="p-4 pe-8">
 					<div class="flex gap-3">
 						{#if showStatusIcon}
 							<span class="relative inline-flex h-4 w-4 shrink-0 items-center justify-center">

package/dist/VarselItem.svelte.d.ts

@@ -1,25 +1,21 @@
 import { type PositionedToast } from "./internals";
 type $$ComponentProps = {
-    /** The toast data object containing all content and state. */
     toast: PositionedToast;
-    /** Callback to remove the toast from the DOM after exit animation. */
     onRemove: (id: string) => void;
-    /** Whether the parent group (stack) is currently hovered. */
     isGroupHovered?: boolean;
-    /** The vertical offset for this toast when the stack is expanded. */
     expandedOffset?: number;
-    /** The gap between toasts when expanded. */
     expandedGap?: number;
-    /** The vertical offset for this toast when the stack is collapsed. */
     collapsedOffset?: number;
-    /** The offset to use when the toast is hidden in the stack. */
     hiddenCollapsedOffset?: number;
-    /** Callback to report the height of the toast to the manager. */
     onHeightChange?: (id: string, height: number) => void;
-    /** Callback to notify the manager that the user has entered the toast area. */
     onGroupHoverEnter?: () => void;
-    /** Callback to notify the manager that the user is interacting (holding) the toast. */
     onGroupHoldChange?: (holding: boolean) => void;
+    defaultDuration?: number;
+    defaultShowClose?: boolean;
+    pauseOnHover?: boolean;
+    offset?: number | string;
+    expand?: boolean;
+    visibleToasts?: number;
 };
 declare const VarselItem: import("svelte").Component<$$ComponentProps, {}, "">;
 type VarselItem = ReturnType<typeof VarselItem>;

package/dist/VarselItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VarselItem.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselItem.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,EAYN,KAAK,eAAe,EAIpB,MAAM,aAAa,CAAC;AAQpB,KAAK,gBAAgB,GAAI;IACzB,8DAA8D;IAC9D,KAAK,EAAE,eAAe,CAAC;IACvB,sEAAsE;IACtE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iEAAiE;IACjE,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAkvBF,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"VarselItem.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselItem.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,EAYN,KAAK,eAAe,EAIpB,MAAM,aAAa,CAAC;AAUpB,KAAK,gBAAgB,GAAI;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAywBF,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/VarselManager.svelte

@@ -18,13 +18,26 @@ let {
 	toasts = [],
 	onRemove,
 	expandedGap = ANIMATION_CONFIG.EXPANDED_GAP,
+	position: defaultPosition = 'bottom-center',
+	visibleToasts = 3,
+	expand = true,
+	duration = 5000,
+	closeButton = true,
+	pauseOnHover = true,
+	offset = undefined,
+	dir = 'auto'
 }: {
-	/** The list of all active toasts from the global state. */
 	toasts?: ToastData[];
-	/** Callback to remove a toast from the state. */
 	onRemove: (id: string) => void;
-	/** The gap in pixels between toasts when expanded. */
 	expandedGap?: number;
+	position?: ToastPosition;
+	visibleToasts?: number;
+	expand?: boolean;
+	duration?: number;
+	closeButton?: boolean;
+	pauseOnHover?: boolean;
+	offset?: number | string;
+	dir?: 'ltr' | 'rtl' | 'auto';
 } = $props();
 
 const createPositionMap = <T>(value: () => T): Record<ToastPosition, T> => ({
@@ -90,7 +103,7 @@ const updateHoldState = (
 $effect(() => {
 	const grouped = createPositionMap<ToastData[]>(() => []);
 	for (const toast of toasts) {
-		const pos = toast.position || "bottom-center";
+		const pos = toast.position || defaultPosition;
 		grouped[pos].push(toast);
 	}
 
@@ -118,6 +131,7 @@ $effect(() => {
 
 			return {
 				...toast,
+				position: position,
 				index: stackIndex,
 				renderIndex: orderIndex,
 				total: list.length,
@@ -289,7 +303,7 @@ $effect(() => {
 			let bottom = Number.NEGATIVE_INFINITY;
 			let any = false;
 			for (const t of group) {
-				if (t.index >= ANIMATION_CONFIG.MAX_VISIBLE_TOASTS) continue;
+				if (t.index >= visibleToasts) continue;
 				const el = document.querySelector(
 					`[data-toast-id="${t.id}"]`,
 				) as HTMLElement | null;
@@ -356,7 +370,10 @@ const handleHeightChange = (id: string, height: number) => {
 </script>
 
 {#if toasts.length > 0}
-	<div class="pointer-events-none fixed inset-0 z-50">
+	<div 
+		class="pointer-events-none fixed inset-0 z-50"
+		{dir}
+	>
 		{#each positionEntries as [position, positionToasts]}
 			{@const pos = position}
 			{@const expandedOffsets = expandedOffsetData.byPosition[pos]}
@@ -365,7 +382,7 @@ const handleHeightChange = (id: string, height: number) => {
 			{@const isHeld = (heldToasts[pos]?.size ?? 0) > 0}
 			{@const isGroupActive = isHovered || isHeld}
 			{@const activeToasts = positionToasts.filter((toast) => !toast.shouldClose)}
-			{@const visibleStackLimit = Math.max(ANIMATION_CONFIG.MAX_VISIBLE_TOASTS - 1, 0)}
+			{@const visibleStackLimit = Math.max(visibleToasts - 1, 0)}
 			{@const maxVisibleStackIndex = Math.min(
 				Math.max(activeToasts.length - 1, 0),
 				visibleStackLimit,
@@ -382,7 +399,7 @@ const handleHeightChange = (id: string, height: number) => {
 					: undefined}
 			{#each positionToasts as toast, idx (toast.id)}
 				{@const toastIsHidden =
-					toast.index >= ANIMATION_CONFIG.MAX_VISIBLE_TOASTS}
+					toast.index >= visibleToasts}
 				{@const hiddenCollapsedOffset = toastIsHidden
 					? sharedHiddenCollapsedOffset ?? collapsedOffsets?.[idx]
 					: collapsedOffsets?.[idx]}
@@ -401,6 +418,12 @@ const handleHeightChange = (id: string, height: number) => {
 						updateHoldState(pos, toast.id, holding)}
 					collapsedOffset={collapsedOffsetValue}
 					hiddenCollapsedOffset={hiddenCollapsedOffset}
+					defaultDuration={duration}
+					defaultShowClose={closeButton}
+					{pauseOnHover}
+					{offset}
+					{expand}
+					{visibleToasts}
 				/>
 			{/each}
 		{/each}

package/dist/VarselManager.svelte.d.ts

@@ -1,11 +1,16 @@
-import { type ToastData } from "./internals";
+import { type ToastData, type ToastPosition } from "./internals";
 type $$ComponentProps = {
-    /** The list of all active toasts from the global state. */
     toasts?: ToastData[];
-    /** Callback to remove a toast from the state. */
     onRemove: (id: string) => void;
-    /** The gap in pixels between toasts when expanded. */
     expandedGap?: number;
+    position?: ToastPosition;
+    visibleToasts?: number;
+    expand?: boolean;
+    duration?: number;
+    closeButton?: boolean;
+    pauseOnHover?: boolean;
+    offset?: number | string;
+    dir?: 'ltr' | 'rtl' | 'auto';
 };
 declare const VarselManager: import("svelte").Component<$$ComponentProps, {}, "">;
 type VarselManager = ReturnType<typeof VarselManager>;

package/dist/VarselManager.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VarselManager.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselManager.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,SAAS,EAEd,MAAM,aAAa,CAAC;AAEpB,KAAK,gBAAgB,GAAI;IACzB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,iDAAiD;IACjD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA8XF,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VarselManager.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselManager.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAEpB,KAAK,gBAAgB,GAAI;IACzB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AAuYF,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/VarselToaster.svelte

@@ -25,14 +25,41 @@ export {
 		toastState,
 		toasterInstanceManager,
 		type ToastData,
+		type ToastPosition,
 	} from './internals';
 
-	let { expandedGap = undefined }: { 
+	let { 
+		expandedGap = undefined,
+		position = 'bottom-center',
+		visibleToasts = 3,
+		expand = true,
+		duration = 5000,
+		closeButton = true,
+		pauseOnHover = true,
+		offset = undefined,
+		dir = 'auto'
+	}: { 
 		/**
 		 * The gap (in pixels) between expanded toasts when hovering over the stack.
 		 * If undefined, uses the default value from animation config.
 		 */
-		expandedGap?: number 
+		expandedGap?: number;
+		/** Default position for toasts. */
+		position?: ToastPosition;
+		/** Maximum number of visible toasts in the stack. */
+		visibleToasts?: number;
+		/** Whether to expand the stack on hover. */
+		expand?: boolean;
+		/** Default duration in milliseconds. */
+		duration?: number;
+		/** Whether to show the close button by default. */
+		closeButton?: boolean;
+		/** Whether to pause the timer on hover. */
+		pauseOnHover?: boolean;
+		/** Offset from the edge of the screen. */
+		offset?: number | string;
+		/** Directionality of the text. */
+		dir?: 'ltr' | 'rtl' | 'auto';
 	} = $props();
 
 	let toasts = $state<ToastData[]>([]);
@@ -55,9 +82,17 @@ export {
 </script>
 
 {#if toasterInstanceManager.isActiveInstance(instanceId)}
-	{#if expandedGap === undefined}
-		<VarselManager {toasts} onRemove={handleRemove} />
-	{:else}
-		<VarselManager {toasts} onRemove={handleRemove} {expandedGap} />
-	{/if}
+	<VarselManager 
+		{toasts} 
+		onRemove={handleRemove} 
+		{expandedGap}
+		{position}
+		{visibleToasts}
+		{expand}
+		{duration}
+		{closeButton}
+		{pauseOnHover}
+		{offset}
+		{dir}
+	/>
 {/if}

package/dist/VarselToaster.svelte.d.ts

@@ -2,12 +2,29 @@
  * Main module exports for the Varsel library.
  */
 export { toast, type ToastData, type ToastInvoker, type ToastPosition, } from "./internals";
+import { type ToastPosition } from './internals';
 type $$ComponentProps = {
     /**
      * The gap (in pixels) between expanded toasts when hovering over the stack.
      * If undefined, uses the default value from animation config.
      */
     expandedGap?: number;
+    /** Default position for toasts. */
+    position?: ToastPosition;
+    /** Maximum number of visible toasts in the stack. */
+    visibleToasts?: number;
+    /** Whether to expand the stack on hover. */
+    expand?: boolean;
+    /** Default duration in milliseconds. */
+    duration?: number;
+    /** Whether to show the close button by default. */
+    closeButton?: boolean;
+    /** Whether to pause the timer on hover. */
+    pauseOnHover?: boolean;
+    /** Offset from the edge of the screen. */
+    offset?: number | string;
+    /** Directionality of the text. */
+    dir?: 'ltr' | 'rtl' | 'auto';
 };
 declare const VarselToaster: import("svelte").Component<$$ComponentProps, {}, "">;
 type VarselToaster = ReturnType<typeof VarselToaster>;

package/dist/VarselToaster.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VarselToaster.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselToaster.svelte.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,OAAO,EACN,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAC;AAmBpB,KAAK,gBAAgB,GAAI;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuCH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VarselToaster.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselToaster.svelte.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,OAAO,EACN,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAC;AAarB,OAAO,EAIL,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAI;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AA6CH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/core/toast-factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-factory.d.ts","sourceRoot":"","sources":["../../src/lib/core/toast-factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGX,YAAY,EAEZ,MAAM,SAAS,CAAC;AAoJjB,eAAO,MAAM,KAAK,cAAc,CAAC"}
+{"version":3,"file":"toast-factory.d.ts","sourceRoot":"","sources":["../../src/lib/core/toast-factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGX,YAAY,EAEZ,MAAM,SAAS,CAAC;AAgKjB,eAAO,MAAM,KAAK,cAAc,CAAC"}

package/dist/core/toast-factory.js

@@ -41,6 +41,15 @@ createToast.warning = (data) => {
     }
     return toastState.add({ ...data, variant: "warning" });
 };
+/**
+ * Creates an info variant toast.
+ */
+createToast.info = (data) => {
+    if (typeof data === "string") {
+        return toastState.add({ description: data, variant: "info" });
+    }
+    return toastState.add({ ...data, variant: "info" });
+};
 /**
  * Creates an error (destructive) variant toast.
  */

package/dist/core/types.d.ts

@@ -31,8 +31,10 @@ export interface ToastData extends VariantProps<typeof toastContainerVariants> {
         /** Callback function executed when the action button is clicked. */
         onClick: () => void;
     };
-    /** Callback function executed when the toast is closed. */
-    onClose?: () => 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. */
@@ -78,6 +80,10 @@ export type ToastInvoker = {
      * 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.
      */

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

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

package/dist/core/variants.d.ts

@@ -5,7 +5,7 @@
  */
 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" | "custom" | 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.
@@ -13,6 +13,6 @@ export declare const toastContainerVariants: (props?: ({
  * separate from the structural container.
  */
 export declare const toastContentVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | "custom" | null | undefined;
+    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

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/lib/core/variants.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;8EAqClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;8EAa/B,CAAC"}
+{"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

@@ -25,6 +25,7 @@ export const toastContainerVariants = cva("pointer-events-auto fixed will-change
             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: "",
         },
     },
@@ -45,6 +46,7 @@ export const toastContentVariants = cva("relative overflow-hidden rounded-vs-lg"
             success: "",
             warning: "",
             destructive: "",
+            info: "",
             custom: "",
         },
     },

package/dist/styles.css

@@ -23,6 +23,7 @@
 	--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:
@@ -53,6 +54,7 @@
 	--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 {
@@ -65,6 +67,7 @@
 	--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);

package/dist/variant-icons.d.ts

@@ -3,7 +3,7 @@
  * 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"];
+declare const ICON_VARIANTS: readonly ["success", "warning", "destructive", "info"];
 export type IconVariant = (typeof ICON_VARIANTS)[number];
 type IconElement = {
     tag: "path";
@@ -75,6 +75,28 @@ export declare const variantIconMap: {
             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.

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

@@ -1 +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,gDAAiD,CAAC;AAErE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B2B,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAC1B,UAAU,SAAS,CAAC,SAAS,CAAC,KAC5B,OAAO,IAAI,WAEb,CAAC"}
+{"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

@@ -1,4 +1,4 @@
-const ICON_VARIANTS = ["success", "warning", "destructive"];
+const ICON_VARIANTS = ["success", "warning", "destructive", "info"];
 export const variantIconMap = {
     success: {
         viewBox: "0 0 24 24",
@@ -26,6 +26,14 @@ export const variantIconMap = {
             { 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.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "varsel",
-	"version": "0.3.0",
+	"version": "0.5.0",
 	"description": "Headless yet opinionated toast notifications for Svelte apps.",
 	"type": "module",
 	"license": "MIT",