@hjmds/react 1.10.0 → 1.12.0

package/dist/scroll-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-progress.js","sourceRoot":"","sources":["../src/scroll-progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { resolveScrollProgress, type ScrollMetrics } from '@hjmds/design-contracts/scroll-progress';\nimport { Progress, type ProgressProps } from './feedback.js';\nexport type ScrollProgressProps = Omit<ProgressProps,'value'|'max'> & Readonly<{metrics:ScrollMetrics}>;\n/** Existing Progress owns its accessible name, range and visual presentation. */\nexport function ScrollProgress({metrics,...props}:ScrollProgressProps){return <Progress {...props} value={resolveScrollProgress(metrics)} max={1}/>;}\nconst empty:ScrollMetrics={offset:0,contentSize:0,viewportSize:0};\n/** Pass an actual vertical scroll host; never implicitly attach to window. */\nexport function useScrollMetrics(host:HTMLElement|null):ScrollMetrics{\n const [metrics,setMetrics]=useState<ScrollMetrics>(empty);\n useEffect(()=>{\n  if(!host){setMetrics(empty);return;}\n  let frame=0;\n  const measure=()=>{frame=0;const next={offset:host.scrollTop,contentSize:host.scrollHeight,viewportSize:host.clientHeight};setMetrics(old=>old.offset===next.offset&&old.contentSize===next.contentSize&&old.viewportSize===next.viewportSize?old:next);};\n  const schedule=()=>{if(!frame)frame=requestAnimationFrame(measure);};\n  // Observe children too: an image/font can change scroll extent without resizing the host.\n  const resize=new ResizeObserver(schedule);\n  const observe=()=>{resize.disconnect();resize.observe(host);for(const child of host.children)resize.observe(child);schedule();};\n  const mutation=new MutationObserver(observe);mutation.observe(host,{childList:true,subtree:true,characterData:true});\n  observe();cancelAnimationFrame(frame);measure();host.addEventListener('scroll',schedule,{passive:true});\n  return()=>{cancelAnimationFrame(frame);resize.disconnect();mutation.disconnect();host.removeEventListener('scroll',schedule);};\n },[host]);\n return metrics;\n}\n"]}

package/dist/select.d.ts

@@ -8,7 +8,6 @@ export type SelectSection<Key extends string = string, SectionKey extends string
 export type SelectLeadingRenderProps = Readonly<{
     color: "currentColor";
     size: number;
-    glyphSize: number;
 }>;
 export type SelectOptionLeadingRenderProps = SelectLeadingRenderProps & Readonly<{
     selected: boolean;

package/dist/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"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"}

package/dist/select.js

@@ -323,7 +323,6 @@ function SelectInner(props, forwardedRef) {
             disabled: item.disabled ?? false,
             color: "currentColor",
             size: leadingSize,
-            glyphSize: leadingSize,
         });
         return (_jsxs("div", { ref: (node) => {
                 if (node)
@@ -339,7 +338,6 @@ function SelectInner(props, forwardedRef) {
     const triggerLeading = renderLeading?.(resolvedSelectedItem, {
         color: "currentColor",
         size: triggerLeadingSize,
-        glyphSize: triggerLeadingSize,
     });
     return (_jsxs("div", { ref: rootRef, className: classNames("hjm-field hjm-select", fieldClassName), "data-state": disabled ? "disabled" : error ? "invalid" : open ? "focused" : "idle", "data-size": size, "data-density": density, "data-async-state": asyncState.status, "data-busy": busy || undefined, children: [label !== undefined ? (_jsxs("label", { className: "hjm-field__label", htmlFor: controlId, children: [label, required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] })) : null, _jsxs("div", { className: "hjm-select__anchor", children: [_jsxs("button", { ...buttonProps, ref: (node) => {
                             triggerRef.current = node;
@@ -347,7 +345,7 @@ function SelectInner(props, forwardedRef) {
                                 forwardedRef(node);
                             else if (forwardedRef)
                                 forwardedRef.current = node;
-                        }, id: controlId, type: "button", role: "combobox", className: classNames("hjm-field__control hjm-select__trigger", className), disabled: disabled, "aria-disabled": busy || undefined, "aria-label": accessibilityLabel ?? (label === undefined ? accessibleName : undefined), "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listboxId : undefined, "aria-activedescendant": open ? activeOptionId : undefined, "aria-busy": busy || asyncState.status === "loading" || asyncState.status === "loadingMore" || undefined, "aria-invalid": error ? true : undefined, "aria-describedby": describedBy, "aria-readonly": readOnly || undefined, "aria-required": required || undefined, onFocus: onFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, onClick: (event) => {
+                        }, id: controlId, type: "button", role: "combobox", className: classNames("hjm-field__control hjm-select__trigger", className), disabled: disabled, "aria-disabled": busy || undefined, "aria-label": accessibilityLabel ?? (label === undefined ? accessibleName : undefined), "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listboxId : undefined, "aria-activedescendant": open ? activeOptionId : undefined, "aria-busy": busy || asyncState.status === "loading" || asyncState.status === "loadingMore" || undefined, "data-busy": busy || undefined, "aria-invalid": error ? true : undefined, "aria-describedby": describedBy, "aria-readonly": readOnly || undefined, "aria-required": required || undefined, onFocus: onFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, onClick: (event) => {
                             onClick?.(event);
                             if (event.defaultPrevented || disabled || busy || readOnly)
                                 return;
@@ -355,7 +353,7 @@ function SelectInner(props, forwardedRef) {
                                 changeOpen(false, "trigger");
                             else
                                 openWithIntent();
-                        }, children: [triggerLeading ? (_jsx("span", { className: "hjm-select__leading", "aria-hidden": "true", children: triggerLeading })) : null, _jsx("span", { className: "hjm-select__value", "data-state": resolvedSelectedItem ? "selected" : "placeholder", children: resolvedSelectedItem?.label ?? placeholder }), busy ? (_jsx("span", { className: "hjm-select__busy-indicator", "aria-hidden": "true" })) : (_jsx("span", { className: "hjm-select__indicator", "aria-hidden": "true", children: "\u2304" }))] }), open ? (_jsx(AnchoredPortal, { anchorRef: triggerRef, ssrFallback: "inline", ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsxs("div", { ref: setListboxRef, id: listboxId, role: "listbox", "aria-label": accessibleName, className: "hjm-select__listbox", "data-density": density, "data-placement": popupPosition.placement, "data-align": popupPosition.align, style: popupPosition.style, children: [asyncState.status !== "idle" ? (_jsx("div", { className: "hjm-select__message", role: asyncState.status === "error" ? "alert" : "status", children: asyncState.message })) : null, !disallowEmptySelection && showOptions ? (_jsx("div", { ref: (node) => {
+                        }, children: [triggerLeading ? (_jsx("span", { className: "hjm-select__leading", "aria-hidden": "true", children: triggerLeading })) : null, _jsx("span", { className: "hjm-select__value", "data-state": resolvedSelectedItem ? "selected" : "placeholder", children: resolvedSelectedItem?.label ?? placeholder }), busy ? (_jsx("span", { className: "hjm-select__busy-overlay", "aria-hidden": "true", children: _jsx("span", { className: "hjm-select__busy-indicator" }) })) : (_jsx("span", { className: "hjm-select__indicator", "aria-hidden": "true", children: "\u2304" }))] }), open ? (_jsx(AnchoredPortal, { anchorRef: triggerRef, ssrFallback: "inline", ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsxs("div", { ref: setListboxRef, id: listboxId, role: "listbox", "aria-label": accessibleName, className: "hjm-select__listbox", "data-density": density, "data-placement": popupPosition.placement, "data-align": popupPosition.align, style: popupPosition.style, children: [asyncState.status !== "idle" ? (_jsx("div", { className: "hjm-select__message", role: asyncState.status === "error" ? "alert" : "status", children: asyncState.status === "loading" || asyncState.status === "loadingMore" ? _jsx("span", { className: "hjm-visually-hidden", children: asyncState.message }) : asyncState.message })) : null, !disallowEmptySelection && showOptions ? (_jsx("div", { ref: (node) => {
                                         if (node)
                                             optionRefs.current.set(emptySelectionKey, node);
                                         else

package/dist/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  getCollectionNavigationIntent,\n  getCollectionNavigationTarget,\n  getCollectionTypeaheadMatch,\n  reconcileSelectSelection,\n  resolveCollectionItem,\n  resolveSelectSelectedItem,\n  validateCollection,\n  type SelectCollectionSectionDescriptor,\n  type SelectCollectionSource,\n  type SelectOpenChangeReason,\n} from \"@hjmds/design-contracts/components/collection\";\nimport {\n  resolveControlAccessibleName,\n  selectBehaviorDefaults,\n  type AsyncCollectionState,\n  type SelectItemDescriptor,\n  type WebKeyboardKey,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  iconRecipe,\n  selectRecipe,\n  type SelectDensity,\n  type SelectSize,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport {\n  AnchoredPortal,\n  useAnchoredPopup,\n  type AnchoredPopupAlign,\n} from \"./portal.js\";\n\nexport type SelectItem<Key extends string = string> = SelectItemDescriptor<Key>;\nexport type SelectSection<\n  Key extends string = string,\n  SectionKey extends string = string,\n> = SelectCollectionSectionDescriptor<Key, SectionKey>;\n\nexport type SelectLeadingRenderProps = Readonly<{\n  color: \"currentColor\";\n  size: number;\n  glyphSize: number;\n}>;\n\nexport type SelectOptionLeadingRenderProps = SelectLeadingRenderProps & Readonly<{\n  selected: boolean;\n  highlighted: boolean;\n  disabled: boolean;\n}>;\n\nconst emptySelectionKey = Symbol(\"hjm-select-empty-selection\");\ntype SelectHighlightKey<Key extends string> = Key | typeof emptySelectionKey;\n\ntype SelectSourceProps<Key extends string, SectionKey extends string> =\n  SelectCollectionSource<Key, SectionKey>;\n\ntype SelectSelectionProps<Key extends string> =\n  | Readonly<{\n      selectedKey: Key | null;\n      defaultSelectedKey?: never;\n      onSelectionChange(key: Key | null): void;\n    }>\n  | Readonly<{\n      selectedKey?: never;\n      defaultSelectedKey?: Key | null;\n      onSelectionChange?: (key: Key | null) => void;\n    }>;\n\ntype SelectOpenProps =\n  | Readonly<{\n      open: boolean;\n      defaultOpen?: never;\n      onOpenChange(open: boolean, reason: SelectOpenChangeReason): void;\n    }>\n  | Readonly<{\n      open?: never;\n      defaultOpen?: boolean;\n      onOpenChange?: (open: boolean, reason: SelectOpenChangeReason) => void;\n    }>;\n\ntype SelectLabelProps =\n  | Readonly<{ label: string; accessibilityLabel?: string }>\n  | Readonly<{ label?: never; accessibilityLabel: string }>;\n\ntype SelectBaseProps<Key extends string> = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"aria-label\"\n  | \"children\"\n  | \"defaultValue\"\n  | \"onChange\"\n  | \"role\"\n  | \"value\"\n> &\n  Readonly<{\n    description?: ReactNode;\n    error?: ReactNode;\n    /** Localized text shown when no item is selected. */\n    placeholder: string;\n    /** Localized label for the nullable empty-selection option. */\n    emptySelectionLabel: string;\n    asyncState?: AsyncCollectionState;\n    selectedItem?: SelectItemDescriptor<Key>;\n    disallowEmptySelection?: boolean;\n    loop?: boolean;\n    /** Locks interaction without removing the trigger from the focus order. */\n    busy?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    size?: SelectSize;\n    density?: SelectDensity;\n    /** Logical listbox alignment against the trigger; automatically mirrors in RTL. */\n    align?: AnchoredPopupAlign;\n    fieldClassName?: string;\n    portalContainer?: HTMLElement;\n    locale?: string | readonly string[];\n    renderLeading?: (\n      item: SelectItemDescriptor<Key> | null,\n      appearance: SelectLeadingRenderProps,\n    ) => ReactNode;\n    renderOptionLeading?: (\n      item: SelectItemDescriptor<Key>,\n      appearance: SelectOptionLeadingRenderProps,\n    ) => ReactNode;\n  }>;\n\nexport type SelectProps<\n  Key extends string = string,\n  SectionKey extends string = string,\n> = SelectBaseProps<Key> &\n  SelectSourceProps<Key, SectionKey> &\n  SelectSelectionProps<Key> &\n  SelectOpenProps &\n  SelectLabelProps;\n\nfunction SelectInner<Key extends string, SectionKey extends string>(\n  props: SelectProps<Key, SectionKey>,\n  forwardedRef: React.ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    items,\n    sections,\n    label,\n    accessibilityLabel,\n    description,\n    error,\n    placeholder,\n    emptySelectionLabel,\n    asyncState = { status: \"idle\" },\n    selectedItem,\n    disallowEmptySelection = selectBehaviorDefaults.disallowEmptySelection,\n    loop = selectBehaviorDefaults.loop,\n    busy = false,\n    readOnly = false,\n    size = selectRecipe.defaults.size,\n    density = selectRecipe.defaults.density,\n    align = \"start\",\n    fieldClassName,\n    portalContainer,\n    locale,\n    renderLeading,\n    renderOptionLeading,\n    className,\n    id: idProp,\n    name,\n    disabled = false,\n    required = false,\n    selectedKey: selectedKeyProp,\n    defaultSelectedKey,\n    onSelectionChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    ...buttonProps\n  } = props;\n  const source: SelectCollectionSource<Key, SectionKey> = sections === undefined\n    ? { items: items ?? [] }\n    : { sections };\n  validateCollection(source);\n  const accessibleName = resolveControlAccessibleName(\n    label,\n    accessibilityLabel,\n    \"Select\",\n  );\n  if (placeholder.trim().length === 0) throw new TypeError(\"Select placeholder must not be empty\");\n  if (emptySelectionLabel.trim().length === 0) {\n    throw new TypeError(\"Select emptySelectionLabel must not be empty\");\n  }\n  const flatItems = source.sections\n    ? source.sections.flatMap((section) => section.items)\n    : source.items;\n  if (\n    flatItems.length === 0 &&\n    (asyncState.status === \"idle\" || asyncState.status === \"loadingMore\")\n  ) {\n    throw new TypeError(\"Select requires options unless its async state is transient or empty\");\n  }\n  const initialSelectionRef = useRef<Readonly<{ value: Key | null }> | null>(null);\n  if (initialSelectionRef.current === null) {\n    initialSelectionRef.current = {\n      value: reconcileSelectSelection(\n        source,\n        selectedKeyProp ?? defaultSelectedKey ?? null,\n        {\n        disallowEmptySelection,\n        asyncState,\n        ...(selectedItem === undefined ? {} : { selectedItem }),\n        },\n      ),\n    };\n  }\n  const [storedSelectedKey, setSelectedKey] = useControllableState<Key | null>({\n    ...(selectedKeyProp === undefined ? {} : { value: selectedKeyProp }),\n    defaultValue: initialSelectionRef.current.value,\n    ...(onSelectionChange === undefined ? {} : { onChange: onSelectionChange }),\n  });\n  const reconciledSelectedKey = reconcileSelectSelection(source, storedSelectedKey, {\n    disallowEmptySelection,\n    asyncState,\n    ...(selectedItem === undefined ? {} : { selectedItem }),\n  });\n  const reconciliationRequestRef = useRef<string | undefined>(undefined);\n  useEffect(() => {\n    if (storedSelectedKey === reconciledSelectedKey) {\n      reconciliationRequestRef.current = undefined;\n      return;\n    }\n    const token = `${storedSelectedKey ?? \"<empty>\"}->${reconciledSelectedKey ?? \"<empty>\"}`;\n    if (reconciliationRequestRef.current === token) return;\n    reconciliationRequestRef.current = token;\n    setSelectedKey(reconciledSelectedKey);\n  }, [reconciledSelectedKey, setSelectedKey, storedSelectedKey]);\n  const resolvedSelectedItem = resolveSelectSelectedItem(\n    source,\n    reconciledSelectedKey,\n    selectedItem !== undefined && selectedItem.id === reconciledSelectedKey\n      ? selectedItem\n      : undefined,\n  );\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const openControlled = openProp !== undefined;\n  const open = openControlled ? openProp : internalOpen;\n  const pendingOpenRequestRef = useRef<boolean | undefined>(undefined);\n  useEffect(() => {\n    if (pendingOpenRequestRef.current === open) pendingOpenRequestRef.current = undefined;\n  }, [open]);\n  const changeOpen = useCallback(\n    (nextOpen: boolean, reason: SelectOpenChangeReason) => {\n      if (nextOpen === open || pendingOpenRequestRef.current === nextOpen) return;\n      pendingOpenRequestRef.current = nextOpen;\n      if (!openControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen, reason);\n      if (openControlled && nextOpen) {\n        queueMicrotask(() => {\n          if (pendingOpenRequestRef.current === true) {\n            pendingOpenRequestRef.current = undefined;\n          }\n        });\n      }\n    },\n    [onOpenChange, open, openControlled],\n  );\n\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const controlId = idProp ?? `hjm-select-${generatedId}`;\n  const listboxId = `${controlId}-listbox`;\n  const descriptionId = `${controlId}-description`;\n  const errorId = `${controlId}-error`;\n  const optionId = (key: Key) =>\n    `${controlId}-option-${flatItems.findIndex((item) => item.id === key)}`;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const listboxRef = useRef<HTMLDivElement | null>(null);\n  const [listboxNode, setListboxNode] = useState<HTMLDivElement | null>(null);\n  const optionRefs = useRef(new Map<SelectHighlightKey<Key>, HTMLDivElement>());\n  const typeaheadRef = useRef({ value: \"\", time: 0 });\n  const restoreFocusRef = useRef(false);\n  const showOptions = asyncState.status === \"idle\" || asyncState.status === \"loadingMore\";\n  const emptySelectionAvailable = !disallowEmptySelection && showOptions;\n  const selectionItemInSource = resolveCollectionItem(source, reconciledSelectedKey);\n  const initialHighlight = selectionItemInSource && !selectionItemInSource.disabled\n    ? selectionItemInSource.id\n    : reconciledSelectedKey === null && emptySelectionAvailable\n      ? emptySelectionKey\n      : getCollectionNavigationTarget(source, null, \"first\", loop) ?? null;\n  const [highlightedKey, setHighlightedKey] = useState<SelectHighlightKey<Key> | null>(\n    initialHighlight,\n  );\n  const highlightedItem = showOptions && highlightedKey !== emptySelectionKey\n    ? resolveCollectionItem(source, highlightedKey)\n    : null;\n  const activeKey: SelectHighlightKey<Key> | null = highlightedItem && !highlightedItem.disabled\n    ? highlightedItem.id\n    : highlightedKey === emptySelectionKey && emptySelectionAvailable\n      ? emptySelectionKey\n      : null;\n  const activeOptionId = activeKey === emptySelectionKey\n    ? `${controlId}-option-empty`\n    : activeKey === null\n      ? undefined\n      : optionId(activeKey);\n  const popupPosition = useAnchoredPopup(triggerRef, listboxNode, {\n    align,\n    matchAnchorWidth: true,\n    zIndex: 800,\n  });\n  const setListboxRef = useCallback((node: HTMLDivElement | null) => {\n    listboxRef.current = node;\n    setListboxNode(node);\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      if (restoreFocusRef.current) {\n        restoreFocusRef.current = false;\n        queueMicrotask(() => triggerRef.current?.focus());\n      }\n      return;\n    }\n    if (activeKey === null && showOptions) setHighlightedKey(initialHighlight);\n  }, [activeKey, initialHighlight, open, showOptions]);\n  useEffect(() => {\n    if (open && activeKey !== null) {\n      optionRefs.current.get(activeKey)?.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [activeKey, open]);\n  useEffect(() => {\n    if (!open) return;\n    const handlePointerDown = (event: PointerEvent) => {\n      if (\n        event.target instanceof Node &&\n        !rootRef.current?.contains(event.target) &&\n        !listboxRef.current?.contains(event.target)\n      ) {\n        changeOpen(false, \"outside\");\n      }\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [changeOpen, open]);\n\n  const openWithIntent = (intent: \"first\" | \"last\" = \"first\") => {\n    if (disabled || busy || readOnly) return;\n    const selectedInSource = resolveCollectionItem(source, reconciledSelectedKey);\n    const target = selectedInSource && !selectedInSource.disabled\n      ? selectedInSource.id\n      : reconciledSelectedKey === null && emptySelectionAvailable\n        ? emptySelectionKey\n        // The empty-selection entry renders first in the listbox, so only the\n        // \"first\" intent (Home/ArrowDown on a closed trigger) lands on it; \"last\"\n        // (End/ArrowUp) must reach the last real option. The previous mapping sent\n        // \"last\" to the empty entry, which contradicted DOM order. See issue #18.\n        : intent === \"first\" && emptySelectionAvailable\n          ? emptySelectionKey\n          : getCollectionNavigationTarget(source, null, intent, loop) ?? null;\n    setHighlightedKey(target);\n    changeOpen(true, \"keyboard\");\n  };\n  const moveHighlight = (intent: \"next\" | \"previous\" | \"first\" | \"last\") => {\n    const enabledKeys = flatItems\n      .filter((item) => !item.disabled)\n      .map((item) => item.id);\n    const firstKey = enabledKeys[0];\n    const lastKey = enabledKeys.at(-1);\n    // Treat the empty-selection entry as the first row, matching DOM order. `loop`\n    // only joins the two ends of the list: moving between the empty entry and the\n    // first option is adjacency, not a wrap, so it stays loop-independent. The\n    // previous code gated that \"next\" on `loop`, which trapped the arrow keys on the\n    // empty entry for every Select using the defaults (disallowEmptySelection: false,\n    // loop: false). See issue #18.\n    if (emptySelectionAvailable) {\n      if (intent === \"first\") {\n        setHighlightedKey(emptySelectionKey);\n        return;\n      }\n      if (activeKey === emptySelectionKey) {\n        if (intent === \"next\") {\n          if (firstKey !== undefined) setHighlightedKey(firstKey);\n          return;\n        }\n        if (intent === \"previous\") {\n          if (loop && lastKey !== undefined) setHighlightedKey(lastKey);\n          return;\n        }\n        // intent === \"last\" falls through: the shared path picks the last option.\n      } else {\n        if (intent === \"previous\" && activeKey === firstKey) {\n          setHighlightedKey(emptySelectionKey);\n          return;\n        }\n        if (intent === \"next\" && activeKey === lastKey && loop) {\n          setHighlightedKey(emptySelectionKey);\n          return;\n        }\n      }\n    }\n    const target = getCollectionNavigationTarget(\n      source,\n      activeKey === emptySelectionKey ? null : activeKey,\n      intent,\n      loop,\n    );\n    if (target !== undefined) setHighlightedKey(target);\n  };\n  const commit = (key: SelectHighlightKey<Key>) => {\n    if (key === emptySelectionKey) {\n      if (disabled || readOnly || !emptySelectionAvailable) return;\n      setSelectedKey(null);\n      restoreFocusRef.current = true;\n      changeOpen(false, \"selection\");\n      return;\n    }\n    const item = resolveCollectionItem(source, key);\n    if (\n      !item ||\n      item.disabled ||\n      disabled ||\n      busy ||\n      readOnly ||\n      asyncState.status === \"loading\"\n    ) return;\n    setSelectedKey(key);\n    restoreFocusRef.current = true;\n    changeOpen(false, \"selection\");\n  };\n  const runTypeahead = (key: string) => {\n    const now = Date.now();\n    const previous = now - typeaheadRef.current.time < 500\n      ? typeaheadRef.current.value\n      : \"\";\n    const combined = `${previous}${key}`;\n    const query = new Set(combined.toLocaleLowerCase()).size === 1 ? key : combined;\n    typeaheadRef.current = { value: combined, time: now };\n    const match = getCollectionTypeaheadMatch(source, query, {\n      startsAfterKey: activeKey === emptySelectionKey\n        ? reconciledSelectedKey\n        : activeKey ?? reconciledSelectedKey,\n      ...(locale === undefined ? {} : { locale }),\n    });\n    if (match !== undefined) {\n      setHighlightedKey(match);\n      if (!open) changeOpen(true, \"keyboard\");\n    }\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || disabled || busy || readOnly) return;\n    const navigationIntent = getCollectionNavigationIntent(\n      event.key as WebKeyboardKey,\n    );\n    if (navigationIntent !== undefined) {\n      event.preventDefault();\n      if (!open) {\n        openWithIntent(\n          navigationIntent === \"previous\" || navigationIntent === \"last\"\n            ? \"last\"\n            : \"first\",\n        );\n      }\n      else moveHighlight(navigationIntent);\n      return;\n    }\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      if (!open) openWithIntent();\n      else if (activeKey !== null) commit(activeKey);\n    } else if (event.key === \"Escape\" && open) {\n      event.preventDefault();\n      restoreFocusRef.current = true;\n      changeOpen(false, \"escape\");\n    } else if (event.key === \"Tab\" && open) {\n      changeOpen(false, \"blur\");\n    } else if (\n      event.key.length === 1 &&\n      event.key !== \" \" &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey\n    ) {\n      event.preventDefault();\n      runTypeahead(event.key);\n    }\n  };\n  const handleBlur = (event: FocusEvent<HTMLButtonElement>) => {\n    onBlur?.(event);\n    if (event.defaultPrevented) return;\n    queueMicrotask(() => {\n      if (\n        open &&\n        document.activeElement instanceof Node &&\n        !rootRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) changeOpen(false, \"blur\");\n    });\n  };\n  const describedBy = error ? errorId : description ? descriptionId : undefined;\n\n  const renderOption = (item: SelectItemDescriptor<Key>) => {\n    const selected = item.id === reconciledSelectedKey;\n    const active = item.id === activeKey;\n    const leadingSize = iconRecipe.sizes[selectRecipe.optionLeading.glyph];\n    const leading = renderOptionLeading?.(item, {\n      selected,\n      highlighted: active,\n      disabled: item.disabled ?? false,\n      color: \"currentColor\",\n      size: leadingSize,\n      glyphSize: leadingSize,\n    });\n    return (\n      <div\n        key={item.id}\n        ref={(node) => {\n          if (node) optionRefs.current.set(item.id, node);\n          else optionRefs.current.delete(item.id);\n        }}\n        id={optionId(item.id)}\n        role=\"option\"\n        className=\"hjm-select__option\"\n        aria-selected={selected}\n        aria-disabled={item.disabled || undefined}\n        data-state={item.disabled ? \"disabled\" : selected ? \"selected\" : \"idle\"}\n        data-active={active || undefined}\n        onMouseDown={(event) => event.preventDefault()}\n        onMouseMove={() => {\n          if (!item.disabled) setHighlightedKey(item.id);\n        }}\n        onClick={() => commit(item.id)}\n      >\n        {leading ? (\n          <span className=\"hjm-select__option-leading\" aria-hidden=\"true\">\n            {leading}\n          </span>\n        ) : null}\n        <span className=\"hjm-select__option-copy\">\n          <span>{item.label}</span>\n          {item.description ? (\n            <span className=\"hjm-select__option-description\">{item.description}</span>\n          ) : null}\n        </span>\n        {selected ? <span className=\"hjm-select__check\" aria-hidden=\"true\">✓</span> : null}\n      </div>\n    );\n  };\n\n  const triggerLeadingSize = iconRecipe.sizes[selectRecipe.sizes[size].glyph];\n  const triggerLeading = renderLeading?.(resolvedSelectedItem, {\n    color: \"currentColor\",\n    size: triggerLeadingSize,\n    glyphSize: triggerLeadingSize,\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      className={classNames(\"hjm-field hjm-select\", fieldClassName)}\n      data-state={disabled ? \"disabled\" : error ? \"invalid\" : open ? \"focused\" : \"idle\"}\n      data-size={size}\n      data-density={density}\n      data-async-state={asyncState.status}\n      data-busy={busy || undefined}\n    >\n      {label !== undefined ? (\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}{required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n      ) : null}\n      <div className=\"hjm-select__anchor\">\n        <button\n          {...buttonProps}\n          ref={(node) => {\n            triggerRef.current = node;\n            if (typeof forwardedRef === \"function\") forwardedRef(node);\n            else if (forwardedRef) forwardedRef.current = node;\n          }}\n          id={controlId}\n          type=\"button\"\n          role=\"combobox\"\n          className={classNames(\"hjm-field__control hjm-select__trigger\", className)}\n          disabled={disabled}\n          aria-disabled={busy || undefined}\n          aria-label={accessibilityLabel ?? (label === undefined ? accessibleName : undefined)}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? listboxId : undefined}\n          aria-activedescendant={open ? activeOptionId : undefined}\n          aria-busy={busy || asyncState.status === \"loading\" || asyncState.status === \"loadingMore\" || undefined}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={describedBy}\n          aria-readonly={readOnly || undefined}\n          aria-required={required || undefined}\n          onFocus={onFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onClick={(event) => {\n            onClick?.(event);\n            if (event.defaultPrevented || disabled || busy || readOnly) return;\n            if (open) changeOpen(false, \"trigger\");\n            else openWithIntent();\n          }}\n        >\n          {triggerLeading ? (\n            <span className=\"hjm-select__leading\" aria-hidden=\"true\">\n              {triggerLeading}\n            </span>\n          ) : null}\n          <span\n            className=\"hjm-select__value\"\n            data-state={resolvedSelectedItem ? \"selected\" : \"placeholder\"}\n          >\n            {resolvedSelectedItem?.label ?? placeholder}\n          </span>\n          {busy ? (\n            <span className=\"hjm-select__busy-indicator\" aria-hidden=\"true\" />\n          ) : (\n            <span className=\"hjm-select__indicator\" aria-hidden=\"true\">⌄</span>\n          )}\n        </button>\n        {open ? (\n          <AnchoredPortal\n            anchorRef={triggerRef}\n            ssrFallback=\"inline\"\n            {...(portalContainer === undefined ? {} : { container: portalContainer })}\n          >\n            <div\n              ref={setListboxRef}\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={accessibleName}\n              className=\"hjm-select__listbox\"\n              data-density={density}\n              data-placement={popupPosition.placement}\n              data-align={popupPosition.align}\n              style={popupPosition.style}\n            >\n            {asyncState.status !== \"idle\" ? (\n              <div\n                className=\"hjm-select__message\"\n                role={asyncState.status === \"error\" ? \"alert\" : \"status\"}\n              >\n                {asyncState.message}\n              </div>\n            ) : null}\n            {/* Rendered before the options: with no selection the active descendant\n                starts on this entry, and a trailing position made that starting point\n                the bottom of the list, where ArrowDown has nowhere to go (issue #18).\n                moveHighlight follows this DOM order. */}\n            {!disallowEmptySelection && showOptions ? (\n              <div\n                ref={(node) => {\n                  if (node) optionRefs.current.set(emptySelectionKey, node);\n                  else optionRefs.current.delete(emptySelectionKey);\n                }}\n                id={`${controlId}-option-empty`}\n                role=\"option\"\n                className=\"hjm-select__option hjm-select__option--empty\"\n                aria-selected={reconciledSelectedKey === null}\n                data-state={reconciledSelectedKey === null ? \"selected\" : \"idle\"}\n                data-active={activeKey === emptySelectionKey || undefined}\n                onMouseDown={(event) => event.preventDefault()}\n                onMouseMove={() => setHighlightedKey(emptySelectionKey)}\n                onClick={() => commit(emptySelectionKey)}\n              >\n                {emptySelectionLabel}\n              </div>\n            ) : null}\n            {showOptions ? (\n              source.sections ? source.sections.map((section) => {\n                const sectionLabelId = `${controlId}-section-${section.id}`;\n                return (\n                  <div\n                    key={section.id}\n                    role=\"group\"\n                    aria-labelledby={section.label ? sectionLabelId : undefined}\n                    aria-label={section.label ? undefined : section.accessibilityLabel}\n                    className=\"hjm-select__section\"\n                  >\n                    {section.label ? (\n                      <div id={sectionLabelId} className=\"hjm-select__section-label\">\n                        {section.label}\n                      </div>\n                    ) : null}\n                    {section.items.map(renderOption)}\n                  </div>\n                );\n              }) : source.items.map(renderOption)\n            ) : null}\n            </div>\n          </AnchoredPortal>\n        ) : null}\n      </div>\n      {description && !error ? (\n        <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n      ) : null}\n      {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n      {name ? <input type=\"hidden\" name={name} value={reconciledSelectedKey ?? \"\"} /> : null}\n    </div>\n  );\n}\n\nexport const Select = forwardRef(SelectInner) as <\n  Key extends string = string,\n  SectionKey extends string = string,\n>(\n  props: SelectProps<Key, SectionKey> & RefAttributes<HTMLButtonElement>,\n) => ReactElement | null;\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  getCollectionNavigationIntent,\n  getCollectionNavigationTarget,\n  getCollectionTypeaheadMatch,\n  reconcileSelectSelection,\n  resolveCollectionItem,\n  resolveSelectSelectedItem,\n  validateCollection,\n  type SelectCollectionSectionDescriptor,\n  type SelectCollectionSource,\n  type SelectOpenChangeReason,\n} from \"@hjmds/design-contracts/components/collection\";\nimport {\n  resolveControlAccessibleName,\n  selectBehaviorDefaults,\n  type AsyncCollectionState,\n  type SelectItemDescriptor,\n  type WebKeyboardKey,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  iconRecipe,\n  selectRecipe,\n  type SelectDensity,\n  type SelectSize,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport {\n  AnchoredPortal,\n  useAnchoredPopup,\n  type AnchoredPopupAlign,\n} from \"./portal.js\";\n\nexport type SelectItem<Key extends string = string> = SelectItemDescriptor<Key>;\nexport type SelectSection<\n  Key extends string = string,\n  SectionKey extends string = string,\n> = SelectCollectionSectionDescriptor<Key, SectionKey>;\n\nexport type SelectLeadingRenderProps = Readonly<{\n  color: \"currentColor\";\n  size: number;\n}>;\n\nexport type SelectOptionLeadingRenderProps = SelectLeadingRenderProps & Readonly<{\n  selected: boolean;\n  highlighted: boolean;\n  disabled: boolean;\n}>;\n\nconst emptySelectionKey = Symbol(\"hjm-select-empty-selection\");\ntype SelectHighlightKey<Key extends string> = Key | typeof emptySelectionKey;\n\ntype SelectSourceProps<Key extends string, SectionKey extends string> =\n  SelectCollectionSource<Key, SectionKey>;\n\ntype SelectSelectionProps<Key extends string> =\n  | Readonly<{\n      selectedKey: Key | null;\n      defaultSelectedKey?: never;\n      onSelectionChange(key: Key | null): void;\n    }>\n  | Readonly<{\n      selectedKey?: never;\n      defaultSelectedKey?: Key | null;\n      onSelectionChange?: (key: Key | null) => void;\n    }>;\n\ntype SelectOpenProps =\n  | Readonly<{\n      open: boolean;\n      defaultOpen?: never;\n      onOpenChange(open: boolean, reason: SelectOpenChangeReason): void;\n    }>\n  | Readonly<{\n      open?: never;\n      defaultOpen?: boolean;\n      onOpenChange?: (open: boolean, reason: SelectOpenChangeReason) => void;\n    }>;\n\ntype SelectLabelProps =\n  | Readonly<{ label: string; accessibilityLabel?: string }>\n  | Readonly<{ label?: never; accessibilityLabel: string }>;\n\ntype SelectBaseProps<Key extends string> = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"aria-label\"\n  | \"children\"\n  | \"defaultValue\"\n  | \"onChange\"\n  | \"role\"\n  | \"value\"\n> &\n  Readonly<{\n    description?: ReactNode;\n    error?: ReactNode;\n    /** Localized text shown when no item is selected. */\n    placeholder: string;\n    /** Localized label for the nullable empty-selection option. */\n    emptySelectionLabel: string;\n    asyncState?: AsyncCollectionState;\n    selectedItem?: SelectItemDescriptor<Key>;\n    disallowEmptySelection?: boolean;\n    loop?: boolean;\n    /** Locks interaction without removing the trigger from the focus order. */\n    busy?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    size?: SelectSize;\n    density?: SelectDensity;\n    /** Logical listbox alignment against the trigger; automatically mirrors in RTL. */\n    align?: AnchoredPopupAlign;\n    fieldClassName?: string;\n    portalContainer?: HTMLElement;\n    locale?: string | readonly string[];\n    renderLeading?: (\n      item: SelectItemDescriptor<Key> | null,\n      appearance: SelectLeadingRenderProps,\n    ) => ReactNode;\n    renderOptionLeading?: (\n      item: SelectItemDescriptor<Key>,\n      appearance: SelectOptionLeadingRenderProps,\n    ) => ReactNode;\n  }>;\n\nexport type SelectProps<\n  Key extends string = string,\n  SectionKey extends string = string,\n> = SelectBaseProps<Key> &\n  SelectSourceProps<Key, SectionKey> &\n  SelectSelectionProps<Key> &\n  SelectOpenProps &\n  SelectLabelProps;\n\nfunction SelectInner<Key extends string, SectionKey extends string>(\n  props: SelectProps<Key, SectionKey>,\n  forwardedRef: React.ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    items,\n    sections,\n    label,\n    accessibilityLabel,\n    description,\n    error,\n    placeholder,\n    emptySelectionLabel,\n    asyncState = { status: \"idle\" },\n    selectedItem,\n    disallowEmptySelection = selectBehaviorDefaults.disallowEmptySelection,\n    loop = selectBehaviorDefaults.loop,\n    busy = false,\n    readOnly = false,\n    size = selectRecipe.defaults.size,\n    density = selectRecipe.defaults.density,\n    align = \"start\",\n    fieldClassName,\n    portalContainer,\n    locale,\n    renderLeading,\n    renderOptionLeading,\n    className,\n    id: idProp,\n    name,\n    disabled = false,\n    required = false,\n    selectedKey: selectedKeyProp,\n    defaultSelectedKey,\n    onSelectionChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    ...buttonProps\n  } = props;\n  const source: SelectCollectionSource<Key, SectionKey> = sections === undefined\n    ? { items: items ?? [] }\n    : { sections };\n  validateCollection(source);\n  const accessibleName = resolveControlAccessibleName(\n    label,\n    accessibilityLabel,\n    \"Select\",\n  );\n  if (placeholder.trim().length === 0) throw new TypeError(\"Select placeholder must not be empty\");\n  if (emptySelectionLabel.trim().length === 0) {\n    throw new TypeError(\"Select emptySelectionLabel must not be empty\");\n  }\n  const flatItems = source.sections\n    ? source.sections.flatMap((section) => section.items)\n    : source.items;\n  if (\n    flatItems.length === 0 &&\n    (asyncState.status === \"idle\" || asyncState.status === \"loadingMore\")\n  ) {\n    throw new TypeError(\"Select requires options unless its async state is transient or empty\");\n  }\n  const initialSelectionRef = useRef<Readonly<{ value: Key | null }> | null>(null);\n  if (initialSelectionRef.current === null) {\n    initialSelectionRef.current = {\n      value: reconcileSelectSelection(\n        source,\n        selectedKeyProp ?? defaultSelectedKey ?? null,\n        {\n        disallowEmptySelection,\n        asyncState,\n        ...(selectedItem === undefined ? {} : { selectedItem }),\n        },\n      ),\n    };\n  }\n  const [storedSelectedKey, setSelectedKey] = useControllableState<Key | null>({\n    ...(selectedKeyProp === undefined ? {} : { value: selectedKeyProp }),\n    defaultValue: initialSelectionRef.current.value,\n    ...(onSelectionChange === undefined ? {} : { onChange: onSelectionChange }),\n  });\n  const reconciledSelectedKey = reconcileSelectSelection(source, storedSelectedKey, {\n    disallowEmptySelection,\n    asyncState,\n    ...(selectedItem === undefined ? {} : { selectedItem }),\n  });\n  const reconciliationRequestRef = useRef<string | undefined>(undefined);\n  useEffect(() => {\n    if (storedSelectedKey === reconciledSelectedKey) {\n      reconciliationRequestRef.current = undefined;\n      return;\n    }\n    const token = `${storedSelectedKey ?? \"<empty>\"}->${reconciledSelectedKey ?? \"<empty>\"}`;\n    if (reconciliationRequestRef.current === token) return;\n    reconciliationRequestRef.current = token;\n    setSelectedKey(reconciledSelectedKey);\n  }, [reconciledSelectedKey, setSelectedKey, storedSelectedKey]);\n  const resolvedSelectedItem = resolveSelectSelectedItem(\n    source,\n    reconciledSelectedKey,\n    selectedItem !== undefined && selectedItem.id === reconciledSelectedKey\n      ? selectedItem\n      : undefined,\n  );\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const openControlled = openProp !== undefined;\n  const open = openControlled ? openProp : internalOpen;\n  const pendingOpenRequestRef = useRef<boolean | undefined>(undefined);\n  useEffect(() => {\n    if (pendingOpenRequestRef.current === open) pendingOpenRequestRef.current = undefined;\n  }, [open]);\n  const changeOpen = useCallback(\n    (nextOpen: boolean, reason: SelectOpenChangeReason) => {\n      if (nextOpen === open || pendingOpenRequestRef.current === nextOpen) return;\n      pendingOpenRequestRef.current = nextOpen;\n      if (!openControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen, reason);\n      if (openControlled && nextOpen) {\n        queueMicrotask(() => {\n          if (pendingOpenRequestRef.current === true) {\n            pendingOpenRequestRef.current = undefined;\n          }\n        });\n      }\n    },\n    [onOpenChange, open, openControlled],\n  );\n\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const controlId = idProp ?? `hjm-select-${generatedId}`;\n  const listboxId = `${controlId}-listbox`;\n  const descriptionId = `${controlId}-description`;\n  const errorId = `${controlId}-error`;\n  const optionId = (key: Key) =>\n    `${controlId}-option-${flatItems.findIndex((item) => item.id === key)}`;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const listboxRef = useRef<HTMLDivElement | null>(null);\n  const [listboxNode, setListboxNode] = useState<HTMLDivElement | null>(null);\n  const optionRefs = useRef(new Map<SelectHighlightKey<Key>, HTMLDivElement>());\n  const typeaheadRef = useRef({ value: \"\", time: 0 });\n  const restoreFocusRef = useRef(false);\n  const showOptions = asyncState.status === \"idle\" || asyncState.status === \"loadingMore\";\n  const emptySelectionAvailable = !disallowEmptySelection && showOptions;\n  const selectionItemInSource = resolveCollectionItem(source, reconciledSelectedKey);\n  const initialHighlight = selectionItemInSource && !selectionItemInSource.disabled\n    ? selectionItemInSource.id\n    : reconciledSelectedKey === null && emptySelectionAvailable\n      ? emptySelectionKey\n      : getCollectionNavigationTarget(source, null, \"first\", loop) ?? null;\n  const [highlightedKey, setHighlightedKey] = useState<SelectHighlightKey<Key> | null>(\n    initialHighlight,\n  );\n  const highlightedItem = showOptions && highlightedKey !== emptySelectionKey\n    ? resolveCollectionItem(source, highlightedKey)\n    : null;\n  const activeKey: SelectHighlightKey<Key> | null = highlightedItem && !highlightedItem.disabled\n    ? highlightedItem.id\n    : highlightedKey === emptySelectionKey && emptySelectionAvailable\n      ? emptySelectionKey\n      : null;\n  const activeOptionId = activeKey === emptySelectionKey\n    ? `${controlId}-option-empty`\n    : activeKey === null\n      ? undefined\n      : optionId(activeKey);\n  const popupPosition = useAnchoredPopup(triggerRef, listboxNode, {\n    align,\n    matchAnchorWidth: true,\n    zIndex: 800,\n  });\n  const setListboxRef = useCallback((node: HTMLDivElement | null) => {\n    listboxRef.current = node;\n    setListboxNode(node);\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      if (restoreFocusRef.current) {\n        restoreFocusRef.current = false;\n        queueMicrotask(() => triggerRef.current?.focus());\n      }\n      return;\n    }\n    if (activeKey === null && showOptions) setHighlightedKey(initialHighlight);\n  }, [activeKey, initialHighlight, open, showOptions]);\n  useEffect(() => {\n    if (open && activeKey !== null) {\n      optionRefs.current.get(activeKey)?.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [activeKey, open]);\n  useEffect(() => {\n    if (!open) return;\n    const handlePointerDown = (event: PointerEvent) => {\n      if (\n        event.target instanceof Node &&\n        !rootRef.current?.contains(event.target) &&\n        !listboxRef.current?.contains(event.target)\n      ) {\n        changeOpen(false, \"outside\");\n      }\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [changeOpen, open]);\n\n  const openWithIntent = (intent: \"first\" | \"last\" = \"first\") => {\n    if (disabled || busy || readOnly) return;\n    const selectedInSource = resolveCollectionItem(source, reconciledSelectedKey);\n    const target = selectedInSource && !selectedInSource.disabled\n      ? selectedInSource.id\n      : reconciledSelectedKey === null && emptySelectionAvailable\n        ? emptySelectionKey\n        // The empty-selection entry renders first in the listbox, so only the\n        // \"first\" intent (Home/ArrowDown on a closed trigger) lands on it; \"last\"\n        // (End/ArrowUp) must reach the last real option. The previous mapping sent\n        // \"last\" to the empty entry, which contradicted DOM order. See issue #18.\n        : intent === \"first\" && emptySelectionAvailable\n          ? emptySelectionKey\n          : getCollectionNavigationTarget(source, null, intent, loop) ?? null;\n    setHighlightedKey(target);\n    changeOpen(true, \"keyboard\");\n  };\n  const moveHighlight = (intent: \"next\" | \"previous\" | \"first\" | \"last\") => {\n    const enabledKeys = flatItems\n      .filter((item) => !item.disabled)\n      .map((item) => item.id);\n    const firstKey = enabledKeys[0];\n    const lastKey = enabledKeys.at(-1);\n    // Treat the empty-selection entry as the first row, matching DOM order. `loop`\n    // only joins the two ends of the list: moving between the empty entry and the\n    // first option is adjacency, not a wrap, so it stays loop-independent. The\n    // previous code gated that \"next\" on `loop`, which trapped the arrow keys on the\n    // empty entry for every Select using the defaults (disallowEmptySelection: false,\n    // loop: false). See issue #18.\n    if (emptySelectionAvailable) {\n      if (intent === \"first\") {\n        setHighlightedKey(emptySelectionKey);\n        return;\n      }\n      if (activeKey === emptySelectionKey) {\n        if (intent === \"next\") {\n          if (firstKey !== undefined) setHighlightedKey(firstKey);\n          return;\n        }\n        if (intent === \"previous\") {\n          if (loop && lastKey !== undefined) setHighlightedKey(lastKey);\n          return;\n        }\n        // intent === \"last\" falls through: the shared path picks the last option.\n      } else {\n        if (intent === \"previous\" && activeKey === firstKey) {\n          setHighlightedKey(emptySelectionKey);\n          return;\n        }\n        if (intent === \"next\" && activeKey === lastKey && loop) {\n          setHighlightedKey(emptySelectionKey);\n          return;\n        }\n      }\n    }\n    const target = getCollectionNavigationTarget(\n      source,\n      activeKey === emptySelectionKey ? null : activeKey,\n      intent,\n      loop,\n    );\n    if (target !== undefined) setHighlightedKey(target);\n  };\n  const commit = (key: SelectHighlightKey<Key>) => {\n    if (key === emptySelectionKey) {\n      if (disabled || readOnly || !emptySelectionAvailable) return;\n      setSelectedKey(null);\n      restoreFocusRef.current = true;\n      changeOpen(false, \"selection\");\n      return;\n    }\n    const item = resolveCollectionItem(source, key);\n    if (\n      !item ||\n      item.disabled ||\n      disabled ||\n      busy ||\n      readOnly ||\n      asyncState.status === \"loading\"\n    ) return;\n    setSelectedKey(key);\n    restoreFocusRef.current = true;\n    changeOpen(false, \"selection\");\n  };\n  const runTypeahead = (key: string) => {\n    const now = Date.now();\n    const previous = now - typeaheadRef.current.time < 500\n      ? typeaheadRef.current.value\n      : \"\";\n    const combined = `${previous}${key}`;\n    const query = new Set(combined.toLocaleLowerCase()).size === 1 ? key : combined;\n    typeaheadRef.current = { value: combined, time: now };\n    const match = getCollectionTypeaheadMatch(source, query, {\n      startsAfterKey: activeKey === emptySelectionKey\n        ? reconciledSelectedKey\n        : activeKey ?? reconciledSelectedKey,\n      ...(locale === undefined ? {} : { locale }),\n    });\n    if (match !== undefined) {\n      setHighlightedKey(match);\n      if (!open) changeOpen(true, \"keyboard\");\n    }\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || disabled || busy || readOnly) return;\n    const navigationIntent = getCollectionNavigationIntent(\n      event.key as WebKeyboardKey,\n    );\n    if (navigationIntent !== undefined) {\n      event.preventDefault();\n      if (!open) {\n        openWithIntent(\n          navigationIntent === \"previous\" || navigationIntent === \"last\"\n            ? \"last\"\n            : \"first\",\n        );\n      }\n      else moveHighlight(navigationIntent);\n      return;\n    }\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      if (!open) openWithIntent();\n      else if (activeKey !== null) commit(activeKey);\n    } else if (event.key === \"Escape\" && open) {\n      event.preventDefault();\n      restoreFocusRef.current = true;\n      changeOpen(false, \"escape\");\n    } else if (event.key === \"Tab\" && open) {\n      changeOpen(false, \"blur\");\n    } else if (\n      event.key.length === 1 &&\n      event.key !== \" \" &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey\n    ) {\n      event.preventDefault();\n      runTypeahead(event.key);\n    }\n  };\n  const handleBlur = (event: FocusEvent<HTMLButtonElement>) => {\n    onBlur?.(event);\n    if (event.defaultPrevented) return;\n    queueMicrotask(() => {\n      if (\n        open &&\n        document.activeElement instanceof Node &&\n        !rootRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) changeOpen(false, \"blur\");\n    });\n  };\n  const describedBy = error ? errorId : description ? descriptionId : undefined;\n\n  const renderOption = (item: SelectItemDescriptor<Key>) => {\n    const selected = item.id === reconciledSelectedKey;\n    const active = item.id === activeKey;\n    const leadingSize = iconRecipe.sizes[selectRecipe.optionLeading.glyph];\n    const leading = renderOptionLeading?.(item, {\n      selected,\n      highlighted: active,\n      disabled: item.disabled ?? false,\n      color: \"currentColor\",\n      size: leadingSize,\n    });\n    return (\n      <div\n        key={item.id}\n        ref={(node) => {\n          if (node) optionRefs.current.set(item.id, node);\n          else optionRefs.current.delete(item.id);\n        }}\n        id={optionId(item.id)}\n        role=\"option\"\n        className=\"hjm-select__option\"\n        aria-selected={selected}\n        aria-disabled={item.disabled || undefined}\n        data-state={item.disabled ? \"disabled\" : selected ? \"selected\" : \"idle\"}\n        data-active={active || undefined}\n        onMouseDown={(event) => event.preventDefault()}\n        onMouseMove={() => {\n          if (!item.disabled) setHighlightedKey(item.id);\n        }}\n        onClick={() => commit(item.id)}\n      >\n        {leading ? (\n          <span className=\"hjm-select__option-leading\" aria-hidden=\"true\">\n            {leading}\n          </span>\n        ) : null}\n        <span className=\"hjm-select__option-copy\">\n          <span>{item.label}</span>\n          {item.description ? (\n            <span className=\"hjm-select__option-description\">{item.description}</span>\n          ) : null}\n        </span>\n        {selected ? <span className=\"hjm-select__check\" aria-hidden=\"true\">✓</span> : null}\n      </div>\n    );\n  };\n\n  const triggerLeadingSize = iconRecipe.sizes[selectRecipe.sizes[size].glyph];\n  const triggerLeading = renderLeading?.(resolvedSelectedItem, {\n    color: \"currentColor\",\n    size: triggerLeadingSize,\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      className={classNames(\"hjm-field hjm-select\", fieldClassName)}\n      data-state={disabled ? \"disabled\" : error ? \"invalid\" : open ? \"focused\" : \"idle\"}\n      data-size={size}\n      data-density={density}\n      data-async-state={asyncState.status}\n      data-busy={busy || undefined}\n    >\n      {label !== undefined ? (\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}{required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n      ) : null}\n      <div className=\"hjm-select__anchor\">\n        <button\n          {...buttonProps}\n          ref={(node) => {\n            triggerRef.current = node;\n            if (typeof forwardedRef === \"function\") forwardedRef(node);\n            else if (forwardedRef) forwardedRef.current = node;\n          }}\n          id={controlId}\n          type=\"button\"\n          role=\"combobox\"\n          className={classNames(\"hjm-field__control hjm-select__trigger\", className)}\n          disabled={disabled}\n          aria-disabled={busy || undefined}\n          aria-label={accessibilityLabel ?? (label === undefined ? accessibleName : undefined)}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? listboxId : undefined}\n          aria-activedescendant={open ? activeOptionId : undefined}\n          aria-busy={busy || asyncState.status === \"loading\" || asyncState.status === \"loadingMore\" || undefined}\n          data-busy={busy || undefined}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={describedBy}\n          aria-readonly={readOnly || undefined}\n          aria-required={required || undefined}\n          onFocus={onFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onClick={(event) => {\n            onClick?.(event);\n            if (event.defaultPrevented || disabled || busy || readOnly) return;\n            if (open) changeOpen(false, \"trigger\");\n            else openWithIntent();\n          }}\n        >\n          {triggerLeading ? (\n            <span className=\"hjm-select__leading\" aria-hidden=\"true\">\n              {triggerLeading}\n            </span>\n          ) : null}\n          <span\n            className=\"hjm-select__value\"\n            data-state={resolvedSelectedItem ? \"selected\" : \"placeholder\"}\n          >\n            {resolvedSelectedItem?.label ?? placeholder}\n          </span>\n          {busy ? (\n            <span className=\"hjm-select__busy-overlay\" aria-hidden=\"true\"><span className=\"hjm-select__busy-indicator\" /></span>\n          ) : (\n            <span className=\"hjm-select__indicator\" aria-hidden=\"true\">⌄</span>\n          )}\n        </button>\n        {open ? (\n          <AnchoredPortal\n            anchorRef={triggerRef}\n            ssrFallback=\"inline\"\n            {...(portalContainer === undefined ? {} : { container: portalContainer })}\n          >\n            <div\n              ref={setListboxRef}\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={accessibleName}\n              className=\"hjm-select__listbox\"\n              data-density={density}\n              data-placement={popupPosition.placement}\n              data-align={popupPosition.align}\n              style={popupPosition.style}\n            >\n            {asyncState.status !== \"idle\" ? (\n              <div\n                className=\"hjm-select__message\"\n                role={asyncState.status === \"error\" ? \"alert\" : \"status\"}\n              >\n                {asyncState.status === \"loading\" || asyncState.status === \"loadingMore\" ? <span className=\"hjm-visually-hidden\">{asyncState.message}</span> : asyncState.message}\n              </div>\n            ) : null}\n            {/* Rendered before the options: with no selection the active descendant\n                starts on this entry, and a trailing position made that starting point\n                the bottom of the list, where ArrowDown has nowhere to go (issue #18).\n                moveHighlight follows this DOM order. */}\n            {!disallowEmptySelection && showOptions ? (\n              <div\n                ref={(node) => {\n                  if (node) optionRefs.current.set(emptySelectionKey, node);\n                  else optionRefs.current.delete(emptySelectionKey);\n                }}\n                id={`${controlId}-option-empty`}\n                role=\"option\"\n                className=\"hjm-select__option hjm-select__option--empty\"\n                aria-selected={reconciledSelectedKey === null}\n                data-state={reconciledSelectedKey === null ? \"selected\" : \"idle\"}\n                data-active={activeKey === emptySelectionKey || undefined}\n                onMouseDown={(event) => event.preventDefault()}\n                onMouseMove={() => setHighlightedKey(emptySelectionKey)}\n                onClick={() => commit(emptySelectionKey)}\n              >\n                {emptySelectionLabel}\n              </div>\n            ) : null}\n            {showOptions ? (\n              source.sections ? source.sections.map((section) => {\n                const sectionLabelId = `${controlId}-section-${section.id}`;\n                return (\n                  <div\n                    key={section.id}\n                    role=\"group\"\n                    aria-labelledby={section.label ? sectionLabelId : undefined}\n                    aria-label={section.label ? undefined : section.accessibilityLabel}\n                    className=\"hjm-select__section\"\n                  >\n                    {section.label ? (\n                      <div id={sectionLabelId} className=\"hjm-select__section-label\">\n                        {section.label}\n                      </div>\n                    ) : null}\n                    {section.items.map(renderOption)}\n                  </div>\n                );\n              }) : source.items.map(renderOption)\n            ) : null}\n            </div>\n          </AnchoredPortal>\n        ) : null}\n      </div>\n      {description && !error ? (\n        <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n      ) : null}\n      {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n      {name ? <input type=\"hidden\" name={name} value={reconciledSelectedKey ?? \"\"} /> : null}\n    </div>\n  );\n}\n\nexport const Select = forwardRef(SelectInner) as <\n  Key extends string = string,\n  SectionKey extends string = string,\n>(\n  props: SelectProps<Key, SectionKey> & RefAttributes<HTMLButtonElement>,\n) => ReactElement | null;\n"]}

package/dist/sidebar.d.ts

@@ -1,7 +1,10 @@
 import { type SidebarDescriptor, type SidebarItemDescriptor } from "@hjmds/design-contracts/components/sidebar";
 import { type ReactNode } from "react";
+export type SidebarAppearance = "standard" | "bounce" | "hook" | "proximity";
 export type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{
     descriptor: SidebarDescriptor<Id, GroupId>;
+    /** Decoration only; link hit areas and document-order keyboard navigation stay fixed. */
+    appearance?: SidebarAppearance;
     collapsed?: boolean;
     defaultCollapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;

package/dist/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC/F,UAAU,EAAE,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9B,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,EAqFd,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE7E,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC/F,UAAU,EAAE,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAC3C,yFAAyF;IACzF,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9B,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,EA0Gd,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/sidebar.js

@@ -1,15 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { sidebarDefaults, sidebarRecipe, validateSidebarDescriptor, } from "@hjmds/design-contracts/components/sidebar";
-import { forwardRef, } from "react";
+import { forwardRef, useState, } from "react";
+import { useOptionalHjmTheme } from "./provider.js";
 import { classNames, useControllableState } from "./internal.js";
-export const Sidebar = forwardRef(function Sidebar({ descriptor, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseLabels, onNavigate, renderIcon, renderBadge, className, }, forwardedRef) {
+export const Sidebar = forwardRef(function Sidebar({ descriptor, appearance = "standard", collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseLabels, onNavigate, renderIcon, renderBadge, className, }, forwardedRef) {
     validateSidebarDescriptor(descriptor);
+    const theme = useOptionalHjmTheme();
+    const animate = theme !== null && !theme.environment.reducedMotion;
+    const [activatedId, setActivatedId] = useState(null);
     const [collapsed, setCollapsed] = useControllableState({
         ...(controlledCollapsed === undefined ? {} : { value: controlledCollapsed }),
         defaultValue: defaultCollapsed ?? sidebarDefaults.collapsed,
         ...(onCollapsedChange === undefined ? {} : { onChange: onCollapsedChange }),
     });
-    return (_jsxs("nav", { ref: forwardedRef, "aria-label": descriptor.accessibilityLabel, className: classNames("hjm-sidebar", className), "data-collapsed": collapsed || undefined, style: {
+    return (_jsxs("nav", { ref: forwardedRef, "aria-label": descriptor.accessibilityLabel, className: classNames("hjm-sidebar", className), "data-collapsed": collapsed || undefined, "data-appearance": appearance, "data-animate": animate || undefined, onPointerMove: event => {
+            if (appearance !== "proximity" || !animate || event.pointerType === "touch")
+                return;
+            // Only icon decoration responds to distance; moving links would shift click/focus targets.
+            for (const item of event.currentTarget.querySelectorAll(".hjm-sidebar__item")) {
+                const bounds = item.getBoundingClientRect();
+                const distance = Math.abs(event.clientY - (bounds.top + bounds.height / 2));
+                const proximity = item.getAttribute("aria-disabled") === "true" ? 0 : Math.max(0, 1 - distance / (bounds.height * 2));
+                item.style.setProperty("--hjm-sidebar-proximity", String(proximity));
+            }
+        }, onPointerLeave: event => {
+            for (const item of event.currentTarget.querySelectorAll(".hjm-sidebar__item"))
+                item.style.removeProperty("--hjm-sidebar-proximity");
+        }, style: {
             "--hjm-sidebar-width": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,
             "--hjm-sidebar-item-height": `${sidebarRecipe.itemMinHeight}px`,
             "--hjm-sidebar-item-radius": `${sidebarRecipe.itemRadius}px`,
@@ -17,11 +34,13 @@ export const Sidebar = forwardRef(function Sidebar({ descriptor, collapsed: cont
             "--hjm-sidebar-group-gap": `${sidebarRecipe.groupGap}px`,
         }, children: [collapseLabels ? (_jsx("button", { type: "button", className: "hjm-sidebar__toggle", "aria-expanded": !collapsed, "aria-label": collapsed ? collapseLabels.expand : collapseLabels.collapse, onClick: () => setCollapsed(!collapsed), children: _jsx("span", { "aria-hidden": "true", children: collapsed ? "»" : "«" }) })) : null, descriptor.groups.map((group) => (_jsxs("div", { className: "hjm-sidebar__group", role: "group", "aria-label": group.label, children: [group.label ? _jsx("p", { className: "hjm-sidebar__group-label", "aria-hidden": "true", children: group.label }) : null, _jsx("ul", { className: "hjm-sidebar__list", children: group.items.map((item) => {
                             const current = descriptor.currentId === item.id;
-                            return (_jsx("li", { children: _jsxs("a", { className: "hjm-sidebar__item", href: item.destination?.kind === "internal" ? item.destination.href : item.destination?.href, "aria-current": current ? "page" : undefined, "aria-disabled": item.disabled || undefined, "aria-label": collapsed ? item.label : undefined, tabIndex: item.disabled ? -1 : undefined, onClick: (event) => {
+                            return (_jsx("li", { children: _jsxs("a", { className: "hjm-sidebar__item", href: item.destination?.kind === "internal" ? item.destination.href : item.destination?.href, "aria-current": current ? "page" : undefined, "data-bounce": current && activatedId === item.id || undefined, "aria-disabled": item.disabled || undefined, "aria-label": collapsed ? item.label : undefined, tabIndex: item.disabled ? -1 : undefined, onClick: (event) => {
                                         if (item.disabled) {
                                             event.preventDefault();
                                             return;
                                         }
+                                        if (appearance === "bounce" && animate)
+                                            setActivatedId(item.id);
                                         onNavigate?.(item.id);
                                     }, children: [renderIcon ? _jsx("span", { "aria-hidden": "true", className: "hjm-sidebar__icon", children: renderIcon(item) }) : null, _jsx("span", { className: "hjm-sidebar__label", children: item.label }), item.badgeCount !== undefined ? (_jsx("span", { className: "hjm-sidebar__badge", children: renderBadge?.(item.badgeCount, item) ?? item.badgeCount })) : null] }) }, item.id));
                         }) })] }, group.id)))] }));

package/dist/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  sidebarDefaults,\n  sidebarRecipe,\n  validateSidebarDescriptor,\n  type SidebarDescriptor,\n  type SidebarItemDescriptor,\n} from \"@hjmds/design-contracts/components/sidebar\";\nimport {\n  forwardRef,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\n\nexport type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{\n  descriptor: SidebarDescriptor<Id, GroupId>;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Localized names for the collapse control in both states. */\n  collapseLabels?: Readonly<{ collapse: string; expand: string }>;\n  onNavigate?: (id: Id) => void;\n  /** Product-owned icon per item; required for the collapsed rail to stay usable. */\n  renderIcon?: (item: SidebarItemDescriptor<Id>) => ReactNode;\n  renderBadge?: (count: number, item: SidebarItemDescriptor<Id>) => ReactNode;\n  className?: string;\n}>;\n\nexport const Sidebar = forwardRef(function Sidebar<Id extends string = string, GroupId extends string = string>(\n  {\n    descriptor,\n    collapsed: controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    collapseLabels,\n    onNavigate,\n    renderIcon,\n    renderBadge,\n    className,\n  }: SidebarProps<Id, GroupId>,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  validateSidebarDescriptor(descriptor);\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    ...(controlledCollapsed === undefined ? {} : { value: controlledCollapsed }),\n    defaultValue: defaultCollapsed ?? sidebarDefaults.collapsed,\n    ...(onCollapsedChange === undefined ? {} : { onChange: onCollapsedChange }),\n  });\n  return (\n    <nav\n      ref={forwardedRef}\n      aria-label={descriptor.accessibilityLabel}\n      className={classNames(\"hjm-sidebar\", className)}\n      data-collapsed={collapsed || undefined}\n      style={{\n        \"--hjm-sidebar-width\": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,\n        \"--hjm-sidebar-item-height\": `${sidebarRecipe.itemMinHeight}px`,\n        \"--hjm-sidebar-item-radius\": `${sidebarRecipe.itemRadius}px`,\n        \"--hjm-sidebar-gap\": `${sidebarRecipe.gap}px`,\n        \"--hjm-sidebar-group-gap\": `${sidebarRecipe.groupGap}px`,\n      } as CSSProperties}\n    >\n      {collapseLabels ? (\n        <button\n          type=\"button\"\n          className=\"hjm-sidebar__toggle\"\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? collapseLabels.expand : collapseLabels.collapse}\n          onClick={() => setCollapsed(!collapsed)}\n        >\n          <span aria-hidden=\"true\">{collapsed ? \"»\" : \"«\"}</span>\n        </button>\n      ) : null}\n      {descriptor.groups.map((group) => (\n        <div key={group.id} className=\"hjm-sidebar__group\" role=\"group\" aria-label={group.label}>\n          {/*\n            Collapsing is density, not content: the group label is hidden\n            visually but the group keeps its accessible name.\n          */}\n          {group.label ? <p className=\"hjm-sidebar__group-label\" aria-hidden=\"true\">{group.label}</p> : null}\n          <ul className=\"hjm-sidebar__list\">\n            {group.items.map((item) => {\n              const current = descriptor.currentId === item.id;\n              return (\n                <li key={item.id}>\n                  <a\n                    className=\"hjm-sidebar__item\"\n                    href={item.destination?.kind === \"internal\" ? item.destination.href : item.destination?.href}\n                    aria-current={current ? \"page\" : undefined}\n                    aria-disabled={item.disabled || undefined}\n                    // Collapsed labels are hidden visually, so the name comes\n                    // from the attribute instead of disappearing with the text.\n                    aria-label={collapsed ? item.label : undefined}\n                    tabIndex={item.disabled ? -1 : undefined}\n                    onClick={(event) => {\n                      if (item.disabled) { event.preventDefault(); return; }\n                      onNavigate?.(item.id);\n                    }}\n                  >\n                    {renderIcon ? <span aria-hidden=\"true\" className=\"hjm-sidebar__icon\">{renderIcon(item)}</span> : null}\n                    <span className=\"hjm-sidebar__label\">{item.label}</span>\n                    {item.badgeCount !== undefined ? (\n                      <span className=\"hjm-sidebar__badge\">{renderBadge?.(item.badgeCount, item) ?? item.badgeCount}</span>\n                    ) : null}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}) as <Id extends string = string, GroupId extends string = string>(\n  props: SidebarProps<Id, GroupId> & { ref?: React.Ref<HTMLElement> },\n) => React.ReactElement | null;\n"]}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  sidebarDefaults,\n  sidebarRecipe,\n  validateSidebarDescriptor,\n  type SidebarDescriptor,\n  type SidebarItemDescriptor,\n} from \"@hjmds/design-contracts/components/sidebar\";\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { classNames, useControllableState } from \"./internal.js\";\n\nexport type SidebarAppearance = \"standard\" | \"bounce\" | \"hook\" | \"proximity\";\n\nexport type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{\n  descriptor: SidebarDescriptor<Id, GroupId>;\n  /** Decoration only; link hit areas and document-order keyboard navigation stay fixed. */\n  appearance?: SidebarAppearance;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Localized names for the collapse control in both states. */\n  collapseLabels?: Readonly<{ collapse: string; expand: string }>;\n  onNavigate?: (id: Id) => void;\n  /** Product-owned icon per item; required for the collapsed rail to stay usable. */\n  renderIcon?: (item: SidebarItemDescriptor<Id>) => ReactNode;\n  renderBadge?: (count: number, item: SidebarItemDescriptor<Id>) => ReactNode;\n  className?: string;\n}>;\n\nexport const Sidebar = forwardRef(function Sidebar<Id extends string = string, GroupId extends string = string>(\n  {\n    descriptor,\n    appearance = \"standard\",\n    collapsed: controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    collapseLabels,\n    onNavigate,\n    renderIcon,\n    renderBadge,\n    className,\n  }: SidebarProps<Id, GroupId>,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  validateSidebarDescriptor(descriptor);\n  const theme = useOptionalHjmTheme();\n  const animate = theme !== null && !theme.environment.reducedMotion;\n  const [activatedId, setActivatedId] = useState<string | null>(null);\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    ...(controlledCollapsed === undefined ? {} : { value: controlledCollapsed }),\n    defaultValue: defaultCollapsed ?? sidebarDefaults.collapsed,\n    ...(onCollapsedChange === undefined ? {} : { onChange: onCollapsedChange }),\n  });\n  return (\n    <nav\n      ref={forwardedRef}\n      aria-label={descriptor.accessibilityLabel}\n      className={classNames(\"hjm-sidebar\", className)}\n      data-collapsed={collapsed || undefined}\n      data-appearance={appearance}\n      data-animate={animate || undefined}\n      onPointerMove={event => {\n        if (appearance !== \"proximity\" || !animate || event.pointerType === \"touch\") return;\n        // Only icon decoration responds to distance; moving links would shift click/focus targets.\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) {\n          const bounds = item.getBoundingClientRect();\n          const distance = Math.abs(event.clientY - (bounds.top + bounds.height / 2));\n          const proximity = item.getAttribute(\"aria-disabled\") === \"true\" ? 0 : Math.max(0, 1 - distance / (bounds.height * 2));\n          item.style.setProperty(\"--hjm-sidebar-proximity\", String(proximity));\n        }\n      }}\n      onPointerLeave={event => {\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) item.style.removeProperty(\"--hjm-sidebar-proximity\");\n      }}\n      style={{\n        \"--hjm-sidebar-width\": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,\n        \"--hjm-sidebar-item-height\": `${sidebarRecipe.itemMinHeight}px`,\n        \"--hjm-sidebar-item-radius\": `${sidebarRecipe.itemRadius}px`,\n        \"--hjm-sidebar-gap\": `${sidebarRecipe.gap}px`,\n        \"--hjm-sidebar-group-gap\": `${sidebarRecipe.groupGap}px`,\n      } as CSSProperties}\n    >\n      {collapseLabels ? (\n        <button\n          type=\"button\"\n          className=\"hjm-sidebar__toggle\"\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? collapseLabels.expand : collapseLabels.collapse}\n          onClick={() => setCollapsed(!collapsed)}\n        >\n          <span aria-hidden=\"true\">{collapsed ? \"»\" : \"«\"}</span>\n        </button>\n      ) : null}\n      {descriptor.groups.map((group) => (\n        <div key={group.id} className=\"hjm-sidebar__group\" role=\"group\" aria-label={group.label}>\n          {/*\n            Collapsing is density, not content: the group label is hidden\n            visually but the group keeps its accessible name.\n          */}\n          {group.label ? <p className=\"hjm-sidebar__group-label\" aria-hidden=\"true\">{group.label}</p> : null}\n          <ul className=\"hjm-sidebar__list\">\n            {group.items.map((item) => {\n              const current = descriptor.currentId === item.id;\n              return (\n                <li key={item.id}>\n                  <a\n                    className=\"hjm-sidebar__item\"\n                    href={item.destination?.kind === \"internal\" ? item.destination.href : item.destination?.href}\n                    aria-current={current ? \"page\" : undefined}\n                    data-bounce={current && activatedId === item.id || undefined}\n                    aria-disabled={item.disabled || undefined}\n                    // Collapsed labels are hidden visually, so the name comes\n                    // from the attribute instead of disappearing with the text.\n                    aria-label={collapsed ? item.label : undefined}\n                    tabIndex={item.disabled ? -1 : undefined}\n                    onClick={(event) => {\n                      if (item.disabled) { event.preventDefault(); return; }\n                      if (appearance === \"bounce\" && animate) setActivatedId(item.id);\n                      onNavigate?.(item.id);\n                    }}\n                  >\n                    {renderIcon ? <span aria-hidden=\"true\" className=\"hjm-sidebar__icon\">{renderIcon(item)}</span> : null}\n                    <span className=\"hjm-sidebar__label\">{item.label}</span>\n                    {item.badgeCount !== undefined ? (\n                      <span className=\"hjm-sidebar__badge\">{renderBadge?.(item.badgeCount, item) ?? item.badgeCount}</span>\n                    ) : null}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}) as <Id extends string = string, GroupId extends string = string>(\n  props: SidebarProps<Id, GroupId> & { ref?: React.Ref<HTMLElement> },\n) => React.ReactElement | null;\n"]}

package/dist/step-player.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+import { type StepsProps } from "./steps.js";
+export type StepPlayerProps = Readonly<{
+    descriptor: StepsProps["descriptor"];
+    statusLabels: StepsProps["statusLabels"];
+    composeAccessibleName: StepsProps["composeAccessibleName"];
+    /** Playback position is supplied by the host, never estimated from elapsed time. */
+    progress: number;
+    playing: boolean;
+    disabled?: boolean;
+    labels: Readonly<{
+        play: string;
+        pause: string;
+        replay: string;
+        progress: string;
+    }>;
+    onPlayingChange: (playing: boolean) => void;
+    /** Host resets its cursor/progress and chooses whether replay starts immediately. */
+    onReplay: () => void;
+    children?: ReactNode;
+}>;
+/** Controlled playback chrome: Steps owns the cursor and Progress owns range semantics. */
+export declare function StepPlayer({ descriptor, statusLabels, composeAccessibleName, progress, playing, disabled, labels, onPlayingChange, onReplay, children }: StepPlayerProps): import("react").JSX.Element;
+//# sourceMappingURL=step-player.d.ts.map

package/dist/step-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-player.d.ts","sourceRoot":"","sources":["../src/step-player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAKpD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACzC,qBAAqB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,QAAQ,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpF,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAahL"}

package/dist/step-player.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Steps } from "./steps.js";
+import { Progress } from "./feedback.js";
+import { Button } from "./actions.js";
+import { Stack } from "./layout.js";
+/** Controlled playback chrome: Steps owns the cursor and Progress owns range semantics. */
+export function StepPlayer({ descriptor, statusLabels, composeAccessibleName, progress, playing, disabled = false, labels, onPlayingChange, onReplay, children }) {
+    // No internal timer: walkthroughs, recordings and host processes have different clocks.
+    if (!Number.isFinite(progress) || progress < 0 || progress > 1)
+        throw new RangeError("StepPlayer progress must be between 0 and 1");
+    for (const label of Object.values(labels))
+        if (!label.trim())
+            throw new TypeError("StepPlayer requires localized control labels");
+    return _jsxs(Stack, { gap: "lg", children: [_jsx(Steps, { descriptor: descriptor, statusLabels: statusLabels, composeAccessibleName: composeAccessibleName }), children, _jsx(Progress, { label: labels.progress, value: progress, max: 1 }), _jsxs(Stack, { axis: "inline", gap: "sm", children: [_jsx(Button, { disabled: disabled, onClick: () => onPlayingChange(!playing), children: playing ? labels.pause : labels.play }), _jsx(Button, { disabled: disabled, tone: "ghost", onClick: onReplay, children: labels.replay })] })] });
+}
+//# sourceMappingURL=step-player.js.map

package/dist/step-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-player.js","sourceRoot":"","sources":["../src/step-player.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAiBpC,2FAA2F;AAC3F,MAAM,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAmB;IAC/K,wFAAwF;IACxF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC;QAAE,MAAM,IAAI,UAAU,CAAC,6CAA6C,CAAC,CAAC;IACpI,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;IAClI,OAAO,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,aACpB,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,GAAI,EAC1G,QAAQ,EACT,KAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAI,EAC7D,MAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC3B,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,YAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAU,EACrH,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,YAAG,MAAM,CAAC,MAAM,GAAU,IAC9E,IACF,CAAC;AACX,CAAC","sourcesContent":["import type { ReactNode } from \"react\";\nimport { Steps, type StepsProps } from \"./steps.js\";\nimport { Progress } from \"./feedback.js\";\nimport { Button } from \"./actions.js\";\nimport { Stack } from \"./layout.js\";\n\nexport type StepPlayerProps = Readonly<{\n  descriptor: StepsProps[\"descriptor\"];\n  statusLabels: StepsProps[\"statusLabels\"];\n  composeAccessibleName: StepsProps[\"composeAccessibleName\"];\n  /** Playback position is supplied by the host, never estimated from elapsed time. */\n  progress: number;\n  playing: boolean;\n  disabled?: boolean;\n  labels: Readonly<{ play: string; pause: string; replay: string; progress: string }>;\n  onPlayingChange: (playing: boolean) => void;\n  /** Host resets its cursor/progress and chooses whether replay starts immediately. */\n  onReplay: () => void;\n  children?: ReactNode;\n}>;\n\n/** Controlled playback chrome: Steps owns the cursor and Progress owns range semantics. */\nexport function StepPlayer({ descriptor, statusLabels, composeAccessibleName, progress, playing, disabled = false, labels, onPlayingChange, onReplay, children }: StepPlayerProps) {\n  // No internal timer: walkthroughs, recordings and host processes have different clocks.\n  if (!Number.isFinite(progress) || progress < 0 || progress > 1) throw new RangeError(\"StepPlayer progress must be between 0 and 1\");\n  for (const label of Object.values(labels)) if (!label.trim()) throw new TypeError(\"StepPlayer requires localized control labels\");\n  return <Stack gap=\"lg\">\n    <Steps descriptor={descriptor} statusLabels={statusLabels} composeAccessibleName={composeAccessibleName} />\n    {children}\n    <Progress label={labels.progress} value={progress} max={1} />\n    <Stack axis=\"inline\" gap=\"sm\">\n      <Button disabled={disabled} onClick={() => onPlayingChange(!playing)}>{playing ? labels.pause : labels.play}</Button>\n      <Button disabled={disabled} tone=\"ghost\" onClick={onReplay}>{labels.replay}</Button>\n    </Stack>\n  </Stack>;\n}\n"]}