@proyecto-viviana/solidaria 0.4.0 → 0.4.2

package/dist/_chunk/menu.jsx

@@ -1,6 +1,7 @@
 import { t as createPress } from "./createPress.jsx";
-import { i as access, o as mergeProps, t as isDevEnv } from "./env.jsx";
+import { i as mergeProps$1, t as isDevEnv } from "./env.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as access } from "./reactivity.jsx";
 import { p as isVirtualClick } from "./utils.jsx";
 import { a as getEventTarget } from "./focus.jsx";
 import { t as createFocusWithin } from "./createFocusWithin.jsx";
@@ -240,7 +241,7 @@ function createMenu(props, state, ref) {
 		},
 		get menuProps() {
 			const p = getProps();
-			const baseProps = mergeProps(domProps(), focusWithinProps, fieldProps, {
+			const baseProps = mergeProps$1(domProps(), focusWithinProps, fieldProps, {
 				role: "menu",
 				get tabIndex() {
 					return getProps().isDisabled ? void 0 : state.focusedKey() == null ? 0 : -1;
@@ -248,7 +249,7 @@ function createMenu(props, state, ref) {
 				"aria-disabled": p.isDisabled || void 0,
 				onKeyDown
 			});
-			if (!p.disallowTypeAhead) return mergeProps(baseProps, typeSelectProps);
+			if (!p.disallowTypeAhead) return mergeProps$1(baseProps, typeSelectProps);
 			return baseProps;
 		}
 	};
@@ -449,7 +450,7 @@ function createMenuItem(props, state, ref) {
 				if (p.rel) baseProps.rel = p.rel;
 				if (p.download != null && p.download !== false) baseProps.download = p.download === true ? "" : p.download;
 			}
-			return mergeProps(selectableItemProps(), menuPressProps(), hoverProps, focusProps, keyboardProps, { onClick: performMenuAction }, baseProps);
+			return mergeProps$1(selectableItemProps(), menuPressProps(), hoverProps, focusProps, keyboardProps, { onClick: performMenuAction }, baseProps);
 		},
 		labelProps: { id: labelId },
 		get descriptionProps() {

package/dist/_chunk/menu.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"menu.jsx","names":[],"sources":["../../src/menu/createMenu.ts","../../src/menu/createMenuItem.ts","../../src/menu/createMenuTrigger.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n * Based on @react-aria/menu useMenu.\n */\n\nimport { createEffect, onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { selectItem } from \"../selection/selectItem\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport type { MenuState, Key, Collection } from \"@proyecto-viviana/solid-stately\";\n\n/**\n * Default number of items to skip for page up/down when DOM measurement is not available.\n */\nconst DEFAULT_PAGE_SIZE = 10;\n\n/**\n * Find the next non-disabled key in a collection.\n */\nfunction findNextNonDisabledKey<T>(\n  collection: Collection<T>,\n  currentKey: Key | null,\n  direction: \"next\" | \"prev\",\n  isDisabled: (key: Key) => boolean,\n  wrap: boolean,\n): Key | null {\n  const getNextKey =\n    direction === \"next\"\n      ? (key: Key) => collection.getKeyAfter(key)\n      : (key: Key) => collection.getKeyBefore(key);\n\n  const getFirstKey =\n    direction === \"next\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n  let nextKey = currentKey != null ? getNextKey(currentKey) : getFirstKey();\n\n  // Skip disabled keys\n  while (nextKey != null && isDisabled(nextKey)) {\n    nextKey = getNextKey(nextKey);\n  }\n\n  // If we've reached the end and wrapping is enabled\n  if (nextKey == null && wrap) {\n    nextKey = getFirstKey();\n    // Skip disabled keys from the start\n    while (nextKey != null && isDisabled(nextKey)) {\n      nextKey = getNextKey(nextKey);\n    }\n  }\n\n  return nextKey;\n}\n\nexport interface AriaMenuProps<T = unknown> {\n  /** An ID for the menu. */\n  id?: string;\n  /** Whether the menu is disabled. */\n  isDisabled?: boolean;\n  /** The label for the menu. */\n  label?: JSX.Element;\n  /** An accessible label for the menu when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the menu. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the menu. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the menu. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the menu. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler called when an item is activated (pressed). */\n  onAction?: (key: Key, value: T) => void;\n  /** Handler called when the menu should close. */\n  onClose?: () => void;\n  /** Whether the menu should close when an item is selected. */\n  shouldCloseOnSelect?: boolean;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether to auto-focus the first item when the menu opens. */\n  autoFocus?: boolean | \"first\" | \"last\";\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n}\n\nexport interface MenuAria {\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the menu's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between menu and menu items\nconst menuData = new WeakMap<object, MenuData>();\n\ninterface MenuData {\n  id: string;\n  // Type-erased like upstream menu/utils.ts MenuData (value: any): the WeakMap\n  // is keyed by an untyped state, so the item value flows through as unknown.\n  onAction?: (key: Key, value: unknown) => void;\n  onClose?: () => void;\n  isDisabled?: boolean;\n  shouldCloseOnSelect?: boolean;\n}\n\nexport function getMenuData(state: MenuState): MenuData | undefined {\n  return menuData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n */\nexport function createMenu<T>(\n  props: MaybeAccessor<AriaMenuProps<T>>,\n  state: MenuState<T>,\n  ref?: Accessor<HTMLElement | null>,\n): MenuAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Development-time warning for missing accessibility labels\n  if (isDevEnv()) {\n    const p = getProps();\n    if (!p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\n        \"[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility.\",\n      );\n    }\n  }\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const updateSharedData = () => {\n    const p = getProps();\n    menuData.set(state, {\n      id,\n      onAction: p.onAction as MenuData[\"onAction\"],\n      onClose: p.onClose,\n      isDisabled: p.isDisabled,\n      shouldCloseOnSelect: p.shouldCloseOnSelect,\n    });\n  };\n\n  // Ensure menu items created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child menu items\n  createEffect(() => {\n    updateSharedData();\n\n    onCleanup(() => {\n      menuData.delete(state);\n    });\n  });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithin: (e) => getProps().onFocus?.(e),\n    onBlurWithin: (e) => getProps().onBlur?.(e),\n    onFocusWithinChange: (isFocused) => {\n      getProps().onFocusChange?.(isFocused);\n      state.setFocused(isFocused);\n    },\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Type-to-select\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.focusedKey(),\n    onFocusedKeyChange: (key) => state.setFocusedKey(key),\n    isKeyDisabled: (key) => state.isDisabled(key),\n    get isDisabled() {\n      return getProps().disallowTypeAhead ?? false;\n    },\n  });\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    if (getProps().isDisabled) return;\n\n    const collection = state.collection();\n    const p = getProps();\n    const wrap = p.shouldFocusWrap ?? false;\n\n    // Disabled keys only block keyboard navigation under disabledBehavior \"all\"\n    // (the default); under \"selection\" they stay focusable while their selection\n    // remains blocked. Mirrors ListKeyboardDelegate.isDisabled in React Aria,\n    // which gates the navigation skip on the resolved disabledBehavior.\n    const isDisabled = (key: Key) => state.isDisabled(key) && state.disabledBehavior() === \"all\";\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        // Only consume the key once a target exists, mirroring\n        // useSelectableCollection (ArrowDown, 211-225): preventDefault is called\n        // inside `if (nextKey != null)`, so at the last item without wrap the\n        // arrow bubbles instead of being swallowed.\n        const currentKey = state.focusedKey();\n        const nextKey = findNextNonDisabledKey(collection, currentKey, \"next\", isDisabled, wrap);\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        const currentKey = state.focusedKey();\n        const prevKey = findNextNonDisabledKey(collection, currentKey, \"prev\", isDisabled, wrap);\n        if (prevKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        // Mirror useSelectableCollection (Home, 283-285): with nothing focused,\n        // Shift+Home has no anchor to extend from, so leave the event alone.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find first non-disabled key\n        let firstKey = collection.getFirstKey();\n        while (firstKey != null && isDisabled(firstKey)) {\n          firstKey = collection.getKeyAfter(firstKey);\n        }\n        if (firstKey != null) {\n          state.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        // Mirror useSelectableCollection (End, 300-302): same anchor guard as Home.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find last non-disabled key\n        let lastKey = collection.getLastKey();\n        while (lastKey != null && isDisabled(lastKey)) {\n          lastKey = collection.getKeyBefore(lastKey);\n        }\n        if (lastKey != null) {\n          state.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \" \":\n      case \"Enter\": {\n        if (e.target !== e.currentTarget) break;\n        e.preventDefault();\n        const focusedKey = state.focusedKey();\n        // Activation is gated on the navigation-disabled check, not the raw\n        // one: under disabledBehavior \"selection\" a focusable disabled item\n        // still fires onAction (and closes), mirroring useSelectableItem's\n        // allowsActions (manager.isDisabled is gated on \"all\"). Selection stays\n        // blocked independently — state.select self-guards on the raw disabled\n        // check (SelectionManager.canSelectItem).\n        if (focusedKey != null && !isDisabled(focusedKey)) {\n          // Route through the aria-layer onSelect so the platform-aware modifier\n          // resolution (isCtrlKeyPressed / non-contiguous modifier) and the\n          // shift-extend path are applied. Keyboard activation carries\n          // pointerType \"keyboard\".\n          selectItem(\n            state,\n            focusedKey,\n            {\n              pointerType: \"keyboard\",\n              shiftKey: e.shiftKey,\n              ctrlKey: e.ctrlKey,\n              metaKey: e.metaKey,\n              altKey: e.altKey,\n            },\n            collection,\n          );\n          // Pass the activated item's value as the second arg, mirroring\n          // useMenuItem performAction: onAction(key, item?.value).\n          p.onAction?.(focusedKey, collection.getItem(focusedKey)?.value as T);\n          const item = collection.getItem(focusedKey);\n          const isLink = !!item?.props?.href;\n          const shouldClose =\n            p.shouldCloseOnSelect ??\n            (e.key === \"Enter\" || state.selectionMode() === \"none\" || isLink);\n          if (shouldClose) {\n            p.onClose?.();\n          }\n        }\n        break;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        p.onClose?.();\n        break;\n      }\n      case \"PageDown\": {\n        // Mirror useSelectableCollection (PageDown, 324-332): only consume the\n        // key when an item is focused. A non-empty collection always yields a\n        // page target via getKeyPageBelow, so a focused key means focus moves\n        // and the event is swallowed; with nothing focused, leave it alone to\n        // bubble (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const nextKey = collection.getKeyAfter(targetKey);\n            if (nextKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(nextKey)) {\n              targetKey = nextKey;\n            } else {\n              // Skip over disabled items without counting them\n              const afterDisabled = findNextNonDisabledKey(\n                collection,\n                nextKey,\n                \"next\",\n                isDisabled,\n                false,\n              );\n              if (afterDisabled != null) {\n                targetKey = afterDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const nextKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"next\",\n              isDisabled,\n              false,\n            );\n            if (nextKey == null) break;\n            targetKey = nextKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n      case \"PageUp\": {\n        // Mirror useSelectableCollection (PageUp, 333-341): only consume the key\n        // when an item is focused. A non-empty collection always yields a page\n        // target via getKeyPageAbove, so a focused key means focus moves and the\n        // event is swallowed; with nothing focused, leave it alone to bubble\n        // (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const prevKey = collection.getKeyBefore(targetKey);\n            if (prevKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(prevKey)) {\n              targetKey = prevKey;\n            } else {\n              // Skip over disabled items without counting them\n              const beforeDisabled = findNextNonDisabledKey(\n                collection,\n                prevKey,\n                \"prev\",\n                isDisabled,\n                false,\n              );\n              if (beforeDisabled != null) {\n                targetKey = beforeDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const prevKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"prev\",\n              isDisabled,\n              false,\n            );\n            if (prevKey == null) break;\n            targetKey = prevKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get menuProps() {\n      const p = getProps();\n\n      const baseProps = mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"menu\",\n          // Roving tabindex: the menu container is tab-reachable (0) only while no\n          // item holds focus; once `focusedKey` is set the container drops to -1 so\n          // Tab/Shift+Tab traverse past it and real focus stays on the item. This\n          // mirrors upstream `useMenu`, which spreads `useSelectableList`'s\n          // `listProps.tabIndex` (`manager.focusedKey == null ? 0 : -1`, non-virtual\n          // focus) onto the menu.\n          //\n          // This MUST be a getter, not an eagerly-evaluated value. Consumers\n          // (solidaria-components `Menu.tsx`) destructure `menuProps` once and\n          // spread it through `mergeProps`; a plain `tabIndex: <value>` would be\n          // computed at that first read (while `focusedKey` is still null → 0) and\n          // frozen. As a getter it survives `mergeProps` (which preserves getters),\n          // so the consumer's reactive element-spread re-reads `state.focusedKey()`\n          // and the container tabindex tracks focus.\n          get tabIndex() {\n            return getProps().isDisabled ? undefined : state.focusedKey() == null ? 0 : -1;\n          },\n          \"aria-disabled\": p.isDisabled || undefined,\n          onKeyDown,\n        } as Record<string, unknown>,\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu item.\n * Based on @react-aria/menu useMenuItem.\n */\n\nimport { type JSX, type Accessor } from \"solid-js\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createHover } from \"../interactions/createHover\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { createSelectableItem } from \"../selection/createSelectableItem\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getEventTarget } from \"../utils/dom\";\nimport { isVirtualClick } from \"../utils/events\";\nimport { createSlotId } from \"../ssr\";\nimport { getMenuData } from \"./createMenu\";\nimport type { MenuState, Key, Selection, SelectionMode } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuItemProps {\n  /** The unique key for the menu item. */\n  key: Key;\n  /** Optional DOM id for the menu item. Defaults to the key. */\n  id?: string;\n  /** Whether the menu item is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the menu item. */\n  \"aria-label\"?: string;\n  /** Element controlled by this menu item, for submenu triggers. */\n  \"aria-controls\"?: string;\n  /** Whether this menu item opens a submenu or subdialog. */\n  \"aria-haspopup\"?: string | boolean;\n  /** Whether the submenu or subdialog is expanded. */\n  \"aria-expanded\"?: boolean | \"true\" | \"false\";\n  /** Handler called when the menu item is selected. */\n  onAction?: () => void;\n  /** Whether to close the menu when this item is selected. */\n  closeOnSelect?: boolean;\n  /** A URL to link to. Turns the menu item into a link. */\n  href?: string;\n  /** The target window for the link. */\n  target?: string;\n  /** The relationship between the linked resource and the current page. */\n  rel?: string;\n  /** Causes the browser to download the linked URL. A string may be provided to suggest a file name. */\n  download?: boolean | string;\n}\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the menu item. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the menu item. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the keyboard shortcut inside the menu item. */\n  keyboardShortcutProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the menu item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the menu item is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the menu item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the menu item is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the menu item is selected. */\n  isSelected: Accessor<boolean>;\n  /** The parent menu selection mode. */\n  selectionMode: Accessor<SelectionMode>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu item.\n */\nexport function createMenuItem<T>(\n  props: MaybeAccessor<AriaMenuItemProps>,\n  state: MenuState<T>,\n  ref?: () => HTMLElement | null,\n): MenuItemAria {\n  const getProps = () => access(props);\n\n  // Get shared data from menu\n  const getData = () => getMenuData(state);\n\n  // Computed states. `state.isDisabled` is SelectionManager.isDisabled, which\n  // already respects disabledBehavior=\"selection\"; these items stay actionable\n  // while SelectionManager.canSelectItem keeps selection blocked.\n  const isDisabled: Accessor<boolean> = () => {\n    return Boolean(\n      getData()?.isDisabled || getProps().isDisabled || state.isDisabled(getProps().key),\n    );\n  };\n\n  const selectionMode: Accessor<SelectionMode> = () => {\n    return state.selectionMode();\n  };\n\n  // Whether this is a link item\n  const isLink = () => !!getProps().href;\n  const isTrigger = () => !!getProps()[\"aria-haspopup\"];\n\n  const selectableItem = createSelectableItem(\n    () => {\n      const p = getProps();\n      return {\n        key: p.key,\n        id: p.id ?? String(p.key),\n        isDisabled: isDisabled(),\n        isLink: isLink(),\n        href: p.href,\n        shouldSelectOnPressUp: true,\n        allowsDifferentPressOrigin: true,\n        linkBehavior: \"none\",\n      };\n    },\n    state,\n    () => ref?.() ?? null,\n  );\n\n  const isFocused: Accessor<boolean> = () => selectableItem.isFocused();\n\n  const isSelected: Accessor<boolean> = () => {\n    return !isTrigger() && selectableItem.isSelected();\n  };\n\n  type MenuInteraction = {\n    pointerType: PressEvent[\"pointerType\"];\n    key?: string;\n  };\n\n  let interaction: MenuInteraction | null = null;\n  let isMenuPressActive = false;\n  let isDispatchingKeyboardClick = false;\n  let isDispatchingMenuSyntheticClick = false;\n  let selectionEventBeforeMenuPressUp: Selection | null = null;\n  let hasSelectionEventBeforeMenuPressUp = false;\n  let pendingSyntheticClickSelectionEvent: Selection | null = null;\n  let suppressNextKeyboardClick = false;\n\n  const getShouldClose = (): boolean => {\n    const p = getProps();\n    const explicitClose = p.closeOnSelect ?? getData()?.shouldCloseOnSelect;\n    if (explicitClose !== undefined) {\n      return explicitClose;\n    }\n\n    if (interaction?.pointerType === \"keyboard\") {\n      return interaction.key === \"Enter\" || selectionMode() === \"none\" || isLink();\n    }\n\n    return selectionMode() !== \"multiple\" || isLink();\n  };\n\n  const performMenuAction = (event: MouseEvent) => {\n    if (isDisabled()) {\n      event.preventDefault();\n      return;\n    }\n\n    if (suppressNextKeyboardClick && interaction == null) {\n      suppressNextKeyboardClick = false;\n      return;\n    }\n\n    const p = getProps();\n    const key = p.key;\n    const data = getData();\n\n    // Submenu triggers open their submenu via the local item action, but do not\n    // fire the parent menu onAction or close the menu.\n    if (isTrigger()) {\n      p.onAction?.();\n      interaction = null;\n      return;\n    }\n\n    // Call item-specific onAction.\n    p.onAction?.();\n\n    // Call menu-level onAction with the activated item's value, mirroring\n    // useMenuItem performAction: onAction(key, item?.value).\n    const item = state.collection().getItem(key);\n    data?.onAction?.(key, item?.value);\n\n    if (getShouldClose()) {\n      data?.onClose?.();\n    }\n\n    interaction = null;\n  };\n\n  // Menu-specific press handling is separate from selectable-item selection,\n  // matching upstream useMenuItem: useSelectableItem owns selection/focus\n  // timing; the menu layer owns pressed state, different-origin release, action,\n  // links, and close behavior.\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onPressChange(isPressed) {\n      isMenuPressActive = isPressed;\n    },\n    onPressUp(e) {\n      if (e.pointerType !== \"keyboard\" && !isDispatchingKeyboardClick) {\n        interaction = { pointerType: e.pointerType };\n      }\n\n      // Native menus allow pressing the trigger, dragging to an item, and\n      // releasing to activate it. Upstream useMenuItem synthesizes a click in\n      // this different-origin mouse case.\n      if (e.pointerType === \"mouse\" && !isMenuPressActive && e.target instanceof HTMLElement) {\n        const selectionEventAfterPressUp = state.selectionManager.lastSelectionEvent;\n        pendingSyntheticClickSelectionEvent =\n          hasSelectionEventBeforeMenuPressUp &&\n          selectionEventAfterPressUp != null &&\n          selectionEventAfterPressUp !== selectionEventBeforeMenuPressUp\n            ? selectionEventAfterPressUp\n            : null;\n\n        isDispatchingMenuSyntheticClick = true;\n        try {\n          e.target.click();\n        } finally {\n          isDispatchingMenuSyntheticClick = false;\n          hasSelectionEventBeforeMenuPressUp = false;\n          selectionEventBeforeMenuPressUp = null;\n          pendingSyntheticClickSelectionEvent = null;\n        }\n      }\n    },\n  });\n\n  const captureSelectionEventBeforeMenuPressUp = () => {\n    selectionEventBeforeMenuPressUp = state.selectionManager.lastSelectionEvent;\n    hasSelectionEventBeforeMenuPressUp = true;\n  };\n\n  const withMenuPressUpSelectionSnapshot = <EventType extends Event>(handler: unknown) => {\n    if (typeof handler !== \"function\") {\n      return handler;\n    }\n\n    return (event: EventType) => {\n      captureSelectionEventBeforeMenuPressUp();\n      (handler as (event: EventType) => void)(event);\n    };\n  };\n\n  const selectableItemProps = () => {\n    const props = selectableItem.itemProps as Record<string, unknown>;\n    const onClick = props.onClick;\n\n    return {\n      ...props,\n      onPointerUp: withMenuPressUpSelectionSnapshot<PointerEvent>(props.onPointerUp),\n      onMouseUp: withMenuPressUpSelectionSnapshot<MouseEvent>(props.onMouseUp),\n      onClick:\n        typeof onClick === \"function\"\n          ? (event: MouseEvent) => {\n              // The menu layer's upstream-compatible target.click() should activate\n              // the menu item, not feed back into selectable-item virtual selection.\n              if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {\n                if (pendingSyntheticClickSelectionEvent != null) {\n                  state.selectionManager.emitDuplicateSelectionEvent(\n                    pendingSyntheticClickSelectionEvent,\n                  );\n                  pendingSyntheticClickSelectionEvent = null;\n                }\n                return;\n              }\n\n              (onClick as (event: MouseEvent) => void)(event);\n            }\n          : onClick,\n    };\n  };\n\n  const menuPressProps = () => {\n    const {\n      onKeyDown: _onKeyDown,\n      onKeyUp: _onKeyUp,\n      ...props\n    } = pressProps as Record<string, unknown>;\n    return props;\n  };\n\n  const keyboardProps = {\n    onKeyDown: (event: KeyboardEvent) => {\n      if (isDisabled() || event.repeat) {\n        return;\n      }\n\n      if (event.key !== \" \" && event.key !== \"Enter\") {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      interaction = { pointerType: \"keyboard\", key: event.key };\n\n      const target = getEventTarget<HTMLElement>(event) ?? ref?.();\n      if (target instanceof HTMLElement) {\n        suppressNextKeyboardClick = true;\n        isDispatchingKeyboardClick = true;\n        try {\n          target.click();\n        } finally {\n          isDispatchingKeyboardClick = false;\n        }\n      }\n    },\n    onKeyUp: (event: KeyboardEvent) => {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        suppressNextKeyboardClick = false;\n      }\n    },\n  };\n\n  // Handle hover\n  const { hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onHoverStart() {\n      state.setFocusedKey(getProps().key);\n    },\n  });\n\n  // Handle focus ring\n  const { isFocusVisible, focusProps } = createFocusRing();\n\n  // Generate unique IDs for label and description. The description + keyboard\n  // ids use `createSlotId` (a 1:1 port of upstream `useSlotId`): each resolves\n  // to `undefined` unless an element carrying that id is actually rendered, so\n  // an item with no description/shortcut leaves `aria-describedby` unset instead\n  // of pointing at a non-existent element. Mirrors useMenuItem's\n  // `[props['aria-describedby'], descriptionId, keyboardId].filter(Boolean)`.\n  const labelId = `${getProps().key}-label`;\n  const descriptionId = createSlotId();\n  const keyboardId = createSlotId();\n\n  return {\n    get menuItemProps() {\n      const p = getProps();\n      const key = p.key;\n      const ariaLabel = p[\"aria-label\"];\n      const mode = selectionMode();\n      const selected = isSelected();\n      const trigger = isTrigger();\n\n      const baseProps: Record<string, unknown> = {\n        role: trigger\n          ? \"menuitem\"\n          : mode === \"single\"\n            ? \"menuitemradio\"\n            : mode === \"multiple\"\n              ? \"menuitemcheckbox\"\n              : \"menuitem\",\n        id: p.id ?? String(key),\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-checked\": mode !== \"none\" && !trigger ? selected : undefined,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": !ariaLabel ? labelId : undefined,\n        \"aria-describedby\": [descriptionId(), keyboardId()].filter(Boolean).join(\" \") || undefined,\n        \"aria-controls\": p[\"aria-controls\"],\n        \"aria-haspopup\": p[\"aria-haspopup\"],\n        \"aria-expanded\": p[\"aria-expanded\"],\n        \"data-selected\": selected || undefined,\n        \"data-focused\": isFocused() || undefined,\n        \"data-focus-visible\": isFocusVisible() || undefined,\n        \"data-pressed\": isPressed() || undefined,\n        \"data-disabled\": isDisabled() || undefined,\n      };\n\n      // Add link props when href is present\n      if (isLink()) {\n        baseProps.href = isDisabled() ? undefined : p.href;\n        if (p.target) baseProps.target = p.target;\n        if (p.rel) baseProps.rel = p.rel;\n        if (p.download != null && p.download !== false) {\n          baseProps.download = p.download === true ? \"\" : p.download;\n        }\n      }\n\n      return mergeProps(\n        selectableItemProps(),\n        menuPressProps(),\n        hoverProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        keyboardProps,\n        { onClick: performMenuAction },\n        baseProps,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    labelProps: {\n      id: labelId,\n    },\n    // Getters so the slot id stays reactive: `createSlotId` may clear the id\n    // (to `undefined`) after mount if no element registered it, and consumers\n    // reading these props re-track that change.\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    get keyboardShortcutProps() {\n      return { id: keyboardId(), \"aria-hidden\": true };\n    },\n    isFocused,\n    isFocusVisible: () => isFocused() && isFocusVisible(),\n    isPressed,\n    isDisabled,\n    isSelected,\n    selectionMode,\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n * Based on @react-aria/menu useMenuTrigger.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { OverlayTriggerState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuTriggerProps {\n  /** The type of menu that the menu trigger opens. */\n  type?: \"menu\" | \"listbox\";\n  /** Whether the menu trigger is disabled. */\n  isDisabled?: boolean;\n  /** An ID for the menu. */\n  id?: string;\n}\n\nexport interface MenuTriggerAria {\n  /** Props for the menu trigger button. */\n  menuTriggerProps: JSX.HTMLAttributes<HTMLElement> & {\n    onPress: () => void;\n    onKeyDown: (e: KeyboardEvent) => void;\n  };\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n */\nexport function createMenuTrigger(\n  props: MaybeAccessor<AriaMenuTriggerProps>,\n  state: OverlayTriggerState,\n): MenuTriggerAria {\n  const getProps = () => access(props);\n  const menuId = createId(getProps().id);\n\n  const onPress = () => {\n    if (!getProps().isDisabled) {\n      state.toggle();\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (getProps().isDisabled) return;\n\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get menuTriggerProps() {\n      const p = getProps();\n      const type = p.type ?? \"menu\";\n      const isOpen = state.isOpen();\n\n      return {\n        \"aria-haspopup\": type,\n        \"aria-expanded\": isOpen,\n        \"aria-controls\": isOpen ? menuId : undefined,\n        \"aria-disabled\": p.isDisabled || undefined,\n        onPress,\n        onKeyDown,\n      };\n    },\n    menuProps: {\n      id: menuId,\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu.jsx","names":["mergeProps","mergeProps"],"sources":["../../src/menu/createMenu.ts","../../src/menu/createMenuItem.ts","../../src/menu/createMenuTrigger.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n * Based on @react-aria/menu useMenu.\n */\n\nimport { createEffect, onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { selectItem } from \"../selection/selectItem\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport type { MenuState, Key, Collection } from \"@proyecto-viviana/solid-stately\";\n\n/**\n * Default number of items to skip for page up/down when DOM measurement is not available.\n */\nconst DEFAULT_PAGE_SIZE = 10;\n\n/**\n * Find the next non-disabled key in a collection.\n */\nfunction findNextNonDisabledKey<T>(\n  collection: Collection<T>,\n  currentKey: Key | null,\n  direction: \"next\" | \"prev\",\n  isDisabled: (key: Key) => boolean,\n  wrap: boolean,\n): Key | null {\n  const getNextKey =\n    direction === \"next\"\n      ? (key: Key) => collection.getKeyAfter(key)\n      : (key: Key) => collection.getKeyBefore(key);\n\n  const getFirstKey =\n    direction === \"next\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n  let nextKey = currentKey != null ? getNextKey(currentKey) : getFirstKey();\n\n  // Skip disabled keys\n  while (nextKey != null && isDisabled(nextKey)) {\n    nextKey = getNextKey(nextKey);\n  }\n\n  // If we've reached the end and wrapping is enabled\n  if (nextKey == null && wrap) {\n    nextKey = getFirstKey();\n    // Skip disabled keys from the start\n    while (nextKey != null && isDisabled(nextKey)) {\n      nextKey = getNextKey(nextKey);\n    }\n  }\n\n  return nextKey;\n}\n\nexport interface AriaMenuProps<T = unknown> {\n  /** An ID for the menu. */\n  id?: string;\n  /** Whether the menu is disabled. */\n  isDisabled?: boolean;\n  /** The label for the menu. */\n  label?: JSX.Element;\n  /** An accessible label for the menu when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the menu. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the menu. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the menu. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the menu. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler called when an item is activated (pressed). */\n  onAction?: (key: Key, value: T) => void;\n  /** Handler called when the menu should close. */\n  onClose?: () => void;\n  /** Whether the menu should close when an item is selected. */\n  shouldCloseOnSelect?: boolean;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether to auto-focus the first item when the menu opens. */\n  autoFocus?: boolean | \"first\" | \"last\";\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n}\n\nexport interface MenuAria {\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the menu's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between menu and menu items\nconst menuData = new WeakMap<object, MenuData>();\n\ninterface MenuData {\n  id: string;\n  // Type-erased like upstream menu/utils.ts MenuData (value: any): the WeakMap\n  // is keyed by an untyped state, so the item value flows through as unknown.\n  onAction?: (key: Key, value: unknown) => void;\n  onClose?: () => void;\n  isDisabled?: boolean;\n  shouldCloseOnSelect?: boolean;\n}\n\nexport function getMenuData(state: MenuState): MenuData | undefined {\n  return menuData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n */\nexport function createMenu<T>(\n  props: MaybeAccessor<AriaMenuProps<T>>,\n  state: MenuState<T>,\n  ref?: Accessor<HTMLElement | null>,\n): MenuAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Development-time warning for missing accessibility labels\n  if (isDevEnv()) {\n    const p = getProps();\n    if (!p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\n        \"[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility.\",\n      );\n    }\n  }\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const updateSharedData = () => {\n    const p = getProps();\n    menuData.set(state, {\n      id,\n      onAction: p.onAction as MenuData[\"onAction\"],\n      onClose: p.onClose,\n      isDisabled: p.isDisabled,\n      shouldCloseOnSelect: p.shouldCloseOnSelect,\n    });\n  };\n\n  // Ensure menu items created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child menu items\n  createEffect(() => {\n    updateSharedData();\n\n    onCleanup(() => {\n      menuData.delete(state);\n    });\n  });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithin: (e) => getProps().onFocus?.(e),\n    onBlurWithin: (e) => getProps().onBlur?.(e),\n    onFocusWithinChange: (isFocused) => {\n      getProps().onFocusChange?.(isFocused);\n      state.setFocused(isFocused);\n    },\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Type-to-select\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.focusedKey(),\n    onFocusedKeyChange: (key) => state.setFocusedKey(key),\n    isKeyDisabled: (key) => state.isDisabled(key),\n    get isDisabled() {\n      return getProps().disallowTypeAhead ?? false;\n    },\n  });\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    if (getProps().isDisabled) return;\n\n    const collection = state.collection();\n    const p = getProps();\n    const wrap = p.shouldFocusWrap ?? false;\n\n    // Disabled keys only block keyboard navigation under disabledBehavior \"all\"\n    // (the default); under \"selection\" they stay focusable while their selection\n    // remains blocked. Mirrors ListKeyboardDelegate.isDisabled in React Aria,\n    // which gates the navigation skip on the resolved disabledBehavior.\n    const isDisabled = (key: Key) => state.isDisabled(key) && state.disabledBehavior() === \"all\";\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        // Only consume the key once a target exists, mirroring\n        // useSelectableCollection (ArrowDown, 211-225): preventDefault is called\n        // inside `if (nextKey != null)`, so at the last item without wrap the\n        // arrow bubbles instead of being swallowed.\n        const currentKey = state.focusedKey();\n        const nextKey = findNextNonDisabledKey(collection, currentKey, \"next\", isDisabled, wrap);\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        const currentKey = state.focusedKey();\n        const prevKey = findNextNonDisabledKey(collection, currentKey, \"prev\", isDisabled, wrap);\n        if (prevKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        // Mirror useSelectableCollection (Home, 283-285): with nothing focused,\n        // Shift+Home has no anchor to extend from, so leave the event alone.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find first non-disabled key\n        let firstKey = collection.getFirstKey();\n        while (firstKey != null && isDisabled(firstKey)) {\n          firstKey = collection.getKeyAfter(firstKey);\n        }\n        if (firstKey != null) {\n          state.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        // Mirror useSelectableCollection (End, 300-302): same anchor guard as Home.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find last non-disabled key\n        let lastKey = collection.getLastKey();\n        while (lastKey != null && isDisabled(lastKey)) {\n          lastKey = collection.getKeyBefore(lastKey);\n        }\n        if (lastKey != null) {\n          state.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \" \":\n      case \"Enter\": {\n        if (e.target !== e.currentTarget) break;\n        e.preventDefault();\n        const focusedKey = state.focusedKey();\n        // Activation is gated on the navigation-disabled check, not the raw\n        // one: under disabledBehavior \"selection\" a focusable disabled item\n        // still fires onAction (and closes), mirroring useSelectableItem's\n        // allowsActions (manager.isDisabled is gated on \"all\"). Selection stays\n        // blocked independently — state.select self-guards on the raw disabled\n        // check (SelectionManager.canSelectItem).\n        if (focusedKey != null && !isDisabled(focusedKey)) {\n          // Route through the aria-layer onSelect so the platform-aware modifier\n          // resolution (isCtrlKeyPressed / non-contiguous modifier) and the\n          // shift-extend path are applied. Keyboard activation carries\n          // pointerType \"keyboard\".\n          selectItem(\n            state,\n            focusedKey,\n            {\n              pointerType: \"keyboard\",\n              shiftKey: e.shiftKey,\n              ctrlKey: e.ctrlKey,\n              metaKey: e.metaKey,\n              altKey: e.altKey,\n            },\n            collection,\n          );\n          // Pass the activated item's value as the second arg, mirroring\n          // useMenuItem performAction: onAction(key, item?.value).\n          p.onAction?.(focusedKey, collection.getItem(focusedKey)?.value as T);\n          const item = collection.getItem(focusedKey);\n          const isLink = !!item?.props?.href;\n          const shouldClose =\n            p.shouldCloseOnSelect ??\n            (e.key === \"Enter\" || state.selectionMode() === \"none\" || isLink);\n          if (shouldClose) {\n            p.onClose?.();\n          }\n        }\n        break;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        p.onClose?.();\n        break;\n      }\n      case \"PageDown\": {\n        // Mirror useSelectableCollection (PageDown, 324-332): only consume the\n        // key when an item is focused. A non-empty collection always yields a\n        // page target via getKeyPageBelow, so a focused key means focus moves\n        // and the event is swallowed; with nothing focused, leave it alone to\n        // bubble (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const nextKey = collection.getKeyAfter(targetKey);\n            if (nextKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(nextKey)) {\n              targetKey = nextKey;\n            } else {\n              // Skip over disabled items without counting them\n              const afterDisabled = findNextNonDisabledKey(\n                collection,\n                nextKey,\n                \"next\",\n                isDisabled,\n                false,\n              );\n              if (afterDisabled != null) {\n                targetKey = afterDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const nextKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"next\",\n              isDisabled,\n              false,\n            );\n            if (nextKey == null) break;\n            targetKey = nextKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n      case \"PageUp\": {\n        // Mirror useSelectableCollection (PageUp, 333-341): only consume the key\n        // when an item is focused. A non-empty collection always yields a page\n        // target via getKeyPageAbove, so a focused key means focus moves and the\n        // event is swallowed; with nothing focused, leave it alone to bubble\n        // (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const prevKey = collection.getKeyBefore(targetKey);\n            if (prevKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(prevKey)) {\n              targetKey = prevKey;\n            } else {\n              // Skip over disabled items without counting them\n              const beforeDisabled = findNextNonDisabledKey(\n                collection,\n                prevKey,\n                \"prev\",\n                isDisabled,\n                false,\n              );\n              if (beforeDisabled != null) {\n                targetKey = beforeDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const prevKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"prev\",\n              isDisabled,\n              false,\n            );\n            if (prevKey == null) break;\n            targetKey = prevKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get menuProps() {\n      const p = getProps();\n\n      const baseProps = mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"menu\",\n          // Roving tabindex: the menu container is tab-reachable (0) only while no\n          // item holds focus; once `focusedKey` is set the container drops to -1 so\n          // Tab/Shift+Tab traverse past it and real focus stays on the item. This\n          // mirrors upstream `useMenu`, which spreads `useSelectableList`'s\n          // `listProps.tabIndex` (`manager.focusedKey == null ? 0 : -1`, non-virtual\n          // focus) onto the menu.\n          //\n          // This MUST be a getter, not an eagerly-evaluated value. Consumers\n          // (solidaria-components `Menu.tsx`) destructure `menuProps` once and\n          // spread it through `mergeProps`; a plain `tabIndex: <value>` would be\n          // computed at that first read (while `focusedKey` is still null → 0) and\n          // frozen. As a getter it survives `mergeProps` (which preserves getters),\n          // so the consumer's reactive element-spread re-reads `state.focusedKey()`\n          // and the container tabindex tracks focus.\n          get tabIndex() {\n            return getProps().isDisabled ? undefined : state.focusedKey() == null ? 0 : -1;\n          },\n          \"aria-disabled\": p.isDisabled || undefined,\n          onKeyDown,\n        } as Record<string, unknown>,\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu item.\n * Based on @react-aria/menu useMenuItem.\n */\n\nimport { type JSX, type Accessor } from \"solid-js\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createHover } from \"../interactions/createHover\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { createSelectableItem } from \"../selection/createSelectableItem\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getEventTarget } from \"../utils/dom\";\nimport { isVirtualClick } from \"../utils/events\";\nimport { createSlotId } from \"../ssr\";\nimport { getMenuData } from \"./createMenu\";\nimport type { MenuState, Key, Selection, SelectionMode } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuItemProps {\n  /** The unique key for the menu item. */\n  key: Key;\n  /** Optional DOM id for the menu item. Defaults to the key. */\n  id?: string;\n  /** Whether the menu item is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the menu item. */\n  \"aria-label\"?: string;\n  /** Element controlled by this menu item, for submenu triggers. */\n  \"aria-controls\"?: string;\n  /** Whether this menu item opens a submenu or subdialog. */\n  \"aria-haspopup\"?: string | boolean;\n  /** Whether the submenu or subdialog is expanded. */\n  \"aria-expanded\"?: boolean | \"true\" | \"false\";\n  /** Handler called when the menu item is selected. */\n  onAction?: () => void;\n  /** Whether to close the menu when this item is selected. */\n  closeOnSelect?: boolean;\n  /** A URL to link to. Turns the menu item into a link. */\n  href?: string;\n  /** The target window for the link. */\n  target?: string;\n  /** The relationship between the linked resource and the current page. */\n  rel?: string;\n  /** Causes the browser to download the linked URL. A string may be provided to suggest a file name. */\n  download?: boolean | string;\n}\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the menu item. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the menu item. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the keyboard shortcut inside the menu item. */\n  keyboardShortcutProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the menu item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the menu item is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the menu item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the menu item is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the menu item is selected. */\n  isSelected: Accessor<boolean>;\n  /** The parent menu selection mode. */\n  selectionMode: Accessor<SelectionMode>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu item.\n */\nexport function createMenuItem<T>(\n  props: MaybeAccessor<AriaMenuItemProps>,\n  state: MenuState<T>,\n  ref?: () => HTMLElement | null,\n): MenuItemAria {\n  const getProps = () => access(props);\n\n  // Get shared data from menu\n  const getData = () => getMenuData(state);\n\n  // Computed states. `state.isDisabled` is SelectionManager.isDisabled, which\n  // already respects disabledBehavior=\"selection\"; these items stay actionable\n  // while SelectionManager.canSelectItem keeps selection blocked.\n  const isDisabled: Accessor<boolean> = () => {\n    return Boolean(\n      getData()?.isDisabled || getProps().isDisabled || state.isDisabled(getProps().key),\n    );\n  };\n\n  const selectionMode: Accessor<SelectionMode> = () => {\n    return state.selectionMode();\n  };\n\n  // Whether this is a link item\n  const isLink = () => !!getProps().href;\n  const isTrigger = () => !!getProps()[\"aria-haspopup\"];\n\n  const selectableItem = createSelectableItem(\n    () => {\n      const p = getProps();\n      return {\n        key: p.key,\n        id: p.id ?? String(p.key),\n        isDisabled: isDisabled(),\n        isLink: isLink(),\n        href: p.href,\n        shouldSelectOnPressUp: true,\n        allowsDifferentPressOrigin: true,\n        linkBehavior: \"none\",\n      };\n    },\n    state,\n    () => ref?.() ?? null,\n  );\n\n  const isFocused: Accessor<boolean> = () => selectableItem.isFocused();\n\n  const isSelected: Accessor<boolean> = () => {\n    return !isTrigger() && selectableItem.isSelected();\n  };\n\n  type MenuInteraction = {\n    pointerType: PressEvent[\"pointerType\"];\n    key?: string;\n  };\n\n  let interaction: MenuInteraction | null = null;\n  let isMenuPressActive = false;\n  let isDispatchingKeyboardClick = false;\n  let isDispatchingMenuSyntheticClick = false;\n  let selectionEventBeforeMenuPressUp: Selection | null = null;\n  let hasSelectionEventBeforeMenuPressUp = false;\n  let pendingSyntheticClickSelectionEvent: Selection | null = null;\n  let suppressNextKeyboardClick = false;\n\n  const getShouldClose = (): boolean => {\n    const p = getProps();\n    const explicitClose = p.closeOnSelect ?? getData()?.shouldCloseOnSelect;\n    if (explicitClose !== undefined) {\n      return explicitClose;\n    }\n\n    if (interaction?.pointerType === \"keyboard\") {\n      return interaction.key === \"Enter\" || selectionMode() === \"none\" || isLink();\n    }\n\n    return selectionMode() !== \"multiple\" || isLink();\n  };\n\n  const performMenuAction = (event: MouseEvent) => {\n    if (isDisabled()) {\n      event.preventDefault();\n      return;\n    }\n\n    if (suppressNextKeyboardClick && interaction == null) {\n      suppressNextKeyboardClick = false;\n      return;\n    }\n\n    const p = getProps();\n    const key = p.key;\n    const data = getData();\n\n    // Submenu triggers open their submenu via the local item action, but do not\n    // fire the parent menu onAction or close the menu.\n    if (isTrigger()) {\n      p.onAction?.();\n      interaction = null;\n      return;\n    }\n\n    // Call item-specific onAction.\n    p.onAction?.();\n\n    // Call menu-level onAction with the activated item's value, mirroring\n    // useMenuItem performAction: onAction(key, item?.value).\n    const item = state.collection().getItem(key);\n    data?.onAction?.(key, item?.value);\n\n    if (getShouldClose()) {\n      data?.onClose?.();\n    }\n\n    interaction = null;\n  };\n\n  // Menu-specific press handling is separate from selectable-item selection,\n  // matching upstream useMenuItem: useSelectableItem owns selection/focus\n  // timing; the menu layer owns pressed state, different-origin release, action,\n  // links, and close behavior.\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onPressChange(isPressed) {\n      isMenuPressActive = isPressed;\n    },\n    onPressUp(e) {\n      if (e.pointerType !== \"keyboard\" && !isDispatchingKeyboardClick) {\n        interaction = { pointerType: e.pointerType };\n      }\n\n      // Native menus allow pressing the trigger, dragging to an item, and\n      // releasing to activate it. Upstream useMenuItem synthesizes a click in\n      // this different-origin mouse case.\n      if (e.pointerType === \"mouse\" && !isMenuPressActive && e.target instanceof HTMLElement) {\n        const selectionEventAfterPressUp = state.selectionManager.lastSelectionEvent;\n        pendingSyntheticClickSelectionEvent =\n          hasSelectionEventBeforeMenuPressUp &&\n          selectionEventAfterPressUp != null &&\n          selectionEventAfterPressUp !== selectionEventBeforeMenuPressUp\n            ? selectionEventAfterPressUp\n            : null;\n\n        isDispatchingMenuSyntheticClick = true;\n        try {\n          e.target.click();\n        } finally {\n          isDispatchingMenuSyntheticClick = false;\n          hasSelectionEventBeforeMenuPressUp = false;\n          selectionEventBeforeMenuPressUp = null;\n          pendingSyntheticClickSelectionEvent = null;\n        }\n      }\n    },\n  });\n\n  const captureSelectionEventBeforeMenuPressUp = () => {\n    selectionEventBeforeMenuPressUp = state.selectionManager.lastSelectionEvent;\n    hasSelectionEventBeforeMenuPressUp = true;\n  };\n\n  const withMenuPressUpSelectionSnapshot = <EventType extends Event>(handler: unknown) => {\n    if (typeof handler !== \"function\") {\n      return handler;\n    }\n\n    return (event: EventType) => {\n      captureSelectionEventBeforeMenuPressUp();\n      (handler as (event: EventType) => void)(event);\n    };\n  };\n\n  const selectableItemProps = () => {\n    const props = selectableItem.itemProps as Record<string, unknown>;\n    const onClick = props.onClick;\n\n    return {\n      ...props,\n      onPointerUp: withMenuPressUpSelectionSnapshot<PointerEvent>(props.onPointerUp),\n      onMouseUp: withMenuPressUpSelectionSnapshot<MouseEvent>(props.onMouseUp),\n      onClick:\n        typeof onClick === \"function\"\n          ? (event: MouseEvent) => {\n              // The menu layer's upstream-compatible target.click() should activate\n              // the menu item, not feed back into selectable-item virtual selection.\n              if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {\n                if (pendingSyntheticClickSelectionEvent != null) {\n                  state.selectionManager.emitDuplicateSelectionEvent(\n                    pendingSyntheticClickSelectionEvent,\n                  );\n                  pendingSyntheticClickSelectionEvent = null;\n                }\n                return;\n              }\n\n              (onClick as (event: MouseEvent) => void)(event);\n            }\n          : onClick,\n    };\n  };\n\n  const menuPressProps = () => {\n    const {\n      onKeyDown: _onKeyDown,\n      onKeyUp: _onKeyUp,\n      ...props\n    } = pressProps as Record<string, unknown>;\n    return props;\n  };\n\n  const keyboardProps = {\n    onKeyDown: (event: KeyboardEvent) => {\n      if (isDisabled() || event.repeat) {\n        return;\n      }\n\n      if (event.key !== \" \" && event.key !== \"Enter\") {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      interaction = { pointerType: \"keyboard\", key: event.key };\n\n      const target = getEventTarget<HTMLElement>(event) ?? ref?.();\n      if (target instanceof HTMLElement) {\n        suppressNextKeyboardClick = true;\n        isDispatchingKeyboardClick = true;\n        try {\n          target.click();\n        } finally {\n          isDispatchingKeyboardClick = false;\n        }\n      }\n    },\n    onKeyUp: (event: KeyboardEvent) => {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        suppressNextKeyboardClick = false;\n      }\n    },\n  };\n\n  // Handle hover\n  const { hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onHoverStart() {\n      state.setFocusedKey(getProps().key);\n    },\n  });\n\n  // Handle focus ring\n  const { isFocusVisible, focusProps } = createFocusRing();\n\n  // Generate unique IDs for label and description. The description + keyboard\n  // ids use `createSlotId` (a 1:1 port of upstream `useSlotId`): each resolves\n  // to `undefined` unless an element carrying that id is actually rendered, so\n  // an item with no description/shortcut leaves `aria-describedby` unset instead\n  // of pointing at a non-existent element. Mirrors useMenuItem's\n  // `[props['aria-describedby'], descriptionId, keyboardId].filter(Boolean)`.\n  const labelId = `${getProps().key}-label`;\n  const descriptionId = createSlotId();\n  const keyboardId = createSlotId();\n\n  return {\n    get menuItemProps() {\n      const p = getProps();\n      const key = p.key;\n      const ariaLabel = p[\"aria-label\"];\n      const mode = selectionMode();\n      const selected = isSelected();\n      const trigger = isTrigger();\n\n      const baseProps: Record<string, unknown> = {\n        role: trigger\n          ? \"menuitem\"\n          : mode === \"single\"\n            ? \"menuitemradio\"\n            : mode === \"multiple\"\n              ? \"menuitemcheckbox\"\n              : \"menuitem\",\n        id: p.id ?? String(key),\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-checked\": mode !== \"none\" && !trigger ? selected : undefined,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": !ariaLabel ? labelId : undefined,\n        \"aria-describedby\": [descriptionId(), keyboardId()].filter(Boolean).join(\" \") || undefined,\n        \"aria-controls\": p[\"aria-controls\"],\n        \"aria-haspopup\": p[\"aria-haspopup\"],\n        \"aria-expanded\": p[\"aria-expanded\"],\n        \"data-selected\": selected || undefined,\n        \"data-focused\": isFocused() || undefined,\n        \"data-focus-visible\": isFocusVisible() || undefined,\n        \"data-pressed\": isPressed() || undefined,\n        \"data-disabled\": isDisabled() || undefined,\n      };\n\n      // Add link props when href is present\n      if (isLink()) {\n        baseProps.href = isDisabled() ? undefined : p.href;\n        if (p.target) baseProps.target = p.target;\n        if (p.rel) baseProps.rel = p.rel;\n        if (p.download != null && p.download !== false) {\n          baseProps.download = p.download === true ? \"\" : p.download;\n        }\n      }\n\n      return mergeProps(\n        selectableItemProps(),\n        menuPressProps(),\n        hoverProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        keyboardProps,\n        { onClick: performMenuAction },\n        baseProps,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    labelProps: {\n      id: labelId,\n    },\n    // Getters so the slot id stays reactive: `createSlotId` may clear the id\n    // (to `undefined`) after mount if no element registered it, and consumers\n    // reading these props re-track that change.\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    get keyboardShortcutProps() {\n      return { id: keyboardId(), \"aria-hidden\": true };\n    },\n    isFocused,\n    isFocusVisible: () => isFocused() && isFocusVisible(),\n    isPressed,\n    isDisabled,\n    isSelected,\n    selectionMode,\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n * Based on @react-aria/menu useMenuTrigger.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { OverlayTriggerState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuTriggerProps {\n  /** The type of menu that the menu trigger opens. */\n  type?: \"menu\" | \"listbox\";\n  /** Whether the menu trigger is disabled. */\n  isDisabled?: boolean;\n  /** An ID for the menu. */\n  id?: string;\n}\n\nexport interface MenuTriggerAria {\n  /** Props for the menu trigger button. */\n  menuTriggerProps: JSX.HTMLAttributes<HTMLElement> & {\n    onPress: () => void;\n    onKeyDown: (e: KeyboardEvent) => void;\n  };\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n */\nexport function createMenuTrigger(\n  props: MaybeAccessor<AriaMenuTriggerProps>,\n  state: OverlayTriggerState,\n): MenuTriggerAria {\n  const getProps = () => access(props);\n  const menuId = createId(getProps().id);\n\n  const onPress = () => {\n    if (!getProps().isDisabled) {\n      state.toggle();\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (getProps().isDisabled) return;\n\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get menuTriggerProps() {\n      const p = getProps();\n      const type = p.type ?? \"menu\";\n      const isOpen = state.isOpen();\n\n      return {\n        \"aria-haspopup\": type,\n        \"aria-expanded\": isOpen,\n        \"aria-controls\": isOpen ? menuId : undefined,\n        \"aria-disabled\": p.isDisabled || undefined,\n        onPress,\n        onKeyDown,\n      };\n    },\n    menuProps: {\n      id: menuId,\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/numberfield.js

@@ -1,5 +1,6 @@
-import { i as access, o as mergeProps } from "./env.js";
+import { i as mergeProps$1 } from "./env.js";
 import { t as filterDOMProps } from "./filterDOMProps.js";
+import { t as access } from "./reactivity.js";
 import { createId } from "../ssr/index.js";
 import { t as createLabel } from "./createLabel.js";
 import { createMemo } from "solid-js";
@@ -166,7 +167,7 @@ function createNumberField(props, state, inputRef) {
 			const p = getProps();
 			const isDisabled = p.isDisabled ?? state.isDisabled();
 			const isReadOnly = p.isReadOnly ?? state.isReadOnly();
-			return mergeProps(domProps(), fieldProps, {
+			return mergeProps$1(domProps(), fieldProps, {
 				id: inputId,
 				type: "text",
 				inputMode: "decimal",

package/dist/_chunk/numberfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberfield.js","names":[],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { type JSX, createMemo } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n    } else {\n      incrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && incrementTouchPressUp) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n    } else {\n      decrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && decrementTouchPressUp) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled || undefined,\n        \"aria-invalid\": getProps().isInvalid || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": p.isInvalid || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: p.isRequired || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"numberfield.js","names":["mergeProps"],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { type JSX, createMemo } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n    } else {\n      incrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && incrementTouchPressUp) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n    } else {\n      decrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && decrementTouchPressUp) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled || undefined,\n        \"aria-invalid\": getProps().isInvalid || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": p.isInvalid || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: p.isRequired || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/numberfield.jsx

@@ -1,5 +1,6 @@
-import { i as access, o as mergeProps } from "./env.jsx";
+import { i as mergeProps$1 } from "./env.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as access } from "./reactivity.jsx";
 import { createId } from "../ssr/index.jsx";
 import { t as createLabel } from "./createLabel.jsx";
 import { createMemo } from "solid-js";
@@ -166,7 +167,7 @@ function createNumberField(props, state, inputRef) {
 			const p = getProps();
 			const isDisabled = p.isDisabled ?? state.isDisabled();
 			const isReadOnly = p.isReadOnly ?? state.isReadOnly();
-			return mergeProps(domProps(), fieldProps, {
+			return mergeProps$1(domProps(), fieldProps, {
 				id: inputId,
 				type: "text",
 				inputMode: "decimal",

package/dist/_chunk/numberfield.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"numberfield.jsx","names":[],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { type JSX, createMemo } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n    } else {\n      incrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && incrementTouchPressUp) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n    } else {\n      decrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && decrementTouchPressUp) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled || undefined,\n        \"aria-invalid\": getProps().isInvalid || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": p.isInvalid || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: p.isRequired || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"numberfield.jsx","names":["mergeProps"],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { type JSX, createMemo } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n    } else {\n      incrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && incrementTouchPressUp) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n    } else {\n      decrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && decrementTouchPressUp) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled || undefined,\n        \"aria-invalid\": getProps().isInvalid || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": p.isInvalid || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: p.isRequired || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/overlays.js

@@ -1,4 +1,4 @@
-import { i as access } from "./env.js";
+import { t as access } from "./reactivity.js";
 import { createId } from "../ssr/index.js";
 import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
 import { Portal, createComponent, getNextElement, insert, isServer, runHydrationEvents, spread, template } from "solid-js/web";

package/dist/_chunk/overlays.jsx

@@ -1,4 +1,4 @@
-import { i as access } from "./env.jsx";
+import { t as access } from "./reactivity.jsx";
 import { createId } from "../ssr/index.jsx";
 import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
 import { Portal, isServer } from "solid-js/web";

package/dist/_chunk/popover.js

@@ -1,5 +1,5 @@
-import { o as mergeProps } from "./env.js";
-import { a as useLocale } from "./createCollator.js";
+import { i as mergeProps$1 } from "./env.js";
+import { i as useLocale } from "./locale.js";
 import { r as createPreventScroll, t as createOverlay } from "./createOverlay.js";
 import { n as keepVisible, t as ariaHideOutside } from "./ariaHideOutside.js";
 import { createEffect, createSignal, onCleanup } from "solid-js";
@@ -540,7 +540,7 @@ function createPopover(props, state) {
 			});
 		}
 	});
-	const merged = mergeProps(overlayProps, positionProps);
+	const merged = mergeProps$1(overlayProps, positionProps);
 	return {
 		popoverProps: new Proxy(merged, {
 			get(target, key) {