@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/components/tooltip/index.js

@@ -2190,6 +2190,66 @@ function createAnchoredOverlay(options) {
   };
 }
 
+// src/_internal/overlay.ts
+var escapeStack = [];
+function pushEscapeHandler(handler) {
+  escapeStack.push(handler);
+  if (escapeStack.length === 1 && typeof window !== "undefined") {
+    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
+  }
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    const index = escapeStack.lastIndexOf(handler);
+    if (index !== -1)
+      escapeStack.splice(index, 1);
+    if (escapeStack.length === 0 && typeof window !== "undefined") {
+      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
+    }
+  };
+}
+function onEscapeKeydown(event) {
+  if (event.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event);
+}
+var scrollLockCount = 0;
+var originalBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined")
+    return () => {};
+  if (scrollLockCount === 0) {
+    originalBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+      document.body.style.overflow = originalBodyOverflow ?? "";
+      originalBodyOverflow = null;
+    }
+  };
+}
+function captureFocus() {
+  if (typeof document === "undefined")
+    return null;
+  const active = document.activeElement;
+  if (active && active !== document.body && active instanceof HTMLElement) {
+    return active;
+  }
+  return null;
+}
+
 // src/components/tooltip/tooltip.svelte
 var root2 = $4.from_html(`<span role="presentation"><!> <span role="tooltip" class="cinder-tooltip"> </span></span>`);
 function Tooltip($$anchor, $$props) {
@@ -2214,23 +2274,42 @@ function Tooltip($$anchor, $$props) {
   ].join(", ");
   let visible = $4.state(false);
   let showTimer;
-  let hasPendingShow = $4.state(false);
+  let releasePendingEscapeListener;
   let wrapperElement = $4.state(undefined);
   let tooltipElement = $4.state(undefined);
   let anchorElement = $4.state(null);
-  function show() {
+  function releasePendingEscape() {
+    releasePendingEscapeListener?.();
+    releasePendingEscapeListener = undefined;
+  }
+  function clearPendingShow() {
     clearTimeout(showTimer);
-    $4.set(hasPendingShow, true);
+    showTimer = undefined;
+    releasePendingEscape();
+  }
+  function handlePendingEscapeKeydown(event2) {
+    if (event2.key !== "Escape")
+      return;
+    clearPendingShow();
+  }
+  function registerPendingEscape() {
+    releasePendingEscape();
+    document.addEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    releasePendingEscapeListener = () => {
+      document.removeEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    };
+  }
+  function show() {
+    clearPendingShow();
+    registerPendingEscape();
     showTimer = setTimeout(() => {
       showTimer = undefined;
-      $4.set(hasPendingShow, false);
+      releasePendingEscape();
       $4.set(visible, true);
     }, 100);
   }
   function hide3() {
-    clearTimeout(showTimer);
-    showTimer = undefined;
-    $4.set(hasPendingShow, false);
+    clearPendingShow();
     $4.set(visible, false);
   }
   function handleMouseEnter() {
@@ -2245,10 +2324,9 @@ function Tooltip($$anchor, $$props) {
   function handleFocusOut() {
     hide3();
   }
-  function handleKeydown(event2) {
-    if (event2.key === "Escape") {
-      hide3();
-    }
+  function handleEscape(event2 = undefined) {
+    hide3();
+    event2?.preventDefault();
   }
   function isFocusableCandidate(element) {
     if (element.matches(":disabled"))
@@ -2309,13 +2387,15 @@ function Tooltip($$anchor, $$props) {
   });
   const isTooltipExposed = $4.derived(() => $4.get(visible) && anchoredOverlay.positionReady);
   $4.user_effect(() => {
-    if (!$4.get(visible) && !$4.get(hasPendingShow))
-      return;
-    document.addEventListener("keydown", handleKeydown);
     return () => {
-      document.removeEventListener("keydown", handleKeydown);
+      clearPendingShow();
     };
   });
+  $4.user_effect(() => {
+    if (!$4.get(visible))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   var span = root2();
   var node = $4.child(span);
   $4.snippet(node, () => $$props.children);
@@ -2354,4 +2434,4 @@ export {
   Tooltip
 };
 
-//# debugId=D8DB7220FA380D3564756E2164756E21
+//# debugId=39DD5C48E48BC54364756E2164756E21

package/dist/components/tree/index.js

@@ -1331,17 +1331,65 @@ import * as $6 from "svelte/internal/client";
 import { SvelteMap } from "svelte/reactivity";
 
 // src/utilities/document-order.ts
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
 function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
+  const sortedItems = [...items];
+  sortedItems.sort((a, b) => {
     if (a.node === b.node)
       return 0;
     const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+    if (position & DOCUMENT_POSITION_FOLLOWING)
       return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
+    if (position & DOCUMENT_POSITION_PRECEDING)
       return 1;
     return 0;
   });
+  return sortedItems;
+}
+
+// src/utilities/typeahead.ts
+function isTypeaheadKey(event2) {
+  return event2.key.length === 1 && event2.key !== " " && !event2.ctrlKey && !event2.metaKey && !event2.altKey && !event2.isComposing;
+}
+function findTypeaheadMatch(candidates, prefix, currentIndex) {
+  if (candidates.length === 0)
+    return;
+  const normalizedPrefix = prefix.toLocaleLowerCase();
+  const startIndex = currentIndex < 0 ? -1 : currentIndex;
+  for (let offset = 1;offset <= candidates.length; offset += 1) {
+    const index = (startIndex + offset) % candidates.length;
+    const candidate = candidates[index];
+    if (!candidate || candidate.disabled)
+      continue;
+    if (candidate.label.toLocaleLowerCase().startsWith(normalizedPrefix)) {
+      return candidate.value;
+    }
+  }
+  return;
+}
+
+class TypeaheadBuffer {
+  #value = "";
+  #timer = null;
+  push(character) {
+    this.clearTimer();
+    this.#value += character.toLocaleLowerCase();
+    this.#timer = setTimeout(() => {
+      this.reset();
+    }, 500);
+    return this.#value;
+  }
+  reset() {
+    this.clearTimer();
+    this.#value = "";
+  }
+  clearTimer() {
+    if (this.#timer === null)
+      return;
+    clearTimeout(this.#timer);
+    this.#timer = null;
+  }
 }
 
 // src/_internal/tree-registry.svelte.ts
@@ -1474,17 +1522,14 @@ class TreeRegistry {
   }
   typeaheadMatch(prefix, currentId, expandedIds, visibilityPredicate) {
     const visible = this.getVisible(expandedIds, visibilityPredicate);
-    const lower = prefix.toLowerCase();
-    const startIndex = visible.indexOf(currentId);
-    for (let offset = 1;offset <= visible.length; offset++) {
-      const index = (startIndex + offset) % visible.length;
-      const id = visible[index];
+    return findTypeaheadMatch(visible.map((id) => {
       const node = this.#nodes.get(id);
-      if (node && node.label().toLowerCase().startsWith(lower)) {
-        return id;
-      }
-    }
-    return;
+      return {
+        value: id,
+        label: node?.label() ?? "",
+        disabled: node?.disabled
+      };
+    }), prefix, visible.indexOf(currentId));
   }
 }
 
@@ -3111,8 +3156,7 @@ function Tree($$anchor, $$props) {
   let dragScrollElement = null;
   let dragScrollAnimationFrame = null;
   let selectionAnchorId = $8.state(null);
-  let typeaheadBuffer = $8.state("");
-  let typeaheadTimer = null;
+  const typeaheadBuffer = new TypeaheadBuffer;
   let hasWarnedNoLabel = false;
   let hasWarnedVirtualizedChildren = false;
   let hasWarnedVirtualizedWithoutItems = false;
@@ -3137,10 +3181,7 @@ function Tree($$anchor, $$props) {
   });
   $8.user_effect(() => {
     return () => {
-      if (typeaheadTimer !== null) {
-        clearTimeout(typeaheadTimer);
-        typeaheadTimer = null;
-      }
+      typeaheadBuffer.reset();
       if (filterStatusTimer !== null) {
         clearTimeout(filterStatusTimer);
         filterStatusTimer = null;
@@ -3736,16 +3777,9 @@ function Tree($$anchor, $$props) {
     handleTypeahead(char, currentId) {
       if (disableTypeahead())
         return;
-      if (typeaheadTimer !== null)
-        clearTimeout(typeaheadTimer);
-      $8.set(typeaheadBuffer, $8.get(typeaheadBuffer) + char);
-      const match = registry.typeaheadMatch($8.get(typeaheadBuffer), currentId, expandedIds(), $8.get(activeVisibilityPredicate));
+      const match = registry.typeaheadMatch(typeaheadBuffer.push(char), currentId, expandedIds(), $8.get(activeVisibilityPredicate));
       if (match)
         focusNode(match);
-      typeaheadTimer = setTimeout(() => {
-        $8.set(typeaheadBuffer, "");
-        typeaheadTimer = null;
-      }, 500);
     },
     expandSiblings(currentId) {
       const siblings = registry.siblingsOf(currentId);
@@ -3860,26 +3894,14 @@ function Tree($$anchor, $$props) {
     }
   }
   function handleVirtualizedTypeahead(event2) {
-    if (disableTypeahead() || event2.key.length !== 1 || event2.ctrlKey || event2.metaKey || event2.altKey) {
+    if (disableTypeahead() || !isTypeaheadKey(event2)) {
       return false;
     }
     event2.preventDefault();
-    if (typeaheadTimer !== null)
-      clearTimeout(typeaheadTimer);
-    $8.set(typeaheadBuffer, $8.get(typeaheadBuffer) + event2.key.toLowerCase());
     const startIndex = currentVirtualIndex();
-    for (let offset = 1;offset <= $8.get(visibleDataItems).length; offset++) {
-      const index = (startIndex + offset) % $8.get(visibleDataItems).length;
-      const item = $8.get(visibleDataItems)[index];
-      if (item?.label.toLowerCase().startsWith($8.get(typeaheadBuffer))) {
-        focusVirtualIndex(index);
-        break;
-      }
-    }
-    typeaheadTimer = setTimeout(() => {
-      $8.set(typeaheadBuffer, "");
-      typeaheadTimer = null;
-    }, 500);
+    const match = findTypeaheadMatch($8.get(visibleDataItems).map((item, index) => ({ value: index, label: item.label, disabled: item.disabled })), typeaheadBuffer.push(event2.key), startIndex);
+    if (match !== undefined)
+      focusVirtualIndex(match);
     return true;
   }
   function updateFilterValue(next) {
@@ -4169,4 +4191,4 @@ export {
   Tree2 as Tree
 };
 
-//# debugId=DE55DCB41FE5FD0564756E2164756E21
+//# debugId=D0EB323FE883176E64756E2164756E21

package/dist/index.d.ts

@@ -91,7 +91,7 @@ export type { DataListProps } from './components/data-list/index.ts';
 export { default as DataGrid } from './components/data-grid/index.ts';
 export type { DataGridCellContext, DataGridColumnDef, DataGridColumnPin, DataGridColumnPinning, DataGridColumnSizing, DataGridDensity, DataGridProps, } from './components/data-grid/index.ts';
 export { default as DataTable } from './components/data-table/index.ts';
-export type { DataTableColumn, DataTableProps, DataTableRow, } from './components/data-table/index.ts';
+export type { DataTableColumn, DataTableProps, DataTableRow, DataTableSelectionMode, } from './components/data-table/index.ts';
 export { default as DateRangeField } from './components/date-range-field/index.ts';
 export type { DateRangeDatePreset, DateRangeFieldProps, DateRangeGranularity, DateRangeValue, } from './components/date-range-field/index.ts';
 export { default as DescriptionList } from './components/description-list/index.ts';
@@ -260,7 +260,7 @@ export { default as Sidebar } from './components/sidebar/index.ts';
 export type { SidebarProps } from './components/sidebar/index.ts';
 export { default as SortableList } from './components/sortable-list/index.ts';
 export type { SortableListProps } from './components/sortable-list/index.ts';
-export type { SortableAnnouncements, SortableItemContext, SortableReorderChange, } from './utilities/sortable-controller.svelte.ts';
+export type { SortableAnnouncements, SortableItemContext, SortableReorderChange, } from './utilities/sortable-controller.types.ts';
 export { default as Skeleton } from './components/skeleton/index.ts';
 export type { SkeletonProps } from './components/skeleton/index.ts';
 export { default as SkipLink } from './components/skip-link/index.ts';
@@ -320,13 +320,13 @@ export type { ToastApi, ToastItem, ToastOptions, ToastPosition, ToastRegionProps
 export { default as TransferList } from './components/transfer-list/index.ts';
 export type { TransferListItem, TransferListProps, TransferListSchemaProps, } from './components/transfer-list/index.ts';
 export { useAnnouncer } from './utilities/use-announcer.svelte.ts';
-export type { Announcer, AnnouncerOptions } from './utilities/use-announcer.svelte.ts';
+export type { Announcer, AnnouncerOptions } from './utilities/use-announcer.types.ts';
 export { useHistory } from './utilities/use-history.svelte.ts';
-export type { UseHistory, UseHistoryCommitOptions, UseHistoryEntry, UseHistoryEntryMetadata, UseHistoryOptions, } from './utilities/use-history.svelte.ts';
+export type { UseHistory, UseHistoryCommitOptions, UseHistoryEntry, UseHistoryEntryMetadata, UseHistoryOptions, } from './utilities/use-history.types.ts';
 export { useIntersection } from './utilities/use-intersection.svelte.ts';
 export { useMutationObserver } from './utilities/use-mutation-observer.svelte.ts';
 export { useReducedMotion } from './utilities/use-reduced-motion.svelte.ts';
-export type { UseReducedMotion } from './utilities/use-reduced-motion.svelte.ts';
+export type { UseReducedMotion } from './utilities/use-reduced-motion.types.ts';
 export { useResizeObserver } from './utilities/use-resize-observer.svelte.ts';
 export { useToast } from './utilities/use-toast.ts';
 export type { Highlighter } from './utilities/highlighter.ts';

package/dist/server/components/access-gate/access-gate.schema.js

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/access-gate/access-gate.schema.ts
 var schema = {
@@ -46,4 +44,4 @@ export {
   access_gate_schema_default as default
 };
 
-//# debugId=CB4D2291BA39345964756E2164756E21
+//# debugId=43F1DF8D586904A864756E2164756E21

package/dist/server/components/access-gate/access-gate.variables.js

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/access-gate/access-gate.variables.ts
 var variables = [];
@@ -9,4 +7,4 @@ export {
   access_gate_variables_default as default
 };
 
-//# debugId=210CEAD14E99B2D864756E2164756E21
+//# debugId=36370180960BF42764756E2164756E21