@proyecto-viviana/solidaria 0.4.0 → 0.4.2

package/dist/_chunk/gridlist.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridlist.js","names":["createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.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 remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\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        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  const onFocus = () => {\n    const s = state();\n    s.setFocused(true);\n\n    // If nothing is focused, focus the first navigable item\n    if (s.focusedKey == null) {\n      const firstKey = findNextNavigableKey(s, s.collection.getFirstKey(), (k) =>\n        s.collection.getKeyAfter(k),\n      );\n      if (firstKey != null) {\n        s.setFocusedKey(firstKey);\n      }\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      tabIndex: p.isDisabled ? undefined : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"gridlist.js","names":["mergeProps","createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.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 remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // The inline axis (Left/Right) belongs to the ROW under the default\n        // \"arrow\" navigation behavior: createGridListItem's onKeyDownCapture\n        // intercepts Left/Right for intra-row focus movement (a no-op for\n        // text-only rows), exactly as useGridListItem does upstream, so the\n        // container must NOT step between rows here. Only under \"tab\" navigation\n        // does the row stop intercepting and the event reach the collection —\n        // mirroring how useSelectableCollection handles Left/Right via\n        // ListKeyboardDelegate. Even then it strips getKeyLeftOf/getKeyRightOf\n        // for a vertical stack, so this stays a no-op unless the stack is\n        // horizontal, where Right=next / Left=prev in LTR, flipped under RTL.\n        // (In Solid the row's capture-phase stopPropagation does not reliably\n        // prevent the container's delegated onKeyDown, so this gate — not the\n        // row's stopPropagation — is what keeps the axes from double-firing.)\n        const behavior = p.keyboardNavigationBehavior ?? \"arrow\";\n        if (p.orientation !== \"horizontal\" || behavior !== \"tab\") break;\n        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a Tab that\n  // reaches a standalone grid lands on the container itself; move the focused key\n  // onto the first/last row and the post-commit effect below pulls REAL DOM focus\n  // there while the container rolls to tabIndex -1. This mirrors\n  // useSelectableCollection's `onFocus` — the same direction-aware trampoline the\n  // standalone ListBox uses (createListBox.ts) — and is why a standalone grid\n  // announces the active row through real focus, never `aria-activedescendant`.\n  const onFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const s = state();\n    const p = props();\n    s.setFocused(true);\n\n    // onFocus is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    // (`currentTarget` is null only in synthetic unit-test FocusEvents — treat\n    // those as a direct container focus.)\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && !container.contains(e.target as Node)) return;\n    // Only marshal when no row is focused yet.\n    if (s.focusedKey != null || p.isDisabled) return;\n\n    const collection = s.collection;\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: focus arriving from an element that FOLLOWS the grid\n    // in document order means the user shift-tabbed backward into it, so enter at\n    // the LAST row; otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k))\n        : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n    if (enterKey != null) {\n      s.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      // Roving container tabIndex mirrors useSelectableCollection: the container\n      // is tabbable (0) only while nothing is focused, then rolls to -1 once a row\n      // takes focus so Tab exits the grid. A standalone grid drives AT through\n      // real row focus, so it never needs (nor emits) aria-activedescendant.\n      tabIndex: p.isDisabled ? undefined : s.focusedKey != null ? -1 : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/gridlist.jsx

@@ -1,4 +1,4 @@
-import { o as mergeProps } from "./env.jsx";
+import { i as mergeProps$1 } from "./env.jsx";
 import { S as scrollIntoViewport } from "./utils.jsx";
 import { o as getInteractionModality } from "./createInteractionModality.jsx";
 import { createId as createId$1, createSlotId } from "../ssr/index.jsx";
@@ -88,7 +88,8 @@ function createGridList(props, state, ref) {
 			}
 			case "ArrowRight":
 			case "ArrowLeft": {
-				if (p.orientation !== "horizontal") break;
+				const behavior = p.keyboardNavigationBehavior ?? "arrow";
+				if (p.orientation !== "horizontal" || behavior !== "tab") break;
 				e.preventDefault();
 				const isRtl = p.direction === "rtl";
 				const step = (e.key === "ArrowRight" ? !isRtl : isRtl) ? (k) => collection.getKeyAfter(k) : (k) => collection.getKeyBefore(k);
@@ -123,13 +124,17 @@ function createGridList(props, state, ref) {
 				break;
 		}
 	};
-	const onFocus = () => {
+	const onFocus = (e) => {
 		const s = state();
+		const p = props();
 		s.setFocused(true);
-		if (s.focusedKey == null) {
-			const firstKey = findNextNavigableKey(s, s.collection.getFirstKey(), (k) => s.collection.getKeyAfter(k));
-			if (firstKey != null) s.setFocusedKey(firstKey);
-		}
+		const container = e.currentTarget;
+		if (container && !container.contains(e.target)) return;
+		if (s.focusedKey != null || p.isDisabled) return;
+		const collection = s.collection;
+		const relatedTarget = e.relatedTarget;
+		const enterKey = relatedTarget && container && container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+		if (enterKey != null) s.setFocusedKey(enterKey);
 	};
 	const onBlur = () => {
 		state().setFocused(false);
@@ -157,7 +162,7 @@ function createGridList(props, state, ref) {
 			"aria-describedby": p["aria-describedby"],
 			"aria-multiselectable": s.selectionMode === "multiple" ? true : void 0,
 			"aria-disabled": p.isDisabled || void 0,
-			tabIndex: p.isDisabled ? void 0 : 0,
+			tabIndex: p.isDisabled ? void 0 : s.focusedKey != null ? -1 : 0,
 			onKeyDown,
 			onFocus,
 			onBlur
@@ -247,7 +252,7 @@ function createGridListItem(props, state, ref) {
 		};
 		if (p.isVirtualized && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
 		const gridListData = getGridListData(s);
-		return mergeCollectionRowInteractionProps(mergeProps(selectableItem.itemProps, baseProps), {
+		return mergeCollectionRowInteractionProps(mergeProps$1(selectableItem.itemProps, baseProps), {
 			ref,
 			keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? "arrow",
 			direction: () => gridListData?.direction ?? "ltr"

package/dist/_chunk/gridlist.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"gridlist.jsx","names":["createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.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 remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\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        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  const onFocus = () => {\n    const s = state();\n    s.setFocused(true);\n\n    // If nothing is focused, focus the first navigable item\n    if (s.focusedKey == null) {\n      const firstKey = findNextNavigableKey(s, s.collection.getFirstKey(), (k) =>\n        s.collection.getKeyAfter(k),\n      );\n      if (firstKey != null) {\n        s.setFocusedKey(firstKey);\n      }\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      tabIndex: p.isDisabled ? undefined : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoCA,MAAM,kCAAkB,IAAI,QAA8B;;;;AAK1D,SAAgB,gBACd,OAC0B;CAC1B,OAAO,gBAAgB,IAAI,KAAK;AAClC;;;;;;;AAQA,SAAS,qBACP,OACA,KACS;CACT,OAAO,MAAM,WAAW,GAAG,KAAK,MAAM,qBAAqB;AAC7D;;;;;;;;AASA,SAAS,qBACP,OACA,UACA,MACY;CACZ,IAAI,MAAM;CACV,OAAO,OAAO,QAAQ,qBAAqB,OAAO,GAAG,GACnD,MAAM,KAAK,GAAG;CAEhB,OAAO;AACT;;;;AAKA,SAAgB,eACd,OACA,OACA,KACc;CAEd,MAAM,aAAa,MAAM,CAAC,CAAC,MAAM,SAAS;CAG1C,MAAM,eAA6B;EACjC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM,CAAC,CAAC,qBAAqB;EACtC;EACA,IAAI,wBAAwB;GAC1B,OAAO,MAAM,CAAC,CAAC,yBAAyB;EAC1C;EACA,IAAI,6BAA6B;GAC/B,OAAO,MAAM,CAAC,CAAC,8BAA8B;EAC/C;EACA,IAAI,YAAY;GACd,OAAO,MAAM,CAAC,CAAC,aAAa;EAC9B;EACA,SAAS,EACP,IAAI,WAAW;GACb,OAAO,MAAM,CAAC,CAAC;EACjB,EACF;CACF;CAGA,gBAAgB,IAAI,MAAM,GAAG,YAAY;CAGzC,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,aAAa,EAAE;EACrB,MAAM,aAAa,EAAE;EAErB,IAAI,EAAE,YAAY;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK,aAAa;IAChB,EAAE,eAAe;IACjB,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,WAAW,YAAY,UAAU,IAAI,MAC3D,WAAW,YAAY,CAAC,CAC1B,IACA,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAAM,WAAW,YAAY,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK,WAAW;IACd,EAAE,eAAe;IACjB,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,WAAW,aAAa,UAAU,IAAI,MAC5D,WAAW,aAAa,CAAC,CAC3B,IACA,qBAAqB,GAAG,WAAW,WAAW,IAAI,MAAM,WAAW,aAAa,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK;GACL,KAAK,aAAa;IAMhB,IAAI,EAAE,gBAAgB,cAAc;IACpC,EAAE,eAAe;IACjB,MAAM,QAAQ,EAAE,cAAc;IAE9B,MAAM,QADU,EAAE,QAAQ,eAAe,CAAC,QAAQ,UAE7C,MAAW,WAAW,YAAY,CAAC,KACnC,MAAW,WAAW,aAAa,CAAC;IACzC,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,KAAK,UAAU,GAAG,IAAI,IAC9C,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAAM,WAAW,YAAY,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK,QAAQ;IACX,EAAE,eAAe;IACjB,MAAM,WAAW,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAClE,WAAW,YAAY,CAAC,CAC1B;IACA,IAAI,YAAY,MACd,EAAE,cAAc,QAAQ;IAE1B;GACF;GACA,KAAK,OAAO;IACV,EAAE,eAAe;IACjB,MAAM,UAAU,qBAAqB,GAAG,WAAW,WAAW,IAAI,MAChE,WAAW,aAAa,CAAC,CAC3B;IACA,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK;GACL,KAAK;IACH,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,YAAY;KAC9D,EAAE,eAAe;KACjB,EAAE,UAAU;IACd;IACA;GASF,KAAK;IACH,IAAI,EAAE,kBAAkB,QAAQ;KAC9B,EAAE,eAAe;KACjB,EAAE,eAAe;IACnB;IACA;EAEJ;CACF;CAEA,MAAM,gBAAgB;EACpB,MAAM,IAAI,MAAM;EAChB,EAAE,WAAW,IAAI;EAGjB,IAAI,EAAE,cAAc,MAAM;GACxB,MAAM,WAAW,qBAAqB,GAAG,EAAE,WAAW,YAAY,IAAI,MACpE,EAAE,WAAW,YAAY,CAAC,CAC5B;GACA,IAAI,YAAY,MACd,EAAE,cAAc,QAAQ;EAE5B;CACF;CAEA,MAAM,eAAe;EAEnB,MAAA,CAAC,CAAC,WAAW,KAAK;CACpB;CAQA,mBAAmB;EAEjB,MAAM,MADI,MACE,CAAC,CAAC;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,MAAM,OAAO,MAChB;EASF,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAW,WAAW,MAAM,CAAC,GAAG,SAAS,MAAM,GAClD;EAGF,MAAM,SAAS,GAAG,cAA2B,cAAc,IAAI,GAAG;EAClE,IAAI,UAAU,WAAW,QAAQ;GAC/B,OAAO,MAAM;GAKb,IAAI,uBAAuB,MAAM,WAC/B,mBAAmB,QAAQ,EAAE,mBAAmB,GAAG,CAAC;EAExD;CACF,CAAC;CAED,MAAM,YAAY,iBAAiB;EACjC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAEhB,MAAM,YAAqC;GACzC,MAAM;GACN,IAAI;GACJ,cAAc,EAAE;GAChB,mBAAmB,EAAE;GACrB,oBAAoB,EAAE;GACtB,wBAAwB,EAAE,kBAAkB,aAAa,OAAO,KAAA;GAChE,iBAAiB,EAAE,cAAc,KAAA;GACjC,UAAU,EAAE,aAAa,KAAA,IAAY;GACrC;GACA;GACA;EACF;EAGA,IAAI,EAAE,eACJ,UAAU,mBAAmB,EAAE,WAAW;EAG5C,OAAO;CACT,CAAC;CAED,OAAO,EACL,IAAI,YAAY;EACd,OAAO,UAAU;CACnB,EACF;AACF;;;;;;;;;;AC7RA,SAAgB,mBAId,OACA,OACA,KACkB;CAClB,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG;CAChC,CAAC;CA4CD,MAAM,iBAAiB,2BACf;EACJ,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,eAAe,gBAAgB,CAAC;EACtC,MAAM,WAAW,cAAc,QAAQ;EAEvC,OAAO;GACL,KAAK,EAAE,KAAK;GACZ,IAAI,GAAG,cAAc,cAAc,WAAW,OAAO,OAAO,EAAE,KAAK,GAAG;GACtE,eAAe,EAAE;GACjB,uBAAuB,cAAc,yBAAyB;GAC9D,UACE,YAAY,EAAE,iBACJ;IACJ,EAAE,WAAW;IACb,WAAW,EAAE,KAAK,GAAG;GACvB,IACA,KAAA;EACR;CACF,GACA;EA9DA,kBAAkB,MAAM,CAAC,CAAC;EAC1B,iBAAiB,MAAM,CAAC,CAAC;EACzB,aAAa,YAAqB,MAAM,CAAC,CAAC,WAAW,OAAO;EAC5D,kBAAkB,MAAM,CAAC,CAAC;EAC1B,0BAA0B,MAAM,CAAC,CAAC;EAClC,gBAAgB,KAAiB,aAAa,MAAM,CAAC,CAAC,cAAc,KAAK,QAAQ;EACjF,qBAAqB,MAAM,CAAC,CAAC;EAC7B,yBAAyB,MAAM,CAAC,CAAC,qBAAqB,MAAM,CAAC,CAAC;EAC9D,8BAA8B,MAAM,CAAC,CAAC;EACtC,oBAAoB,MAAM,CAAC,CAAC;EAC5B,oBAAoB,MAAM,CAAC,CAAC;EAC5B,wBAAwB,MAAM,CAAC,CAAC;EAChC,eAAe;GACb,MAAM,OAAO,MAAM,CAAC,CAAC;GACrB,OAAO,SAAS,SAAS,KAAK,SAAS;EACzC;EACA,mBAAmB,MAAM,CAAC,CAAC,iBAAiB;EAC5C,aAAa,QAAa,MAAM,CAAC,CAAC,WAAW,GAAG;EAChD,aAAa,QAAa;GACxB,MAAM,IAAI,MAAM;GAChB,MAAM,OAAO,EAAE,WAAW,QAAQ,GAAG;GACrC,OACE,EAAE,qBAAqB,SACvB,EAAE,WAAW,GAAG,KAChB,MAAM,OAAO,qBAAqB;EAEtC;EACA,gBAAgB,QAAa;GAC3B,MAAM,IAAI,MAAM;GAChB,OAAO,EAAE,kBAAkB,UAAU,CAAC,EAAE,WAAW,GAAG;EACxD;EACA,uBAAuB,aAAa,MAAM,CAAC,CAAC,qBAAqB,QAAQ;EACzE,kBAAkB,QAAa,MAAM,CAAC,CAAC,gBAAgB,GAAG;EAC1D,mBAAmB,QAAa,MAAM,CAAC,CAAC,iBAAiB,GAAG;EAC5D,kBAAkB,SAAwB,MAAM,CAAC,CAAC,gBAAgB,IAAI;EACtE,iBAAiB,MAAM,CAAC,CAAC,UAAU;EACnC,sBAAsB,MAAM,CAAC,CAAC,eAAe;EAC7C,uBAAuB,MAAM,CAAC,CAAC,gBAAgB;EAC/C,kBAAkB,OAAY,gBAA+B,MAAM,CAAC,CAAC,gBAAgB,KAAK;CAwB5E,GACd,GACF;CAEA,MAAM,WAAW,iBAAiB;EAChC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,OAAO,EAAE;EAEf,MAAM,YAAqC;GACzC,MAAM;GACN,iBAAiB,EAAE,kBAAkB,SAAS,WAAW,IAAI,KAAA;GAC7D,iBAAiB,eAAe,WAAW,KAAK,KAAA;EAClD;EAGA,IAAI,EAAE,iBAAiB,KAAK,YAAY,MACtC,UAAU,mBAAmB,KAAK,WAAW;EAG/C,MAAM,eAAe,gBAAgB,CAAC;EAMtC,OAAO,mCALa,WAClB,eAAe,WACf,SAGkD,GAAG;GACrD;GACA,kCAAkC,cAAc,8BAA8B;GAC9E,iBAAiB,cAAc,aAAa;EAC9C,CAAC;CACH,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,OAAO,EACL,MAAM,WACR;CACF,CAAC;CAED,OAAO;EACL,IAAI,WAAW;GACb,OAAO,SAAS;EAClB;EACA,IAAI,gBAAgB;GAClB,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,aAAa;GACf,OAAO,eAAe,WAAW;EACnC;EACA,IAAI,YAAY;GACd,OAAO,eAAe,UAAU;EAClC;CACF;AACF;;;;;;;;;;AC9IA,SAAgB,gCAId,OACA,OAC+B;CAC/B,MAAM,aAAa,SAAS;CAE5B,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,GAAG;CAC3B,CAAC;CAED,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,GAAG;CAC3B,CAAC;CAED,MAAM,iBAAiB;EACrB,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,IAAI,CAAC,WAAW,GACd,EAAE,gBAAgB,EAAE,GAAG;CAE3B;CAEA,MAAM,gBAAgB,iBAAiB;EAUrC,OAAO;GARL,IAAI;GACJ,MAAM;GACN,SAAS,WAAW;GACpB,UAAU,WAAW;GACrB;GACA,cAAc;EAGD;CACjB,CAAC;CAED,OAAO,EACL,IAAI,gBAAgB;EAClB,OAAO,cAAc;CACvB,EACF;AACF;;;;;;;;;;;;;;;AC3CA,SAAgB,sBAAsB,OAAsD;CAC1F,MAAM,YAAY,aAAa;CAG/B,MAAM,aAAaA,WAAS;CAE5B,MAAM,aAAa,iBACjB,aAAa;EACX,IAAI;EACJ,cAAc,MAAM;EACpB,mBAAmB,UAAU;CAC/B,CAAC,CACH;CAEA,OAAO;EACL,UAAU,EAAE,MAAM,MAAM;EACxB,gBAAgB;GACd,IAAI,KAAK;IACP,OAAO,UAAU;GACnB;GACA,MAAM;EACR;EACA,eAAe;GACb,MAAM;GACN,IAAI,KAAK;IACP,OAAO,WAAW,CAAC,CAAC;GACtB;GACA,IAAI,eAAe;IACjB,OAAO,WAAW,CAAC,CAAC;GACtB;GACA,IAAI,oBAAoB;IACtB,OAAO,WAAW,CAAC,CAAC;GACtB;EACF;CACF;AACF"}
+{"version":3,"file":"gridlist.jsx","names":["mergeProps","createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.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 remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // The inline axis (Left/Right) belongs to the ROW under the default\n        // \"arrow\" navigation behavior: createGridListItem's onKeyDownCapture\n        // intercepts Left/Right for intra-row focus movement (a no-op for\n        // text-only rows), exactly as useGridListItem does upstream, so the\n        // container must NOT step between rows here. Only under \"tab\" navigation\n        // does the row stop intercepting and the event reach the collection —\n        // mirroring how useSelectableCollection handles Left/Right via\n        // ListKeyboardDelegate. Even then it strips getKeyLeftOf/getKeyRightOf\n        // for a vertical stack, so this stays a no-op unless the stack is\n        // horizontal, where Right=next / Left=prev in LTR, flipped under RTL.\n        // (In Solid the row's capture-phase stopPropagation does not reliably\n        // prevent the container's delegated onKeyDown, so this gate — not the\n        // row's stopPropagation — is what keeps the axes from double-firing.)\n        const behavior = p.keyboardNavigationBehavior ?? \"arrow\";\n        if (p.orientation !== \"horizontal\" || behavior !== \"tab\") break;\n        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a Tab that\n  // reaches a standalone grid lands on the container itself; move the focused key\n  // onto the first/last row and the post-commit effect below pulls REAL DOM focus\n  // there while the container rolls to tabIndex -1. This mirrors\n  // useSelectableCollection's `onFocus` — the same direction-aware trampoline the\n  // standalone ListBox uses (createListBox.ts) — and is why a standalone grid\n  // announces the active row through real focus, never `aria-activedescendant`.\n  const onFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const s = state();\n    const p = props();\n    s.setFocused(true);\n\n    // onFocus is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    // (`currentTarget` is null only in synthetic unit-test FocusEvents — treat\n    // those as a direct container focus.)\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && !container.contains(e.target as Node)) return;\n    // Only marshal when no row is focused yet.\n    if (s.focusedKey != null || p.isDisabled) return;\n\n    const collection = s.collection;\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: focus arriving from an element that FOLLOWS the grid\n    // in document order means the user shift-tabbed backward into it, so enter at\n    // the LAST row; otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k))\n        : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n    if (enterKey != null) {\n      s.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      // Roving container tabIndex mirrors useSelectableCollection: the container\n      // is tabbable (0) only while nothing is focused, then rolls to -1 once a row\n      // takes focus so Tab exits the grid. A standalone grid drives AT through\n      // real row focus, so it never needs (nor emits) aria-activedescendant.\n      tabIndex: p.isDisabled ? undefined : s.focusedKey != null ? -1 : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/i18n.js

@@ -1,7 +1,7 @@
-import { a as useLocale, o as createCacheKey, t as createCollator } from "./createCollator.js";
+import { a as createCacheKey, i as useLocale } from "./locale.js";
+import { t as createCollator } from "./createCollator.js";
 import { createMemo } from "solid-js";
 import { NumberFormatter, NumberFormatter as NumberFormatter$1 } from "@internationalized/number";
-import { LocalizedStringDictionary, LocalizedStringFormatter } from "@internationalized/string";
 //#region src/i18n/createNumberFormatter.ts
 /**
 * createNumberFormatter hook for solidaria
@@ -194,61 +194,6 @@ function createFilter(options) {
 	});
 }
 //#endregion
-//#region src/i18n/createStringFormatter.ts
-/**
-* String formatter for localized strings with ICU MessageFormat support.
-* Port of @react-aria/i18n useLocalizedStringFormatter.
-*/
-const cache = /* @__PURE__ */ new WeakMap();
-function getCachedDictionary(strings) {
-	let dictionary = cache.get(strings);
-	if (!dictionary) {
-		dictionary = new LocalizedStringDictionary(strings);
-		cache.set(strings, dictionary);
-	}
-	return dictionary;
-}
-/**
-* Returns a cached LocalizedStringDictionary for the given strings.
-*/
-function createStringDictionary(strings, packageName) {
-	return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
-}
-/**
-* Provides localized string formatting for the current locale.
-* Supports interpolating variables, selecting the correct pluralization,
-* and formatting numbers. Automatically updates when the locale changes.
-*
-* @param strings - A mapping of languages to localized strings by key.
-* @param packageName - Optional package name for global dictionary lookup.
-*
-* @example
-* ```tsx
-* const strings = {
-*   'en-US': {
-*     greeting: 'Hello, {name}!',
-*     count: '{count, plural, one {# item} other {# items}}'
-*   }
-* };
-*
-* function MyComponent() {
-*   const stringFormatter = createStringFormatter(strings);
-*
-*   return (
-*     <div>
-*       {stringFormatter().format('greeting', { name: 'World' })}
-*       {stringFormatter().format('count', { count: 5 })}
-*     </div>
-*   );
-* }
-* ```
-*/
-function createStringFormatter(strings, packageName) {
-	const localeAccessor = useLocale();
-	const dictionary = createStringDictionary(strings, packageName);
-	return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
-}
-//#endregion
-export { createDateFormatter as a, createFilter as i, createStringDictionary as n, createNumberFormatter as o, createStringFormatter as r, NumberFormatter$1 as t };
+export { createNumberFormatter as i, createFilter as n, createDateFormatter as r, NumberFormatter$1 as t };
 
 //# sourceMappingURL=i18n.js.map

package/dist/_chunk/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":[],"sources":["../../src/i18n/createNumberFormatter.ts","../../src/i18n/createDateFormatter.ts","../../src/i18n/createFilter.ts","../../src/i18n/createStringFormatter.ts"],"sourcesContent":["/**\n * createNumberFormatter hook for solidaria\n *\n * Provides localized number formatting with automatic locale updates.\n *\n * Port of @react-aria/i18n useNumberFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { NumberFormatter, type NumberFormatOptions } from \"@internationalized/number\";\n\n/**\n * Provides localized number formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function PriceDisplay(props: { value: number }) {\n *   const formatter = createNumberFormatter({\n *     style: 'currency',\n *     currency: 'USD',\n *   });\n *\n *   return <span>{formatter().format(props.value)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Percent formatting\n * const percentFormatter = createNumberFormatter({\n *   style: 'percent',\n *   minimumFractionDigits: 1,\n * });\n * percentFormatter().format(0.125); // '12.5%'\n *\n * // Unit formatting\n * const tempFormatter = createNumberFormatter({\n *   style: 'unit',\n *   unit: 'celsius',\n * });\n * tempFormatter().format(25); // '25°C'\n * ```\n */\nexport function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {\n  const locale = useLocale();\n\n  return createMemo(() => new NumberFormatter(locale().locale, options));\n}\n","/**\n * createDateFormatter hook for solidaria\n *\n * Provides localized date formatting with caching.\n *\n * Port of @react-aria/i18n useDateFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst dateFormatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached date formatter.\n */\nfunction getCachedDateFormatter(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (dateFormatterCache.has(cacheKey)) {\n    return dateFormatterCache.get(cacheKey)!;\n  }\n\n  const formatter = new Intl.DateTimeFormat(locale, options);\n  dateFormatterCache.set(cacheKey, formatter);\n  return formatter;\n}\n\n/**\n * Provides localized date and time formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function DateDisplay(props: { date: Date }) {\n *   const formatter = createDateFormatter({\n *     year: 'numeric',\n *     month: 'long',\n *     day: 'numeric',\n *   });\n *\n *   return <span>{formatter().format(props.date)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Short date\n * const shortDate = createDateFormatter({ dateStyle: 'short' });\n * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)\n *\n * // Full date with time\n * const fullDateTime = createDateFormatter({\n *   dateStyle: 'full',\n *   timeStyle: 'short',\n * });\n *\n * // Time only\n * const timeFormatter = createDateFormatter({\n *   hour: 'numeric',\n *   minute: '2-digit',\n * });\n * ```\n */\nexport function createDateFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): () => Intl.DateTimeFormat {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedDateFormatter(locale().locale, options));\n}\n","/**\n * createFilter hook for solidaria\n *\n * Provides localized string filtering with collation support.\n *\n * Port of @react-aria/i18n useFilter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createCollator } from \"./createCollator\";\n\nexport interface Filter {\n  /** Returns whether a string starts with a given substring. */\n  startsWith(string: string, substring: string): boolean;\n  /** Returns whether a string ends with a given substring. */\n  endsWith(string: string, substring: string): boolean;\n  /** Returns whether a string contains a given substring. */\n  contains(string: string, substring: string): boolean;\n}\n\n/**\n * Provides localized string search functionality for filtering or matching items.\n * Respects locale-specific collation rules for case and diacritic sensitivity.\n *\n * @example\n * ```tsx\n * function SearchableList(props: { items: { name: string }[] }) {\n *   const [query, setQuery] = createSignal('');\n *   const filter = createFilter({ sensitivity: 'base' });\n *\n *   const filteredItems = () =>\n *     props.items.filter((item) =>\n *       filter().contains(item.name, query())\n *     );\n *\n *   return (\n *     <>\n *       <input\n *         value={query()}\n *         onInput={(e) => setQuery(e.target.value)}\n *         placeholder=\"Search...\"\n *       />\n *       <ul>\n *         <For each={filteredItems()}>\n *           {(item) => <li>{item.name}</li>}\n *         </For>\n *       </ul>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive, diacritic-insensitive filtering\n * const filter = createFilter({ sensitivity: 'base' });\n * filter().contains('Café', 'cafe'); // true\n * filter().startsWith('Hello', 'hello'); // true\n * ```\n */\nexport function createFilter(options?: Intl.CollatorOptions): () => Filter {\n  const collator = createCollator({\n    usage: \"search\",\n    ...options,\n  });\n\n  return createMemo(() => {\n    const coll = collator();\n\n    const startsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      // Normalize both strings for safe slicing\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const endsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const contains = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n      const sliceLen = normalizedSub.length;\n\n      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {\n        const slice = normalizedStr.slice(scan, scan + sliceLen);\n        if (coll.compare(normalizedSub, slice) === 0) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n\n    return {\n      startsWith,\n      endsWith,\n      contains,\n    };\n  });\n}\n","/**\n * String formatter for localized strings with ICU MessageFormat support.\n * Port of @react-aria/i18n useLocalizedStringFormatter.\n */\n\nimport {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport { useLocale } from \"./locale\";\n\n// Cache for dictionaries to avoid recreating them\nconst cache = new WeakMap<\n  LocalizedStrings<string, LocalizedString>,\n  LocalizedStringDictionary<string, LocalizedString>\n>();\n\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n  strings: LocalizedStrings<K, T>,\n): LocalizedStringDictionary<K, T> {\n  let dictionary = cache.get(strings as LocalizedStrings<string, LocalizedString>);\n  if (!dictionary) {\n    dictionary = new LocalizedStringDictionary(\n      strings as LocalizedStrings<string, LocalizedString>,\n    );\n    cache.set(strings as LocalizedStrings<string, LocalizedString>, dictionary);\n  }\n  return dictionary as LocalizedStringDictionary<K, T>;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function createStringDictionary<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T> {\n  return (\n    (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n    getCachedDictionary(strings)\n  );\n}\n\n/**\n * Provides localized string formatting for the current locale.\n * Supports interpolating variables, selecting the correct pluralization,\n * and formatting numbers. Automatically updates when the locale changes.\n *\n * @param strings - A mapping of languages to localized strings by key.\n * @param packageName - Optional package name for global dictionary lookup.\n *\n * @example\n * ```tsx\n * const strings = {\n *   'en-US': {\n *     greeting: 'Hello, {name}!',\n *     count: '{count, plural, one {# item} other {# items}}'\n *   }\n * };\n *\n * function MyComponent() {\n *   const stringFormatter = createStringFormatter(strings);\n *\n *   return (\n *     <div>\n *       {stringFormatter().format('greeting', { name: 'World' })}\n *       {stringFormatter().format('count', { count: 5 })}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createStringFormatter<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): Accessor<LocalizedStringFormatter<K, T>> {\n  const localeAccessor = useLocale();\n  const dictionary = createStringDictionary(strings, packageName);\n\n  return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));\n}\n\nexport type {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  LocalizedStrings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,sBAAsB,UAA+B,CAAC,GAA0B;CAC9F,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,IAAI,gBAAgB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AACvE;;;;;;;;;;ACrCA,MAAM,qCAAqB,IAAI,IAAiC;;;;AAKhE,SAAS,uBACP,QACA,SACqB;CACrB,MAAM,WAAW,eAAe,QAAQ,OAAkC;CAE1E,IAAI,mBAAmB,IAAI,QAAQ,GACjC,OAAO,mBAAmB,IAAI,QAAQ;CAGxC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,OAAO;CACzD,mBAAmB,IAAI,UAAU,SAAS;CAC1C,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,oBACd,SAC2B;CAC3B,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,uBAAuB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA,SAAgB,aAAa,SAA8C;CACzE,MAAM,WAAW,eAAe;EAC9B,OAAO;EACP,GAAG;CACL,CAAC;CAED,OAAO,iBAAiB;EACtB,MAAM,OAAO,SAAS;EAEtB,MAAM,cAAc,KAAa,cAA+B;GAC9D,IAAI,UAAU,WAAW,GACvB,OAAO;GAIT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,GAAG,cAAc,MAAM,GAAG,aAAa,MAAM;EACvF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,CAAC,cAAc,MAAM,GAAG,aAAa,MAAM;EACrF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAC/C,MAAM,WAAW,cAAc;GAE/B,KAAK,IAAI,OAAO,GAAG,OAAO,YAAY,cAAc,QAAQ,QAAQ;IAClE,MAAM,QAAQ,cAAc,MAAM,MAAM,OAAO,QAAQ;IACvD,IAAI,KAAK,QAAQ,eAAe,KAAK,MAAM,GACzC,OAAO;GAEX;GAEA,OAAO;EACT;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,CAAC;AACH;;;;;;;ACtGA,MAAM,wBAAQ,IAAI,QAGhB;AAEF,SAAS,oBACP,SACiC;CACjC,IAAI,aAAa,MAAM,IAAI,OAAoD;CAC/E,IAAI,CAAC,YAAY;EACf,aAAa,IAAI,0BACf,OACF;EACA,MAAM,IAAI,SAAsD,UAAU;CAC5E;CACA,OAAO;AACT;;;;AAKA,SAAgB,uBAGd,SAAiC,aAAuD;CACxF,OACG,eAAe,0BAA0B,8BAA8B,WAAW,KACnF,oBAAoB,OAAO;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,sBAGd,SAAiC,aAAgE;CACjG,MAAM,iBAAiB,UAAU;CACjC,MAAM,aAAa,uBAAuB,SAAS,WAAW;CAE9D,OAAO,iBAAiB,IAAI,yBAAyB,eAAe,CAAC,CAAC,QAAQ,UAAU,CAAC;AAC3F"}
+{"version":3,"file":"i18n.js","names":[],"sources":["../../src/i18n/createNumberFormatter.ts","../../src/i18n/createDateFormatter.ts","../../src/i18n/createFilter.ts"],"sourcesContent":["/**\n * createNumberFormatter hook for solidaria\n *\n * Provides localized number formatting with automatic locale updates.\n *\n * Port of @react-aria/i18n useNumberFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { NumberFormatter, type NumberFormatOptions } from \"@internationalized/number\";\n\n/**\n * Provides localized number formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function PriceDisplay(props: { value: number }) {\n *   const formatter = createNumberFormatter({\n *     style: 'currency',\n *     currency: 'USD',\n *   });\n *\n *   return <span>{formatter().format(props.value)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Percent formatting\n * const percentFormatter = createNumberFormatter({\n *   style: 'percent',\n *   minimumFractionDigits: 1,\n * });\n * percentFormatter().format(0.125); // '12.5%'\n *\n * // Unit formatting\n * const tempFormatter = createNumberFormatter({\n *   style: 'unit',\n *   unit: 'celsius',\n * });\n * tempFormatter().format(25); // '25°C'\n * ```\n */\nexport function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {\n  const locale = useLocale();\n\n  return createMemo(() => new NumberFormatter(locale().locale, options));\n}\n","/**\n * createDateFormatter hook for solidaria\n *\n * Provides localized date formatting with caching.\n *\n * Port of @react-aria/i18n useDateFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst dateFormatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached date formatter.\n */\nfunction getCachedDateFormatter(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (dateFormatterCache.has(cacheKey)) {\n    return dateFormatterCache.get(cacheKey)!;\n  }\n\n  const formatter = new Intl.DateTimeFormat(locale, options);\n  dateFormatterCache.set(cacheKey, formatter);\n  return formatter;\n}\n\n/**\n * Provides localized date and time formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function DateDisplay(props: { date: Date }) {\n *   const formatter = createDateFormatter({\n *     year: 'numeric',\n *     month: 'long',\n *     day: 'numeric',\n *   });\n *\n *   return <span>{formatter().format(props.date)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Short date\n * const shortDate = createDateFormatter({ dateStyle: 'short' });\n * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)\n *\n * // Full date with time\n * const fullDateTime = createDateFormatter({\n *   dateStyle: 'full',\n *   timeStyle: 'short',\n * });\n *\n * // Time only\n * const timeFormatter = createDateFormatter({\n *   hour: 'numeric',\n *   minute: '2-digit',\n * });\n * ```\n */\nexport function createDateFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): () => Intl.DateTimeFormat {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedDateFormatter(locale().locale, options));\n}\n","/**\n * createFilter hook for solidaria\n *\n * Provides localized string filtering with collation support.\n *\n * Port of @react-aria/i18n useFilter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createCollator } from \"./createCollator\";\n\nexport interface Filter {\n  /** Returns whether a string starts with a given substring. */\n  startsWith(string: string, substring: string): boolean;\n  /** Returns whether a string ends with a given substring. */\n  endsWith(string: string, substring: string): boolean;\n  /** Returns whether a string contains a given substring. */\n  contains(string: string, substring: string): boolean;\n}\n\n/**\n * Provides localized string search functionality for filtering or matching items.\n * Respects locale-specific collation rules for case and diacritic sensitivity.\n *\n * @example\n * ```tsx\n * function SearchableList(props: { items: { name: string }[] }) {\n *   const [query, setQuery] = createSignal('');\n *   const filter = createFilter({ sensitivity: 'base' });\n *\n *   const filteredItems = () =>\n *     props.items.filter((item) =>\n *       filter().contains(item.name, query())\n *     );\n *\n *   return (\n *     <>\n *       <input\n *         value={query()}\n *         onInput={(e) => setQuery(e.target.value)}\n *         placeholder=\"Search...\"\n *       />\n *       <ul>\n *         <For each={filteredItems()}>\n *           {(item) => <li>{item.name}</li>}\n *         </For>\n *       </ul>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive, diacritic-insensitive filtering\n * const filter = createFilter({ sensitivity: 'base' });\n * filter().contains('Café', 'cafe'); // true\n * filter().startsWith('Hello', 'hello'); // true\n * ```\n */\nexport function createFilter(options?: Intl.CollatorOptions): () => Filter {\n  const collator = createCollator({\n    usage: \"search\",\n    ...options,\n  });\n\n  return createMemo(() => {\n    const coll = collator();\n\n    const startsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      // Normalize both strings for safe slicing\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const endsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const contains = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n      const sliceLen = normalizedSub.length;\n\n      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {\n        const slice = normalizedStr.slice(scan, scan + sliceLen);\n        if (coll.compare(normalizedSub, slice) === 0) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n\n    return {\n      startsWith,\n      endsWith,\n      contains,\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,sBAAsB,UAA+B,CAAC,GAA0B;CAC9F,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,IAAI,gBAAgB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AACvE;;;;;;;;;;ACrCA,MAAM,qCAAqB,IAAI,IAAiC;;;;AAKhE,SAAS,uBACP,QACA,SACqB;CACrB,MAAM,WAAW,eAAe,QAAQ,OAAkC;CAE1E,IAAI,mBAAmB,IAAI,QAAQ,GACjC,OAAO,mBAAmB,IAAI,QAAQ;CAGxC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,OAAO;CACzD,mBAAmB,IAAI,UAAU,SAAS;CAC1C,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,oBACd,SAC2B;CAC3B,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,uBAAuB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA,SAAgB,aAAa,SAA8C;CACzE,MAAM,WAAW,eAAe;EAC9B,OAAO;EACP,GAAG;CACL,CAAC;CAED,OAAO,iBAAiB;EACtB,MAAM,OAAO,SAAS;EAEtB,MAAM,cAAc,KAAa,cAA+B;GAC9D,IAAI,UAAU,WAAW,GACvB,OAAO;GAIT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,GAAG,cAAc,MAAM,GAAG,aAAa,MAAM;EACvF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,CAAC,cAAc,MAAM,GAAG,aAAa,MAAM;EACrF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAC/C,MAAM,WAAW,cAAc;GAE/B,KAAK,IAAI,OAAO,GAAG,OAAO,YAAY,cAAc,QAAQ,QAAQ;IAClE,MAAM,QAAQ,cAAc,MAAM,MAAM,OAAO,QAAQ;IACvD,IAAI,KAAK,QAAQ,eAAe,KAAK,MAAM,GACzC,OAAO;GAEX;GAEA,OAAO;EACT;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,CAAC;AACH"}

package/dist/_chunk/i18n.jsx

@@ -1,7 +1,7 @@
-import { a as useLocale, o as createCacheKey, t as createCollator } from "./createCollator.jsx";
+import { a as createCacheKey, i as useLocale } from "./locale.jsx";
+import { t as createCollator } from "./createCollator.jsx";
 import { createMemo } from "solid-js";
 import { NumberFormatter, NumberFormatter as NumberFormatter$1 } from "@internationalized/number";
-import { LocalizedStringDictionary, LocalizedStringFormatter } from "@internationalized/string";
 //#region src/i18n/createNumberFormatter.ts
 /**
 * createNumberFormatter hook for solidaria
@@ -194,61 +194,6 @@ function createFilter(options) {
 	});
 }
 //#endregion
-//#region src/i18n/createStringFormatter.ts
-/**
-* String formatter for localized strings with ICU MessageFormat support.
-* Port of @react-aria/i18n useLocalizedStringFormatter.
-*/
-const cache = /* @__PURE__ */ new WeakMap();
-function getCachedDictionary(strings) {
-	let dictionary = cache.get(strings);
-	if (!dictionary) {
-		dictionary = new LocalizedStringDictionary(strings);
-		cache.set(strings, dictionary);
-	}
-	return dictionary;
-}
-/**
-* Returns a cached LocalizedStringDictionary for the given strings.
-*/
-function createStringDictionary(strings, packageName) {
-	return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
-}
-/**
-* Provides localized string formatting for the current locale.
-* Supports interpolating variables, selecting the correct pluralization,
-* and formatting numbers. Automatically updates when the locale changes.
-*
-* @param strings - A mapping of languages to localized strings by key.
-* @param packageName - Optional package name for global dictionary lookup.
-*
-* @example
-* ```tsx
-* const strings = {
-*   'en-US': {
-*     greeting: 'Hello, {name}!',
-*     count: '{count, plural, one {# item} other {# items}}'
-*   }
-* };
-*
-* function MyComponent() {
-*   const stringFormatter = createStringFormatter(strings);
-*
-*   return (
-*     <div>
-*       {stringFormatter().format('greeting', { name: 'World' })}
-*       {stringFormatter().format('count', { count: 5 })}
-*     </div>
-*   );
-* }
-* ```
-*/
-function createStringFormatter(strings, packageName) {
-	const localeAccessor = useLocale();
-	const dictionary = createStringDictionary(strings, packageName);
-	return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
-}
-//#endregion
-export { createDateFormatter as a, createFilter as i, createStringDictionary as n, createNumberFormatter as o, createStringFormatter as r, NumberFormatter$1 as t };
+export { createNumberFormatter as i, createFilter as n, createDateFormatter as r, NumberFormatter$1 as t };
 
 //# sourceMappingURL=i18n.jsx.map

package/dist/_chunk/i18n.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.jsx","names":[],"sources":["../../src/i18n/createNumberFormatter.ts","../../src/i18n/createDateFormatter.ts","../../src/i18n/createFilter.ts","../../src/i18n/createStringFormatter.ts"],"sourcesContent":["/**\n * createNumberFormatter hook for solidaria\n *\n * Provides localized number formatting with automatic locale updates.\n *\n * Port of @react-aria/i18n useNumberFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { NumberFormatter, type NumberFormatOptions } from \"@internationalized/number\";\n\n/**\n * Provides localized number formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function PriceDisplay(props: { value: number }) {\n *   const formatter = createNumberFormatter({\n *     style: 'currency',\n *     currency: 'USD',\n *   });\n *\n *   return <span>{formatter().format(props.value)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Percent formatting\n * const percentFormatter = createNumberFormatter({\n *   style: 'percent',\n *   minimumFractionDigits: 1,\n * });\n * percentFormatter().format(0.125); // '12.5%'\n *\n * // Unit formatting\n * const tempFormatter = createNumberFormatter({\n *   style: 'unit',\n *   unit: 'celsius',\n * });\n * tempFormatter().format(25); // '25°C'\n * ```\n */\nexport function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {\n  const locale = useLocale();\n\n  return createMemo(() => new NumberFormatter(locale().locale, options));\n}\n","/**\n * createDateFormatter hook for solidaria\n *\n * Provides localized date formatting with caching.\n *\n * Port of @react-aria/i18n useDateFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst dateFormatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached date formatter.\n */\nfunction getCachedDateFormatter(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (dateFormatterCache.has(cacheKey)) {\n    return dateFormatterCache.get(cacheKey)!;\n  }\n\n  const formatter = new Intl.DateTimeFormat(locale, options);\n  dateFormatterCache.set(cacheKey, formatter);\n  return formatter;\n}\n\n/**\n * Provides localized date and time formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function DateDisplay(props: { date: Date }) {\n *   const formatter = createDateFormatter({\n *     year: 'numeric',\n *     month: 'long',\n *     day: 'numeric',\n *   });\n *\n *   return <span>{formatter().format(props.date)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Short date\n * const shortDate = createDateFormatter({ dateStyle: 'short' });\n * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)\n *\n * // Full date with time\n * const fullDateTime = createDateFormatter({\n *   dateStyle: 'full',\n *   timeStyle: 'short',\n * });\n *\n * // Time only\n * const timeFormatter = createDateFormatter({\n *   hour: 'numeric',\n *   minute: '2-digit',\n * });\n * ```\n */\nexport function createDateFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): () => Intl.DateTimeFormat {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedDateFormatter(locale().locale, options));\n}\n","/**\n * createFilter hook for solidaria\n *\n * Provides localized string filtering with collation support.\n *\n * Port of @react-aria/i18n useFilter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createCollator } from \"./createCollator\";\n\nexport interface Filter {\n  /** Returns whether a string starts with a given substring. */\n  startsWith(string: string, substring: string): boolean;\n  /** Returns whether a string ends with a given substring. */\n  endsWith(string: string, substring: string): boolean;\n  /** Returns whether a string contains a given substring. */\n  contains(string: string, substring: string): boolean;\n}\n\n/**\n * Provides localized string search functionality for filtering or matching items.\n * Respects locale-specific collation rules for case and diacritic sensitivity.\n *\n * @example\n * ```tsx\n * function SearchableList(props: { items: { name: string }[] }) {\n *   const [query, setQuery] = createSignal('');\n *   const filter = createFilter({ sensitivity: 'base' });\n *\n *   const filteredItems = () =>\n *     props.items.filter((item) =>\n *       filter().contains(item.name, query())\n *     );\n *\n *   return (\n *     <>\n *       <input\n *         value={query()}\n *         onInput={(e) => setQuery(e.target.value)}\n *         placeholder=\"Search...\"\n *       />\n *       <ul>\n *         <For each={filteredItems()}>\n *           {(item) => <li>{item.name}</li>}\n *         </For>\n *       </ul>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive, diacritic-insensitive filtering\n * const filter = createFilter({ sensitivity: 'base' });\n * filter().contains('Café', 'cafe'); // true\n * filter().startsWith('Hello', 'hello'); // true\n * ```\n */\nexport function createFilter(options?: Intl.CollatorOptions): () => Filter {\n  const collator = createCollator({\n    usage: \"search\",\n    ...options,\n  });\n\n  return createMemo(() => {\n    const coll = collator();\n\n    const startsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      // Normalize both strings for safe slicing\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const endsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const contains = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n      const sliceLen = normalizedSub.length;\n\n      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {\n        const slice = normalizedStr.slice(scan, scan + sliceLen);\n        if (coll.compare(normalizedSub, slice) === 0) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n\n    return {\n      startsWith,\n      endsWith,\n      contains,\n    };\n  });\n}\n","/**\n * String formatter for localized strings with ICU MessageFormat support.\n * Port of @react-aria/i18n useLocalizedStringFormatter.\n */\n\nimport {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport { useLocale } from \"./locale\";\n\n// Cache for dictionaries to avoid recreating them\nconst cache = new WeakMap<\n  LocalizedStrings<string, LocalizedString>,\n  LocalizedStringDictionary<string, LocalizedString>\n>();\n\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n  strings: LocalizedStrings<K, T>,\n): LocalizedStringDictionary<K, T> {\n  let dictionary = cache.get(strings as LocalizedStrings<string, LocalizedString>);\n  if (!dictionary) {\n    dictionary = new LocalizedStringDictionary(\n      strings as LocalizedStrings<string, LocalizedString>,\n    );\n    cache.set(strings as LocalizedStrings<string, LocalizedString>, dictionary);\n  }\n  return dictionary as LocalizedStringDictionary<K, T>;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function createStringDictionary<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T> {\n  return (\n    (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n    getCachedDictionary(strings)\n  );\n}\n\n/**\n * Provides localized string formatting for the current locale.\n * Supports interpolating variables, selecting the correct pluralization,\n * and formatting numbers. Automatically updates when the locale changes.\n *\n * @param strings - A mapping of languages to localized strings by key.\n * @param packageName - Optional package name for global dictionary lookup.\n *\n * @example\n * ```tsx\n * const strings = {\n *   'en-US': {\n *     greeting: 'Hello, {name}!',\n *     count: '{count, plural, one {# item} other {# items}}'\n *   }\n * };\n *\n * function MyComponent() {\n *   const stringFormatter = createStringFormatter(strings);\n *\n *   return (\n *     <div>\n *       {stringFormatter().format('greeting', { name: 'World' })}\n *       {stringFormatter().format('count', { count: 5 })}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createStringFormatter<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): Accessor<LocalizedStringFormatter<K, T>> {\n  const localeAccessor = useLocale();\n  const dictionary = createStringDictionary(strings, packageName);\n\n  return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));\n}\n\nexport type {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  LocalizedStrings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,sBAAsB,UAA+B,CAAC,GAA0B;CAC9F,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,IAAI,gBAAgB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AACvE;;;;;;;;;;ACrCA,MAAM,qCAAqB,IAAI,IAAiC;;;;AAKhE,SAAS,uBACP,QACA,SACqB;CACrB,MAAM,WAAW,eAAe,QAAQ,OAAkC;CAE1E,IAAI,mBAAmB,IAAI,QAAQ,GACjC,OAAO,mBAAmB,IAAI,QAAQ;CAGxC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,OAAO;CACzD,mBAAmB,IAAI,UAAU,SAAS;CAC1C,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,oBACd,SAC2B;CAC3B,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,uBAAuB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA,SAAgB,aAAa,SAA8C;CACzE,MAAM,WAAW,eAAe;EAC9B,OAAO;EACP,GAAG;CACL,CAAC;CAED,OAAO,iBAAiB;EACtB,MAAM,OAAO,SAAS;EAEtB,MAAM,cAAc,KAAa,cAA+B;GAC9D,IAAI,UAAU,WAAW,GACvB,OAAO;GAIT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,GAAG,cAAc,MAAM,GAAG,aAAa,MAAM;EACvF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,CAAC,cAAc,MAAM,GAAG,aAAa,MAAM;EACrF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAC/C,MAAM,WAAW,cAAc;GAE/B,KAAK,IAAI,OAAO,GAAG,OAAO,YAAY,cAAc,QAAQ,QAAQ;IAClE,MAAM,QAAQ,cAAc,MAAM,MAAM,OAAO,QAAQ;IACvD,IAAI,KAAK,QAAQ,eAAe,KAAK,MAAM,GACzC,OAAO;GAEX;GAEA,OAAO;EACT;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,CAAC;AACH;;;;;;;ACtGA,MAAM,wBAAQ,IAAI,QAGhB;AAEF,SAAS,oBACP,SACiC;CACjC,IAAI,aAAa,MAAM,IAAI,OAAoD;CAC/E,IAAI,CAAC,YAAY;EACf,aAAa,IAAI,0BACf,OACF;EACA,MAAM,IAAI,SAAsD,UAAU;CAC5E;CACA,OAAO;AACT;;;;AAKA,SAAgB,uBAGd,SAAiC,aAAuD;CACxF,OACG,eAAe,0BAA0B,8BAA8B,WAAW,KACnF,oBAAoB,OAAO;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,sBAGd,SAAiC,aAAgE;CACjG,MAAM,iBAAiB,UAAU;CACjC,MAAM,aAAa,uBAAuB,SAAS,WAAW;CAE9D,OAAO,iBAAiB,IAAI,yBAAyB,eAAe,CAAC,CAAC,QAAQ,UAAU,CAAC;AAC3F"}
+{"version":3,"file":"i18n.jsx","names":[],"sources":["../../src/i18n/createNumberFormatter.ts","../../src/i18n/createDateFormatter.ts","../../src/i18n/createFilter.ts"],"sourcesContent":["/**\n * createNumberFormatter hook for solidaria\n *\n * Provides localized number formatting with automatic locale updates.\n *\n * Port of @react-aria/i18n useNumberFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { NumberFormatter, type NumberFormatOptions } from \"@internationalized/number\";\n\n/**\n * Provides localized number formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function PriceDisplay(props: { value: number }) {\n *   const formatter = createNumberFormatter({\n *     style: 'currency',\n *     currency: 'USD',\n *   });\n *\n *   return <span>{formatter().format(props.value)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Percent formatting\n * const percentFormatter = createNumberFormatter({\n *   style: 'percent',\n *   minimumFractionDigits: 1,\n * });\n * percentFormatter().format(0.125); // '12.5%'\n *\n * // Unit formatting\n * const tempFormatter = createNumberFormatter({\n *   style: 'unit',\n *   unit: 'celsius',\n * });\n * tempFormatter().format(25); // '25°C'\n * ```\n */\nexport function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {\n  const locale = useLocale();\n\n  return createMemo(() => new NumberFormatter(locale().locale, options));\n}\n","/**\n * createDateFormatter hook for solidaria\n *\n * Provides localized date formatting with caching.\n *\n * Port of @react-aria/i18n useDateFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst dateFormatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached date formatter.\n */\nfunction getCachedDateFormatter(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (dateFormatterCache.has(cacheKey)) {\n    return dateFormatterCache.get(cacheKey)!;\n  }\n\n  const formatter = new Intl.DateTimeFormat(locale, options);\n  dateFormatterCache.set(cacheKey, formatter);\n  return formatter;\n}\n\n/**\n * Provides localized date and time formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function DateDisplay(props: { date: Date }) {\n *   const formatter = createDateFormatter({\n *     year: 'numeric',\n *     month: 'long',\n *     day: 'numeric',\n *   });\n *\n *   return <span>{formatter().format(props.date)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Short date\n * const shortDate = createDateFormatter({ dateStyle: 'short' });\n * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)\n *\n * // Full date with time\n * const fullDateTime = createDateFormatter({\n *   dateStyle: 'full',\n *   timeStyle: 'short',\n * });\n *\n * // Time only\n * const timeFormatter = createDateFormatter({\n *   hour: 'numeric',\n *   minute: '2-digit',\n * });\n * ```\n */\nexport function createDateFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): () => Intl.DateTimeFormat {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedDateFormatter(locale().locale, options));\n}\n","/**\n * createFilter hook for solidaria\n *\n * Provides localized string filtering with collation support.\n *\n * Port of @react-aria/i18n useFilter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createCollator } from \"./createCollator\";\n\nexport interface Filter {\n  /** Returns whether a string starts with a given substring. */\n  startsWith(string: string, substring: string): boolean;\n  /** Returns whether a string ends with a given substring. */\n  endsWith(string: string, substring: string): boolean;\n  /** Returns whether a string contains a given substring. */\n  contains(string: string, substring: string): boolean;\n}\n\n/**\n * Provides localized string search functionality for filtering or matching items.\n * Respects locale-specific collation rules for case and diacritic sensitivity.\n *\n * @example\n * ```tsx\n * function SearchableList(props: { items: { name: string }[] }) {\n *   const [query, setQuery] = createSignal('');\n *   const filter = createFilter({ sensitivity: 'base' });\n *\n *   const filteredItems = () =>\n *     props.items.filter((item) =>\n *       filter().contains(item.name, query())\n *     );\n *\n *   return (\n *     <>\n *       <input\n *         value={query()}\n *         onInput={(e) => setQuery(e.target.value)}\n *         placeholder=\"Search...\"\n *       />\n *       <ul>\n *         <For each={filteredItems()}>\n *           {(item) => <li>{item.name}</li>}\n *         </For>\n *       </ul>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive, diacritic-insensitive filtering\n * const filter = createFilter({ sensitivity: 'base' });\n * filter().contains('Café', 'cafe'); // true\n * filter().startsWith('Hello', 'hello'); // true\n * ```\n */\nexport function createFilter(options?: Intl.CollatorOptions): () => Filter {\n  const collator = createCollator({\n    usage: \"search\",\n    ...options,\n  });\n\n  return createMemo(() => {\n    const coll = collator();\n\n    const startsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      // Normalize both strings for safe slicing\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const endsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const contains = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n      const sliceLen = normalizedSub.length;\n\n      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {\n        const slice = normalizedStr.slice(scan, scan + sliceLen);\n        if (coll.compare(normalizedSub, slice) === 0) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n\n    return {\n      startsWith,\n      endsWith,\n      contains,\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,sBAAsB,UAA+B,CAAC,GAA0B;CAC9F,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,IAAI,gBAAgB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AACvE;;;;;;;;;;ACrCA,MAAM,qCAAqB,IAAI,IAAiC;;;;AAKhE,SAAS,uBACP,QACA,SACqB;CACrB,MAAM,WAAW,eAAe,QAAQ,OAAkC;CAE1E,IAAI,mBAAmB,IAAI,QAAQ,GACjC,OAAO,mBAAmB,IAAI,QAAQ;CAGxC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,OAAO;CACzD,mBAAmB,IAAI,UAAU,SAAS;CAC1C,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,oBACd,SAC2B;CAC3B,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,uBAAuB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA,SAAgB,aAAa,SAA8C;CACzE,MAAM,WAAW,eAAe;EAC9B,OAAO;EACP,GAAG;CACL,CAAC;CAED,OAAO,iBAAiB;EACtB,MAAM,OAAO,SAAS;EAEtB,MAAM,cAAc,KAAa,cAA+B;GAC9D,IAAI,UAAU,WAAW,GACvB,OAAO;GAIT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,GAAG,cAAc,MAAM,GAAG,aAAa,MAAM;EACvF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,CAAC,cAAc,MAAM,GAAG,aAAa,MAAM;EACrF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAC/C,MAAM,WAAW,cAAc;GAE/B,KAAK,IAAI,OAAO,GAAG,OAAO,YAAY,cAAc,QAAQ,QAAQ;IAClE,MAAM,QAAQ,cAAc,MAAM,MAAM,OAAO,QAAQ;IACvD,IAAI,KAAK,QAAQ,eAAe,KAAK,MAAM,GACzC,OAAO;GAEX;GAEA,OAAO;EACT;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,CAAC;AACH"}