@lostgradient/cinder 0.4.0 → 0.4.1

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

@@ -1,1012 +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/dropdown-group/dropdown-group.svelte
-import * as $3 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 = $3.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${$3.attributes({
-      ...rest,
-      class: $3.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 $4 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/dropdown-item/dropdown-item.svelte
-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 = $4.derived(() => href !== undefined);
-    const sharedClass = $4.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 = $4.derived(() => rest);
-    const buttonAttributes = $4.derived(() => rest);
-    const buttonType = $4.derived(() => rest.type ?? "button");
-    const ariaChecked = $4.derived(() => itemRole === "menuitemradio" ? checked : undefined);
-    if (isLink()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${$4.attributes({
-        ...anchorAttributes(),
-        href,
-        role: itemRole,
-        "aria-checked": ariaChecked(),
-        class: $4.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${$4.attributes({
-        ...buttonAttributes(),
-        type: buttonType(),
-        role: itemRole,
-        "aria-checked": ariaChecked(),
-        class: $4.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 $5 from "svelte/internal/server";
-function Dropdown_label($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$5.attributes({
-      ...rest,
-      class: $5.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 $7 from "svelte/internal/server";
-import { tick } from "svelte";
-
-// src/_internal/anchored-overlay.svelte.ts
-import * as $6 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 createContext2 } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/locale-context.ts
-var [getLocaleContextStrict, setLocaleContextRaw] = createContext2();
-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 = $7.derived(() => {
-      if (direction === "auto") {
-        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
-      }
-      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
-    });
-    const fallbackAnchorElement = $7.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 = $7.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
-    const fallbackPositionReady = $7.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${$7.attributes({
-        id: context.menuId,
-        popover: context.supportsPopover ? "auto" : undefined,
-        class: $7.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 $8 from "svelte/internal/server";
-function Dropdown_separator($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$8.attributes({
-      ...rest,
-      class: $8.clsx(classNames("cinder-dropdown-separator", customClassName)),
-      role: "separator"
-    })}></div>`);
-  });
-}
-
-// src/components/dropdown-trigger/dropdown-trigger.svelte
-import * as $9 from "svelte/internal/server";
-function Dropdown_trigger($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: customClassName,
-      showCaret = true,
-      children,
-      onclick,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getDropdownContext();
-    const registerTrigger = getDropdownRegisterTrigger();
-    const setOpen = getDropdownSetOpen();
-    function attachTrigger(node) {
-      registerTrigger(node);
-      return () => registerTrigger(null);
-    }
-    function handleClick(event) {
-      if (typeof onclick === "function") {
-        onclick(event);
-      }
-      if (!event.defaultPrevented && !context.supportsPopover) {
-        setOpen(!context.isOpen);
-      }
-    }
-    $$renderer2.push(`<button${$9.attributes({
-      type: "button",
-      class: $9.clsx(classNames("cinder-dropdown-trigger", customClassName)),
-      style: `anchor-name: --${context.menuId};`,
-      "aria-haspopup": "menu",
-      "aria-expanded": context.isOpen,
-      "aria-controls": context.menuId,
-      popovertarget: context.supportsPopover ? context.menuId : undefined,
-      ...rest
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (showCaret) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></button>`);
-  });
-}
-
-// src/components/dropdown/dropdown.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/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/dropdown/dropdown.svelte
-function Dropdown($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const generatedId = $10.props_id($$renderer2);
-    let {
-      id = generatedId,
-      open = false,
-      placement = "bottom-start",
-      class: customClassName,
-      trigger,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let compoundMenuElement = null;
-    let compoundTriggerElement = null;
-    let compoundOpen = false;
-    let supportsPopover = false;
-    const menuId = `${generatedId}-menu`;
-    let menuElement = undefined;
-    let triggerWrapper = undefined;
-    const compoundMenuId = $10.derived(() => `${id}-menu`);
-    const usesLegacySnippetApi = $10.derived(() => Boolean(trigger));
-    function closeCompoundMenu() {
-      compoundMenuElement?.hidePopover?.();
-      compoundOpen = false;
-    }
-    function registerCompoundMenu(element) {
-      compoundMenuElement = element;
-    }
-    function registerCompoundTrigger(element) {
-      compoundTriggerElement = element;
-    }
-    function focusCompoundTrigger() {
-      compoundTriggerElement?.focus();
-    }
-    function setCompoundOpen(nextOpen) {
-      compoundOpen = nextOpen;
-    }
-    setDropdownContext({
-      get menuId() {
-        return compoundMenuId();
-      },
-      get isOpen() {
-        return compoundOpen;
-      },
-      get supportsPopover() {
-        return supportsPopover;
-      },
-      get anchorElement() {
-        return compoundTriggerElement;
-      },
-      get fallbackPlacement() {
-        return "bottom-end";
-      },
-      get widthMode() {
-        return "menu";
-      },
-      get initialFocus() {
-        return;
-      },
-      close: closeCompoundMenu,
-      focusTrigger: focusCompoundTrigger
-    });
-    setDropdownRegister(registerCompoundMenu);
-    setDropdownRegisterTrigger(registerCompoundTrigger);
-    setDropdownSetOpen(setCompoundOpen);
-    function handleKeydown(event) {
-      if (event.defaultPrevented)
-        return;
-      if (event.key === "Escape" && open) {
-        open = false;
-      } else if (event.key === "Escape" && compoundOpen) {
-        closeCompoundMenu();
-        focusCompoundTrigger();
-      }
-    }
-    const dismissOnOutsideClick = $10.derived(() => createClickOutside({
-      handler: () => {
-        open = false;
-        compoundOpen = false;
-      },
-      enabled: () => !supportsPopover && (open || compoundOpen),
-      ignoreRefs: [() => menuElement ?? null, () => compoundMenuElement ?? null],
-      capture: false
-    }));
-    function handlePopoverToggle(event) {
-      const toggleEvent = event;
-      open = toggleEvent.newState === "open";
-    }
-    $$renderer2.push(`<div${$10.attributes({
-      id,
-      class: $10.clsx(classNames("cinder-dropdown", customClassName)),
-      "data-cinder-placement": placement,
-      ...rest
-    })}>`);
-    if (usesLegacySnippetApi()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-dropdown__trigger" role="presentation"${$10.attr_style(`anchor-name: --${menuId};`)}>`);
-      if (trigger) {
-        $$renderer2.push("<!--[0-->");
-        trigger($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div> `);
-      if (supportsPopover) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div${$10.attr("id", menuId)} class="cinder-dropdown__menu" popover="auto" role="menu"${$10.attr("data-cinder-placement", placement)}${$10.attr_style(`position-anchor: --${menuId};`)}>`);
-        if (children) {
-          $$renderer2.push("<!--[0-->");
-          children($$renderer2);
-          $$renderer2.push(`<!---->`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      } else if (open) {
-        $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div${$10.attr("id", menuId)} class="cinder-dropdown__menu" role="menu"${$10.attr("data-cinder-placement", placement)}>`);
-        if (children) {
-          $$renderer2.push("<!--[0-->");
-          children($$renderer2);
-          $$renderer2.push(`<!---->`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else if (children) {
-      $$renderer2.push("<!--[1-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-    $10.bind_props($$props, { open });
-  });
-}
-
-// src/components/dropdown/index.ts
-var Dropdown2 = Object.assign(Dropdown, {
-  Trigger: Dropdown_trigger,
-  Menu: Dropdown_menu,
-  Item: Dropdown_item,
-  Label: Dropdown_label,
-  Separator: Dropdown_separator,
-  Group: Dropdown_group
-});
-var dropdown_default = Dropdown2;
+import {
+  Dropdown,
+  dropdown_default
+} from "../../index.server-k5fmb7tw.js";
+import"../../index.server-zdg2zpx1.js";
+import"../../index.server-1k7j69zg.js";
+import"../../index.server-rpenapvz.js";
+import"../../index.server-kjtb596w.js";
+import"../../index.server-77gpgvab.js";
+import"../../index.server-r0wzpqh7.js";
+import"../../index.server-4jc5ny87.js";
+import"../../index.server-bgcpy5vk.js";
+import"../../index.server-g8kdhzf2.js";
+import"../../index.server-sz8sxsj6.js";
+import"../../index.server-et3p2cfq.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-94b7tjs5.js";
+import"../../index.server-mm4g29h0.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-37x76zdn.js";
 export {
   dropdown_default as default,
-  Dropdown2 as Dropdown
+  Dropdown
 };
 
-//# debugId=4A9B4883D0C21BFB64756E2164756E21
+//# debugId=40000F740530238764756E2164756E21