sibujs 3.3.2 → 3.4.0

package/dist/{chunk-ZEUP4TUD.js → chunk-JNGGM2XE.js}

@@ -1,19 +1,19 @@
 import {
   bindAttribute
-} from "./chunk-QCFBIVIQ.js";
-import {
-  dispose,
-  registerDisposer
-} from "./chunk-5VGSK6D2.js";
+} from "./chunk-K35BAR4P.js";
 import {
   isEventHandlerAttr,
   sanitizeAttributeString,
   sanitizeCSSValue
 } from "./chunk-L3GAGWCC.js";
+import {
+  dispose,
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   reactiveBinding,
   track
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-OOUQUCNN.js";
 import {
   devWarn,
   isDev

package/dist/{chunk-QCFBIVIQ.js → chunk-K35BAR4P.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-L3GAGWCC.js";
 import {
   reactiveBinding
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-OOUQUCNN.js";
 import {
   devWarn,
   isDev

package/dist/{chunk-JCQG2I2G.js → chunk-KZBEVFXZ.js}

@@ -3,7 +3,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-OOUQUCNN.js";
 import {
   isDev
 } from "./chunk-COY6PUD2.js";

package/dist/{chunk-FJO2ZL4Q.js → chunk-OAVXAFAY.js}

@@ -1,22 +1,24 @@
 import {
   watch
-} from "./chunk-RLTFJYDN.js";
+} from "./chunk-H5FI5WDP.js";
+import {
+  createId
+} from "./chunk-CCSJMTRN.js";
 import {
   derived
-} from "./chunk-G6N3LMO2.js";
+} from "./chunk-ITWCTZYH.js";
 import {
   stripHtml
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-BUKYCWHX.js";
 import {
   batch,
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-KZBEVFXZ.js";
 
 // src/widgets/Combobox.ts
-var comboboxIdCounter = 0;
 var boundComboboxes = /* @__PURE__ */ new WeakMap();
 function combobox(options) {
   const { items, filterFn, itemToString } = options;
@@ -77,7 +79,13 @@ function combobox(options) {
   function bind(els) {
     const existing = boundComboboxes.get(els.input);
     if (existing) return existing;
-    const listboxId = `sibu-combobox-listbox-${++comboboxIdCounter}`;
+    const prevListboxId = els.listbox.id;
+    const prevListboxRole = els.listbox.getAttribute("role");
+    const prevListboxHidden = els.listbox.hidden;
+    const prevInputRole = els.input.getAttribute("role");
+    const prevInputAutocomplete = els.input.getAttribute("aria-autocomplete");
+    const prevInputControls = els.input.getAttribute("aria-controls");
+    const listboxId = createId("sibu-combobox-listbox");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.input.setAttribute("role", "combobox");
@@ -141,10 +149,14 @@ function combobox(options) {
         if (document.activeElement !== els.input) close();
       }, 100);
     };
+    const onListboxPointerDown = (e) => {
+      e.preventDefault();
+    };
     els.input.addEventListener("input", onInput);
     els.input.addEventListener("keydown", onKey);
     els.input.addEventListener("focus", onFocus);
     els.input.addEventListener("blur", onBlur);
+    els.listbox.addEventListener("mousedown", onListboxPointerDown);
     const teardown = () => {
       boundComboboxes.delete(els.input);
       fxTeardown();
@@ -152,10 +164,24 @@ function combobox(options) {
       els.input.removeEventListener("keydown", onKey);
       els.input.removeEventListener("focus", onFocus);
       els.input.removeEventListener("blur", onBlur);
+      els.listbox.removeEventListener("mousedown", onListboxPointerDown);
       if (blurTimer !== null) {
         clearTimeout(blurTimer);
         blurTimer = null;
       }
+      if (prevListboxId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevListboxId;
+      if (prevListboxRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevListboxRole);
+      els.listbox.hidden = prevListboxHidden;
+      if (prevInputRole === null) els.input.removeAttribute("role");
+      else els.input.setAttribute("role", prevInputRole);
+      if (prevInputAutocomplete === null) els.input.removeAttribute("aria-autocomplete");
+      else els.input.setAttribute("aria-autocomplete", prevInputAutocomplete);
+      if (prevInputControls === null) els.input.removeAttribute("aria-controls");
+      else els.input.setAttribute("aria-controls", prevInputControls);
+      els.input.removeAttribute("aria-expanded");
+      els.input.removeAttribute("aria-activedescendant");
     };
     boundComboboxes.set(els.input, teardown);
     return teardown;
@@ -491,7 +517,6 @@ function accordion(options) {
 }
 
 // src/widgets/Popover.ts
-var popoverIdCounter = 0;
 var boundPopovers = /* @__PURE__ */ new WeakMap();
 function popover() {
   const [isOpen, setIsOpen] = signal(false);
@@ -507,7 +532,7 @@ function popover() {
   function bind(els) {
     const existing = boundPopovers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-popover-${++popoverIdCounter}`;
+    const id = createId("sibu-popover");
     const prevPopoverRole = els.popover.getAttribute("role");
     const prevPopoverId = els.popover.id;
     const prevLabelledBy = els.popover.getAttribute("aria-labelledby");
@@ -581,7 +606,6 @@ function popover() {
 }
 
 // src/widgets/Select.ts
-var selectIdCounter = 0;
 var boundSelects = /* @__PURE__ */ new WeakMap();
 function select(options) {
   const { items, multiple = false, itemToString, isDisabled } = options;
@@ -662,7 +686,11 @@ function select(options) {
   function bind(els) {
     const existing = boundSelects.get(els.listbox);
     if (existing) return existing;
-    const listboxId = `sibu-select-${++selectIdCounter}`;
+    const prevId = els.listbox.id;
+    const prevRole = els.listbox.getAttribute("role");
+    const prevMultiselectable = els.listbox.getAttribute("aria-multiselectable");
+    const prevTabIndex = els.listbox.getAttribute("tabindex");
+    const listboxId = createId("sibu-select");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.listbox.setAttribute("aria-multiselectable", multiple ? "true" : "false");
@@ -722,6 +750,15 @@ function select(options) {
       fxTeardown();
       els.listbox.removeEventListener("keydown", onKey);
       if (typeTimer !== null) clearTimeout(typeTimer);
+      if (prevId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevId;
+      if (prevRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevRole);
+      if (prevMultiselectable === null) els.listbox.removeAttribute("aria-multiselectable");
+      else els.listbox.setAttribute("aria-multiselectable", prevMultiselectable);
+      if (prevTabIndex === null) els.listbox.removeAttribute("tabindex");
+      else els.listbox.setAttribute("tabindex", prevTabIndex);
+      els.listbox.removeAttribute("aria-activedescendant");
     };
     boundSelects.set(els.listbox, teardown);
     return teardown;
@@ -746,7 +783,6 @@ function select(options) {
 }
 
 // src/widgets/Tooltip.ts
-var tooltipIdCounter = 0;
 var boundTriggers = /* @__PURE__ */ new WeakMap();
 function tooltip(options) {
   const delay = options?.delay ?? 0;
@@ -791,7 +827,7 @@ function tooltip(options) {
   function bind(els) {
     const existing = boundTriggers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-tooltip-${++tooltipIdCounter}`;
+    const id = createId("sibu-tooltip");
     els.tooltip.setAttribute("role", "tooltip");
     els.tooltip.id = id;
     const prevDescribedBy = els.trigger.getAttribute("aria-describedby");
@@ -851,7 +887,6 @@ function tooltip(options) {
 }
 
 // src/widgets/FileUpload.ts
-var fileUploadIdCounter = 0;
 var boundFileUploads = /* @__PURE__ */ new WeakMap();
 function fileUpload(options) {
   const accept = options?.accept;
@@ -923,7 +958,7 @@ function fileUpload(options) {
   function bind(els) {
     const existing = boundFileUploads.get(els.input);
     if (existing) return existing;
-    const id = `sibu-fileupload-${++fileUploadIdCounter}`;
+    const id = createId("sibu-fileupload");
     const restore = [];
     if (accept) els.input.accept = accept;
     els.input.multiple = multiple;
@@ -1034,7 +1069,7 @@ function fileUpload(options) {
 }
 
 // src/widgets/contentEditable.ts
-function contentEditable() {
+function contentEditable(element) {
   const [content, setContentInternal] = signal("");
   const [isFocused, setFocused] = signal(false);
   function setContent(input) {
@@ -1058,6 +1093,7 @@ function contentEditable() {
     const selection = window.getSelection();
     if (!selection || selection.rangeCount === 0 || selection.isCollapsed) return;
     const range = selection.getRangeAt(0);
+    if (element && !element.contains(range.commonAncestorContainer)) return;
     const ancestor = range.commonAncestorContainer;
     const existingWrap = findAncestorByTag(
       ancestor instanceof HTMLElement ? ancestor : ancestor.parentElement,
@@ -1237,12 +1273,18 @@ function datePicker(options) {
   function bind(els) {
     const existing = boundDatePickers.get(els.grid);
     if (existing) return existing;
+    const prevGridRole = els.grid.getAttribute("role");
+    const prevGridTabIndex = els.grid.getAttribute("tabindex");
+    const prevGridLabel = els.grid.getAttribute("aria-label");
     els.grid.setAttribute("role", "grid");
     if (els.grid.tabIndex < 0) els.grid.tabIndex = 0;
+    let pendingFocus = false;
     const fxTeardown = effect(() => {
       const sel = selectedDate();
       const view = viewDate();
       const days = daysInMonth();
+      els.grid.setAttribute("aria-label", view.toLocaleDateString(void 0, { month: "long", year: "numeric" }));
+      let viewCell = null;
       for (const d of days) {
         const cell = els.cell(d.date);
         if (!cell) continue;
@@ -1250,7 +1292,13 @@ function datePicker(options) {
         cell.setAttribute("aria-selected", sel && isSameCalendarDay(sel, d.date) ? "true" : "false");
         if (d.isDisabled) cell.setAttribute("aria-disabled", "true");
         else cell.removeAttribute("aria-disabled");
-        cell.tabIndex = isSameCalendarDay(view, d.date) ? 0 : -1;
+        const isView = isSameCalendarDay(view, d.date);
+        cell.tabIndex = isView ? 0 : -1;
+        if (isView) viewCell = cell;
+      }
+      if (pendingFocus && viewCell && typeof viewCell.focus === "function") {
+        pendingFocus = false;
+        viewCell.focus();
       }
     });
     function isSameCalendarDay(a, b) {
@@ -1260,6 +1308,9 @@ function datePicker(options) {
       setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth(), prev.getDate() + delta));
     }
     const onKey = (e) => {
+      if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") {
+        pendingFocus = true;
+      }
       switch (e.key) {
         case "ArrowLeft":
           e.preventDefault();
@@ -1308,6 +1359,12 @@ function datePicker(options) {
       boundDatePickers.delete(els.grid);
       fxTeardown();
       els.grid.removeEventListener("keydown", onKey);
+      if (prevGridRole === null) els.grid.removeAttribute("role");
+      else els.grid.setAttribute("role", prevGridRole);
+      if (prevGridTabIndex === null) els.grid.removeAttribute("tabindex");
+      else els.grid.setAttribute("tabindex", prevGridTabIndex);
+      if (prevGridLabel === null) els.grid.removeAttribute("aria-label");
+      else els.grid.setAttribute("aria-label", prevGridLabel);
     };
     boundDatePickers.set(els.grid, teardown);
     return teardown;

package/dist/{chunk-A7CZH3GN.js → chunk-ODXVQ3CS.js}

@@ -1,7 +1,10 @@
 import {
   div,
   span
-} from "./chunk-6TCOWMGY.js";
+} from "./chunk-3Z2NGWQI.js";
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   isEventHandlerAttr,
   sanitizeUrl,
@@ -9,11 +12,14 @@ import {
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-BUKYCWHX.js";
+import {
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   batch,
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-KZBEVFXZ.js";
 
 // src/platform/head.ts
 var HEAD_URL_ATTRS = /* @__PURE__ */ new Set(["href", "src"]);
@@ -139,6 +145,7 @@ function Head(props) {
     }
   };
   apply();
+  registerDisposer(anchor, cleanup);
   return anchor;
 }
 function setStructuredData(data) {
@@ -375,8 +382,14 @@ function createWorkerPool(workerFn2, poolSize) {
 }
 
 // src/platform/wasm.ts
-var moduleCache = /* @__PURE__ */ new Map();
-var instanceCache = /* @__PURE__ */ new Map();
+var moduleCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
+var instanceCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.instanceCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function wasm(source, config = {}) {
   const [instance, setInstance] = signal(null);
   const [loading, setLoading] = signal(true);
@@ -537,7 +550,10 @@ function isWasmCached(key) {
 }
 
 // src/platform/microfrontend.ts
-var moduleCache2 = /* @__PURE__ */ new Map();
+var moduleCache2 = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.microfrontend.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function createMicroApp(config) {
   const host = config.container ?? document.createElement("div");
   host.setAttribute("data-micro-app", config.name);
@@ -808,24 +824,30 @@ function createAction(actionFn) {
   const [data, setData] = signal(void 0);
   const [error, setError] = signal(void 0);
   const [loading, setLoading] = signal(false);
+  let activeRun = 0;
   const submit = async (input) => {
+    const runId = ++activeRun;
     batch(() => {
       setLoading(true);
       setError(void 0);
     });
     try {
       const result = await actionFn(input);
-      batch(() => {
-        setData(result);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setData(result);
+          setLoading(false);
+        });
+      }
       return result;
     } catch (err) {
       const actionError = err instanceof Error ? err : new Error(String(err));
-      batch(() => {
-        setError(actionError);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setError(actionError);
+          setLoading(false);
+        });
+      }
       throw actionError;
     }
   };
@@ -839,15 +861,14 @@ function scrollRestoration(options) {
   let popstateHandler = null;
   let currentKey = null;
   const save = (key) => {
-    positions.set(key, {
-      x: window.scrollX,
-      y: window.scrollY
-    });
+    if (typeof window !== "undefined") {
+      positions.set(key, { x: window.scrollX, y: window.scrollY });
+    }
     currentKey = key;
   };
   const restore = (key) => {
     const pos = positions.get(key);
-    if (pos) {
+    if (pos && typeof window !== "undefined") {
       window.scrollTo(pos.x, pos.y);
     }
     currentKey = key;
@@ -855,7 +876,7 @@ function scrollRestoration(options) {
   const getPosition = (key) => {
     return positions.get(key);
   };
-  if (mode === "auto") {
+  if (mode === "auto" && typeof window !== "undefined") {
     popstateHandler = () => {
       if (currentKey) {
         save(currentKey);

package/dist/{chunk-4NJEAPLI.js → chunk-OOUQUCNN.js}

@@ -419,7 +419,7 @@ function forEachSubscriber(signal, visit) {
 
 // src/reactivity/track.ts
 var _isDev2 = isDev();
-var _runtimeVersion = true ? "3.3.2" : "dev";
+var _runtimeVersion = true ? "3.4.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/{chunk-5VH3GIDX.js → chunk-RT3IYFN2.js}

@@ -1,6 +1,6 @@
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-KZBEVFXZ.js";
 
 // src/core/rendering/context.ts
 function context(defaultValue) {

package/dist/{chunk-Q46YIQYW.js → chunk-S3V6ZXPI.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-H3SRKIYX.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-BUKYCWHX.js";
 import {
   batch,
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-KZBEVFXZ.js";
 
 // src/browser/media.ts
 function media(query) {
@@ -193,7 +193,7 @@ function battery() {
   let disposed = false;
   if (typeof navigator !== "undefined" && "getBattery" in navigator) {
     setSupported(true);
-    navigator.getBattery().then((bm) => {
+    const batteryPromise = navigator.getBattery().then((bm) => {
       if (disposed) return;
       battery2 = bm;
       batch(() => {
@@ -211,6 +211,9 @@ function battery() {
       bm.addEventListener("chargingtimechange", onChargingTimeChange);
       bm.addEventListener("dischargingtimechange", onDischargingTimeChange);
     });
+    batteryPromise.catch(() => {
+      if (!disposed) setSupported(false);
+    });
   }
   function dispose() {
     disposed = true;
@@ -762,9 +765,17 @@ function wakeLock() {
   }
   const api = navigator.wakeLock;
   let sentinel = null;
+  let disposed = false;
   async function request() {
+    if (disposed) return;
     try {
-      sentinel = await api.request("screen");
+      const s = await api.request("screen");
+      if (disposed) {
+        s.release().catch(() => {
+        });
+        return;
+      }
+      sentinel = s;
       setActive(true);
       sentinel.addEventListener("release", () => {
         setActive(false);
@@ -791,6 +802,7 @@ function wakeLock() {
   };
   document.addEventListener("visibilitychange", onVisibility);
   function dispose() {
+    disposed = true;
     document.removeEventListener("visibilitychange", onVisibility);
     release().catch((err) => {
       if (typeof console !== "undefined") {
@@ -822,6 +834,7 @@ function animationFrame(options = {}) {
   let id = null;
   let prev = -1;
   let start = -1;
+  let disposed = false;
   const minFrameMs = options.fpsLimit ? 1e3 / options.fpsLimit : 0;
   const step = (now) => {
     if (start < 0) start = now;
@@ -835,7 +848,7 @@ function animationFrame(options = {}) {
     id = requestAnimationFrame(step);
   };
   function resume() {
-    if (id !== null) return;
+    if (disposed || id !== null) return;
     setRunning(true);
     id = requestAnimationFrame(step);
   }
@@ -849,6 +862,7 @@ function animationFrame(options = {}) {
     start = -1;
   }
   function dispose() {
+    disposed = true;
     pause();
   }
   if (options.immediate !== false) resume();
@@ -907,7 +921,9 @@ function bounds(target) {
       }
     };
   }
+  let disposed = false;
   function refresh() {
+    if (disposed) return;
     setRect(readRect(target));
   }
   refresh();
@@ -919,6 +935,7 @@ function bounds(target) {
   const onScroll = () => refresh();
   window.addEventListener("scroll", onScroll, { passive: true, capture: true });
   function dispose() {
+    disposed = true;
     resizeObserver?.disconnect();
     window.removeEventListener("scroll", onScroll, { capture: true });
   }

package/dist/{chunk-IQJ36UTJ.js → chunk-WSGLJYFI.js}

@@ -1,6 +1,9 @@
+import {
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-KZBEVFXZ.js";
 
 // src/ui/transition.ts
 function transition(element, options = {}) {
@@ -74,6 +77,7 @@ function transition(element, options = {}) {
       }
     });
   }
+  registerDisposer(element, cancelPending);
   return { enter, leave };
 }
 function spring(element, keyframes, options = {}) {
@@ -89,8 +93,29 @@ function spring(element, keyframes, options = {}) {
   });
 }
 
+// src/ui/reducedMotion.ts
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+}
+function reducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [reduced2] = signal(false);
+    return { reduced: reduced2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+  const [reduced, setReduced] = signal(mql.matches);
+  const handler = (event) => {
+    setReduced(event.matches);
+  };
+  mql.addEventListener("change", handler);
+  function dispose() {
+    mql.removeEventListener("change", handler);
+  }
+  return { reduced, dispose };
+}
+
 // src/ui/animationPresets.ts
-var prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 function createPreset(keyframes, defaults, overrides) {
   const opts = {
     ...defaults,
@@ -259,6 +284,7 @@ function TransitionGroup(options) {
     if (options.leave) {
       await options.leave(el);
     }
+    positions.delete(el);
     setElements((prev) => prev.filter((e) => e !== el));
   }
   function track(newElements) {
@@ -325,27 +351,7 @@ function viewTransition(callback) {
   return { start, isTransitioning };
 }
 
-// src/ui/reducedMotion.ts
-function reducedMotion() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    const [reduced2] = signal(false);
-    return { reduced: reduced2, dispose: () => {
-    } };
-  }
-  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
-  const [reduced, setReduced] = signal(mql.matches);
-  const handler = (event) => {
-    setReduced(event.matches);
-  };
-  mql.addEventListener("change", handler);
-  function dispose() {
-    mql.removeEventListener("change", handler);
-  }
-  return { reduced, dispose };
-}
-
 // src/ui/springSignal.ts
-var prefersReducedMotion2 = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 function springSignal(initial, options) {
   const stiffness = options?.stiffness ?? 0.15;
   const damping = options?.damping ?? 0.8;
@@ -381,7 +387,7 @@ function springSignal(initial, options) {
   }
   function set(newTarget) {
     target = newTarget;
-    if (prefersReducedMotion2()) {
+    if (prefersReducedMotion()) {
       current = newTarget;
       velocity = 0;
       if (rafId !== null) {
@@ -410,6 +416,8 @@ function springSignal(initial, options) {
 export {
   transition,
   spring,
+  prefersReducedMotion,
+  reducedMotion,
   fadeIn,
   fadeOut,
   slideIn,
@@ -426,6 +434,5 @@ export {
   sequence,
   TransitionGroup,
   viewTransition,
-  reducedMotion,
   springSignal
 };