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

package/dist/_chunk/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["mergeProps","mergeProps"],"sources":["../../src/tag/createTagGroup.ts","../../src/tag/createTag.ts"],"sourcesContent":["/**\n * TagGroup hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n *\n * Based on @react-aria/tag useTagGroup\n */\n\nimport { createEffect, onCleanup } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaTagGroupProps {\n  /** An ID for the tag group. */\n  id?: string;\n  /** Whether the tag group is disabled. */\n  isDisabled?: boolean;\n  /** The label for the tag group. */\n  label?: string;\n  /** An accessible label for the tag group when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the tag group. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the tag group. */\n  \"aria-describedby\"?: string;\n  /** A description of the tag group. */\n  description?: string;\n  /** An error message for the tag group. */\n  errorMessage?: string;\n  /** Handler that is called when a user removes a tag. */\n  onRemove?: (keys: Set<Key>) => void;\n  /**\n   * The layout direction, threaded from `useLocale`. A TagGroup navigates on the\n   * inline axis, so ArrowLeft/ArrowRight flip under RTL (mirrors the direction\n   * the ListKeyboardDelegate receives from useTagGroup).\n   */\n  direction?: \"ltr\" | \"rtl\";\n}\n\nexport interface TagGroupAria {\n  /** Props for the tag group container element. */\n  gridProps: Record<string, unknown>;\n  /** Props for the tag group's visible label (if any). */\n  labelProps: Record<string, unknown>;\n  /** Props for the tag group description element, if any. */\n  descriptionProps: Record<string, unknown>;\n  /** Props for the tag group error message element, if any. */\n  errorMessageProps: Record<string, unknown>;\n}\n\n// Shared data between tag group and tags\nconst tagGroupData = new WeakMap<object, TagGroupData>();\n\ninterface TagGroupData {\n  id: string;\n  onRemove?: (keys: Set<Key>) => void;\n  direction: \"ltr\" | \"rtl\";\n}\n\nexport function getTagGroupData(state: ListState): TagGroupData | undefined {\n  return tagGroupData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n */\nexport function createTagGroup<T>(\n  props: MaybeAccessor<AriaTagGroupProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): TagGroupAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const descriptionId = createId();\n  const errorMessageId = createId();\n  const getFallbackAriaLabel = () => {\n    const p = getProps();\n    return !p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"] ? \"Tag list\" : undefined;\n  };\n  const sharedData: TagGroupData = {\n    id,\n    get onRemove() {\n      return getProps().onRemove;\n    },\n    get direction() {\n      return getProps().direction ?? \"ltr\";\n    },\n  };\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Create label handling\n  const { labelProps, fieldProps } = createLabel({\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"] ?? getFallbackAriaLabel();\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Share data with child tags before they create their aria state.\n  tagGroupData.set(state, sharedData);\n\n  // Clean up the shared state when the tag group owner is disposed.\n  createEffect(() => {\n    tagGroupData.set(state, sharedData);\n\n    onCleanup(() => {\n      if (tagGroupData.get(state) === sharedData) {\n        tagGroupData.delete(state);\n      }\n    });\n  });\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const ids: string[] = [];\n    if (p[\"aria-describedby\"]) {\n      ids.push(p[\"aria-describedby\"]);\n    }\n    if (p.description) {\n      ids.push(descriptionId);\n    }\n    if (p.errorMessage) {\n      ids.push(errorMessageId);\n    }\n    return ids.length > 0 ? ids.join(\" \") : undefined;\n  };\n\n  const getRef = () => _ref?.() ?? null;\n\n  // First/last navigable (non-disabled) row keys — the entry targets.\n  const getFirstNavigableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getFirstKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n    return candidate;\n  };\n\n  const getLastNavigableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getLastKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n    return candidate;\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a forward Tab\n  // that reaches the standalone container lands on the container itself; move the\n  // focused key onto the first/last row and the post-commit effect below pulls\n  // REAL DOM focus there while the container rolls to tabIndex -1. Mirrors\n  // useSelectableCollection's `onFocus` (via useTagGroup → useGridList). A\n  // Shift+Tab arriving directly on a row is handled by the row's own focusable\n  // onFocus, since every non-disabled row is a tab stop when nothing is focused.\n  const onFocus = (e: FocusEvent) => {\n    state.setFocused(true);\n\n    // `focus` is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && e.target && !container.contains(e.target as Node)) return;\n    if (state.focusedKey() != null || getProps().isDisabled) return;\n\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Focus arriving from an element that FOLLOWS the group in document order\n    // means the user shift-tabbed backward into it → enter at the LAST row;\n    // otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? getLastNavigableKey()\n        : getFirstNavigableKey();\n    if (enterKey != null) {\n      state.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    state.setFocused(false);\n  };\n\n  // Once the roving tabindex for the focused key has committed to the DOM, move\n  // browser focus onto that row (looked up by its stable data-key), mirroring\n  // useSelectableCollection. Only manage focus while it already lives inside the\n  // container — i.e. the user is navigating via the trampoline — so a background\n  // focusedKey change never yanks focus from elsewhere on the page.\n  createEffect(() => {\n    const key = state.focusedKey();\n    const el = getRef();\n    if (!el || key == null) return;\n\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) return;\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${CSS.escape(String(key))}\"]`);\n    if (target && target !== active) {\n      target.focus();\n    }\n  });\n\n  return {\n    get gridProps() {\n      const p = getProps();\n      const hasItems = state.collection().size > 0;\n\n      return mergeProps(domProps(), fieldProps as Record<string, unknown>, {\n        id,\n        role: hasItems ? \"grid\" : \"group\",\n        \"aria-multiselectable\": hasItems && state.selectionMode() === \"multiple\" ? true : undefined,\n        \"aria-atomic\": false,\n        \"aria-relevant\": \"additions\",\n        \"aria-describedby\": getAriaDescribedBy(),\n        \"aria-disabled\": p.isDisabled || undefined,\n        // Roving container tabIndex mirrors useSelectableCollection: the container\n        // is tabbable (0) only while nothing is focused, then rolls to -1 once a\n        // row takes focus so Tab exits the group.\n        tabIndex: p.isDisabled ? undefined : state.focusedKey() != null ? -1 : 0,\n        onFocus,\n        onBlur,\n      });\n    },\n    get labelProps() {\n      return labelProps as Record<string, unknown>;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      };\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      };\n    },\n  };\n}\n","/**\n * Tag hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a tag component.\n * Tags are individual items within a TagGroup.\n *\n * Based on @react-aria/tag useTag\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { createPress } from \"../interactions/createPress\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getTagGroupData } from \"./createTagGroup\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaTagProps {\n  /** The unique key for this tag. */\n  key: Key;\n  /** The role for the tag root. Components use row semantics inside a grid. */\n  role?: \"option\" | \"row\";\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /** A text value for the tag used for accessibility. */\n  textValue?: string;\n}\n\nexport interface TagAria {\n  /** Props for the tag row element. */\n  rowProps: Record<string, unknown>;\n  /** Props for the tag cell element. */\n  gridCellProps: Record<string, unknown>;\n  /** Props for the tag remove button. */\n  removeButtonProps: Record<string, unknown>;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n  /** Whether the tag is selected. */\n  isSelected: boolean;\n  /** Whether the tag is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag is focused. */\n  isFocused: boolean;\n  /** Whether the tag is pressed. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n * Tags are individual items within a TagGroup.\n */\nexport function createTag<T>(\n  props: MaybeAccessor<AriaTagProps>,\n  state: ListState<T>,\n  ref: () => HTMLElement | null,\n): TagAria {\n  const getProps = () => access(props);\n  const rowId = createId();\n  const cellId = createId();\n  const removeButtonId = createId();\n\n  // Get shared data from tag group\n  const getData = () => getTagGroupData(state);\n\n  // Get key\n  const key = () => getProps().key;\n\n  // Compute states\n  const isDisabled = createMemo(() => {\n    const p = getProps();\n    return p.isDisabled || state.isDisabled(key());\n  });\n\n  const isSelected = createMemo(() => {\n    return state.isSelected(key());\n  });\n\n  const isSelectable = createMemo(() => state.selectionMode() !== \"none\");\n\n  const isFocused = createMemo(() => {\n    return state.focusedKey() === key();\n  });\n\n  const getFirstFocusableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getFirstKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n    return candidate;\n  };\n\n  const getLastFocusableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getLastKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n    return candidate;\n  };\n\n  const getNextFocusableKey = (fromKey: Key): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getKeyAfter(fromKey);\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n\n    if (candidate != null) {\n      return candidate;\n    }\n\n    return getFirstFocusableKey();\n  };\n\n  const getPreviousFocusableKey = (fromKey: Key): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getKeyBefore(fromKey);\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n\n    if (candidate != null) {\n      return candidate;\n    }\n\n    return getLastFocusableKey();\n  };\n\n  const focusKey = (nextKey: Key | null) => {\n    if (nextKey == null) {\n      return;\n    }\n\n    state.setFocusedKey(nextKey);\n    const currentElement = ref();\n\n    if (!currentElement) {\n      return;\n    }\n\n    if (nextKey === key()) {\n      currentElement.focus();\n      return;\n    }\n\n    const tagList = currentElement.parentElement;\n    if (!tagList) {\n      return;\n    }\n\n    const nextTag = Array.from(\n      tagList.querySelectorAll<HTMLElement>('[role=\"option\"], [role=\"row\"]'),\n    ).find((el) => el.getAttribute(\"data-key\") === String(nextKey));\n\n    nextTag?.focus();\n  };\n\n  // Handle press for selection\n  const { pressProps, isPressed } = createPress({\n    isDisabled,\n    onPress: () => {\n      if (!isDisabled()) {\n        state.setFocusedKey(key());\n        state.toggleSelection(key());\n      }\n    },\n  });\n\n  // Handle focusable\n  const { focusableProps } = createFocusable(\n    {\n      isDisabled,\n      onFocus: () => {\n        state.setFocusedKey(key());\n      },\n    },\n    ref,\n  );\n\n  // Handle keyboard for navigation and removal\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (isDisabled()) return;\n\n    // A TagGroup is inherently horizontal (useTagGroup passes\n    // `orientation: 'horizontal'` to the ListKeyboardDelegate), so the inline\n    // (Left/Right) axis is the navigation axis and flips under RTL, while the\n    // block (Up/Down) axis stays DOM-ordered. Mirror ListKeyboardDelegate:\n    // getKeyRightOf = rtl ? previous : next; getKeyLeftOf = rtl ? next : previous;\n    // getKeyBelow/Above are never direction-flipped.\n    const isRtl = getData()?.direction === \"rtl\";\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        e.preventDefault();\n        focusKey(isRtl ? getPreviousFocusableKey(key()) : getNextFocusableKey(key()));\n        return;\n      case \"ArrowLeft\":\n        e.preventDefault();\n        focusKey(isRtl ? getNextFocusableKey(key()) : getPreviousFocusableKey(key()));\n        return;\n      case \"ArrowDown\":\n        e.preventDefault();\n        focusKey(getNextFocusableKey(key()));\n        return;\n      case \"ArrowUp\":\n        e.preventDefault();\n        focusKey(getPreviousFocusableKey(key()));\n        return;\n      case \"Home\":\n        e.preventDefault();\n        focusKey(getFirstFocusableKey());\n        return;\n      case \"End\":\n        e.preventDefault();\n        focusKey(getLastFocusableKey());\n        return;\n      default:\n        break;\n    }\n\n    if (e.key === \"Delete\" || e.key === \"Backspace\") {\n      e.preventDefault();\n      const data = getData();\n      if (data?.onRemove) {\n        // Remove selected keys if this tag is selected, otherwise just this tag\n        if (isSelected()) {\n          const selection = state.selectedKeys();\n          const keysToRemove =\n            selection === \"all\"\n              ? new Set(Array.from(state.collection()).map((item) => (item as { key: Key }).key))\n              : new Set(selection);\n          data.onRemove(keysToRemove);\n        } else {\n          data.onRemove(new Set([key()]));\n        }\n      }\n    }\n  };\n\n  // Compute tabIndex. Mirror useTag (vendored @react-aria/tag/src/useTag.ts):\n  //   tabIndex = (!isDisabled && (isFocused || focusedKey == null)) ? 0 : -1\n  // Every non-disabled row is a tab stop when nothing is focused yet (so native\n  // Shift+Tab from a following element lands on the LAST row); once a key is\n  // focused, only that row keeps tabIndex 0 (roving single tab stop).\n  const tabIndex = createMemo(() => {\n    if (isDisabled()) return -1;\n    return isFocused() || state.focusedKey() == null ? 0 : -1;\n  });\n\n  // Filter DOM props\n  const domProps = () => filterDOMProps(getProps() as unknown as Record<string, unknown>);\n\n  // Check if removal is allowed\n  const allowsRemoving = createMemo(() => {\n    const data = getData();\n    return !!data?.onRemove;\n  });\n\n  const rootRole = createMemo(() => getProps().role ?? \"option\");\n\n  return {\n    get rowProps() {\n      return mergeProps(\n        domProps(),\n        focusableProps as Record<string, unknown>,\n        pressProps as Record<string, unknown>,\n        {\n          id: rowId,\n          role: rootRole(),\n          tabIndex: tabIndex(),\n          \"data-key\": String(key()),\n          \"aria-label\": getProps().textValue,\n          \"aria-selected\": isSelectable() ? isSelected() : undefined,\n          \"aria-disabled\": isDisabled() || undefined,\n          onKeyDown: handleKeyDown,\n        },\n      );\n    },\n    get gridCellProps() {\n      return {\n        id: cellId,\n        role: \"gridcell\",\n        \"aria-describedby\": allowsRemoving() ? removeButtonId : undefined,\n      };\n    },\n    get removeButtonProps() {\n      const data = getData();\n      return {\n        id: removeButtonId,\n        \"aria-label\": \"Remove\",\n        \"aria-labelledby\": `${removeButtonId} ${rowId}`,\n        isDisabled: isDisabled(),\n        onPress: () => {\n          if (data?.onRemove && !isDisabled()) {\n            data.onRemove(new Set([key()]));\n          }\n        },\n      };\n    },\n    get allowsRemoving() {\n      return allowsRemoving();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isPressed() {\n      return isPressed();\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"tag.js","names":["arAE","bgBG","csCZ","daDK","deDE","elGR","enUS","esES","etEE","fiFI","frFR","heIL","hrHR","huHU","itIT","jaJP","koKR","ltLT","lvLV","nbNO","nlNL","plPL","ptBR","ptPT","roRO","ruRU","skSK","slSI","srSP","svSE","trTR","ukUA","zhCN","zhTW"],"sources":["../../src/tag/createTagGroup.ts","../../src/tag/intl/ar-AE.json","../../src/tag/intl/bg-BG.json","../../src/tag/intl/cs-CZ.json","../../src/tag/intl/da-DK.json","../../src/tag/intl/de-DE.json","../../src/tag/intl/el-GR.json","../../src/tag/intl/en-US.json","../../src/tag/intl/es-ES.json","../../src/tag/intl/et-EE.json","../../src/tag/intl/fi-FI.json","../../src/tag/intl/fr-FR.json","../../src/tag/intl/he-IL.json","../../src/tag/intl/hr-HR.json","../../src/tag/intl/hu-HU.json","../../src/tag/intl/it-IT.json","../../src/tag/intl/ja-JP.json","../../src/tag/intl/ko-KR.json","../../src/tag/intl/lt-LT.json","../../src/tag/intl/lv-LV.json","../../src/tag/intl/nb-NO.json","../../src/tag/intl/nl-NL.json","../../src/tag/intl/pl-PL.json","../../src/tag/intl/pt-BR.json","../../src/tag/intl/pt-PT.json","../../src/tag/intl/ro-RO.json","../../src/tag/intl/ru-RU.json","../../src/tag/intl/sk-SK.json","../../src/tag/intl/sl-SI.json","../../src/tag/intl/sr-SP.json","../../src/tag/intl/sv-SE.json","../../src/tag/intl/tr-TR.json","../../src/tag/intl/uk-UA.json","../../src/tag/intl/zh-CN.json","../../src/tag/intl/zh-TW.json","../../src/tag/intl/index.ts","../../src/tag/createTag.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/tag/useTagGroup.ts\n\n/**\n * TagGroup hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n *\n * Based on @react-aria/tag useTagGroup\n */\n\nimport { onCleanup, createTrackedEffect } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaTagGroupProps {\n  /** An ID for the tag group. */\n  id?: string;\n  /** Whether the tag group is disabled. */\n  isDisabled?: boolean;\n  /** The label for the tag group. */\n  label?: string;\n  /** An accessible label for the tag group when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the tag group. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the tag group. */\n  \"aria-describedby\"?: string;\n  /** A description of the tag group. */\n  description?: string;\n  /** An error message for the tag group. */\n  errorMessage?: string;\n  /** Handler that is called when a user removes a tag. */\n  onRemove?: (keys: Set<Key>) => void;\n  /**\n   * The layout direction, threaded from `useLocale`. A TagGroup navigates on the\n   * inline axis, so ArrowLeft/ArrowRight flip under RTL (mirrors the direction\n   * the ListKeyboardDelegate receives from useTagGroup).\n   */\n  direction?: \"ltr\" | \"rtl\";\n}\n\nexport interface TagGroupAria {\n  /** Props for the tag group container element. */\n  gridProps: Record<string, unknown>;\n  /** Props for the tag group's visible label (if any). */\n  labelProps: Record<string, unknown>;\n  /** Props for the tag group description element, if any. */\n  descriptionProps: Record<string, unknown>;\n  /** Props for the tag group error message element, if any. */\n  errorMessageProps: Record<string, unknown>;\n}\n\n// Shared data between tag group and tags\nconst tagGroupData = new WeakMap<object, TagGroupData>();\n\ninterface TagGroupData {\n  id: string;\n  onRemove?: (keys: Set<Key>) => void;\n  direction: \"ltr\" | \"rtl\";\n}\n\nexport function getTagGroupData(state: ListState): TagGroupData | undefined {\n  return tagGroupData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n */\nexport function createTagGroup<T>(\n  props: MaybeAccessor<AriaTagGroupProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): TagGroupAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const descriptionId = createId();\n  const errorMessageId = createId();\n  const getFallbackAriaLabel = () => {\n    const p = getProps();\n    return !p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"] ? \"Tag list\" : undefined;\n  };\n  const sharedData: TagGroupData = {\n    id,\n    get onRemove() {\n      return getProps().onRemove;\n    },\n    get direction() {\n      return getProps().direction ?? \"ltr\";\n    },\n  };\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Create label handling\n  const { labelProps, fieldProps } = createLabel({\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"] ?? getFallbackAriaLabel();\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Share data with child tags before they create their aria state.\n  tagGroupData.set(state, sharedData);\n  onCleanup(() => {\n    if (tagGroupData.get(state) === sharedData) {\n      tagGroupData.delete(state);\n    }\n  });\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const ids: string[] = [];\n    if (p[\"aria-describedby\"]) {\n      ids.push(p[\"aria-describedby\"]);\n    }\n    if (p.description) {\n      ids.push(descriptionId);\n    }\n    if (p.errorMessage) {\n      ids.push(errorMessageId);\n    }\n    return ids.length > 0 ? ids.join(\" \") : undefined;\n  };\n\n  const getRef = () => _ref?.() ?? null;\n\n  // First/last navigable (non-disabled) row keys — the entry targets.\n  const getFirstNavigableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getFirstKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n    return candidate;\n  };\n\n  const getLastNavigableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getLastKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n    return candidate;\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a forward Tab\n  // that reaches the standalone container lands on the container itself; move the\n  // focused key onto the first/last row and the post-commit effect below pulls\n  // REAL DOM focus there while the container rolls to tabIndex -1. Mirrors\n  // useSelectableCollection's `onFocus` (via useTagGroup → useGridList). A\n  // Shift+Tab arriving directly on a row is handled by the row's own focusable\n  // onFocus, since every non-disabled row is a tab stop when nothing is focused.\n  const onFocus = (e: FocusEvent) => {\n    state.setFocused(true);\n\n    // `focus` is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && e.target && !container.contains(e.target as Node)) return;\n    if (state.focusedKey() != null || getProps().isDisabled) return;\n\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Focus arriving from an element that FOLLOWS the group in document order\n    // means the user shift-tabbed backward into it → enter at the LAST row;\n    // otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? getLastNavigableKey()\n        : getFirstNavigableKey();\n    if (enterKey != null) {\n      state.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    state.setFocused(false);\n  };\n\n  // Once the roving tabindex for the focused key has committed to the DOM, move\n  // browser focus onto that row (looked up by its stable data-key), mirroring\n  // useSelectableCollection. Only manage focus while it already lives inside the\n  // container — i.e. the user is navigating via the trampoline — so a background\n  // focusedKey change never yanks focus from elsewhere on the page.\n  createTrackedEffect(() => {\n    const key = state.focusedKey();\n    const el = getRef();\n    if (!el || key == null) return;\n\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) return;\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${CSS.escape(String(key))}\"]`);\n    if (target && target !== active) {\n      target.focus();\n    }\n  });\n\n  return {\n    get gridProps() {\n      const p = getProps();\n      const hasItems = state.collection().size > 0;\n\n      return mergeProps(domProps(), fieldProps as Record<string, unknown>, {\n        id,\n        role: hasItems ? \"grid\" : \"group\",\n        \"aria-multiselectable\": hasItems && state.selectionMode() === \"multiple\" ? true : undefined,\n        \"aria-atomic\": false,\n        \"aria-relevant\": \"additions\",\n        \"aria-describedby\": getAriaDescribedBy(),\n        \"aria-disabled\": p.isDisabled || undefined,\n        // Roving container tabIndex mirrors useSelectableCollection: the container\n        // is tabbable (0) only while nothing is focused, then rolls to -1 once a\n        // row takes focus so Tab exits the group.\n        tabIndex: p.isDisabled ? undefined : state.focusedKey() != null ? -1 : 0,\n        onFocus,\n        onBlur,\n      });\n    },\n    get labelProps() {\n      return labelProps as Record<string, unknown>;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      };\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      };\n    },\n  };\n}\n","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/ar-AE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/bg-BG.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/cs-CZ.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/da-DK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/de-DE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/el-GR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/en-US.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/es-ES.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/et-EE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/fi-FI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/fr-FR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/he-IL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/hr-HR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/hu-HU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/it-IT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/ja-JP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/ko-KR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/lt-LT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/lv-LV.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/nb-NO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/nl-NL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/pl-PL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/pt-BR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/pt-PT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/ro-RO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/ru-RU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/sk-SK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/sl-SI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/sr-SP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/sv-SE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/tr-TR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/uk-UA.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/zh-CN.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/tag/zh-TW.json\n\n// Ported from @react-aria/tag intl catalog.\n\n/**\n * tag internationalization strings.\n *\n * Copied verbatim from @react-aria/tag intl JSON (RAC 1.21.0 / react-aria pin f56660b).\n * LocalizedStringDictionary resolves the locale fallback chain\n * (locale → language → sibling region → en-US).\n */\n\nimport type { LocalizedStrings } from \"@internationalized/string\";\n\nimport arAE from \"./ar-AE.json\" with { type: \"json\" };\nimport bgBG from \"./bg-BG.json\" with { type: \"json\" };\nimport csCZ from \"./cs-CZ.json\" with { type: \"json\" };\nimport daDK from \"./da-DK.json\" with { type: \"json\" };\nimport deDE from \"./de-DE.json\" with { type: \"json\" };\nimport elGR from \"./el-GR.json\" with { type: \"json\" };\nimport enUS from \"./en-US.json\" with { type: \"json\" };\nimport esES from \"./es-ES.json\" with { type: \"json\" };\nimport etEE from \"./et-EE.json\" with { type: \"json\" };\nimport fiFI from \"./fi-FI.json\" with { type: \"json\" };\nimport frFR from \"./fr-FR.json\" with { type: \"json\" };\nimport heIL from \"./he-IL.json\" with { type: \"json\" };\nimport hrHR from \"./hr-HR.json\" with { type: \"json\" };\nimport huHU from \"./hu-HU.json\" with { type: \"json\" };\nimport itIT from \"./it-IT.json\" with { type: \"json\" };\nimport jaJP from \"./ja-JP.json\" with { type: \"json\" };\nimport koKR from \"./ko-KR.json\" with { type: \"json\" };\nimport ltLT from \"./lt-LT.json\" with { type: \"json\" };\nimport lvLV from \"./lv-LV.json\" with { type: \"json\" };\nimport nbNO from \"./nb-NO.json\" with { type: \"json\" };\nimport nlNL from \"./nl-NL.json\" with { type: \"json\" };\nimport plPL from \"./pl-PL.json\" with { type: \"json\" };\nimport ptBR from \"./pt-BR.json\" with { type: \"json\" };\nimport ptPT from \"./pt-PT.json\" with { type: \"json\" };\nimport roRO from \"./ro-RO.json\" with { type: \"json\" };\nimport ruRU from \"./ru-RU.json\" with { type: \"json\" };\nimport skSK from \"./sk-SK.json\" with { type: \"json\" };\nimport slSI from \"./sl-SI.json\" with { type: \"json\" };\nimport srSP from \"./sr-SP.json\" with { type: \"json\" };\nimport svSE from \"./sv-SE.json\" with { type: \"json\" };\nimport trTR from \"./tr-TR.json\" with { type: \"json\" };\nimport ukUA from \"./uk-UA.json\" with { type: \"json\" };\nimport zhCN from \"./zh-CN.json\" with { type: \"json\" };\nimport zhTW from \"./zh-TW.json\" with { type: \"json\" };\n\nexport type TagIntlStrings = {\n  removeDescription: string;\n  removeButtonLabel: string;\n};\n\nexport const tagIntlStrings: LocalizedStrings<keyof TagIntlStrings, string> = {\n  \"ar-AE\": arAE,\n  \"bg-BG\": bgBG,\n  \"cs-CZ\": csCZ,\n  \"da-DK\": daDK,\n  \"de-DE\": deDE,\n  \"el-GR\": elGR,\n  \"en-US\": enUS,\n  \"es-ES\": esES,\n  \"et-EE\": etEE,\n  \"fi-FI\": fiFI,\n  \"fr-FR\": frFR,\n  \"he-IL\": heIL,\n  \"hr-HR\": hrHR,\n  \"hu-HU\": huHU,\n  \"it-IT\": itIT,\n  \"ja-JP\": jaJP,\n  \"ko-KR\": koKR,\n  \"lt-LT\": ltLT,\n  \"lv-LV\": lvLV,\n  \"nb-NO\": nbNO,\n  \"nl-NL\": nlNL,\n  \"pl-PL\": plPL,\n  \"pt-BR\": ptBR,\n  \"pt-PT\": ptPT,\n  \"ro-RO\": roRO,\n  \"ru-RU\": ruRU,\n  \"sk-SK\": skSK,\n  \"sl-SI\": slSI,\n  \"sr-SP\": srSP,\n  \"sv-SE\": svSE,\n  \"tr-TR\": trTR,\n  \"uk-UA\": ukUA,\n  \"zh-CN\": zhCN,\n  \"zh-TW\": zhTW,\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/tag/useTag.ts\n\n/**\n * Tag hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a tag component.\n * Tags are individual items within a TagGroup.\n *\n * Based on @react-aria/tag useTag\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { getTagGroupData } from \"./createTagGroup\";\nimport { tagIntlStrings } from \"./intl\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaTagProps {\n  /** The unique key for this tag. */\n  key: Key;\n  /** The role for the tag root. Components use row semantics inside a grid. */\n  role?: \"option\" | \"row\";\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /** A text value for the tag used for accessibility. */\n  textValue?: string;\n  /** Handler called when the tag is activated (Enter, or press when selectionMode is none). */\n  onAction?: () => void;\n}\n\nexport interface TagAria {\n  /** Props for the tag row element. */\n  rowProps: Record<string, unknown>;\n  /** Props for the tag cell element. */\n  gridCellProps: Record<string, unknown>;\n  /** Props for the tag remove button. */\n  removeButtonProps: Record<string, unknown>;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n  /** Whether the tag is selected. */\n  isSelected: boolean;\n  /** Whether the tag is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag is focused. */\n  isFocused: boolean;\n  /** Whether the tag is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the tag is pressed. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n * Tags are individual items within a TagGroup.\n */\nexport function createTag<T>(\n  props: MaybeAccessor<AriaTagProps>,\n  state: ListState<T>,\n  ref: () => HTMLElement | null,\n): TagAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter(tagIntlStrings, \"@react-aria/tag\");\n  const rowId = createId();\n  const cellId = createId();\n  const removeButtonId = createId();\n\n  // Get shared data from tag group\n  const getData = () => getTagGroupData(state);\n\n  // Get key\n  const key = () => getProps().key;\n\n  // Compute states\n  const isDisabled = createMemo(() => {\n    const p = getProps();\n    return p.isDisabled || state.isDisabled(key());\n  });\n\n  const isSelected = createMemo(() => {\n    return state.isSelected(key());\n  });\n\n  const isSelectable = createMemo(() => state.selectionMode() !== \"none\");\n\n  const isFocused = createMemo(() => {\n    return state.focusedKey() === key();\n  });\n\n  const getFirstFocusableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getFirstKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n    return candidate;\n  };\n\n  const getLastFocusableKey = (): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getLastKey();\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n    return candidate;\n  };\n\n  const getNextFocusableKey = (fromKey: Key): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getKeyAfter(fromKey);\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyAfter(candidate);\n    }\n\n    if (candidate != null) {\n      return candidate;\n    }\n\n    return getFirstFocusableKey();\n  };\n\n  const getPreviousFocusableKey = (fromKey: Key): Key | null => {\n    const collection = state.collection();\n    let candidate = collection.getKeyBefore(fromKey);\n    while (candidate != null && state.isDisabled(candidate)) {\n      candidate = collection.getKeyBefore(candidate);\n    }\n\n    if (candidate != null) {\n      return candidate;\n    }\n\n    return getLastFocusableKey();\n  };\n\n  const focusKey = (nextKey: Key | null) => {\n    if (nextKey == null) {\n      return;\n    }\n\n    state.setFocusedKey(nextKey);\n    const currentElement = ref();\n\n    if (!currentElement) {\n      return;\n    }\n\n    if (nextKey === key()) {\n      currentElement.focus();\n      return;\n    }\n\n    const tagList = currentElement.parentElement;\n    if (!tagList) {\n      return;\n    }\n\n    const nextTag = Array.from(\n      tagList.querySelectorAll<HTMLElement>('[role=\"option\"], [role=\"row\"]'),\n    ).find((el) => el.getAttribute(\"data-key\") === String(nextKey));\n\n    nextTag?.focus();\n    // RAC useGridList selectOnFocus when selectionBehavior is replace.\n    if (\n      nextKey != null &&\n      state.selectionManager.selectionMode !== \"none\" &&\n      state.selectionManager.selectionBehavior === \"replace\"\n    ) {\n      state.selectionManager.replaceSelection(nextKey);\n    }\n  };\n\n  const removeAndRestoreFocus = (keysToRemove: Set<Key>) => {\n    const data = getData();\n    if (!data?.onRemove) return;\n    const current = key();\n    let nextKey = getNextFocusableKey(current);\n    if (nextKey === current) {\n      nextKey = getPreviousFocusableKey(current);\n    }\n    if (nextKey === current) {\n      nextKey = null;\n    }\n    data.onRemove(keysToRemove);\n    if (nextKey == null) {\n      state.setFocusedKey(null);\n      return;\n    }\n    // The removed node blurs the grid (`setFocused(false)`) and Solid may\n    // reconcile the remaining rows in this turn. Restore after that commit so\n    // the next tag is in the DOM and collection-is-focused is true again.\n    queueMicrotask(() => {\n      state.setFocused(true);\n      state.setFocusedKey(nextKey);\n      const nextTag = document.querySelector<HTMLElement>(\n        `[data-key=\"${CSS.escape(String(nextKey))}\"]`,\n      );\n      nextTag?.focus();\n    });\n  };\n\n  const selectableItem = createSelectableItem(\n    () => ({\n      key: key(),\n      id: rowId,\n      isDisabled: isDisabled(),\n      onAction: getProps().onAction,\n    }),\n    state as SelectableItemState<T>,\n    ref,\n  );\n\n  const { focusProps, isFocusVisible } = createFocusRing();\n\n  // Compute tabIndex. Mirror useTag (vendored @react-aria/tag/src/useTag.ts):\n  //   tabIndex = (!isDisabled && (isFocused || focusedKey == null)) ? 0 : -1\n  // Every non-disabled row is a tab stop when nothing is focused yet (so native\n  // Shift+Tab from a following element lands on the LAST row); once a key is\n  // focused, only that row keeps tabIndex 0 (roving single tab stop).\n  const tabIndex = createMemo(() => {\n    if (isDisabled()) return -1;\n    return isFocused() || state.focusedKey() == null ? 0 : -1;\n  });\n\n  // Handle keyboard for navigation and removal\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (isDisabled()) return;\n\n    // A TagGroup is inherently horizontal (useTagGroup passes\n    // `orientation: 'horizontal'` to the ListKeyboardDelegate), so the inline\n    // (Left/Right) axis is the navigation axis and flips under RTL, while the\n    // block (Up/Down) axis stays DOM-ordered. Mirror ListKeyboardDelegate:\n    // getKeyRightOf = rtl ? previous : next; getKeyLeftOf = rtl ? next : previous;\n    // getKeyBelow/Above are never direction-flipped.\n    const isRtl = getData()?.direction === \"rtl\";\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        e.preventDefault();\n        focusKey(isRtl ? getPreviousFocusableKey(key()) : getNextFocusableKey(key()));\n        return;\n      case \"ArrowLeft\":\n        e.preventDefault();\n        focusKey(isRtl ? getNextFocusableKey(key()) : getPreviousFocusableKey(key()));\n        return;\n      case \"ArrowDown\":\n        e.preventDefault();\n        focusKey(getNextFocusableKey(key()));\n        return;\n      case \"ArrowUp\":\n        e.preventDefault();\n        focusKey(getPreviousFocusableKey(key()));\n        return;\n      case \"Home\":\n        e.preventDefault();\n        focusKey(getFirstFocusableKey());\n        return;\n      case \"End\":\n        e.preventDefault();\n        focusKey(getLastFocusableKey());\n        return;\n      case \"Tab\": {\n        // RAC keyboardNavigationBehavior \"tab\": Tab from the row focuses the\n        // Remove button (which stays tabIndex=-1 so Shift+Tab from After lands\n        // on the focused row, not every Remove). Tab from Remove leaves the grid.\n        const row = ref();\n        if (!row || e.shiftKey) return;\n        const removeBtn = row.querySelector<HTMLElement>(\"button\");\n        if (removeBtn && document.activeElement !== removeBtn) {\n          e.preventDefault();\n          removeBtn.focus();\n        }\n        return;\n      }\n      case \"Escape\":\n        if (state.selectionMode() !== \"none\") {\n          e.preventDefault();\n          state.clearSelection();\n        }\n        return;\n      case \"a\":\n      case \"A\":\n        if ((e.ctrlKey || e.metaKey) && state.selectionMode() === \"multiple\") {\n          e.preventDefault();\n          state.selectAll();\n        }\n        return;\n      default:\n        break;\n    }\n\n    if (e.key === \"Delete\" || e.key === \"Backspace\") {\n      e.preventDefault();\n      const data = getData();\n      if (data?.onRemove) {\n        // Remove selected keys if this tag is selected, otherwise just this tag\n        if (isSelected()) {\n          const selection = state.selectedKeys();\n          const keysToRemove =\n            selection === \"all\"\n              ? new Set(Array.from(state.collection()).map((item) => (item as { key: Key }).key))\n              : new Set(selection);\n          removeAndRestoreFocus(keysToRemove);\n        } else {\n          removeAndRestoreFocus(new Set([key()]));\n        }\n      }\n    }\n  };\n\n  // Filter DOM props\n  const domProps = () => filterDOMProps(getProps() as unknown as Record<string, unknown>);\n\n  // Check if removal is allowed\n  const allowsRemoving = createMemo(() => {\n    const data = getData();\n    return !!data?.onRemove;\n  });\n\n  const rootRole = createMemo(() => getProps().role ?? \"option\");\n\n  return {\n    get rowProps() {\n      return mergeProps(\n        domProps(),\n        selectableItem.itemProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        {\n          id: rowId,\n          role: rootRole(),\n          tabIndex: tabIndex(),\n          \"data-key\": String(key()),\n          \"aria-label\": getProps().textValue,\n          \"aria-selected\": isSelectable() ? isSelected() : undefined,\n          \"aria-disabled\": isDisabled() || undefined,\n          onKeyDown: handleKeyDown,\n        },\n      );\n    },\n    get gridCellProps() {\n      return {\n        id: cellId,\n        role: \"gridcell\",\n        \"aria-describedby\": allowsRemoving() ? removeButtonId : undefined,\n      };\n    },\n    get removeButtonProps() {\n      const data = getData();\n      return {\n        id: removeButtonId,\n        \"aria-label\": stringFormatter().format(\"removeButtonLabel\"),\n        \"aria-labelledby\": `${removeButtonId} ${rowId}`,\n        isDisabled: isDisabled(),\n        // Keep Removes out of the tab order. Tab from the focused row focuses\n        // the button; Shift+Tab from After then lands on the row (#318).\n        tabIndex: -1,\n        onPress: () => {\n          if (data?.onRemove && !isDisabled()) {\n            removeAndRestoreFocus(new Set([key()]));\n          }\n        },\n      };\n    },\n    get allowsRemoving() {\n      return allowsRemoving();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/tag.jsx

@@ -1,11 +1,36 @@
-import { t as createPress } from "./createPress.jsx";
-import { i as mergeProps$1 } 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/tag/useTag.ts
+/*
+* 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/tag/useTagGroup.ts
+import { t as mergeProps } from "./mergeProps.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
 import { t as access } from "./reactivity.jsx";
-import { n as createFocusable } from "./createFocusable.jsx";
+import { t as createFocusRing } from "./createFocusRing.jsx";
+import { n as createStringFormatter } from "./createStringFormatter.jsx";
 import { createId } from "../ssr/index.jsx";
 import { t as createLabel } from "./createLabel.jsx";
-import { createEffect, createMemo, onCleanup } from "solid-js";
+import { n as createSelectableItem } from "./createSelectableItem.jsx";
+import { createMemo, createTrackedEffect, onCleanup } from "solid-js";
 //#region src/tag/createTagGroup.ts
 /**
 * TagGroup hook for Solidaria
@@ -57,11 +82,8 @@ function createTagGroup(props, state, _ref) {
 		labelElementType: "span"
 	});
 	tagGroupData.set(state, sharedData);
-	createEffect(() => {
-		tagGroupData.set(state, sharedData);
-		onCleanup(() => {
-			if (tagGroupData.get(state) === sharedData) tagGroupData.delete(state);
-		});
+	onCleanup(() => {
+		if (tagGroupData.get(state) === sharedData) tagGroupData.delete(state);
 	});
 	const getAriaDescribedBy = () => {
 		const p = getProps();
@@ -96,7 +118,7 @@ function createTagGroup(props, state, _ref) {
 	const onBlur = () => {
 		state.setFocused(false);
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const key = state.focusedKey();
 		const el = getRef();
 		if (!el || key == null) return;
@@ -109,7 +131,7 @@ function createTagGroup(props, state, _ref) {
 		get gridProps() {
 			const p = getProps();
 			const hasItems = state.collection().size > 0;
-			return mergeProps$1(domProps(), fieldProps, {
+			return mergeProps(domProps(), fieldProps, {
 				id,
 				role: hasItems ? "grid" : "group",
 				"aria-multiselectable": hasItems && state.selectionMode() === "multiple" ? true : void 0,
@@ -134,6 +156,146 @@ function createTagGroup(props, state, _ref) {
 	};
 }
 //#endregion
+//#region src/tag/intl/index.ts
+const tagIntlStrings = {
+	"ar-AE": {
+		removeButtonLabel: "إزالة",
+		removeDescription: "اضغط على مفتاح DELETE لإزالة علامة."
+	},
+	"bg-BG": {
+		removeButtonLabel: "Премахване",
+		removeDescription: "Натиснете Delete, за да премахнете маркера."
+	},
+	"cs-CZ": {
+		removeButtonLabel: "Odebrat",
+		removeDescription: "Stisknutím klávesy Delete odeberete značku."
+	},
+	"da-DK": {
+		removeButtonLabel: "Fjern",
+		removeDescription: "Tryk på Slet for at fjerne tag."
+	},
+	"de-DE": {
+		removeButtonLabel: "Entfernen",
+		removeDescription: "Auf „Löschen“ drücken, um das Tag zu entfernen."
+	},
+	"el-GR": {
+		removeButtonLabel: "Κατάργηση",
+		removeDescription: "Πατήστε Διαγραφή για να καταργήσετε την ετικέτα."
+	},
+	"en-US": {
+		removeDescription: "Press Delete to remove tag.",
+		removeButtonLabel: "Remove"
+	},
+	"es-ES": {
+		removeButtonLabel: "Quitar",
+		removeDescription: "Pulse Eliminar para quitar la etiqueta."
+	},
+	"et-EE": {
+		removeButtonLabel: "Eemalda",
+		removeDescription: "Sildi eemaldamiseks vajutage kustutusklahvi Delete."
+	},
+	"fi-FI": {
+		removeButtonLabel: "Poista",
+		removeDescription: "Poista tunniste painamalla Poista-painiketta."
+	},
+	"fr-FR": {
+		removeButtonLabel: "Supprimer",
+		removeDescription: "Appuyez sur Supprimer pour supprimer l’étiquette."
+	},
+	"he-IL": {
+		removeButtonLabel: "הסר",
+		removeDescription: "לחץ על מחק כדי להסיר תג."
+	},
+	"hr-HR": {
+		removeButtonLabel: "Ukloni",
+		removeDescription: "Pritisnite Delete za uklanjanje oznake."
+	},
+	"hu-HU": {
+		removeButtonLabel: "Eltávolítás",
+		removeDescription: "Nyomja meg a Delete billentyűt a címke eltávolításához."
+	},
+	"it-IT": {
+		removeButtonLabel: "Rimuovi",
+		removeDescription: "Premi Elimina per rimuovere il tag."
+	},
+	"ja-JP": {
+		removeButtonLabel: "削除",
+		removeDescription: "タグを削除するには、Delete キーを押します。"
+	},
+	"ko-KR": {
+		removeButtonLabel: "제거",
+		removeDescription: "태그를 제거하려면 Delete 키를 누르십시오."
+	},
+	"lt-LT": {
+		removeButtonLabel: "Pašalinti",
+		removeDescription: "Norėdami pašalinti žymą, paspauskite „Delete“ klavišą."
+	},
+	"lv-LV": {
+		removeButtonLabel: "Noņemt",
+		removeDescription: "Nospiediet Delete [Dzēst], lai noņemtu tagu."
+	},
+	"nb-NO": {
+		removeButtonLabel: "Fjern",
+		removeDescription: "Trykk på Slett for å fjerne taggen."
+	},
+	"nl-NL": {
+		removeButtonLabel: "Verwijderen",
+		removeDescription: "Druk op Verwijderen om de tag te verwijderen."
+	},
+	"pl-PL": {
+		removeButtonLabel: "Usuń",
+		removeDescription: "Naciśnij Usuń, aby usunąć znacznik."
+	},
+	"pt-BR": {
+		removeButtonLabel: "Remover",
+		removeDescription: "Pressione Delete para remover a tag."
+	},
+	"pt-PT": {
+		removeButtonLabel: "Eliminar",
+		removeDescription: "Prima Delete para eliminar a tag."
+	},
+	"ro-RO": {
+		removeButtonLabel: "Îndepărtaţi",
+		removeDescription: "Apăsați pe Delete (Ștergere) pentru a elimina eticheta."
+	},
+	"ru-RU": {
+		removeButtonLabel: "Удалить",
+		removeDescription: "Нажмите DELETE, чтобы удалить тег."
+	},
+	"sk-SK": {
+		removeButtonLabel: "Odstrániť",
+		removeDescription: "Ak chcete odstrániť značku, stlačte kláves Delete."
+	},
+	"sl-SI": {
+		removeButtonLabel: "Odstrani",
+		removeDescription: "Pritisnite Delete, da odstranite oznako."
+	},
+	"sr-SP": {
+		removeButtonLabel: "Ukloni",
+		removeDescription: "Pritisnite Obriši da biste uklonili oznaku."
+	},
+	"sv-SE": {
+		removeButtonLabel: "Ta bort",
+		removeDescription: "Tryck på Radera för att ta bort taggen."
+	},
+	"tr-TR": {
+		removeButtonLabel: "Kaldır",
+		removeDescription: "Etiketi kaldırmak için Sil tuşuna basın."
+	},
+	"uk-UA": {
+		removeButtonLabel: "Вилучити",
+		removeDescription: "Натисніть Delete, щоб вилучити тег."
+	},
+	"zh-CN": {
+		removeButtonLabel: "删除",
+		removeDescription: "按下“删除”以删除标记。"
+	},
+	"zh-TW": {
+		removeButtonLabel: "移除",
+		removeDescription: "按 Delete 鍵以移除標記。"
+	}
+};
+//#endregion
 //#region src/tag/createTag.ts
 /**
 * Tag hook for Solidaria
@@ -149,6 +311,7 @@ function createTagGroup(props, state, _ref) {
 */
 function createTag(props, state, ref) {
 	const getProps = () => access(props);
+	const stringFormatter = createStringFormatter(tagIntlStrings, "@react-aria/tag");
 	const rowId = createId();
 	const cellId = createId();
 	const removeButtonId = createId();
@@ -202,22 +365,37 @@ function createTag(props, state, ref) {
 		const tagList = currentElement.parentElement;
 		if (!tagList) return;
 		Array.from(tagList.querySelectorAll("[role=\"option\"], [role=\"row\"]")).find((el) => el.getAttribute("data-key") === String(nextKey))?.focus();
+		if (nextKey != null && state.selectionManager.selectionMode !== "none" && state.selectionManager.selectionBehavior === "replace") state.selectionManager.replaceSelection(nextKey);
 	};
-	const { pressProps, isPressed } = createPress({
-		isDisabled,
-		onPress: () => {
-			if (!isDisabled()) {
-				state.setFocusedKey(key());
-				state.toggleSelection(key());
-			}
+	const removeAndRestoreFocus = (keysToRemove) => {
+		const data = getData();
+		if (!data?.onRemove) return;
+		const current = key();
+		let nextKey = getNextFocusableKey(current);
+		if (nextKey === current) nextKey = getPreviousFocusableKey(current);
+		if (nextKey === current) nextKey = null;
+		data.onRemove(keysToRemove);
+		if (nextKey == null) {
+			state.setFocusedKey(null);
+			return;
 		}
+		queueMicrotask(() => {
+			state.setFocused(true);
+			state.setFocusedKey(nextKey);
+			document.querySelector(`[data-key="${CSS.escape(String(nextKey))}"]`)?.focus();
+		});
+	};
+	const selectableItem = createSelectableItem(() => ({
+		key: key(),
+		id: rowId,
+		isDisabled: isDisabled(),
+		onAction: getProps().onAction
+	}), state, ref);
+	const { focusProps, isFocusVisible } = createFocusRing();
+	const tabIndex = createMemo(() => {
+		if (isDisabled()) return -1;
+		return isFocused() || state.focusedKey() == null ? 0 : -1;
 	});
-	const { focusableProps } = createFocusable({
-		isDisabled,
-		onFocus: () => {
-			state.setFocusedKey(key());
-		}
-	}, ref);
 	const handleKeyDown = (e) => {
 		if (isDisabled()) return;
 		const isRtl = getData()?.direction === "rtl";
@@ -246,22 +424,41 @@ function createTag(props, state, ref) {
 				e.preventDefault();
 				focusKey(getLastFocusableKey());
 				return;
-			default: break;
+			case "Tab": {
+				const row = ref();
+				if (!row || e.shiftKey) return;
+				const removeBtn = row.querySelector("button");
+				if (removeBtn && document.activeElement !== removeBtn) {
+					e.preventDefault();
+					removeBtn.focus();
+				}
+				return;
+			}
+			case "Escape":
+				if (state.selectionMode() !== "none") {
+					e.preventDefault();
+					state.clearSelection();
+				}
+				return;
+			case "a":
+			case "A":
+				if ((e.ctrlKey || e.metaKey) && state.selectionMode() === "multiple") {
+					e.preventDefault();
+					state.selectAll();
+				}
+				return;
 		}
 		if (e.key === "Delete" || e.key === "Backspace") {
 			e.preventDefault();
-			const data = getData();
-			if (data?.onRemove) if (isSelected()) {
-				const selection = state.selectedKeys();
-				const keysToRemove = selection === "all" ? new Set(Array.from(state.collection()).map((item) => item.key)) : new Set(selection);
-				data.onRemove(keysToRemove);
-			} else data.onRemove(new Set([key()]));
+			if (getData()?.onRemove) {
+				if (isSelected()) {
+					const selection = state.selectedKeys();
+					const keysToRemove = selection === "all" ? new Set(Array.from(state.collection()).map((item) => item.key)) : new Set(selection);
+					removeAndRestoreFocus(keysToRemove);
+				} else removeAndRestoreFocus(/* @__PURE__ */ new Set([key()]));
+			}
 		}
 	};
-	const tabIndex = createMemo(() => {
-		if (isDisabled()) return -1;
-		return isFocused() || state.focusedKey() == null ? 0 : -1;
-	});
 	const domProps = () => filterDOMProps(getProps());
 	const allowsRemoving = createMemo(() => {
 		return !!getData()?.onRemove;
@@ -269,7 +466,7 @@ function createTag(props, state, ref) {
 	const rootRole = createMemo(() => getProps().role ?? "option");
 	return {
 		get rowProps() {
-			return mergeProps$1(domProps(), focusableProps, pressProps, {
+			return mergeProps(domProps(), selectableItem.itemProps, focusProps, {
 				id: rowId,
 				role: rootRole(),
 				tabIndex: tabIndex(),
@@ -291,11 +488,12 @@ function createTag(props, state, ref) {
 			const data = getData();
 			return {
 				id: removeButtonId,
-				"aria-label": "Remove",
+				"aria-label": stringFormatter().format("removeButtonLabel"),
 				"aria-labelledby": `${removeButtonId} ${rowId}`,
 				isDisabled: isDisabled(),
+				tabIndex: -1,
 				onPress: () => {
-					if (data?.onRemove && !isDisabled()) data.onRemove(new Set([key()]));
+					if (data?.onRemove && !isDisabled()) removeAndRestoreFocus(/* @__PURE__ */ new Set([key()]));
 				}
 			};
 		},
@@ -311,8 +509,11 @@ function createTag(props, state, ref) {
 		get isFocused() {
 			return isFocused();
 		},
+		get isFocusVisible() {
+			return isFocusVisible();
+		},
 		get isPressed() {
-			return isPressed();
+			return selectableItem.isPressed();
 		}
 	};
 }