gridsmith-ui 0.14.0 → 0.15.0

package/dist/chunk-VFAKME7Q.js

@@ -0,0 +1,350 @@
+import { useLatest } from './chunk-WH2FUFAC.js';
+import { useRef, useInsertionEffect, useEffect, useCallback, useState, useLayoutEffect } from 'react';
+import { flushSync } from 'react-dom';
+
+var FOCUSABLE = 'a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])';
+var FIELD = "input, select, textarea, [contenteditable='true']";
+var SAFE_BUTTON = 'button:not([data-variant="destructive"])';
+var OVERLAY_CLOSE_ATTR = "data-overlay-close";
+function isRendered(el) {
+  if (typeof el.checkVisibility === "function") return el.checkVisibility({ checkVisibilityCSS: true });
+  for (let n = el; n; n = n.parentElement) {
+    if (n instanceof HTMLElement && n.hidden) return false;
+    const style = getComputedStyle(n);
+    if (style.display === "none") return false;
+    if (n === el && style.visibility === "hidden") return false;
+  }
+  return true;
+}
+function isRadioStop(el) {
+  if (!el.name) return true;
+  const scope = el.form ?? el.ownerDocument;
+  const group = Array.from(scope.querySelectorAll('input[type="radio"]')).filter((r) => r.name === el.name && !r.disabled && r.form === el.form);
+  const checked = group.find((r) => r.checked);
+  return (checked ?? group[0]) === el;
+}
+function isTabStop(el) {
+  if (!(el instanceof HTMLElement) || el.tabIndex < 0) return false;
+  if ((el instanceof HTMLButtonElement || el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) && el.disabled) return false;
+  if (el instanceof HTMLInputElement && (el.type === "hidden" || el.type === "radio" && !isRadioStop(el))) return false;
+  if (el.closest("[inert]")) return false;
+  return isRendered(el);
+}
+function tabStops(root) {
+  return Array.from(root.querySelectorAll(FOCUSABLE)).filter(isTabStop);
+}
+function focusInitial(root, opts = {}) {
+  if (!root) return false;
+  const all = tabStops(root);
+  if (!all.length) return false;
+  const candidates = all.filter((el) => !el.hasAttribute(OVERLAY_CLOSE_ATTR));
+  const field = candidates.find((el) => el.matches(FIELD));
+  if (opts.destructive && !field) {
+    const safe = candidates.find((el) => el.matches(SAFE_BUTTON));
+    if (safe) {
+      safe.focus();
+      return true;
+    }
+  }
+  const target = candidates.find((el) => el.matches(FIELD)) ?? candidates[0] ?? all[0];
+  target.focus();
+  return true;
+}
+function useFocusBeforeOpen(open) {
+  const before = useRef(null);
+  useInsertionEffect(() => {
+    if (open) before.current = document.activeElement;
+  }, [open]);
+  return before;
+}
+var ROW = 'tr, li, [role="row"], [data-card], [data-row]';
+function rememberFocus(el) {
+  const href = location.href;
+  const row = el.closest(ROW);
+  const before = row?.previousElementSibling ?? null;
+  const after = row?.nextElementSibling ?? null;
+  const list = row?.parentElement ?? null;
+  const index = row ? tabStops(row).indexOf(el) : -1;
+  const text = row?.textContent ?? "";
+  const shown = new Set(list ? Array.from(list.children, (r) => r.textContent) : []);
+  const shifted = () => {
+    if (!list || !row?.isConnected || row.parentElement !== list || row.textContent === text || !shown.has(row.textContent)) return void 0;
+    return Array.from(list.children).find((r) => r.textContent === text) ?? row.previousElementSibling;
+  };
+  const land = (target) => {
+    if (!target || !target.isConnected) return false;
+    target.focus();
+    return document.activeElement === target;
+  };
+  const inRow = (r) => {
+    if (!r || !r.isConnected) return false;
+    const stops = tabStops(r);
+    return land(stops[Math.max(0, Math.min(index, stops.length - 1))]);
+  };
+  return {
+    el,
+    restore(fallback) {
+      if (location.href !== href) return false;
+      if (inRow(shifted() ?? null)) return true;
+      if (land(el)) return true;
+      if (row && !row.isConnected && (inRow(before) || inRow(after) || !!list?.isConnected && land(tabStops(list)[0]))) return true;
+      return land(fallback);
+    }
+  };
+}
+function useReturnFocus(open, root) {
+  const remembered = useRef(null);
+  const before = useFocusBeforeOpen(open);
+  useEffect(() => {
+    if (open) {
+      const active2 = before.current;
+      remembered.current = active2 instanceof HTMLElement && active2 !== document.body && active2.isConnected ? rememberFocus(active2) : null;
+      return;
+    }
+    const r = remembered.current;
+    remembered.current = null;
+    if (!r) return;
+    const active = document.activeElement;
+    const lost = !active || active === document.body || !active.isConnected;
+    if (!root || lost || active instanceof Node && !!root.current?.contains(active)) r.restore();
+  }, [open, root, before]);
+  return useCallback(() => {
+    remembered.current?.restore();
+  }, []);
+}
+function rovingTabStop(items, isChecked, isDisabled = () => false) {
+  const checked = items.findIndex((item) => isChecked(item) && !isDisabled(item));
+  return checked >= 0 ? checked : items.findIndex((item) => !isDisabled(item));
+}
+function focusAfterRemoval(items, index, fallback) {
+  (items[index - 1] ?? items[index] ?? fallback)?.focus();
+}
+var layers = [];
+function useOverlayLayer(open) {
+  const [id] = useState(() => /* @__PURE__ */ Symbol("overlay-layer"));
+  useEffect(() => {
+    if (!open) return;
+    layers.push(id);
+    return () => {
+      const i = layers.indexOf(id);
+      if (i >= 0) layers.splice(i, 1);
+    };
+  }, [open, id]);
+  return useCallback(() => layers[layers.length - 1] === id, [id]);
+}
+function useCloseOnFocusOut(open, triggerRef, panelRef, onClose, isTop = ALWAYS_TOP) {
+  const onCloseRef = useLatest(onClose);
+  useEffect(() => {
+    if (!open) return;
+    let pointerInside = false;
+    const inside = (n) => n instanceof Node && (!!triggerRef.current?.contains(n) || !!panelRef.current?.contains(n));
+    const onPointerDown = (e) => {
+      pointerInside = inside(e.target);
+    };
+    const onFocusOut = (e) => {
+      if (!inside(e.target)) return;
+      if (e.relatedTarget) {
+        if (!inside(e.relatedTarget) && isTop()) onCloseRef.current();
+        return;
+      }
+      setTimeout(() => {
+        if (pointerInside) {
+          pointerInside = false;
+          return;
+        }
+        if (!inside(document.activeElement) && isTop()) onCloseRef.current();
+      }, 0);
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("focusout", onFocusOut, true);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("focusout", onFocusOut, true);
+    };
+  }, [open, triggerRef, panelRef, isTop, onCloseRef]);
+}
+var openPopups = /* @__PURE__ */ new Map();
+function usePopupFocus(open, { trigger, panel, close, tabExits, onTabOut }) {
+  const isTop = useOverlayLayer(open);
+  const [id] = useState(() => /* @__PURE__ */ Symbol("popup"));
+  const closeRef = useLatest(close);
+  const onTabOutRef = useLatest(onTabOut);
+  const remembered = useRef(null);
+  const pointerOutside = useRef(false);
+  const wasOpen = useRef(false);
+  useCloseOnFocusOut(open, trigger, panel, close, isTop);
+  const before = useFocusBeforeOpen(open);
+  useLayoutEffect(() => {
+    if (!open) return;
+    const active = before.current;
+    const inPanel = active instanceof Node && !!panel.current?.contains(active);
+    const opener = active instanceof HTMLElement && active !== document.body && !inPanel ? active : trigger.current;
+    remembered.current = opener ? rememberFocus(opener) : null;
+    pointerOutside.current = false;
+  }, [open, trigger, panel, before]);
+  useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (e) => {
+      const t = e.target;
+      pointerOutside.current = !(t instanceof Node && (!!trigger.current?.contains(t) || !!panel.current?.contains(t)));
+    };
+    const leave = (e) => {
+      onTabOutRef.current?.(e);
+      const r = remembered.current;
+      const opener = r && r.el.isConnected ? r.el : trigger.current;
+      opener?.focus();
+      flushSync(() => closeRef.current());
+      if (!opener || !opener.isConnected) return;
+      if (e.shiftKey) {
+        e.preventDefault();
+        return;
+      }
+      const modal = opener.closest('[aria-modal="true"]');
+      if (modal) {
+        const stops = tabStops(modal);
+        if (stops.length && stops[stops.length - 1] === opener) {
+          e.preventDefault();
+          stops[0].focus();
+          return;
+        }
+      }
+      for (const [otherId, other] of openPopups) {
+        const outer = other.panel.current;
+        if (otherId === id || !outer?.contains(opener)) continue;
+        const stops = tabStops(outer);
+        if (other.tabExits === "any" || stops[stops.length - 1] === opener) {
+          other.leave(e);
+          return;
+        }
+        break;
+      }
+    };
+    const onKeyDown = (e) => {
+      if (e.key !== "Tab" || e.defaultPrevented || tabExits === "none" || !isTop()) return;
+      const p = panel.current;
+      const active = document.activeElement;
+      if (!p || !(active instanceof Node) || !p.contains(active)) return;
+      if (tabExits === "edges") {
+        const stops = tabStops(p);
+        if (stops.length && active !== (e.shiftKey ? stops[0] : stops[stops.length - 1])) return;
+      }
+      leave(e);
+    };
+    openPopups.set(id, { panel, tabExits, leave });
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      openPopups.delete(id);
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open, tabExits, isTop, id, trigger, panel, closeRef, onTabOutRef]);
+  useLayoutEffect(() => {
+    if (open) {
+      wasOpen.current = true;
+      return;
+    }
+    if (!wasOpen.current) return;
+    wasOpen.current = false;
+    const r = remembered.current;
+    remembered.current = null;
+    if (pointerOutside.current || !r) return;
+    const active = document.activeElement;
+    if (active !== r.el && active && active !== document.body && active.isConnected) return;
+    r.restore(trigger.current);
+  }, [open, trigger]);
+  useLayoutEffect(() => () => {
+    if (!wasOpen.current) return;
+    const r = remembered.current;
+    queueMicrotask(() => {
+      const active = document.activeElement;
+      if (active && active !== document.body && active.isConnected) return;
+      r?.restore();
+    });
+  }, []);
+  const returnFocus = useCallback(() => {
+    remembered.current?.restore(trigger.current);
+  }, [trigger]);
+  return { isTop, returnFocus };
+}
+function focusGridKey(root, key) {
+  const el = root?.querySelector(`[data-grid-key="${key}"]`);
+  if (!el) return false;
+  el.focus();
+  return true;
+}
+function useGridKeyboard({ container, active, setActive, keyOf, move }) {
+  const pending = useRef(null);
+  useLayoutEffect(() => {
+    const key = pending.current;
+    if (key !== null && focusGridKey(container.current, key)) pending.current = null;
+  });
+  const activeKey = keyOf(active);
+  const onKeyDown = (e) => {
+    if (e.altKey || e.ctrlKey || e.metaKey) return;
+    const next = move(active, e);
+    if (next === null) return;
+    e.preventDefault();
+    const key = keyOf(next);
+    setActive(next);
+    if (!focusGridKey(container.current, key)) pending.current = key;
+  };
+  const focusActive = () => {
+    if (!focusGridKey(container.current, activeKey)) pending.current = activeKey;
+  };
+  const tabIndexOf = (item) => keyOf(item) === activeKey ? 0 : -1;
+  return { onKeyDown, tabIndexOf, focusActive };
+}
+var ALWAYS_TOP = () => true;
+function useFocusTrap(root, active, isTop = ALWAYS_TOP) {
+  useEffect(() => {
+    if (!active) return;
+    const onKeyDown = (e) => {
+      if (e.key !== "Tab" || e.defaultPrevented || !root.current || !isTop()) return;
+      const focusable = tabStops(root.current);
+      if (focusable.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      const current = document.activeElement;
+      const inside = current instanceof Node && root.current.contains(current);
+      if (e.shiftKey) {
+        if (!inside || current === first) {
+          e.preventDefault();
+          last.focus();
+        }
+      } else if (!inside || current === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [root, active, isTop]);
+}
+function useNonModalDialog(root, active, onClose, isTop = ALWAYS_TOP) {
+  const onCloseRef = useLatest(onClose);
+  useReturnFocus(active);
+  useEffect(() => {
+    if (!active) return;
+    const raf = requestAnimationFrame(() => focusInitial(root.current));
+    return () => cancelAnimationFrame(raf);
+  }, [active, root]);
+  useEffect(() => {
+    if (!active) return;
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape" || !isTop()) return;
+      const el = root.current;
+      if (!el || !el.contains(document.activeElement)) return;
+      onCloseRef.current();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [active, root, isTop, onCloseRef]);
+}
+
+export { OVERLAY_CLOSE_ATTR, focusAfterRemoval, focusInitial, rememberFocus, rovingTabStop, useCloseOnFocusOut, useFocusBeforeOpen, useFocusTrap, useGridKeyboard, useNonModalDialog, useOverlayLayer, usePopupFocus, useReturnFocus };
+//# sourceMappingURL=chunk-VFAKME7Q.js.map
+//# sourceMappingURL=chunk-VFAKME7Q.js.map

package/dist/chunk-VFAKME7Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/focus.ts"],"names":["active"],"mappings":";;;;AASO,IAAM,SAAA,GACX,yLAAA;AAEF,IAAM,KAAA,GAAQ,mDAAA;AACd,IAAM,WAAA,GAAc,0CAAA;AAGb,IAAM,kBAAA,GAAqB;AAKlC,SAAS,WAAW,EAAA,EAA0B;AAC5C,EAAA,IAAI,OAAO,EAAA,CAAG,eAAA,KAAoB,UAAA,EAAY,OAAO,GAAG,eAAA,CAAgB,EAAE,kBAAA,EAAoB,IAAA,EAAM,CAAA;AACpG,EAAA,KAAA,IAAS,CAAA,GAAoB,EAAA,EAAI,CAAA,EAAG,CAAA,GAAI,EAAE,aAAA,EAAe;AACvD,IAAA,IAAI,CAAA,YAAa,WAAA,IAAe,CAAA,CAAE,MAAA,EAAQ,OAAO,KAAA;AACjD,IAAA,MAAM,KAAA,GAAQ,iBAAiB,CAAC,CAAA;AAChC,IAAA,IAAI,KAAA,CAAM,OAAA,KAAY,MAAA,EAAQ,OAAO,KAAA;AACrC,IAAA,IAAI,CAAA,KAAM,EAAA,IAAM,KAAA,CAAM,UAAA,KAAe,UAAU,OAAO,KAAA;AAAA,EACxD;AACA,EAAA,OAAO,IAAA;AACT;AAGA,SAAS,YAAY,EAAA,EAA+B;AAClD,EAAA,IAAI,CAAC,EAAA,CAAG,IAAA,EAAM,OAAO,IAAA;AACrB,EAAA,MAAM,KAAA,GAAoB,EAAA,CAAG,IAAA,IAAQ,EAAA,CAAG,aAAA;AACxC,EAAA,MAAM,KAAA,GAAQ,MAAM,IAAA,CAAK,KAAA,CAAM,iBAAmC,qBAAqB,CAAC,EACrF,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,IAAA,KAAS,GAAG,IAAA,IAAQ,CAAC,EAAE,QAAA,IAAY,CAAA,CAAE,IAAA,KAAS,EAAA,CAAG,IAAI,CAAA;AACxE,EAAA,MAAM,UAAU,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,OAAO,CAAA;AAC3C,EAAA,OAAA,CAAQ,OAAA,IAAW,KAAA,CAAM,CAAC,CAAA,MAAO,EAAA;AACnC;AAOO,SAAS,UAAU,EAAA,EAAgC;AACxD,EAAA,IAAI,EAAE,EAAA,YAAc,WAAA,CAAA,IAAgB,EAAA,CAAG,QAAA,GAAW,GAAG,OAAO,KAAA;AAC5D,EAAA,IAAA,CAAK,EAAA,YAAc,iBAAA,IAAqB,EAAA,YAAc,gBAAA,IAAoB,EAAA,YAAc,qBAAqB,EAAA,YAAc,mBAAA,KAAwB,EAAA,CAAG,QAAA,EAAU,OAAO,KAAA;AACvK,EAAA,IAAI,EAAA,YAAc,gBAAA,KAAqB,EAAA,CAAG,IAAA,KAAS,QAAA,IAAa,EAAA,CAAG,IAAA,KAAS,OAAA,IAAW,CAAC,WAAA,CAAY,EAAE,CAAA,CAAA,EAAK,OAAO,KAAA;AAClH,EAAA,IAAI,EAAA,CAAG,OAAA,CAAQ,SAAS,CAAA,EAAG,OAAO,KAAA;AAClC,EAAA,OAAO,WAAW,EAAE,CAAA;AACtB;AAGO,SAAS,SAAS,IAAA,EAAiC;AACxD,EAAA,OAAO,KAAA,CAAM,KAAK,IAAA,CAAK,gBAAA,CAA8B,SAAS,CAAC,CAAA,CAAE,OAAO,SAAS,CAAA;AACnF;AAgBO,SAAS,YAAA,CAAa,IAAA,EAAsC,IAAA,GAAkC,EAAC,EAAY;AAChH,EAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAClB,EAAA,MAAM,GAAA,GAAM,SAAS,IAAI,CAAA;AACzB,EAAA,IAAI,CAAC,GAAA,CAAI,MAAA,EAAQ,OAAO,KAAA;AACxB,EAAA,MAAM,UAAA,GAAa,IAAI,MAAA,CAAO,CAAC,OAAO,CAAC,EAAA,CAAG,YAAA,CAAa,kBAAkB,CAAC,CAAA;AAK1E,EAAA,MAAM,KAAA,GAAQ,WAAW,IAAA,CAAK,CAAC,OAAO,EAAA,CAAG,OAAA,CAAQ,KAAK,CAAC,CAAA;AACvD,EAAA,IAAI,IAAA,CAAK,WAAA,IAAe,CAAC,KAAA,EAAO;AAC9B,IAAA,MAAM,IAAA,GAAO,WAAW,IAAA,CAAK,CAAC,OAAO,EAAA,CAAG,OAAA,CAAQ,WAAW,CAAC,CAAA;AAC5D,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,IAAA,CAAK,KAAA,EAAM;AACX,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AAEA,EAAA,MAAM,MAAA,GAAS,UAAA,CAAW,IAAA,CAAK,CAAC,OAAO,EAAA,CAAG,OAAA,CAAQ,KAAK,CAAC,CAAA,IAAK,UAAA,CAAW,CAAC,CAAA,IAAK,IAAI,CAAC,CAAA;AACnF,EAAA,MAAA,CAAO,KAAA,EAAM;AACb,EAAA,OAAO,IAAA;AACT;AAUO,SAAS,mBAAmB,IAAA,EAA0C;AAC3E,EAAA,MAAM,MAAA,GAAS,OAAuB,IAAI,CAAA;AAC1C,EAAA,kBAAA,CAAmB,MAAM;AACvB,IAAA,IAAI,IAAA,EAAM,MAAA,CAAO,OAAA,GAAU,QAAA,CAAS,aAAA;AAAA,EACtC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AACT,EAAA,OAAO,MAAA;AACT;AAGA,IAAM,GAAA,GAAM,+CAAA;AAqBL,SAAS,cAAc,EAAA,EAAkC;AAC9D,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,EAAA,MAAM,GAAA,GAAM,EAAA,CAAG,OAAA,CAAqB,GAAG,CAAA;AACvC,EAAA,MAAM,MAAA,GAAS,KAAK,sBAAA,IAA0B,IAAA;AAC9C,EAAA,MAAM,KAAA,GAAQ,KAAK,kBAAA,IAAsB,IAAA;AACzC,EAAA,MAAM,IAAA,GAAO,KAAK,aAAA,IAAiB,IAAA;AACnC,EAAA,MAAM,QAAQ,GAAA,GAAM,QAAA,CAAS,GAAG,CAAA,CAAE,OAAA,CAAQ,EAAE,CAAA,GAAI,EAAA;AAChD,EAAA,MAAM,IAAA,GAAO,KAAK,WAAA,IAAe,EAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,IAAI,GAAA,CAAI,IAAA,GAAO,MAAM,IAAA,CAAK,IAAA,CAAK,QAAA,EAAU,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA,GAAI,EAAE,CAAA;AAEjF,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,GAAA,EAAK,WAAA,IAAe,IAAI,aAAA,KAAkB,IAAA,IAAQ,GAAA,CAAI,WAAA,KAAgB,QAAQ,CAAC,KAAA,CAAM,IAAI,GAAA,CAAI,WAAW,GAAG,OAAO,MAAA;AAChI,IAAA,OAAO,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,QAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAA,KAAgB,IAAI,CAAA,IAAK,GAAA,CAAI,sBAAA;AAAA,EAC9E,CAAA;AACA,EAAA,MAAM,IAAA,GAAO,CAAC,MAAA,KAA2C;AACvD,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,aAAa,OAAO,KAAA;AAC3C,IAAA,MAAA,CAAO,KAAA,EAAM;AACb,IAAA,OAAO,SAAS,aAAA,KAAkB,MAAA;AAAA,EACpC,CAAA;AACA,EAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAsB;AACnC,IAAA,IAAI,CAAC,CAAA,IAAK,CAAC,CAAA,CAAE,aAAa,OAAO,KAAA;AACjC,IAAA,MAAM,KAAA,GAAQ,SAAS,CAAC,CAAA;AACxB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,KAAA,CAAM,MAAA,GAAS,CAAC,CAAC,CAAC,CAAC,CAAA;AAAA,EACnE,CAAA;AACA,EAAA,OAAO;AAAA,IACL,EAAA;AAAA,IACA,QAAQ,QAAA,EAAU;AAChB,MAAA,IAAI,QAAA,CAAS,IAAA,KAAS,IAAA,EAAM,OAAO,KAAA;AACnC,MAAA,IAAI,KAAA,CAAM,OAAA,EAAQ,IAAK,IAAI,GAAG,OAAO,IAAA;AACrC,MAAA,IAAI,IAAA,CAAK,EAAE,CAAA,EAAG,OAAO,IAAA;AACrB,MAAA,IAAI,GAAA,IAAO,CAAC,GAAA,CAAI,WAAA,KAAgB,MAAM,MAAM,CAAA,IAAK,MAAM,KAAK,CAAA,IAAM,CAAC,CAAC,IAAA,EAAM,eAAe,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,CAAE,CAAC,CAAC,CAAA,CAAA,EAAK,OAAO,IAAA;AAC3H,MAAA,OAAO,KAAK,QAAQ,CAAA;AAAA,IACtB;AAAA,GACF;AACF;AAUO,SAAS,cAAA,CAAe,MAAe,IAAA,EAAsC;AAClF,EAAA,MAAM,UAAA,GAAa,OAA+B,IAAI,CAAA;AACtD,EAAA,MAAM,MAAA,GAAS,mBAAmB,IAAI,CAAA;AACtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAMA,UAAS,MAAA,CAAO,OAAA;AACtB,MAAA,UAAA,CAAW,OAAA,GAAUA,OAAAA,YAAkB,WAAA,IAAeA,OAAAA,KAAW,QAAA,CAAS,QAAQA,OAAAA,CAAO,WAAA,GAAc,aAAA,CAAcA,OAAM,CAAA,GAAI,IAAA;AAC/H,MAAA;AAAA,IACF;AACA,IAAA,MAAM,IAAI,UAAA,CAAW,OAAA;AACrB,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,IAAA,IAAI,CAAC,CAAA,EAAG;AACR,IAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,IAAA,MAAM,OAAO,CAAC,MAAA,IAAU,WAAW,QAAA,CAAS,IAAA,IAAQ,CAAC,MAAA,CAAO,WAAA;AAC5D,IAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,IAAS,MAAA,YAAkB,IAAA,IAAQ,CAAC,CAAC,IAAA,CAAK,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,IAAM,OAAA,EAAQ;AAAA,EAC/F,CAAA,EAAG,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,CAAC,CAAA;AACvB,EAAA,OAAO,YAAY,MAAM;AAAE,IAAA,UAAA,CAAW,SAAS,OAAA,EAAQ;AAAA,EAAG,CAAA,EAAG,EAAE,CAAA;AACjE;AAOO,SAAS,aAAA,CAAiB,KAAA,EAAY,SAAA,EAAiC,UAAA,GAAmC,MAAM,KAAA,EAAe;AACpI,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,SAAA,CAAU,CAAC,IAAA,KAAS,SAAA,CAAU,IAAI,CAAA,IAAK,CAAC,UAAA,CAAW,IAAI,CAAC,CAAA;AAC9E,EAAA,OAAO,OAAA,IAAW,CAAA,GAAI,OAAA,GAAU,KAAA,CAAM,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,UAAA,CAAW,IAAI,CAAC,CAAA;AAC7E;AAOO,SAAS,iBAAA,CAAkB,KAAA,EAA+B,KAAA,EAAe,QAAA,EAA+B;AAC7G,EAAA,CAAC,KAAA,CAAM,QAAQ,CAAC,CAAA,IAAK,MAAM,KAAK,CAAA,IAAK,WAAW,KAAA,EAAM;AACxD;AASA,IAAM,SAAmB,EAAC;AAOnB,SAAS,gBAAgB,IAAA,EAA8B;AAC5D,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,SAAS,sBAAM,MAAA,CAAO,eAAe,CAAC,CAAA;AACnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAA,CAAO,KAAK,EAAE,CAAA;AACd,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,CAAA,GAAI,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAA;AAC3B,MAAA,IAAI,CAAA,IAAK,CAAA,EAAG,MAAA,CAAO,MAAA,CAAO,GAAG,CAAC,CAAA;AAAA,IAChC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,EAAE,CAAC,CAAA;AACb,EAAA,OAAO,WAAA,CAAY,MAAM,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA,KAAM,EAAA,EAAI,CAAC,EAAE,CAAC,CAAA;AACjE;AAiBO,SAAS,mBACd,IAAA,EACA,UAAA,EACA,QAAA,EACA,OAAA,EACA,QAAuB,UAAA,EACvB;AAEA,EAAA,MAAM,UAAA,GAAa,UAAU,OAAO,CAAA;AACpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,IAAI,aAAA,GAAgB,KAAA;AACpB,IAAA,MAAM,SAAS,CAAC,CAAA,KACd,CAAA,YAAa,IAAA,KAAS,CAAC,CAAC,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,IAAK,CAAC,CAAC,QAAA,CAAS,OAAA,EAAS,SAAS,CAAC,CAAA,CAAA;AAC3F,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAoB;AAAE,MAAA,aAAA,GAAgB,MAAA,CAAO,EAAE,MAAM,CAAA;AAAA,IAAG,CAAA;AAC/E,IAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAAkB;AACpC,MAAA,IAAI,CAAC,MAAA,CAAO,CAAA,CAAE,MAAM,CAAA,EAAG;AACvB,MAAA,IAAI,EAAE,aAAA,EAAe;AACnB,QAAA,IAAI,CAAC,OAAO,CAAA,CAAE,aAAa,KAAK,KAAA,EAAM,aAAc,OAAA,EAAQ;AAC5D,QAAA;AAAA,MACF;AACA,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,IAAI,aAAA,EAAe;AAAE,UAAA,aAAA,GAAgB,KAAA;AAAO,UAAA;AAAA,QAAQ;AACpD,QAAA,IAAI,CAAC,OAAO,QAAA,CAAS,aAAa,KAAK,KAAA,EAAM,aAAc,OAAA,EAAQ;AAAA,MACrE,GAAG,CAAC,CAAA;AAAA,IACN,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAA,EAAe,aAAA,EAAe,IAAI,CAAA;AAC5D,IAAA,QAAA,CAAS,gBAAA,CAAiB,UAAA,EAAY,UAAA,EAAY,IAAI,CAAA;AACtD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAA,EAAe,aAAA,EAAe,IAAI,CAAA;AAC/D,MAAA,QAAA,CAAS,mBAAA,CAAoB,UAAA,EAAY,UAAA,EAAY,IAAI,CAAA;AAAA,IAC3D,CAAA;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,YAAY,QAAA,EAAU,KAAA,EAAO,UAAU,CAAC,CAAA;AACpD;AAkBA,IAAM,UAAA,uBAAiB,GAAA,EAAuB;AAgCvC,SAAS,aAAA,CAAc,MAAe,EAAE,OAAA,EAAS,OAAO,KAAA,EAAO,QAAA,EAAU,UAAS,EAAsB;AAC7G,EAAA,MAAM,KAAA,GAAQ,gBAAgB,IAAI,CAAA;AAClC,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,SAAS,sBAAM,MAAA,CAAO,OAAO,CAAC,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAW,UAAU,KAAK,CAAA;AAChC,EAAA,MAAM,WAAA,GAAc,UAAU,QAAQ,CAAA;AACtC,EAAA,MAAM,UAAA,GAAa,OAA+B,IAAI,CAAA;AACtD,EAAA,MAAM,cAAA,GAAiB,OAAO,KAAK,CAAA;AACnC,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAE5B,EAAA,kBAAA,CAAmB,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,KAAA,EAAO,KAAK,CAAA;AAGrD,EAAA,MAAM,MAAA,GAAS,mBAAmB,IAAI,CAAA;AACtC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,SAAS,MAAA,CAAO,OAAA;AACtB,IAAA,MAAM,OAAA,GAAU,kBAAkB,IAAA,IAAQ,CAAC,CAAC,KAAA,CAAM,OAAA,EAAS,SAAS,MAAM,CAAA;AAC1E,IAAA,MAAM,MAAA,GAAS,kBAAkB,WAAA,IAAe,MAAA,KAAW,SAAS,IAAA,IAAQ,CAAC,OAAA,GAAU,MAAA,GAAS,OAAA,CAAQ,OAAA;AACxG,IAAA,UAAA,CAAW,OAAA,GAAU,MAAA,GAAS,aAAA,CAAc,MAAM,CAAA,GAAI,IAAA;AACtD,IAAA,cAAA,CAAe,OAAA,GAAU,KAAA;AAAA,EAC3B,GAAG,CAAC,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAM,CAAC,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAoB;AACzC,MAAA,MAAM,IAAI,CAAA,CAAE,MAAA;AACZ,MAAA,cAAA,CAAe,UAAU,EAAE,CAAA,YAAa,IAAA,KAAS,CAAC,CAAC,OAAA,CAAQ,OAAA,EAAS,QAAA,CAAS,CAAC,KAAK,CAAC,CAAC,KAAA,CAAM,OAAA,EAAS,SAAS,CAAC,CAAA,CAAA,CAAA;AAAA,IAChH,CAAA;AACA,IAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAqB;AAClC,MAAA,WAAA,CAAY,UAAU,CAAC,CAAA;AACvB,MAAA,MAAM,IAAI,UAAA,CAAW,OAAA;AACrB,MAAA,MAAM,SAAS,CAAA,IAAK,CAAA,CAAE,GAAG,WAAA,GAAc,CAAA,CAAE,KAAK,OAAA,CAAQ,OAAA;AAEtD,MAAA,MAAA,EAAQ,KAAA,EAAM;AACd,MAAA,SAAA,CAAU,MAAM,QAAA,CAAS,OAAA,EAAS,CAAA;AAClC,MAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,WAAA,EAAa;AACpC,MAAA,IAAI,EAAE,QAAA,EAAU;AACd,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,OAAA,CAAqB,qBAAqB,CAAA;AAC/D,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,KAAA,GAAQ,SAAS,KAAK,CAAA;AAC5B,QAAA,IAAI,MAAM,MAAA,IAAU,KAAA,CAAM,MAAM,MAAA,GAAS,CAAC,MAAM,MAAA,EAAQ;AACtD,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,KAAA,CAAM,CAAC,EAAE,KAAA,EAAM;AACf,UAAA;AAAA,QACF;AAAA,MACF;AACA,MAAA,KAAA,MAAW,CAAC,OAAA,EAAS,KAAK,CAAA,IAAK,UAAA,EAAY;AACzC,QAAA,MAAM,KAAA,GAAQ,MAAM,KAAA,CAAM,OAAA;AAC1B,QAAA,IAAI,YAAY,EAAA,IAAM,CAAC,KAAA,EAAO,QAAA,CAAS,MAAM,CAAA,EAAG;AAChD,QAAA,MAAM,KAAA,GAAQ,SAAS,KAAK,CAAA;AAC5B,QAAA,IAAI,KAAA,CAAM,aAAa,KAAA,IAAS,KAAA,CAAM,MAAM,MAAA,GAAS,CAAC,MAAM,MAAA,EAAQ;AAClE,UAAA,KAAA,CAAM,MAAM,CAAC,CAAA;AACb,UAAA;AAAA,QACF;AACA,QAAA;AAAA,MACF;AAAA,IAEF,CAAA;AACA,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAqB;AACtC,MAAA,IAAI,CAAA,CAAE,QAAQ,KAAA,IAAS,CAAA,CAAE,oBAAoB,QAAA,KAAa,MAAA,IAAU,CAAC,KAAA,EAAM,EAAG;AAC9E,MAAA,MAAM,IAAI,KAAA,CAAM,OAAA;AAChB,MAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,MAAA,IAAI,CAAC,KAAK,EAAE,MAAA,YAAkB,SAAS,CAAC,CAAA,CAAE,QAAA,CAAS,MAAM,CAAA,EAAG;AAC5D,MAAA,IAAI,aAAa,OAAA,EAAS;AACxB,QAAA,MAAM,KAAA,GAAQ,SAAS,CAAC,CAAA;AACxB,QAAA,IAAI,KAAA,CAAM,MAAA,IAAU,MAAA,MAAY,CAAA,CAAE,QAAA,GAAW,KAAA,CAAM,CAAC,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,CAAA,EAAI;AAAA,MACpF;AACA,MAAA,KAAA,CAAM,CAAC,CAAA;AAAA,IACT,CAAA;AACA,IAAA,UAAA,CAAW,IAAI,EAAA,EAAI,EAAE,KAAA,EAAO,QAAA,EAAU,OAAO,CAAA;AAC7C,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAA,EAAe,aAAA,EAAe,IAAI,CAAA;AAC5D,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAO,EAAE,CAAA;AACpB,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAA,EAAe,aAAA,EAAe,IAAI,CAAA;AAC/D,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,IACnD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,IAAI,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,WAAW,CAAC,CAAA;AAIrE,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACtB,IAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAClB,IAAA,MAAM,IAAI,UAAA,CAAW,OAAA;AACrB,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,IAAA,IAAI,cAAA,CAAe,OAAA,IAAW,CAAC,CAAA,EAAG;AAGlC,IAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,IAAA,IAAI,MAAA,KAAW,EAAE,EAAA,IAAM,MAAA,IAAU,WAAW,QAAA,CAAS,IAAA,IAAQ,OAAO,WAAA,EAAa;AACjF,IAAA,CAAA,CAAE,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAGlB,EAAA,eAAA,CAAgB,MAAM,MAAM;AAC1B,IAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACtB,IAAA,MAAM,IAAI,UAAA,CAAW,OAAA;AACrB,IAAA,cAAA,CAAe,MAAM;AACnB,MAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,MAAA,IAAI,MAAA,IAAU,MAAA,KAAW,QAAA,CAAS,IAAA,IAAQ,OAAO,WAAA,EAAa;AAC9D,MAAA,CAAA,EAAG,OAAA,EAAQ;AAAA,IACb,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,UAAA,CAAW,OAAA,EAAS,OAAA,CAAQ,OAAA,CAAQ,OAAO,CAAA;AAAA,EAC7C,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,OAAO,WAAA,EAAY;AAC9B;AAYA,SAAS,YAAA,CAAa,MAA0B,GAAA,EAAsB;AACpE,EAAA,MAAM,EAAA,GAAK,IAAA,EAAM,aAAA,CAA2B,CAAA,gBAAA,EAAmB,GAAG,CAAA,EAAA,CAAI,CAAA;AACtE,EAAA,IAAI,CAAC,IAAI,OAAO,KAAA;AAChB,EAAA,EAAA,CAAG,KAAA,EAAM;AACT,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,gBAAmB,EAAE,SAAA,EAAW,QAAQ,SAAA,EAAW,KAAA,EAAO,MAAK,EAM5E;AACD,EAAA,MAAM,OAAA,GAAU,OAAsB,IAAI,CAAA;AAC1C,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,MAAM,OAAA,CAAQ,OAAA;AACpB,IAAA,IAAI,GAAA,KAAQ,QAAQ,YAAA,CAAa,SAAA,CAAU,SAAS,GAAG,CAAA,UAAW,OAAA,GAAU,IAAA;AAAA,EAC9E,CAAC,CAAA;AACD,EAAA,MAAM,SAAA,GAAY,MAAM,MAAM,CAAA;AAC9B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAA0B;AAC3C,IAAA,IAAI,CAAA,CAAE,MAAA,IAAU,CAAA,CAAE,OAAA,IAAW,EAAE,OAAA,EAAS;AACxC,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,MAAA,EAAQ,CAAC,CAAA;AAC3B,IAAA,IAAI,SAAS,IAAA,EAAM;AACnB,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,GAAA,GAAM,MAAM,IAAI,CAAA;AACtB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,IAAI,CAAC,YAAA,CAAa,SAAA,CAAU,SAAS,GAAG,CAAA,UAAW,OAAA,GAAU,GAAA;AAAA,EAC/D,CAAA;AACA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,CAAC,YAAA,CAAa,SAAA,CAAU,SAAS,SAAS,CAAA,UAAW,OAAA,GAAU,SAAA;AAAA,EACrE,CAAA;AACA,EAAA,MAAM,aAAa,CAAC,IAAA,KAAa,MAAM,IAAI,CAAA,KAAM,YAAY,CAAA,GAAI,EAAA;AACjE,EAAA,OAAO,EAAE,SAAA,EAAW,UAAA,EAAY,WAAA,EAAY;AAC9C;AAIA,IAAM,aAAa,MAAM,IAAA;AASlB,SAAS,YAAA,CAAa,IAAA,EAAqC,MAAA,EAAiB,KAAA,GAAuB,UAAA,EAAY;AACpH,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAqB;AACtC,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,KAAA,IAAS,CAAA,CAAE,gBAAA,IAAoB,CAAC,IAAA,CAAK,OAAA,IAAW,CAAC,KAAA,EAAM,EAAG;AACxE,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,IAAA,CAAK,OAAO,CAAA;AACvC,MAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,KAAA,GAAQ,UAAU,CAAC,CAAA;AACzB,MAAA,MAAM,IAAA,GAAO,SAAA,CAAU,SAAA,CAAU,MAAA,GAAS,CAAC,CAAA;AAC3C,MAAA,MAAM,UAAU,QAAA,CAAS,aAAA;AACzB,MAAA,MAAM,SAAS,OAAA,YAAmB,IAAA,IAAQ,IAAA,CAAK,OAAA,CAAQ,SAAS,OAAO,CAAA;AACvE,MAAA,IAAI,EAAE,QAAA,EAAU;AACd,QAAA,IAAI,CAAC,MAAA,IAAU,OAAA,KAAY,KAAA,EAAO;AAChC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,CAAA,MAAA,IAAW,CAAC,MAAA,IAAU,OAAA,KAAY,IAAA,EAAM;AACtC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,KAAA,CAAM,KAAA,EAAM;AAAA,MACd;AAAA,IACF,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,SAAS,CAAA;AAAA,EAChE,CAAA,EAAG,CAAC,IAAA,EAAM,MAAA,EAAQ,KAAK,CAAC,CAAA;AAC1B;AAiBO,SAAS,iBAAA,CACd,IAAA,EACA,MAAA,EACA,OAAA,EACA,QAAuB,UAAA,EACvB;AACA,EAAA,MAAM,UAAA,GAAa,UAAU,OAAO,CAAA;AACpC,EAAA,cAAA,CAAe,MAAM,CAAA;AACrB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,MAAM,qBAAA,CAAsB,MAAM,YAAA,CAAa,IAAA,CAAK,OAAO,CAAC,CAAA;AAClE,IAAA,OAAO,MAAM,qBAAqB,GAAG,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAI,CAAC,CAAA;AACjB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAqB;AACtC,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,IAAY,CAAC,OAAM,EAAG;AACpC,MAAA,MAAM,KAAK,IAAA,CAAK,OAAA;AAChB,MAAA,IAAI,CAAC,EAAA,IAAM,CAAC,GAAG,QAAA,CAAS,QAAA,CAAS,aAAa,CAAA,EAAG;AACjD,MAAA,UAAA,CAAW,OAAA,EAAQ;AAAA,IACrB,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,SAAS,CAAA;AAAA,EAChE,GAAG,CAAC,MAAA,EAAQ,IAAA,EAAM,KAAA,EAAO,UAAU,CAAC,CAAA;AACtC","file":"chunk-VFAKME7Q.js","sourcesContent":["import { useCallback, useEffect, useInsertionEffect, useLayoutEffect, useRef, useState, type KeyboardEvent as ReactKeyboardEvent, type RefObject } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useLatest } from \"./use-latest\";\n\n/**\n * Everything a keyboard user might land on: the candidates. Whether one is a\n * Tab stop right now is `isTabStop`'s call (a roving item with tabindex=\"-1\", a\n * hidden input or a disabled field matches this selector but is not a stop).\n */\nexport const FOCUSABLE =\n  'a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"]), [contenteditable]:not([contenteditable=\"false\"])';\n\nconst FIELD = \"input, select, textarea, [contenteditable='true']\";\nconst SAFE_BUTTON = 'button:not([data-variant=\"destructive\"])';\n\n/** Mark an overlay's own close/dismiss button so initial focus skips it. */\nexport const OVERLAY_CLOSE_ATTR = \"data-overlay-close\";\n\n// ─── Tab stops ───────────────────────────────────────────────────────────────\n\n/** Rendered and not hidden. Real browsers answer with checkVisibility; with no layout (jsdom) the tree is walked. */\nfunction isRendered(el: HTMLElement): boolean {\n  if (typeof el.checkVisibility === \"function\") return el.checkVisibility({ checkVisibilityCSS: true });\n  for (let n: Element | null = el; n; n = n.parentElement) {\n    if (n instanceof HTMLElement && n.hidden) return false;\n    const style = getComputedStyle(n);\n    if (style.display === \"none\") return false;\n    if (n === el && style.visibility === \"hidden\") return false;\n  }\n  return true;\n}\n\n/** A native radio is a Tab stop when it is its group's checked radio, or the first when none is checked. */\nfunction isRadioStop(el: HTMLInputElement): boolean {\n  if (!el.name) return true;\n  const scope: ParentNode = el.form ?? el.ownerDocument;\n  const group = Array.from(scope.querySelectorAll<HTMLInputElement>('input[type=\"radio\"]'))\n    .filter((r) => r.name === el.name && !r.disabled && r.form === el.form);\n  const checked = group.find((r) => r.checked);\n  return (checked ?? group[0]) === el;\n}\n\n/**\n * Could the browser's own Tab land here? A focusable element with a\n * non-negative tabIndex, not disabled, not a hidden input, not inside an inert\n * subtree, rendered, and for a native radio the group's one stop (Sprint 25.7).\n */\nexport function isTabStop(el: Element): el is HTMLElement {\n  if (!(el instanceof HTMLElement) || el.tabIndex < 0) return false;\n  if ((el instanceof HTMLButtonElement || el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) && el.disabled) return false;\n  if (el instanceof HTMLInputElement && (el.type === \"hidden\" || (el.type === \"radio\" && !isRadioStop(el)))) return false;\n  if (el.closest(\"[inert]\")) return false;\n  return isRendered(el);\n}\n\n/** The Tab stops inside `root`, in document order. */\nexport function tabStops(root: ParentNode): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(isTabStop);\n}\n\n/**\n * Move initial focus into an overlay the way users expect: the first visible\n * form field if there is one, otherwise the first focusable element that is\n * not the overlay's own close button.\n *\n * For destructive confirmations (`destructive: true`) the corpus rule applies\n * instead: focus the non-destructive action so Enter can't confirm by\n * accident. That is the first button not rendered with the destructive\n * variant, regardless of footer order; a lone destructive button falls back to\n * the general rule.\n *\n * React's `autoFocus` prop is not reflected as a DOM attribute, so a\n * field-first rule is the reliable general behaviour.\n */\nexport function focusInitial(root: HTMLElement | null | undefined, opts: { destructive?: boolean } = {}): boolean {\n  if (!root) return false;\n  const all = tabStops(root);\n  if (!all.length) return false;\n  const candidates = all.filter((el) => !el.hasAttribute(OVERLAY_CLOSE_ATTR));\n\n  // Round 18 (the owner, 55.5; round 17 F-9): a destructive dialog that holds a field is a type-to-confirm dialog — its\n  // confirm stays disabled until the text matches, so the field is the safe target. Cancel is the target only when the\n  // dialog is buttons-only.\n  const field = candidates.find((el) => el.matches(FIELD));\n  if (opts.destructive && !field) {\n    const safe = candidates.find((el) => el.matches(SAFE_BUTTON));\n    if (safe) {\n      safe.focus();\n      return true;\n    }\n  }\n\n  const target = candidates.find((el) => el.matches(FIELD)) ?? candidates[0] ?? all[0];\n  target.focus();\n  return true;\n}\n\n// ─── Remembering where focus was ─────────────────────────────────────────────\n\n/**\n * The element that had focus when `open` turned true, read before this commit's children can move it. An `autoFocus`\n * field inside a dialog takes focus while React commits (the layout phase), so an effect that reads\n * document.activeElement afterwards sees that field, not the opener (run 57's type-to-confirm dialog, Sprint 25.7).\n * Insertion effects run earlier in the commit, before any of that.\n */\nexport function useFocusBeforeOpen(open: boolean): RefObject<Element | null> {\n  const before = useRef<Element | null>(null);\n  useInsertionEffect(() => {\n    if (open) before.current = document.activeElement;\n  }, [open]);\n  return before;\n}\n\n/** What counts as \"the row\" an opener sits in, for a row that is deleted while its menu or dialog is open. */\nconst ROW = 'tr, li, [role=\"row\"], [data-card], [data-row]';\n\nexport interface RememberedFocus {\n  readonly el: HTMLElement;\n  /**\n   * Put focus back (Sprint 25.7). Nothing happens once the page has changed:\n   * the new page owns focus (D14(d)). Otherwise the element itself; if its row\n   * was deleted, the same control in the row before, else the row after, else\n   * the first Tab stop of the list (D14(c), MOJ \"Add another\" order); else\n   * `fallback`. True when focus landed.\n   *\n   * A list keyed by position (the library Table, `key={i}`) keeps a deleted\n   * row's elements and fills them with the next item, and a paged list keeps\n   * its length. So when this row now shows what another row showed, the list\n   * has shifted: focus follows this item to its new row, or, when it is gone,\n   * goes to the row before (else this row, which now holds the item after). A\n   * row edited in place shows something no row showed, and keeps focus.\n   */\n  restore(fallback?: HTMLElement | null): boolean;\n}\n\nexport function rememberFocus(el: HTMLElement): RememberedFocus {\n  const href = location.href;\n  const row = el.closest<HTMLElement>(ROW);\n  const before = row?.previousElementSibling ?? null;\n  const after = row?.nextElementSibling ?? null;\n  const list = row?.parentElement ?? null;\n  const index = row ? tabStops(row).indexOf(el) : -1;\n  const text = row?.textContent ?? \"\";\n  const shown = new Set(list ? Array.from(list.children, (r) => r.textContent) : []);\n  /** This row now shows another row's item: the row that has this item now, else the row before. */\n  const shifted = () => {\n    if (!list || !row?.isConnected || row.parentElement !== list || row.textContent === text || !shown.has(row.textContent)) return undefined;\n    return Array.from(list.children).find((r) => r.textContent === text) ?? row.previousElementSibling;\n  };\n  const land = (target: HTMLElement | null | undefined) => {\n    if (!target || !target.isConnected) return false;\n    target.focus();\n    return document.activeElement === target;\n  };\n  const inRow = (r: Element | null) => {\n    if (!r || !r.isConnected) return false;\n    const stops = tabStops(r);\n    return land(stops[Math.max(0, Math.min(index, stops.length - 1))]);\n  };\n  return {\n    el,\n    restore(fallback) {\n      if (location.href !== href) return false;\n      if (inRow(shifted() ?? null)) return true;\n      if (land(el)) return true;\n      if (row && !row.isConnected && (inRow(before) || inRow(after) || (!!list?.isConnected && land(tabStops(list)[0])))) return true;\n      return land(fallback);\n    },\n  };\n}\n\n/**\n * Remember what had focus when a modal overlay opened and give it back on\n * close (corpus: \"After an overlay closes, return focus to the element that\n * triggered it\"). With `root`, focus is given back only when it was lost or is\n * still inside the closing overlay, so a focus move the consumer made on close\n * wins. Returns `returnFocus()` for a command that must hand focus back before\n * it runs (CommandPalette: a command that opens a Dialog).\n */\nexport function useReturnFocus(open: boolean, root?: RefObject<HTMLElement | null>) {\n  const remembered = useRef<RememberedFocus | null>(null);\n  const before = useFocusBeforeOpen(open);\n  useEffect(() => {\n    if (open) {\n      const active = before.current;\n      remembered.current = active instanceof HTMLElement && active !== document.body && active.isConnected ? rememberFocus(active) : null;\n      return;\n    }\n    const r = remembered.current;\n    remembered.current = null;\n    if (!r) return;\n    const active = document.activeElement;\n    const lost = !active || active === document.body || !active.isConnected;\n    if (!root || lost || (active instanceof Node && !!root.current?.contains(active))) r.restore();\n  }, [open, root, before]);\n  return useCallback(() => { remembered.current?.restore(); }, []);\n}\n\n/**\n * Index of the single Tab stop in a radio-style group (APG radio pattern):\n * the checked item, else the first enabled item so a group with no selection\n * is still reachable. −1 when every item is disabled.\n */\nexport function rovingTabStop<T>(items: T[], isChecked: (item: T) => boolean, isDisabled: (item: T) => boolean = () => false): number {\n  const checked = items.findIndex((item) => isChecked(item) && !isDisabled(item));\n  return checked >= 0 ? checked : items.findIndex((item) => !isDisabled(item));\n}\n\n/**\n * Rule 4 (D14(c), MOJ \"Add another\" order): after the item at `index` was\n * removed, focus the item before it, else the one now in its place, else\n * `fallback`. `items` is the list as it is after the removal.\n */\nexport function focusAfterRemoval(items: ArrayLike<HTMLElement>, index: number, fallback?: HTMLElement | null) {\n  (items[index - 1] ?? items[index] ?? fallback)?.focus();\n}\n\n// ─── Overlay layers ──────────────────────────────────────────────────────────\n// Every overlay that closes on Escape listens on `document`, so a Dropdown open\n// inside a Drawer used to close both with one key press. Open overlays register\n// here in the order they opened; only the topmost one acts on a global key.\n// (Two overlays opening in the same commit register child-first; in practice\n// overlays open one user action at a time.)\n\nconst layers: symbol[] = [];\n\n/**\n * Register this overlay as a layer while `open`. Returns a stable predicate\n * that is true when this overlay is the topmost open one — check it before\n * acting on Escape or trapping Tab.\n */\nexport function useOverlayLayer(open: boolean): () => boolean {\n  const [id] = useState(() => Symbol(\"overlay-layer\"));\n  useEffect(() => {\n    if (!open) return;\n    layers.push(id);\n    return () => {\n      const i = layers.indexOf(id);\n      if (i >= 0) layers.splice(i, 1);\n    };\n  }, [open, id]);\n  return useCallback(() => layers[layers.length - 1] === id, [id]);\n}\n\n/** Number of registered overlay layers (test seam). */\nexport function getOverlayLayerCount(): number {\n  return layers.length;\n}\n\n// ─── Close on focus-out ──────────────────────────────────────────────────────\n\n/**\n * Close a non-modal popover (menu, picker, panel) when keyboard focus leaves\n * both its trigger and its panel — Tab and Shift+Tab out, or focus leaving the\n * document. Nested overlays (a Dropdown inside a Popover) register a layer on\n * top, so focus moving into them does not count as leaving. A pointer-down on\n * a non-focusable spot inside the panel briefly sends focus to body; that is\n * ignored so clicking panel chrome never closes it.\n */\nexport function useCloseOnFocusOut(\n  open: boolean,\n  triggerRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  onClose: () => void,\n  isTop: () => boolean = ALWAYS_TOP,\n) {\n  // Latest-value ref written in a layout effect, not during render (React Compiler `refs` rule).\n  const onCloseRef = useLatest(onClose);\n  useEffect(() => {\n    if (!open) return;\n    let pointerInside = false;\n    const inside = (n: EventTarget | Node | null) =>\n      n instanceof Node && (!!triggerRef.current?.contains(n) || !!panelRef.current?.contains(n));\n    const onPointerDown = (e: PointerEvent) => { pointerInside = inside(e.target); };\n    const onFocusOut = (e: FocusEvent) => {\n      if (!inside(e.target)) return;\n      if (e.relatedTarget) {\n        if (!inside(e.relatedTarget) && isTop()) onCloseRef.current();\n        return;\n      }\n      setTimeout(() => {\n        if (pointerInside) { pointerInside = false; return; }\n        if (!inside(document.activeElement) && isTop()) onCloseRef.current();\n      }, 0);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"focusout\", onFocusOut, true);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"focusout\", onFocusOut, true);\n    };\n  }, [open, triggerRef, panelRef, isTop, onCloseRef]);\n}\n\n// ─── Popup focus (Sprint 25.7) ───────────────────────────────────────────────\n// Every non-modal popup — a list, a menu, a picker, a panel — renders in a portal\n// at the end of <body>. Without help, a choice removes the focused option and\n// focus falls to the page, and Tab out of the panel moves on from the end of the\n// document. usePopupFocus hands focus back and makes Tab carry on from the\n// control that opened the popup, in the browser's own order.\n\nexport type PopupTabExits = \"any\" | \"edges\" | \"none\";\n\ninterface OpenPopup {\n  panel: RefObject<HTMLElement | null>;\n  tabExits: PopupTabExits;\n  leave: (e: KeyboardEvent) => void;\n}\n\n/** Open popups, so a popup inside another popup's panel can hand a Tab exit on to it. */\nconst openPopups = new Map<symbol, OpenPopup>();\n\nexport interface PopupFocusOptions {\n  trigger: RefObject<HTMLElement | null>;\n  panel: RefObject<HTMLElement | null>;\n  /** Closes the popup (sets its open state false). */\n  close: () => void;\n  /**\n   * How Tab leaves the panel. \"any\": every Tab leaves (single-stop lists and\n   * menus). \"edges\": Tab leaves from the panel's last Tab stop and Shift+Tab\n   * from its first (panels with several stops). \"none\": focus never enters the\n   * panel (a combobox keeps it in its input), so the browser's Tab is left alone.\n   */\n  tabExits: PopupTabExits;\n  /** Runs first when Tab leaves, before the popup closes — a list commits the option the user moved to (D14(a)). */\n  onTabOut?: (e: KeyboardEvent) => void;\n}\n\n/**\n * Focus for a non-modal popup (Sprint 25.7, P10):\n * - records the opener when the popup opens (the trigger when focus was on the page);\n * - closes on focus-out, and registers the overlay layer (`isTop`);\n * - Tab out of the panel closes it and carries on from the opener: Shift+Tab lands\n *   on the opener; Tab puts focus on the opener and lets the browser's own Tab run,\n *   except that inside a modal the opener's being its last stop wraps to its first,\n *   and inside another popup's panel that popup's own exit rule then applies;\n * - on close, when focus was lost (the focused option went with the panel), puts it\n *   back — unless the close followed a pointer-down outside or the page changed;\n * - returns `returnFocus()`, which a select handler calls before the consumer's\n *   callback so a dialog that callback opens records the opener, and any focus\n *   move the consumer makes wins.\n */\nexport function usePopupFocus(open: boolean, { trigger, panel, close, tabExits, onTabOut }: PopupFocusOptions) {\n  const isTop = useOverlayLayer(open);\n  const [id] = useState(() => Symbol(\"popup\"));\n  const closeRef = useLatest(close);\n  const onTabOutRef = useLatest(onTabOut);\n  const remembered = useRef<RememberedFocus | null>(null);\n  const pointerOutside = useRef(false);\n  const wasOpen = useRef(false);\n\n  useCloseOnFocusOut(open, trigger, panel, close, isTop);\n\n  // The opener, as it was before this commit (content with autoFocus moves focus in during it).\n  const before = useFocusBeforeOpen(open);\n  useLayoutEffect(() => {\n    if (!open) return;\n    const active = before.current;\n    const inPanel = active instanceof Node && !!panel.current?.contains(active);\n    const opener = active instanceof HTMLElement && active !== document.body && !inPanel ? active : trigger.current;\n    remembered.current = opener ? rememberFocus(opener) : null;\n    pointerOutside.current = false;\n  }, [open, trigger, panel, before]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (e: PointerEvent) => {\n      const t = e.target;\n      pointerOutside.current = !(t instanceof Node && (!!trigger.current?.contains(t) || !!panel.current?.contains(t)));\n    };\n    const leave = (e: KeyboardEvent) => {\n      onTabOutRef.current?.(e);\n      const r = remembered.current;\n      const opener = r && r.el.isConnected ? r.el : trigger.current;\n      // Focus the opener, then close now, so the panel is gone before the browser moves focus on.\n      opener?.focus();\n      flushSync(() => closeRef.current());\n      if (!opener || !opener.isConnected) return;\n      if (e.shiftKey) {\n        e.preventDefault();\n        return;\n      }\n      const modal = opener.closest<HTMLElement>('[aria-modal=\"true\"]');\n      if (modal) {\n        const stops = tabStops(modal);\n        if (stops.length && stops[stops.length - 1] === opener) {\n          e.preventDefault();\n          stops[0].focus();\n          return;\n        }\n      }\n      for (const [otherId, other] of openPopups) {\n        const outer = other.panel.current;\n        if (otherId === id || !outer?.contains(opener)) continue;\n        const stops = tabStops(outer);\n        if (other.tabExits === \"any\" || stops[stops.length - 1] === opener) {\n          other.leave(e);\n          return;\n        }\n        break;\n      }\n      // The browser's own Tab carries on from the opener.\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\" || e.defaultPrevented || tabExits === \"none\" || !isTop()) return;\n      const p = panel.current;\n      const active = document.activeElement;\n      if (!p || !(active instanceof Node) || !p.contains(active)) return;\n      if (tabExits === \"edges\") {\n        const stops = tabStops(p);\n        if (stops.length && active !== (e.shiftKey ? stops[0] : stops[stops.length - 1])) return;\n      }\n      leave(e);\n    };\n    openPopups.set(id, { panel, tabExits, leave });\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      openPopups.delete(id);\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open, tabExits, isTop, id, trigger, panel, closeRef, onTabOutRef]);\n\n  // The safety net: a close the component could not see (content that closes it,\n  // a choice that removed the focused option) puts focus back when it was lost.\n  useLayoutEffect(() => {\n    if (open) {\n      wasOpen.current = true;\n      return;\n    }\n    if (!wasOpen.current) return;\n    wasOpen.current = false;\n    const r = remembered.current;\n    remembered.current = null;\n    if (pointerOutside.current || !r) return;\n    // Focus that is somewhere real stays there: the user or the consumer put it there. Focus on the opener is\n    // checked again, because the choice may have deleted the opener's row in this commit (see rememberFocus).\n    const active = document.activeElement;\n    if (active !== r.el && active && active !== document.body && active.isConnected) return;\n    r.restore(trigger.current);\n  }, [open, trigger]);\n\n  // Removed while open (a row menu whose Delete removed its own row): give focus back once the DOM has settled.\n  useLayoutEffect(() => () => {\n    if (!wasOpen.current) return;\n    const r = remembered.current;\n    queueMicrotask(() => {\n      const active = document.activeElement;\n      if (active && active !== document.body && active.isConnected) return;\n      r?.restore();\n    });\n  }, []);\n\n  const returnFocus = useCallback(() => {\n    remembered.current?.restore(trigger.current);\n  }, [trigger]);\n\n  return { isTop, returnFocus };\n}\n\n// ─── Grid keyboard (Sprint 25.7, P11) ────────────────────────────────────────\n\n/**\n * One Tab stop over a grid or rows of items (APG grid and tree patterns): the\n * caller says where each key moves (`move`), and the hook keeps the roving\n * tabindex and puts focus on the new item — after the next render when the\n * item is not in the DOM yet (a date grid moving into the next month). Items\n * carry `data-grid-key={keyOf(item)}`. Built for the date pickers; Sprint 25.7\n * Part D extends it for Gantt rows (it is Sprint 2X.3's `useGridNavigation`).\n */\nfunction focusGridKey(root: HTMLElement | null, key: string): boolean {\n  const el = root?.querySelector<HTMLElement>(`[data-grid-key=\"${key}\"]`);\n  if (!el) return false;\n  el.focus();\n  return true;\n}\n\nexport function useGridKeyboard<K>({ container, active, setActive, keyOf, move }: {\n  container: RefObject<HTMLElement | null>;\n  active: K;\n  setActive: (item: K) => void;\n  keyOf: (item: K) => string;\n  move: (from: K, e: ReactKeyboardEvent) => K | null;\n}) {\n  const pending = useRef<string | null>(null);\n  useLayoutEffect(() => {\n    const key = pending.current;\n    if (key !== null && focusGridKey(container.current, key)) pending.current = null;\n  });\n  const activeKey = keyOf(active);\n  const onKeyDown = (e: ReactKeyboardEvent) => {\n    if (e.altKey || e.ctrlKey || e.metaKey) return;\n    const next = move(active, e);\n    if (next === null) return;\n    e.preventDefault();\n    const key = keyOf(next);\n    setActive(next);\n    if (!focusGridKey(container.current, key)) pending.current = key;\n  };\n  const focusActive = () => {\n    if (!focusGridKey(container.current, activeKey)) pending.current = activeKey;\n  };\n  const tabIndexOf = (item: K) => (keyOf(item) === activeKey ? 0 : -1);\n  return { onKeyDown, tabIndexOf, focusActive };\n}\n\n// ─── Focus trap ──────────────────────────────────────────────────────────────\n\nconst ALWAYS_TOP = () => true;\n\n/**\n * Keep Tab and Shift+Tab inside `root` while `active` (corpus: a modal\n * overlay owns keyboard focus until it closes). Focus that has escaped the\n * root — a portalled menu that just closed, or the body — is pulled back in on\n * the next Tab. Pass the predicate from `useOverlayLayer` so a nested overlay\n * on top of this one keeps its own keyboard handling.\n */\nexport function useFocusTrap(root: RefObject<HTMLElement | null>, active: boolean, isTop: () => boolean = ALWAYS_TOP) {\n  useEffect(() => {\n    if (!active) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\" || e.defaultPrevented || !root.current || !isTop()) return;\n      const focusable = tabStops(root.current);\n      if (focusable.length === 0) {\n        e.preventDefault();\n        return;\n      }\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const current = document.activeElement;\n      const inside = current instanceof Node && root.current.contains(current);\n      if (e.shiftKey) {\n        if (!inside || current === first) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else if (!inside || current === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [root, active, isTop]);\n}\n\n// ─── Non-modal dialog ────────────────────────────────────────────────────────\n\n/**\n * The lifecycle of a persistent, non-modal dialog — an assistant panel the\n * user works alongside (Drawer with modal={false}, CornerPanel). Unlike a\n * popover it does not close when focus leaves; unlike a modal it never traps.\n *\n * While `active`: remembers the opener and gives focus back on close; moves\n * focus into the panel on open (first field, else first non-close control);\n * closes on Escape only while focus is inside the panel and it is the topmost\n * layer, so Escape elsewhere on the page is untouched. Outside clicks do\n * nothing. Tab out of the panel is allowed — the panel is portalled to the end\n * of the document, so the last Tab reaches the browser chrome; a Launcher\n * shortcut is the way back in.\n */\nexport function useNonModalDialog(\n  root: RefObject<HTMLElement | null>,\n  active: boolean,\n  onClose: () => void,\n  isTop: () => boolean = ALWAYS_TOP,\n) {\n  const onCloseRef = useLatest(onClose);\n  useReturnFocus(active);\n  useEffect(() => {\n    if (!active) return;\n    const raf = requestAnimationFrame(() => focusInitial(root.current));\n    return () => cancelAnimationFrame(raf);\n  }, [active, root]);\n  useEffect(() => {\n    if (!active) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\" || !isTop()) return;\n      const el = root.current;\n      if (!el || !el.contains(document.activeElement)) return;\n      onCloseRef.current();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [active, root, isTop, onCloseRef]);\n}\n"]}

package/dist/{chunk-U2JT37GJ.js → chunk-XCSTU6IJ.js}

@@ -1,4 +1,4 @@
-import { useTextOverflow, Tooltip } from './chunk-IYD6ZDM2.js';
+import { useTextOverflow, Tooltip } from './chunk-EMCSARQO.js';
 import { Icon } from './chunk-X4CNZFWC.js';
 import { cn } from './chunk-4KVFH5KC.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -97,5 +97,5 @@ function Badge({ variant = "default", severity, size = "md", color, iconLeft, ic
 }
 
 export { Badge };
-//# sourceMappingURL=chunk-U2JT37GJ.js.map
-//# sourceMappingURL=chunk-U2JT37GJ.js.map
+//# sourceMappingURL=chunk-XCSTU6IJ.js.map
+//# sourceMappingURL=chunk-XCSTU6IJ.js.map

package/dist/{chunk-U2JT37GJ.js.map → chunk-XCSTU6IJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../showcase/src/components/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-U2JT37GJ.js","sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, type IconName } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport type { ReactNode } from \"react\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"neutral\"\n  | \"subtle\"\n  | \"success\"\n  | \"success-soft\"\n  | \"warning\"\n  | \"warning-soft\"\n  | \"error\"\n  | \"error-soft\"\n  | \"outline\";\n\nexport type BadgeSize = \"xs\" | \"sm\" | \"md\";\nexport type BadgePaletteColor = 1 | 2 | 3 | 4 | 5;\nexport type BadgeSeverity = \"info\" | \"low\" | \"medium\" | \"high\" | \"critical\";\n\nconst severityToVariant: Record<BadgeSeverity, BadgeVariant> = {\n  info: \"neutral\",\n  low: \"success-soft\",\n  medium: \"warning-soft\",\n  high: \"error-soft\",\n  critical: \"error\",\n};\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  default: \"bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]\",\n  neutral: \"bg-[var(--ds-text-muted)]/[0.12] text-[var(--ds-text-secondary)]\",\n  subtle: \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]\",\n  success: \"bg-[var(--ds-status-success)] text-[var(--ds-text-on-success)]\",\n  \"success-soft\": \"bg-[var(--ds-status-success-bg)] text-[var(--ds-status-success)] border-[length:var(--ds-border-width)] border-[var(--ds-status-success)]/[0.2]\",\n  warning: \"bg-[var(--ds-status-warning)] text-[var(--ds-text-on-warning)]\",\n  \"warning-soft\": \"bg-[var(--ds-status-warning-bg)] text-[var(--ds-status-warning-text)] border-[length:var(--ds-border-width)] border-[var(--ds-status-warning)]/[0.2]\",\n  error: \"bg-[var(--ds-status-error)] text-[var(--ds-text-on-error)]\",\n  \"error-soft\": \"bg-[var(--ds-status-error-bg)] text-[var(--ds-status-error)] border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]/[0.2]\",\n  outline: \"bg-transparent text-[var(--ds-text-primary)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n};\n\nconst sizeStyles: Record<BadgeSize, string> = {\n  xs: \"px-ds-1.5 py-[1px] text-[length:10px] gap-[3px]\",\n  sm: \"px-ds-2 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n  md: \"px-ds-2.5 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n};\n\nconst iconSizes: Record<BadgeSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 12,\n};\n\ntype PaletteStyleFn = (n: BadgePaletteColor) => string;\n\nconst paletteByVariant: Record<string, PaletteStyleFn> = {\n  default: (n) => paletteDefault[n],\n  neutral: (n) => paletteSubtle[n],\n  subtle: (n) => paletteSubtle[n],\n  outline: (n) => paletteOutline[n],\n};\n\nconst paletteDefault: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bold)] text-[var(--ds-palette-1-on-bold)]\",\n  2: \"bg-[var(--ds-palette-2-bold)] text-[var(--ds-palette-2-on-bold)]\",\n  3: \"bg-[var(--ds-palette-3-bold)] text-[var(--ds-palette-3-on-bold)]\",\n  4: \"bg-[var(--ds-palette-4-bold)] text-[var(--ds-palette-4-on-bold)]\",\n  5: \"bg-[var(--ds-palette-5-bold)] text-[var(--ds-palette-5-on-bold)]\",\n};\n\nconst paletteSubtle: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bg)] text-[var(--ds-palette-1-text)]\",\n  2: \"bg-[var(--ds-palette-2-bg)] text-[var(--ds-palette-2-text)]\",\n  3: \"bg-[var(--ds-palette-3-bg)] text-[var(--ds-palette-3-text)]\",\n  4: \"bg-[var(--ds-palette-4-bg)] text-[var(--ds-palette-4-text)]\",\n  5: \"bg-[var(--ds-palette-5-bg)] text-[var(--ds-palette-5-text)]\",\n};\n\nconst paletteOutline: Record<BadgePaletteColor, string> = {\n  1: \"bg-transparent text-[var(--ds-palette-1-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-1-bold)]\",\n  2: \"bg-transparent text-[var(--ds-palette-2-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-2-bold)]\",\n  3: \"bg-transparent text-[var(--ds-palette-3-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-3-bold)]\",\n  4: \"bg-transparent text-[var(--ds-palette-4-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-4-bold)]\",\n  5: \"bg-transparent text-[var(--ds-palette-5-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-5-bold)]\",\n};\n\nfunction getPaletteClasses(color: BadgePaletteColor, variant: BadgeVariant): string {\n  const styleFn = paletteByVariant[variant] ?? paletteByVariant.default;\n  return styleFn(color);\n}\n\ninterface BadgeProps {\n  variant?: BadgeVariant;\n  /** Severity shorthand — maps to a variant. When set, overrides `variant`. */\n  severity?: BadgeSeverity;\n  size?: BadgeSize;\n  /** Palette colour (1-5). Overrides variant colour with decorative palette tokens. */\n  color?: BadgePaletteColor;\n  /** Icon to show before the label */\n  iconLeft?: IconName;\n  /** Icon to show after the label */\n  iconRight?: IconName;\n  /** Max width before truncation (e.g. \"120px\", \"16ch\"). Shows tooltip when truncated. */\n  maxWidth?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function Badge({ variant = \"default\", severity, size = \"md\", color, iconLeft, iconRight, maxWidth, className, children }: BadgeProps) {\n  // severity sets the variant and variant is ignored when both are written\n  const resolvedVariant = severity ? severityToVariant[severity] : variant;\n  const { ref: truncRef, isTruncated } = useTextOverflow({ lines: 1, disabled: !maxWidth });\n  const iconSize = iconSizes[size];\n  const isIconOnly = (iconLeft || iconRight) && !children;\n\n  const colorClasses = color\n    ? getPaletteClasses(color, resolvedVariant)\n    : variantStyles[resolvedVariant];\n\n  const badge = (\n    <span\n      className={cn(\n        \"inline-flex items-center font-medium max-w-full whitespace-nowrap shrink-0\",\n        \"rounded-[var(--ds-radius-full)]\",\n        sizeStyles[size],\n        isIconOnly && size === \"xs\" && \"px-[3px]\",\n        isIconOnly && size === \"sm\" && \"px-ds-1\",\n        isIconOnly && size === \"md\" && \"px-ds-1.5\",\n        colorClasses,\n        className\n      )}\n      style={maxWidth ? { maxWidth } : undefined}\n    >\n      {iconLeft && <Icon name={iconLeft} size={iconSize} className=\"shrink-0\" />}\n      {maxWidth ? (\n        <span ref={truncRef} className=\"truncate\">{children}</span>\n      ) : (\n        children\n      )}\n      {iconRight && <Icon name={iconRight} size={iconSize} className=\"shrink-0\" />}\n    </span>\n  );\n\n  if (isTruncated) {\n    return <Tooltip content={children}>{badge}</Tooltip>;\n  }\n  return badge;\n}\n"]}
+{"version":3,"sources":["../../../showcase/src/components/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-XCSTU6IJ.js","sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, type IconName } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport type { ReactNode } from \"react\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"neutral\"\n  | \"subtle\"\n  | \"success\"\n  | \"success-soft\"\n  | \"warning\"\n  | \"warning-soft\"\n  | \"error\"\n  | \"error-soft\"\n  | \"outline\";\n\nexport type BadgeSize = \"xs\" | \"sm\" | \"md\";\nexport type BadgePaletteColor = 1 | 2 | 3 | 4 | 5;\nexport type BadgeSeverity = \"info\" | \"low\" | \"medium\" | \"high\" | \"critical\";\n\nconst severityToVariant: Record<BadgeSeverity, BadgeVariant> = {\n  info: \"neutral\",\n  low: \"success-soft\",\n  medium: \"warning-soft\",\n  high: \"error-soft\",\n  critical: \"error\",\n};\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  default: \"bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]\",\n  neutral: \"bg-[var(--ds-text-muted)]/[0.12] text-[var(--ds-text-secondary)]\",\n  subtle: \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]\",\n  success: \"bg-[var(--ds-status-success)] text-[var(--ds-text-on-success)]\",\n  \"success-soft\": \"bg-[var(--ds-status-success-bg)] text-[var(--ds-status-success)] border-[length:var(--ds-border-width)] border-[var(--ds-status-success)]/[0.2]\",\n  warning: \"bg-[var(--ds-status-warning)] text-[var(--ds-text-on-warning)]\",\n  \"warning-soft\": \"bg-[var(--ds-status-warning-bg)] text-[var(--ds-status-warning-text)] border-[length:var(--ds-border-width)] border-[var(--ds-status-warning)]/[0.2]\",\n  error: \"bg-[var(--ds-status-error)] text-[var(--ds-text-on-error)]\",\n  \"error-soft\": \"bg-[var(--ds-status-error-bg)] text-[var(--ds-status-error)] border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]/[0.2]\",\n  outline: \"bg-transparent text-[var(--ds-text-primary)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n};\n\nconst sizeStyles: Record<BadgeSize, string> = {\n  xs: \"px-ds-1.5 py-[1px] text-[length:10px] gap-[3px]\",\n  sm: \"px-ds-2 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n  md: \"px-ds-2.5 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n};\n\nconst iconSizes: Record<BadgeSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 12,\n};\n\ntype PaletteStyleFn = (n: BadgePaletteColor) => string;\n\nconst paletteByVariant: Record<string, PaletteStyleFn> = {\n  default: (n) => paletteDefault[n],\n  neutral: (n) => paletteSubtle[n],\n  subtle: (n) => paletteSubtle[n],\n  outline: (n) => paletteOutline[n],\n};\n\nconst paletteDefault: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bold)] text-[var(--ds-palette-1-on-bold)]\",\n  2: \"bg-[var(--ds-palette-2-bold)] text-[var(--ds-palette-2-on-bold)]\",\n  3: \"bg-[var(--ds-palette-3-bold)] text-[var(--ds-palette-3-on-bold)]\",\n  4: \"bg-[var(--ds-palette-4-bold)] text-[var(--ds-palette-4-on-bold)]\",\n  5: \"bg-[var(--ds-palette-5-bold)] text-[var(--ds-palette-5-on-bold)]\",\n};\n\nconst paletteSubtle: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bg)] text-[var(--ds-palette-1-text)]\",\n  2: \"bg-[var(--ds-palette-2-bg)] text-[var(--ds-palette-2-text)]\",\n  3: \"bg-[var(--ds-palette-3-bg)] text-[var(--ds-palette-3-text)]\",\n  4: \"bg-[var(--ds-palette-4-bg)] text-[var(--ds-palette-4-text)]\",\n  5: \"bg-[var(--ds-palette-5-bg)] text-[var(--ds-palette-5-text)]\",\n};\n\nconst paletteOutline: Record<BadgePaletteColor, string> = {\n  1: \"bg-transparent text-[var(--ds-palette-1-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-1-bold)]\",\n  2: \"bg-transparent text-[var(--ds-palette-2-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-2-bold)]\",\n  3: \"bg-transparent text-[var(--ds-palette-3-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-3-bold)]\",\n  4: \"bg-transparent text-[var(--ds-palette-4-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-4-bold)]\",\n  5: \"bg-transparent text-[var(--ds-palette-5-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-5-bold)]\",\n};\n\nfunction getPaletteClasses(color: BadgePaletteColor, variant: BadgeVariant): string {\n  const styleFn = paletteByVariant[variant] ?? paletteByVariant.default;\n  return styleFn(color);\n}\n\ninterface BadgeProps {\n  variant?: BadgeVariant;\n  /** Severity shorthand — maps to a variant. When set, overrides `variant`. */\n  severity?: BadgeSeverity;\n  size?: BadgeSize;\n  /** Palette colour (1-5). Overrides variant colour with decorative palette tokens. */\n  color?: BadgePaletteColor;\n  /** Icon to show before the label */\n  iconLeft?: IconName;\n  /** Icon to show after the label */\n  iconRight?: IconName;\n  /** Max width before truncation (e.g. \"120px\", \"16ch\"). Shows tooltip when truncated. */\n  maxWidth?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function Badge({ variant = \"default\", severity, size = \"md\", color, iconLeft, iconRight, maxWidth, className, children }: BadgeProps) {\n  // severity sets the variant and variant is ignored when both are written\n  const resolvedVariant = severity ? severityToVariant[severity] : variant;\n  const { ref: truncRef, isTruncated } = useTextOverflow({ lines: 1, disabled: !maxWidth });\n  const iconSize = iconSizes[size];\n  const isIconOnly = (iconLeft || iconRight) && !children;\n\n  const colorClasses = color\n    ? getPaletteClasses(color, resolvedVariant)\n    : variantStyles[resolvedVariant];\n\n  const badge = (\n    <span\n      className={cn(\n        \"inline-flex items-center font-medium max-w-full whitespace-nowrap shrink-0\",\n        \"rounded-[var(--ds-radius-full)]\",\n        sizeStyles[size],\n        isIconOnly && size === \"xs\" && \"px-[3px]\",\n        isIconOnly && size === \"sm\" && \"px-ds-1\",\n        isIconOnly && size === \"md\" && \"px-ds-1.5\",\n        colorClasses,\n        className\n      )}\n      style={maxWidth ? { maxWidth } : undefined}\n    >\n      {iconLeft && <Icon name={iconLeft} size={iconSize} className=\"shrink-0\" />}\n      {maxWidth ? (\n        <span ref={truncRef} className=\"truncate\">{children}</span>\n      ) : (\n        children\n      )}\n      {iconRight && <Icon name={iconRight} size={iconSize} className=\"shrink-0\" />}\n    </span>\n  );\n\n  if (isTruncated) {\n    return <Tooltip content={children}>{badge}</Tooltip>;\n  }\n  return badge;\n}\n"]}

package/dist/data-grid.js

@@ -1,8 +1,8 @@
-import { inferColumnKinds, CardValue } from './chunk-CR2KF73R.js';
+import { inferColumnKinds, CardValue } from './chunk-OENJCGTJ.js';
 import { useShellPreferences, TableCardCtx } from './chunk-TKVTZWBN.js';
 import { useBreakpoint } from './chunk-CRQ6KCRD.js';
-import { useTextOverflow, Tooltip } from './chunk-IYD6ZDM2.js';
-import './chunk-PKLVP5ZB.js';
+import { useTextOverflow, Tooltip } from './chunk-EMCSARQO.js';
+import './chunk-7Q46JXSK.js';
 import './chunk-WH2FUFAC.js';
 import { Icon } from './chunk-X4CNZFWC.js';
 import { cn } from './chunk-4KVFH5KC.js';

package/dist/editor.js

@@ -1,4 +1,4 @@
-import { useOverlayLayer } from './chunk-NHQCMOAN.js';
+import { useOverlayLayer, useCloseOnFocusOut } from './chunk-VFAKME7Q.js';
 import { useBreakpoint } from './chunk-CRQ6KCRD.js';
 import './chunk-WH2FUFAC.js';
 import { Icon } from './chunk-X4CNZFWC.js';
@@ -350,13 +350,19 @@ function ColorPicker({
   const isTopLayer = useOverlayLayer(open);
   const ref = useRef(null);
   const close = useCallback(() => setOpen(false), []);
+  const closeToButton = useCallback(() => {
+    const inside = !!ref.current?.contains(document.activeElement);
+    close();
+    if (inside) ref.current?.querySelector("button")?.focus();
+  }, [close]);
+  useCloseOnFocusOut(open, ref, ref, close, isTopLayer);
   useEffect(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!ref.current?.contains(e.target)) close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape" && isTopLayer()) close();
+      if (e.key === "Escape" && isTopLayer()) closeToButton();
     };
     document.addEventListener("mousedown", onClick);
     document.addEventListener("keydown", onKey);
@@ -364,7 +370,7 @@ function ColorPicker({
       document.removeEventListener("mousedown", onClick);
       document.removeEventListener("keydown", onKey);
     };
-  }, [open, close, isTopLayer]);
+  }, [open, close, closeToButton, isTopLayer]);
   return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -414,6 +420,12 @@ function LinkPopover({ editor }) {
     setOpen(false);
     setUrl("");
   }, []);
+  const closeToButton = useCallback(() => {
+    const inside = !!ref.current?.contains(document.activeElement);
+    close();
+    if (inside) ref.current?.querySelector("button")?.focus();
+  }, [close]);
+  useCloseOnFocusOut(open, ref, ref, close, isTopLayer);
   const toggle = useCallback(() => {
     if (editor.isActive("link")) {
       editor.chain().focus().unsetLink().run();
@@ -429,7 +441,7 @@ function LinkPopover({ editor }) {
       if (!ref.current?.contains(e.target)) close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape" && isTopLayer()) close();
+      if (e.key === "Escape" && isTopLayer()) closeToButton();
     };
     document.addEventListener("mousedown", onClick);
     document.addEventListener("keydown", onKey);
@@ -438,7 +450,7 @@ function LinkPopover({ editor }) {
       document.removeEventListener("mousedown", onClick);
       document.removeEventListener("keydown", onKey);
     };
-  }, [open, close, isTopLayer]);
+  }, [open, close, closeToButton, isTopLayer]);
   const apply = () => {
     if (url) editor.chain().focus().setLink({ href: url }).run();
     close();
@@ -494,13 +506,19 @@ function ImagePopover({ editor }) {
     setUrl("");
     setAlt("");
   }, []);
+  const closeToButton = useCallback(() => {
+    const inside = !!ref.current?.contains(document.activeElement);
+    close();
+    if (inside) ref.current?.querySelector("button")?.focus();
+  }, [close]);
+  useCloseOnFocusOut(open, ref, ref, close, isTopLayer);
   useEffect(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!ref.current?.contains(e.target)) close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape" && isTopLayer()) close();
+      if (e.key === "Escape" && isTopLayer()) closeToButton();
     };
     document.addEventListener("mousedown", onClick);
     document.addEventListener("keydown", onKey);
@@ -509,7 +527,7 @@ function ImagePopover({ editor }) {
       document.removeEventListener("mousedown", onClick);
       document.removeEventListener("keydown", onKey);
     };
-  }, [open, close, isTopLayer]);
+  }, [open, close, closeToButton, isTopLayer]);
   const insert = () => {
     if (url) editor.chain().focus().setImage({ src: url, alt: alt || void 0 }).run();
     close();