@pathscale/ui 2.6.1 → 2.6.3

package/dist/components/_shared/overlayPosition.js

@@ -1,4 +1,4 @@
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import { createSignal, createTrackedEffect } from "solid-js";
 const oppositePlacement = {
     top: "bottom",
     bottom: "top",
@@ -36,7 +36,7 @@ const createOverlayPosition = (options)=>{
         visibility: "hidden"
     });
     const [resolvedPlacement, setResolvedPlacement] = createSignal(options.placement());
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!options.open()) {
             setResolvedPlacement(options.placement());
             setStyle({
@@ -103,12 +103,12 @@ const createOverlayPosition = (options)=>{
         const resizeObserver = "u" > typeof ResizeObserver ? new ResizeObserver(schedule) : void 0;
         if (trigger) resizeObserver?.observe(trigger);
         resizeObserver?.observe(overlay);
-        onCleanup(()=>{
+        return ()=>{
             cancelAnimationFrame(frame);
             window.removeEventListener("resize", schedule);
             window.removeEventListener("scroll", schedule, true);
             resizeObserver?.disconnect();
-        });
+        };
     });
     return {
         style,

package/dist/components/calendar/Calendar.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Calendar.css";
-import { For, Show, createEffect, createMemo, createUniqueId, omit } from "solid-js";
+import { For, Show, createMemo, createTrackedEffect, createUniqueId, omit } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { DAYS_PER_WEEK, addDays, compareDates, getToday, normalizeDate, parseDate, shiftDateByMonths, toISODate, useCalendarNavigation, useCalendarState, useDateSelection } from "../../hooks/date/index.js";
 import { CLASSES, componentRecipe } from "./Calendar.recipe.js";
@@ -41,7 +41,7 @@ const __solidLayoutCalendar = (_stable, p)=>{
         maxDate,
         isDateDisabled
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         navigation.syncFocusedDate(focusReferenceDate());
     });
     const calendarState = useCalendarState({

package/dist/components/checkbox/Checkbox.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Checkbox.css";
-import { Show, createEffect, createSignal, omit, useContext } from "solid-js";
+import { Show, createSignal, createTrackedEffect, omit, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CheckboxGroupContext } from "../checkbox-group/context.js";
 import { CLASSES, componentRecipe } from "./Checkbox.recipe.js";
@@ -26,7 +26,7 @@ const __solidLayoutCheckbox = (_stable, p)=>{
     const variant = ()=>p.variant ?? group?.variant() ?? "primary";
     const name = ()=>p.name ?? group?.name();
     const hasContent = ()=>null != p.children || null != p.description;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!inputRef) return;
         inputRef.indeterminate = isIndeterminate();
     });

package/dist/components/color-field/ColorField.generated.js

@@ -1,7 +1,7 @@
 import { mergeProps, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ColorField.css";
-import { createEffect, createSignal, omit } from "solid-js";
+import { createSignal, createTrackedEffect, omit } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { formatColor, parseColor } from "../color-wheel-flower/ColorUtils.js";
 import { CLASSES, componentRecipe } from "./ColorField.recipe.js";
@@ -29,7 +29,7 @@ const __solidLayoutColorField = (_stable, p)=>{
     const [lastValidValue, setLastValidValue] = createSignal(initialValue());
     const [isInvalid, setIsInvalid] = createSignal(false);
     const [isFocused, setIsFocused] = createSignal(false);
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const nextValue = p.value;
         const nextFormat = format();
         if (isFocused()) return;

package/dist/components/color-picker/ColorPicker.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ColorPicker.css";
-import { createContext, createEffect, createMemo, createSignal, omit, useContext } from "solid-js";
+import { createContext, createMemo, createSignal, createTrackedEffect, omit, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import color_area from "../color-area/index.js";
 import color_field from "../color-field/index.js";
@@ -266,7 +266,7 @@ const __solidLayoutColorPickerRoot = (_stable, p)=>{
     const others = omit(p, "class", "children", "value", "defaultValue", "onChange", "state", "dataTheme");
     const [internalState, setInternalState] = createSignal(toColorState(p.value ?? p.defaultValue) ?? fallbackState());
     const isControlled = ()=>void 0 !== p.value;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!isControlled()) return;
         const next = toColorState(p.value);
         if (next) setInternalState(next);

package/dist/components/color-slider/ColorSlider.generated.js

@@ -1,7 +1,7 @@
 import { mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ColorSlider.css";
-import { createEffect, createMemo, createSignal, omit } from "solid-js";
+import { createMemo, createSignal, createTrackedEffect, omit } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./ColorSlider.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div><div></div><div>");
@@ -31,7 +31,7 @@ const __solidLayoutColorSlider = (_stable, p)=>{
     const [isDragging, setIsDragging] = createSignal(false);
     let sliderRef;
     const isControlled = ()=>void 0 !== p.value;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const nextType = sliderType();
         const nextValue = p.value;
         if (void 0 === nextValue) {

package/dist/components/color-wheel-flower/ColorWheelFlower.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, memo, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ColorWheelFlower.css";
-import { For, createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { For, createMemo, createSignal, createTrackedEffect, onCleanup } from "solid-js";
 import { clsx } from "clsx";
 import { twMerge } from "../../lib/twMerge.js";
 import color_swatch from "../color-swatch/index.js";
@@ -395,7 +395,7 @@ const __solidLayoutColorWheelFlower = (_stable, p)=>{
             hex: item.hex
         });
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const selected = selectedIndex();
         const current = context.color();
         if (null === selected) return;
@@ -461,7 +461,7 @@ const __solidLayoutColorWheelFlower = (_stable, p)=>{
         const color = colors()[index].rgb;
         return `0 0 10px rgba(255,255,255,0.16), 0 0 20px ${toRgba(color, 0.35)}`;
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const node = outerRingRef;
         if (!node) return;
         const target = outerRingTarget();
@@ -621,7 +621,7 @@ const __solidLayoutColorWheelFlower = (_stable, p)=>{
                             delay
                         };
                     };
-                    createEffect(()=>{
+                    createTrackedEffect(()=>{
                         if (!motionRef) return;
                         const target = dotTarget();
                         const transition = dotTransition();

package/dist/components/combo-box/ComboBox.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, effect, insert, memo, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ComboBox.css";
-import { For, Show, createContext, createEffect, createMemo, createSignal, createUniqueId, omit, onCleanup, onSettled, useContext } from "solid-js";
+import { For, Show, createContext, createMemo, createSignal, createTrackedEffect, createUniqueId, omit, onSettled, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./ComboBox.recipe.js";
 import { resolveState } from "../vocabulary.js";
@@ -141,13 +141,13 @@ const __solidLayoutComboBoxRoot = (_stable, p)=>{
         closeAndCommit();
     };
     const getOptionId = (key)=>`${listBoxId}-${toOptionKey(key, 0)}`;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (void 0 !== p.inputValue) return;
         const selected = selectedItem();
         if (!selected) return;
         if (internalInputValue() !== selected.textValue) setInternalInputValue(selected.textValue);
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!isOpen()) return;
         const enabledItems = getEnabledItems();
         if (!enabledItems.length) return void setActiveKeySignal(null);
@@ -163,9 +163,9 @@ const __solidLayoutComboBoxRoot = (_stable, p)=>{
             closeAndCommit();
         };
         document.addEventListener("pointerdown", handlePointerDown);
-        onCleanup(()=>{
+        return ()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
-        });
+        };
     });
     const hiddenValue = createMemo(()=>{
         const currentKey = selectedKey();

package/dist/components/composer/Composer.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, effect, insert, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Composer.css";
-import { For, Show, createEffect, createSignal, onSettled } from "solid-js";
+import { For, Show, createSignal, createTrackedEffect, onSettled } from "solid-js";
 import { isInvalid, resolveState } from "../vocabulary.js";
 import { composer } from "./Composer.recipe.js";
 import { afterValueLands, autosize, boundsFromRows, isSubmittable, newAutosizeMemo, shouldSubmit, viewportHeight } from "./Composer.interactions.js";
@@ -22,7 +22,7 @@ const __solidLayoutComposerLayout = (_stable, p)=>{
         if (p.autofocus) field?.focus();
         measure();
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         value();
         measure();
     });

package/dist/components/date-range-picker/DateRangePicker.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, effect, insert, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./DateRangePicker.css";
-import { Show, createEffect, createMemo, createUniqueId, omit } from "solid-js";
+import { Show, createMemo, createTrackedEffect, createUniqueId, omit } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { formatDate, toISODate, usePickerOpenState, useRangeSelection } from "../../hooks/date/index.js";
 import calendar from "../calendar/index.js";
@@ -21,7 +21,7 @@ const __solidLayoutDateRangePicker = (_stable, p)=>{
         onOpenChange: ()=>p.onOpenChange,
         isDisabled
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (openState.isOpen()) return;
         rangeSelection.clearPendingSelection();
     });

package/dist/components/dialog/Dialog.generated.js

@@ -1,7 +1,7 @@
 import { Portal, createComponent, insert, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Dialog.css";
-import { Show, createContext, createEffect, createSignal, createUniqueId, omit, onCleanup, useContext } from "solid-js";
+import { Show, createContext, createSignal, createTrackedEffect, createUniqueId, omit, onCleanup, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import "../_shared/material.css";
 import { CLASSES, componentRecipe } from "./Dialog.recipe.js";
@@ -83,7 +83,7 @@ const __solidLayoutDialogRoot = (_stable, p)=>{
         p.onOpenChange?.(next);
     };
     let exitTimer;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const open = isOpen();
         const state = animState();
         if (open) {
@@ -108,7 +108,7 @@ const __solidLayoutDialogRoot = (_stable, p)=>{
         if (exitTimer) clearTimeout(exitTimer);
     });
     let hasScrollLock = false;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const shouldLock = isVisibleState(animState());
         if (shouldLock && !hasScrollLock) {
             lockBodyScroll();
@@ -125,7 +125,7 @@ const __solidLayoutDialogRoot = (_stable, p)=>{
         }
     });
     let restoreFocusTarget = null;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const state = animState();
         const content = contentRef();
         if (!isVisibleState(state) || !content) return;
@@ -146,11 +146,11 @@ const __solidLayoutDialogRoot = (_stable, p)=>{
             if ("Tab" === event.key) trapFocus(event, content);
         };
         document.addEventListener("keydown", handleDocumentKeyDown);
-        onCleanup(()=>{
+        return ()=>{
             document.removeEventListener("keydown", handleDocumentKeyDown);
-        });
+        };
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if ("closed" !== animState()) return;
         if (!restoreFocusTarget) return;
         queueMicrotask(()=>{
@@ -414,12 +414,12 @@ const __solidLayoutDialogHeading = (_stable, p)=>{
     const context = useModalContext();
     const uniqueId = createUniqueId();
     const headingId = ()=>("string" == typeof p.id ? p.id : void 0) ?? `dialog-heading-${uniqueId}`;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const id = headingId();
         context.setLabelledBy(id);
-        onCleanup(()=>{
+        return ()=>{
             if (context.labelledBy() === id) context.setLabelledBy(void 0);
-        });
+        };
     });
     var _el$7 = _tmpl$4();
     spread(_el$7, mergeProps(others, {
@@ -472,12 +472,12 @@ const __solidLayoutDialogBody = (_stable, p)=>{
     const context = useModalContext();
     const uniqueId = createUniqueId();
     const bodyId = ()=>("string" == typeof p.id ? p.id : void 0) ?? `dialog-body-${uniqueId}`;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const id = bodyId();
         context.setDescribedBy(id);
-        onCleanup(()=>{
+        return ()=>{
             if (context.describedBy() === id) context.setDescribedBy(void 0);
-        });
+        };
     });
     var _el$9 = _tmpl$();
     spread(_el$9, mergeProps(others, {

package/dist/components/drawer/Drawer.generated.js

@@ -1,7 +1,7 @@
 import { Portal, className, createComponent, delegateEvents, effect, insert, memo, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Drawer.css";
-import { Show, createEffect, createSignal, createUniqueId, omit, onCleanup } from "solid-js";
+import { Show, createSignal, createTrackedEffect, createUniqueId, omit, onCleanup } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import "../_shared/material.css";
 import { focusFirst, isSidePlacement, isVisibleState, trapFocus } from "./Drawer.a11y.js";
@@ -63,7 +63,7 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
         setIsOpen(false);
     };
     let exitTimer;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const open = isOpen();
         const state = animState();
         if (open) {
@@ -88,7 +88,7 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
         if (exitTimer) clearTimeout(exitTimer);
     });
     let hasScrollLock = false;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const visible = isVisibleState(animState());
         if (visible && !hasScrollLock) {
             lockBodyScroll();
@@ -102,7 +102,7 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
         if (hasScrollLock) unlockBodyScroll();
     });
     let restoreFocusTarget = null;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const state = animState();
         const dialog = dialogRef();
         if (!isVisibleState(state) || !dialog) return;
@@ -123,9 +123,9 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
             if ("Tab" === event.key && trapFocusEnabled()) trapFocus(event, dialog);
         };
         document.addEventListener("keydown", onKeyDown);
-        onCleanup(()=>document.removeEventListener("keydown", onKeyDown));
+        return ()=>document.removeEventListener("keydown", onKeyDown);
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if ("closed" !== animState() || !restoreFocusEnabled()) return;
         if (!restoreFocusTarget) return;
         queueMicrotask(()=>{
@@ -221,10 +221,10 @@ const __solidLayoutDrawerContent = (_stable, p)=>{
     const ctx = useDrawerContext();
     const placement = ()=>p.placement ?? ctx.placement();
     const scrollBehavior = ()=>p.scrollBehavior ?? ctx.scrollBehavior();
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (void 0 === p.placement) return;
         ctx.setPlacementOverride(p.placement);
-        onCleanup(()=>ctx.setPlacementOverride(void 0));
+        return ()=>ctx.setPlacementOverride(void 0);
     });
     var _el$3 = _tmpl$();
     spread(_el$3, mergeProps(others, {
@@ -266,17 +266,15 @@ const __solidLayoutDrawerBackdrop = (_stable, p)=>{
     const others = omit(p, "children", "class", "dataTheme", "style", "variant", "isDismissable", "shouldCloseOnBackdropClick", "onClick");
     const ctx = useDrawerContext();
     const variant = ()=>p.variant ?? ctx.backdrop();
-    createEffect(()=>{
-        if (void 0 !== p.isDismissable) {
-            ctx.setBackdropDismissableOverride(p.isDismissable);
-            onCleanup(()=>ctx.setBackdropDismissableOverride(void 0));
-        }
+    createTrackedEffect(()=>{
+        if (void 0 === p.isDismissable) return;
+        ctx.setBackdropDismissableOverride(p.isDismissable);
+        return ()=>ctx.setBackdropDismissableOverride(void 0);
     });
-    createEffect(()=>{
-        if (void 0 !== p.shouldCloseOnBackdropClick) {
-            ctx.setBackdropCloseOnClickOverride(p.shouldCloseOnBackdropClick);
-            onCleanup(()=>ctx.setBackdropCloseOnClickOverride(void 0));
-        }
+    createTrackedEffect(()=>{
+        if (void 0 === p.shouldCloseOnBackdropClick) return;
+        ctx.setBackdropCloseOnClickOverride(p.shouldCloseOnBackdropClick);
+        return ()=>ctx.setBackdropCloseOnClickOverride(void 0);
     });
     const handleClick = (event)=>{
         if (event.target === event.currentTarget) ctx.requestClose("backdrop");
@@ -417,12 +415,12 @@ const __solidLayoutDrawerHeading = (_stable, p)=>{
     const ctx = useDrawerContext();
     const uid = createUniqueId();
     const headingId = ()=>p.id ?? `drawer-heading-${uid}`;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const id = headingId();
         ctx.setLabelledBy(id);
-        onCleanup(()=>{
+        return ()=>{
             if (ctx.labelledBy() === id) ctx.setLabelledBy(void 0);
-        });
+        };
     });
     var _el$7 = _tmpl$3();
     spread(_el$7, mergeProps(others, {
@@ -453,12 +451,12 @@ const __solidLayoutDrawerBody = (_stable, p)=>{
     const ctx = useDrawerContext();
     const uid = createUniqueId();
     const bodyId = ()=>p.id ?? `drawer-body-${uid}`;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const id = bodyId();
         ctx.setDescribedBy(id);
-        onCleanup(()=>{
+        return ()=>{
             if (ctx.describedBy() === id) ctx.setDescribedBy(void 0);
-        });
+        };
     });
     var _el$8 = _tmpl$();
     spread(_el$8, mergeProps(others, {

package/dist/components/dropdown/Dropdown.generated.js

@@ -1,7 +1,7 @@
 import { Portal, createComponent, insert, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Dropdown.css";
-import { Show, createContext, createEffect, createSignal, createUniqueId, omit, onCleanup, onSettled, useContext } from "solid-js";
+import { Show, createContext, createSignal, createTrackedEffect, createUniqueId, omit, onCleanup, onSettled, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { createOverlayPosition } from "../_shared/overlayPosition.js";
 import { CLASSES, componentRecipe } from "./Dropdown.recipe.js";
@@ -93,14 +93,14 @@ const __solidLayoutDropdownRoot = (_stable, p)=>{
         setItems((prev)=>prev.filter((item)=>item.key !== key));
         if (focusedKey() === key) setFocusedKey(void 0);
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!open()) return;
         const request = focusRequest();
         if (!request) return;
         focusBoundary("first" === request ? "first" : "last");
         setFocusRequest(null);
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const list = items();
         const currentFocused = focusedKey();
         if (currentFocused && !list.some((item)=>item.key === currentFocused)) return void setFocusedKey(void 0);
@@ -119,9 +119,9 @@ const __solidLayoutDropdownRoot = (_stable, p)=>{
             setOpen(false);
         };
         document.addEventListener("pointerdown", handlePointerDown);
-        onCleanup(()=>{
+        return ()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
-        });
+        };
     });
     return createComponent(DropdownContext, {
         value: {

package/dist/components/immersive-landing/useImmersiveLanding.js

@@ -1,4 +1,4 @@
-import { createEffect, createSignal, onCleanup, onSettled } from "solid-js";
+import { createSignal, createTrackedEffect, onSettled } from "solid-js";
 function useImmersiveLanding(options) {
     const { pages, initialPage = pages[0], currentPage: controlledPage, transitionDuration = 400, onNavigate, onNavigationComplete, enableScrollNavigation = true } = options;
     const isControlled = !!controlledPage;
@@ -11,7 +11,7 @@ function useImmersiveLanding(options) {
     const isLastPage = ()=>currentIndex() === pages.length - 1;
     if (isControlled) {
         let prevPage = controlledPage();
-        createEffect(()=>{
+        createTrackedEffect(()=>{
             const next = controlledPage();
             if (next !== prevPage && !isTransitioning()) {
                 const fromIndex = pages.indexOf(prevPage);
@@ -128,12 +128,12 @@ function useImmersiveLanding(options) {
             passive: true
         });
         window.addEventListener("keydown", handleKeyDown);
-        onCleanup(()=>{
+        return ()=>{
             window.removeEventListener("wheel", handleWheel);
             window.removeEventListener("touchstart", handleTouchStart);
             window.removeEventListener("touchend", handleTouchEnd);
             window.removeEventListener("keydown", handleKeyDown);
-        });
+        };
     });
     return {
         activePage,

package/dist/components/input-otp/InputOTP.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, memo, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./InputOTP.css";
-import { For, Show, createContext, createEffect, createMemo, createSignal, omit, onSettled, useContext } from "solid-js";
+import { For, Show, createContext, createMemo, createSignal, createTrackedEffect, omit, onSettled, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./InputOTP.recipe.js";
 import { resolveState } from "../vocabulary.js";
@@ -119,16 +119,16 @@ const __solidLayoutInputOTPRoot = (_stable, p)=>{
         if (event.defaultPrevented || isDisabled()) return;
         if ("ArrowLeft" === event.key || "ArrowRight" === event.key || "Backspace" === event.key || "Delete" === event.key || "Home" === event.key || "End" === event.key) queueMicrotask(syncActiveFromInputCaret);
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const current = value();
         if (current.length > maxLength()) setValue(current.slice(0, maxLength()));
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (void 0 !== p.value) return;
         const normalized = sanitizeValue(internalValue());
         if (normalized !== internalValue()) setInternalValue(normalized);
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!isFocused()) return;
         const active = clamp(activeIndex(), 0, maxLength());
         inputRef?.setSelectionRange(active, active);

package/dist/components/list-box/ListBoxItem.generated.js

@@ -1,6 +1,6 @@
 import { createComponent, effect, insert, memo, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
-import { createContext, createEffect, createMemo, createUniqueId, omit, onCleanup, useContext } from "solid-js";
+import { createContext, createMemo, createTrackedEffect, createUniqueId, omit, onCleanup, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { ListBoxContext } from "./context.js";
 import { CLASSES, componentRecipe } from "./ListBox.recipe.js";
@@ -96,7 +96,7 @@ const __solidLayoutListBoxItemRoot = (_stable, p)=>{
         if (event.defaultPrevented) return;
         if (listBox?.focusedKey() === key()) listBox.setFocusedKey(void 0);
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!listBox || !itemRef) return;
         listBox.registerItem({
             key: key(),

package/dist/components/live-chat/LiveChatPanel.generated.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, memo, mergeProps, ref, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./LiveChat.css";
-import { For, Show, createEffect, createSignal, omit, onCleanup } from "solid-js";
+import { For, Show, createSignal, createTrackedEffect, omit, onCleanup } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import button_0 from "../button/index.js";
 import input from "../input/index.js";
@@ -75,11 +75,11 @@ const __solidLayoutLiveChatPanel = (_stable, p)=>{
     let hasObservedMessages = false;
     let scrollRafId;
     let scrollRafNestedId;
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (p.mockMode) setInternalMessages(getMockMessages());
         else if (p.messages) setInternalMessages(p.messages);
     });
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!p.mockMode && p.messages) setInternalMessages(p.messages);
     });
     const isSending = ()=>p.isSending ?? sending();
@@ -113,7 +113,7 @@ const __solidLayoutLiveChatPanel = (_stable, p)=>{
             });
         });
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         const messages = internalMessages();
         const nextMessageCount = messages.length;
         const nextLastMessageId = messages[messages.length - 1]?.messageId;

package/dist/components/menu/MenuItem.generated.js

@@ -1,6 +1,6 @@
 import { createComponent, effect, insert, memo, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
 import { defineComponent } from "solid-layouts/solid-2/application-boundary";
-import { createContext, createEffect, createMemo, createUniqueId, omit, onCleanup, useContext } from "solid-js";
+import { createContext, createMemo, createTrackedEffect, createUniqueId, omit, onCleanup, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { MenuContext } from "./context.js";
 import { CLASSES, componentRecipe } from "./Menu.recipe.js";
@@ -110,7 +110,7 @@ const __solidLayoutMenuItemRoot = (_stable, p)=>{
         if (event.defaultPrevented) return;
         if (menu?.focusedKey() === key()) menu.setFocusedKey(void 0);
     };
-    createEffect(()=>{
+    createTrackedEffect(()=>{
         if (!menu || !itemRef) return;
         menu.registerItem({
             key: key(),