alus-ui 0.1.2 → 0.1.3

package/dist/components/display/card/CardDescription.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { getCardContext } from './Card.svelte';
 
 	interface Props {
@@ -11,8 +12,10 @@
 	const ctx = getCardContext();
 
 	$effect(() => {
-		ctx.setHasDescription(true);
-		return () => ctx.setHasDescription(false);
+		return untrack(() => {
+			ctx.setHasDescription(true);
+			return () => ctx.setHasDescription(false);
+		});
 	});
 </script>
 

package/dist/components/display/card/CardTitle.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { getCardContext } from './Card.svelte';
 
 	interface Props {
@@ -12,8 +13,10 @@
 	const ctx = getCardContext();
 
 	$effect(() => {
-		ctx.setHasTitle(true);
-		return () => ctx.setHasTitle(false);
+		return untrack(() => {
+			ctx.setHasTitle(true);
+			return () => ctx.setHasTitle(false);
+		});
 	});
 </script>
 

package/dist/components/display/carousel/CarouselSlide.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { getCarouselContext } from './Carousel.svelte';
 
 	interface Props {
@@ -14,8 +15,10 @@
 	const active = $derived(ctx.index() === index);
 
 	$effect(() => {
-		const reg = ctx.registerSlide();
-		return reg.unregister;
+		return untrack(() => {
+			const reg = ctx.registerSlide();
+			return reg.unregister;
+		});
 	});
 </script>
 

package/dist/components/display/timestamp/Timestamp.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
+
 	type Mode = 'absolute' | 'relative' | 'both';
 	type Style = 'long' | 'short' | 'narrow';
 
@@ -30,11 +32,13 @@
 	const date = $derived(value instanceof Date ? value : new Date(value));
 
 	$effect(() => {
-		if (mode === 'absolute') return;
-		const id = setInterval(() => {
-			now = Date.now();
-		}, updateInterval);
-		return () => clearInterval(id);
+		return untrack(() => {
+			if (mode === 'absolute') return;
+			const id = setInterval(() => {
+				now = Date.now();
+			}, updateInterval);
+			return () => clearInterval(id);
+		});
 	});
 
 	const absolute = $derived(new Intl.DateTimeFormat(locale, dateOptions).format(date));

package/dist/components/navigation/command-menu/CommandMenuItem.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { generateCounterId } from '../../../utils/a11y/id.js';
 	import { interactiveStateAttrs } from '../../../utils/a11y/index.js';
 	import { getCommandMenuContext } from './CommandMenu.svelte';
@@ -30,12 +31,14 @@
 	const visible = $derived(ctx.filteredItems().some((i) => i.id === id));
 
 	$effect(() => {
-		const unregister = ctx.registerItem({ id, value, keywords, disabled, onSelect });
-		const untrack = group?.track(() => visible);
-		return () => {
-			unregister();
-			untrack?.();
-		};
+		return untrack(() => {
+			const unregister = ctx.registerItem({ id, value, keywords, disabled, onSelect });
+			const untrackVis = group?.track(() => visible);
+			return () => {
+				unregister();
+				untrackVis?.();
+			};
+		});
 	});
 
 	function onClick() {

package/dist/components/overlay/modal/ModalDescription.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { getModalContext } from './Modal.svelte';
 
 	interface Props {
@@ -11,8 +12,10 @@
 	const ctx = getModalContext();
 
 	$effect(() => {
-		ctx.setHasDescription(true);
-		return () => ctx.setHasDescription(false);
+		return untrack(() => {
+			ctx.setHasDescription(true);
+			return () => ctx.setHasDescription(false);
+		});
 	});
 </script>
 

package/dist/components/overlay/modal/ModalTitle.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from 'svelte';
 	import { getModalContext } from './Modal.svelte';
 
 	interface Props {
@@ -12,8 +13,10 @@
 	const ctx = getModalContext();
 
 	$effect(() => {
-		ctx.setHasTitle(true);
-		return () => ctx.setHasTitle(false);
+		return untrack(() => {
+			ctx.setHasTitle(true);
+			return () => ctx.setHasTitle(false);
+		});
 	});
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "alus-ui",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"description": "Unstyled, accessible Svelte 5 components with full keyboard navigation and WCAG 2.1 AA compliance",
 	"license": "MIT",
 	"type": "module",