gridsmith-ui 0.31.0 → 0.32.0

package/dist/chat.js

@@ -1,11 +1,11 @@
 "use client";
-import { Divider, CodeBlock, Link } from './chunk-OFACAHRV.js';
-import './chunk-GT6M74IZ.js';
-import { useKeyboardScroll } from './chunk-GP2COVJC.js';
-import './chunk-HUNEJIKV.js';
-import './chunk-XSQD3UGY.js';
+import { Divider, CodeBlock, Link } from './chunk-QY2RA2HO.js';
+import './chunk-WSKPESAX.js';
+import { useKeyboardScroll } from './chunk-H732QL56.js';
+import './chunk-R2IAK3J3.js';
+import './chunk-HCEHTJ5E.js';
 import './chunk-53F7GVBQ.js';
-import { cn, FOCUS_INSET } from './chunk-OWQ7M6R7.js';
+import { cn, FOCUS_INSET } from './chunk-2724SJO2.js';
 import { memo, useState, Children, isValidElement } from 'react';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';

package/dist/{chunk-OWQ7M6R7.js → chunk-2724SJO2.js}

@@ -102,6 +102,10 @@ function pathAbove(to, from) {
   const up = to.replace(/\/+$/, "");
   return from.startsWith(`${up}/`) && from.replace(/\/+$/, "") !== up;
 }
+function pageAddress() {
+  const { pathname, hash } = location;
+  return /^#!?\//.test(hash) ? pathname + hash.replace(/\?.*$/, "") : pathname;
+}
 var ROW = 'tr, li, [role="row"], [data-card], [data-row]';
 function deletedRow(before, now) {
   const refilled = now.length === before.length;
@@ -139,6 +143,53 @@ function focusForTheMoment(el) {
 }
 var HEADING = 'h1, h2, h3, h4, h5, h6, [role="heading"]';
 var LAST_RESORT_MS = 200;
+function focusLandings() {
+  let landed = false;
+  const onIn = () => {
+    landed = true;
+  };
+  document.addEventListener("focusin", onIn, true);
+  return { get landed() {
+    return landed;
+  }, stop: () => {
+    if (typeof document !== "undefined") document.removeEventListener("focusin", onIn, true);
+  } };
+}
+var SCROLL_KEYS = /* @__PURE__ */ new Set(["PageDown", "PageUp", "Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", " "]);
+var unreachable = (el) => el.matches(":disabled") || !!el.closest("[inert]");
+function onMovingOn(control, done) {
+  let live = true;
+  const end = () => {
+    if (live) done();
+  };
+  const onFocusIn = (e) => {
+    if (e.target !== control) end();
+  };
+  const onFocusOut = (e) => {
+    if (e.target !== control) return;
+    queueMicrotask(() => {
+      if (typeof document === "undefined") return;
+      if (control.isConnected && !unreachable(control) && isRendered(control) && document.activeElement !== control) end();
+    });
+  };
+  const onKey = (e) => {
+    const active = document.activeElement;
+    if (SCROLL_KEYS.has(e.key) && (!active || active === document.body || active === control && e.key !== " ")) end();
+  };
+  const listeners = [
+    ["focusin", onFocusIn, { capture: true }],
+    ["focusout", onFocusOut, { capture: true }],
+    ["pointerdown", end, { capture: true }],
+    ["wheel", end, { capture: true, passive: true }],
+    ["touchmove", end, { capture: true, passive: true }],
+    ["keydown", onKey, { capture: true }]
+  ];
+  for (const [type, fn, opts] of listeners) document.addEventListener(type, fn, opts);
+  return () => {
+    live = false;
+    if (typeof document !== "undefined") for (const [type, fn, opts] of listeners) document.removeEventListener(type, fn, opts);
+  };
+}
 function placesOf(el) {
   const places = [];
   for (let c = el, box = el.parentElement; box && box !== document.body && box.parentElement && box.parentElement !== document.body; c = box, box = box.parentElement) {
@@ -171,6 +222,46 @@ function landLastResort(places, closing) {
   }
   return mainCounts && focusForTheMoment(main);
 }
+var DIALOG = 'dialog, [role="dialog"], [role="alertdialog"], [aria-modal="true"]';
+function pointOf(el) {
+  const point = document.createRange();
+  point.selectNodeContents(el);
+  return point;
+}
+function landWhereTabGoes(point, places) {
+  const at = point.startContainer;
+  const from = at instanceof Element ? at : at.parentElement;
+  if (!from?.isConnected) return landLastResort(places);
+  const dialog = from.closest(DIALOG);
+  let layer = dialog;
+  if (!layer) for (let el = from; el && el !== document.body; el = el.parentElement) layer = el;
+  if (!layer) return landLastResort(places);
+  const stops = tabStops(layer);
+  const next = stops.findIndex((s) => point.comparePoint(s, 0) === 1);
+  const to = next >= 0 ? stops[next] : stops.at(-1);
+  if (to) {
+    to.focus();
+    if (document.activeElement === to) return true;
+  }
+  return !dialog && landLastResort(places);
+}
+var OPEN_TO_FOCUS = "ds-open-to-focus";
+function openToFocus(target, step) {
+  if (!target.closest("[inert]")) {
+    step();
+    return;
+  }
+  target.dispatchEvent(new CustomEvent(OPEN_TO_FOCUS, { bubbles: true, detail: { target, step, done: false, at: performance.now() } }));
+}
+function focusOutOf(el) {
+  const root = el.closest(DIALOG) ?? document.body;
+  const before = tabStops(root).filter((s) => !el.contains(s) && el.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_PRECEDING).at(-1);
+  if (before) {
+    before.focus();
+    if (document.activeElement === before) return true;
+  }
+  return landLastResort(placesOf(el), el);
+}
 function rememberFocus(el, { ignoreRoute = false } = {}) {
   const { href, pathname } = location;
   const row = el.closest(ROW);
@@ -217,10 +308,12 @@ function rememberFocus(el, { ignoreRoute = false } = {}) {
   };
   const neighbour = () => inRow(byKey(keyOf(before)) ?? before) || inRow(byKey(keyOf(after)) ?? after) || !!list?.isConnected && land(tabStops(list)[0]);
   const lastResort = () => {
+    const landings = focusLandings();
     setTimeout(() => {
+      landings.stop();
       if (typeof document === "undefined") return;
       const active = document.activeElement;
-      if (active && active !== document.body && active.isConnected || pageChanged()) return;
+      if (active && active !== document.body && active.isConnected || landings.landed || pageChanged()) return;
       landLastResort(places);
     }, LAST_RESORT_MS);
     return false;
@@ -238,20 +331,17 @@ function rememberFocus(el, { ignoreRoute = false } = {}) {
       const fromList = changes.some((c) => c.target === list || c.target === list.parentNode);
       if (!(fromList && neighbour())) lastResort();
     });
-    const onFocusIn = (e) => {
-      if (e.target !== el) stop();
-    };
     const timer = setTimeout(() => stop(), 1e4);
+    const quit = onMovingOn(el, () => stop());
     function stop() {
       observer.disconnect();
       clearTimeout(timer);
-      if (typeof document !== "undefined") document.removeEventListener("focusin", onFocusIn, true);
+      quit();
       unwatch = null;
     }
     observer.observe(list, { childList: true });
     if (list.parentNode) observer.observe(list.parentNode, { childList: true });
     for (const { box } of places) observer.observe(box, { childList: true });
-    document.addEventListener("focusin", onFocusIn, true);
     unwatch = stop;
   };
   return {
@@ -315,6 +405,12 @@ function useFocusKeptInList(listRef) {
   }, [listRef]);
 }
 var openers = /* @__PURE__ */ new WeakMap();
+function registerOpenerRoot(el, resolve) {
+  openers.set(el, resolve);
+  return () => {
+    if (openers.get(el) === resolve) openers.delete(el);
+  };
+}
 var waiting = /* @__PURE__ */ new WeakMap();
 var WATCH_MS = 1e4;
 function rememberOpener(active, root) {
@@ -324,7 +420,8 @@ function rememberOpener(active, root) {
   if (controller) own = rememberFocus(controller);
   let around = null;
   for (let n = active; n && !around; n = n.parentElement) {
-    const opener = openers.get(n);
+    const entry = openers.get(n);
+    const opener = typeof entry === "function" ? entry() : entry;
     if (opener) around = { root: n, opener };
   }
   const back = own ?? around?.opener;
@@ -364,6 +461,7 @@ function rememberOpener(active, root) {
   return {
     el: own?.el ?? null,
     restore(fallback) {
+      if (around && own && !own.el.isConnected && !around.root.isConnected && around.root.contains(own.el)) return around.opener.restore() || own.restore(fallback);
       if (own?.restore(fallback)) return true;
       return !!around && !around.root.isConnected && around.opener.restore();
     }
@@ -405,24 +503,27 @@ function mayStop(root) {
   const disabled = (el) => (el instanceof HTMLButtonElement || el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) && el.disabled;
   return Array.from(root.querySelectorAll(`${FOCUSABLE}, button:disabled, input:disabled, select:disabled, textarea:disabled`)).filter((el) => disabled(el) ? !(el instanceof HTMLInputElement && el.type === "hidden") : isTabStop(el)).sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
 }
-function focusAfterSelfRemoval(control, { item, group, to } = {}) {
+var watched = /* @__PURE__ */ new WeakSet();
+var hasSelfRemovalWatch = (control) => watched.has(control);
+function focusAfterSelfRemoval(control, { item, group, to, samePage, defer, removedOnly, point } = {}) {
   const goes = item ?? control;
   const within = group === void 0 ? goes.parentElement : group;
   const stops = within ? mayStop(within).filter((el) => !goes.contains(el)) : [];
   const before = stops.filter((el) => goes.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_PRECEDING).reverse();
   const after = stops.filter((el) => goes.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING);
   const stopsOf = (el) => [...isTabStop(el) ? [el] : [], ...tabStops(el)];
-  const index = stopsOf(goes).indexOf(control);
   const neighbour = (step) => {
+    const index = stopsOf(goes).indexOf(control);
     for (let el = goes[step]; el; el = el[step]) {
       const own = stopsOf(el);
       if (own.length) return own[Math.max(0, Math.min(index, own.length - 1))];
     }
     return null;
   };
-  const sameBefore = neighbour("previousElementSibling");
-  const sameAfter = neighbour("nextElementSibling");
-  const gone = () => !control.isConnected || control instanceof HTMLButtonElement && control.disabled;
+  const sameBefore = within ? neighbour("previousElementSibling") : null;
+  const sameAfter = within ? neighbour("nextElementSibling") : null;
+  const disabled = () => control.matches(":disabled");
+  const gone = () => !control.isConnected || !removedOnly && disabled();
   const lost = () => {
     const active = document.activeElement;
     return !active || active === document.body || !active.isConnected || active === control;
@@ -435,25 +536,41 @@ function focusAfterSelfRemoval(control, { item, group, to } = {}) {
   const landOnGroup = () => !!within?.isConnected && focusForTheMoment(within);
   const places = within ? [] : placesOf(goes);
   const landTo = (el) => land(el) || !!el && el.isConnected && !isTabStop(el) && isRendered(el) && focusForTheMoment(el);
-  const place = () => landTo(typeof to === "function" ? to() : to) || land(sameBefore) || before.some(land) || land(sameAfter) || after.some(land) || (within ? landOnGroup() : landLastResort(places));
+  const place = () => landTo(typeof to === "function" ? to() : to) || land(sameBefore) || before.some(land) || land(sameAfter) || after.some(land) || (within ? landOnGroup() : point ? landWhereTabGoes(point, places) : landLastResort(places));
   if (typeof MutationObserver === "undefined") return () => {
   };
-  const observer = new MutationObserver(() => {
+  const path = samePage && typeof location !== "undefined" ? pageAddress() : null;
+  const samePlace = () => path === null || pageAddress() === path;
+  let on = true;
+  const look = () => {
     if (!gone()) return;
-    stop();
-    if (lost()) place();
-  });
-  const onFocusIn = (e) => {
-    if (e.target !== control) stop();
+    if (!defer) {
+      stop();
+      if (lost() && samePlace()) place();
+      return;
+    }
+    observer.disconnect();
+    clearTimeout(timer);
+    setTimeout(() => {
+      if (typeof document === "undefined") return;
+      const act = on && gone() && lost() && samePlace();
+      stop();
+      if (act) place();
+    }, defer);
   };
+  const observer = new MutationObserver(look);
   const timer = setTimeout(() => stop(), 1e4);
+  const quit = onMovingOn(control, () => stop());
   function stop() {
+    on = false;
     observer.disconnect();
     clearTimeout(timer);
-    if (typeof document !== "undefined") document.removeEventListener("focusin", onFocusIn, true);
+    watched.delete(control);
+    quit();
   }
   observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["disabled"] });
-  document.addEventListener("focusin", onFocusIn, true);
+  watched.add(control);
+  look();
   return stop;
 }
 var layers = [];
@@ -910,6 +1027,6 @@ function usePosition(triggerRef, floatingRef, open, options = {}) {
   return pos;
 }
 
-export { ACTIVE_RING, CONTROL_ANCESTOR, ERROR_ACTIVE_RING, ERROR_FOCUS_RING, ERROR_FOCUS_WITHIN_RING, ERROR_HAS_FOCUS_RING, FIELD, FIELD_FOCUS_RING, FIELD_FOCUS_WITHIN_RING, FIELD_HAS_FOCUS_RING, FOCUSABLE, FOCUS_INSET, FOCUS_INSET_WHILE_STOP, FOCUS_RING, FOCUS_ROOM, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, GROUP_FOCUS_RING, OVERLAY_CLOSE_ATTR, OVERLAY_SURFACE, PEER_FOCUS_RING, ZOOM_KEYS, atLeastFocusRoom, cn, focusAfterRemoval, focusAfterSelfRemoval, focusInitial, hasTabStop, inertOutside, isTabStop, lockBodyScroll, rememberFocus, rememberOpener, rovingTabStop, tabStops, unlockBodyScroll, useCloseOnFocusOut, useFocusBeforeOpen, useFocusKeptInList, useFocusLeave, useFocusTrap, useGridKeyboard, useLatest, useNonModalDialog, useOverlayLayer, usePopupFocus, usePosition, usePressMarks, useReturnFocus };
-//# sourceMappingURL=chunk-OWQ7M6R7.js.map
-//# sourceMappingURL=chunk-OWQ7M6R7.js.map
+export { ACTIVE_RING, CONTROL_ANCESTOR, ERROR_ACTIVE_RING, ERROR_FOCUS_RING, ERROR_FOCUS_WITHIN_RING, ERROR_HAS_FOCUS_RING, FIELD, FIELD_FOCUS_RING, FIELD_FOCUS_WITHIN_RING, FIELD_HAS_FOCUS_RING, FOCUSABLE, FOCUS_INSET, FOCUS_INSET_WHILE_STOP, FOCUS_RING, FOCUS_ROOM, GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, GROUP_FOCUS_RING, LAST_RESORT_MS, OPEN_TO_FOCUS, OVERLAY_CLOSE_ATTR, OVERLAY_SURFACE, PEER_FOCUS_RING, ZOOM_KEYS, atLeastFocusRoom, cn, focusAfterRemoval, focusAfterSelfRemoval, focusInitial, focusOutOf, hasSelfRemovalWatch, hasTabStop, inertOutside, isTabStop, lockBodyScroll, onMovingOn, openToFocus, pageAddress, pointOf, registerOpenerRoot, rememberFocus, rememberOpener, rovingTabStop, tabStops, unlockBodyScroll, useCloseOnFocusOut, useFocusBeforeOpen, useFocusKeptInList, useFocusLeave, useFocusTrap, useGridKeyboard, useLatest, useNonModalDialog, useOverlayLayer, usePopupFocus, usePosition, usePressMarks, useReturnFocus };
+//# sourceMappingURL=chunk-2724SJO2.js.map
+//# sourceMappingURL=chunk-2724SJO2.js.map