@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/components/sheet/index.js

@@ -1,703 +1,20 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/focus-trap/focus-trap.svelte
-import * as $2 from "svelte/internal/server";
-
-// 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/server";
-
-// 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);
-    return () => {
-      node.removeEventListener("keydown", handleKeydown);
-      deactivate();
-    };
-  };
-}
-
-// src/components/focus-trap/focus-trap.svelte
-function Focus_trap($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      active = true,
-      restoreFocus = true,
-      initialFocus = null,
-      fallbackFocus = null,
-      class: className,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-  });
-}
-
-// src/components/focus-trap/index.ts
-var focus_trap_default = Focus_trap;
-// src/components/sheet/sheet.svelte
-import * as $4 from "svelte/internal/server";
-import { onDestroy, tick } from "svelte";
-
-// 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/_internal/transition-completion.ts
-function parseTimeValueList(value) {
-  return value.split(",").map((part) => part.trim()).map((part) => {
-    if (part.endsWith("ms"))
-      return Number.parseFloat(part);
-    if (part.endsWith("s"))
-      return Number.parseFloat(part) * 1000;
-    return 0;
-  }).filter((part) => Number.isFinite(part));
-}
-function getLongestTransitionTime(element) {
-  const style = window.getComputedStyle(element);
-  const durations = parseTimeValueList(style.transitionDuration);
-  const delays = parseTimeValueList(style.transitionDelay);
-  const count = Math.max(durations.length, delays.length);
-  let longest = 0;
-  for (let index = 0;index < count; index += 1) {
-    const duration = durations[index] ?? durations.at(-1) ?? 0;
-    const delay = delays[index] ?? delays.at(-1) ?? 0;
-    longest = Math.max(longest, duration + delay);
-  }
-  return longest;
-}
-function getTrackedTransitionProperties(element) {
-  const style = window.getComputedStyle(element);
-  const properties = style.transitionProperty.split(",").map((part) => part.trim()).filter(Boolean);
-  const durations = parseTimeValueList(style.transitionDuration);
-  const delays = parseTimeValueList(style.transitionDelay);
-  const count = Math.max(properties.length, durations.length, delays.length);
-  const trackedProperties = new Set;
-  for (let index = 0;index < count; index += 1) {
-    const property = properties[index] ?? properties.at(-1) ?? "all";
-    const duration = durations[index] ?? durations.at(-1) ?? 0;
-    const delay = delays[index] ?? delays.at(-1) ?? 0;
-    if (duration + delay <= 0)
-      continue;
-    if (property === "all")
-      return null;
-    trackedProperties.add(property);
-  }
-  return trackedProperties;
-}
-function waitForTransitionCompletion({
-  element,
-  reducedMotion,
-  onComplete
-}) {
-  let completed = false;
-  let fallbackTimer;
-  const finish = () => {
-    if (completed)
-      return;
-    completed = true;
-    element.removeEventListener("transitionend", handleTransitionEnd);
-    element.removeEventListener("transitioncancel", finish);
-    if (fallbackTimer) {
-      clearTimeout(fallbackTimer);
-      fallbackTimer = undefined;
-    }
-    onComplete();
-  };
-  const handleTransitionEnd = (event) => {
-    if (event.target instanceof Element && event.target !== element)
-      return;
-    if (!pendingProperties) {
-      finish();
-      return;
-    }
-    pendingProperties.delete(event.propertyName);
-    if (pendingProperties.size === 0) {
-      finish();
-    }
-  };
-  const totalTransitionTime = reducedMotion ? 0 : getLongestTransitionTime(element);
-  const pendingProperties = reducedMotion ? new Set : getTrackedTransitionProperties(element);
-  if (totalTransitionTime <= 0) {
-    queueMicrotask(finish);
-    return finish;
-  }
-  element.addEventListener("transitionend", handleTransitionEnd);
-  element.addEventListener("transitioncancel", finish);
-  fallbackTimer = setTimeout(finish, totalTransitionTime + 50);
-  return finish;
-}
-
-// src/utilities/attachments.ts
-function createClickOutside(options) {
-  const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
-  return (node) => {
-    function handleEvent(event) {
-      const isEnabled = typeof enabled === "function" ? enabled() : enabled;
-      if (!isEnabled)
-        return;
-      const target = event.target;
-      if (!(target instanceof Node)) {
-        handler();
-        return;
-      }
-      if (node.contains(target))
-        return;
-      if (ignoreRefs) {
-        for (const ref of ignoreRefs) {
-          const element = ref();
-          if (element && element.contains(target))
-            return;
-        }
-      }
-      handler();
-    }
-    document.addEventListener(eventType, handleEvent, capture);
-    return () => {
-      document.removeEventListener(eventType, handleEvent, capture);
-    };
-  };
-}
-function overflowFade() {
-  return (node) => {
-    if (typeof ResizeObserver === "undefined") {
-      node.removeAttribute("data-cinder-overflows");
-      return;
-    }
-    const update = () => {
-      const overflows = node.scrollHeight - node.clientHeight > 1;
-      const atBottom = node.scrollTop + node.clientHeight >= node.scrollHeight - 1;
-      node.toggleAttribute("data-cinder-overflows", overflows && !atBottom);
-    };
-    const requestFrame = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (callback) => window.setTimeout(() => callback(performance.now()));
-    const cancelFrame = typeof cancelAnimationFrame === "function" ? cancelAnimationFrame : (handle) => window.clearTimeout(handle);
-    let frame = 0;
-    const scheduleUpdate = () => {
-      if (frame)
-        return;
-      frame = requestFrame(() => {
-        frame = 0;
-        update();
-      });
-    };
-    const resizeObserver = new ResizeObserver(scheduleUpdate);
-    const observedElements = new Set;
-    const observeElement = (element) => {
-      if (observedElements.has(element))
-        return;
-      resizeObserver.observe(element);
-      observedElements.add(element);
-    };
-    const syncObservedElements = () => {
-      const currentElements = new Set([node, ...node.querySelectorAll("*")]);
-      for (const element of observedElements) {
-        if (!currentElements.has(element)) {
-          resizeObserver.unobserve(element);
-          observedElements.delete(element);
-        }
-      }
-      for (const element of currentElements) {
-        observeElement(element);
-      }
-    };
-    syncObservedElements();
-    const mutationObserver = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
-      syncObservedElements();
-      scheduleUpdate();
-    });
-    mutationObserver?.observe(node, {
-      childList: true,
-      subtree: true,
-      characterData: true,
-      attributes: true,
-      attributeFilter: ["hidden", "class", "style", "aria-hidden"]
-    });
-    node.addEventListener("scroll", scheduleUpdate, { passive: true });
-    update();
-    return () => {
-      if (frame)
-        cancelFrame(frame);
-      resizeObserver.disconnect();
-      observedElements.clear();
-      mutationObserver?.disconnect();
-      node.removeEventListener("scroll", scheduleUpdate);
-    };
-  };
-}
-
-// src/utilities/use-reduced-motion.svelte.ts
-import * as $3 from "svelte/internal/server";
-import { MediaQuery } from "svelte/reactivity";
-function useReducedMotion() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    return { current: false };
-  }
-  const query = new MediaQuery("(prefers-reduced-motion: reduce)", false);
-  return {
-    get current() {
-      return query.current;
-    }
-  };
-}
-
-// src/components/sheet/sheet.svelte
-function Sheet($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const titleId = $4.props_id($$renderer2);
-    let {
-      open = false,
-      title,
-      class: className,
-      triggerRef = null,
-      ariaLabelledBy,
-      showDragHandle = false,
-      header,
-      children,
-      footer,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let dialogElement = undefined;
-    let bodyElement = undefined;
-    let panelElement = undefined;
-    let hydrated = false;
-    let renderPanel = open;
-    let isClosing = false;
-    let closeGeneration = 0;
-    let pendingOpenFocus = false;
-    let capturedFocus = null;
-    let releaseScrollLock = null;
-    let releaseEscape = null;
-    let cancelPendingClose = null;
-    const reducedMotion = useReducedMotion();
-    const bodyOverflowFade = overflowFade();
-    function acquireScrollLock() {
-      if (releaseScrollLock)
-        return;
-      releaseScrollLock = lockBodyScroll();
-    }
-    function acquireEscapeMarker() {
-      if (releaseEscape)
-        return;
-      releaseEscape = pushEscapeHandler(() => {});
-    }
-    function beginClosing() {
-      if (!dialogElement?.open || isClosing)
-        return;
-      if (!panelElement) {
-        finishClosing(closeGeneration);
-        return;
-      }
-      isClosing = true;
-      const generation = ++closeGeneration;
-      cancelPendingClose?.();
-      cancelPendingClose = waitForTransitionCompletion({
-        element: panelElement,
-        reducedMotion: reducedMotion.current,
-        onComplete: () => finishClosing(generation)
-      });
-    }
-    function finishClosing(generation) {
-      if (generation !== closeGeneration)
-        return;
-      cancelPendingClose?.();
-      cancelPendingClose = null;
-      isClosing = false;
-      renderPanel = false;
-      pendingOpenFocus = false;
-      if (dialogElement?.open) {
-        dialogElement.close();
-      }
-    }
-    function handleClose() {
-      if (releaseScrollLock) {
-        releaseScrollLock();
-        releaseScrollLock = null;
-      }
-      if (releaseEscape) {
-        releaseEscape();
-        releaseEscape = null;
-      }
-      open = false;
-      const candidates = [triggerRef, capturedFocus];
-      capturedFocus = null;
-      for (const candidate of candidates) {
-        if (restoreFocusTo(candidate))
-          break;
-      }
-    }
-    function requestClose() {
-      if (!open && (isClosing || !dialogElement?.open))
-        return;
-      open = false;
-      beginClosing();
-    }
-    function handleBackdropClick(event) {
-      if (event.target === dialogElement) {
-        requestClose();
-      }
-    }
-    function handleNativeCancel(event) {
-      event.preventDefault();
-      requestClose();
-    }
-    onDestroy(() => {
-      cancelPendingClose?.();
-      cancelPendingClose = null;
-      const wasOpen = releaseScrollLock !== null || releaseEscape !== null;
-      if (releaseScrollLock) {
-        releaseScrollLock();
-        releaseScrollLock = null;
-      }
-      if (releaseEscape) {
-        releaseEscape();
-        releaseEscape = null;
-      }
-      if (wasOpen) {
-        const candidates = [triggerRef, capturedFocus];
-        capturedFocus = null;
-        for (const candidate of candidates) {
-          if (restoreFocusTo(candidate))
-            break;
-        }
-      }
-    });
-    if (hydrated) {
-      let closeButton = function($$renderer3) {
-        $$renderer3.push(`<button type="button" class="cinder-sheet__close" aria-label="Close sheet"><svg class="cinder-sheet__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>`);
-      };
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<dialog${$4.attributes({
-        ...rest,
-        class: $4.clsx(classNames("cinder-sheet", className)),
-        "aria-modal": "true",
-        "aria-labelledby": ariaLabelledBy ?? titleId,
-        "data-cinder-closing": isClosing ? "" : undefined
-      })}>`);
-      if (renderPanel) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="cinder-sheet__panel"${$4.attr("data-cinder-closing", isClosing ? "" : undefined)}${$4.attr("inert", isClosing, true)}>`);
-        if (showDragHandle) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<div class="cinder-sheet__drag-handle" aria-hidden="true"><span class="cinder-sheet__drag-handle-pill"></span></div>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> <header class="cinder-sheet__header">`);
-        if (header) {
-          $$renderer2.push("<!--[0-->");
-          if (!ariaLabelledBy) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<h2${$4.attr("id", titleId)} class="cinder-sr-only">${$4.escape(title)}</h2>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-          }
-          $$renderer2.push(`<!--]--> `);
-          header($$renderer2);
-          $$renderer2.push(`<!---->`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<h2${$4.attr("id", titleId)} class="cinder-sheet__title">${$4.escape(title)}</h2>`);
-        }
-        $$renderer2.push(`<!--]--> `);
-        closeButton($$renderer2);
-        $$renderer2.push(`<!----></header> <div class="cinder-sheet__body" tabindex="-1">`);
-        children($$renderer2);
-        $$renderer2.push(`<!----></div> `);
-        if (footer) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<div class="cinder-sheet__footer">`);
-          footer($$renderer2);
-          $$renderer2.push(`<!----></div>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></dialog>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    $4.bind_props($$props, { open });
-  });
-}
-
-// src/components/sheet/index.ts
-var sheet_default = Sheet;
+import {
+  Sheet,
+  sheet_default
+} from "../../index.server-7yg3rd66.js";
+import"../../index.server-6zgzghtm.js";
+import"../../index.server-78d33trm.js";
+import"../../index.server-8hdvr9bt.js";
+import"../../index.server-najpstc3.js";
+import"../../index.server-zwjp26z8.js";
+import"../../index.server-1vsv7ngz.js";
+import"../../index.server-6pdmym90.js";
+import"../../index.server-mc6vc1pm.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   sheet_default as default,
   Sheet
 };
 
-//# debugId=E4AA831384773ABF64756E2164756E21
+//# debugId=6E703C727448B28764756E2164756E21