@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/server/components/context-menu/index.js

@@ -1,1101 +1,31 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/portal/portal.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/portal/portal.utilities.svelte.ts
-import * as $ from "svelte/internal/server";
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/utilities/read-option.ts
-function isOptionGetter(value) {
-  return typeof value === "function";
-}
-function readOption(value) {
-  return isOptionGetter(value) ? value() : value;
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-function resolvePortalTarget(target) {
-  if (typeof document === "undefined")
-    return null;
-  if (target == null) {
-    return { kind: "resolved", target: document.body };
-  }
-  if (target instanceof HTMLElement) {
-    return { kind: "resolved", target };
-  }
-  try {
-    const resolved = document.querySelector(target);
-    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
-  } catch {
-    return { kind: "unresolved", key: target };
-  }
-}
-function createPortalAttachment(options = {}) {
-  let lastWarnedUnresolvedKey = null;
-  return (element) => {
-    const initialParent = element.parentElement;
-    const initialAttributes = {
-      dir: element.getAttribute("dir"),
-      theme: element.getAttribute("data-cinder-theme")
-    };
-    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
-    if (anchor && initialParent && element.parentNode === initialParent) {
-      initialParent.insertBefore(anchor, element);
-    }
-    function restoreInline() {
-      if (!anchor || !anchor.parentNode)
-        return;
-      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
-        return;
-      anchor.parentNode.insertBefore(element, anchor.nextSibling);
-    }
-    return () => {
-      if (anchor && anchor.parentNode) {
-        anchor.parentNode.removeChild(anchor);
-      }
-    };
-  };
-}
-
-// src/components/portal/portal.svelte
-function Portal($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      target = null,
-      disabled = false,
-      class: className,
-      inheritAttributes = true,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let hasHydrated = false;
-    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
-    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
-    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
-    if (shouldRenderChildren()) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/portal/index.ts
-var portal_default = Portal;
-// src/components/context-menu-trigger/context-menu-trigger.svelte
-import * as $3 from "svelte/internal/server";
-
-// src/components/dropdown/dropdown.context.ts
-import { createContext } from "svelte";
-var [getDropdownContextStrict, setDropdownContext] = createContext();
-var getDropdownContext = getDropdownContextStrict;
-var [getDropdownRegisterStrict, setDropdownRegister] = createContext();
-var getDropdownRegister = getDropdownRegisterStrict;
-var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext();
-var getDropdownRegisterTrigger = getDropdownRegisterTriggerStrict;
-var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
-var getDropdownSetOpen = getDropdownSetOpenStrict;
-
-// src/components/context-menu/context-menu.context.ts
-import { createContext as createContext2 } from "svelte";
-var [getContextMenuContextStrict, setContextMenuContext] = createContext2();
-var getContextMenuContext = getContextMenuContextStrict;
-
-// src/components/context-menu-trigger/context-menu-trigger.svelte
-function Context_menu_trigger($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const context = getContextMenuContext();
-    let {
-      class: className,
-      children,
-      oncontextmenu,
-      onpointerdown,
-      onpointerup,
-      onpointercancel,
-      onpointerleave,
-      onpointermove,
-      onkeydown,
-      onclick,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const registerTrigger = getDropdownRegisterTrigger();
-    let triggerElement = null;
-    let longPressTimer;
-    let startX = 0;
-    let startY = 0;
-    let suppressClick = false;
-    let suppressNextContextmenu = false;
-    function attachTrigger(node) {
-      registerTrigger(node);
-      return () => registerTrigger(null);
-    }
-    function clearLongPress() {
-      clearTimeout(longPressTimer);
-      longPressTimer = undefined;
-    }
-    function callTriggerHandler(handler, event) {
-      handler?.(event);
-    }
-    function handleContextmenu(event) {
-      if (context.disabled) {
-        callTriggerHandler(oncontextmenu, event);
-        return;
-      }
-      if (suppressNextContextmenu) {
-        event.preventDefault();
-        callTriggerHandler(oncontextmenu, event);
-        return;
-      }
-      event.preventDefault();
-      context.openAt(event.clientX, event.clientY);
-      callTriggerHandler(oncontextmenu, event);
-    }
-    function handlePointerdown(event) {
-      if (context.disabled) {
-        callTriggerHandler(onpointerdown, event);
-        return;
-      }
-      if (event.pointerType !== "touch") {
-        suppressNextContextmenu = false;
-        callTriggerHandler(onpointerdown, event);
-        return;
-      }
-      suppressNextContextmenu = false;
-      startX = event.clientX;
-      startY = event.clientY;
-      clearLongPress();
-      longPressTimer = setTimeout(() => {
-        suppressNextContextmenu = true;
-        suppressClick = true;
-        context.openAt(startX, startY);
-      }, context.longPressDelay);
-      callTriggerHandler(onpointerdown, event);
-    }
-    function handlePointermove(event) {
-      if (Math.hypot(event.clientX - startX, event.clientY - startY) > 10) {
-        clearLongPress();
-      }
-      callTriggerHandler(onpointermove, event);
-    }
-    function handleClick(event) {
-      if (!suppressClick) {
-        callTriggerHandler(onclick, event);
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      suppressClick = false;
-    }
-    function handleKeydown(event) {
-      if (context.disabled) {
-        callTriggerHandler(onkeydown, event);
-        return;
-      }
-      if (event.key === "Escape" && context.isOpen) {
-        event.preventDefault();
-        context.close();
-        callTriggerHandler(onkeydown, event);
-        return;
-      }
-      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) {
-        callTriggerHandler(onkeydown, event);
-        return;
-      }
-      event.preventDefault();
-      const target = event.target instanceof HTMLElement ? event.target : triggerElement;
-      const rect = target?.getBoundingClientRect() ?? triggerElement?.getBoundingClientRect();
-      const x = context.direction === "rtl" ? rect?.right : rect?.left;
-      context.openAt(x ?? 0, rect?.bottom ?? 0);
-      callTriggerHandler(onkeydown, event);
-    }
-    function handlePointerup(event) {
-      clearLongPress();
-      callTriggerHandler(onpointerup, event);
-    }
-    function handlePointercancel(event) {
-      clearLongPress();
-      callTriggerHandler(onpointercancel, event);
-    }
-    function handlePointerleave(event) {
-      clearLongPress();
-      callTriggerHandler(onpointerleave, event);
-    }
-    $$renderer2.push(`<div${$3.attributes({
-      class: $3.clsx(classNames("cinder-context-menu-trigger", className)),
-      "aria-haspopup": "menu",
-      ...rest
-    })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-  });
-}
-
-// src/components/dropdown-group/dropdown-group.svelte
-import * as $4 from "svelte/internal/server";
-function Dropdown_group($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: customClassName,
-      children,
-      label,
-      labelledBy,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    function normalizeAccessibleName(value, propertyName) {
-      if (value === undefined)
-        return;
-      const trimmedValue = value.trim();
-      if (trimmedValue.length === 0) {
-        throw new Error(`DropdownGroup requires a non-empty ${propertyName} value.`);
-      }
-      return trimmedValue;
-    }
-    const resolvedAccessibleName = $4.derived(() => {
-      const trimmedLabel = normalizeAccessibleName(label, "label");
-      const trimmedLabelledBy = normalizeAccessibleName(labelledBy, "labelledBy");
-      const namedByLabel = trimmedLabel !== undefined;
-      const namedByReference = trimmedLabelledBy !== undefined;
-      if (namedByLabel === namedByReference) {
-        throw new Error("DropdownGroup requires exactly one accessible naming strategy: label or labelledBy.");
-      }
-      return { label: trimmedLabel, labelledBy: trimmedLabelledBy };
-    });
-    $$renderer2.push(`<div${$4.attributes({
-      ...rest,
-      class: $4.clsx(classNames("cinder-dropdown-group", customClassName)),
-      role: "group",
-      "aria-label": resolvedAccessibleName().label,
-      "aria-labelledby": resolvedAccessibleName().labelledBy
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/dropdown-item/dropdown-item.svelte
-import * as $5 from "svelte/internal/server";
-function Dropdown_item($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      variant = "default",
-      itemRole = "menuitem",
-      checked = false,
-      inset = false,
-      disabled,
-      closeOnSelect = true,
-      class: customClassName,
-      onclick,
-      onkeydown,
-      href,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getDropdownContext();
-    const isLink = $5.derived(() => href !== undefined);
-    const sharedClass = $5.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
-    function handleClick(event) {
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (typeof onclick === "function") {
-        if (isLink()) {
-          onclick(event);
-        } else {
-          onclick(event);
-        }
-      }
-      if (closeOnSelect) {
-        context.close();
-      }
-    }
-    function handleAnchorKeydown(event) {
-      if (typeof onkeydown === "function") {
-        onkeydown(event);
-      }
-      if (event.defaultPrevented)
-        return;
-      if (event.key !== " " && event.key !== "Spacebar")
-        return;
-      event.preventDefault();
-      if (disabled)
-        return;
-      event.currentTarget.click();
-    }
-    const anchorAttributes = $5.derived(() => rest);
-    const buttonAttributes = $5.derived(() => rest);
-    const buttonType = $5.derived(() => rest.type ?? "button");
-    const ariaChecked = $5.derived(() => itemRole === "menuitemradio" ? checked : undefined);
-    if (isLink()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${$5.attributes({
-        ...anchorAttributes(),
-        href,
-        role: itemRole,
-        "aria-checked": ariaChecked(),
-        class: $5.clsx(sharedClass()),
-        "data-cinder-variant": variant,
-        tabindex: -1,
-        "data-disabled": disabled ? "" : undefined,
-        "aria-disabled": disabled ? "true" : undefined
-      })}>`);
-      if (children) {
-        $$renderer2.push("<!--[0-->");
-        children($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></a>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button${$5.attributes({
-        ...buttonAttributes(),
-        type: buttonType(),
-        role: itemRole,
-        "aria-checked": ariaChecked(),
-        class: $5.clsx(sharedClass()),
-        "data-cinder-variant": variant,
-        tabindex: -1,
-        "data-disabled": disabled ? "" : undefined,
-        "aria-disabled": disabled ? "true" : undefined
-      })}>`);
-      if (children) {
-        $$renderer2.push("<!--[0-->");
-        children($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></button>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-
-// src/components/dropdown-label/dropdown-label.svelte
-import * as $6 from "svelte/internal/server";
-function Dropdown_label($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$6.attributes({
-      ...rest,
-      class: $6.clsx(classNames("cinder-dropdown-label", customClassName)),
-      role: "presentation"
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/dropdown-menu/dropdown-menu.svelte
-import * as $8 from "svelte/internal/server";
-import { tick } from "svelte";
-
-// src/_internal/anchored-overlay.svelte.ts
-import * as $7 from "svelte/internal/server";
-var DEFAULT_PLACEMENT = "bottom-start";
-function createAnchoredOverlay(options) {
-  let positionReady = false;
-  let positionStyle = "";
-  let resolvedPlacement = options.placement?.() ?? DEFAULT_PLACEMENT;
-  let arrowStyle = "";
-  return {
-    get positionReady() {
-      return positionReady;
-    },
-    get positionStyle() {
-      return positionStyle;
-    },
-    get resolvedPlacement() {
-      return resolvedPlacement;
-    },
-    get arrowStyle() {
-      return arrowStyle;
-    }
-  };
-}
-
-// src/_internal/locale-context.ts
-import { createContext as createContext3 } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/locale-context.ts
-var [getLocaleContextStrict, setLocaleContextRaw] = createContext3();
-function setLocaleContext(context) {
-  setLocaleContextRaw(context);
-}
-var getLocaleContext = optionalContext(getLocaleContextStrict);
-
-// src/_internal/text-direction.ts
-function resolveTextDirection(element, fallback) {
-  let currentElement = element ?? null;
-  let documentDirection;
-  let styledDirectionElement = null;
-  while (currentElement) {
-    const direction = currentElement.getAttribute("dir")?.toLowerCase();
-    if (direction === "rtl" || direction === "ltr") {
-      if (typeof getComputedStyle === "function" && styledDirectionElement) {
-        const styledDirection2 = getComputedStyle(styledDirectionElement).direction;
-        if (styledDirection2 === "rtl" || styledDirection2 === "ltr")
-          return styledDirection2;
-      }
-      if (currentElement === currentElement.ownerDocument.documentElement) {
-        documentDirection = direction;
-        break;
-      }
-      return direction;
-    }
-    if (direction === "auto" && typeof getComputedStyle === "function") {
-      const computedDirection2 = getComputedStyle(currentElement).direction;
-      if (computedDirection2 === "rtl" || computedDirection2 === "ltr")
-        return computedDirection2;
-    }
-    const styledDirection = currentElement.style.direction;
-    if (!styledDirectionElement && (styledDirection === "rtl" || styledDirection === "ltr")) {
-      styledDirectionElement = currentElement;
-    }
-    currentElement = currentElement.parentElement;
-  }
-  if (typeof getComputedStyle === "function" && styledDirectionElement) {
-    const direction = getComputedStyle(styledDirectionElement).direction;
-    if (direction === "rtl" || direction === "ltr")
-      return direction;
-  }
-  const computedDirection = readComputedTextDirection(element);
-  const rootComputedDirection = readComputedTextDirection(element?.ownerDocument.documentElement);
-  if (computedDirection && computedDirection !== rootComputedDirection)
-    return computedDirection;
-  if (computedDirection && fallback && computedDirection !== fallback && hasDirectionStylingHint(element)) {
-    return computedDirection;
-  }
-  if (!fallback && computedDirection === "rtl")
-    return computedDirection;
-  if (fallback)
-    return fallback;
-  if (documentDirection)
-    return documentDirection;
-  return;
-}
-function readComputedTextDirection(element) {
-  if (!element || typeof getComputedStyle !== "function")
-    return;
-  const direction = getComputedStyle(element).direction;
-  return direction === "rtl" || direction === "ltr" ? direction : undefined;
-}
-function hasDirectionStylingHint(element) {
-  let currentElement = element?.parentElement;
-  while (currentElement && currentElement !== currentElement.ownerDocument.documentElement) {
-    if (currentElement.style.direction)
-      return true;
-    if (matchesDirectionStyleRule(currentElement))
-      return true;
-    currentElement = currentElement.parentElement;
-  }
-  return false;
-}
-function matchesDirectionStyleRule(element) {
-  for (const sheet of Array.from(element.ownerDocument.styleSheets)) {
-    let rules;
-    try {
-      rules = sheet.cssRules;
-    } catch {
-      continue;
-    }
-    if (matchesDirectionStyleRuleList(element, rules))
-      return true;
-  }
-  return false;
-}
-function matchesDirectionStyleRuleList(element, rules) {
-  for (const rule of Array.from(rules)) {
-    if (isCssStyleRule(rule)) {
-      if (!rule.style.direction) {
-        const nestedRules2 = readNestedCssRules(rule);
-        if (nestedRules2 && matchesDirectionStyleRuleList(element, nestedRules2))
-          return true;
-        continue;
-      }
-      try {
-        if (element.matches(rule.selectorText))
-          return true;
-      } catch {
-        continue;
-      }
-    }
-    const nestedRules = readNestedCssRules(rule);
-    if (nestedRules && isConditionalRuleActive(rule) && matchesDirectionStyleRuleList(element, nestedRules)) {
-      return true;
-    }
-  }
-  return false;
-}
-function readNestedCssRules(rule) {
-  if (!("cssRules" in rule))
-    return;
-  try {
-    const nestedRules = Reflect.get(rule, "cssRules");
-    return isCssRuleCollection(nestedRules) ? nestedRules : undefined;
-  } catch {
-    return;
-  }
-}
-function isCssRuleCollection(value) {
-  if (typeof CSSRuleList !== "undefined" && value instanceof CSSRuleList)
-    return true;
-  return Array.isArray(value) && value.every(isCssRule);
-}
-function isCssRule(value) {
-  return typeof value === "object" && value !== null && typeof Reflect.get(value, "cssText") === "string" && typeof Reflect.get(value, "type") === "number";
-}
-function isCssStyleRule(rule) {
-  return typeof Reflect.get(rule, "selectorText") === "string" && typeof Reflect.get(rule, "style") === "object" && Reflect.get(rule, "style") !== null;
-}
-function isConditionalRuleActive(rule) {
-  const conditionText = Reflect.get(rule, "conditionText");
-  if (typeof conditionText !== "string" || !conditionText.trim())
-    return true;
-  if (isMediaRule(rule) && typeof matchMedia === "function") {
-    return matchMedia(conditionText).matches;
-  }
-  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
-    return CSS.supports(conditionText);
-  }
-  return true;
-}
-function isMediaRule(rule) {
-  return typeof Reflect.get(rule, "media") === "object" && Reflect.get(rule, "media") !== null;
-}
-function isSupportsRule(rule) {
-  return rule.constructor.name === "CSSSupportsRule" || Reflect.get(rule, "type") === 12;
-}
-
-// src/components/dropdown-menu/dropdown-menu.svelte
-function Dropdown_menu($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: customClassName,
-      children,
-      dir: direction,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getDropdownContext();
-    const registerMenu = getDropdownRegister();
-    const setOpen = getDropdownSetOpen();
-    const localeContext = getLocaleContext();
-    let directionRevision = 0;
-    const resolvedDirection = $8.derived(() => {
-      if (direction === "auto") {
-        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
-      }
-      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
-    });
-    const fallbackAnchorElement = $8.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
-    let menuElement = null;
-    let focusedFallbackOpen = false;
-    const anchoredFallback = createAnchoredOverlay({
-      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
-      anchor: () => fallbackAnchorElement(),
-      panel: () => menuElement,
-      placement: () => context.fallbackPlacement ?? "bottom-end",
-      offset: () => 4,
-      widthMode: () => context.widthMode ?? "menu"
-    });
-    const fallbackPositionStyle = $8.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
-    const fallbackPositionReady = $8.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
-    const fallbackPortalAttachment = createPortalAttachment({
-      target: () => typeof document === "undefined" ? null : document.body,
-      source: () => context.anchorElement,
-      inheritAttributes: true,
-      disabled: () => context.supportsPopover
-    });
-    function getOwnedMenuItems() {
-      if (!menuElement)
-        return [];
-      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
-    }
-    function focusMenuItem(index) {
-      const items = getOwnedMenuItems();
-      if (!items.length) {
-        menuElement?.focus();
-        return;
-      }
-      const resolvedIndex = index < 0 ? items.length - 1 : index;
-      const item = items.at(resolvedIndex);
-      item?.focus();
-    }
-    function handleKeydown(event) {
-      const target = event.target instanceof HTMLElement ? event.target : null;
-      if (target?.closest('[role="menu"]') !== menuElement)
-        return;
-      if (event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        setOpen(false);
-        context.focusTrigger();
-        return;
-      }
-      const itemsArray = getOwnedMenuItems();
-      if (!itemsArray.length)
-        return;
-      const currentIndex = itemsArray.findIndex((item) => item === document.activeElement);
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(currentIndex < itemsArray.length - 1 ? currentIndex + 1 : 0);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(currentIndex > 0 ? currentIndex - 1 : itemsArray.length - 1);
-      } else if (event.key === "Home") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(0);
-      } else if (event.key === "End") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(itemsArray.length - 1);
-      }
-    }
-    function handleToggle(event) {
-      const isOpenNow = event.newState === "open";
-      setOpen(isOpenNow);
-      if (isOpenNow) {
-        if (context.initialFocus === "none")
-          return;
-        tick().then(() => focusMenuItem(context.initialFocus === "last" ? -1 : 0));
-      }
-    }
-    if (context.supportsPopover || context.isOpen) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$8.attributes({
-        id: context.menuId,
-        popover: context.supportsPopover ? "auto" : undefined,
-        class: $8.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
-        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
-        role: "menu",
-        "aria-orientation": "vertical",
-        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
-        tabindex: -1,
-        ...rest,
-        dir: resolvedDirection(),
-        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
-      })}>`);
-      if (children) {
-        $$renderer2.push("<!--[0-->");
-        children($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-
-// src/components/dropdown-separator/dropdown-separator.svelte
-import * as $9 from "svelte/internal/server";
-function Dropdown_separator($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$9.attributes({
-      ...rest,
-      class: $9.clsx(classNames("cinder-dropdown-separator", customClassName)),
-      role: "separator"
-    })}></div>`);
-  });
-}
-
-// src/components/context-menu/context-menu.svelte
-import * as $10 from "svelte/internal/server";
-
-// 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)
-    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/attachments.ts
-function isInsideEventPath(event, element) {
-  const path = event.composedPath();
-  return path.some((entry) => entry instanceof Node && element.contains(entry));
-}
-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;
-      if (event.type === "touchstart" && !event.cancelable)
-        return;
-      const target = event.target;
-      if (!(target instanceof Node)) {
-        handler();
-        return;
-      }
-      if (isInsideEventPath(event, node))
-        return;
-      if (ignoreRefs) {
-        for (const ref of ignoreRefs) {
-          const element = ref();
-          if (element && isInsideEventPath(event, element))
-            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/components/context-menu/context-menu.svelte
-function Context_menu($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const menuId = $10.props_id($$renderer2);
-    let {
-      open = false,
-      onopenchange,
-      anchorPoint,
-      disabled = false,
-      longPressDelay = 500,
-      children,
-      class: className
-    } = $$props;
-    let menuElement = null;
-    let triggerElement = null;
-    let capturedFocus = null;
-    let requestedX = 0;
-    let requestedY = 0;
-    let directionRevision = 0;
-    let previouslyOpen = false;
-    const localeContext = getLocaleContext();
-    function setOpen(nextOpen) {
-      if (open === nextOpen)
-        return;
-      open = nextOpen;
-      onopenchange?.(nextOpen);
-    }
-    function close() {
-      setOpen(false);
-    }
-    function focusTrigger() {
-      if (!restoreFocusTo(capturedFocus)) {
-        restoreFocusTo(triggerElement);
-      }
-      capturedFocus = null;
-    }
-    function registerMenu(element) {
-      menuElement = element;
-    }
-    function registerTrigger(element) {
-      triggerElement = element;
-    }
-    function openAt(x, y) {
-      requestedX = x;
-      requestedY = y;
-      if (!open)
-        capturedFocus = captureFocus();
-      setOpen(true);
-    }
-    function makeVirtualReference(x, y) {
-      return {
-        getBoundingClientRect: () => ({
-          x,
-          y,
-          top: y,
-          left: x,
-          right: x,
-          bottom: y,
-          width: 0,
-          height: 0
-        })
-      };
-    }
-    const virtualReference = $10.derived(() => open ? makeVirtualReference(anchorPoint?.x ?? requestedX, anchorPoint?.y ?? requestedY) : null);
-    const resolvedDirection = $10.derived(() => {
-      return resolveTextDirection(triggerElement, localeContext?.direction);
-    });
-    const anchoredOverlay = createAnchoredOverlay({
-      open: () => open,
-      anchor: () => virtualReference(),
-      panel: () => menuElement,
-      placement: () => resolvedDirection() === "rtl" ? "left-start" : "right-start",
-      offset: () => 0,
-      widthMode: () => "menu"
-    });
-    const dismissOnOutsidePointerdown = $10.derived(() => createClickOutside({
-      handler: close,
-      enabled: () => open,
-      eventType: "pointerdown",
-      capture: true,
-      ignoreRefs: [() => menuElement ?? null, () => triggerElement ?? null]
-    }));
-    setDropdownContext({
-      get menuId() {
-        return menuId;
-      },
-      get isOpen() {
-        return open;
-      },
-      get supportsPopover() {
-        return false;
-      },
-      get anchorElement() {
-        return triggerElement;
-      },
-      get fallbackAnchorElement() {
-        return null;
-      },
-      get fallbackPositionStyle() {
-        return anchoredOverlay.positionStyle;
-      },
-      get fallbackPositionReady() {
-        return anchoredOverlay.positionReady;
-      },
-      get initialFocus() {
-        return "first";
-      },
-      close,
-      focusTrigger
-    });
-    setDropdownRegister(registerMenu);
-    setDropdownRegisterTrigger(registerTrigger);
-    setDropdownSetOpen(setOpen);
-    setContextMenuContext({
-      get disabled() {
-        return disabled;
-      },
-      get isOpen() {
-        return open;
-      },
-      get longPressDelay() {
-        return longPressDelay;
-      },
-      get direction() {
-        return resolvedDirection();
-      },
-      openAt,
-      close
-    });
-    $$renderer2.push(`<div${$10.attr_class($10.clsx(classNames("cinder-context-menu", className)))}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-    $10.bind_props($$props, { open });
-  });
-}
-
-// src/components/context-menu/index.ts
-var ContextMenu = Object.assign(Context_menu, {
-  Trigger: Context_menu_trigger,
-  Menu: Dropdown_menu,
-  Item: Dropdown_item,
-  Label: Dropdown_label,
-  Separator: Dropdown_separator,
-  Group: Dropdown_group
-});
-var context_menu_default = ContextMenu;
+import {
+  ContextMenu,
+  context_menu_default
+} from "../../index.server-3yvf1t1p.js";
+import"../../index.server-z7tyy8gh.js";
+import"../../index.server-vcr8a585.js";
+import"../../index.server-x8c8x34n.js";
+import"../../index.server-90wxfb4j.js";
+import"../../index.server-gyg8tfq3.js";
+import"../../index.server-r84kvx9x.js";
+import"../../index.server-r70ezssy.js";
+import"../../index.server-sz8sxsj6.js";
+import"../../index.server-4rdkwmfb.js";
+import"../../index.server-et3p2cfq.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-94b7tjs5.js";
+import"../../index.server-edr3c033.js";
+import"../../index.server-zwjp26z8.js";
+import"../../index.server-1vsv7ngz.js";
+import"../../index.server-6pdmym90.js";
+import"../../index.server-mc6vc1pm.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-wckvcay0.js";
 export {
   context_menu_default as default,
   ContextMenu
 };
 
-//# debugId=398EE921F516849964756E2164756E21
+//# debugId=C798E160AC3FBEC864756E2164756E21