@lostgradient/cinder 0.3.0 → 0.4.1

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

@@ -1,848 +1,23 @@
-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/autocomplete/autocomplete.svelte
-import * as $6 from "svelte/internal/server";
-
-// src/_internal/field-control.ts
-function describeId(fieldId, hasDescription) {
-  return hasDescription ? `${fieldId}-description` : undefined;
-}
-function errorId(fieldId, hasError) {
-  return hasError ? `${fieldId}-error` : undefined;
-}
-function composeDescribedBy(...ids) {
-  const filtered = ids.flatMap((id) => typeof id === "string" ? id.trim().split(/\s+/).filter(Boolean) : []);
-  const unique = Array.from(new Set(filtered));
-  return unique.length > 0 ? unique.join(" ") : undefined;
-}
-function ariaInvalid(hasError) {
-  return hasError ? "true" : undefined;
-}
-function resolveFieldControl(input) {
-  const resolvedId = input.id ?? input.context?.controlId ?? input.generatedId;
-  const defaultDescriptionId = describeId(resolvedId, input.hasDescription ?? false);
-  const defaultErrorId = errorId(resolvedId, input.hasError ?? false);
-  const ownDescriptionId = defaultDescriptionId && defaultDescriptionId === input.context?.descriptionId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-description` : defaultDescriptionId;
-  const ownErrorId = defaultErrorId && defaultErrorId === input.context?.errorId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-error` : defaultErrorId;
-  const descriptionId = ownDescriptionId ?? input.context?.descriptionId;
-  const resolvedErrorId = ownErrorId ?? input.context?.errorId;
-  const explicitInvalid = ariaInvalid(input.hasError ?? false);
-  const consumerInvalid = input.consumerInvalid === true ? "true" : input.consumerInvalid === false ? undefined : input.consumerInvalid ?? undefined;
-  return {
-    id: resolvedId,
-    ownDescriptionId,
-    ownErrorId,
-    descriptionId,
-    errorId: resolvedErrorId,
-    describedBy: composeDescribedBy(descriptionId, ...input.additionalDescribedBy ?? [], resolvedErrorId, input.context?.describedBy, input.consumerDescribedBy),
-    ariaInvalid: explicitInvalid ?? input.context?.invalid ?? consumerInvalid,
-    required: input.required ?? input.context?.required ?? false,
-    disabled: input.disabled ?? input.context?.disabled ?? false
-  };
-}
-
-// src/_internal/form-field-context.ts
-import { createContext } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/form-field-context.ts
-var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext();
-function setFormFieldContext(context) {
-  setFormFieldContextRaw(context);
-}
-var getFormFieldContext = optionalContext(getFormFieldContextStrict);
-
-// src/components/popover/popover.svelte
-import * as $4 from "svelte/internal/server";
-import { onDestroy, untrack } from "svelte";
-
-// src/_internal/anchored-overlay.svelte.ts
-import * as $3 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/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 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/components/popover/popover.svelte
-function Popover($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const generatedPanelId = $4.props_id($$renderer2);
-    let {
-      id: panelIdProp,
-      open = false,
-      placement = "bottom-start",
-      offset = 8,
-      showArrow = false,
-      label,
-      ariaLabelledby,
-      triggerRef = null,
-      trigger,
-      children,
-      role = "dialog",
-      focusManagement = "panel",
-      wireTriggerAria = true,
-      closeOnEscape = true,
-      widthMode = "content",
-      class: className
-    } = $$props;
-    const FOCUSABLE_SELECTOR = 'button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])';
-    function findFirstFocusable(container) {
-      if (!container)
-        return null;
-      const candidates = container.querySelectorAll(FOCUSABLE_SELECTOR);
-      for (const el of candidates) {
-        if (el.closest('[hidden], [inert], [aria-hidden="true"]'))
-          continue;
-        return el;
-      }
-      return null;
-    }
-    let triggerWrapper = undefined;
-    let panelElement = undefined;
-    let arrowElement = undefined;
-    const panelId = $4.derived(() => panelIdProp ?? generatedPanelId);
-    const anchorElement = $4.derived(() => triggerRef && triggerRef.isConnected ? triggerRef : findFirstFocusable(triggerWrapper) ?? null);
-    const resolvedAriaLabel = $4.derived(() => ariaLabelledby ? undefined : role === "dialog" ? label ?? "Popover" : label);
-    let mounted = false;
-    let capturedFocus = null;
-    let resolvedAnchorAtOpen = null;
-    let pendingInitialFocus = false;
-    let openSessionFocusManagement = "panel";
-    let isDestroyed = false;
-    onDestroy(() => {
-      isDestroyed = true;
-    });
-    const portalAttachment = createPortalAttachment({
-      target: () => document.body,
-      inheritAttributes: true,
-      source: () => anchorElement() ?? null
-    });
-    const anchoredOverlay = createAnchoredOverlay({
-      open: () => open,
-      anchor: () => anchorElement(),
-      panel: () => panelElement,
-      arrow: () => arrowElement,
-      placement: () => placement,
-      offset: () => offset,
-      showArrow: () => showArrow,
-      widthMode: () => widthMode
-    });
-    const dismissOnOutsideMousedown = $4.derived(() => createClickOutside({
-      handler: () => {
-        open = false;
-      },
-      enabled: () => open,
-      eventType: "mousedown",
-      capture: true,
-      ignoreRefs: [() => resolvedAnchorAtOpen ?? null]
-    }));
-    function moveFocusIntoPanel() {
-      if (isDestroyed || !panelElement)
-        return;
-      const focusable = findFirstFocusable(panelElement);
-      (focusable ?? panelElement).focus();
-    }
-    if (trigger) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-popover__trigger">`);
-      trigger($$renderer2);
-      $$renderer2.push(`<!----></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (mounted && open && anchorElement()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$4.attr("id", panelId())}${$4.attr("role", role)}${$4.attr("aria-label", resolvedAriaLabel())}${$4.attr("aria-labelledby", ariaLabelledby)}${$4.attr("aria-hidden", anchoredOverlay.positionReady ? undefined : "true")}${$4.attr_class($4.clsx(classNames("cinder-_floating-surface", "cinder-popover", className)))}${$4.attr("data-cinder-placement", anchoredOverlay.resolvedPlacement)}${$4.attr("data-cinder-position-ready", anchoredOverlay.positionReady)}${$4.attr_style(anchoredOverlay.positionStyle)} tabindex="-1">`);
-      children($$renderer2);
-      $$renderer2.push(`<!----> `);
-      if (showArrow) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="cinder-popover__arrow" aria-hidden="true"${$4.attr_style(anchoredOverlay.arrowStyle)}></span>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    $4.bind_props($$props, { open });
-  });
-}
-
-// src/components/_visually-hidden-live-region.svelte
-import * as $5 from "svelte/internal/server";
-function _visually_hidden_live_region($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      message = "",
-      announcementSequence = 0,
-      priority = "polite",
-      class: className
-    } = $$props;
-    let rendered = "";
-    let setTimeoutId = null;
-    let version = 0;
-    let isDestroyed = false;
-    $$renderer2.push(`<div${$5.attr("role", priority === "assertive" ? "alert" : "status")}${$5.attr("aria-live", priority === "assertive" ? "assertive" : "polite")} aria-atomic="true"${$5.attr_class($5.clsx(classNames("cinder-sr-only", className)))}>${$5.escape(rendered)}</div>`);
-  });
-}
-
-// src/components/autocomplete/autocomplete.svelte
-function Autocomplete($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const generatedId = $6.props_id($$renderer2);
-    let {
-      id,
-      value = "",
-      suggestionSource,
-      label,
-      description,
-      error,
-      minQueryLength = 1,
-      maxVisibleSuggestions = 50,
-      placeholder,
-      disabled,
-      required,
-      readonly = false,
-      emptyMessage = "No suggestions",
-      loadingMessage = "Loading suggestions",
-      class: className,
-      oninput,
-      oncomplete,
-      "aria-describedby": consumerDescribedBy,
-      "aria-invalid": consumerInvalid,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getFormFieldContext();
-    const field = $6.derived(() => resolveFieldControl({
-      ...id !== undefined ? { id } : {},
-      generatedId,
-      context,
-      hasDescription: !!description,
-      hasError: !!error,
-      localIdNamespace: "control",
-      consumerDescribedBy,
-      consumerInvalid,
-      required,
-      disabled
-    }));
-    const resolvedId = $6.derived(() => field().id);
-    const listboxId = $6.derived(() => `${resolvedId()}-listbox`);
-    const resolvedMinQueryLength = $6.derived(() => toNonNegativeInteger(minQueryLength, 1));
-    const resolvedMaxVisibleSuggestions = $6.derived(() => toNonNegativeInteger(maxVisibleSuggestions, 50));
-    let inputElement = null;
-    let open = false;
-    let loading = false;
-    let composing = false;
-    let inputFocused = false;
-    let suggestions = [];
-    let activeIndex = null;
-    let suppressNextQuery = false;
-    let ignoreSyntheticInput = false;
-    let completionPointerIndex = null;
-    let pendingRequestController = null;
-    let previousOpen = false;
-    let autocompleteDismissed = true;
-    let requestVersion = 0;
-    const renderedSuggestions = $6.derived(() => suggestions.slice(0, resolvedMaxVisibleSuggestions()));
-    const enabledIndexes = $6.derived(() => getEnabledIndexes(renderedSuggestions()));
-    const activeDescendant = $6.derived(() => activeIndex === null ? undefined : `${resolvedId()}-option-${activeIndex}`);
-    const statusMessage = $6.derived(() => loading ? loadingMessage : open && renderedSuggestions().length === 0 ? emptyMessage : "");
-    function isEligibleQuery(query) {
-      return !field().disabled && !readonly && !!suggestionSource && query.length >= resolvedMinQueryLength();
-    }
-    function toNonNegativeInteger(value2, fallback) {
-      if (!Number.isFinite(value2))
-        return fallback;
-      return Math.max(0, Math.trunc(value2));
-    }
-    function getEnabledIndexes(list) {
-      const indexes = [];
-      list.forEach((suggestion, index) => {
-        if (!suggestion.disabled)
-          indexes.push(index);
-      });
-      return indexes;
-    }
-    function clampActiveIndex(list) {
-      const availableEnabledIndexes = list === renderedSuggestions() ? enabledIndexes() : getEnabledIndexes(list);
-      if (availableEnabledIndexes.length === 0) {
-        activeIndex = null;
-        return;
-      }
-      if (activeIndex !== null && availableEnabledIndexes.includes(activeIndex))
-        return;
-      activeIndex = availableEnabledIndexes[0] ?? null;
-    }
-    function closePopup() {
-      pendingRequestController?.abort();
-      pendingRequestController = null;
-      requestVersion += 1;
-      autocompleteDismissed = true;
-      open = false;
-      loading = false;
-      activeIndex = null;
-      suggestions = [];
-    }
-    function highlightParts(text, query) {
-      if (!query)
-        return null;
-      const normalizedQuery = query.trim();
-      if (!normalizedQuery)
-        return null;
-      const matchIndex = text.toLowerCase().indexOf(normalizedQuery.toLowerCase());
-      if (matchIndex < 0)
-        return null;
-      const before = text.slice(0, matchIndex);
-      const match = text.slice(matchIndex, matchIndex + normalizedQuery.length);
-      const after = text.slice(matchIndex + normalizedQuery.length);
-      return [before, match, after];
-    }
-    function moveActive(direction) {
-      if (enabledIndexes().length === 0)
-        return;
-      open = true;
-      if (activeIndex === null) {
-        activeIndex = direction === 1 ? enabledIndexes()[0] ?? null : enabledIndexes().at(-1) ?? null;
-        return;
-      }
-      const currentPosition = enabledIndexes().indexOf(activeIndex);
-      const nextPosition = currentPosition < 0 ? 0 : (currentPosition + direction + enabledIndexes().length) % enabledIndexes().length;
-      activeIndex = enabledIndexes()[nextPosition] ?? null;
-    }
-    function moveToBoundary(direction) {
-      if (!open)
-        return;
-      if (enabledIndexes().length === 0)
-        return;
-      activeIndex = direction === "start" ? enabledIndexes()[0] ?? null : enabledIndexes().at(-1) ?? null;
-    }
-    function dispatchCompletionInputEvent() {
-      if (!inputElement)
-        return;
-      ignoreSyntheticInput = true;
-      inputElement.dispatchEvent(new Event("input", { bubbles: true }));
-    }
-    function completeSuggestion(suggestion) {
-      if (!suggestion || suggestion.disabled)
-        return;
-      suppressNextQuery = true;
-      value = suggestion.value;
-      if (inputElement)
-        inputElement.value = suggestion.value;
-      closePopup();
-      oninput?.(suggestion.value);
-      oncomplete?.(suggestion);
-      dispatchCompletionInputEvent();
-    }
-    function handleInput(event) {
-      if (ignoreSyntheticInput) {
-        ignoreSyntheticInput = false;
-        return;
-      }
-      autocompleteDismissed = false;
-      inputFocused = true;
-      const target = event.currentTarget;
-      value = target.value;
-      oninput?.(target.value);
-    }
-    function handleFocus() {
-      autocompleteDismissed = false;
-      inputFocused = true;
-      if (isEligibleQuery(value)) {
-        open = true;
-      }
-    }
-    function handleBlur() {
-      inputFocused = false;
-      closePopup();
-    }
-    function handleKeyDown(event) {
-      if (event.key === "ArrowDown") {
-        if (enabledIndexes().length === 0)
-          return;
-        event.preventDefault();
-        moveActive(1);
-        return;
-      }
-      if (event.key === "ArrowUp") {
-        if (enabledIndexes().length === 0)
-          return;
-        event.preventDefault();
-        moveActive(-1);
-        return;
-      }
-      if (event.key === "Home") {
-        if (!open || enabledIndexes().length === 0)
-          return;
-        event.preventDefault();
-        moveToBoundary("start");
-        return;
-      }
-      if (event.key === "End") {
-        if (!open || enabledIndexes().length === 0)
-          return;
-        event.preventDefault();
-        moveToBoundary("end");
-        return;
-      }
-      if (event.key === "Escape" && open) {
-        event.preventDefault();
-        closePopup();
-        return;
-      }
-      if (event.key === "Enter" && open && !composing) {
-        const suggestion = activeIndex === null ? undefined : renderedSuggestions()[activeIndex];
-        if (suggestion && !suggestion.disabled) {
-          event.preventDefault();
-          completeSuggestion(suggestion);
-        }
-      }
-    }
-    function handlePointerComplete(event, index) {
-      event.preventDefault();
-      completionPointerIndex = index;
-      completeSuggestion(renderedSuggestions()[index]);
-      queueMicrotask(() => {
-        if (completionPointerIndex === index)
-          completionPointerIndex = null;
-      });
-    }
-    function handleMouseDownFallback(event, index) {
-      if (completionPointerIndex === index) {
-        completionPointerIndex = null;
-        return;
-      }
-      event.preventDefault();
-      completeSuggestion(renderedSuggestions()[index]);
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$6.attr_class($6.clsx(classNames("cinder-autocomplete", className)))}${$6.attr("data-disabled", field().disabled ? "" : undefined)}${$6.attr("data-invalid", field().ariaInvalid === "true" ? "" : undefined)}>`);
-      if (label) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<label${$6.attr("for", resolvedId())} class="cinder-autocomplete__label"${$6.attr("data-disabled", field().disabled || undefined)}>${$6.escape(label)}</label>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <input${$6.attributes({
-        ...rest,
-        id: resolvedId(),
-        type: "text",
-        class: "cinder-autocomplete__input",
-        value,
-        placeholder,
-        disabled: field().disabled,
-        required: field().required,
-        readonly,
-        autocomplete: rest.autocomplete ?? "off",
-        role: "combobox",
-        "aria-autocomplete": "list",
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        "aria-controls": open ? listboxId() : undefined,
-        "aria-activedescendant": activeDescendant(),
-        "aria-invalid": field().ariaInvalid,
-        "aria-describedby": field().describedBy
-      }, undefined, undefined, undefined, 4)}/> `);
-      if (description) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<p${$6.attr("id", field().ownDescriptionId)} class="cinder-autocomplete__description">${$6.escape(description)}</p>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (error) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<p${$6.attr("id", field().ownErrorId)} class="cinder-autocomplete__error" aria-live="polite">${$6.escape(error)}</p>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      _visually_hidden_live_region($$renderer3, { message: statusMessage() });
-      $$renderer3.push(`<!----></div> `);
-      Popover($$renderer3, {
-        id: listboxId(),
-        triggerRef: inputElement,
-        role: "listbox",
-        focusManagement: "preserve",
-        wireTriggerAria: false,
-        widthMode: "match-anchor",
-        class: "cinder-autocomplete__panel",
-        get open() {
-          return open;
-        },
-        set open($$value) {
-          open = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          if (loading) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<div${$6.attr("id", `${resolvedId()}-status-loading`)} role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option cinder-autocomplete__status" aria-selected="false" aria-disabled="true">${$6.escape(loadingMessage)}</div>`);
-          } else if (renderedSuggestions().length === 0) {
-            $$renderer4.push("<!--[1-->");
-            $$renderer4.push(`<div${$6.attr("id", `${resolvedId()}-status-empty`)} role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option cinder-autocomplete__status" aria-selected="false" aria-disabled="true">${$6.escape(emptyMessage)}</div>`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            $$renderer4.push(`<!--[-->`);
-            const each_array = $6.ensure_array_like(renderedSuggestions());
-            for (let index = 0, $$length = each_array.length;index < $$length; index++) {
-              let suggestion = each_array[index];
-              const suggestionLabel = suggestion.label ?? suggestion.value;
-              const parts = highlightParts(suggestionLabel, value);
-              $$renderer4.push(`<div${$6.attr("id", `${resolvedId()}-option-${index}`)} role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option"${$6.attr("aria-selected", index === activeIndex)}${$6.attr("aria-disabled", suggestion.disabled || undefined)}${$6.attr("data-cinder-active", index === activeIndex || undefined)}${$6.attr("data-cinder-disabled", suggestion.disabled || undefined)}><span class="cinder-autocomplete__option-text"><span class="cinder-autocomplete__option-label">`);
-              if (parts) {
-                $$renderer4.push("<!--[0-->");
-                $$renderer4.push(`${$6.escape(parts[0])}<mark class="cinder-autocomplete__match">${$6.escape(parts[1])}</mark>${$6.escape(parts[2])}`);
-              } else {
-                $$renderer4.push("<!--[-1-->");
-                $$renderer4.push(`${$6.escape(suggestionLabel)}`);
-              }
-              $$renderer4.push(`<!--]--></span> `);
-              if (suggestion.description) {
-                $$renderer4.push("<!--[0-->");
-                $$renderer4.push(`<span class="cinder-autocomplete__option-description">${$6.escape(suggestion.description)}</span>`);
-              } else {
-                $$renderer4.push("<!--[-1-->");
-              }
-              $$renderer4.push(`<!--]--></span></div>`);
-            }
-            $$renderer4.push(`<!--]-->`);
-          }
-          $$renderer4.push(`<!--]-->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!---->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $6.bind_props($$props, { value });
-  });
-}
-
-// src/components/autocomplete/index.ts
-var autocomplete_default = Autocomplete;
+import {
+  autocomplete_default
+} from "../../index.server-vbnc9fac.js";
+import"../../index.server-q4qh8a6x.js";
+import"../../index.server-weae7gs2.js";
+import"../../index.server-abm21gz1.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-94b7tjs5.js";
+import"../../index.server-mm4g29h0.js";
+import"../../index.server-zwjp26z8.js";
+import"../../index.server-1vsv7ngz.js";
+import"../../index.server-6pdmym90.js";
+import"../../index.server-mc6vc1pm.js";
+import"../../index.server-hmw4afhn.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   autocomplete_default as default
 };
 
-//# debugId=CDCA95D5C1BA378064756E2164756E21
+//# debugId=A528D58D1A45448364756E2164756E21