@lostgradient/cinder 0.2.0 → 0.3.0

package/dist/components/confirm-dialog/index.js

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -51,21 +21,279 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
+// src/components/focus-trap/focus-trap.svelte
+import"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/focus-trap/focus-trap.utilities.svelte.ts
+import * as $ from "svelte/internal/client";
+
+// src/utilities/focus.ts
+function restoreFocusTo(target) {
+  if (!target)
+    return false;
+  if (typeof document === "undefined")
+    return false;
+  if (!target.isConnected)
+    return false;
+  if (target.ownerDocument !== document)
+    return false;
+  try {
+    target.focus();
+  } catch {
+    return false;
+  }
+  return true;
+}
+
+// src/utilities/read-option.ts
+function isOptionGetter(value) {
+  return typeof value === "function";
+}
+function readOption(value) {
+  return isOptionGetter(value) ? value() : value;
+}
+
+// src/components/focus-trap/focus-trap.utilities.svelte.ts
+var trapStack = [];
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "summary",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable]:not([contenteditable="false"])'
+].join(", ");
+function noop() {}
+function isHiddenByTree(element) {
+  if (element.hidden)
+    return true;
+  if (element.matches('[inert], [aria-hidden="true"]'))
+    return true;
+  const ancestor = element.closest('[hidden], [inert], [aria-hidden="true"]');
+  return ancestor !== null && ancestor !== element;
+}
+function isFocusableCandidate(element) {
+  if (isHiddenByTree(element))
+    return false;
+  if (element.hasAttribute("disabled"))
+    return false;
+  if (element.hasAttribute("tabindex") && element.tabIndex < 0)
+    return false;
+  return true;
+}
+var NATIVELY_FOCUSABLE_TAGS = new Set(["BUTTON", "INPUT", "SELECT", "TEXTAREA", "SUMMARY"]);
+function isProgrammaticallyFocusable(element) {
+  if (isHiddenByTree(element))
+    return false;
+  if (element.hasAttribute("disabled"))
+    return false;
+  if (element.hasAttribute("tabindex"))
+    return true;
+  if (NATIVELY_FOCUSABLE_TAGS.has(element.tagName))
+    return true;
+  if (element.tagName === "A" && element.hasAttribute("href"))
+    return true;
+  const contentEditable = element.getAttribute("contenteditable");
+  if (contentEditable !== null && contentEditable !== "false")
+    return true;
+  return false;
+}
+function getTabbableElements(root) {
+  return Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => root.contains(element) && isFocusableCandidate(element));
+}
+function resolveScopedTarget(root, target) {
+  const resolved = readOption(target ?? null);
+  if (!resolved)
+    return null;
+  if (typeof resolved === "string") {
+    let match = null;
+    try {
+      match = root.querySelector(resolved);
+    } catch {
+      return null;
+    }
+    return match && root.contains(match) ? match : null;
+  }
+  return resolved instanceof HTMLElement && root.contains(resolved) ? resolved : null;
+}
+function getFallbackTarget(root, fallbackFocus) {
+  const resolved = resolveScopedTarget(root, fallbackFocus);
+  return resolved && isProgrammaticallyFocusable(resolved) ? resolved : null;
+}
+function tryFocus(element) {
+  element.focus();
+  return document.activeElement === element;
+}
+function ensureRootFocusable(root) {
+  if (root.hasAttribute("tabindex")) {
+    return () => {};
+  }
+  root.setAttribute("tabindex", "-1");
+  return () => {
+    root.removeAttribute("tabindex");
+  };
+}
+function pushTrap(instance) {
+  const existingIndex = trapStack.findIndex((entry) => entry.id === instance.id);
+  if (existingIndex !== -1) {
+    trapStack.splice(existingIndex, 1);
+  }
+  trapStack.push(instance);
+}
+function removeTrap(id) {
+  const index = trapStack.findIndex((entry) => entry.id === id);
+  if (index !== -1) {
+    trapStack.splice(index, 1);
+  }
+}
+function isTopTrap(id) {
+  return trapStack.at(-1)?.id === id;
+}
+function createFocusTrap(options = {}) {
+  const trapId = Symbol("focus-trap");
+  return (node) => {
+    const isActive = () => readOption(options.active ?? true);
+    const restoreFocus = options.restoreFocus ?? true;
+    const initialFocus = options.initialFocus ?? null;
+    const fallbackFocus = options.fallbackFocus ?? null;
+    const manageInitialFocus = options.manageInitialFocus ?? true;
+    let activated = false;
+    let activationGeneration = 0;
+    let capturedFocus = null;
+    let restoreRootFocusability = noop;
+    function focusTrapTarget() {
+      const preferred = resolveScopedTarget(node, initialFocus);
+      if (preferred && isProgrammaticallyFocusable(preferred) && tryFocus(preferred)) {
+        return;
+      }
+      const tabbable = getTabbableElements(node);
+      if (tabbable.length > 0 && tabbable[0] && tryFocus(tabbable[0])) {
+        return;
+      }
+      const fallbackTarget = getFallbackTarget(node, fallbackFocus);
+      if (fallbackTarget && tryFocus(fallbackTarget)) {
+        return;
+      }
+      restoreRootFocusability = ensureRootFocusable(node);
+      node.focus();
+    }
+    function activate() {
+      if (activated)
+        return;
+      activated = true;
+      const generation = ++activationGeneration;
+      capturedFocus = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null;
+      pushTrap({ id: trapId, node });
+      if (!manageInitialFocus)
+        return;
+      queueMicrotask(() => {
+        if (!activated || generation !== activationGeneration || !isActive())
+          return;
+        focusTrapTarget();
+      });
+    }
+    function deactivate() {
+      if (!activated)
+        return;
+      activated = false;
+      restoreRootFocusability();
+      restoreRootFocusability = noop;
+      removeTrap(trapId);
+      if (restoreFocus) {
+        restoreFocusTo(capturedFocus);
+      }
+      capturedFocus = null;
+    }
+    function handleKeydown(event) {
+      if (!isActive() || !isTopTrap(trapId) || event.key !== "Tab")
+        return;
+      const tabbable = getTabbableElements(node);
+      if (tabbable.length === 0) {
+        const fallbackTarget = getFallbackTarget(node, fallbackFocus);
+        event.preventDefault();
+        if (!fallbackTarget || !tryFocus(fallbackTarget)) {
+          restoreRootFocusability = ensureRootFocusable(node);
+          node.focus();
+        }
+        return;
+      }
+      const first = tabbable[0];
+      const last = tabbable[tabbable.length - 1];
+      const activeElement = document.activeElement;
+      if (event.shiftKey && activeElement === first) {
+        event.preventDefault();
+        last?.focus();
+      } else if (!event.shiftKey && activeElement === last) {
+        event.preventDefault();
+        first?.focus();
+      }
+    }
+    node.addEventListener("keydown", handleKeydown);
+    $.user_effect(() => {
+      if (!isActive())
+        return;
+      activate();
+      return () => {
+        deactivate();
+      };
+    });
+    return () => {
+      node.removeEventListener("keydown", handleKeydown);
+      deactivate();
+    };
+  };
+}
+
+// src/components/focus-trap/focus-trap.svelte
+var root = $2.from_html(`<div><!></div>`);
+function Focus_trap($$anchor, $$props) {
+  $2.push($$props, true);
+  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "active",
+    "restoreFocus",
+    "initialFocus",
+    "fallbackFocus",
+    "class",
+    "children"
+  ]);
+  var div = root();
+  $2.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames($$props.class)]);
+  var node = $2.child(div);
+  $2.snippet(node, () => $$props.children);
+  $2.reset(div);
+  $2.attach(div, () => createFocusTrap({
+    active: () => active(),
+    restoreFocus: restoreFocus(),
+    initialFocus: () => initialFocus(),
+    fallbackFocus: () => fallbackFocus()
+  }));
+  $2.append($$anchor, div);
+  $2.pop();
+}
+
+// src/components/focus-trap/index.ts
+var focus_trap_default = Focus_trap;
 // src/components/confirm-dialog/index.ts
 import"@lostgradient/cinder/confirm-dialog/styles";
 
 // src/components/confirm-dialog/confirm-dialog.svelte
 import"svelte/internal/disclose-version";
-import * as $3 from "svelte/internal/client";
+import * as $5 from "svelte/internal/client";
 
 // src/components/button/button.svelte
 import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
+import * as $3 from "svelte/internal/client";
 
 // ../../node_modules/esm-env/true.js
 var true_default = true;
@@ -77,78 +305,78 @@ function devWarn(message, ...args) {
 }
 
 // src/components/button/button.svelte
-var root_2 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_4 = $.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_5 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_3 = $.from_html(`<!> <!>`, 1);
-var root_8 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_1 = $.from_html(`<!> <!> <!>`, 1);
-var root_9 = $.from_html(`<a><!></a>`);
-var root_10 = $.from_html(`<button><!></button>`);
+var root_2 = $3.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_4 = $3.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_5 = $3.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_3 = $3.from_html(`<!> <!>`, 1);
+var root_8 = $3.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_1 = $3.from_html(`<!> <!> <!>`, 1);
+var root_9 = $3.from_html(`<a><!></a>`);
+var root_10 = $3.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
-  $.push($$props, true);
+  $3.push($$props, true);
   const buttonContent = ($$anchor2) => {
     var fragment = root_1();
-    var node = $.first_child(fragment);
+    var node = $3.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
         var span = root_2();
-        var node_1 = $.child(span);
-        $.snippet(node_1, () => $$props.leadingIcon);
-        $.reset(span);
-        $.append($$anchor3, span);
+        var node_1 = $3.child(span);
+        $3.snippet(node_1, () => $$props.leadingIcon);
+        $3.reset(span);
+        $3.append($$anchor3, span);
       };
-      $.if(node, ($$render) => {
+      $3.if(node, ($$render) => {
         if ($$props.leadingIcon)
           $$render(consequent);
       });
     }
-    var node_2 = $.sibling(node, 2);
+    var node_2 = $3.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
         var fragment_1 = root_3();
-        var node_3 = $.first_child(fragment_1);
+        var node_3 = $3.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
             var span_1 = root_4();
-            var text2 = $.child(span_1, true);
-            $.reset(span_1);
-            $.template_effect(() => $.set_text(text2, $$props.label));
-            $.append($$anchor4, span_1);
+            var text2 = $3.child(span_1, true);
+            $3.reset(span_1);
+            $3.template_effect(() => $3.set_text(text2, $$props.label));
+            $3.append($$anchor4, span_1);
           };
-          $.if(node_3, ($$render) => {
-            if (!$.get(resolvedAriaLabel) && !$.get(resolvedAriaLabelledBy) && $$props.label)
+          $3.if(node_3, ($$render) => {
+            if (!$3.get(resolvedAriaLabel) && !$3.get(resolvedAriaLabelledBy) && $$props.label)
               $$render(consequent_1);
           });
         }
-        var node_4 = $.sibling(node_3, 2);
+        var node_4 = $3.sibling(node_3, 2);
         {
           var consequent_2 = ($$anchor4) => {
             var span_2 = root_5();
-            var node_5 = $.child(span_2);
-            $.snippet(node_5, () => $$props.children);
-            $.reset(span_2);
-            $.append($$anchor4, span_2);
+            var node_5 = $3.child(span_2);
+            $3.snippet(node_5, () => $$props.children);
+            $3.reset(span_2);
+            $3.append($$anchor4, span_2);
           };
-          $.if(node_4, ($$render) => {
+          $3.if(node_4, ($$render) => {
             if ($$props.children)
               $$render(consequent_2);
           });
         }
-        $.append($$anchor3, fragment_1);
+        $3.append($$anchor3, fragment_1);
       };
       var consequent_4 = ($$anchor3) => {
-        var fragment_2 = $.comment();
-        var node_6 = $.first_child(fragment_2);
-        $.snippet(node_6, () => $$props.children);
-        $.append($$anchor3, fragment_2);
+        var fragment_2 = $3.comment();
+        var node_6 = $3.first_child(fragment_2);
+        $3.snippet(node_6, () => $$props.children);
+        $3.append($$anchor3, fragment_2);
       };
       var alternate = ($$anchor3) => {
-        var text_1 = $.text();
-        $.template_effect(() => $.set_text(text_1, $$props.label));
-        $.append($$anchor3, text_1);
+        var text_1 = $3.text();
+        $3.template_effect(() => $3.set_text(text_1, $$props.label));
+        $3.append($$anchor3, text_1);
       };
-      $.if(node_2, ($$render) => {
+      $3.if(node_2, ($$render) => {
         if (iconOnly())
           $$render(consequent_3);
         else if ($$props.children)
@@ -157,23 +385,23 @@ function Button($$anchor, $$props) {
           $$render(alternate, -1);
       });
     }
-    var node_7 = $.sibling(node_2, 2);
+    var node_7 = $3.sibling(node_2, 2);
     {
       var consequent_5 = ($$anchor3) => {
         var span_3 = root_8();
-        var node_8 = $.child(span_3);
-        $.snippet(node_8, () => $$props.trailingIcon);
-        $.reset(span_3);
-        $.append($$anchor3, span_3);
+        var node_8 = $3.child(span_3);
+        $3.snippet(node_8, () => $$props.trailingIcon);
+        $3.reset(span_3);
+        $3.append($$anchor3, span_3);
       };
-      $.if(node_7, ($$render) => {
+      $3.if(node_7, ($$render) => {
         if ($$props.trailingIcon)
           $$render(consequent_5);
       });
     }
-    $.append($$anchor2, fragment);
+    $3.append($$anchor2, fragment);
   };
-  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, [
+  const variant = $3.prop($$props, "variant", 3, "secondary"), size = $3.prop($$props, "size", 3, "md"), fullWidth = $3.prop($$props, "fullWidth", 3, false), loading = $3.prop($$props, "loading", 3, false), iconOnly = $3.prop($$props, "iconOnly", 3, false), rest = $3.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -197,23 +425,23 @@ function Button($$anchor, $$props) {
     "aria-controls",
     "aria-haspopup"
   ]);
-  const mergedClassName = $.derived(() => classNames("cinder-button", $$props.class));
-  const dataAttributes = $.derived(() => ({
+  const mergedClassName = $3.derived(() => classNames("cinder-button", $$props.class));
+  const dataAttributes = $3.derived(() => ({
     "data-cinder-variant": variant(),
     "data-cinder-size": size(),
     "data-cinder-full-width": fullWidth() ? "" : undefined,
     "data-cinder-loading": loading() ? "" : undefined,
     "data-cinder-icon-only": iconOnly() ? "" : undefined
   }));
-  const resolvedAriaDisabled = $.derived(() => loading() ? "true" : $$props["aria-disabled"]);
-  const resolvedAriaBusy = $.derived(() => loading() ? "true" : $$props["aria-busy"]);
-  const resolvedAriaLabel = $.derived(() => typeof $$props["aria-label"] === "string" && $$props["aria-label"].trim().length > 0 ? $$props["aria-label"] : undefined);
-  const resolvedAriaLabelledBy = $.derived(() => typeof $$props["aria-labelledby"] === "string" && $$props["aria-labelledby"].trim().length > 0 ? $$props["aria-labelledby"] : undefined);
+  const resolvedAriaDisabled = $3.derived(() => loading() ? "true" : $$props["aria-disabled"]);
+  const resolvedAriaBusy = $3.derived(() => loading() ? "true" : $$props["aria-busy"]);
+  const resolvedAriaLabel = $3.derived(() => typeof $$props["aria-label"] === "string" && $$props["aria-label"].trim().length > 0 ? $$props["aria-label"] : undefined);
+  const resolvedAriaLabelledBy = $3.derived(() => typeof $$props["aria-labelledby"] === "string" && $$props["aria-labelledby"].trim().length > 0 ? $$props["aria-labelledby"] : undefined);
   const anchorAttributes = rest;
   const buttonAttributes = rest;
-  const anchorTabIndex = $.derived(() => $$props.tabindex);
-  const buttonType = $.derived(() => $$props.type);
-  const buttonDisabled = $.derived(() => $$props.disabled ?? false);
+  const anchorTabIndex = $3.derived(() => $$props.tabindex);
+  const buttonType = $3.derived(() => $$props.type);
+  const buttonDisabled = $3.derived(() => $$props.disabled ?? false);
   function handleClick(event) {
     if (loading()) {
       event.preventDefault();
@@ -223,11 +451,11 @@ function Button($$anchor, $$props) {
       $$props.onclick(event);
     }
   }
-  $.user_effect(() => {
+  $3.user_effect(() => {
     const hasLabel = typeof $$props.label === "string" && $$props.label.trim().length > 0;
     const hasChildren = Boolean($$props.children);
-    const hasAriaLabel = $.get(resolvedAriaLabel) !== undefined;
-    const hasAriaLabelledBy = $.get(resolvedAriaLabelledBy) !== undefined;
+    const hasAriaLabel = $3.get(resolvedAriaLabel) !== undefined;
+    const hasAriaLabelledBy = $3.get(resolvedAriaLabelledBy) !== undefined;
     if (!hasLabel && !hasChildren && !hasAriaLabel && !hasAriaLabelledBy) {
       devWarn("[cinder/Button] rendered without an accessible name — pass a non-empty `label`, `children`, `aria-label`, or `aria-labelledby`.");
     }
@@ -238,67 +466,67 @@ function Button($$anchor, $$props) {
       devWarn("[cinder/Button] iconOnly=true requires a visible icon — pass leadingIcon, trailingIcon, or children.");
     }
   });
-  var fragment_4 = $.comment();
-  var node_9 = $.first_child(fragment_4);
+  var fragment_4 = $3.comment();
+  var node_9 = $3.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
       var a = root_9();
-      $.attribute_effect(a, () => ({
+      $3.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
-        tabindex: loading() ? -1 : $.get(anchorTabIndex),
-        class: $.get(mergedClassName),
-        ...$.get(dataAttributes),
-        "aria-disabled": $.get(resolvedAriaDisabled),
-        "aria-busy": $.get(resolvedAriaBusy),
-        "aria-label": $.get(resolvedAriaLabel),
-        "aria-labelledby": $.get(resolvedAriaLabelledBy),
+        tabindex: loading() ? -1 : $3.get(anchorTabIndex),
+        class: $3.get(mergedClassName),
+        ...$3.get(dataAttributes),
+        "aria-disabled": $3.get(resolvedAriaDisabled),
+        "aria-busy": $3.get(resolvedAriaBusy),
+        "aria-label": $3.get(resolvedAriaLabel),
+        "aria-labelledby": $3.get(resolvedAriaLabelledBy),
         "aria-expanded": $$props["aria-expanded"],
         "aria-controls": $$props["aria-controls"],
         "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
-      var node_10 = $.child(a);
+      var node_10 = $3.child(a);
       buttonContent(node_10);
-      $.reset(a);
-      $.append($$anchor2, a);
+      $3.reset(a);
+      $3.append($$anchor2, a);
     };
     var alternate_1 = ($$anchor2) => {
       var button = root_10();
-      $.attribute_effect(button, () => ({
+      $3.attribute_effect(button, () => ({
         ...buttonAttributes,
-        type: $.get(buttonType) ?? "button",
-        class: $.get(mergedClassName),
-        ...$.get(dataAttributes),
-        disabled: $.get(buttonDisabled) || loading(),
-        "aria-disabled": $.get(resolvedAriaDisabled),
-        "aria-busy": $.get(resolvedAriaBusy),
-        "aria-label": $.get(resolvedAriaLabel),
-        "aria-labelledby": $.get(resolvedAriaLabelledBy),
+        type: $3.get(buttonType) ?? "button",
+        class: $3.get(mergedClassName),
+        ...$3.get(dataAttributes),
+        disabled: $3.get(buttonDisabled) || loading(),
+        "aria-disabled": $3.get(resolvedAriaDisabled),
+        "aria-busy": $3.get(resolvedAriaBusy),
+        "aria-label": $3.get(resolvedAriaLabel),
+        "aria-labelledby": $3.get(resolvedAriaLabelledBy),
         "aria-expanded": $$props["aria-expanded"],
         "aria-controls": $$props["aria-controls"],
         "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
-      var node_11 = $.child(button);
+      var node_11 = $3.child(button);
       buttonContent(node_11);
-      $.reset(button);
-      $.append($$anchor2, button);
+      $3.reset(button);
+      $3.append($$anchor2, button);
     };
-    $.if(node_9, ($$render) => {
+    $3.if(node_9, ($$render) => {
       if ($$props.href !== undefined)
         $$render(consequent_6);
       else
         $$render(alternate_1, -1);
     });
   }
-  $.append($$anchor, fragment_4);
-  $.pop();
+  $3.append($$anchor, fragment_4);
+  $3.pop();
 }
 
 // src/components/modal/modal.svelte
 import"svelte/internal/disclose-version";
-import * as $2 from "svelte/internal/client";
+import * as $4 from "svelte/internal/client";
 import { onDestroy } from "svelte";
 
 // src/_internal/overlay.ts
@@ -327,7 +555,7 @@ function onEscapeKeydown(event) {
   const handler = escapeStack.at(-1);
   if (!handler)
     return;
-  handler();
+  handler(event);
 }
 var scrollLockCount = 0;
 var originalBodyOverflow = null;
@@ -464,36 +692,18 @@ function overflowFade() {
   };
 }
 
-// src/utilities/focus.ts
-function restoreFocusTo(target) {
-  if (!target)
-    return false;
-  if (typeof document === "undefined")
-    return false;
-  if (!target.isConnected)
-    return false;
-  if (target.ownerDocument !== document)
-    return false;
-  try {
-    target.focus();
-  } catch {
-    return false;
-  }
-  return true;
-}
-
 // src/components/modal/modal.svelte
-var root_32 = $2.from_html(`<div class="cinder-modal__footer"><!></div>`);
-var root_42 = $2.from_html(`<button type="button" class="cinder-modal__close" aria-label="Close dialog"><svg class="cinder-modal__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
-var root_22 = $2.from_html(`<div class="cinder-modal__panel"><div class="cinder-modal__header"><h2 class="cinder-modal__title"> </h2></div> <div class="cinder-modal__body" tabindex="-1"><!></div> <!> <!></div>`);
-var root_12 = $2.from_html(`<dialog><!></dialog>`);
+var root_32 = $4.from_html(`<div class="cinder-modal__footer"><!></div>`);
+var root_42 = $4.from_html(`<button type="button" class="cinder-modal__close" aria-label="Close dialog"><svg class="cinder-modal__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
+var root_22 = $4.from_html(`<div class="cinder-modal__panel"><div class="cinder-modal__header"><h2 class="cinder-modal__title"> </h2></div> <div class="cinder-modal__body" tabindex="-1"><!></div> <!> <!></div>`);
+var root_12 = $4.from_html(`<dialog><!></dialog>`);
 function Modal($$anchor, $$props) {
-  const titleId = $2.props_id();
-  $2.push($$props, true);
-  let open = $2.prop($$props, "open", 15, false), role = $2.prop($$props, "role", 3, "dialog"), dismissOnBackdropClick = $2.prop($$props, "dismissOnBackdropClick", 3, true), dismissOnEscape = $2.prop($$props, "dismissOnEscape", 3, true), showCloseButton = $2.prop($$props, "showCloseButton", 3, true), triggerRef = $2.prop($$props, "triggerRef", 3, null);
-  let dialogElement = $2.state(undefined);
-  let bodyElement = $2.state(undefined);
-  let mounted = $2.state(false);
+  const titleId = $4.props_id();
+  $4.push($$props, true);
+  let open = $4.prop($$props, "open", 15, false), role = $4.prop($$props, "role", 3, "dialog"), dismissOnBackdropClick = $4.prop($$props, "dismissOnBackdropClick", 3, true), dismissOnEscape = $4.prop($$props, "dismissOnEscape", 3, true), showCloseButton = $4.prop($$props, "showCloseButton", 3, true), triggerRef = $4.prop($$props, "triggerRef", 3, null);
+  let dialogElement = $4.state(undefined);
+  let bodyElement = $4.state(undefined);
+  let mounted = $4.state(false);
   let capturedFocus = null;
   let releaseBodyScrollLock = null;
   let releaseEscapeHandler = null;
@@ -516,28 +726,28 @@ function Modal($$anchor, $$props) {
     releaseEscapeHandler = null;
   }
   const bodyOverflowFade = overflowFade();
-  $2.user_effect(() => {
-    $2.set(mounted, true);
+  $4.user_effect(() => {
+    $4.set(mounted, true);
   });
-  $2.user_effect(() => {
+  $4.user_effect(() => {
     if (role() === "alertdialog" && (dismissOnBackdropClick() !== false || dismissOnEscape() !== false || showCloseButton() !== false)) {
       devWarn('[cinder/Modal] role="alertdialog" requires dismissOnBackdropClick={false}, dismissOnEscape={false}, and showCloseButton={false}. ' + "Without these, Escape or backdrop click can bypass the mandatory acknowledgement. " + "Use <AlertDialog> instead, or pass all three companion props explicitly.");
     }
   });
-  $2.user_effect(() => {
-    if (!$2.get(dialogElement))
+  $4.user_effect(() => {
+    if (!$4.get(dialogElement))
       return;
-    if (open() && !$2.get(dialogElement).open) {
+    if (open() && !$4.get(dialogElement).open) {
       capturedFocus = captureFocus();
-      $2.get(dialogElement).showModal();
+      $4.get(dialogElement).showModal();
       acquireLock();
       acquireEscapeHandler();
-      const hasExplicitAutofocus = $2.get(dialogElement).querySelector("[autofocus]") !== null || Array.from($2.get(dialogElement).querySelectorAll("*")).some((el) => el.autofocus === true);
-      if (!hasExplicitAutofocus && $2.get(bodyElement)) {
-        $2.get(bodyElement).focus();
+      const hasExplicitAutofocus = $4.get(dialogElement).querySelector("[autofocus]") !== null || Array.from($4.get(dialogElement).querySelectorAll("*")).some((el) => el.autofocus === true);
+      if (!hasExplicitAutofocus && $4.get(bodyElement)) {
+        $4.get(bodyElement).focus();
       }
-    } else if (!open() && $2.get(dialogElement).open) {
-      $2.get(dialogElement).close();
+    } else if (!open() && $4.get(dialogElement).open) {
+      $4.get(dialogElement).close();
     }
   });
   function returnFocus() {
@@ -563,7 +773,7 @@ function Modal($$anchor, $$props) {
     releaseEscape();
   });
   function handleBackdropClick(event) {
-    if (dismissOnBackdropClick() && event.target === $2.get(dialogElement)) {
+    if (dismissOnBackdropClick() && event.target === $4.get(dialogElement)) {
       dismiss();
     }
   }
@@ -573,12 +783,12 @@ function Modal($$anchor, $$props) {
       return;
     dismiss();
   }
-  var fragment = $2.comment();
-  var node = $2.first_child(fragment);
+  var fragment = $4.comment();
+  var node = $4.first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
       var dialog = root_12();
-      $2.attribute_effect(dialog, ($0) => ({
+      $4.attribute_effect(dialog, ($0) => ({
         class: $0,
         role: role(),
         "aria-modal": "true",
@@ -588,81 +798,86 @@ function Modal($$anchor, $$props) {
         onclick: handleBackdropClick,
         oncancel: handleNativeCancel
       }), [() => classNames("cinder-modal", $$props.class)]);
-      var node_1 = $2.child(dialog);
+      var node_1 = $4.child(dialog);
       {
         var consequent_2 = ($$anchor3) => {
           var div = root_22();
-          var div_1 = $2.child(div);
-          var h2 = $2.child(div_1);
-          var text2 = $2.child(h2, true);
-          $2.reset(h2);
-          $2.reset(div_1);
-          var div_2 = $2.sibling(div_1, 2);
-          var node_2 = $2.child(div_2);
-          $2.snippet(node_2, () => $$props.children);
-          $2.reset(div_2);
-          $2.bind_this(div_2, ($$value) => $2.set(bodyElement, $$value), () => $2.get(bodyElement));
-          $2.attach(div_2, () => bodyOverflowFade);
-          var node_3 = $2.sibling(div_2, 2);
+          var div_1 = $4.child(div);
+          var h2 = $4.child(div_1);
+          var text2 = $4.child(h2, true);
+          $4.reset(h2);
+          $4.reset(div_1);
+          var div_2 = $4.sibling(div_1, 2);
+          var node_2 = $4.child(div_2);
+          $4.snippet(node_2, () => $$props.children);
+          $4.reset(div_2);
+          $4.bind_this(div_2, ($$value) => $4.set(bodyElement, $$value), () => $4.get(bodyElement));
+          $4.attach(div_2, () => bodyOverflowFade);
+          var node_3 = $4.sibling(div_2, 2);
           {
             var consequent = ($$anchor4) => {
               var div_3 = root_32();
-              var node_4 = $2.child(div_3);
-              $2.snippet(node_4, () => $$props.footer);
-              $2.reset(div_3);
-              $2.append($$anchor4, div_3);
+              var node_4 = $4.child(div_3);
+              $4.snippet(node_4, () => $$props.footer);
+              $4.reset(div_3);
+              $4.append($$anchor4, div_3);
             };
-            $2.if(node_3, ($$render) => {
+            $4.if(node_3, ($$render) => {
               if ($$props.footer)
                 $$render(consequent);
             });
           }
-          var node_5 = $2.sibling(node_3, 2);
+          var node_5 = $4.sibling(node_3, 2);
           {
             var consequent_1 = ($$anchor4) => {
               var button = root_42();
-              $2.delegated("click", button, dismiss);
-              $2.append($$anchor4, button);
+              $4.delegated("click", button, dismiss);
+              $4.append($$anchor4, button);
             };
-            $2.if(node_5, ($$render) => {
+            $4.if(node_5, ($$render) => {
               if (showCloseButton())
                 $$render(consequent_1);
             });
           }
-          $2.reset(div);
-          $2.template_effect(() => {
-            $2.set_attribute(h2, "id", titleId);
-            $2.set_text(text2, $$props.title);
+          $4.reset(div);
+          $4.attach(div, () => createFocusTrap({
+            active: () => open(),
+            restoreFocus: false,
+            manageInitialFocus: false
+          }));
+          $4.template_effect(() => {
+            $4.set_attribute(h2, "id", titleId);
+            $4.set_text(text2, $$props.title);
           });
-          $2.append($$anchor3, div);
+          $4.append($$anchor3, div);
         };
-        $2.if(node_1, ($$render) => {
+        $4.if(node_1, ($$render) => {
           if (open())
             $$render(consequent_2);
         });
       }
-      $2.reset(dialog);
-      $2.bind_this(dialog, ($$value) => $2.set(dialogElement, $$value), () => $2.get(dialogElement));
-      $2.append($$anchor2, dialog);
+      $4.reset(dialog);
+      $4.bind_this(dialog, ($$value) => $4.set(dialogElement, $$value), () => $4.get(dialogElement));
+      $4.append($$anchor2, dialog);
     };
-    $2.if(node, ($$render) => {
-      if ($2.get(mounted) || open())
+    $4.if(node, ($$render) => {
+      if ($4.get(mounted) || open())
         $$render(consequent_3);
     });
   }
-  $2.append($$anchor, fragment);
-  $2.pop();
+  $4.append($$anchor, fragment);
+  $4.pop();
 }
-$2.delegate(["click"]);
+$4.delegate(["click"]);
 
 // src/components/confirm-dialog/confirm-dialog.svelte
-var root_13 = $3.from_html(`<!> <!>`, 1);
-var root_52 = $3.from_html(`<p class="cinder-confirm-dialog__description"> </p>`);
+var root_13 = $5.from_html(`<!> <!>`, 1);
+var root_52 = $5.from_html(`<p class="cinder-confirm-dialog__description"> </p>`);
 function Confirm_dialog($$anchor, $$props) {
-  const descriptionId = $3.props_id();
-  $3.push($$props, true);
-  let open = $3.prop($$props, "open", 15, false), cancelLabel = $3.prop($$props, "cancelLabel", 3, "Cancel"), destructive = $3.prop($$props, "destructive", 3, false), triggerRef = $3.prop($$props, "triggerRef", 3, null);
-  const describedById = $3.derived(() => $$props.description ? descriptionId : undefined);
+  const descriptionId = $5.props_id();
+  $5.push($$props, true);
+  let open = $5.prop($$props, "open", 15, false), cancelLabel = $5.prop($$props, "cancelLabel", 3, "Cancel"), destructive = $5.prop($$props, "destructive", 3, false), triggerRef = $5.prop($$props, "triggerRef", 3, null);
+  const describedById = $5.derived(() => $$props.description ? descriptionId : undefined);
   function handleCancel() {
     open(false);
     $$props.oncancel?.();
@@ -674,40 +889,40 @@ function Confirm_dialog($$anchor, $$props) {
   {
     const footer = ($$anchor2) => {
       var fragment_1 = root_13();
-      var node = $3.first_child(fragment_1);
+      var node = $5.first_child(fragment_1);
       Button(node, {
         variant: "secondary",
         autofocus: true,
         onclick: handleCancel,
         children: ($$anchor3, $$slotProps) => {
-          $3.next();
-          var text3 = $3.text();
-          $3.template_effect(() => $3.set_text(text3, cancelLabel()));
-          $3.append($$anchor3, text3);
+          $5.next();
+          var text3 = $5.text();
+          $5.template_effect(() => $5.set_text(text3, cancelLabel()));
+          $5.append($$anchor3, text3);
         },
         $$slots: { default: true }
       });
-      var node_1 = $3.sibling(node, 2);
+      var node_1 = $5.sibling(node, 2);
       {
-        let $02 = $3.derived(() => destructive() ? "danger" : "primary");
+        let $02 = $5.derived(() => destructive() ? "danger" : "primary");
         Button(node_1, {
           get variant() {
-            return $3.get($02);
+            return $5.get($02);
           },
           onclick: handleConfirm,
           children: ($$anchor3, $$slotProps) => {
-            $3.next();
-            var text_1 = $3.text();
-            $3.template_effect(() => $3.set_text(text_1, $$props.confirmLabel));
-            $3.append($$anchor3, text_1);
+            $5.next();
+            var text_1 = $5.text();
+            $5.template_effect(() => $5.set_text(text_1, $$props.confirmLabel));
+            $5.append($$anchor3, text_1);
           },
           $$slots: { default: true }
         });
       }
-      $3.append($$anchor2, fragment_1);
+      $5.append($$anchor2, fragment_1);
     };
-    let $0 = $3.derived(() => classNames("cinder-confirm-dialog", $$props.class));
-    Modal($$anchor, $3.spread_props({
+    let $0 = $5.derived(() => classNames("cinder-confirm-dialog", $$props.class));
+    Modal($$anchor, $5.spread_props({
       get title() {
         return $$props.title;
       },
@@ -715,9 +930,9 @@ function Confirm_dialog($$anchor, $$props) {
         return triggerRef();
       },
       get class() {
-        return $3.get($0);
+        return $5.get($0);
       }
-    }, () => $3.get(describedById) ? { describedById: $3.get(describedById) } : {}, () => $$props.oncancel ? { ondismiss: $$props.oncancel } : {}, {
+    }, () => $5.get(describedById) ? { describedById: $5.get(describedById) } : {}, () => $$props.oncancel ? { ondismiss: $$props.oncancel } : {}, {
       get open() {
         return open();
       },
@@ -726,30 +941,30 @@ function Confirm_dialog($$anchor, $$props) {
       },
       footer,
       children: ($$anchor2, $$slotProps) => {
-        var fragment_4 = $3.comment();
-        var node_2 = $3.first_child(fragment_4);
+        var fragment_4 = $5.comment();
+        var node_2 = $5.first_child(fragment_4);
         {
           var consequent = ($$anchor3) => {
             var p = root_52();
-            var text_2 = $3.child(p, true);
-            $3.reset(p);
-            $3.template_effect(() => {
-              $3.set_attribute(p, "id", descriptionId);
-              $3.set_text(text_2, $$props.description);
+            var text_2 = $5.child(p, true);
+            $5.reset(p);
+            $5.template_effect(() => {
+              $5.set_attribute(p, "id", descriptionId);
+              $5.set_text(text_2, $$props.description);
             });
-            $3.append($$anchor3, p);
+            $5.append($$anchor3, p);
           };
-          $3.if(node_2, ($$render) => {
+          $5.if(node_2, ($$render) => {
             if ($$props.description)
               $$render(consequent);
           });
         }
-        $3.append($$anchor2, fragment_4);
+        $5.append($$anchor2, fragment_4);
       },
       $$slots: { footer: true, default: true }
     }));
   }
-  $3.pop();
+  $5.pop();
 }
 
 // src/components/confirm-dialog/index.ts
@@ -759,4 +974,4 @@ export {
   Confirm_dialog as ConfirmDialog
 };
 
-//# debugId=A2A87F45B7C1DB0D64756E2164756E21
+//# debugId=837E45119E6F194D64756E2164756E21