@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/ariaHideOutside.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ariaHideOutside.jsx","names":[],"sources":["../../src/overlays/ariaHideOutside.ts"],"sourcesContent":["/**\n * Hides all elements in the DOM outside the given targets from screen readers.\n * Based on @react-aria/overlays ariaHideOutside.\n */\n\nimport { getOwnerWindow } from \"../utils\";\n\nconst supportsInert = typeof HTMLElement !== \"undefined\" && \"inert\" in HTMLElement.prototype;\n\nexport interface AriaHideOutsideOptions {\n  /** The root element to start hiding from. */\n  root?: Element;\n  /** Whether to use the `inert` attribute instead of `aria-hidden`. */\n  shouldUseInert?: boolean;\n}\n\n// Keeps a ref count of all hidden elements. Added to when hiding an element, and\n// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.\nconst refCountMap = new WeakMap<Element, number>();\n\ninterface ObserverWrapper {\n  visibleNodes: Set<Element>;\n  hiddenNodes: Set<Element>;\n  observe: () => void;\n  disconnect: () => void;\n}\n\nconst observerStack: ObserverWrapper[] = [];\n\n/**\n * Hides all elements in the DOM outside the given targets from screen readers using aria-hidden,\n * and returns a function to revert these changes. In addition, changes to the DOM are watched\n * and new elements outside the targets are automatically hidden.\n * @param targets - The elements that should remain visible.\n * @param options - Options for hiding behavior.\n * @returns - A function to restore all hidden elements.\n */\nexport function ariaHideOutside(\n  targets: Element[],\n  options?: AriaHideOutsideOptions | Element,\n): () => void {\n  const windowObj = getOwnerWindow(targets?.[0]);\n  const opts = options instanceof windowObj.Element ? { root: options } : options;\n  const root = opts?.root ?? document.body;\n  const shouldUseInert = opts?.shouldUseInert && supportsInert;\n  const visibleNodes = new Set<Element>(targets);\n  const hiddenNodes = new Set<Element>();\n\n  const getHidden = (element: Element): boolean => {\n    return shouldUseInert && element instanceof windowObj.HTMLElement\n      ? element.inert\n      : element.getAttribute(\"aria-hidden\") === \"true\";\n  };\n\n  const setHidden = (element: Element, hidden: boolean): void => {\n    if (shouldUseInert && element instanceof windowObj.HTMLElement) {\n      element.inert = hidden;\n    } else if (hidden) {\n      element.setAttribute(\"aria-hidden\", \"true\");\n    } else {\n      element.removeAttribute(\"aria-hidden\");\n      if (element instanceof windowObj.HTMLElement) {\n        // We only ever call setHidden with hidden = false when the nodeCount is 1 aka\n        // we are trying to make the element visible to screen readers again, so remove inert as well\n        element.inert = false;\n      }\n    }\n  };\n\n  const hide = (node: Element): void => {\n    let refCount = refCountMap.get(node) ?? 0;\n\n    // If already aria-hidden, and the ref count is zero, then this element\n    // was already hidden and there's nothing for us to do.\n    if (getHidden(node) && refCount === 0) {\n      return;\n    }\n\n    if (refCount === 0) {\n      setHidden(node, true);\n    }\n\n    hiddenNodes.add(node);\n    refCountMap.set(node, refCount + 1);\n  };\n\n  const walk = (walkRoot: Element): void => {\n    // Keep live announcer and top layer elements (e.g. toasts) visible.\n    for (const element of walkRoot.querySelectorAll(\n      \"[data-live-announcer], [data-solidaria-top-layer]\",\n    )) {\n      visibleNodes.add(element);\n    }\n\n    const acceptNode = (node: Element): number => {\n      // Skip this node and its children if it is one of the target nodes, or a live announcer.\n      // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is\n      // made for elements with role=\"row\" since VoiceOver on iOS has issues hiding elements with role=\"row\".\n      // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).\n      if (\n        hiddenNodes.has(node) ||\n        visibleNodes.has(node) ||\n        (node.parentElement &&\n          hiddenNodes.has(node.parentElement) &&\n          node.parentElement.getAttribute(\"role\") !== \"row\")\n      ) {\n        return NodeFilter.FILTER_REJECT;\n      }\n\n      // Skip this node but continue to children if one of the targets is inside the node.\n      for (const target of visibleNodes) {\n        if (node.contains(target)) {\n          return NodeFilter.FILTER_SKIP;\n        }\n      }\n\n      return NodeFilter.FILTER_ACCEPT;\n    };\n\n    const walker = document.createTreeWalker(walkRoot, NodeFilter.SHOW_ELEMENT, { acceptNode });\n\n    // TreeWalker does not include the root.\n    const acceptRoot = acceptNode(walkRoot);\n    if (acceptRoot === NodeFilter.FILTER_ACCEPT) {\n      hide(walkRoot);\n    }\n\n    if (acceptRoot !== NodeFilter.FILTER_REJECT) {\n      let node = walker.nextNode() as Element;\n      while (node != null) {\n        hide(node);\n        node = walker.nextNode() as Element;\n      }\n    }\n  };\n\n  // If there is already a MutationObserver listening from a previous call,\n  // disconnect it so the new one takes over.\n  if (observerStack.length) {\n    observerStack[observerStack.length - 1].disconnect();\n  }\n\n  walk(root);\n\n  const observer = new MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type !== \"childList\") {\n        continue;\n      }\n\n      // If the parent element of the added nodes is not within one of the targets,\n      // and not already inside a hidden node, hide all of the new children.\n      if (![...visibleNodes, ...hiddenNodes].some((node) => node.contains(change.target))) {\n        for (const node of change.addedNodes) {\n          if (\n            (node instanceof HTMLElement || node instanceof SVGElement) &&\n            (node.dataset.liveAnnouncer === \"true\" || node.dataset.solidariaTopLayer === \"true\")\n          ) {\n            visibleNodes.add(node);\n          } else if (node instanceof Element) {\n            walk(node);\n          }\n        }\n      }\n    }\n  });\n\n  observer.observe(root, { childList: true, subtree: true });\n\n  const observerWrapper: ObserverWrapper = {\n    visibleNodes,\n    hiddenNodes,\n    observe() {\n      observer.observe(root, { childList: true, subtree: true });\n    },\n    disconnect() {\n      observer.disconnect();\n    },\n  };\n\n  observerStack.push(observerWrapper);\n\n  return (): void => {\n    observer.disconnect();\n\n    for (const node of hiddenNodes) {\n      const count = refCountMap.get(node);\n      if (count == null) {\n        continue;\n      }\n      if (count === 1) {\n        setHidden(node, false);\n        refCountMap.delete(node);\n      } else {\n        refCountMap.set(node, count - 1);\n      }\n    }\n\n    // Remove this observer from the stack, and start the previous one.\n    if (observerWrapper === observerStack[observerStack.length - 1]) {\n      observerStack.pop();\n      if (observerStack.length) {\n        observerStack[observerStack.length - 1].observe();\n      }\n    } else {\n      observerStack.splice(observerStack.indexOf(observerWrapper), 1);\n    }\n  };\n}\n\n/**\n * Keeps an element visible when aria-hiding is active.\n * Used for elements like live regions that should remain accessible.\n */\nexport function keepVisible(element: Element): (() => void) | undefined {\n  const observer = observerStack[observerStack.length - 1];\n  if (observer && !observer.visibleNodes.has(element)) {\n    observer.visibleNodes.add(element);\n    return () => {\n      observer.visibleNodes.delete(element);\n    };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ariaHideOutside.jsx","names":[],"sources":["../../src/utils/ShadowTreeWalker.ts","../../src/overlays/ariaHideOutside.ts"],"sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/shadowdom/ShadowTreeWalker.ts\n// Adobe's source is based on:\n// https://github.com/microsoft/tabster/blob/a89fc5d7e332d48f68d03b1ca6e344489d1c3898/src/Shadowdomize/ShadowTreeWalker.ts\n\nimport { shadowDOM } from \"@proyecto-viviana/solid-stately/private/flags/flags\";\nimport { nodeContains } from \"./dom\";\n\nexport class ShadowTreeWalker implements TreeWalker {\n  public readonly filter: NodeFilter | null;\n  public readonly root: Node;\n  public readonly whatToShow: number;\n\n  private readonly doc: Document;\n  private walkerStack: TreeWalker[] = [];\n  private current: Node;\n  private currentSetFor = new Set<TreeWalker>();\n\n  constructor(doc: Document, root: Node, whatToShow?: number, filter?: NodeFilter | null) {\n    this.doc = doc;\n    this.root = root;\n    this.filter = filter ?? null;\n    this.whatToShow = whatToShow ?? NodeFilter.SHOW_ALL;\n    this.current = root;\n\n    this.walkerStack.unshift(doc.createTreeWalker(root, whatToShow, this.acceptNode));\n\n    const shadowRoot = (root as Element).shadowRoot;\n    if (shadowRoot) {\n      this.walkerStack.unshift(\n        this.doc.createTreeWalker(shadowRoot, this.whatToShow, {\n          acceptNode: this.acceptNode,\n        }),\n      );\n    }\n  }\n\n  private acceptNode = (node: Node): number => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const shadowRoot = (node as Element).shadowRoot;\n      if (shadowRoot) {\n        this.walkerStack.unshift(\n          this.doc.createTreeWalker(shadowRoot, this.whatToShow, {\n            acceptNode: this.acceptNode,\n          }),\n        );\n        return NodeFilter.FILTER_ACCEPT;\n      }\n\n      if (typeof this.filter === \"function\") {\n        return this.filter(node);\n      }\n      if (this.filter?.acceptNode) {\n        return this.filter.acceptNode(node);\n      }\n      if (this.filter === null) {\n        return NodeFilter.FILTER_ACCEPT;\n      }\n    }\n\n    return NodeFilter.FILTER_SKIP;\n  };\n\n  public get currentNode(): Node {\n    return this.current;\n  }\n\n  public set currentNode(node: Node) {\n    if (!nodeContains(this.root, node)) {\n      throw new Error(\"Cannot set currentNode to a node that is not contained by the root node.\");\n    }\n\n    const walkers: TreeWalker[] = [];\n    let currentNode: Node | null | undefined = node;\n    let walkerCurrentNode = node;\n    this.current = node;\n\n    while (currentNode && currentNode !== this.root) {\n      if (currentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n        const shadowRoot = currentNode as ShadowRoot;\n        const walker = this.doc.createTreeWalker(shadowRoot, this.whatToShow, {\n          acceptNode: this.acceptNode,\n        });\n        walkers.push(walker);\n        walker.currentNode = walkerCurrentNode;\n        this.currentSetFor.add(walker);\n        currentNode = walkerCurrentNode = shadowRoot.host;\n      } else {\n        currentNode = currentNode.parentNode;\n      }\n    }\n\n    const walker = this.doc.createTreeWalker(this.root, this.whatToShow, {\n      acceptNode: this.acceptNode,\n    });\n    walkers.push(walker);\n    walker.currentNode = walkerCurrentNode;\n    this.currentSetFor.add(walker);\n    this.walkerStack = walkers;\n  }\n\n  public firstChild(): Node | null {\n    const currentNode = this.currentNode;\n    const newNode = this.nextNode();\n    if (!nodeContains(currentNode, newNode)) {\n      this.currentNode = currentNode;\n      return null;\n    }\n    if (newNode) {\n      this.currentNode = newNode;\n    }\n    return newNode;\n  }\n\n  public lastChild(): Node | null {\n    const walker = this.walkerStack[0];\n    const newNode = walker.lastChild();\n    if (newNode) {\n      this.currentNode = newNode;\n    }\n    return newNode;\n  }\n\n  public nextNode(): Node | null {\n    const nextNode = this.walkerStack[0].nextNode();\n    if (nextNode) {\n      const shadowRoot = (nextNode as Element).shadowRoot;\n      if (shadowRoot) {\n        let nodeResult: number | undefined;\n        if (typeof this.filter === \"function\") {\n          nodeResult = this.filter(nextNode);\n        } else if (this.filter?.acceptNode) {\n          nodeResult = this.filter.acceptNode(nextNode);\n        }\n\n        if (nodeResult === NodeFilter.FILTER_ACCEPT) {\n          this.currentNode = nextNode;\n          return nextNode;\n        }\n\n        const childNode = this.nextNode();\n        if (childNode) {\n          this.currentNode = childNode;\n        }\n        return childNode;\n      }\n\n      this.currentNode = nextNode;\n      return nextNode;\n    }\n\n    if (this.walkerStack.length > 1) {\n      this.walkerStack.shift();\n      const parentNode = this.nextNode();\n      if (parentNode) {\n        this.currentNode = parentNode;\n      }\n      return parentNode;\n    }\n    return null;\n  }\n\n  public previousNode(): Node | null {\n    const currentWalker = this.walkerStack[0];\n    if (currentWalker.currentNode === currentWalker.root) {\n      if (this.currentSetFor.has(currentWalker)) {\n        this.currentSetFor.delete(currentWalker);\n        if (this.walkerStack.length > 1) {\n          this.walkerStack.shift();\n          const parentNode = this.previousNode();\n          if (parentNode) {\n            this.currentNode = parentNode;\n          }\n          return parentNode;\n        }\n      }\n      return null;\n    }\n\n    const previousNode = currentWalker.previousNode();\n    if (previousNode) {\n      const shadowRoot = (previousNode as Element).shadowRoot;\n      if (shadowRoot) {\n        let nodeResult: number | undefined;\n        if (typeof this.filter === \"function\") {\n          nodeResult = this.filter(previousNode);\n        } else if (this.filter?.acceptNode) {\n          nodeResult = this.filter.acceptNode(previousNode);\n        }\n\n        if (nodeResult === NodeFilter.FILTER_ACCEPT) {\n          this.currentNode = previousNode;\n          return previousNode;\n        }\n\n        const childNode = this.lastChild();\n        if (childNode) {\n          this.currentNode = childNode;\n        }\n        return childNode;\n      }\n\n      this.currentNode = previousNode;\n      return previousNode;\n    }\n\n    if (this.walkerStack.length > 1) {\n      this.walkerStack.shift();\n      const parentNode = this.previousNode();\n      if (parentNode) {\n        this.currentNode = parentNode;\n      }\n      return parentNode;\n    }\n    return null;\n  }\n\n  /** @deprecated */\n  public nextSibling(): Node | null {\n    return null;\n  }\n\n  /** @deprecated */\n  public previousSibling(): Node | null {\n    return null;\n  }\n\n  /** @deprecated */\n  public parentNode(): Node | null {\n    return null;\n  }\n}\n\n/** Shadow DOM-safe version of `Document.createTreeWalker`. */\nexport function createShadowTreeWalker(\n  doc: Document,\n  root: Node,\n  whatToShow?: number,\n  filter?: NodeFilter | null,\n): TreeWalker {\n  if (shadowDOM()) {\n    return new ShadowTreeWalker(doc, root, whatToShow, filter);\n  }\n  return doc.createTreeWalker(root, whatToShow, filter);\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/overlays/ariaHideOutside.ts\n\n/**\n * Hides all elements in the DOM outside the given targets from screen readers.\n * Ported from packages/react-aria/src/overlays/ariaHideOutside.ts.\n */\n\nimport { shadowDOM } from \"@proyecto-viviana/solid-stately/private/flags/flags\";\nimport { getOwnerDocument, getOwnerWindow, nodeContains } from \"../utils\";\nimport { createShadowTreeWalker } from \"../utils/ShadowTreeWalker\";\n\nconst supportsInert = typeof HTMLElement !== \"undefined\" && \"inert\" in HTMLElement.prototype;\n\nfunction isAlwaysVisibleNode(node: HTMLElement | SVGElement): boolean {\n  return node.dataset.liveAnnouncer === \"true\" || node.dataset.solidariaTopLayer !== undefined;\n}\n\nexport interface AriaHideOutsideOptions {\n  /** The root element to start hiding from. */\n  root?: Element;\n  /** Whether to use the `inert` attribute instead of `aria-hidden`. */\n  shouldUseInert?: boolean;\n}\n\n// Keeps a ref count of all hidden elements. Added to when hiding an element, and\n// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.\nconst refCountMap = new WeakMap<Element, number>();\n\ninterface ObserverWrapper {\n  visibleNodes: Set<Element>;\n  hiddenNodes: Set<Element>;\n  observe: () => void;\n  disconnect: () => void;\n}\n\nconst observerStack: ObserverWrapper[] = [];\n\n/**\n * Hides all elements in the DOM outside the given targets from screen readers using aria-hidden,\n * and returns a function to revert these changes. In addition, changes to the DOM are watched\n * and new elements outside the targets are automatically hidden.\n * @param targets - The elements that should remain visible.\n * @param options - Options for hiding behavior.\n * @returns - A function to restore all hidden elements.\n */\nexport function ariaHideOutside(\n  targets: Element[],\n  options?: AriaHideOutsideOptions | Element,\n): () => void {\n  const windowObj = getOwnerWindow(targets?.[0]);\n  const opts = options instanceof windowObj.Element ? { root: options } : options;\n  const root = opts?.root ?? getOwnerDocument(targets?.[0]).body;\n  const shouldUseInert = opts?.shouldUseInert && supportsInert;\n  const visibleNodes = new Set<Element>(targets);\n  const hiddenNodes = new Set<Element>();\n\n  const shadowRootsToWatch = new Set<ShadowRoot>();\n  if (shadowDOM()) {\n    const boundary = root.getRootNode();\n    for (const target of targets) {\n      let current = target.getRootNode();\n      while (current instanceof windowObj.ShadowRoot && current !== boundary) {\n        shadowRootsToWatch.add(current);\n        current = current.host.getRootNode();\n      }\n    }\n  }\n\n  const getHidden = (element: Element): boolean => {\n    return shouldUseInert && element instanceof windowObj.HTMLElement\n      ? element.inert\n      : element.getAttribute(\"aria-hidden\") === \"true\";\n  };\n\n  const setHidden = (element: Element, hidden: boolean): void => {\n    if (shouldUseInert && element instanceof windowObj.HTMLElement) {\n      element.inert = hidden;\n    } else if (hidden) {\n      element.setAttribute(\"aria-hidden\", \"true\");\n    } else {\n      element.removeAttribute(\"aria-hidden\");\n      if (element instanceof windowObj.HTMLElement) {\n        // We only ever call setHidden with hidden = false when the nodeCount is 1 aka\n        // we are trying to make the element visible to screen readers again, so remove inert as well\n        element.inert = false;\n      }\n    }\n  };\n\n  const hide = (node: Element): void => {\n    let refCount = refCountMap.get(node) ?? 0;\n\n    // If already aria-hidden, and the ref count is zero, then this element\n    // was already hidden and there's nothing for us to do.\n    if (getHidden(node) && refCount === 0) {\n      return;\n    }\n\n    if (refCount === 0) {\n      setHidden(node, true);\n    }\n\n    hiddenNodes.add(node);\n    refCountMap.set(node, refCount + 1);\n  };\n\n  const walk = (walkRoot: Element): void => {\n    // Keep live announcer and top layer elements (e.g. toasts) visible.\n    for (const element of walkRoot.querySelectorAll(\n      \"[data-live-announcer], [data-solidaria-top-layer]\",\n    )) {\n      visibleNodes.add(element);\n    }\n\n    const acceptNode = (node: Element): number => {\n      // Skip this node and its children if it is one of the target nodes, or a live announcer.\n      // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is\n      // made for elements with role=\"row\" since VoiceOver on iOS has issues hiding elements with role=\"row\".\n      // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).\n      if (\n        hiddenNodes.has(node) ||\n        visibleNodes.has(node) ||\n        (node.parentElement &&\n          hiddenNodes.has(node.parentElement) &&\n          node.parentElement.getAttribute(\"role\") !== \"row\")\n      ) {\n        return NodeFilter.FILTER_REJECT;\n      }\n\n      // Skip this node but continue to children if one of the targets is inside the node.\n      for (const target of visibleNodes) {\n        if (nodeContains(node, target)) {\n          return NodeFilter.FILTER_SKIP;\n        }\n      }\n\n      return NodeFilter.FILTER_ACCEPT;\n    };\n\n    const walker = createShadowTreeWalker(\n      getOwnerDocument(walkRoot),\n      walkRoot,\n      NodeFilter.SHOW_ELEMENT,\n      { acceptNode },\n    );\n\n    // TreeWalker does not include the root.\n    const acceptRoot = acceptNode(walkRoot);\n    if (acceptRoot === NodeFilter.FILTER_ACCEPT) {\n      hide(walkRoot);\n    }\n\n    if (acceptRoot !== NodeFilter.FILTER_REJECT) {\n      let node = walker.nextNode() as Element;\n      while (node != null) {\n        hide(node);\n        node = walker.nextNode() as Element;\n      }\n    }\n  };\n\n  // If there is already a MutationObserver listening from a previous call,\n  // disconnect it so the new one takes over.\n  if (observerStack.length) {\n    observerStack[observerStack.length - 1].disconnect();\n  }\n\n  walk(root);\n\n  const processMutations = (changes: MutationRecord[]): void => {\n    for (const change of changes) {\n      if (change.type !== \"childList\") {\n        continue;\n      }\n\n      // If the parent element of the added nodes is not within one of the targets,\n      // and not already inside a hidden node, hide all of the new children.\n      if (\n        change.target.isConnected &&\n        ![...visibleNodes, ...hiddenNodes].some((node) => nodeContains(node, change.target))\n      ) {\n        for (const node of change.addedNodes) {\n          if (\n            (node instanceof windowObj.HTMLElement || node instanceof windowObj.SVGElement) &&\n            isAlwaysVisibleNode(node)\n          ) {\n            visibleNodes.add(node);\n          } else if (node instanceof windowObj.Element) {\n            walk(node);\n          }\n        }\n      }\n\n      if (shadowDOM()) {\n        for (const shadowRoot of shadowRootsToWatch) {\n          if (!shadowRoot.isConnected) {\n            observer.disconnect();\n            break;\n          }\n        }\n      }\n    }\n  };\n\n  const observer = new windowObj.MutationObserver(processMutations);\n\n  observer.observe(root, { childList: true, subtree: true });\n\n  const shadowObservers = new Set<MutationObserver>();\n  if (shadowDOM()) {\n    for (const shadowRoot of shadowRootsToWatch) {\n      const shadowObserver = new windowObj.MutationObserver(processMutations);\n      shadowObserver.observe(shadowRoot, { childList: true, subtree: true });\n      shadowObservers.add(shadowObserver);\n    }\n  }\n\n  const observerWrapper: ObserverWrapper = {\n    visibleNodes,\n    hiddenNodes,\n    observe() {\n      observer.observe(root, { childList: true, subtree: true });\n    },\n    disconnect() {\n      observer.disconnect();\n    },\n  };\n\n  observerStack.push(observerWrapper);\n\n  return (): void => {\n    observer.disconnect();\n    if (shadowDOM()) {\n      for (const shadowObserver of shadowObservers) {\n        shadowObserver.disconnect();\n      }\n    }\n\n    for (const node of hiddenNodes) {\n      const count = refCountMap.get(node);\n      if (count == null) {\n        continue;\n      }\n      if (count === 1) {\n        setHidden(node, false);\n        refCountMap.delete(node);\n      } else {\n        refCountMap.set(node, count - 1);\n      }\n    }\n\n    // Remove this observer from the stack, and start the previous one.\n    if (observerWrapper === observerStack[observerStack.length - 1]) {\n      observerStack.pop();\n      if (observerStack.length) {\n        observerStack[observerStack.length - 1].observe();\n      }\n    } else {\n      observerStack.splice(observerStack.indexOf(observerWrapper), 1);\n    }\n  };\n}\n\n/**\n * Keeps an element visible when aria-hiding is active.\n * Used for elements like live regions that should remain accessible.\n */\nexport function keepVisible(element: Element): (() => void) | undefined {\n  const observer = observerStack[observerStack.length - 1];\n  if (observer && !observer.visibleNodes.has(element)) {\n    observer.visibleNodes.add(element);\n    return () => {\n      observer.visibleNodes.delete(element);\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/_chunk/autocomplete.js

@@ -1,8 +1,19 @@
-import { a as getEventTarget, i as getActiveElement } from "./focus.js";
-import { s as getPointerType } from "./createInteractionModality.js";
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/autocomplete/useAutocomplete.ts
+import { P as getPointerType, n as getActiveElement, r as getEventTarget } from "./dom.js";
 import { createId, getOwnerDocument } from "../ssr/index.js";
 import { n as FOCUS_EVENT, t as CLEAR_FOCUS_EVENT } from "./constants.js";
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import { createSignal, createTrackedEffect } from "solid-js";
 //#region src/autocomplete/createAutocomplete.ts
 /**
 * createAutocomplete - Accessibility hook for autocomplete components
@@ -73,14 +84,18 @@ function createAutocomplete(props, state) {
 	const handleBeforeInput = (e) => {
 		lastInputType = e.inputType || "";
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const input = inputRef();
 		if (input) {
 			input.addEventListener("beforeinput", handleBeforeInput);
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				input.removeEventListener("beforeinput", handleBeforeInput);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const focusFirstItem = () => {
 		delayNextActiveDescendant = true;
@@ -197,16 +212,20 @@ function createAutocomplete(props, state) {
 		}
 		delayNextActiveDescendant = false;
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (!shouldUseVirtualFocus()) return;
 		const collection = collectionRef();
 		if (collection) {
 			collection.addEventListener("focusin", updateActiveDescendant);
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				collection.removeEventListener("focusin", updateActiveDescendant);
 				clearTimeout(activeDescendantTimeout);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const filterFn = filter ? (nodeTextValue, node) => filter(nodeTextValue, state.inputValue(), node) : void 0;
 	return {

package/dist/_chunk/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","names":["inputEvent"],"sources":["../../src/autocomplete/createAutocomplete.ts"],"sourcesContent":["/**\n * createAutocomplete - Accessibility hook for autocomplete components\n *\n * Provides keyboard navigation, virtual focus via aria-activedescendant,\n * and filtering capabilities for autocomplete inputs.\n *\n * Based on @react-aria/autocomplete useAutocomplete.\n */\n\nimport { createSignal, createEffect, onCleanup, type Accessor } from \"solid-js\";\nimport { createId, getOwnerDocument } from \"../ssr\";\nimport { type AutocompleteState, type CollectionNode } from \"@proyecto-viviana/solid-stately\";\nimport { FOCUS_EVENT, CLEAR_FOCUS_EVENT } from \"../selection/constants\";\nimport { getActiveElement, getEventTarget } from \"../utils/dom\";\nimport { getPointerType } from \"../interactions\";\n\nexport interface CollectionOptions {\n  /** The id of the collection element. */\n  id?: string;\n  /** Accessible label for the collection. */\n  \"aria-label\"?: string;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n  /** Whether and where to focus an item when the collection mounts. */\n  autoFocus?: boolean | \"first\" | \"last\";\n}\n\nexport interface AutocompleteInputProps {\n  /** Current input value. */\n  value: Accessor<string>;\n  /** Handler for input value changes. */\n  onChange: (value: string) => void;\n  /** Handler for key events. */\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** Handler for focus events. */\n  onFocus: (e: FocusEvent) => void;\n  /** Handler for blur events. */\n  onBlur: (e: FocusEvent) => void;\n  /** The id of the currently focused item for aria-activedescendant. */\n  \"aria-activedescendant\": Accessor<string | undefined>;\n  /** The id of the controlled collection. */\n  \"aria-controls\": string;\n  /** Autocomplete type. */\n  \"aria-autocomplete\": \"list\" | \"none\" | \"inline\" | \"both\";\n  /** Enter key hint for mobile keyboards. */\n  enterKeyHint: \"go\";\n  /** Disable autocorrect. */\n  autoCorrect: \"off\";\n  /** Disable spell check. */\n  spellCheck: \"false\";\n  /** Disable browser autocomplete. */\n  autoComplete: \"off\";\n}\n\nexport interface AriaAutocompleteOptions<T = unknown> {\n  /** Ref accessor for the input element. */\n  inputRef: Accessor<HTMLInputElement | undefined>;\n  /** Ref accessor for the collection element. */\n  collectionRef: Accessor<HTMLElement | undefined>;\n  /** Optional id override for the controlled collection element. */\n  collectionId?: string;\n  /** Optional accessible name for the controlled collection element. */\n  collectionAriaLabel?: string;\n  /**\n   * An optional filter function used to determine if an option should be included.\n   * @param textValue - The text value of the item\n   * @param inputValue - The current input value\n   * @param node - The collection node being filtered\n   */\n  filter?: (textValue: string, inputValue: string, node: CollectionNode<T>) => boolean;\n  /**\n   * Whether to focus the first item after filtering.\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n  /**\n   * Whether to disable virtual focus (aria-activedescendant).\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AutocompleteAria<T = unknown> {\n  /** Props for the autocomplete input element. */\n  inputProps: AutocompleteInputProps;\n  /** Props for the collection (ListBox/Menu). */\n  collectionProps: CollectionOptions;\n  /** A filter function that returns if the item should be shown. */\n  filter?: (nodeTextValue: string, node: CollectionNode<T>) => boolean;\n}\n\nfunction toKeyboardEventInit(e: KeyboardEvent): KeyboardEventInit {\n  return {\n    key: e.key,\n    code: e.code,\n    location: e.location,\n    repeat: e.repeat,\n    isComposing: e.isComposing,\n    ctrlKey: e.ctrlKey,\n    shiftKey: e.shiftKey,\n    altKey: e.altKey,\n    metaKey: e.metaKey,\n    bubbles: e.bubbles,\n    cancelable: e.cancelable,\n  };\n}\n\n// Custom event names for collection communication.\n// These are the shared @react-aria/selection constants the collection's\n// createSelectableCollection listens for (FOCUS_EVENT / CLEAR_FOCUS_EVENT);\n// the aliases below are retained for backwards-compatible re-exports.\n/** @deprecated Use {@link FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_FOCUS_EVENT = FOCUS_EVENT;\n/** @deprecated Use {@link CLEAR_FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_CLEAR_FOCUS_EVENT = CLEAR_FOCUS_EVENT;\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component.\n * An autocomplete combines a text input with a collection, allowing users to filter\n * the collection's contents to match a query.\n *\n * @example\n * ```tsx\n * const state = createAutocompleteState({ defaultInputValue: '' });\n * let inputRef, collectionRef;\n *\n * const { inputProps, collectionProps, filter } = createAutocomplete({\n *   inputRef: () => inputRef,\n *   collectionRef: () => collectionRef,\n *   filter: (textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase()),\n * }, state);\n *\n * return (\n *   <div>\n *     <input ref={inputRef} {...inputProps} />\n *     <ul ref={collectionRef} {...collectionProps}>\n *       {items.filter(item => filter?.(item.name) ?? true).map(item => (\n *         <li key={item.id}>{item.name}</li>\n *       ))}\n *     </ul>\n *   </div>\n * );\n * ```\n */\nexport function createAutocomplete<T = unknown>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState,\n): AutocompleteAria<T> {\n  const {\n    inputRef,\n    collectionRef,\n    filter,\n    collectionId: collectionIdProp,\n    collectionAriaLabel,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false,\n  } = props;\n\n  const collectionId = collectionIdProp ?? createId();\n  const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);\n  // When the first item should be focused but the collection hasn't mounted yet,\n  // defer it by threading autoFocus through collectionProps so the collection\n  // focuses on mount (mirrors upstream's autoFocusOnMount state).\n  const [autoFocusOnMount, setAutoFocusOnMount] = createSignal(false);\n  let lastInputType = \"\";\n\n  // Reverse-focus (collection → input aria-activedescendant) bookkeeping, mirroring\n  // useAutocomplete's queuedActiveDescendant / delayNextActiveDescendant / timeout\n  // refs. `queuedActiveDescendant` is the id of the option the collection has\n  // virtually focused — tracked synchronously on every collection `focusin`, even\n  // while the visible aria-activedescendant reflection is deferred, so key\n  // navigation always dispatches to the right item. When typing forward,\n  // `delayNextActiveDescendant` defers the next reflection behind a 500ms timeout so\n  // a screen reader finishes announcing the just-typed letter before naming the\n  // active option; every new focusin (and teardown) clears the pending timeout.\n  let queuedActiveDescendant: string | null = null;\n  let delayNextActiveDescendant = false;\n  let activeDescendantTimeout: ReturnType<typeof setTimeout> | undefined;\n  const ACTIVE_DESCENDANT_DELAY = 500;\n\n  // Track the input type for determining focus behavior. We listen to\n  // `beforeinput` (not `input`) so `lastInputType` is set before the input's\n  // `onChange` runs, mirroring @react-aria/autocomplete.\n  const handleBeforeInput = (e: Event) => {\n    const inputEvent = e as InputEvent;\n    lastInputType = inputEvent.inputType || \"\";\n  };\n\n  // Set up beforeinput event listener\n  createEffect(() => {\n    const input = inputRef();\n    if (input) {\n      input.addEventListener(\"beforeinput\", handleBeforeInput);\n      onCleanup(() => {\n        input.removeEventListener(\"beforeinput\", handleBeforeInput);\n      });\n    }\n  });\n\n  // Focus first item in collection\n  const focusFirstItem = () => {\n    // Typing forward focuses the first filtered row, but the resulting\n    // aria-activedescendant reflection must wait so the SR announces the typed\n    // letter first (see updateActiveDescendant). Mirrors useAutocomplete\n    // setting delayNextActiveDescendant.current = true before the focus event.\n    delayNextActiveDescendant = true;\n    const collection = collectionRef();\n    if (!collection) {\n      // Collection isn't mounted yet — defer focusing the first item to mount\n      // time via collectionProps.autoFocus instead of firing a focus event into\n      // a not-yet-rendered collection.\n      setAutoFocusOnMount(true);\n      return;\n    }\n    collection.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: { focusStrategy: \"first\" },\n      }),\n    );\n  };\n\n  // Clear virtual focus\n  const clearVirtualFocus = (clearFocusKey = false) => {\n    setAutoFocusOnMount(false);\n    // Drop any pending delayed reflection and the tracked item alongside the\n    // active descendant so a subsequent focusin can't resurrect a stale id\n    // (mirrors useAutocomplete clearing queuedActiveDescendant / the timeout /\n    // delayNextActiveDescendant in clearVirtualFocus).\n    clearTimeout(activeDescendantTimeout);\n    queuedActiveDescendant = null;\n    delayNextActiveDescendant = false;\n    state.setFocusedNodeId(null);\n    const collection = collectionRef();\n    if (collection) {\n      collection.dispatchEvent(\n        new CustomEvent(CLEAR_FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true,\n          detail: { clearFocusKey },\n        }),\n      );\n    }\n  };\n\n  // Handle input value changes\n  const onChange = (value: string) => {\n    // Focus first item when typing forward, clear when backspacing/pasting.\n    // IME composition (e.g. CJK input) reports 'insertCompositionText'/\n    // 'insertFromComposition' instead of 'insertText'; treat those as forward\n    // typing so the first item still gets virtual focus.\n    if (\n      (lastInputType === \"insertText\" ||\n        lastInputType === \"insertCompositionText\" ||\n        lastInputType === \"insertFromComposition\") &&\n      !disableAutoFocusFirst\n    ) {\n      focusFirstItem();\n    } else if (\n      lastInputType &&\n      (lastInputType.includes(\"insert\") ||\n        lastInputType.includes(\"delete\") ||\n        lastInputType.includes(\"history\"))\n    ) {\n      clearVirtualFocus(true);\n    }\n\n    state.setInputValue(value);\n  };\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\"isComposing\" in e && e.isComposing) {\n      return;\n    }\n\n    // Navigate against the id the collection has virtually focused, tracked\n    // synchronously on every focusin, NOT the (possibly still-delayed)\n    // aria-activedescendant reflection in state — mirrors useAutocomplete\n    // reading queuedActiveDescendant.current here. Reading state.focusedNodeId()\n    // would be null during the post-type reflection delay, so arrows would\n    // re-focus the first row instead of advancing.\n    const focusedNodeId = queuedActiveDescendant;\n    const collection = collectionRef();\n    const ownerDocument = getOwnerDocument(inputRef() ?? collection);\n\n    switch (e.key) {\n      case \"Escape\":\n        // Let the input handle Escape (e.g., clear value)\n        if (e.defaultPrevented) {\n          return;\n        }\n        break;\n\n      case \" \":\n        // Space shouldn't trigger item action\n        return;\n\n      case \"Tab\":\n        // Let Tab propagate normally for focus management\n        return;\n\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n      case \"PageUp\":\n      case \"PageDown\": {\n        // Prevent cursor movement in input\n        e.preventDefault();\n\n        // Dispatch focus event to collection\n        if (collection) {\n          collection.dispatchEvent(\n            new CustomEvent(FOCUS_EVENT, {\n              cancelable: true,\n              bubbles: true,\n            }),\n          );\n        }\n        break;\n      }\n\n      case \"ArrowLeft\":\n      case \"ArrowRight\":\n        // With no virtual focus, just let the arrow move the text cursor; stop\n        // propagation so it doesn't leak into the collection. With virtual focus,\n        // fall through to dispatch the key to the focused item below, then clear\n        // the active descendant only after the item has seen it.\n        if (!focusedNodeId) {\n          e.stopPropagation();\n          return;\n        }\n        break;\n\n      case \"Enter\":\n        // Trigger click on focused item\n        if (focusedNodeId) {\n          const item = ownerDocument?.getElementById(focusedNodeId);\n          if (item) {\n            item.click();\n            e.preventDefault();\n          }\n        }\n        return;\n    }\n\n    // Forward keyboard events to the focused item (or the collection when there\n    // is no virtual focus) so the collection can act on them, e.g. onAction.\n    // Gated only on the collection existing — NOT on e.defaultPrevented: arrows\n    // call preventDefault above to stop the input's text cursor moving, but the\n    // key must still be re-dispatched to the row so navigation advances (mirrors\n    // useAutocomplete forwarding whenever collectionRef.current !== null).\n    if (collection) {\n      e.stopPropagation();\n\n      let shouldPerformDefaultAction = true;\n      if (focusedNodeId) {\n        const item = ownerDocument?.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction = item.dispatchEvent(\n            new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n          );\n        }\n      } else {\n        shouldPerformDefaultAction = collection.dispatchEvent(\n          new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n        );\n      }\n\n      // After the focused item has seen ArrowLeft/ArrowRight, clear the active\n      // descendant so SR announcements aren't interrupted, but retain the\n      // collection's focused key so navigation restarts where it left off. If\n      // the item consumed the key (e.g. an expandable row collapsing), it\n      // cancels the event and we keep virtual focus.\n      if (shouldPerformDefaultAction && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n        clearVirtualFocus();\n      }\n    }\n  };\n\n  // Handle focus events\n  const onFocus = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n\n    // Restore virtual focus when refocusing input\n    const focusedNodeId = state.focusedNodeId();\n    if (focusedNodeId) {\n      const item = document.getElementById(focusedNodeId);\n      if (item) {\n        // Item still exists, keep focus on it\n      }\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n    // Virtual focus blur handling would go here\n  };\n\n  // Reverse path: mirror the collection's virtually-focused option into the\n  // input's aria-activedescendant. The collection dispatches a synthetic,\n  // bubbling `focusin` (via moveVirtualFocus) on its focused option; we read the\n  // target id, track it in `queuedActiveDescendant` synchronously (so key nav\n  // always dispatches to the right item), and reflect it into AutocompleteState\n  // — immediately, or, when `delayNextActiveDescendant` was set by forward\n  // typing, behind a 500ms timeout so the SR finishes announcing the typed\n  // letter before naming the active option. Faithful port of useAutocomplete's\n  // updateActiveDescendantEvent.\n  const updateActiveDescendant = (e: Event) => {\n    const input = inputRef();\n    // If the user clicks/taps an option directly (non-touch), pull real focus\n    // back to the input so typing keeps working.\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus() &&\n      input &&\n      getActiveElement(getOwnerDocument(input)) !== input &&\n      getPointerType() !== \"touch\"\n    ) {\n      input.focus();\n    }\n\n    const target = getEventTarget<Element>(e);\n    if (e.isTrusted || !target || queuedActiveDescendant === target.id) {\n      return;\n    }\n\n    const collection = collectionRef();\n    // A new focusin supersedes any pending delayed reflection.\n    clearTimeout(activeDescendantTimeout);\n    if (target !== collection) {\n      const targetId = target.id;\n      if (delayNextActiveDescendant) {\n        // Forward typing just focused the first row: track it now, but defer the\n        // aria-activedescendant reflection so the just-typed letter is announced\n        // before the active option.\n        queuedActiveDescendant = targetId;\n        activeDescendantTimeout = setTimeout(() => {\n          state.setFocusedNodeId(targetId);\n        }, ACTIVE_DESCENDANT_DELAY);\n      } else {\n        queuedActiveDescendant = targetId;\n        state.setFocusedNodeId(targetId);\n      }\n    } else if (\n      queuedActiveDescendant &&\n      !getOwnerDocument(collection)?.getElementById(queuedActiveDescendant)\n    ) {\n      // Refocus of the collection itself while the previously focused node no\n      // longer exists (filtered away, or the input was refocused): clear the\n      // tracked item and the active descendant.\n      queuedActiveDescendant = null;\n      state.setFocusedNodeId(null);\n    }\n    // Reflection delay is a one-shot; the next focusin reflects immediately\n    // unless forward typing sets the flag again.\n    delayNextActiveDescendant = false;\n  };\n\n  createEffect(() => {\n    if (!shouldUseVirtualFocus()) return;\n    const collection = collectionRef();\n    if (collection) {\n      collection.addEventListener(\"focusin\", updateActiveDescendant);\n      onCleanup(() => {\n        collection.removeEventListener(\"focusin\", updateActiveDescendant);\n        clearTimeout(activeDescendantTimeout);\n      });\n    }\n  });\n\n  // Create filter function. The user's 3-arg predicate (textValue, inputValue,\n  // node) is closed over the current input value and exposed to the collection\n  // as the 2-arg (nodeTextValue, node) shape that UNSTABLE_useFilteredListState\n  // (createFilteredListState) expects.\n  const filterFn = filter\n    ? (nodeTextValue: string, node: CollectionNode<T>) =>\n        filter(nodeTextValue, state.inputValue(), node)\n    : undefined;\n\n  return {\n    inputProps: {\n      value: state.inputValue,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      get \"aria-activedescendant\"() {\n        return () => (shouldUseVirtualFocus() ? (state.focusedNodeId() ?? undefined) : undefined);\n      },\n      \"aria-controls\": collectionId,\n      \"aria-autocomplete\": \"list\",\n      enterKeyHint: \"go\",\n      autoCorrect: \"off\",\n      spellCheck: \"false\",\n      autoComplete: \"off\",\n    },\n    collectionProps: {\n      id: collectionId,\n      \"aria-label\": collectionAriaLabel,\n      shouldUseVirtualFocus: shouldUseVirtualFocus(),\n      disallowTypeAhead: shouldUseVirtualFocus(),\n      get autoFocus() {\n        return autoFocusOnMount() ? \"first\" : false;\n      },\n    },\n    filter: filterFn,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"autocomplete.js","names":["inputEvent"],"sources":["../../src/autocomplete/createAutocomplete.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/autocomplete/useAutocomplete.ts\n\n/**\n * createAutocomplete - Accessibility hook for autocomplete components\n *\n * Provides keyboard navigation, virtual focus via aria-activedescendant,\n * and filtering capabilities for autocomplete inputs.\n *\n * Based on @react-aria/autocomplete useAutocomplete.\n */\n\nimport { createSignal, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport { createId, getOwnerDocument } from \"../ssr\";\nimport { type AutocompleteState, type CollectionNode } from \"@proyecto-viviana/solid-stately\";\nimport { FOCUS_EVENT, CLEAR_FOCUS_EVENT } from \"../selection/constants\";\nimport { getActiveElement, getEventTarget } from \"../utils/dom\";\nimport { getPointerType } from \"../interactions\";\n\nexport interface CollectionOptions {\n  /** The id of the collection element. */\n  id?: string;\n  /** Accessible label for the collection. */\n  \"aria-label\"?: string;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n  /** Whether and where to focus an item when the collection mounts. */\n  autoFocus?: boolean | \"first\" | \"last\";\n}\n\nexport interface AutocompleteInputProps {\n  /** Current input value. */\n  value: Accessor<string>;\n  /** Handler for input value changes. */\n  onChange: (value: string) => void;\n  /** Handler for key events. */\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** Handler for focus events. */\n  onFocus: (e: FocusEvent) => void;\n  /** Handler for blur events. */\n  onBlur: (e: FocusEvent) => void;\n  /** The id of the currently focused item for aria-activedescendant. */\n  \"aria-activedescendant\": Accessor<string | undefined>;\n  /** The id of the controlled collection. */\n  \"aria-controls\": string;\n  /** Autocomplete type. */\n  \"aria-autocomplete\": \"list\" | \"none\" | \"inline\" | \"both\";\n  /** Enter key hint for mobile keyboards. */\n  enterKeyHint: \"go\";\n  /** Disable autocorrect. */\n  autoCorrect: \"off\";\n  /** Disable spell check. */\n  spellCheck: \"false\";\n  /** Disable browser autocomplete. */\n  autoComplete: \"off\";\n}\n\nexport interface AriaAutocompleteOptions<T = unknown> {\n  /** Ref accessor for the input element. */\n  inputRef: Accessor<HTMLInputElement | undefined>;\n  /** Ref accessor for the collection element. */\n  collectionRef: Accessor<HTMLElement | undefined>;\n  /** Optional id override for the controlled collection element. */\n  collectionId?: string;\n  /** Optional accessible name for the controlled collection element. */\n  collectionAriaLabel?: string;\n  /**\n   * An optional filter function used to determine if an option should be included.\n   * @param textValue - The text value of the item\n   * @param inputValue - The current input value\n   * @param node - The collection node being filtered\n   */\n  filter?: (textValue: string, inputValue: string, node: CollectionNode<T>) => boolean;\n  /**\n   * Whether to focus the first item after filtering.\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n  /**\n   * Whether to disable virtual focus (aria-activedescendant).\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AutocompleteAria<T = unknown> {\n  /** Props for the autocomplete input element. */\n  inputProps: AutocompleteInputProps;\n  /** Props for the collection (ListBox/Menu). */\n  collectionProps: CollectionOptions;\n  /** A filter function that returns if the item should be shown. */\n  filter?: (nodeTextValue: string, node: CollectionNode<T>) => boolean;\n}\n\nfunction toKeyboardEventInit(e: KeyboardEvent): KeyboardEventInit {\n  return {\n    key: e.key,\n    code: e.code,\n    location: e.location,\n    repeat: e.repeat,\n    isComposing: e.isComposing,\n    ctrlKey: e.ctrlKey,\n    shiftKey: e.shiftKey,\n    altKey: e.altKey,\n    metaKey: e.metaKey,\n    bubbles: e.bubbles,\n    cancelable: e.cancelable,\n  };\n}\n\n// Custom event names for collection communication.\n// These are the shared @react-aria/selection constants the collection's\n// createSelectableCollection listens for (FOCUS_EVENT / CLEAR_FOCUS_EVENT);\n// the aliases below are retained for backwards-compatible re-exports.\n/** @deprecated Use {@link FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_FOCUS_EVENT = FOCUS_EVENT;\n/** @deprecated Use {@link CLEAR_FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_CLEAR_FOCUS_EVENT = CLEAR_FOCUS_EVENT;\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component.\n * An autocomplete combines a text input with a collection, allowing users to filter\n * the collection's contents to match a query.\n *\n * @example\n * ```tsx\n * const state = createAutocompleteState({ defaultInputValue: '' });\n * let inputRef, collectionRef;\n *\n * const { inputProps, collectionProps, filter } = createAutocomplete({\n *   inputRef: () => inputRef,\n *   collectionRef: () => collectionRef,\n *   filter: (textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase()),\n * }, state);\n *\n * return (\n *   <div>\n *     <input ref={inputRef} {...inputProps} />\n *     <ul ref={collectionRef} {...collectionProps}>\n *       {items.filter(item => filter?.(item.name) ?? true).map(item => (\n *         <li key={item.id}>{item.name}</li>\n *       ))}\n *     </ul>\n *   </div>\n * );\n * ```\n */\nexport function createAutocomplete<T = unknown>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState,\n): AutocompleteAria<T> {\n  const {\n    inputRef,\n    collectionRef,\n    filter,\n    collectionId: collectionIdProp,\n    collectionAriaLabel,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false,\n  } = props;\n\n  const collectionId = collectionIdProp ?? createId();\n  const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);\n  // When the first item should be focused but the collection hasn't mounted yet,\n  // defer it by threading autoFocus through collectionProps so the collection\n  // focuses on mount (mirrors upstream's autoFocusOnMount state).\n  const [autoFocusOnMount, setAutoFocusOnMount] = createSignal(false);\n  let lastInputType = \"\";\n\n  // Reverse-focus (collection → input aria-activedescendant) bookkeeping, mirroring\n  // useAutocomplete's queuedActiveDescendant / delayNextActiveDescendant / timeout\n  // refs. `queuedActiveDescendant` is the id of the option the collection has\n  // virtually focused — tracked synchronously on every collection `focusin`, even\n  // while the visible aria-activedescendant reflection is deferred, so key\n  // navigation always dispatches to the right item. When typing forward,\n  // `delayNextActiveDescendant` defers the next reflection behind a 500ms timeout so\n  // a screen reader finishes announcing the just-typed letter before naming the\n  // active option; every new focusin (and teardown) clears the pending timeout.\n  let queuedActiveDescendant: string | null = null;\n  let delayNextActiveDescendant = false;\n  let activeDescendantTimeout: ReturnType<typeof setTimeout> | undefined;\n  const ACTIVE_DESCENDANT_DELAY = 500;\n\n  // Track the input type for determining focus behavior. We listen to\n  // `beforeinput` (not `input`) so `lastInputType` is set before the input's\n  // `onChange` runs, mirroring @react-aria/autocomplete.\n  const handleBeforeInput = (e: Event) => {\n    const inputEvent = e as InputEvent;\n    lastInputType = inputEvent.inputType || \"\";\n  };\n\n  // Set up beforeinput event listener\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const input = inputRef();\n    if (input) {\n      input.addEventListener(\"beforeinput\", handleBeforeInput);\n      _s2Cleanups.push(() => {\n        input.removeEventListener(\"beforeinput\", handleBeforeInput);\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Focus first item in collection\n  const focusFirstItem = () => {\n    // Typing forward focuses the first filtered row, but the resulting\n    // aria-activedescendant reflection must wait so the SR announces the typed\n    // letter first (see updateActiveDescendant). Mirrors useAutocomplete\n    // setting delayNextActiveDescendant.current = true before the focus event.\n    delayNextActiveDescendant = true;\n    const collection = collectionRef();\n    if (!collection) {\n      // Collection isn't mounted yet — defer focusing the first item to mount\n      // time via collectionProps.autoFocus instead of firing a focus event into\n      // a not-yet-rendered collection.\n      setAutoFocusOnMount(true);\n      return;\n    }\n    collection.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: { focusStrategy: \"first\" },\n      }),\n    );\n  };\n\n  // Clear virtual focus\n  const clearVirtualFocus = (clearFocusKey = false) => {\n    setAutoFocusOnMount(false);\n    // Drop any pending delayed reflection and the tracked item alongside the\n    // active descendant so a subsequent focusin can't resurrect a stale id\n    // (mirrors useAutocomplete clearing queuedActiveDescendant / the timeout /\n    // delayNextActiveDescendant in clearVirtualFocus).\n    clearTimeout(activeDescendantTimeout);\n    queuedActiveDescendant = null;\n    delayNextActiveDescendant = false;\n    state.setFocusedNodeId(null);\n    const collection = collectionRef();\n    if (collection) {\n      collection.dispatchEvent(\n        new CustomEvent(CLEAR_FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true,\n          detail: { clearFocusKey },\n        }),\n      );\n    }\n  };\n\n  // Handle input value changes\n  const onChange = (value: string) => {\n    // Focus first item when typing forward, clear when backspacing/pasting.\n    // IME composition (e.g. CJK input) reports 'insertCompositionText'/\n    // 'insertFromComposition' instead of 'insertText'; treat those as forward\n    // typing so the first item still gets virtual focus.\n    if (\n      (lastInputType === \"insertText\" ||\n        lastInputType === \"insertCompositionText\" ||\n        lastInputType === \"insertFromComposition\") &&\n      !disableAutoFocusFirst\n    ) {\n      focusFirstItem();\n    } else if (\n      lastInputType &&\n      (lastInputType.includes(\"insert\") ||\n        lastInputType.includes(\"delete\") ||\n        lastInputType.includes(\"history\"))\n    ) {\n      clearVirtualFocus(true);\n    }\n\n    state.setInputValue(value);\n  };\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\"isComposing\" in e && e.isComposing) {\n      return;\n    }\n\n    // Navigate against the id the collection has virtually focused, tracked\n    // synchronously on every focusin, NOT the (possibly still-delayed)\n    // aria-activedescendant reflection in state — mirrors useAutocomplete\n    // reading queuedActiveDescendant.current here. Reading state.focusedNodeId()\n    // would be null during the post-type reflection delay, so arrows would\n    // re-focus the first row instead of advancing.\n    const focusedNodeId = queuedActiveDescendant;\n    const collection = collectionRef();\n    const ownerDocument = getOwnerDocument(inputRef() ?? collection);\n\n    switch (e.key) {\n      case \"Escape\":\n        // Let the input handle Escape (e.g., clear value)\n        if (e.defaultPrevented) {\n          return;\n        }\n        break;\n\n      case \" \":\n        // Space shouldn't trigger item action\n        return;\n\n      case \"Tab\":\n        // Let Tab propagate normally for focus management\n        return;\n\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n      case \"PageUp\":\n      case \"PageDown\": {\n        // Prevent cursor movement in input\n        e.preventDefault();\n\n        // Dispatch focus event to collection\n        if (collection) {\n          collection.dispatchEvent(\n            new CustomEvent(FOCUS_EVENT, {\n              cancelable: true,\n              bubbles: true,\n            }),\n          );\n        }\n        break;\n      }\n\n      case \"ArrowLeft\":\n      case \"ArrowRight\":\n        // With no virtual focus, just let the arrow move the text cursor; stop\n        // propagation so it doesn't leak into the collection. With virtual focus,\n        // fall through to dispatch the key to the focused item below, then clear\n        // the active descendant only after the item has seen it.\n        if (!focusedNodeId) {\n          e.stopPropagation();\n          return;\n        }\n        break;\n\n      case \"Enter\":\n        // Trigger click on focused item\n        if (focusedNodeId) {\n          const item = ownerDocument?.getElementById(focusedNodeId);\n          if (item) {\n            item.click();\n            e.preventDefault();\n          }\n        }\n        return;\n    }\n\n    // Forward keyboard events to the focused item (or the collection when there\n    // is no virtual focus) so the collection can act on them, e.g. onAction.\n    // Gated only on the collection existing — NOT on e.defaultPrevented: arrows\n    // call preventDefault above to stop the input's text cursor moving, but the\n    // key must still be re-dispatched to the row so navigation advances (mirrors\n    // useAutocomplete forwarding whenever collectionRef.current !== null).\n    if (collection) {\n      e.stopPropagation();\n\n      let shouldPerformDefaultAction = true;\n      if (focusedNodeId) {\n        const item = ownerDocument?.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction = item.dispatchEvent(\n            new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n          );\n        }\n      } else {\n        shouldPerformDefaultAction = collection.dispatchEvent(\n          new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n        );\n      }\n\n      // After the focused item has seen ArrowLeft/ArrowRight, clear the active\n      // descendant so SR announcements aren't interrupted, but retain the\n      // collection's focused key so navigation restarts where it left off. If\n      // the item consumed the key (e.g. an expandable row collapsing), it\n      // cancels the event and we keep virtual focus.\n      if (shouldPerformDefaultAction && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n        clearVirtualFocus();\n      }\n    }\n  };\n\n  // Handle focus events\n  const onFocus = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n\n    // Restore virtual focus when refocusing input\n    const focusedNodeId = state.focusedNodeId();\n    if (focusedNodeId) {\n      const item = document.getElementById(focusedNodeId);\n      if (item) {\n        // Item still exists, keep focus on it\n      }\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n    // Virtual focus blur handling would go here\n  };\n\n  // Reverse path: mirror the collection's virtually-focused option into the\n  // input's aria-activedescendant. The collection dispatches a synthetic,\n  // bubbling `focusin` (via moveVirtualFocus) on its focused option; we read the\n  // target id, track it in `queuedActiveDescendant` synchronously (so key nav\n  // always dispatches to the right item), and reflect it into AutocompleteState\n  // — immediately, or, when `delayNextActiveDescendant` was set by forward\n  // typing, behind a 500ms timeout so the SR finishes announcing the typed\n  // letter before naming the active option. Faithful port of useAutocomplete's\n  // updateActiveDescendantEvent.\n  const updateActiveDescendant = (e: Event) => {\n    const input = inputRef();\n    // If the user clicks/taps an option directly (non-touch), pull real focus\n    // back to the input so typing keeps working.\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus() &&\n      input &&\n      getActiveElement(getOwnerDocument(input)) !== input &&\n      getPointerType() !== \"touch\"\n    ) {\n      input.focus();\n    }\n\n    const target = getEventTarget<Element>(e);\n    if (e.isTrusted || !target || queuedActiveDescendant === target.id) {\n      return;\n    }\n\n    const collection = collectionRef();\n    // A new focusin supersedes any pending delayed reflection.\n    clearTimeout(activeDescendantTimeout);\n    if (target !== collection) {\n      const targetId = target.id;\n      if (delayNextActiveDescendant) {\n        // Forward typing just focused the first row: track it now, but defer the\n        // aria-activedescendant reflection so the just-typed letter is announced\n        // before the active option.\n        queuedActiveDescendant = targetId;\n        activeDescendantTimeout = setTimeout(() => {\n          state.setFocusedNodeId(targetId);\n        }, ACTIVE_DESCENDANT_DELAY);\n      } else {\n        queuedActiveDescendant = targetId;\n        state.setFocusedNodeId(targetId);\n      }\n    } else if (\n      queuedActiveDescendant &&\n      !getOwnerDocument(collection)?.getElementById(queuedActiveDescendant)\n    ) {\n      // Refocus of the collection itself while the previously focused node no\n      // longer exists (filtered away, or the input was refocused): clear the\n      // tracked item and the active descendant.\n      queuedActiveDescendant = null;\n      state.setFocusedNodeId(null);\n    }\n    // Reflection delay is a one-shot; the next focusin reflects immediately\n    // unless forward typing sets the flag again.\n    delayNextActiveDescendant = false;\n  };\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (!shouldUseVirtualFocus()) return;\n    const collection = collectionRef();\n    if (collection) {\n      collection.addEventListener(\"focusin\", updateActiveDescendant);\n      _s2Cleanups.push(() => {\n        collection.removeEventListener(\"focusin\", updateActiveDescendant);\n        clearTimeout(activeDescendantTimeout);\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Create filter function. The user's 3-arg predicate (textValue, inputValue,\n  // node) is closed over the current input value and exposed to the collection\n  // as the 2-arg (nodeTextValue, node) shape that UNSTABLE_useFilteredListState\n  // (createFilteredListState) expects.\n  const filterFn = filter\n    ? (nodeTextValue: string, node: CollectionNode<T>) =>\n        filter(nodeTextValue, state.inputValue(), node)\n    : undefined;\n\n  return {\n    inputProps: {\n      value: state.inputValue,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      get \"aria-activedescendant\"() {\n        return () => (shouldUseVirtualFocus() ? (state.focusedNodeId() ?? undefined) : undefined);\n      },\n      \"aria-controls\": collectionId,\n      \"aria-autocomplete\": \"list\",\n      enterKeyHint: \"go\",\n      autoCorrect: \"off\",\n      spellCheck: \"false\",\n      autoComplete: \"off\",\n    },\n    collectionProps: {\n      id: collectionId,\n      \"aria-label\": collectionAriaLabel,\n      shouldUseVirtualFocus: shouldUseVirtualFocus(),\n      disallowTypeAhead: shouldUseVirtualFocus(),\n      get autoFocus() {\n        return autoFocusOnMount() ? \"first\" : false;\n      },\n    },\n    filter: filterFn,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/autocomplete.jsx

@@ -1,8 +1,19 @@
-import { a as getEventTarget, i as getActiveElement } from "./focus.jsx";
-import { s as getPointerType } from "./createInteractionModality.jsx";
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/autocomplete/useAutocomplete.ts
+import { P as getPointerType, n as getActiveElement, r as getEventTarget } from "./dom.jsx";
 import { createId, getOwnerDocument } from "../ssr/index.jsx";
 import { n as FOCUS_EVENT, t as CLEAR_FOCUS_EVENT } from "./constants.jsx";
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import { createSignal, createTrackedEffect } from "solid-js";
 //#region src/autocomplete/createAutocomplete.ts
 /**
 * createAutocomplete - Accessibility hook for autocomplete components
@@ -73,14 +84,18 @@ function createAutocomplete(props, state) {
 	const handleBeforeInput = (e) => {
 		lastInputType = e.inputType || "";
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const input = inputRef();
 		if (input) {
 			input.addEventListener("beforeinput", handleBeforeInput);
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				input.removeEventListener("beforeinput", handleBeforeInput);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const focusFirstItem = () => {
 		delayNextActiveDescendant = true;
@@ -197,16 +212,20 @@ function createAutocomplete(props, state) {
 		}
 		delayNextActiveDescendant = false;
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (!shouldUseVirtualFocus()) return;
 		const collection = collectionRef();
 		if (collection) {
 			collection.addEventListener("focusin", updateActiveDescendant);
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				collection.removeEventListener("focusin", updateActiveDescendant);
 				clearTimeout(activeDescendantTimeout);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const filterFn = filter ? (nodeTextValue, node) => filter(nodeTextValue, state.inputValue(), node) : void 0;
 	return {

package/dist/_chunk/autocomplete.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.jsx","names":["inputEvent"],"sources":["../../src/autocomplete/createAutocomplete.ts"],"sourcesContent":["/**\n * createAutocomplete - Accessibility hook for autocomplete components\n *\n * Provides keyboard navigation, virtual focus via aria-activedescendant,\n * and filtering capabilities for autocomplete inputs.\n *\n * Based on @react-aria/autocomplete useAutocomplete.\n */\n\nimport { createSignal, createEffect, onCleanup, type Accessor } from \"solid-js\";\nimport { createId, getOwnerDocument } from \"../ssr\";\nimport { type AutocompleteState, type CollectionNode } from \"@proyecto-viviana/solid-stately\";\nimport { FOCUS_EVENT, CLEAR_FOCUS_EVENT } from \"../selection/constants\";\nimport { getActiveElement, getEventTarget } from \"../utils/dom\";\nimport { getPointerType } from \"../interactions\";\n\nexport interface CollectionOptions {\n  /** The id of the collection element. */\n  id?: string;\n  /** Accessible label for the collection. */\n  \"aria-label\"?: string;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n  /** Whether and where to focus an item when the collection mounts. */\n  autoFocus?: boolean | \"first\" | \"last\";\n}\n\nexport interface AutocompleteInputProps {\n  /** Current input value. */\n  value: Accessor<string>;\n  /** Handler for input value changes. */\n  onChange: (value: string) => void;\n  /** Handler for key events. */\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** Handler for focus events. */\n  onFocus: (e: FocusEvent) => void;\n  /** Handler for blur events. */\n  onBlur: (e: FocusEvent) => void;\n  /** The id of the currently focused item for aria-activedescendant. */\n  \"aria-activedescendant\": Accessor<string | undefined>;\n  /** The id of the controlled collection. */\n  \"aria-controls\": string;\n  /** Autocomplete type. */\n  \"aria-autocomplete\": \"list\" | \"none\" | \"inline\" | \"both\";\n  /** Enter key hint for mobile keyboards. */\n  enterKeyHint: \"go\";\n  /** Disable autocorrect. */\n  autoCorrect: \"off\";\n  /** Disable spell check. */\n  spellCheck: \"false\";\n  /** Disable browser autocomplete. */\n  autoComplete: \"off\";\n}\n\nexport interface AriaAutocompleteOptions<T = unknown> {\n  /** Ref accessor for the input element. */\n  inputRef: Accessor<HTMLInputElement | undefined>;\n  /** Ref accessor for the collection element. */\n  collectionRef: Accessor<HTMLElement | undefined>;\n  /** Optional id override for the controlled collection element. */\n  collectionId?: string;\n  /** Optional accessible name for the controlled collection element. */\n  collectionAriaLabel?: string;\n  /**\n   * An optional filter function used to determine if an option should be included.\n   * @param textValue - The text value of the item\n   * @param inputValue - The current input value\n   * @param node - The collection node being filtered\n   */\n  filter?: (textValue: string, inputValue: string, node: CollectionNode<T>) => boolean;\n  /**\n   * Whether to focus the first item after filtering.\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n  /**\n   * Whether to disable virtual focus (aria-activedescendant).\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AutocompleteAria<T = unknown> {\n  /** Props for the autocomplete input element. */\n  inputProps: AutocompleteInputProps;\n  /** Props for the collection (ListBox/Menu). */\n  collectionProps: CollectionOptions;\n  /** A filter function that returns if the item should be shown. */\n  filter?: (nodeTextValue: string, node: CollectionNode<T>) => boolean;\n}\n\nfunction toKeyboardEventInit(e: KeyboardEvent): KeyboardEventInit {\n  return {\n    key: e.key,\n    code: e.code,\n    location: e.location,\n    repeat: e.repeat,\n    isComposing: e.isComposing,\n    ctrlKey: e.ctrlKey,\n    shiftKey: e.shiftKey,\n    altKey: e.altKey,\n    metaKey: e.metaKey,\n    bubbles: e.bubbles,\n    cancelable: e.cancelable,\n  };\n}\n\n// Custom event names for collection communication.\n// These are the shared @react-aria/selection constants the collection's\n// createSelectableCollection listens for (FOCUS_EVENT / CLEAR_FOCUS_EVENT);\n// the aliases below are retained for backwards-compatible re-exports.\n/** @deprecated Use {@link FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_FOCUS_EVENT = FOCUS_EVENT;\n/** @deprecated Use {@link CLEAR_FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_CLEAR_FOCUS_EVENT = CLEAR_FOCUS_EVENT;\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component.\n * An autocomplete combines a text input with a collection, allowing users to filter\n * the collection's contents to match a query.\n *\n * @example\n * ```tsx\n * const state = createAutocompleteState({ defaultInputValue: '' });\n * let inputRef, collectionRef;\n *\n * const { inputProps, collectionProps, filter } = createAutocomplete({\n *   inputRef: () => inputRef,\n *   collectionRef: () => collectionRef,\n *   filter: (textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase()),\n * }, state);\n *\n * return (\n *   <div>\n *     <input ref={inputRef} {...inputProps} />\n *     <ul ref={collectionRef} {...collectionProps}>\n *       {items.filter(item => filter?.(item.name) ?? true).map(item => (\n *         <li key={item.id}>{item.name}</li>\n *       ))}\n *     </ul>\n *   </div>\n * );\n * ```\n */\nexport function createAutocomplete<T = unknown>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState,\n): AutocompleteAria<T> {\n  const {\n    inputRef,\n    collectionRef,\n    filter,\n    collectionId: collectionIdProp,\n    collectionAriaLabel,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false,\n  } = props;\n\n  const collectionId = collectionIdProp ?? createId();\n  const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);\n  // When the first item should be focused but the collection hasn't mounted yet,\n  // defer it by threading autoFocus through collectionProps so the collection\n  // focuses on mount (mirrors upstream's autoFocusOnMount state).\n  const [autoFocusOnMount, setAutoFocusOnMount] = createSignal(false);\n  let lastInputType = \"\";\n\n  // Reverse-focus (collection → input aria-activedescendant) bookkeeping, mirroring\n  // useAutocomplete's queuedActiveDescendant / delayNextActiveDescendant / timeout\n  // refs. `queuedActiveDescendant` is the id of the option the collection has\n  // virtually focused — tracked synchronously on every collection `focusin`, even\n  // while the visible aria-activedescendant reflection is deferred, so key\n  // navigation always dispatches to the right item. When typing forward,\n  // `delayNextActiveDescendant` defers the next reflection behind a 500ms timeout so\n  // a screen reader finishes announcing the just-typed letter before naming the\n  // active option; every new focusin (and teardown) clears the pending timeout.\n  let queuedActiveDescendant: string | null = null;\n  let delayNextActiveDescendant = false;\n  let activeDescendantTimeout: ReturnType<typeof setTimeout> | undefined;\n  const ACTIVE_DESCENDANT_DELAY = 500;\n\n  // Track the input type for determining focus behavior. We listen to\n  // `beforeinput` (not `input`) so `lastInputType` is set before the input's\n  // `onChange` runs, mirroring @react-aria/autocomplete.\n  const handleBeforeInput = (e: Event) => {\n    const inputEvent = e as InputEvent;\n    lastInputType = inputEvent.inputType || \"\";\n  };\n\n  // Set up beforeinput event listener\n  createEffect(() => {\n    const input = inputRef();\n    if (input) {\n      input.addEventListener(\"beforeinput\", handleBeforeInput);\n      onCleanup(() => {\n        input.removeEventListener(\"beforeinput\", handleBeforeInput);\n      });\n    }\n  });\n\n  // Focus first item in collection\n  const focusFirstItem = () => {\n    // Typing forward focuses the first filtered row, but the resulting\n    // aria-activedescendant reflection must wait so the SR announces the typed\n    // letter first (see updateActiveDescendant). Mirrors useAutocomplete\n    // setting delayNextActiveDescendant.current = true before the focus event.\n    delayNextActiveDescendant = true;\n    const collection = collectionRef();\n    if (!collection) {\n      // Collection isn't mounted yet — defer focusing the first item to mount\n      // time via collectionProps.autoFocus instead of firing a focus event into\n      // a not-yet-rendered collection.\n      setAutoFocusOnMount(true);\n      return;\n    }\n    collection.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: { focusStrategy: \"first\" },\n      }),\n    );\n  };\n\n  // Clear virtual focus\n  const clearVirtualFocus = (clearFocusKey = false) => {\n    setAutoFocusOnMount(false);\n    // Drop any pending delayed reflection and the tracked item alongside the\n    // active descendant so a subsequent focusin can't resurrect a stale id\n    // (mirrors useAutocomplete clearing queuedActiveDescendant / the timeout /\n    // delayNextActiveDescendant in clearVirtualFocus).\n    clearTimeout(activeDescendantTimeout);\n    queuedActiveDescendant = null;\n    delayNextActiveDescendant = false;\n    state.setFocusedNodeId(null);\n    const collection = collectionRef();\n    if (collection) {\n      collection.dispatchEvent(\n        new CustomEvent(CLEAR_FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true,\n          detail: { clearFocusKey },\n        }),\n      );\n    }\n  };\n\n  // Handle input value changes\n  const onChange = (value: string) => {\n    // Focus first item when typing forward, clear when backspacing/pasting.\n    // IME composition (e.g. CJK input) reports 'insertCompositionText'/\n    // 'insertFromComposition' instead of 'insertText'; treat those as forward\n    // typing so the first item still gets virtual focus.\n    if (\n      (lastInputType === \"insertText\" ||\n        lastInputType === \"insertCompositionText\" ||\n        lastInputType === \"insertFromComposition\") &&\n      !disableAutoFocusFirst\n    ) {\n      focusFirstItem();\n    } else if (\n      lastInputType &&\n      (lastInputType.includes(\"insert\") ||\n        lastInputType.includes(\"delete\") ||\n        lastInputType.includes(\"history\"))\n    ) {\n      clearVirtualFocus(true);\n    }\n\n    state.setInputValue(value);\n  };\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\"isComposing\" in e && e.isComposing) {\n      return;\n    }\n\n    // Navigate against the id the collection has virtually focused, tracked\n    // synchronously on every focusin, NOT the (possibly still-delayed)\n    // aria-activedescendant reflection in state — mirrors useAutocomplete\n    // reading queuedActiveDescendant.current here. Reading state.focusedNodeId()\n    // would be null during the post-type reflection delay, so arrows would\n    // re-focus the first row instead of advancing.\n    const focusedNodeId = queuedActiveDescendant;\n    const collection = collectionRef();\n    const ownerDocument = getOwnerDocument(inputRef() ?? collection);\n\n    switch (e.key) {\n      case \"Escape\":\n        // Let the input handle Escape (e.g., clear value)\n        if (e.defaultPrevented) {\n          return;\n        }\n        break;\n\n      case \" \":\n        // Space shouldn't trigger item action\n        return;\n\n      case \"Tab\":\n        // Let Tab propagate normally for focus management\n        return;\n\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n      case \"PageUp\":\n      case \"PageDown\": {\n        // Prevent cursor movement in input\n        e.preventDefault();\n\n        // Dispatch focus event to collection\n        if (collection) {\n          collection.dispatchEvent(\n            new CustomEvent(FOCUS_EVENT, {\n              cancelable: true,\n              bubbles: true,\n            }),\n          );\n        }\n        break;\n      }\n\n      case \"ArrowLeft\":\n      case \"ArrowRight\":\n        // With no virtual focus, just let the arrow move the text cursor; stop\n        // propagation so it doesn't leak into the collection. With virtual focus,\n        // fall through to dispatch the key to the focused item below, then clear\n        // the active descendant only after the item has seen it.\n        if (!focusedNodeId) {\n          e.stopPropagation();\n          return;\n        }\n        break;\n\n      case \"Enter\":\n        // Trigger click on focused item\n        if (focusedNodeId) {\n          const item = ownerDocument?.getElementById(focusedNodeId);\n          if (item) {\n            item.click();\n            e.preventDefault();\n          }\n        }\n        return;\n    }\n\n    // Forward keyboard events to the focused item (or the collection when there\n    // is no virtual focus) so the collection can act on them, e.g. onAction.\n    // Gated only on the collection existing — NOT on e.defaultPrevented: arrows\n    // call preventDefault above to stop the input's text cursor moving, but the\n    // key must still be re-dispatched to the row so navigation advances (mirrors\n    // useAutocomplete forwarding whenever collectionRef.current !== null).\n    if (collection) {\n      e.stopPropagation();\n\n      let shouldPerformDefaultAction = true;\n      if (focusedNodeId) {\n        const item = ownerDocument?.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction = item.dispatchEvent(\n            new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n          );\n        }\n      } else {\n        shouldPerformDefaultAction = collection.dispatchEvent(\n          new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n        );\n      }\n\n      // After the focused item has seen ArrowLeft/ArrowRight, clear the active\n      // descendant so SR announcements aren't interrupted, but retain the\n      // collection's focused key so navigation restarts where it left off. If\n      // the item consumed the key (e.g. an expandable row collapsing), it\n      // cancels the event and we keep virtual focus.\n      if (shouldPerformDefaultAction && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n        clearVirtualFocus();\n      }\n    }\n  };\n\n  // Handle focus events\n  const onFocus = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n\n    // Restore virtual focus when refocusing input\n    const focusedNodeId = state.focusedNodeId();\n    if (focusedNodeId) {\n      const item = document.getElementById(focusedNodeId);\n      if (item) {\n        // Item still exists, keep focus on it\n      }\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n    // Virtual focus blur handling would go here\n  };\n\n  // Reverse path: mirror the collection's virtually-focused option into the\n  // input's aria-activedescendant. The collection dispatches a synthetic,\n  // bubbling `focusin` (via moveVirtualFocus) on its focused option; we read the\n  // target id, track it in `queuedActiveDescendant` synchronously (so key nav\n  // always dispatches to the right item), and reflect it into AutocompleteState\n  // — immediately, or, when `delayNextActiveDescendant` was set by forward\n  // typing, behind a 500ms timeout so the SR finishes announcing the typed\n  // letter before naming the active option. Faithful port of useAutocomplete's\n  // updateActiveDescendantEvent.\n  const updateActiveDescendant = (e: Event) => {\n    const input = inputRef();\n    // If the user clicks/taps an option directly (non-touch), pull real focus\n    // back to the input so typing keeps working.\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus() &&\n      input &&\n      getActiveElement(getOwnerDocument(input)) !== input &&\n      getPointerType() !== \"touch\"\n    ) {\n      input.focus();\n    }\n\n    const target = getEventTarget<Element>(e);\n    if (e.isTrusted || !target || queuedActiveDescendant === target.id) {\n      return;\n    }\n\n    const collection = collectionRef();\n    // A new focusin supersedes any pending delayed reflection.\n    clearTimeout(activeDescendantTimeout);\n    if (target !== collection) {\n      const targetId = target.id;\n      if (delayNextActiveDescendant) {\n        // Forward typing just focused the first row: track it now, but defer the\n        // aria-activedescendant reflection so the just-typed letter is announced\n        // before the active option.\n        queuedActiveDescendant = targetId;\n        activeDescendantTimeout = setTimeout(() => {\n          state.setFocusedNodeId(targetId);\n        }, ACTIVE_DESCENDANT_DELAY);\n      } else {\n        queuedActiveDescendant = targetId;\n        state.setFocusedNodeId(targetId);\n      }\n    } else if (\n      queuedActiveDescendant &&\n      !getOwnerDocument(collection)?.getElementById(queuedActiveDescendant)\n    ) {\n      // Refocus of the collection itself while the previously focused node no\n      // longer exists (filtered away, or the input was refocused): clear the\n      // tracked item and the active descendant.\n      queuedActiveDescendant = null;\n      state.setFocusedNodeId(null);\n    }\n    // Reflection delay is a one-shot; the next focusin reflects immediately\n    // unless forward typing sets the flag again.\n    delayNextActiveDescendant = false;\n  };\n\n  createEffect(() => {\n    if (!shouldUseVirtualFocus()) return;\n    const collection = collectionRef();\n    if (collection) {\n      collection.addEventListener(\"focusin\", updateActiveDescendant);\n      onCleanup(() => {\n        collection.removeEventListener(\"focusin\", updateActiveDescendant);\n        clearTimeout(activeDescendantTimeout);\n      });\n    }\n  });\n\n  // Create filter function. The user's 3-arg predicate (textValue, inputValue,\n  // node) is closed over the current input value and exposed to the collection\n  // as the 2-arg (nodeTextValue, node) shape that UNSTABLE_useFilteredListState\n  // (createFilteredListState) expects.\n  const filterFn = filter\n    ? (nodeTextValue: string, node: CollectionNode<T>) =>\n        filter(nodeTextValue, state.inputValue(), node)\n    : undefined;\n\n  return {\n    inputProps: {\n      value: state.inputValue,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      get \"aria-activedescendant\"() {\n        return () => (shouldUseVirtualFocus() ? (state.focusedNodeId() ?? undefined) : undefined);\n      },\n      \"aria-controls\": collectionId,\n      \"aria-autocomplete\": \"list\",\n      enterKeyHint: \"go\",\n      autoCorrect: \"off\",\n      spellCheck: \"false\",\n      autoComplete: \"off\",\n    },\n    collectionProps: {\n      id: collectionId,\n      \"aria-label\": collectionAriaLabel,\n      shouldUseVirtualFocus: shouldUseVirtualFocus(),\n      disallowTypeAhead: shouldUseVirtualFocus(),\n      get autoFocus() {\n        return autoFocusOnMount() ? \"first\" : false;\n      },\n    },\n    filter: filterFn,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"autocomplete.jsx","names":["inputEvent"],"sources":["../../src/autocomplete/createAutocomplete.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/autocomplete/useAutocomplete.ts\n\n/**\n * createAutocomplete - Accessibility hook for autocomplete components\n *\n * Provides keyboard navigation, virtual focus via aria-activedescendant,\n * and filtering capabilities for autocomplete inputs.\n *\n * Based on @react-aria/autocomplete useAutocomplete.\n */\n\nimport { createSignal, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport { createId, getOwnerDocument } from \"../ssr\";\nimport { type AutocompleteState, type CollectionNode } from \"@proyecto-viviana/solid-stately\";\nimport { FOCUS_EVENT, CLEAR_FOCUS_EVENT } from \"../selection/constants\";\nimport { getActiveElement, getEventTarget } from \"../utils/dom\";\nimport { getPointerType } from \"../interactions\";\n\nexport interface CollectionOptions {\n  /** The id of the collection element. */\n  id?: string;\n  /** Accessible label for the collection. */\n  \"aria-label\"?: string;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n  /** Whether and where to focus an item when the collection mounts. */\n  autoFocus?: boolean | \"first\" | \"last\";\n}\n\nexport interface AutocompleteInputProps {\n  /** Current input value. */\n  value: Accessor<string>;\n  /** Handler for input value changes. */\n  onChange: (value: string) => void;\n  /** Handler for key events. */\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** Handler for focus events. */\n  onFocus: (e: FocusEvent) => void;\n  /** Handler for blur events. */\n  onBlur: (e: FocusEvent) => void;\n  /** The id of the currently focused item for aria-activedescendant. */\n  \"aria-activedescendant\": Accessor<string | undefined>;\n  /** The id of the controlled collection. */\n  \"aria-controls\": string;\n  /** Autocomplete type. */\n  \"aria-autocomplete\": \"list\" | \"none\" | \"inline\" | \"both\";\n  /** Enter key hint for mobile keyboards. */\n  enterKeyHint: \"go\";\n  /** Disable autocorrect. */\n  autoCorrect: \"off\";\n  /** Disable spell check. */\n  spellCheck: \"false\";\n  /** Disable browser autocomplete. */\n  autoComplete: \"off\";\n}\n\nexport interface AriaAutocompleteOptions<T = unknown> {\n  /** Ref accessor for the input element. */\n  inputRef: Accessor<HTMLInputElement | undefined>;\n  /** Ref accessor for the collection element. */\n  collectionRef: Accessor<HTMLElement | undefined>;\n  /** Optional id override for the controlled collection element. */\n  collectionId?: string;\n  /** Optional accessible name for the controlled collection element. */\n  collectionAriaLabel?: string;\n  /**\n   * An optional filter function used to determine if an option should be included.\n   * @param textValue - The text value of the item\n   * @param inputValue - The current input value\n   * @param node - The collection node being filtered\n   */\n  filter?: (textValue: string, inputValue: string, node: CollectionNode<T>) => boolean;\n  /**\n   * Whether to focus the first item after filtering.\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n  /**\n   * Whether to disable virtual focus (aria-activedescendant).\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AutocompleteAria<T = unknown> {\n  /** Props for the autocomplete input element. */\n  inputProps: AutocompleteInputProps;\n  /** Props for the collection (ListBox/Menu). */\n  collectionProps: CollectionOptions;\n  /** A filter function that returns if the item should be shown. */\n  filter?: (nodeTextValue: string, node: CollectionNode<T>) => boolean;\n}\n\nfunction toKeyboardEventInit(e: KeyboardEvent): KeyboardEventInit {\n  return {\n    key: e.key,\n    code: e.code,\n    location: e.location,\n    repeat: e.repeat,\n    isComposing: e.isComposing,\n    ctrlKey: e.ctrlKey,\n    shiftKey: e.shiftKey,\n    altKey: e.altKey,\n    metaKey: e.metaKey,\n    bubbles: e.bubbles,\n    cancelable: e.cancelable,\n  };\n}\n\n// Custom event names for collection communication.\n// These are the shared @react-aria/selection constants the collection's\n// createSelectableCollection listens for (FOCUS_EVENT / CLEAR_FOCUS_EVENT);\n// the aliases below are retained for backwards-compatible re-exports.\n/** @deprecated Use {@link FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_FOCUS_EVENT = FOCUS_EVENT;\n/** @deprecated Use {@link CLEAR_FOCUS_EVENT} from the selection layer. */\nexport const AUTOCOMPLETE_CLEAR_FOCUS_EVENT = CLEAR_FOCUS_EVENT;\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component.\n * An autocomplete combines a text input with a collection, allowing users to filter\n * the collection's contents to match a query.\n *\n * @example\n * ```tsx\n * const state = createAutocompleteState({ defaultInputValue: '' });\n * let inputRef, collectionRef;\n *\n * const { inputProps, collectionProps, filter } = createAutocomplete({\n *   inputRef: () => inputRef,\n *   collectionRef: () => collectionRef,\n *   filter: (textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase()),\n * }, state);\n *\n * return (\n *   <div>\n *     <input ref={inputRef} {...inputProps} />\n *     <ul ref={collectionRef} {...collectionProps}>\n *       {items.filter(item => filter?.(item.name) ?? true).map(item => (\n *         <li key={item.id}>{item.name}</li>\n *       ))}\n *     </ul>\n *   </div>\n * );\n * ```\n */\nexport function createAutocomplete<T = unknown>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState,\n): AutocompleteAria<T> {\n  const {\n    inputRef,\n    collectionRef,\n    filter,\n    collectionId: collectionIdProp,\n    collectionAriaLabel,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false,\n  } = props;\n\n  const collectionId = collectionIdProp ?? createId();\n  const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);\n  // When the first item should be focused but the collection hasn't mounted yet,\n  // defer it by threading autoFocus through collectionProps so the collection\n  // focuses on mount (mirrors upstream's autoFocusOnMount state).\n  const [autoFocusOnMount, setAutoFocusOnMount] = createSignal(false);\n  let lastInputType = \"\";\n\n  // Reverse-focus (collection → input aria-activedescendant) bookkeeping, mirroring\n  // useAutocomplete's queuedActiveDescendant / delayNextActiveDescendant / timeout\n  // refs. `queuedActiveDescendant` is the id of the option the collection has\n  // virtually focused — tracked synchronously on every collection `focusin`, even\n  // while the visible aria-activedescendant reflection is deferred, so key\n  // navigation always dispatches to the right item. When typing forward,\n  // `delayNextActiveDescendant` defers the next reflection behind a 500ms timeout so\n  // a screen reader finishes announcing the just-typed letter before naming the\n  // active option; every new focusin (and teardown) clears the pending timeout.\n  let queuedActiveDescendant: string | null = null;\n  let delayNextActiveDescendant = false;\n  let activeDescendantTimeout: ReturnType<typeof setTimeout> | undefined;\n  const ACTIVE_DESCENDANT_DELAY = 500;\n\n  // Track the input type for determining focus behavior. We listen to\n  // `beforeinput` (not `input`) so `lastInputType` is set before the input's\n  // `onChange` runs, mirroring @react-aria/autocomplete.\n  const handleBeforeInput = (e: Event) => {\n    const inputEvent = e as InputEvent;\n    lastInputType = inputEvent.inputType || \"\";\n  };\n\n  // Set up beforeinput event listener\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const input = inputRef();\n    if (input) {\n      input.addEventListener(\"beforeinput\", handleBeforeInput);\n      _s2Cleanups.push(() => {\n        input.removeEventListener(\"beforeinput\", handleBeforeInput);\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Focus first item in collection\n  const focusFirstItem = () => {\n    // Typing forward focuses the first filtered row, but the resulting\n    // aria-activedescendant reflection must wait so the SR announces the typed\n    // letter first (see updateActiveDescendant). Mirrors useAutocomplete\n    // setting delayNextActiveDescendant.current = true before the focus event.\n    delayNextActiveDescendant = true;\n    const collection = collectionRef();\n    if (!collection) {\n      // Collection isn't mounted yet — defer focusing the first item to mount\n      // time via collectionProps.autoFocus instead of firing a focus event into\n      // a not-yet-rendered collection.\n      setAutoFocusOnMount(true);\n      return;\n    }\n    collection.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: { focusStrategy: \"first\" },\n      }),\n    );\n  };\n\n  // Clear virtual focus\n  const clearVirtualFocus = (clearFocusKey = false) => {\n    setAutoFocusOnMount(false);\n    // Drop any pending delayed reflection and the tracked item alongside the\n    // active descendant so a subsequent focusin can't resurrect a stale id\n    // (mirrors useAutocomplete clearing queuedActiveDescendant / the timeout /\n    // delayNextActiveDescendant in clearVirtualFocus).\n    clearTimeout(activeDescendantTimeout);\n    queuedActiveDescendant = null;\n    delayNextActiveDescendant = false;\n    state.setFocusedNodeId(null);\n    const collection = collectionRef();\n    if (collection) {\n      collection.dispatchEvent(\n        new CustomEvent(CLEAR_FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true,\n          detail: { clearFocusKey },\n        }),\n      );\n    }\n  };\n\n  // Handle input value changes\n  const onChange = (value: string) => {\n    // Focus first item when typing forward, clear when backspacing/pasting.\n    // IME composition (e.g. CJK input) reports 'insertCompositionText'/\n    // 'insertFromComposition' instead of 'insertText'; treat those as forward\n    // typing so the first item still gets virtual focus.\n    if (\n      (lastInputType === \"insertText\" ||\n        lastInputType === \"insertCompositionText\" ||\n        lastInputType === \"insertFromComposition\") &&\n      !disableAutoFocusFirst\n    ) {\n      focusFirstItem();\n    } else if (\n      lastInputType &&\n      (lastInputType.includes(\"insert\") ||\n        lastInputType.includes(\"delete\") ||\n        lastInputType.includes(\"history\"))\n    ) {\n      clearVirtualFocus(true);\n    }\n\n    state.setInputValue(value);\n  };\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\"isComposing\" in e && e.isComposing) {\n      return;\n    }\n\n    // Navigate against the id the collection has virtually focused, tracked\n    // synchronously on every focusin, NOT the (possibly still-delayed)\n    // aria-activedescendant reflection in state — mirrors useAutocomplete\n    // reading queuedActiveDescendant.current here. Reading state.focusedNodeId()\n    // would be null during the post-type reflection delay, so arrows would\n    // re-focus the first row instead of advancing.\n    const focusedNodeId = queuedActiveDescendant;\n    const collection = collectionRef();\n    const ownerDocument = getOwnerDocument(inputRef() ?? collection);\n\n    switch (e.key) {\n      case \"Escape\":\n        // Let the input handle Escape (e.g., clear value)\n        if (e.defaultPrevented) {\n          return;\n        }\n        break;\n\n      case \" \":\n        // Space shouldn't trigger item action\n        return;\n\n      case \"Tab\":\n        // Let Tab propagate normally for focus management\n        return;\n\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n      case \"PageUp\":\n      case \"PageDown\": {\n        // Prevent cursor movement in input\n        e.preventDefault();\n\n        // Dispatch focus event to collection\n        if (collection) {\n          collection.dispatchEvent(\n            new CustomEvent(FOCUS_EVENT, {\n              cancelable: true,\n              bubbles: true,\n            }),\n          );\n        }\n        break;\n      }\n\n      case \"ArrowLeft\":\n      case \"ArrowRight\":\n        // With no virtual focus, just let the arrow move the text cursor; stop\n        // propagation so it doesn't leak into the collection. With virtual focus,\n        // fall through to dispatch the key to the focused item below, then clear\n        // the active descendant only after the item has seen it.\n        if (!focusedNodeId) {\n          e.stopPropagation();\n          return;\n        }\n        break;\n\n      case \"Enter\":\n        // Trigger click on focused item\n        if (focusedNodeId) {\n          const item = ownerDocument?.getElementById(focusedNodeId);\n          if (item) {\n            item.click();\n            e.preventDefault();\n          }\n        }\n        return;\n    }\n\n    // Forward keyboard events to the focused item (or the collection when there\n    // is no virtual focus) so the collection can act on them, e.g. onAction.\n    // Gated only on the collection existing — NOT on e.defaultPrevented: arrows\n    // call preventDefault above to stop the input's text cursor moving, but the\n    // key must still be re-dispatched to the row so navigation advances (mirrors\n    // useAutocomplete forwarding whenever collectionRef.current !== null).\n    if (collection) {\n      e.stopPropagation();\n\n      let shouldPerformDefaultAction = true;\n      if (focusedNodeId) {\n        const item = ownerDocument?.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction = item.dispatchEvent(\n            new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n          );\n        }\n      } else {\n        shouldPerformDefaultAction = collection.dispatchEvent(\n          new KeyboardEvent(e.type, toKeyboardEventInit(e)),\n        );\n      }\n\n      // After the focused item has seen ArrowLeft/ArrowRight, clear the active\n      // descendant so SR announcements aren't interrupted, but retain the\n      // collection's focused key so navigation restarts where it left off. If\n      // the item consumed the key (e.g. an expandable row collapsing), it\n      // cancels the event and we keep virtual focus.\n      if (shouldPerformDefaultAction && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n        clearVirtualFocus();\n      }\n    }\n  };\n\n  // Handle focus events\n  const onFocus = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n\n    // Restore virtual focus when refocusing input\n    const focusedNodeId = state.focusedNodeId();\n    if (focusedNodeId) {\n      const item = document.getElementById(focusedNodeId);\n      if (item) {\n        // Item still exists, keep focus on it\n      }\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    if (!e.isTrusted) return;\n    // Virtual focus blur handling would go here\n  };\n\n  // Reverse path: mirror the collection's virtually-focused option into the\n  // input's aria-activedescendant. The collection dispatches a synthetic,\n  // bubbling `focusin` (via moveVirtualFocus) on its focused option; we read the\n  // target id, track it in `queuedActiveDescendant` synchronously (so key nav\n  // always dispatches to the right item), and reflect it into AutocompleteState\n  // — immediately, or, when `delayNextActiveDescendant` was set by forward\n  // typing, behind a 500ms timeout so the SR finishes announcing the typed\n  // letter before naming the active option. Faithful port of useAutocomplete's\n  // updateActiveDescendantEvent.\n  const updateActiveDescendant = (e: Event) => {\n    const input = inputRef();\n    // If the user clicks/taps an option directly (non-touch), pull real focus\n    // back to the input so typing keeps working.\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus() &&\n      input &&\n      getActiveElement(getOwnerDocument(input)) !== input &&\n      getPointerType() !== \"touch\"\n    ) {\n      input.focus();\n    }\n\n    const target = getEventTarget<Element>(e);\n    if (e.isTrusted || !target || queuedActiveDescendant === target.id) {\n      return;\n    }\n\n    const collection = collectionRef();\n    // A new focusin supersedes any pending delayed reflection.\n    clearTimeout(activeDescendantTimeout);\n    if (target !== collection) {\n      const targetId = target.id;\n      if (delayNextActiveDescendant) {\n        // Forward typing just focused the first row: track it now, but defer the\n        // aria-activedescendant reflection so the just-typed letter is announced\n        // before the active option.\n        queuedActiveDescendant = targetId;\n        activeDescendantTimeout = setTimeout(() => {\n          state.setFocusedNodeId(targetId);\n        }, ACTIVE_DESCENDANT_DELAY);\n      } else {\n        queuedActiveDescendant = targetId;\n        state.setFocusedNodeId(targetId);\n      }\n    } else if (\n      queuedActiveDescendant &&\n      !getOwnerDocument(collection)?.getElementById(queuedActiveDescendant)\n    ) {\n      // Refocus of the collection itself while the previously focused node no\n      // longer exists (filtered away, or the input was refocused): clear the\n      // tracked item and the active descendant.\n      queuedActiveDescendant = null;\n      state.setFocusedNodeId(null);\n    }\n    // Reflection delay is a one-shot; the next focusin reflects immediately\n    // unless forward typing sets the flag again.\n    delayNextActiveDescendant = false;\n  };\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (!shouldUseVirtualFocus()) return;\n    const collection = collectionRef();\n    if (collection) {\n      collection.addEventListener(\"focusin\", updateActiveDescendant);\n      _s2Cleanups.push(() => {\n        collection.removeEventListener(\"focusin\", updateActiveDescendant);\n        clearTimeout(activeDescendantTimeout);\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Create filter function. The user's 3-arg predicate (textValue, inputValue,\n  // node) is closed over the current input value and exposed to the collection\n  // as the 2-arg (nodeTextValue, node) shape that UNSTABLE_useFilteredListState\n  // (createFilteredListState) expects.\n  const filterFn = filter\n    ? (nodeTextValue: string, node: CollectionNode<T>) =>\n        filter(nodeTextValue, state.inputValue(), node)\n    : undefined;\n\n  return {\n    inputProps: {\n      value: state.inputValue,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      get \"aria-activedescendant\"() {\n        return () => (shouldUseVirtualFocus() ? (state.focusedNodeId() ?? undefined) : undefined);\n      },\n      \"aria-controls\": collectionId,\n      \"aria-autocomplete\": \"list\",\n      enterKeyHint: \"go\",\n      autoCorrect: \"off\",\n      spellCheck: \"false\",\n      autoComplete: \"off\",\n    },\n    collectionProps: {\n      id: collectionId,\n      \"aria-label\": collectionAriaLabel,\n      shouldUseVirtualFocus: shouldUseVirtualFocus(),\n      disallowTypeAhead: shouldUseVirtualFocus(),\n      get autoFocus() {\n        return autoFocusOnMount() ? \"first\" : false;\n      },\n    },\n    filter: filterFn,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/breadcrumbs.js

@@ -1,4 +1,17 @@
-import { i as mergeProps } from "./env.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts
+import { t as mergeProps } from "./mergeProps.js";
 import { t as filterDOMProps } from "./filterDOMProps.js";
 import { t as access } from "./reactivity.js";
 import { t as createLink } from "./link.js";
@@ -7,7 +20,9 @@ import { t as createLink } from "./link.js";
 * Breadcrumbs hooks for Solidaria
 *
 * Provides accessibility implementation for breadcrumb navigation.
-* Port of @react-aria/breadcrumbs.
+* Ported from:
+* - packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts
+* - packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts
 */
 /**
 * Provides accessibility implementation for the breadcrumbs navigation container.

package/dist/_chunk/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"sourcesContent":["/**\n * Breadcrumbs hooks for Solidaria\n *\n * Provides accessibility implementation for breadcrumb navigation.\n * Port of @react-aria/breadcrumbs.\n */\n\nimport { createLink, type AriaLinkProps, type LinkAria } from \"../link\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaBreadcrumbsProps {\n  /** Provides a label for the breadcrumbs navigation. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the breadcrumbs. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the breadcrumbs. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface BreadcrumbsAria {\n  /** Props for the breadcrumbs nav element. */\n  navProps: Record<string, unknown>;\n}\n\nexport interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, \"aria-current\"> {\n  /** The DOM id for the breadcrumb item. */\n  id?: string;\n  /** Whether this is the current/last item in the breadcrumb trail. */\n  isCurrent?: boolean;\n  /** The type of current location for aria-current. @default 'page' */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | boolean;\n  /** The HTML element type. @default 'a' */\n  elementType?: string;\n}\n\nexport interface BreadcrumbItemAria extends LinkAria {\n  /** Props for the breadcrumb item element. */\n  itemProps: Record<string, unknown>;\n}\n\n/**\n * Provides accessibility implementation for the breadcrumbs navigation container.\n */\nexport function createBreadcrumbs(\n  props: MaybeAccessor<AriaBreadcrumbsProps> = {},\n): BreadcrumbsAria {\n  const getProps = () => access(props);\n\n  const getNavProps = (): Record<string, unknown> => {\n    const p = getProps();\n\n    // Only apply a default label when no other label source exists.\n    const ariaLabel = p[\"aria-label\"] ?? (p[\"aria-labelledby\"] ? undefined : \"Breadcrumbs\");\n\n    return mergeProps(filterDOMProps(p as Record<string, unknown>, { labelable: true }), {\n      \"aria-label\": ariaLabel,\n      \"aria-details\": p[\"aria-details\"],\n    });\n  };\n\n  return {\n    get navProps() {\n      return getNavProps();\n    },\n  };\n}\n\n/**\n * Provides accessibility implementation for an individual breadcrumb item.\n */\nexport function createBreadcrumbItem(\n  props: MaybeAccessor<AriaBreadcrumbItemProps> = {},\n): BreadcrumbItemAria {\n  const getProps = () => access(props);\n\n  const isCurrent = () => getProps().isCurrent ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Use createLink for base link behavior\n  // Current items are treated as disabled (can't navigate to current page).\n  // Keep the whole return value (do NOT destructure linkProps): `linkProps` is a\n  // reactive getter, and destructuring it here would snapshot getLinkProps() once\n  // at mount — freezing role/tabIndex to whatever elementType was during the\n  // transient first render (e.g. before isCurrent settles). Reading\n  // linkAria.linkProps fresh inside getItemProps keeps it live, mirroring React\n  // re-running useLink every render.\n  const linkAria = createLink({\n    get isDisabled() {\n      return isDisabled() || isCurrent();\n    },\n    get elementType() {\n      return elementType();\n    },\n    get href() {\n      return isCurrent() ? undefined : getProps().href;\n    },\n    get target() {\n      return getProps().target;\n    },\n    get rel() {\n      return getProps().rel;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return getProps()[\"aria-details\"];\n    },\n  });\n\n  const getItemProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const current = isCurrent();\n    // Read fresh each call so elementType-driven role/tabIndex stay reactive.\n    const linkProps = linkAria.linkProps;\n\n    // Start with link props, forwarding id if provided\n    let baseProps: Record<string, unknown> = p.id ? mergeProps(linkProps, { id: p.id }) : linkProps;\n\n    // Add aria-current for current page\n    if (current) {\n      const ariaCurrent = p[\"aria-current\"] ?? \"page\";\n      baseProps = mergeProps(baseProps, {\n        \"aria-current\": ariaCurrent,\n      });\n    }\n\n    // Add aria-disabled for disabled items\n    if (isDisabled()) {\n      baseProps = mergeProps(baseProps, {\n        \"aria-disabled\": true,\n      });\n    }\n\n    return baseProps;\n  };\n\n  return {\n    get itemProps() {\n      return getItemProps();\n    },\n    get linkProps() {\n      return linkAria.linkProps;\n    },\n    isPressed: linkAria.isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAiDA,SAAgB,kBACd,QAA6C,CAAC,GAC7B;CACjB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,oBAA6C;EACjD,MAAM,IAAI,SAAS;EAGnB,MAAM,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,KAAA,IAAY;EAEzE,OAAO,WAAW,eAAe,GAA8B,EAAE,WAAW,KAAK,CAAC,GAAG;GACnF,cAAc;GACd,gBAAgB,EAAE;EACpB,CAAC;CACH;CAEA,OAAO,EACL,IAAI,WAAW;EACb,OAAO,YAAY;CACrB,EACF;AACF;;;;AAKA,SAAgB,qBACd,QAAgD,CAAC,GAC7B;CACpB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,kBAAkB,SAAS,CAAC,CAAC,aAAa;CAChD,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAUpD,MAAM,WAAW,WAAW;EAC1B,IAAI,aAAa;GACf,OAAO,WAAW,KAAK,UAAU;EACnC;EACA,IAAI,cAAc;GAChB,OAAO,YAAY;EACrB;EACA,IAAI,OAAO;GACT,OAAO,UAAU,IAAI,KAAA,IAAY,SAAS,CAAC,CAAC;EAC9C;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,MAAM;GACR,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,oBAAoB;GACtB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,qBAAqB;GACvB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,iBAAiB;GACnB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAED,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,UAAU,UAAU;EAE1B,MAAM,YAAY,SAAS;EAG3B,IAAI,YAAqC,EAAE,KAAK,WAAW,WAAW,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI;EAGtF,IAAI,SAAS;GACX,MAAM,cAAc,EAAE,mBAAmB;GACzC,YAAY,WAAW,WAAW,EAChC,gBAAgB,YAClB,CAAC;EACH;EAGA,IAAI,WAAW,GACb,YAAY,WAAW,WAAW,EAChC,iBAAiB,KACnB,CAAC;EAGH,OAAO;CACT;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA,IAAI,YAAY;GACd,OAAO,SAAS;EAClB;EACA,WAAW,SAAS;CACtB;AACF"}
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts\n\n/**\n * Breadcrumbs hooks for Solidaria\n *\n * Provides accessibility implementation for breadcrumb navigation.\n * Ported from:\n * - packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts\n * - packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts\n */\n\nimport { createLink, type AriaLinkProps, type LinkAria } from \"../link\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaBreadcrumbsProps {\n  /** Provides a label for the breadcrumbs navigation. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the breadcrumbs. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the breadcrumbs. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface BreadcrumbsAria {\n  /** Props for the breadcrumbs nav element. */\n  navProps: Record<string, unknown>;\n}\n\nexport interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, \"aria-current\"> {\n  /** The DOM id for the breadcrumb item. */\n  id?: string;\n  /** Whether this is the current/last item in the breadcrumb trail. */\n  isCurrent?: boolean;\n  /** The type of current location for aria-current. @default 'page' */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | boolean;\n  /** The HTML element type. @default 'a' */\n  elementType?: string;\n}\n\nexport interface BreadcrumbItemAria extends LinkAria {\n  /** Props for the breadcrumb item element. */\n  itemProps: Record<string, unknown>;\n}\n\n/**\n * Provides accessibility implementation for the breadcrumbs navigation container.\n */\nexport function createBreadcrumbs(\n  props: MaybeAccessor<AriaBreadcrumbsProps> = {},\n): BreadcrumbsAria {\n  const getProps = () => access(props);\n\n  const getNavProps = (): Record<string, unknown> => {\n    const p = getProps();\n\n    // Only apply a default label when no other label source exists.\n    const ariaLabel = p[\"aria-label\"] ?? (p[\"aria-labelledby\"] ? undefined : \"Breadcrumbs\");\n\n    return mergeProps(filterDOMProps(p as Record<string, unknown>, { labelable: true }), {\n      \"aria-label\": ariaLabel,\n      \"aria-details\": p[\"aria-details\"],\n    });\n  };\n\n  return {\n    get navProps() {\n      return getNavProps();\n    },\n  };\n}\n\n/**\n * Provides accessibility implementation for an individual breadcrumb item.\n */\nexport function createBreadcrumbItem(\n  props: MaybeAccessor<AriaBreadcrumbItemProps> = {},\n): BreadcrumbItemAria {\n  const getProps = () => access(props);\n\n  const isCurrent = () => getProps().isCurrent ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Use createLink for base link behavior\n  // Current items are treated as disabled (can't navigate to current page).\n  // Keep the whole return value (do NOT destructure linkProps): `linkProps` is a\n  // reactive getter, and destructuring it here would snapshot getLinkProps() once\n  // at mount — freezing role/tabIndex to whatever elementType was during the\n  // transient first render (e.g. before isCurrent settles). Reading\n  // linkAria.linkProps fresh inside getItemProps keeps it live, mirroring React\n  // re-running useLink every render.\n  const linkAria = createLink({\n    get isDisabled() {\n      return isDisabled() || isCurrent();\n    },\n    get elementType() {\n      return elementType();\n    },\n    get href() {\n      return isCurrent() ? undefined : getProps().href;\n    },\n    get target() {\n      return getProps().target;\n    },\n    get rel() {\n      return getProps().rel;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return getProps()[\"aria-details\"];\n    },\n  });\n\n  const getItemProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const current = isCurrent();\n    // Read fresh each call so elementType-driven role/tabIndex stay reactive.\n    const linkProps = linkAria.linkProps;\n\n    // Start with link props, forwarding id if provided\n    let baseProps: Record<string, unknown> = p.id ? mergeProps(linkProps, { id: p.id }) : linkProps;\n\n    // Add aria-current for current page\n    if (current) {\n      const ariaCurrent = p[\"aria-current\"] ?? \"page\";\n      baseProps = mergeProps(baseProps, {\n        \"aria-current\": ariaCurrent,\n      });\n    }\n\n    // Add aria-disabled for disabled items\n    if (isDisabled()) {\n      baseProps = mergeProps(baseProps, {\n        \"aria-disabled\": true,\n      });\n    }\n\n    return baseProps;\n  };\n\n  return {\n    get itemProps() {\n      return getItemProps();\n    },\n    get linkProps() {\n      return linkAria.linkProps;\n    },\n    isPressed: linkAria.isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,SAAgB,kBACd,QAA6C,CAAC,GAC7B;CACjB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,oBAA6C;EACjD,MAAM,IAAI,SAAS;EAGnB,MAAM,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,KAAA,IAAY;EAEzE,OAAO,WAAW,eAAe,GAA8B,EAAE,WAAW,KAAK,CAAC,GAAG;GACnF,cAAc;GACd,gBAAgB,EAAE;EACpB,CAAC;CACH;CAEA,OAAO,EACL,IAAI,WAAW;EACb,OAAO,YAAY;CACrB,EACF;AACF;;;;AAKA,SAAgB,qBACd,QAAgD,CAAC,GAC7B;CACpB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,kBAAkB,SAAS,CAAC,CAAC,aAAa;CAChD,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAUpD,MAAM,WAAW,WAAW;EAC1B,IAAI,aAAa;GACf,OAAO,WAAW,KAAK,UAAU;EACnC;EACA,IAAI,cAAc;GAChB,OAAO,YAAY;EACrB;EACA,IAAI,OAAO;GACT,OAAO,UAAU,IAAI,KAAA,IAAY,SAAS,CAAC,CAAC;EAC9C;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,MAAM;GACR,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,oBAAoB;GACtB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,qBAAqB;GACvB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,iBAAiB;GACnB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAED,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,UAAU,UAAU;EAE1B,MAAM,YAAY,SAAS;EAG3B,IAAI,YAAqC,EAAE,KAAK,WAAW,WAAW,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI;EAGtF,IAAI,SAAS;GACX,MAAM,cAAc,EAAE,mBAAmB;GACzC,YAAY,WAAW,WAAW,EAChC,gBAAgB,YAClB,CAAC;EACH;EAGA,IAAI,WAAW,GACb,YAAY,WAAW,WAAW,EAChC,iBAAiB,KACnB,CAAC;EAGH,OAAO;CACT;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA,IAAI,YAAY;GACd,OAAO,SAAS;EAClB;EACA,WAAW,SAAS;CACtB;AACF"}

package/dist/_chunk/breadcrumbs.jsx

@@ -1,4 +1,17 @@
-import { i as mergeProps } from "./env.jsx";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts
+import { t as mergeProps } from "./mergeProps.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
 import { t as access } from "./reactivity.jsx";
 import { t as createLink } from "./link.jsx";
@@ -7,7 +20,9 @@ import { t as createLink } from "./link.jsx";
 * Breadcrumbs hooks for Solidaria
 *
 * Provides accessibility implementation for breadcrumb navigation.
-* Port of @react-aria/breadcrumbs.
+* Ported from:
+* - packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts
+* - packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts
 */
 /**
 * Provides accessibility implementation for the breadcrumbs navigation container.