sibujs 3.3.2 → 3.3.3

package/dist/{chunk-IQJ36UTJ.js → chunk-25LY5SRH.js}

@@ -1,6 +1,9 @@
+import {
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.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
 };

package/dist/{chunk-6TCOWMGY.js → chunk-5K6RVA2S.js}

@@ -1,7 +1,7 @@
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-ZEUP4TUD.js";
+} from "./chunk-RZKGMHH4.js";
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");

package/dist/{chunk-YUBEOWII.js → chunk-5Y34FWED.js}

@@ -1,22 +1,25 @@
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   context
-} from "./chunk-5VH3GIDX.js";
+} from "./chunk-ZXCZWMZT.js";
 import {
   derived
-} from "./chunk-G6N3LMO2.js";
+} from "./chunk-F3HO2MP7.js";
 import {
   sanitizeUrl
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-23VT3KZB.js";
 import {
   getRequestScopedCache
 } from "./chunk-S3NFJO6L.js";
 import {
   batch,
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 
 // src/data/retry.ts
 function calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter) {
@@ -79,7 +82,7 @@ async function withRetry(fn, options, onRetry, signal2) {
 }
 
 // src/data/query.ts
-var globalQueryCache = /* @__PURE__ */ new Map();
+var globalQueryCache = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.query.cache.v1"), () => /* @__PURE__ */ new Map());
 function getActiveQueryCache() {
   return getRequestScopedCache("query") ?? globalQueryCache;
 }
@@ -1070,6 +1073,10 @@ function socket(url, options) {
   }
   function connect() {
     if (disposed) return;
+    if (typeof WebSocket === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateWsUrl(getUrl());
     if (safeUrl === null) {
       setStatus("closed");
@@ -1165,6 +1172,10 @@ function stream(url, options) {
   let attempts = 0;
   function connect() {
     if (disposed) return;
+    if (typeof EventSource === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateSseUrl(url);
     if (safeUrl === null) {
       setStatus("closed");

package/dist/chunk-7ZHH77QA.js

@@ -0,0 +1,9 @@
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g = globalThis;
+  return g[key] ?? (g[key] = create());
+}
+
+export {
+  globalSingleton
+};

package/dist/{chunk-G6N3LMO2.js → chunk-F3HO2MP7.js}

@@ -3,7 +3,7 @@ import {
   recordDependency,
   retrack,
   track
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-UOMYIAG6.js";
 import {
   devAssert
 } from "./chunk-COY6PUD2.js";

package/dist/{chunk-FJIRS3FM.js → chunk-F7HW2NI5.js}

@@ -101,9 +101,7 @@ function lazyModule(loader) {
       return loadedFlag;
     },
     async get() {
-      if (loadedFlag && cached !== void 0) {
-        return cached;
-      }
+      if (loadedFlag) return cached;
       cached = await loader();
       loadedFlag = true;
       return cached;

package/dist/{chunk-AEOLHSSQ.js → chunk-IEYFHN5V.js}

@@ -1,20 +1,23 @@
 import {
-  dispose
-} from "./chunk-5VGSK6D2.js";
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   stripHtml
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-23VT3KZB.js";
+import {
+  dispose
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-UOMYIAG6.js";
 import {
   isDev
 } from "./chunk-COY6PUD2.js";
@@ -147,10 +150,50 @@ function createGlobalHook() {
         listeners.set(event, set);
       }
       set.add(fn);
+      return () => {
+        set?.delete(fn);
+      };
     },
     off(event, fn) {
       listeners.get(event)?.delete(fn);
     },
+    getSignalNodes() {
+      const out = [];
+      for (const [, node] of nodes) {
+        let value = "";
+        try {
+          const ref = node.ref;
+          let raw;
+          if (node.type === "effect") {
+            raw = void 0;
+          } else if (node.type === "computed" && ref) {
+            raw = ref._v;
+          } else if (ref && "value" in ref) {
+            raw = ref.value;
+          }
+          if (raw === void 0) value = "undefined";
+          else if (raw === null) value = "null";
+          else if (typeof raw === "object") value = JSON.stringify(raw);
+          else value = String(raw);
+        } catch {
+          value = "?";
+        }
+        if (value.length > 200) value = `${value.slice(0, 200)}...`;
+        out.push({
+          id: String(node.id),
+          name: node.name || null,
+          kind: node.type === "computed" ? "derived" : node.type,
+          value,
+          // Edge identities aren't tracked by this registry (only a subscriber
+          // count, via node.ref.__sc) — left empty until the core exposes the
+          // dependency graph. The node inventory itself is real.
+          subscribers: [],
+          dependencies: [],
+          evalCount: 0
+        });
+      }
+      return out;
+    },
     emit(event, payload) {
       events.push({ event, payload, ts: Date.now() });
       if (events.length > 2e3) events.splice(0, events.length - 2e3);
@@ -176,34 +219,38 @@ function getOrCreateHook() {
   }
   return g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
 }
-var activeDevTools = null;
-var nextNodeId = 0;
-var inferNameArmed = false;
+var _dt = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.devtools.state.v1"), () => ({
+  active: null,
+  nextNodeId: 0,
+  // Gate for inferName(): only `true` while devtools are initialized AND in dev
+  // mode — otherwise skip the Error-stack walk so prod hot paths don't allocate.
+  inferNameArmed: false
+}));
 function getActiveDevTools() {
-  return activeDevTools;
+  return _dt.active;
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
   const enabled = config?.enabled ?? isDev();
   const expose = config?.expose ?? isDev();
   if (!enabled) return createNoopApi();
-  inferNameArmed = true;
+  _dt.inferNameArmed = true;
   const hook = getOrCreateHook();
-  nextNodeId = 0;
+  _dt.nextNodeId = 0;
   const eventLog = [];
   hook.on("signal:create", (payload) => {
     const p = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "signal",
       name,
       ref: p.signal,
       getter: p.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("signal:update", (payload) => {
@@ -223,17 +270,17 @@ function initDevTools(config) {
   });
   hook.on("computed:create", (payload) => {
     const p = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "computed",
       name,
       ref: p.signal,
       getter: p.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("computed:update", (payload) => {
@@ -250,11 +297,11 @@ function initDevTools(config) {
     emit();
   });
   hook.on("effect:create", (payload) => {
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const p = payload;
-    const node = { id: nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
-    hook.nodes.set(nextNodeId, node);
+    const node = { id: _dt.nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("effect:run", (payload) => {
@@ -411,8 +458,8 @@ function initDevTools(config) {
     hook.components.clear();
     hook.events.length = 0;
     isActive = false;
-    inferNameArmed = false;
-    activeDevTools = null;
+    _dt.inferNameArmed = false;
+    _dt.active = null;
     const g = globalThis;
     if (g.__SIBU__) {
       delete g.__SIBU__.devtools;
@@ -580,7 +627,7 @@ function initDevTools(config) {
     w.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
     w.__SIBU_DEVTOOLS_DATA__ = buildData;
   }
-  activeDevTools = api;
+  _dt.active = api;
   if (typeof document !== "undefined") {
     domObserver = new MutationObserver((mutations) => {
       let changed = false;
@@ -656,7 +703,7 @@ function initDevTools(config) {
   return api;
 }
 function inferName() {
-  if (!inferNameArmed || !isDev()) return "anonymous";
+  if (!_dt.inferNameArmed || !isDev()) return "anonymous";
   try {
     const stack = new Error().stack || "";
     for (const line of stack.split("\n")) {
@@ -737,7 +784,7 @@ function devState(name, initial) {
     const oldValue = get();
     set(next);
     const newValue = get();
-    const dt = activeDevTools;
+    const dt = _dt.active;
     if (dt?.isEnabled() && !Object.is(oldValue, newValue)) {
       dt.record({ type: "state-change", component, key, oldValue, newValue, timestamp: Date.now() });
     }

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

@@ -1,22 +1,24 @@
 import {
   watch
-} from "./chunk-RLTFJYDN.js";
+} from "./chunk-TBDTU7UO.js";
+import {
+  createId
+} from "./chunk-CCSJMTRN.js";
 import {
   derived
-} from "./chunk-G6N3LMO2.js";
+} from "./chunk-F3HO2MP7.js";
 import {
   stripHtml
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-23VT3KZB.js";
 import {
   batch,
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.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-JCQG2I2G.js → chunk-IWFE4AHO.js}

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