@lostgradient/cinder 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lostgradient/cinder
 
+## 0.4.1
+
+### Patch Changes
+
+- [#535](https://github.com/stevekinney/cinder/pull/535) [`fb757d1`](https://github.com/stevekinney/cinder/commit/fb757d1afb82f85457800ba0bb1561906c1a93ce) Thanks [@stevekinney](https://github.com/stevekinney)! - Fix Node SSR export condition precedence so resolvers with both `node` and `svelte` active load compiled server artifacts instead of source entries.
+
 ## 0.4.0
 
 ### Minor Changes

package/components.json

@@ -3,7 +3,7 @@
   "manifestVersion": 1,
   "package": {
     "name": "@lostgradient/cinder",
-    "version": "0.4.0",
+    "version": "0.4.1",
     "framework": "svelte",
     "frameworkVersionRange": ">=5.55.0 <6",
     "classPrefix": "cinder-",
@@ -1473,7 +1473,7 @@
           "reason": "You need custom cell rendering, interactive cells, nested components, or column spanning — use the compositional Table family directly."
         },
         {
-          "reason": "You need row selection — DataTable does not expose a selection prop; use Table with selectable instead."
+          "reason": "You need fully custom cell or row composition — use Table directly."
         }
       ],
       "related": [

package/dist/components/_sortable-item.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { SortableItemContext } from '../utilities/sortable-controller.svelte.ts';
+import type { SortableItemContext } from '../utilities/sortable-controller.types.ts';
 /** Internal props for SortableItem — not part of the public package API. */
 export type SortableItemProps<Item> = {
     /**

package/dist/components/autocomplete/index.js

@@ -2084,6 +2084,66 @@ function setFormFieldContext(context) {
 }
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
+// 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/popover/popover.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
@@ -2254,66 +2314,6 @@ 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/utilities/focus.ts
 function restoreFocusTo(target) {
   if (!target)
@@ -2842,6 +2842,17 @@ function Autocomplete($$anchor, $$props) {
     $6.set(rawActiveIndex, null);
     $6.set(suggestions, [], true);
   }
+  function handleEscape(event2 = undefined) {
+    const wasOpen = $6.get(open);
+    closePopup();
+    if (wasOpen)
+      event2?.preventDefault();
+  }
+  $6.user_effect(() => {
+    if (!$6.get(open))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   $6.user_effect(() => {
     const query = value();
     const source = $$props.suggestionSource;
@@ -3019,8 +3030,9 @@ function Autocomplete($$anchor, $$props) {
       return;
     }
     if (event2.key === "Escape" && $6.get(open)) {
-      event2.preventDefault();
-      closePopup();
+      if (event2.defaultPrevented)
+        return;
+      handleEscape(event2);
       return;
     }
     if (event2.key === "Enter" && $6.get(open) && !$6.get(composing)) {
@@ -3165,6 +3177,7 @@ function Autocomplete($$anchor, $$props) {
     role: "listbox",
     focusManagement: "preserve",
     wireTriggerAria: false,
+    closeOnEscape: false,
     widthMode: "match-anchor",
     class: "cinder-autocomplete__panel",
     get open() {
@@ -3303,4 +3316,4 @@ export {
   autocomplete_default as default
 };
 
-//# debugId=1531916F33B9D65B64756E2164756E21
+//# debugId=6D5832321C7E806564756E2164756E21

package/dist/components/avatar-group/index.js

@@ -2319,6 +2319,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(event2) {
+  if (event2.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event2);
+}
+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 root3 = $6.from_html(`<span role="presentation"><!> <span role="tooltip" class="cinder-tooltip"> </span></span>`);
 function Tooltip($$anchor, $$props) {
@@ -2343,23 +2403,42 @@ function Tooltip($$anchor, $$props) {
   ].join(", ");
   let visible = $6.state(false);
   let showTimer;
-  let hasPendingShow = $6.state(false);
+  let releasePendingEscapeListener;
   let wrapperElement = $6.state(undefined);
   let tooltipElement = $6.state(undefined);
   let anchorElement = $6.state(null);
-  function show() {
+  function releasePendingEscape() {
+    releasePendingEscapeListener?.();
+    releasePendingEscapeListener = undefined;
+  }
+  function clearPendingShow() {
     clearTimeout(showTimer);
-    $6.set(hasPendingShow, true);
+    showTimer = undefined;
+    releasePendingEscape();
+  }
+  function handlePendingEscapeKeydown(event3) {
+    if (event3.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;
-      $6.set(hasPendingShow, false);
+      releasePendingEscape();
       $6.set(visible, true);
     }, 100);
   }
   function hide3() {
-    clearTimeout(showTimer);
-    showTimer = undefined;
-    $6.set(hasPendingShow, false);
+    clearPendingShow();
     $6.set(visible, false);
   }
   function handleMouseEnter() {
@@ -2374,10 +2453,9 @@ function Tooltip($$anchor, $$props) {
   function handleFocusOut() {
     hide3();
   }
-  function handleKeydown(event3) {
-    if (event3.key === "Escape") {
-      hide3();
-    }
+  function handleEscape(event3 = undefined) {
+    hide3();
+    event3?.preventDefault();
   }
   function isFocusableCandidate(element2) {
     if (element2.matches(":disabled"))
@@ -2438,13 +2516,15 @@ function Tooltip($$anchor, $$props) {
   });
   const isTooltipExposed = $6.derived(() => $6.get(visible) && anchoredOverlay.positionReady);
   $6.user_effect(() => {
-    if (!$6.get(visible) && !$6.get(hasPendingShow))
-      return;
-    document.addEventListener("keydown", handleKeydown);
     return () => {
-      document.removeEventListener("keydown", handleKeydown);
+      clearPendingShow();
     };
   });
+  $6.user_effect(() => {
+    if (!$6.get(visible))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   var span = root3();
   var node = $6.child(span);
   $6.snippet(node, () => $$props.children);
@@ -2666,4 +2746,4 @@ export {
   Avatar_group as AvatarGroup
 };
 
-//# debugId=BBB3CC05AF128D0F64756E2164756E21
+//# debugId=186953E2DFB1E2EA64756E2164756E21