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

package/dist/_chunk/listbox.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.jsx","names":["createId","mergeProps","mergeProps"],"sources":["../../src/listbox/createListBox.ts","../../src/listbox/createOption.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n * Based on @react-aria/listbox useListBox.\n */\n\nimport { createEffect, onCleanup, type JSX } from \"solid-js\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaListBoxProps {\n  /** An ID for the listbox. */\n  id?: string;\n  /** Whether the listbox is disabled. */\n  isDisabled?: boolean;\n  /** The label for the listbox. */\n  label?: JSX.Element;\n  /** An accessible label for the listbox when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the listbox. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the listbox. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the listbox. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the listbox. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler called when an item is activated (pressed). */\n  onAction?: (key: Key) => void;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus items on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the listbox uses virtual scrolling. */\n  isVirtualized?: boolean;\n  /** Whether options should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** The behavior of links in the collection. */\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  /**\n   * Unstable upstream override that forces items with actions to prefer\n   * selection or action behavior.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n  /**\n   * Whether keyboard focus movement should also update selection in single selection mode.\n   * @default true\n   */\n  shouldSelectOnFocus?: boolean;\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n  /**\n   * The primary orientation of the items. In a horizontal listbox the Left/Right\n   * arrows navigate the list (the block-axis Up/Down arrows still work); in a\n   * vertical listbox Left/Right are no-ops, matching upstream's\n   * `ListKeyboardDelegate` for a `stack` layout.\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * The text direction, used to resolve the horizontal navigation axis. In a\n   * horizontal listbox, RTL flips Left/Right (Right=previous, Left=next).\n   * @default \"ltr\"\n   */\n  direction?: \"ltr\" | \"rtl\";\n  /**\n   * Whether pressing the Escape key should clear selection in the listbox or not.\n   * Most experiences should not modify this option as it eliminates a keyboard\n   * user's ability to easily clear selection. Only use if the escape key is being\n   * handled externally or should not trigger selection clearing contextually.\n   * @default \"clearSelection\"\n   */\n  escapeKeyBehavior?: \"clearSelection\" | \"none\";\n}\n\nexport interface ListBoxAria {\n  /** Props for the listbox element. */\n  listBoxProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the listbox's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between listbox and options\nconst listBoxData = new WeakMap<object, ListBoxData>();\n\ninterface ListBoxData {\n  id: string;\n  onAction?: (key: Key) => void;\n  shouldSelectOnPressUp?: boolean;\n  shouldFocusOnHover?: boolean;\n  isVirtualized?: boolean;\n  shouldUseVirtualFocus?: boolean;\n  isDisabled?: boolean;\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport function getListBoxData(state: ListState): ListBoxData | undefined {\n  return listBoxData.get(state);\n}\n\n/**\n * Whether a key should be skipped during keyboard navigation. Disabled keys only\n * block navigation under `disabledBehavior: \"all\"` (the default); under\n * `\"selection\"` they stay focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria, which gates the skip\n * on the resolved `disabledBehavior` from the selection manager.\n */\nfunction isNavigationDisabled<T>(state: ListState<T>, key: Key): boolean {\n  return state.isDisabled(key) && state.disabledBehavior() === \"all\";\n}\n\nfunction findNextEnabledKey<T>(\n  state: ListState<T>,\n  currentKey: Key | null,\n  direction: \"next\" | \"prev\",\n  wrap: boolean,\n): Key | null {\n  const collection = state.collection();\n  const getAdjacentKey =\n    direction === \"next\"\n      ? (key: Key) => collection.getKeyAfter(key)\n      : (key: Key) => collection.getKeyBefore(key);\n  const getBoundaryKey =\n    direction === \"next\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n  let key = currentKey != null ? getAdjacentKey(currentKey) : getBoundaryKey();\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = getAdjacentKey(key);\n  }\n\n  if (key == null && wrap) {\n    key = getBoundaryKey();\n    while (key != null && isNavigationDisabled(state, key)) {\n      key = getAdjacentKey(key);\n    }\n  }\n\n  return key;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n */\nexport function createListBox<T>(\n  props: MaybeAccessor<AriaListBoxProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): ListBoxAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Development-time warning for missing accessibility labels\n  if (isDevEnv()) {\n    const p = getProps();\n    if (!p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\n        \"[solidaria] A ListBox requires an aria-label or aria-labelledby attribute for accessibility.\",\n      );\n    }\n  }\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const updateSharedData = () => {\n    const p = getProps();\n    const selectionBehavior = state.selectionBehavior();\n    let linkBehavior = p.linkBehavior ?? (selectionBehavior === \"replace\" ? \"action\" : \"override\");\n    if (selectionBehavior === \"toggle\" && linkBehavior === \"action\") {\n      linkBehavior = \"override\";\n    }\n\n    listBoxData.set(state, {\n      id,\n      onAction: p.onAction,\n      shouldSelectOnPressUp: p.shouldSelectOnPressUp,\n      shouldFocusOnHover: p.shouldFocusOnHover,\n      isVirtualized: p.isVirtualized,\n      shouldUseVirtualFocus: p.shouldUseVirtualFocus,\n      isDisabled: p.isDisabled,\n      linkBehavior,\n      UNSTABLE_itemBehavior: p.UNSTABLE_itemBehavior,\n    });\n  };\n\n  // Ensure options created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child options\n  createEffect(() => {\n    updateSharedData();\n\n    onCleanup(() => {\n      listBoxData.delete(state);\n    });\n  });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithin: (e) => getProps().onFocus?.(e),\n    onBlurWithin: (e) => getProps().onBlur?.(e),\n    onFocusWithinChange: (isFocused) => {\n      getProps().onFocusChange?.(isFocused);\n      // Collection focus lives on the selection manager (upstream tracks it in\n      // useSelectableCollection); the ListState-level setFocused may be a\n      // widget-level focus state (e.g. Select's trigger focus).\n      state.selectionManager.setFocused(isFocused);\n    },\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Type-to-select\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.focusedKey(),\n    onFocusedKeyChange: (key) => state.setFocusedKey(key),\n    isKeyDisabled: (key) => state.isDisabled(key),\n    get isDisabled() {\n      return getProps().disallowTypeAhead ?? false;\n    },\n  });\n\n  // Focus marshalling — the container is a trampoline. When a standalone\n  // listbox receives DOM focus with nothing focused yet (e.g. Tab lands on the\n  // container, whose roving tabIndex is 0 only while `focusedKey == null`), move\n  // the focused key to the first/last option; `createSelectableItem`'s focus\n  // effect then pulls REAL DOM focus onto that option and the container rolls to\n  // tabIndex -1. This mirrors `useSelectableCollection`'s `onFocus`\n  // (useSelectableCollection.ts:409-454) and is why upstream never needs\n  // `aria-activedescendant` on a standalone listbox — real focus IS the AT\n  // channel. Skipped under `shouldUseVirtualFocus` (ComboBox/Autocomplete keep\n  // DOM focus on the input and drive an activedescendant via the virtual-focus\n  // channel instead).\n  //\n  // NOTE on the guard: unlike upstream (whose selectable `onFocus` sets\n  // `manager.setFocused(true)` itself and guards on `manager.isFocused`), our\n  // `createFocusWithin` already flips `setFocused(true)` via `onFocusWithinChange`\n  // — and mergeProps chains it BEFORE this handler — so `manager.isFocused` is\n  // already true here. Guard on `focusedKey() == null` instead (only marshal when\n  // no option is focused yet). `onFocus` is non-bubbling in Solid, so this fires\n  // only when the container element itself receives focus, not on child focus.\n  const onListBoxFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.shouldUseVirtualFocus) return;\n    // Ignore focus events that bubbled through a portal.\n    if (!e.currentTarget.contains(e.target as Node)) return;\n    if (state.focusedKey() != null) return;\n\n    const manager = state.selectionManager;\n    const selectOnFocus = state.selectionBehavior() === \"replace\";\n    const navigateToKey = (key: Key | null | undefined) => {\n      if (key == null) return;\n      state.setFocusedKey(key);\n      if (selectOnFocus && !manager.isSelected(key)) {\n        state.replaceSelection(key);\n      }\n    };\n\n    const collection = state.collection();\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: if focus came from an element that FOLLOWS the\n    // listbox in the document, the user is shift-tabbing backward into it, so\n    // enter at the last item; otherwise enter at the first.\n    if (\n      relatedTarget &&\n      e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n    ) {\n      navigateToKey(manager.lastSelectedKey ?? collection.getLastKey());\n    } else {\n      navigateToKey(manager.firstSelectedKey ?? collection.getFirstKey());\n    }\n  };\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled) return;\n\n    const collection = state.collection();\n    const shouldWrap = p.shouldFocusWrap ?? false;\n    const shouldSelectOnFocus = p.shouldSelectOnFocus ?? true;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        // Only consume the key once a target exists. Mirrors\n        // useSelectableCollection (ArrowDown, 211-225): preventDefault is called\n        // inside `if (nextKey != null)`, so at the last item without wrap the\n        // arrow is left alone to bubble (e.g. to scroll an enclosing region).\n        const nextKey = findNextEnabledKey(state, state.focusedKey(), \"next\", shouldWrap);\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(nextKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(nextKey, collection);\n          }\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        const prevKey = findNextEnabledKey(state, state.focusedKey(), \"prev\", shouldWrap);\n        if (prevKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(prevKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(prevKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(prevKey, collection);\n          }\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // Horizontal orientation promotes the inline axis to the primary\n        // navigation axis. Upstream's ListKeyboardDelegate strips\n        // getKeyLeftOf/getKeyRightOf for a vertical stack, so Left/Right stay\n        // no-ops there; in a horizontal stack they move prev/next, flipped\n        // under RTL (Right=next, Left=prev in LTR).\n        if (p.orientation !== \"horizontal\") break;\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const focusedKey = state.focusedKey();\n        // With nothing focused, both directions enter at the first item,\n        // mirroring upstream's getFirstKey() fallback for Left and Right.\n        const nextKey =\n          focusedKey != null\n            ? findNextEnabledKey(state, focusedKey, forward ? \"next\" : \"prev\", shouldWrap)\n            : findNextEnabledKey(state, null, \"next\", false);\n        // As with the block axis, only swallow the key when it moves focus\n        // (useSelectableCollection ArrowLeft/Right, 243-280).\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(nextKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(nextKey, collection);\n          }\n        }\n        break;\n      }\n      case \"Home\": {\n        // Mirror useSelectableCollection (Home, 283-285): with nothing focused,\n        // Shift+Home has no anchor to extend a selection from, so leave the\n        // event alone (no focus move, no preventDefault).\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        const firstKey = findNextEnabledKey(state, null, \"next\", false);\n        if (firstKey != null) {\n          state.setFocusedKey(firstKey);\n          if (e.ctrlKey && e.shiftKey && state.selectionMode() === \"multiple\") {\n            // Select from current to first\n            state.extendSelection(firstKey, collection);\n          } else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(firstKey);\n          }\n        }\n        break;\n      }\n      case \"End\": {\n        // Mirror useSelectableCollection (End, 300-302): same anchor guard as Home.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        const lastKey = findNextEnabledKey(state, null, \"prev\", false);\n        if (lastKey != null) {\n          state.setFocusedKey(lastKey);\n          if (e.ctrlKey && e.shiftKey && state.selectionMode() === \"multiple\") {\n            // Select from current to last\n            state.extendSelection(lastKey, collection);\n          } else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(lastKey);\n          }\n        }\n        break;\n      }\n      case \" \":\n      case \"Enter\": {\n        if (e.target !== e.currentTarget) {\n          break;\n        }\n\n        e.preventDefault();\n        const focusedKey = state.focusedKey();\n        // Activation is gated on the navigation-disabled check, not the raw\n        // one: under disabledBehavior \"selection\" a focusable disabled option\n        // still fires onAction, mirroring useSelectableItem's allowsActions\n        // (manager.isDisabled is gated on \"all\"). Selection stays blocked —\n        // toggleSelection self-guards on the raw disabled check.\n        if (focusedKey != null && !isNavigationDisabled(state, focusedKey)) {\n          if (state.selectionMode() !== \"none\") {\n            state.toggleSelection(focusedKey);\n          }\n          p.onAction?.(focusedKey);\n        }\n        break;\n      }\n      case \"a\": {\n        if ((e.ctrlKey || e.metaKey) && state.selectionMode() === \"multiple\") {\n          e.preventDefault();\n          state.selectAll();\n        }\n        break;\n      }\n      case \"Escape\": {\n        // Mirror useSelectableCollection (Escape, 352-362): only clear the\n        // selection — and swallow the event — when escapeKeyBehavior is\n        // 'clearSelection', there is actually a selection to clear, and empty\n        // selection is allowed. With escapeKeyBehavior 'none', or otherwise,\n        // leave Escape alone so an enclosing overlay (popover, dialog, combobox)\n        // can handle it.\n        if (\n          (p.escapeKeyBehavior ?? \"clearSelection\") === \"clearSelection\" &&\n          !state.disallowEmptySelection() &&\n          !state.isEmpty()\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          state.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get listBoxProps() {\n      const p = getProps();\n      const selectionMode = state.selectionMode();\n      const virtualFocus = p.shouldUseVirtualFocus ?? false;\n      const focusedKey = state.focusedKey();\n\n      // Roving container tabIndex mirrors `useSelectableCollection`\n      // (useSelectableCollection.ts:581-582): with real option focus, the\n      // container is tabbable (0) only while nothing is focused, then rolls to\n      // -1 once focus lands on an option so Tab exits the widget. Under virtual\n      // focus (ComboBox/Autocomplete) the container is NOT a tab stop at all —\n      // upstream leaves `tabIndex` undefined, so the popover listbox never\n      // appears in the roving trail. `aria-activedescendant` is the\n      // virtual-focus AT channel and is emitted ONLY on that path — a standalone\n      // listbox announces the active option through real DOM focus, so upstream\n      // never sets it there.\n      const tabIndex = p.isDisabled\n        ? undefined\n        : virtualFocus\n          ? undefined\n          : focusedKey != null\n            ? -1\n            : 0;\n\n      const baseProps = mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"listbox\",\n          tabIndex,\n          \"aria-disabled\": p.isDisabled || undefined,\n          \"aria-multiselectable\": selectionMode === \"multiple\" ? true : undefined,\n          \"aria-activedescendant\":\n            virtualFocus && focusedKey != null ? String(focusedKey) : undefined,\n          onKeyDown,\n          onFocus: onListBoxFocus,\n        },\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for an option in a listbox.\n * Based on @react-aria/listbox useOption.\n */\n\nimport { type JSX, type Accessor } from \"solid-js\";\nimport { createHover, type HoverEvents } from \"../interactions/createHover\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getListBoxData } from \"./createListBox\";\nimport { getItemCount, type ListState, type Key } from \"@proyecto-viviana/solid-stately\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\n\nexport interface AriaOptionProps {\n  /** The unique key for the option. */\n  key: Key;\n  /** Optional DOM id for the option element. Defaults to the key. */\n  optionId?: string;\n  /** Whether the option is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the option. */\n  \"aria-label\"?: string;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus the option on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the option should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the option is contained in a virtual scrolling listbox. */\n  isVirtualized?: boolean;\n  /** Whether press-up may occur without the press starting on this option. */\n  allowsDifferentPressOrigin?: boolean;\n  /** Handler called when hover starts. */\n  onHoverStart?: HoverEvents[\"onHoverStart\"];\n  /** Handler called when hover ends. */\n  onHoverEnd?: HoverEvents[\"onHoverEnd\"];\n  /** Handler called when hover state changes. */\n  onHoverChange?: HoverEvents[\"onHoverChange\"];\n  /** Handler called when the option is activated. */\n  onAction?: () => void;\n}\n\nexport interface OptionAria {\n  /** Props for the option element. */\n  optionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the option. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the option. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the option is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the option is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the option is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the option is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the option is currently hovered. */\n  isHovered: Accessor<boolean>;\n  /** Whether the option is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the option may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the option has an action. */\n  hasAction: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an option in a listbox.\n */\nexport function createOption<T>(\n  props: MaybeAccessor<AriaOptionProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): OptionAria {\n  const getProps = () => access(props);\n\n  const getData = () => getListBoxData(state);\n\n  const shouldSelectOnPressUp = () => {\n    return getProps().shouldSelectOnPressUp ?? getData()?.shouldSelectOnPressUp;\n  };\n\n  const shouldFocusOnHover = () => {\n    return getProps().shouldFocusOnHover ?? getData()?.shouldFocusOnHover ?? false;\n  };\n\n  const shouldUseVirtualFocus = () => {\n    return getProps().shouldUseVirtualFocus ?? getData()?.shouldUseVirtualFocus ?? false;\n  };\n\n  const isVirtualized = () => {\n    return getProps().isVirtualized ?? getData()?.isVirtualized ?? false;\n  };\n\n  const allowsDifferentPressOrigin = () => {\n    return (\n      getProps().allowsDifferentPressOrigin ??\n      Boolean(shouldSelectOnPressUp() && shouldFocusOnHover())\n    );\n  };\n\n  const isDisabledProp = () => {\n    return Boolean(getData()?.isDisabled || getProps().isDisabled);\n  };\n\n  const optionId = () => getProps().optionId ?? String(getProps().key);\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const key = getProps().key;\n      const hasAction = getProps().onAction != null || getData()?.onAction != null;\n\n      return {\n        key,\n        id: optionId(),\n        isDisabled: isDisabledProp(),\n        shouldSelectOnPressUp: shouldSelectOnPressUp(),\n        allowsDifferentPressOrigin: allowsDifferentPressOrigin(),\n        isVirtualized: isVirtualized(),\n        shouldUseVirtualFocus: shouldUseVirtualFocus(),\n        onAction: hasAction\n          ? () => {\n              getProps().onAction?.();\n              getData()?.onAction?.(key);\n            }\n          : undefined,\n        linkBehavior: getData()?.linkBehavior,\n        UNSTABLE_itemBehavior: getData()?.UNSTABLE_itemBehavior,\n      };\n    },\n    state as SelectableItemState<T>,\n    () => _ref?.() ?? null,\n  );\n\n  const { hoverProps, isHovered } = createHover({\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    onHoverStart(e) {\n      if (shouldFocusOnHover() && !isFocusVisible()) {\n        state.selectionManager.setFocused(true);\n        state.selectionManager.setFocusedKey(getProps().key);\n      }\n      getProps().onHoverStart?.(e);\n    },\n    onHoverEnd(e) {\n      getProps().onHoverEnd?.(e);\n    },\n    onHoverChange(isHovering) {\n      getProps().onHoverChange?.(isHovering);\n    },\n  });\n\n  const { isFocusVisible, focusProps } = createFocusRing();\n\n  const labelId = `${getProps().key}-label`;\n  const descriptionId = `${getProps().key}-desc`;\n\n  return {\n    get optionProps() {\n      const key = getProps().key;\n      const selectionMode = state.selectionMode();\n      const ariaLabel = getProps()[\"aria-label\"];\n\n      // When the listbox is virtualized the DOM only holds the windowed rows, so\n      // (mirroring @react-aria/listbox useOption) publish the item's absolute\n      // position in the full collection for assistive tech. Only under\n      // virtualization — an un-windowed listbox exposes every row and the browser\n      // derives posinset/setsize itself.\n      let ariaPosInSet: number | undefined;\n      let ariaSetSize: number | undefined;\n      if (isVirtualized()) {\n        const index = Number(state.collection().getItem(key)?.index);\n        ariaPosInSet = Number.isNaN(index) ? undefined : index + 1;\n        ariaSetSize = getItemCount(state.collection());\n      }\n\n      return mergeProps(\n        selectableItem.itemProps as Record<string, unknown>,\n        hoverProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        {\n          role: \"option\",\n          id: optionId(),\n          \"aria-selected\": selectionMode !== \"none\" ? selectableItem.isSelected() : undefined,\n          \"aria-disabled\": selectableItem.isDisabled() || undefined,\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": !ariaLabel ? labelId : undefined,\n          \"aria-describedby\": descriptionId,\n          \"aria-posinset\": ariaPosInSet,\n          \"aria-setsize\": ariaSetSize,\n          \"data-selected\": selectableItem.isSelected() || undefined,\n          \"data-focused\": selectableItem.isFocused() || undefined,\n          \"data-focus-visible\": (selectableItem.isFocused() && isFocusVisible()) || undefined,\n          \"data-pressed\": selectableItem.isPressed() || undefined,\n          \"data-disabled\": selectableItem.isDisabled() || undefined,\n          \"data-hovered\": isHovered() || undefined,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    labelProps: {\n      id: labelId,\n    },\n    descriptionProps: {\n      id: descriptionId,\n    },\n    isSelected: selectableItem.isSelected,\n    isFocused: selectableItem.isFocused,\n    isFocusVisible: () => selectableItem.isFocused() && isFocusVisible(),\n    isPressed: selectableItem.isPressed,\n    isHovered,\n    isDisabled: selectableItem.isDisabled,\n    allowsSelection: selectableItem.allowsSelection,\n    hasAction: selectableItem.hasAction,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"listbox.jsx","names":["createId"],"sources":["../../src/listbox/createListBox.ts","../../src/listbox/createOption.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/listbox/useListBox.ts\n\n/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n * Based on @react-aria/listbox useListBox.\n */\n\nimport { createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createSelectableList } from \"../selection/createSelectableList\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaListBoxProps {\n  /** An ID for the listbox. */\n  id?: string;\n  /** Whether the listbox is disabled. */\n  isDisabled?: boolean;\n  /** The label for the listbox. */\n  label?: JSX.Element;\n  /** An accessible label for the listbox when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the listbox. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the listbox. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the listbox. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the listbox. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler called when an item is activated (pressed). */\n  onAction?: (key: Key) => void;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus items on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the listbox uses virtual scrolling. */\n  isVirtualized?: boolean;\n  /** Whether options should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** The behavior of links in the collection. */\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  /**\n   * Unstable upstream override that forces items with actions to prefer\n   * selection or action behavior.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n  /**\n   * Whether keyboard focus movement should also update selection in single selection mode.\n   * @default true\n   */\n  shouldSelectOnFocus?: boolean;\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n  /**\n   * The primary orientation of the items. In a horizontal listbox the Left/Right\n   * arrows navigate the list (the block-axis Up/Down arrows still work); in a\n   * vertical listbox Left/Right are no-ops, matching upstream's\n   * `ListKeyboardDelegate` for a `stack` layout.\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * The text direction, used to resolve the horizontal navigation axis. In a\n   * horizontal listbox, RTL flips Left/Right (Right=previous, Left=next).\n   * @default \"ltr\"\n   */\n  direction?: \"ltr\" | \"rtl\";\n  /**\n   * Whether pressing the Escape key should clear selection in the listbox or not.\n   * Most experiences should not modify this option as it eliminates a keyboard\n   * user's ability to easily clear selection. Only use if the escape key is being\n   * handled externally or should not trigger selection clearing contextually.\n   * @default \"clearSelection\"\n   */\n  escapeKeyBehavior?: \"clearSelection\" | \"none\";\n  /**\n   * Whether Escape and other collection-level interactions may clear the\n   * selection. This is an ARIA behavior override and does not change whether\n   * an option press may toggle the final selected item.\n   */\n  disallowEmptySelection?: boolean;\n}\n\nexport interface ListBoxAria {\n  /** Props for the listbox element. */\n  listBoxProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the listbox's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between listbox and options\nconst listBoxData = new WeakMap<object, ListBoxData>();\n\ninterface ListBoxData {\n  id: string;\n  onAction?: (key: Key) => void;\n  shouldSelectOnPressUp?: boolean;\n  shouldFocusOnHover?: boolean;\n  isVirtualized?: boolean;\n  shouldUseVirtualFocus?: boolean;\n  isDisabled?: boolean;\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport function getListBoxData(state: ListState): ListBoxData | undefined {\n  return listBoxData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n */\nexport function createListBox<T>(\n  props: MaybeAccessor<AriaListBoxProps>,\n  state: ListState<T>,\n  ref: () => HTMLElement | null = () => null,\n): ListBoxAria {\n  const getProps = () => access(props);\n  const fallbackId = createId();\n  const id = () => getProps().id ?? fallbackId;\n\n  // Development-time warning for missing accessibility labels\n  if (isDevEnv()) {\n    const p = getProps();\n    if (!p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\n        \"[solidaria] A ListBox requires an aria-label or aria-labelledby attribute for accessibility.\",\n      );\n    }\n  }\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const updateSharedData = () => {\n    const p = getProps();\n    const selectionBehavior = state.selectionBehavior();\n    let linkBehavior = p.linkBehavior ?? (selectionBehavior === \"replace\" ? \"action\" : \"override\");\n    if (selectionBehavior === \"toggle\" && linkBehavior === \"action\") {\n      linkBehavior = \"override\";\n    }\n\n    listBoxData.set(state, {\n      id: id(),\n      onAction: p.onAction,\n      shouldSelectOnPressUp: p.shouldSelectOnPressUp,\n      shouldFocusOnHover: p.shouldFocusOnHover,\n      isVirtualized: p.isVirtualized,\n      shouldUseVirtualFocus: p.shouldUseVirtualFocus,\n      isDisabled: p.isDisabled,\n      linkBehavior,\n      UNSTABLE_itemBehavior: p.UNSTABLE_itemBehavior,\n    });\n  };\n\n  // Ensure options created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child options\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    updateSharedData();\n\n    _s2Cleanups.push(() => {\n      listBoxData.delete(state);\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithin: (e) => getProps().onFocus?.(e),\n    onBlurWithin: (e) => getProps().onBlur?.(e),\n    onFocusWithinChange: (isFocused) => getProps().onFocusChange?.(isFocused),\n  });\n\n  // Label handling\n  const labelAria = createLabel({\n    get id() {\n      return id();\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  const selectableList = createSelectableList<T>({\n    selectionManager: state.selectionManager,\n    ref,\n    get shouldFocusWrap() {\n      return getProps().shouldFocusWrap;\n    },\n    get disallowEmptySelection() {\n      return getProps().disallowEmptySelection ?? state.disallowEmptySelection();\n    },\n    get escapeKeyBehavior() {\n      return getProps().escapeKeyBehavior;\n    },\n    get selectOnFocus() {\n      return getProps().shouldSelectOnFocus;\n    },\n    get disallowTypeAhead() {\n      return getProps().disallowTypeAhead;\n    },\n    get shouldUseVirtualFocus() {\n      return getProps().shouldUseVirtualFocus;\n    },\n    get isVirtualized() {\n      return getProps().isVirtualized;\n    },\n    get linkBehavior() {\n      const p = getProps();\n      const selectionBehavior = state.selectionBehavior();\n      const behavior = p.linkBehavior ?? (selectionBehavior === \"replace\" ? \"action\" : \"override\");\n      if (behavior === \"none\") {\n        // Collection navigation has no \"none\" mode. Treat links as actions here;\n        // createOption still reads \"none\" from the parent listbox metadata.\n        return \"action\";\n      }\n      return selectionBehavior === \"toggle\" && behavior === \"action\" ? \"override\" : behavior;\n    },\n    get orientation() {\n      return getProps().orientation;\n    },\n    get direction() {\n      return getProps().direction ?? \"ltr\";\n    },\n  });\n\n  return {\n    get labelProps() {\n      return labelAria.labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get listBoxProps() {\n      const p = getProps();\n      const selectionMode = state.selectionMode();\n      return mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        labelAria.fieldProps as Record<string, unknown>,\n        p.isDisabled === true ? {} : (selectableList.listProps as Record<string, unknown>),\n        {\n          role: \"listbox\",\n          \"aria-orientation\": p.orientation ?? \"vertical\",\n          \"aria-disabled\": p.isDisabled === true ? \"true\" : undefined,\n          \"aria-multiselectable\": selectionMode === \"multiple\" ? \"true\" : undefined,\n        },\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\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/listbox/useOption.ts\n\n/**\n * Provides the behavior and accessibility implementation for an option in a listbox.\n * Based on @react-aria/listbox useOption.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createHover, type HoverEvents } from \"../interactions/createHover\";\nimport { isFocusVisible } from \"../interactions/createInteractionModality\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createSlotId } from \"../ssr\";\nimport { getListBoxData } from \"./createListBox\";\nimport { getItemCount, type ListState, type Key } from \"@proyecto-viviana/solid-stately\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\n\nexport interface AriaOptionProps {\n  /** The unique key for the option. */\n  key: Key;\n  /** Optional DOM id for the option element. Defaults to the key. */\n  optionId?: string;\n  /** Whether the option is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the option. */\n  \"aria-label\"?: string;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus the option on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the option should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the option is contained in a virtual scrolling listbox. */\n  isVirtualized?: boolean;\n  /**\n   * Function to focus the option, overriding the default DOM focus.\n   * Forwarded into `createSelectableItem` (`useSelectableItem` `focus`).\n   */\n  focus?: () => void;\n  /** Whether press-up may occur without the press starting on this option. */\n  allowsDifferentPressOrigin?: boolean;\n  /** Handler called when hover starts. */\n  onHoverStart?: HoverEvents[\"onHoverStart\"];\n  /** Handler called when hover ends. */\n  onHoverEnd?: HoverEvents[\"onHoverEnd\"];\n  /** Handler called when hover state changes. */\n  onHoverChange?: HoverEvents[\"onHoverChange\"];\n  /** Handler called when the option is activated. */\n  onAction?: () => void;\n}\n\nexport interface OptionAria {\n  /** Props for the option element. */\n  optionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the option. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the option. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the option is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the option is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the option is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the option is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the option is currently hovered. */\n  isHovered: Accessor<boolean>;\n  /** Whether the option is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the option may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the option has an action. */\n  hasAction: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an option in a listbox.\n */\nexport function createOption<T>(\n  props: MaybeAccessor<AriaOptionProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): OptionAria {\n  const getProps = () => access(props);\n\n  const getData = () => getListBoxData(state);\n\n  const shouldSelectOnPressUp = () => {\n    return getProps().shouldSelectOnPressUp ?? getData()?.shouldSelectOnPressUp;\n  };\n\n  const shouldFocusOnHover = () => {\n    return getProps().shouldFocusOnHover ?? getData()?.shouldFocusOnHover ?? false;\n  };\n\n  const shouldUseVirtualFocus = () => {\n    return getProps().shouldUseVirtualFocus ?? getData()?.shouldUseVirtualFocus ?? false;\n  };\n\n  const isVirtualized = () => {\n    return getProps().isVirtualized ?? getData()?.isVirtualized ?? false;\n  };\n\n  const allowsDifferentPressOrigin = () => {\n    return (\n      getProps().allowsDifferentPressOrigin ??\n      Boolean(shouldSelectOnPressUp() && shouldFocusOnHover())\n    );\n  };\n\n  const isDisabledProp = () => {\n    return Boolean(getData()?.isDisabled || getProps().isDisabled);\n  };\n\n  const optionId = () => getProps().optionId ?? String(getProps().key);\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const key = getProps().key;\n      const hasAction = getProps().onAction != null || getData()?.onAction != null;\n\n      return {\n        key,\n        id: optionId(),\n        isDisabled: isDisabledProp(),\n        shouldSelectOnPressUp: shouldSelectOnPressUp(),\n        allowsDifferentPressOrigin: allowsDifferentPressOrigin(),\n        isVirtualized: isVirtualized(),\n        shouldUseVirtualFocus: shouldUseVirtualFocus(),\n        focus: getProps().focus,\n        onAction: hasAction\n          ? () => {\n              getProps().onAction?.();\n              getData()?.onAction?.(key);\n            }\n          : undefined,\n        linkBehavior: getData()?.linkBehavior,\n        UNSTABLE_itemBehavior: getData()?.UNSTABLE_itemBehavior,\n      };\n    },\n    state as SelectableItemState<T>,\n    () => _ref?.() ?? null,\n  );\n\n  const { hoverProps, isHovered } = createHover({\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    onHoverStart(e) {\n      // useOption.ts:158. Hover focus only while the global modality is pointer.\n      if (shouldFocusOnHover() && !isFocusVisible()) {\n        state.selectionManager.setFocused(true);\n        state.selectionManager.setFocusedKey(getProps().key);\n      }\n      getProps().onHoverStart?.(e);\n    },\n    onHoverEnd(e) {\n      getProps().onHoverEnd?.(e);\n    },\n    onHoverChange(isHovering) {\n      getProps().onHoverChange?.(isHovering);\n    },\n  });\n\n  // useOption.ts:182. selectionManager.isFocused is the boolean getter that\n  // reads the selection signal, not a function. Link behavior stays inside\n  // createSelectableItem's itemProps; useOption's separate linkProps merge\n  // has no second object here.\n  const optionIsFocusVisible = () =>\n    selectableItem.isFocused() && state.selectionManager.isFocused && isFocusVisible();\n\n  // Mirror useOption: `useSlotId()` for the label and description slots so\n  // `aria-labelledby` / `aria-describedby` resolve only when an element with\n  // that id is actually in the DOM. A generated-but-unrendered id is the\n  // `(missing)` oracle failure on ComboBox/Picker options.\n  const labelId = createSlotId();\n  const descriptionId = createSlotId();\n\n  return {\n    get optionProps() {\n      const key = getProps().key;\n      const selectionMode = state.selectionMode();\n      const ariaLabel = getProps()[\"aria-label\"];\n\n      // When the listbox is virtualized the DOM only holds the windowed rows, so\n      // (mirroring @react-aria/listbox useOption) publish the item's absolute\n      // position in the full collection for assistive tech. Only under\n      // virtualization — an un-windowed listbox exposes every row and the browser\n      // derives posinset/setsize itself.\n      let ariaPosInSet: number | undefined;\n      let ariaSetSize: number | undefined;\n      if (isVirtualized()) {\n        const index = Number(state.collection().getItem(key)?.index);\n        ariaPosInSet = Number.isNaN(index) ? undefined : index + 1;\n        ariaSetSize = getItemCount(state.collection());\n      }\n\n      return mergeProps(\n        selectableItem.itemProps as Record<string, unknown>,\n        hoverProps as Record<string, unknown>,\n        {\n          role: \"option\",\n          id: optionId(),\n          \"aria-selected\": selectionMode !== \"none\" ? selectableItem.isSelected() : undefined,\n          \"aria-disabled\": selectableItem.isDisabled() || undefined,\n          \"aria-label\": ariaLabel,\n          // RAC useOption.ts:124-126 always publishes the resolved slot ids\n          // (undefined when the slot was not rendered) — it does not drop\n          // labelledby just because aria-label is also set.\n          \"aria-labelledby\": labelId(),\n          \"aria-describedby\": descriptionId(),\n          \"aria-posinset\": ariaPosInSet,\n          \"aria-setsize\": ariaSetSize,\n          \"data-selected\": selectableItem.isSelected() || undefined,\n          \"data-focused\": selectableItem.isFocused() || undefined,\n          \"data-focus-visible\": optionIsFocusVisible() || undefined,\n          \"data-pressed\": selectableItem.isPressed() || undefined,\n          \"data-disabled\": selectableItem.isDisabled() || undefined,\n          \"data-hovered\": isHovered() || undefined,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    // Getters so the slot id stays reactive: `createSlotId` may clear the id\n    // after mount if no element registered it.\n    get labelProps() {\n      return { id: labelId() };\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isSelected: selectableItem.isSelected,\n    isFocused: selectableItem.isFocused,\n    isFocusVisible: optionIsFocusVisible,\n    isPressed: selectableItem.isPressed,\n    isHovered,\n    isDisabled: selectableItem.isDisabled,\n    allowsSelection: selectableItem.allowsSelection,\n    hasAction: selectableItem.hasAction,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/locale.js

@@ -1,5 +1,31 @@
-import { createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-js";
-import { createComponent } from "solid-js/web";
+/*
+* 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/i18n/useDefaultLocale.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/i18n/utils.ts
+import { n as useContextOptional } from "./owner.js";
+import { t as access } from "./reactivity.js";
+import { createContext, createMemo, createSignal, createTrackedEffect } from "solid-js";
+import { createComponent } from "@solidjs/web";
 //#region src/i18n/utils.ts
 /**
 * i18n utilities for solidaria
@@ -8,7 +34,7 @@ import { createComponent } from "solid-js/web";
 *
 * Port of @react-aria/i18n utils.
 */
-const RTL_SCRIPTS = new Set([
+const RTL_SCRIPTS = /* @__PURE__ */ new Set([
 	"Arab",
 	"Syrc",
 	"Samr",
@@ -20,7 +46,7 @@ const RTL_SCRIPTS = new Set([
 	"Rohg",
 	"Hebr"
 ]);
-const RTL_LANGS = new Set([
+const RTL_LANGS = /* @__PURE__ */ new Set([
 	"ae",
 	"ar",
 	"arc",
@@ -94,7 +120,22 @@ function updateLocale() {
 	currentLocale = getDefaultLocale();
 	for (const listener of listeners) listener(currentLocale);
 }
-const I18nContext = createContext(null);
+const i18nContextSymbol = Symbol.for("solidaria.i18n.context");
+function getI18nContext() {
+	const registry = globalThis;
+	let contexts = registry[i18nContextSymbol];
+	if (!(contexts instanceof WeakMap)) {
+		contexts = /* @__PURE__ */ new WeakMap();
+		registry[i18nContextSymbol] = contexts;
+	}
+	let context = contexts.get(createContext);
+	if (!context) {
+		context = createContext(null);
+		contexts.set(createContext, context);
+	}
+	return context;
+}
+const I18nContext = getI18nContext();
 /**
 * Returns the current browser/system locale, and updates when it changes.
 *
@@ -108,14 +149,18 @@ const I18nContext = createContext(null);
 function createDefaultLocale() {
 	if (!currentLocale) currentLocale = getDefaultLocale();
 	const [locale, setLocale] = createSignal(currentLocale);
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (typeof window === "undefined") return;
 		if (listeners.size === 0) window.addEventListener("languagechange", updateLocale);
 		listeners.add(setLocale);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			listeners.delete(setLocale);
 			if (listeners.size === 0) window.removeEventListener("languagechange", updateLocale);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	return locale;
 }
@@ -131,7 +176,7 @@ function createDefaultLocale() {
 * ```
 */
 function useLocale() {
-	const context = useContext(I18nContext);
+	const context = useContextOptional(I18nContext);
 	const defaultLocale = createDefaultLocale();
 	return context || defaultLocale;
 }
@@ -154,13 +199,14 @@ function useLocale() {
 function I18nProvider(props) {
 	const defaultLocale = createDefaultLocale();
 	const locale = createMemo(() => {
-		if (props.locale) return {
-			locale: props.locale,
-			direction: isRTL(props.locale) ? "rtl" : "ltr"
+		const localeString = access(props.locale);
+		if (localeString) return {
+			locale: localeString,
+			direction: isRTL(localeString) ? "rtl" : "ltr"
 		};
 		return defaultLocale();
 	});
-	return createComponent(I18nContext.Provider, {
+	return createComponent(I18nContext, {
 		value: locale,
 		get children() {
 			return props.children;

package/dist/_chunk/locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale.js","names":["Accessor","JSX","ParentProps","createContext","createEffect","createMemo","createSignal","onCleanup","useContext","isRTL","Direction","Locale","locale","direction","I18nProviderProps","localeSymbol","Symbol","for","currentLocale","listeners","Set","getDefaultLocale","window","Record","navigator","language","userLanguage","Intl","DateTimeFormat","supportedLocalesOf","updateLocale","listener","I18nContext","createDefaultLocale","setLocale","size","addEventListener","add","delete","removeEventListener","useLocale","context","defaultLocale","I18nProvider","props","Element","_$createComponent","Provider","value","children"],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx"],"sourcesContent":["/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\n}\n","/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from \"solid-js\";\nimport { isRTL } from \"./utils\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\nconst I18nContext = createContext<Accessor<Locale> | null>(null);\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    onCleanup(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContext(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    if (props.locale) {\n      return {\n        locale: props.locale,\n        direction: isRTL(props.locale) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"locale.js","names":["<I18nContext value={locale}>{props.children}</I18nContext>","value={locale}"],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx"],"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/i18n/utils.ts\n\n/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\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/i18n/useDefaultLocale.ts\n\n/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport { useContextOptional } from \"../utils/owner\";\nimport { createContext, createMemo, createSignal, createTrackedEffect } from \"solid-js\";\nimport type { Accessor, Context, ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isRTL } from \"./utils\";\nimport { access } from \"../utils/reactivity\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\n// Share a context across module graphs only when they use the same runtime.\n// Solid 2 contexts are callable providers which retain their runtime's owner\n// state; a dev-server restart must not reuse a prior runtime's provider.\nconst i18nContextSymbol = Symbol.for(\"solidaria.i18n.context\");\n\ntype I18nContextValue = Accessor<Locale> | null;\n\nfunction getI18nContext(): Context<I18nContextValue> {\n  const registry = globalThis as unknown as Record<\n    symbol,\n    WeakMap<typeof createContext, Context<I18nContextValue>> | undefined\n  >;\n  let contexts = registry[i18nContextSymbol];\n  // Also replace the legacy single-context cache during an in-process upgrade.\n  if (!(contexts instanceof WeakMap)) {\n    contexts = new WeakMap();\n    registry[i18nContextSymbol] = contexts;\n  }\n  let context = contexts.get(createContext);\n  if (!context) {\n    context = createContext<I18nContextValue>(null);\n    contexts.set(createContext, context);\n  }\n  return context;\n}\n\nconst I18nContext = getI18nContext();\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    _s2Cleanups.push(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContextOptional(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    const localeString = access(props.locale);\n    if (localeString) {\n      return {\n        locale: localeString,\n        direction: isRTL(localeString) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext value={locale}>{props.children}</I18nContext>;\n}\n"],"mappings":"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"}

package/dist/_chunk/locale.jsx

@@ -1,4 +1,30 @@
-import { createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-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/i18n/useDefaultLocale.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/i18n/utils.ts
+import { n as useContextOptional } from "./owner.jsx";
+import { t as access } from "./reactivity.jsx";
+import { createContext, createMemo, createSignal, createTrackedEffect } from "solid-js";
 //#region src/i18n/utils.ts
 /**
 * i18n utilities for solidaria
@@ -7,7 +33,7 @@ import { createContext, createEffect, createMemo, createSignal, onCleanup, useCo
 *
 * Port of @react-aria/i18n utils.
 */
-const RTL_SCRIPTS = new Set([
+const RTL_SCRIPTS = /* @__PURE__ */ new Set([
 	"Arab",
 	"Syrc",
 	"Samr",
@@ -19,7 +45,7 @@ const RTL_SCRIPTS = new Set([
 	"Rohg",
 	"Hebr"
 ]);
-const RTL_LANGS = new Set([
+const RTL_LANGS = /* @__PURE__ */ new Set([
 	"ae",
 	"ar",
 	"arc",
@@ -93,7 +119,22 @@ function updateLocale() {
 	currentLocale = getDefaultLocale();
 	for (const listener of listeners) listener(currentLocale);
 }
-const I18nContext = createContext(null);
+const i18nContextSymbol = Symbol.for("solidaria.i18n.context");
+function getI18nContext() {
+	const registry = globalThis;
+	let contexts = registry[i18nContextSymbol];
+	if (!(contexts instanceof WeakMap)) {
+		contexts = /* @__PURE__ */ new WeakMap();
+		registry[i18nContextSymbol] = contexts;
+	}
+	let context = contexts.get(createContext);
+	if (!context) {
+		context = createContext(null);
+		contexts.set(createContext, context);
+	}
+	return context;
+}
+const I18nContext = getI18nContext();
 /**
 * Returns the current browser/system locale, and updates when it changes.
 *
@@ -107,14 +148,18 @@ const I18nContext = createContext(null);
 function createDefaultLocale() {
 	if (!currentLocale) currentLocale = getDefaultLocale();
 	const [locale, setLocale] = createSignal(currentLocale);
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (typeof window === "undefined") return;
 		if (listeners.size === 0) window.addEventListener("languagechange", updateLocale);
 		listeners.add(setLocale);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			listeners.delete(setLocale);
 			if (listeners.size === 0) window.removeEventListener("languagechange", updateLocale);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	return locale;
 }
@@ -130,7 +175,7 @@ function createDefaultLocale() {
 * ```
 */
 function useLocale() {
-	const context = useContext(I18nContext);
+	const context = useContextOptional(I18nContext);
 	const defaultLocale = createDefaultLocale();
 	return context || defaultLocale;
 }
@@ -153,13 +198,14 @@ function useLocale() {
 function I18nProvider(props) {
 	const defaultLocale = createDefaultLocale();
 	const locale = createMemo(() => {
-		if (props.locale) return {
-			locale: props.locale,
-			direction: isRTL(props.locale) ? "rtl" : "ltr"
+		const localeString = access(props.locale);
+		if (localeString) return {
+			locale: localeString,
+			direction: isRTL(localeString) ? "rtl" : "ltr"
 		};
 		return defaultLocale();
 	});
-	return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;
+	return <I18nContext value={locale}>{props.children}</I18nContext>;
 }
 //#endregion
 export { createCacheKey as a, useLocale as i, createDefaultLocale as n, isRTL as o, getDefaultLocale as r, I18nProvider as t };

package/dist/_chunk/locale.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"locale.jsx","names":[],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx"],"sourcesContent":["/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\n}\n","/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from \"solid-js\";\nimport { isRTL } from \"./utils\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\nconst I18nContext = createContext<Accessor<Locale> | null>(null);\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    onCleanup(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContext(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    if (props.locale) {\n      return {\n        locale: props.locale,\n        direction: isRTL(props.locale) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,cAAc,IAAI,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,YAAY,IAAI,IAAI;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;;;;AAMD,SAAgB,MAAM,cAA+B;CAEnD,IAAI,OAAO,SAAS,eAAe,KAAK,QACtC,IAAI;EACF,MAAM,SAAS,IAAI,KAAK,OAAO,YAAY,CAAC,CAAC,SAAS;EAItD,MAAM,YAAY;EAIlB,MAAM,WACJ,OAAO,UAAU,gBAAgB,aAAa,UAAU,YAAY,IAAI,UAAU;EAEpF,IAAI,UACF,OAAO,SAAS,cAAc;EAIhC,IAAI,OAAO,QACT,OAAO,YAAY,IAAI,OAAO,MAAM;CAExC,QAAQ,CAER;CAIF,MAAM,OAAO,aAAa,MAAM,GAAG,CAAC,CAAC;CACrC,OAAO,UAAU,IAAI,IAAI;AAC3B;;;;AAKA,SAAgB,eAAe,QAAgB,SAA2C;CACxF,IAAI,CAAC,SACH,OAAO;CAET,OACE,SACA,OAAO,QAAQ,OAAO,CAAC,CACpB,MAAM,GAAG,MAAO,EAAE,KAAK,EAAE,KAAK,KAAK,CAAE,CAAC,CACtC,KAAK;AAEZ;;;;;;;;;;ACxDA,MAAM,eAAe,OAAO,IAAI,uBAAuB;AAEvD,IAAI,gBAA+B;AACnC,MAAM,4BAAY,IAAI,IAA8B;;;;AAKpD,SAAgB,mBAA2B;CACzC,IAAI,SACD,OAAO,WAAW,eAChB,OAA6C,iBAC/C,OAAO,cAAc,gBACnB,UAAU,YAAa,UAAmD,iBAC7E;CAGF,IAAI;EACF,KAAK,eAAe,mBAAmB,CAAC,MAAM,CAAC;CACjD,QAAQ;EACN,SAAS;CACX;CAEA,OAAO;EACL;EACA,WAAW,MAAM,MAAM,IAAI,QAAQ;CACrC;AACF;AAEA,SAAS,eAAqB;CAC5B,gBAAgB,iBAAiB;CACjC,KAAK,MAAM,YAAY,WACrB,SAAS,aAAa;AAE1B;AAEA,MAAM,cAAc,cAAuC,IAAI;;;;;;;;;;;AAY/D,SAAgB,sBAAwC;CACtD,IAAI,CAAC,eACH,gBAAgB,iBAAiB;CAGnC,MAAM,CAAC,QAAQ,aAAa,aAAqB,aAAa;CAE9D,mBAAmB;EACjB,IAAI,OAAO,WAAW,aACpB;EAGF,IAAI,UAAU,SAAS,GACrB,OAAO,iBAAiB,kBAAkB,YAAY;EAGxD,UAAU,IAAI,SAAS;EAEvB,gBAAgB;GACd,UAAU,OAAO,SAAS;GAC1B,IAAI,UAAU,SAAS,GACrB,OAAO,oBAAoB,kBAAkB,YAAY;EAE7D,CAAC;CACH,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;AAaA,SAAgB,YAA8B;CAC5C,MAAM,UAAU,WAAW,WAAW;CACtC,MAAM,gBAAgB,oBAAoB;CAC1C,OAAO,WAAW;AACpB;;;;;;;;;;;;;;;;;AAkBA,SAAgB,aAAa,OAAuC;CAClE,MAAM,gBAAgB,oBAAoB;CAE1C,MAAM,SAAS,iBAAyB;EACtC,IAAI,MAAM,QACR,OAAO;GACL,QAAQ,MAAM;GACd,WAAW,MAAM,MAAM,MAAM,IAAI,QAAQ;EAC3C;EAEF,OAAO,cAAc;CACvB,CAAC;CAED,OAAO,CAAC,YAAY,SAAS,OAAO,SAAS,MAAM,SAAS,EAAE,YAAY;AAC5E"}
+{"version":3,"file":"locale.jsx","names":[],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx"],"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/i18n/utils.ts\n\n/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\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/i18n/useDefaultLocale.ts\n\n/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport { useContextOptional } from \"../utils/owner\";\nimport { createContext, createMemo, createSignal, createTrackedEffect } from \"solid-js\";\nimport type { Accessor, Context, ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isRTL } from \"./utils\";\nimport { access } from \"../utils/reactivity\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\n// Share a context across module graphs only when they use the same runtime.\n// Solid 2 contexts are callable providers which retain their runtime's owner\n// state; a dev-server restart must not reuse a prior runtime's provider.\nconst i18nContextSymbol = Symbol.for(\"solidaria.i18n.context\");\n\ntype I18nContextValue = Accessor<Locale> | null;\n\nfunction getI18nContext(): Context<I18nContextValue> {\n  const registry = globalThis as unknown as Record<\n    symbol,\n    WeakMap<typeof createContext, Context<I18nContextValue>> | undefined\n  >;\n  let contexts = registry[i18nContextSymbol];\n  // Also replace the legacy single-context cache during an in-process upgrade.\n  if (!(contexts instanceof WeakMap)) {\n    contexts = new WeakMap();\n    registry[i18nContextSymbol] = contexts;\n  }\n  let context = contexts.get(createContext);\n  if (!context) {\n    context = createContext<I18nContextValue>(null);\n    contexts.set(createContext, context);\n  }\n  return context;\n}\n\nconst I18nContext = getI18nContext();\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    _s2Cleanups.push(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContextOptional(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    const localeString = access(props.locale);\n    if (localeString) {\n      return {\n        locale: localeString,\n        direction: isRTL(localeString) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext value={locale}>{props.children}</I18nContext>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,8BAAc,IAAI,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,4BAAY,IAAI,IAAI;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;;;;AAMD,SAAgB,MAAM,cAA+B;CAEnD,IAAI,OAAO,SAAS,eAAe,KAAK,QACtC,IAAI;EACF,MAAM,SAAS,IAAI,KAAK,OAAO,YAAY,CAAC,CAAC,SAAS;EAItD,MAAM,YAAY;EAIlB,MAAM,WACJ,OAAO,UAAU,gBAAgB,aAAa,UAAU,YAAY,IAAI,UAAU;EAEpF,IAAI,UACF,OAAO,SAAS,cAAc;EAIhC,IAAI,OAAO,QACT,OAAO,YAAY,IAAI,OAAO,MAAM;CAExC,QAAQ,CAER;CAIF,MAAM,OAAO,aAAa,MAAM,GAAG,CAAC,CAAC;CACrC,OAAO,UAAU,IAAI,IAAI;AAC3B;;;;AAKA,SAAgB,eAAe,QAAgB,SAA2C;CACxF,IAAI,CAAC,SACH,OAAO;CAET,OACE,SACA,OAAO,QAAQ,OAAO,CAAC,CACpB,MAAM,GAAG,MAAO,EAAE,KAAK,EAAE,KAAK,KAAK,CAAE,CAAC,CACtC,KAAK;AAEZ;;;;;;;;;;AC9DA,MAAM,eAAe,OAAO,IAAI,uBAAuB;AAEvD,IAAI,gBAA+B;AACnC,MAAM,4BAAY,IAAI,IAA8B;;;;AAKpD,SAAgB,mBAA2B;CACzC,IAAI,SACD,OAAO,WAAW,eAChB,OAA6C,iBAC/C,OAAO,cAAc,gBACnB,UAAU,YAAa,UAAmD,iBAC7E;CAGF,IAAI;EACF,KAAK,eAAe,mBAAmB,CAAC,MAAM,CAAC;CACjD,QAAQ;EACN,SAAS;CACX;CAEA,OAAO;EACL;EACA,WAAW,MAAM,MAAM,IAAI,QAAQ;CACrC;AACF;AAEA,SAAS,eAAqB;CAC5B,gBAAgB,iBAAiB;CACjC,KAAK,MAAM,YAAY,WACrB,SAAS,aAAa;AAE1B;AAKA,MAAM,oBAAoB,OAAO,IAAI,wBAAwB;AAI7D,SAAS,iBAA4C;CACnD,MAAM,WAAW;CAIjB,IAAI,WAAW,SAAS;CAExB,IAAI,EAAE,oBAAoB,UAAU;EAClC,2BAAW,IAAI,QAAQ;EACvB,SAAS,qBAAqB;CAChC;CACA,IAAI,UAAU,SAAS,IAAI,aAAa;CACxC,IAAI,CAAC,SAAS;EACZ,UAAU,cAAgC,IAAI;EAC9C,SAAS,IAAI,eAAe,OAAO;CACrC;CACA,OAAO;AACT;AAEA,MAAM,cAAc,eAAe;;;;;;;;;;;AAYnC,SAAgB,sBAAwC;CACtD,IAAI,CAAC,eACH,gBAAgB,iBAAiB;CAGnC,MAAM,CAAC,QAAQ,aAAa,aAAqB,aAAa;CAE9D,0BAA0B;EACxB,MAAM,cAAiC,CAAC;EAExC,IAAI,OAAO,WAAW,aACpB;EAGF,IAAI,UAAU,SAAS,GACrB,OAAO,iBAAiB,kBAAkB,YAAY;EAGxD,UAAU,IAAI,SAAS;EAEvB,YAAY,WAAW;GACrB,UAAU,OAAO,SAAS;GAC1B,IAAI,UAAU,SAAS,GACrB,OAAO,oBAAoB,kBAAkB,YAAY;EAE7D,CAAC;EAED,aAAa;GACX,KAAK,MAAM,KAAK,aAAa,EAAE;EACjC;CACF,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;AAaA,SAAgB,YAA8B;CAC5C,MAAM,UAAU,mBAAmB,WAAW;CAC9C,MAAM,gBAAgB,oBAAoB;CAC1C,OAAO,WAAW;AACpB;;;;;;;;;;;;;;;;;AAkBA,SAAgB,aAAa,OAAuC;CAClE,MAAM,gBAAgB,oBAAoB;CAE1C,MAAM,SAAS,iBAAyB;EACtC,MAAM,eAAe,OAAO,MAAM,MAAM;EACxC,IAAI,cACF,OAAO;GACL,QAAQ;GACR,WAAW,MAAM,YAAY,IAAI,QAAQ;EAC3C;EAEF,OAAO,cAAc;CACvB,CAAC;CAED,OAAO,CAAC,YAAY,OAAO,SAAS,MAAM,SAAS,EAAE;AACvD"}