varsel 0.3.0 → 0.4.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);
@@ -75,7 +77,7 @@ 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 showClose = $derived(toast.showClose ?? defaultShowClose);
 
 let toastRef = $state<HTMLDivElement | null>(null);
 let isItemHovered = $state(false);
@@ -312,8 +314,9 @@ $effect(() => {
 				remainingTime = duration;
 			}
 
+			const isHovering = isGroupHovered || isItemHovered;
 			const isPaused =
-				isGroupHovered || isItemHovered || isSwiping || hiddenByStacking;
+				(pauseOnHover && isHovering) || isSwiping || hiddenByStacking;
 
 			if (isPaused) {
 				if (timeoutRef) {
@@ -520,7 +523,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 +552,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 +584,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 +687,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 +720,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"}
@@ -744,7 +756,7 @@ const handleBlurCapture = (event: FocusEvent) => {
 						type="button"
 						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 +776,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;AAQpB,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;AAiwBF,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/package.json

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