@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/Select.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Select.jsx","names":["mergeProps"],"sources":["../src/Select.tsx"],"sourcesContent":["/**\n * Select component for solidaria-components\n *\n * A pre-wired headless select that combines state + aria hooks.\n * Port of react-aria-components/src/Select.tsx\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n  useContext,\n  For,\n  Show,\n  untrack,\n} from \"solid-js\";\nimport {\n  createSelect,\n  createHiddenSelect,\n  createListBox,\n  createOption,\n  createHover,\n  createInteractOutside,\n  FocusScope,\n  focusSafely,\n  mergeProps,\n  type AriaSelectProps,\n  type AriaListBoxProps,\n  type AriaOptionProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSelectState,\n  type ListState,\n  type SelectState,\n  type Key,\n  type CollectionNode,\n  DEFAULT_VALIDATION_RESULT,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport {\n  SelectionIndicatorContext,\n  type SelectionIndicatorContextValue,\n} from \"./SelectionIndicator\";\nimport { ListBoxLoadMoreItem } from \"./ListBox\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nfunction getNativeSelectValidation(select: HTMLSelectElement): ValidationResult {\n  return {\n    isInvalid: !select.validity.valid,\n    validationDetails: {\n      badInput: select.validity.badInput,\n      customError: select.validity.customError,\n      patternMismatch: select.validity.patternMismatch,\n      rangeOverflow: select.validity.rangeOverflow,\n      rangeUnderflow: select.validity.rangeUnderflow,\n      stepMismatch: select.validity.stepMismatch,\n      tooLong: select.validity.tooLong,\n      tooShort: select.validity.tooShort,\n      typeMismatch: select.validity.typeMismatch,\n      valueMissing: select.validity.valueMissing,\n      valid: select.validity.valid,\n    },\n    validationErrors: select.validationMessage ? [select.validationMessage] : [],\n  };\n}\n\nexport interface SelectRenderProps {\n  /** Whether the select is open. */\n  isOpen: boolean;\n  /** Whether the select is focused. */\n  isFocused: boolean;\n  /** Whether the select has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the select is disabled. */\n  isDisabled: boolean;\n  /** Whether the select is required. */\n  isRequired: boolean;\n  /** Whether a value is selected. */\n  isSelected: boolean;\n}\n\nexport interface SelectProps<T> extends Omit<AriaSelectProps, \"children\">, SlotProps {\n  /** The items to render in the select. */\n  items: T[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => Key;\n  /** Function to get the text value from an item. */\n  getTextValue?: (item: T) => string;\n  /** Function to check if an item is disabled. */\n  getDisabled?: (item: T) => boolean;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Selection mode. */\n  selectionMode?: \"single\" | \"multiple\";\n  /** The currently selected key (controlled). */\n  selectedKey?: Key | null;\n  /** The default selected key (uncontrolled). */\n  defaultSelectedKey?: Key | null;\n  /** Currently selected keys (controlled, for multiple selection). */\n  selectedKeys?: \"all\" | Iterable<Key>;\n  /** Default selected keys (uncontrolled, for multiple selection). */\n  defaultSelectedKeys?: \"all\" | Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Handler called when selected keys change. */\n  onSelectionChangeKeys?: (keys: \"all\" | Set<Key>) => void;\n  /** Whether the select is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the select is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler called when the open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Placeholder text when no option is selected. */\n  placeholder?: string;\n  /** The name of the select, used when submitting an HTML form. */\n  name?: string;\n  /** The children of the component (compound components: SelectTrigger, SelectListBox). */\n  children: RenderChildren<SelectRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectRenderProps>;\n  /** Custom renderer for the outer select element. */\n  render?: (\n    props: JSX.HTMLAttributes<HTMLDivElement>,\n    renderProps: SelectRenderProps,\n  ) => JSX.Element;\n  /** Ref for the outer select element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface SelectValueRenderProps<T> {\n  /** The selected item. */\n  selectedItem: CollectionNode<T> | null;\n  /** The selected items. */\n  selectedItems: CollectionNode<T>[];\n  /** The text value of the selected item. */\n  selectedText: string | null;\n  /** Whether a value is selected. */\n  isSelected: boolean;\n  /** The placeholder text. */\n  placeholder: string | undefined;\n}\n\nexport interface SelectValueProps<T> extends SlotProps {\n  /** The children of the value. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectValueRenderProps<T>>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectValueRenderProps<T>>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectValueRenderProps<T>>;\n  /** Placeholder text when no option is selected. Overrides the placeholder from Select. */\n  placeholder?: string;\n}\n\nexport interface SelectTriggerRenderProps {\n  /** Whether the select is open. */\n  isOpen: boolean;\n  /** Whether the trigger is focused. */\n  isFocused: boolean;\n  /** Whether the trigger has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the trigger is hovered. */\n  isHovered: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SelectTriggerProps extends SlotProps {\n  /** The children of the trigger. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectTriggerRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectTriggerRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectTriggerRenderProps>;\n}\n\nexport interface SelectListBoxRenderProps {\n  /** Whether the listbox is focused. */\n  isFocused: boolean;\n}\n\nexport interface SelectListBoxProps<T> extends SlotProps {\n  /** The children of the listbox. A function may be provided to render each item. */\n  children?: (item: T) => JSX.Element;\n  /** Content to display when the listbox has no items. */\n  renderEmptyState?: () => JSX.Element;\n  /** Called when the load more sentinel becomes visible. */\n  onLoadMore?: () => void | Promise<void>;\n  /** Whether additional items are currently loading. */\n  isLoading?: boolean;\n  /** Content to display in the load more sentinel row. */\n  renderLoadMore?: () => JSX.Element | undefined;\n  /** CSS class for the load more sentinel row. */\n  loadMoreClass?: ClassNameOrFunction<{ isLoading: boolean }>;\n  /** Whether the listbox is rendered inside an overlay popover. */\n  isInPopover?: boolean;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectListBoxRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectListBoxRenderProps>;\n}\n\nexport interface SelectOptionRenderProps {\n  /** Whether the option is selected. */\n  isSelected: boolean;\n  /** Whether the option is focused. */\n  isFocused: boolean;\n  /** Whether the option has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the option is pressed. */\n  isPressed: boolean;\n  /** Whether the option is hovered. */\n  isHovered: boolean;\n  /** Whether the option is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SelectOptionProps<T> extends Omit<AriaOptionProps, \"children\" | \"key\">, SlotProps {\n  /** The unique key for the option. */\n  id: Key;\n  /** The item value. */\n  item?: T;\n  /** The children of the option. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectOptionRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectOptionRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectOptionRenderProps>;\n  /** The text value of the option (for typeahead). */\n  textValue?: string;\n}\n\ninterface SelectContextValue<T> {\n  state: SelectState<T>;\n  rootRef: Accessor<HTMLElement | null>;\n  triggerRef: Accessor<HTMLElement | null>;\n  setTriggerRef: (el: HTMLElement | null) => void;\n  triggerProps: JSX.HTMLAttributes<HTMLElement>;\n  valueProps: JSX.HTMLAttributes<HTMLElement>;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  validation?: ValidationResult;\n  isOpen: Accessor<boolean>;\n  isFocused: Accessor<boolean>;\n  isFocusVisible: Accessor<boolean>;\n  isDisabled: Accessor<boolean>;\n  placeholder?: string;\n  items: T[];\n  renderItem?: (item: T) => JSX.Element;\n  slots?: Record<string, Partial<SelectProps<T>>>;\n  autoFocus?: boolean;\n}\n\nexport const SelectContext = createContext<SelectContextValue<unknown> | null>(null);\nexport const SelectStateContext = createContext<SelectState<unknown> | null>(null);\nexport const SelectValueContext = SelectContext;\n\nconst selectRootLabelProps = new Set([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-describedby\",\n  \"aria-details\",\n]);\n\n/**\n * A select displays a collapsible list of options and allows a user to select one of them.\n */\nexport function Select<T>(props: SelectProps<T>): JSX.Element {\n  const parentContext = useContext(SelectContext) as SelectContextValue<T> | null;\n  const contextSlotProps = parentContext?.slots?.[props.slot ?? \"default\"] as\n    | Partial<SelectProps<T>>\n    | undefined;\n  const mergedSelectProps = (\n    contextSlotProps ? mergeProps(contextSlotProps, props) : props\n  ) as SelectProps<T>;\n  const [local, stateProps, ariaProps] = splitProps(\n    mergedSelectProps,\n    [\"class\", \"style\", \"render\", \"ref\", \"slot\", \"children\"],\n    [\n      \"items\",\n      \"getKey\",\n      \"getTextValue\",\n      \"getDisabled\",\n      \"disabledKeys\",\n      \"selectionMode\",\n      \"selectedKey\",\n      \"defaultSelectedKey\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onSelectionChangeKeys\",\n      \"isOpen\",\n      \"defaultOpen\",\n      \"onOpenChange\",\n      \"name\",\n    ],\n  );\n  let rootRef: HTMLDivElement | undefined;\n  const [selectValidation, setSelectValidation] =\n    createSignal<ValidationResult>(DEFAULT_VALIDATION_RESULT);\n  const errorMessageId = createUniqueId();\n\n  const resolveDisabled = (): boolean => {\n    const disabled = ariaProps.isDisabled;\n    if (typeof disabled === \"function\") {\n      return (disabled as () => boolean)();\n    }\n    return !!disabled;\n  };\n\n  const state = createSelectState<T>({\n    get items() {\n      return stateProps.items;\n    },\n    get getKey() {\n      return stateProps.getKey;\n    },\n    get getTextValue() {\n      return stateProps.getTextValue;\n    },\n    get getDisabled() {\n      return stateProps.getDisabled;\n    },\n    get disabledKeys() {\n      return stateProps.disabledKeys;\n    },\n    get selectionMode() {\n      return stateProps.selectionMode;\n    },\n    get selectedKey() {\n      return stateProps.selectedKey;\n    },\n    get defaultSelectedKey() {\n      return stateProps.defaultSelectedKey;\n    },\n    get selectedKeys() {\n      return stateProps.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return stateProps.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return stateProps.onSelectionChange;\n    },\n    get onSelectionChangeKeys() {\n      return stateProps.onSelectionChangeKeys;\n    },\n    get isOpen() {\n      return stateProps.isOpen;\n    },\n    get defaultOpen() {\n      return stateProps.defaultOpen;\n    },\n    get onOpenChange() {\n      return stateProps.onOpenChange;\n    },\n    get isDisabled() {\n      return resolveDisabled();\n    },\n    get isRequired() {\n      return ariaProps.isRequired;\n    },\n  });\n\n  const selectAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const { labelProps, triggerProps, valueProps, menuProps, isFocused, isFocusVisible, isOpen } =\n    createSelect<T>(selectAriaProps, state);\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return resolveDisabled();\n    },\n  });\n\n  const renderValues = createMemo<SelectRenderProps>(() => ({\n    isOpen: isOpen(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: resolveDisabled(),\n    isRequired: !!ariaProps.isRequired,\n    isSelected:\n      state.selectionMode() === \"multiple\"\n        ? state.selectedKeys() === \"all\" || (state.selectedKeys() as Set<Key>).size > 0\n        : state.selectedKey() != null,\n  }));\n  const childRenderValues: SelectRenderProps = {\n    get isOpen() {\n      return isOpen();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return resolveDisabled();\n    },\n    get isRequired() {\n      return !!ariaProps.isRequired;\n    },\n    get isSelected() {\n      return hasSelection();\n    },\n  };\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps as Record<string, unknown>, { global: true });\n    for (const key of selectRootLabelProps) {\n      delete filtered[key];\n    }\n    return filtered;\n  });\n\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const setRootRef = (el: HTMLDivElement) => {\n    rootRef = el;\n    assignRef(local.ref, el);\n  };\n  const validation = createMemo<ValidationResult>(() => {\n    const current = selectValidation();\n    if (current.isInvalid || !ariaProps.isInvalid) {\n      return current;\n    }\n\n    return {\n      ...DEFAULT_VALIDATION_RESULT,\n      isInvalid: true,\n    };\n  });\n  const isInvalid = createMemo(() => validation().isInvalid);\n  const triggerDescribedBy = () => {\n    const ids = [\n      (triggerProps as { \"aria-describedby\"?: string })[\"aria-describedby\"],\n      isInvalid() ? errorMessageId : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n  const triggerPropsWithValidation = () =>\n    ({\n      ...triggerProps,\n      \"aria-describedby\": triggerDescribedBy(),\n    }) as JSX.HTMLAttributes<HTMLElement>;\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return validation();\n    },\n    get errorMessageProps() {\n      return { id: errorMessageId };\n    },\n  };\n  const focusTrigger = () => {\n    triggerRef?.focus();\n  };\n  const hasSelection = () =>\n    state.selectionMode() === \"multiple\"\n      ? state.selectedKeys() === \"all\" || (state.selectedKeys() as Set<Key>).size > 0\n      : state.selectedKey() != null;\n  const hasNativeValidation = () => (ariaProps.validationBehavior ?? \"native\") === \"native\";\n  const getSelectValidation = (select: HTMLSelectElement): ValidationResult => {\n    if (ariaProps.isRequired && !hasSelection()) {\n      return {\n        isInvalid: true,\n        validationDetails: {\n          badInput: false,\n          customError: false,\n          patternMismatch: false,\n          rangeOverflow: false,\n          rangeUnderflow: false,\n          stepMismatch: false,\n          tooLong: false,\n          tooShort: false,\n          typeMismatch: false,\n          valueMissing: true,\n          valid: false,\n        },\n        validationErrors: [select.validationMessage || \"Constraints not satisfied\"],\n      };\n    }\n    return getNativeSelectValidation(select);\n  };\n\n  const { containerProps, selectProps: hiddenSelectProps } = createHiddenSelect({\n    state,\n    name: stateProps.name,\n    form: ariaProps.form,\n    isRequired: ariaProps.isRequired,\n    validationBehavior: ariaProps.validationBehavior ?? \"native\",\n    get isDisabled() {\n      return resolveDisabled();\n    },\n  });\n  const handleHiddenSelectInvalid: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    setSelectValidation(getSelectValidation(event.currentTarget));\n    focusTrigger();\n    event.preventDefault();\n  };\n  const handleHiddenSelectChange: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    (hiddenSelectProps as { onChange?: JSX.EventHandler<HTMLSelectElement, Event> }).onChange?.(\n      event,\n    );\n    setSelectValidation(\n      hasSelection() && event.currentTarget.validity.valid\n        ? DEFAULT_VALIDATION_RESULT\n        : getSelectValidation(event.currentTarget),\n    );\n  };\n  createEffect(() => {\n    if (hasSelection() && selectValidation().isInvalid) {\n      setSelectValidation(DEFAULT_VALIDATION_RESULT);\n    }\n  });\n  let triggerRef: HTMLElement | null = null;\n  const setTriggerRef = (el: HTMLElement | null) => {\n    triggerRef = el;\n  };\n\n  const RootChildren = () => {\n    const selectChildren = untrack(() =>\n      typeof local.children === \"function\"\n        ? (local.children as (values: SelectRenderProps) => JSX.Element)(childRenderValues)\n        : local.children,\n    );\n\n    return (\n      <>\n        <div {...containerProps}>\n          <select\n            {...hiddenSelectProps}\n            name={hasSelection() ? undefined : stateProps.name}\n            required={\n              (hasNativeValidation() && ariaProps.isRequired && !hasSelection()) || undefined\n            }\n            onInvalid={handleHiddenSelectInvalid}\n            onChange={handleHiddenSelectChange}\n          >\n            <Show when={state.selectionMode() !== \"multiple\"}>\n              <option selected={state.selectedKey() == null} />\n            </Show>\n            <For each={stateProps.items}>\n              {(item) => {\n                const itemRecord = isObjectRecord(item) ? item : null;\n                const fallbackKey =\n                  itemRecord != null ? (toKey(itemRecord.key) ?? toKey(itemRecord.id)) : undefined;\n                const key = stateProps.getKey?.(item) ?? fallbackKey ?? String(item);\n                const fallbackTextValue =\n                  itemRecord != null\n                    ? (toTextValue(itemRecord.textValue) ?? toTextValue(itemRecord.label))\n                    : undefined;\n                const textValue =\n                  stateProps.getTextValue?.(item) ?? fallbackTextValue ?? String(item);\n                const selectedKeys = state.selectedKeys();\n                const isSelected =\n                  state.selectionMode() === \"multiple\"\n                    ? selectedKeys === \"all\"\n                      ? true\n                      : (selectedKeys as Set<Key>).has(key)\n                    : key === state.selectedKey();\n                return (\n                  <option value={String(key)} selected={isSelected}>\n                    {textValue}\n                  </option>\n                );\n              }}\n            </For>\n          </select>\n          <Show when={state.selectionMode() === \"multiple\" && stateProps.name}>\n            <For\n              each={\n                state.selectedKeys() === \"all\"\n                  ? Array.from(state.collection()).map((item) => item.key)\n                  : Array.from(state.selectedKeys() as Set<Key>)\n              }\n            >\n              {(key) => (\n                <input\n                  type=\"hidden\"\n                  name={stateProps.name}\n                  form={ariaProps.form}\n                  value={String(key)}\n                  disabled={resolveDisabled()}\n                />\n              )}\n            </For>\n          </Show>\n          <Show\n            when={\n              state.selectionMode() !== \"multiple\" && stateProps.name && state.selectedKey() != null\n            }\n          >\n            <input\n              type=\"hidden\"\n              name={stateProps.name}\n              form={ariaProps.form}\n              value={String(state.selectedKey())}\n              disabled={resolveDisabled()}\n            />\n          </Show>\n        </div>\n        <Show when={ariaProps.label}>\n          <span {...cleanLabelProps()}>{ariaProps.label as JSX.Element}</span>\n        </Show>\n        {selectChildren}\n      </>\n    );\n  };\n  const baseRootProps = () =>\n    ({\n      ...domProps(),\n      ...cleanHoverProps(),\n      ref: setRootRef,\n      class: renderProps.class(),\n      style: renderProps.style(),\n      slot: local.slot,\n      \"data-open\": isOpen() || undefined,\n      \"data-disabled\": resolveDisabled() || undefined,\n      \"data-required\": ariaProps.isRequired || undefined,\n      \"data-invalid\": isInvalid() || undefined,\n      \"data-hovered\": isHovered() || undefined,\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n  const RootContent = () => {\n    const renderedRootChildren = <RootChildren />;\n    const rootProps = () =>\n      ({\n        ...baseRootProps(),\n        children: renderedRootChildren,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n\n    return local.render ? (\n      local.render(rootProps(), renderValues())\n    ) : (\n      <div {...baseRootProps()}>{renderedRootChildren}</div>\n    );\n  };\n\n  return (\n    <SelectContext.Provider\n      value={\n        {\n          state,\n          rootRef: () => rootRef ?? null,\n          triggerRef: () => triggerRef,\n          setTriggerRef,\n          get triggerProps() {\n            return triggerPropsWithValidation();\n          },\n          valueProps,\n          labelProps,\n          menuProps,\n          get errorMessageProps() {\n            return { id: errorMessageId };\n          },\n          get validation() {\n            return validation();\n          },\n          isOpen,\n          isFocused,\n          isFocusVisible,\n          isDisabled: resolveDisabled,\n          placeholder: ariaProps.placeholder,\n          items: stateProps.items,\n          autoFocus: !!ariaProps.autoFocus,\n        } as SelectContextValue<unknown>\n      }\n    >\n      <SelectStateContext.Provider value={state}>\n        <FieldErrorContext.Provider value={fieldErrorContext}>\n          <RootContent />\n        </FieldErrorContext.Provider>\n      </SelectStateContext.Provider>\n    </SelectContext.Provider>\n  );\n}\n\n/**\n * The trigger button for a select.\n */\nexport function SelectTrigger(props: SelectTriggerProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectTrigger must be used within a Select\");\n  }\n  const { isOpen, isFocused, isFocusVisible, state } = context;\n  let triggerRef: HTMLButtonElement | undefined;\n  const setTriggerRef = (el: HTMLButtonElement) => {\n    triggerRef = el;\n    context.setTriggerRef(el);\n  };\n\n  createEffect(() => {\n    if (context.autoFocus) {\n      triggerRef?.focus();\n    }\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SelectTriggerRenderProps>(() => ({\n    isOpen: isOpen(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: state.isDisabled,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-trigger\",\n    },\n    renderValues,\n  );\n\n  const cleanTriggerProps = () => {\n    const { ref: _ref1, ...rest } = context.triggerProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const triggerAriaProps = () => context.triggerProps as Record<string, unknown>;\n  const menuAriaProps = () => context.menuProps as Record<string, unknown>;\n  return (\n    <button\n      ref={setTriggerRef}\n      {...domProps}\n      {...cleanTriggerProps()}\n      {...cleanHoverProps()}\n      type=\"button\"\n      id={triggerAriaProps().id as string | undefined}\n      tabIndex={state.isDisabled ? undefined : 0}\n      aria-label={triggerAriaProps()[\"aria-label\"] as string | undefined}\n      aria-labelledby={triggerAriaProps()[\"aria-labelledby\"] as string | undefined}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isOpen()}\n      aria-controls={isOpen() ? (menuAriaProps().id as string | undefined) : undefined}\n      aria-disabled={state.isDisabled || undefined}\n      aria-required={triggerAriaProps()[\"aria-required\"] as boolean | undefined}\n      aria-describedby={triggerAriaProps()[\"aria-describedby\"] as string | undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-open={isOpen() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </button>\n  );\n}\n\n// Default children function for SelectValue - defined at module level for SSR stability\nfunction defaultSelectValueChildren<T>(values: SelectValueRenderProps<T>) {\n  return values.selectedText ?? values.placeholder ?? \"\";\n}\n\n/**\n * Displays the selected value in a select.\n */\nexport function SelectValue<T>(props: SelectValueProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"placeholder\",\n    \"children\",\n  ]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectValue must be used within a Select\");\n  }\n  const { valueProps, placeholder: contextPlaceholder } = context;\n  const state = context.state as SelectState<T>;\n\n  const placeholder = () => local.placeholder ?? contextPlaceholder;\n\n  const renderValues = createMemo<SelectValueRenderProps<T>>(() => {\n    const collection = state.collection();\n    const selectedItem =\n      state.selectedKey() == null ? null : collection.getItem(state.selectedKey() as Key);\n    const selectedKeys = state.selectedKeys();\n    const selectedItems =\n      selectedKeys === \"all\"\n        ? Array.from(collection)\n        : Array.from(selectedKeys as Set<Key>)\n            .map((key) => collection.getItem(key))\n            .filter((item): item is CollectionNode<T> => item != null);\n    const selectedText =\n      state.selectionMode() === \"multiple\"\n        ? selectedItems.length > 0\n          ? new Intl.ListFormat(undefined, { style: \"long\", type: \"conjunction\" }).format(\n              selectedItems.map((item) => item.textValue),\n            )\n          : null\n        : (selectedItem?.textValue ?? null);\n    return {\n      selectedItem,\n      selectedItems,\n      selectedText,\n      isSelected:\n        state.selectionMode() === \"multiple\" ? selectedItems.length > 0 : selectedItem != null,\n      placeholder: placeholder(),\n    };\n  });\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children ?? defaultSelectValueChildren;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-value\",\n    },\n    renderValues,\n  );\n\n  return (\n    <span\n      {...domProps}\n      {...valueProps}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-placeholder={!renderValues().isSelected || undefined}\n    >\n      {props.children == null\n        ? (renderValues().selectedText ?? renderValues().placeholder ?? \"\")\n        : renderProps.renderChildren()}\n    </span>\n  );\n}\n\n/**\n * The listbox popup for a select.\n */\nexport function SelectListBox<T>(props: SelectListBoxProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"renderEmptyState\",\n    \"onLoadMore\",\n    \"isLoading\",\n    \"renderLoadMore\",\n    \"loadMoreClass\",\n    \"isInPopover\",\n  ]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectListBox must be used within a Select\");\n  }\n  const { menuProps, rootRef, state: selectState, isOpen } = context;\n  const state = selectState as SelectState<T>;\n\n  createEffect(() => {\n    if (!isOpen()) {\n      return;\n    }\n    if (state.focusedKey() != null) {\n      return;\n    }\n    const selectedKey = state.selectedKey();\n    if (selectedKey != null && !state.collection().getItem(selectedKey)?.isDisabled) {\n      state.setFocusedKey(selectedKey);\n    }\n  });\n\n  let listBoxRef: HTMLUListElement | undefined;\n\n  createInteractOutside({\n    ref: () => rootRef() ?? listBoxRef ?? null,\n    onInteractOutside: () => {\n      if (isOpen()) {\n        state.close();\n      }\n    },\n    get isDisabled() {\n      return !isOpen() || local.isInPopover === true;\n    },\n  });\n\n  const { listBoxProps } = createListBox(\n    {\n      ...(menuProps as unknown as AriaListBoxProps),\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      shouldSelectOnFocus: local.isInPopover === true ? false : undefined,\n      get isDisabled() {\n        return state.isDisabled;\n      },\n    },\n    createSelectListStateAdapter(state),\n  );\n\n  const renderValues = createMemo<SelectListBoxRenderProps>(() => ({\n    // Focus within the listbox itself (the selection manager's focus state),\n    // not the select-level trigger focus.\n    isFocused: state.selectionManager.isFocused,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-listbox\",\n    },\n    renderValues,\n  );\n\n  const cleanMenuProps = () => {\n    const { ref: _ref1, ...rest } = menuProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanListBoxProps = () => {\n    const { ref: _ref2, ...rest } = listBoxProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const items = () => Array.from(state.collection());\n  createEffect(() => {\n    if (!isOpen()) return;\n    const focusedKey = state.focusedKey();\n    if (focusedKey == null) return;\n\n    queueMicrotask(() => {\n      const option = Array.from(\n        listBoxRef?.querySelectorAll<HTMLElement>(\"[role='option']\") ?? [],\n      ).find((element) => element.id === String(focusedKey));\n      if (option && document.activeElement !== option) {\n        focusSafely(option);\n      }\n    });\n  });\n\n  const listBox = () => (\n    <ul\n      ref={(el) => (listBoxRef = el)}\n      {...domProps}\n      {...cleanMenuProps()}\n      {...cleanListBoxProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={state.selectionManager.isFocused || undefined}\n      data-empty={state.collection().size === 0 || undefined}\n    >\n      {state.collection().size === 0 && local.renderEmptyState ? (\n        <li role=\"option\" style={{ display: \"contents\" }} data-empty-state>\n          {local.renderEmptyState()}\n        </li>\n      ) : (\n        <Show\n          when={local.children}\n          fallback={\n            <For each={items()}>\n              {(node) => <SelectOption id={node.key}>{node.textValue}</SelectOption>}\n            </For>\n          }\n        >\n          <For each={items()}>\n            {(node) => (node.value != null ? local.children!(node.value) : null)}\n          </For>\n        </Show>\n      )}\n      <Show when={local.onLoadMore}>\n        <ListBoxLoadMoreItem\n          onLoadMore={local.onLoadMore!}\n          isLoading={local.isLoading}\n          class={local.loadMoreClass}\n        >\n          {local.renderLoadMore?.()}\n        </ListBoxLoadMoreItem>\n      </Show>\n    </ul>\n  );\n\n  return (\n    <Show when={isOpen()}>\n      <Show\n        when={local.isInPopover}\n        fallback={\n          <FocusScope restoreFocus autoFocus>\n            {listBox()}\n          </FocusScope>\n        }\n      >\n        {listBox()}\n      </Show>\n    </Show>\n  );\n}\n\n/**\n * An option in a select listbox.\n */\nexport function SelectOption<T>(props: SelectOptionProps<T>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"id\",\n    \"item\",\n    \"textValue\",\n  ]);\n\n  const context = useContext(SelectStateContext);\n  if (!context) {\n    throw new Error(\"SelectOption must be used within a Select\");\n  }\n  const state = context as SelectState<T>;\n  const selectContext = useContext(SelectContext) as SelectContextValue<T> | null;\n  const [ref, setRef] = createSignal<HTMLLIElement | null>(null);\n\n  const optionAria = createOption<T>(\n    {\n      key: local.id,\n      get isDisabled() {\n        return Boolean(ariaProps.isDisabled || selectContext?.isDisabled());\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"] ?? local.textValue;\n      },\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      get onHoverStart() {\n        return ariaProps.onHoverStart;\n      },\n      get onHoverEnd() {\n        return ariaProps.onHoverEnd;\n      },\n      get onHoverChange() {\n        return ariaProps.onHoverChange;\n      },\n    },\n    {\n      ...createSelectListStateAdapter(state),\n      select: (key: Key) => {\n        if (state.selectionMode() === \"multiple\") {\n          const keys = state.selectedKeys();\n          if (keys === \"all\") return;\n          state.setSelectedKeys(new Set([...keys, key]));\n          return;\n        }\n        state.setSelectedKey(key);\n        state.close();\n      },\n      toggleSelection: (key: Key) => {\n        if (state.selectionMode() === \"multiple\") {\n          const keys = state.selectedKeys();\n          if (keys === \"all\") return;\n          const next = new Set(keys);\n          if (next.has(key)) next.delete(key);\n          else next.add(key);\n          state.setSelectedKeys(next);\n          return;\n        }\n        state.setSelectedKey(key);\n        state.close();\n      },\n      replaceSelection: (key: Key) => {\n        state.setSelectedKey(key);\n        if (state.selectionMode() !== \"multiple\") {\n          state.close();\n        }\n      },\n    },\n    () => ref(),\n  );\n  const isOptionFocusVisible = () =>\n    optionAria.isFocused() && (selectContext?.isFocusVisible() ?? optionAria.isFocusVisible());\n\n  const renderValues = createMemo<SelectOptionRenderProps>(() => ({\n    isSelected: optionAria.isSelected(),\n    isFocused: optionAria.isFocused(),\n    isFocusVisible: isOptionFocusVisible(),\n    isPressed: optionAria.isPressed(),\n    isHovered: optionAria.isHovered(),\n    isDisabled: optionAria.isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-option\",\n    },\n    renderValues,\n  );\n  const hasPrimitiveLabel = () => {\n    return typeof props.children === \"string\" || typeof props.children === \"number\";\n  };\n\n  const selectionIndicatorContext = createMemo<SelectionIndicatorContextValue>(() => ({\n    isSelected: optionAria.isSelected,\n  }));\n\n  const cleanOptionProps = () => {\n    const {\n      ref: _ref1,\n      \"aria-describedby\": _ariaDescribedby,\n      ...rest\n    } = optionAria.optionProps as Record<string, unknown>;\n    if (!hasPrimitiveLabel() && rest[\"aria-label\"] == null) {\n      delete rest[\"aria-labelledby\"];\n    }\n    const onClick = rest.onClick as ((event: MouseEvent) => void) | undefined;\n    rest.onClick = ((event: MouseEvent) => {\n      const wasSelected = optionAria.isSelected();\n      onClick?.(event);\n      if (typeof PointerEvent === \"undefined\") {\n        return;\n      }\n      queueMicrotask(() => {\n        if (state.selectionMode() !== \"multiple\" || optionAria.isSelected() === wasSelected) {\n          selectOption();\n        }\n      });\n    }) as JSX.EventHandler<HTMLLIElement, MouseEvent>;\n    return rest;\n  };\n  const selectOption = () => {\n    if (optionAria.isDisabled()) {\n      return;\n    }\n    if (state.selectionMode() === \"multiple\") {\n      const keys = state.selectedKeys();\n      if (keys === \"all\") return;\n      const next = new Set(keys);\n      if (next.has(local.id)) next.delete(local.id);\n      else next.add(local.id);\n      state.setSelectedKeys(next);\n      return;\n    }\n    state.setSelectedKey(local.id);\n    state.close();\n  };\n\n  return (\n    <SelectionIndicatorContext.Provider value={selectionIndicatorContext()}>\n      <li\n        ref={setRef}\n        {...cleanOptionProps()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-selected={optionAria.isSelected() || undefined}\n        data-focused={optionAria.isFocused() || undefined}\n        data-focus-visible={isOptionFocusVisible() || undefined}\n        data-pressed={optionAria.isPressed() || undefined}\n        data-hovered={optionAria.isHovered() || undefined}\n        data-disabled={optionAria.isDisabled() || undefined}\n      >\n        {hasPrimitiveLabel() ? (\n          <span {...optionAria.labelProps}>{renderProps.renderChildren()}</span>\n        ) : (\n          renderProps.renderChildren()\n        )}\n      </li>\n    </SelectionIndicatorContext.Provider>\n  );\n}\n\nfunction isObjectRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\nfunction toKey(value: unknown): Key | undefined {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return value;\n  }\n  return undefined;\n}\n\nfunction toTextValue(value: unknown): string | undefined {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n  return undefined;\n}\n\nfunction createSelectListStateAdapter<T>(state: SelectState<T>): ListState<T> {\n  const selectedKeys = createMemo(() => {\n    const keys = state.selectedKeys();\n    return keys === \"all\" ? new Set(Array.from(state.collection()).map((item) => item.key)) : keys;\n  });\n\n  const disabledKeys = createMemo(() => {\n    const keys = new Set<Key>();\n    for (const node of state.collection()) {\n      if (node.isDisabled) keys.add(node.key);\n    }\n    return keys;\n  });\n\n  return {\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    // Collection-level focus (the selection manager's), not the select-level\n    // trigger focus — upstream listbox internals only ever read\n    // state.selectionManager.isFocused.\n    isFocused: () => state.selectionManager.isFocused,\n    setFocused: (isFocused) => state.selectionManager.setFocused(isFocused),\n    focusedKey: state.focusedKey,\n    setFocusedKey: (key) => state.setFocusedKey(key ?? null),\n    childFocusStrategy: () => null,\n    selectionMode: () => state.selectionMode(),\n    selectionBehavior: () => \"replace\",\n    disallowEmptySelection: () => true,\n    selectedKeys,\n    disabledKeys,\n    disabledBehavior: () => \"all\",\n    isEmpty: () => selectedKeys().size === 0,\n    isSelectAll: () => state.selectedKeys() === \"all\",\n    isSelected: (key) => selectedKeys().has(key),\n    isDisabled: state.isKeyDisabled,\n    setSelectionBehavior: () => {},\n    toggleSelection: (key) => {\n      if (state.selectionMode() !== \"multiple\") {\n        state.setSelectedKey(key);\n        return;\n      }\n      const keys = state.selectedKeys();\n      if (keys === \"all\") return;\n      const next = new Set(keys);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      state.setSelectedKeys(next);\n    },\n    replaceSelection: (key) => state.setSelectedKey(key),\n    setSelectedKeys: (keys) => state.setSelectedKeys(keys),\n    selectAll: () => {},\n    clearSelection: () =>\n      state.selectionMode() === \"multiple\" ? state.setSelectedKeys([]) : state.setSelectedKey(null),\n    toggleSelectAll: () => {},\n    extendSelection: (toKey) => state.setSelectedKey(toKey),\n    select: (key) =>\n      state.selectionMode() === \"multiple\"\n        ? state.setSelectedKeys([\n            ...(state.selectedKeys() === \"all\" ? [] : (state.selectedKeys() as Set<Key>)),\n            key,\n          ])\n        : state.setSelectedKey(key),\n  };\n}\n\nSelect.Trigger = SelectTrigger;\nSelect.Value = SelectValue;\nSelect.ListBox = SelectListBox;\nSelect.Option = SelectOption;\n"],"mappings":"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"}
+{"version":3,"file":"Select.jsx","names":["mergeProps"],"sources":["../src/Select.tsx"],"sourcesContent":["/**\n * Select component for solidaria-components\n *\n * A pre-wired headless select that combines state + aria hooks.\n * Port of react-aria-components/src/Select.tsx\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n  useContext,\n  For,\n  Show,\n  untrack,\n} from \"solid-js\";\nimport {\n  createSelect,\n  createHiddenSelect,\n  createListBox,\n  createOption,\n  createHover,\n  createInteractOutside,\n  FocusScope,\n  focusSafely,\n  mergeProps,\n  type AriaSelectProps,\n  type AriaListBoxProps,\n  type AriaOptionProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSelectState,\n  type ListState,\n  type SelectState,\n  type Key,\n  type CollectionNode,\n  DEFAULT_VALIDATION_RESULT,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport {\n  SelectionIndicatorContext,\n  type SelectionIndicatorContextValue,\n} from \"./SelectionIndicator\";\nimport { ListBoxLoadMoreItem } from \"./ListBox\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nfunction getNativeSelectValidation(select: HTMLSelectElement): ValidationResult {\n  return {\n    isInvalid: !select.validity.valid,\n    validationDetails: {\n      badInput: select.validity.badInput,\n      customError: select.validity.customError,\n      patternMismatch: select.validity.patternMismatch,\n      rangeOverflow: select.validity.rangeOverflow,\n      rangeUnderflow: select.validity.rangeUnderflow,\n      stepMismatch: select.validity.stepMismatch,\n      tooLong: select.validity.tooLong,\n      tooShort: select.validity.tooShort,\n      typeMismatch: select.validity.typeMismatch,\n      valueMissing: select.validity.valueMissing,\n      valid: select.validity.valid,\n    },\n    validationErrors: select.validationMessage ? [select.validationMessage] : [],\n  };\n}\n\nexport interface SelectRenderProps {\n  /** Whether the select is open. */\n  isOpen: boolean;\n  /** Whether the select is focused. */\n  isFocused: boolean;\n  /** Whether the select has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the select is disabled. */\n  isDisabled: boolean;\n  /** Whether the select is required. */\n  isRequired: boolean;\n  /** Whether a value is selected. */\n  isSelected: boolean;\n}\n\nexport interface SelectProps<T> extends Omit<AriaSelectProps, \"children\">, SlotProps {\n  /** The items to render in the select. */\n  items: T[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => Key;\n  /** Function to get the text value from an item. */\n  getTextValue?: (item: T) => string;\n  /** Function to check if an item is disabled. */\n  getDisabled?: (item: T) => boolean;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Selection mode. */\n  selectionMode?: \"single\" | \"multiple\";\n  /** The currently selected key (controlled). */\n  selectedKey?: Key | null;\n  /** The default selected key (uncontrolled). */\n  defaultSelectedKey?: Key | null;\n  /** Currently selected keys (controlled, for multiple selection). */\n  selectedKeys?: \"all\" | Iterable<Key>;\n  /** Default selected keys (uncontrolled, for multiple selection). */\n  defaultSelectedKeys?: \"all\" | Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Handler called when selected keys change. */\n  onSelectionChangeKeys?: (keys: \"all\" | Set<Key>) => void;\n  /** Whether the select is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the select is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler called when the open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Placeholder text when no option is selected. */\n  placeholder?: string;\n  /** The name of the select, used when submitting an HTML form. */\n  name?: string;\n  /** The children of the component (compound components: SelectTrigger, SelectListBox). */\n  children: RenderChildren<SelectRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectRenderProps>;\n  /** Custom renderer for the outer select element. */\n  render?: (\n    props: JSX.HTMLAttributes<HTMLDivElement>,\n    renderProps: SelectRenderProps,\n  ) => JSX.Element;\n  /** Ref for the outer select element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface SelectValueRenderProps<T> {\n  /** The selected item. */\n  selectedItem: CollectionNode<T> | null;\n  /** The selected items. */\n  selectedItems: CollectionNode<T>[];\n  /** The text value of the selected item. */\n  selectedText: string | null;\n  /** Whether a value is selected. */\n  isSelected: boolean;\n  /** The placeholder text. */\n  placeholder: string | undefined;\n}\n\nexport interface SelectValueProps<T> extends SlotProps {\n  /** The children of the value. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectValueRenderProps<T>>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectValueRenderProps<T>>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectValueRenderProps<T>>;\n  /** Placeholder text when no option is selected. Overrides the placeholder from Select. */\n  placeholder?: string;\n}\n\nexport interface SelectTriggerRenderProps {\n  /** Whether the select is open. */\n  isOpen: boolean;\n  /** Whether the trigger is focused. */\n  isFocused: boolean;\n  /** Whether the trigger has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the trigger is hovered. */\n  isHovered: boolean;\n  /** Whether the trigger is pressed. */\n  isPressed: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SelectTriggerProps extends SlotProps {\n  /** A ref callback/object for the underlying trigger button element. */\n  ref?: RefLike<HTMLButtonElement>;\n  /** The children of the trigger. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectTriggerRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectTriggerRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectTriggerRenderProps>;\n}\n\nexport interface SelectListBoxRenderProps {\n  /** Whether the listbox is focused. */\n  isFocused: boolean;\n}\n\nexport interface SelectListBoxProps<T> extends SlotProps {\n  /** The children of the listbox. A function may be provided to render each item. */\n  children?: (item: T) => JSX.Element;\n  /** Content to display when the listbox has no items. */\n  renderEmptyState?: () => JSX.Element;\n  /** Called when the load more sentinel becomes visible. */\n  onLoadMore?: () => void | Promise<void>;\n  /** Whether additional items are currently loading. */\n  isLoading?: boolean;\n  /** Content to display in the load more sentinel row. */\n  renderLoadMore?: () => JSX.Element | undefined;\n  /** CSS class for the load more sentinel row. */\n  loadMoreClass?: ClassNameOrFunction<{ isLoading: boolean }>;\n  /** Whether the listbox is rendered inside an overlay popover. */\n  isInPopover?: boolean;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectListBoxRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectListBoxRenderProps>;\n}\n\nexport interface SelectOptionRenderProps {\n  /** Whether the option is selected. */\n  isSelected: boolean;\n  /** Whether the option is focused. */\n  isFocused: boolean;\n  /** Whether the option has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the option is pressed. */\n  isPressed: boolean;\n  /** Whether the option is hovered. */\n  isHovered: boolean;\n  /** Whether the option is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SelectOptionProps<T> extends Omit<AriaOptionProps, \"children\" | \"key\">, SlotProps {\n  /** A ref callback/object for the underlying option element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** The unique key for the option. */\n  id: Key;\n  /** The item value. */\n  item?: T;\n  /** The children of the option. A function may be provided to receive render props. */\n  children?: RenderChildren<SelectOptionRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SelectOptionRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SelectOptionRenderProps>;\n  /** The text value of the option (for typeahead). */\n  textValue?: string;\n}\n\ninterface SelectContextValue<T> {\n  state: SelectState<T>;\n  rootRef: Accessor<HTMLElement | null>;\n  triggerRef: Accessor<HTMLElement | null>;\n  setTriggerRef: (el: HTMLElement | null) => void;\n  triggerProps: JSX.HTMLAttributes<HTMLElement>;\n  valueProps: JSX.HTMLAttributes<HTMLElement>;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  validation?: ValidationResult;\n  isOpen: Accessor<boolean>;\n  isFocused: Accessor<boolean>;\n  isFocusVisible: Accessor<boolean>;\n  isPressed: Accessor<boolean>;\n  isDisabled: Accessor<boolean>;\n  placeholder?: string;\n  items: T[];\n  renderItem?: (item: T) => JSX.Element;\n  slots?: Record<string, Partial<SelectProps<T>>>;\n  autoFocus?: boolean;\n}\n\nexport const SelectContext = createContext<SelectContextValue<unknown> | null>(null);\nexport const SelectStateContext = createContext<SelectState<unknown> | null>(null);\nexport const SelectValueContext = SelectContext;\n\nconst selectRootLabelProps = new Set([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-describedby\",\n  \"aria-details\",\n]);\n\n/**\n * A select displays a collapsible list of options and allows a user to select one of them.\n */\nexport function Select<T>(props: SelectProps<T>): JSX.Element {\n  const parentContext = useContext(SelectContext) as SelectContextValue<T> | null;\n  const contextSlotProps = parentContext?.slots?.[props.slot ?? \"default\"] as\n    | Partial<SelectProps<T>>\n    | undefined;\n  const mergedSelectProps = (\n    contextSlotProps ? mergeProps(contextSlotProps, props) : props\n  ) as SelectProps<T>;\n  const [local, stateProps, ariaProps] = splitProps(\n    mergedSelectProps,\n    [\"class\", \"style\", \"render\", \"ref\", \"slot\", \"children\"],\n    [\n      \"items\",\n      \"getKey\",\n      \"getTextValue\",\n      \"getDisabled\",\n      \"disabledKeys\",\n      \"selectionMode\",\n      \"selectedKey\",\n      \"defaultSelectedKey\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onSelectionChangeKeys\",\n      \"isOpen\",\n      \"defaultOpen\",\n      \"onOpenChange\",\n      \"name\",\n    ],\n  );\n  let rootRef: HTMLDivElement | undefined;\n  const [selectValidation, setSelectValidation] =\n    createSignal<ValidationResult>(DEFAULT_VALIDATION_RESULT);\n  const errorMessageId = createUniqueId();\n\n  const resolveDisabled = (): boolean => {\n    const disabled = ariaProps.isDisabled;\n    if (typeof disabled === \"function\") {\n      return (disabled as () => boolean)();\n    }\n    return !!disabled;\n  };\n\n  const state = createSelectState<T>({\n    get items() {\n      return stateProps.items;\n    },\n    get getKey() {\n      return stateProps.getKey;\n    },\n    get getTextValue() {\n      return stateProps.getTextValue;\n    },\n    get getDisabled() {\n      return stateProps.getDisabled;\n    },\n    get disabledKeys() {\n      return stateProps.disabledKeys;\n    },\n    get selectionMode() {\n      return stateProps.selectionMode;\n    },\n    get selectedKey() {\n      return stateProps.selectedKey;\n    },\n    get defaultSelectedKey() {\n      return stateProps.defaultSelectedKey;\n    },\n    get selectedKeys() {\n      return stateProps.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return stateProps.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return stateProps.onSelectionChange;\n    },\n    get onSelectionChangeKeys() {\n      return stateProps.onSelectionChangeKeys;\n    },\n    get isOpen() {\n      return stateProps.isOpen;\n    },\n    get defaultOpen() {\n      return stateProps.defaultOpen;\n    },\n    get onOpenChange() {\n      return stateProps.onOpenChange;\n    },\n    get isDisabled() {\n      return resolveDisabled();\n    },\n    get isRequired() {\n      return ariaProps.isRequired;\n    },\n  });\n\n  const selectAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const {\n    labelProps,\n    triggerProps,\n    valueProps,\n    menuProps,\n    isFocused,\n    isFocusVisible,\n    isOpen,\n    isPressed,\n  } = createSelect<T>(selectAriaProps, state);\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return resolveDisabled();\n    },\n  });\n\n  const renderValues = createMemo<SelectRenderProps>(() => ({\n    isOpen: isOpen(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: resolveDisabled(),\n    isRequired: !!ariaProps.isRequired,\n    isSelected:\n      state.selectionMode() === \"multiple\"\n        ? state.selectedKeys() === \"all\" || (state.selectedKeys() as Set<Key>).size > 0\n        : state.selectedKey() != null,\n  }));\n  const childRenderValues: SelectRenderProps = {\n    get isOpen() {\n      return isOpen();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return resolveDisabled();\n    },\n    get isRequired() {\n      return !!ariaProps.isRequired;\n    },\n    get isSelected() {\n      return hasSelection();\n    },\n  };\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps as Record<string, unknown>, { global: true });\n    for (const key of selectRootLabelProps) {\n      delete filtered[key];\n    }\n    return filtered;\n  });\n\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const setRootRef = (el: HTMLDivElement) => {\n    rootRef = el;\n    assignRef(local.ref, el);\n  };\n  const validation = createMemo<ValidationResult>(() => {\n    const current = selectValidation();\n    if (current.isInvalid || !ariaProps.isInvalid) {\n      return current;\n    }\n\n    return {\n      ...DEFAULT_VALIDATION_RESULT,\n      isInvalid: true,\n    };\n  });\n  const isInvalid = createMemo(() => validation().isInvalid);\n  const triggerDescribedBy = () => {\n    const ids = [\n      (triggerProps as { \"aria-describedby\"?: string })[\"aria-describedby\"],\n      isInvalid() ? errorMessageId : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n  const triggerPropsWithValidation = () =>\n    ({\n      ...triggerProps,\n      \"aria-describedby\": triggerDescribedBy(),\n    }) as JSX.HTMLAttributes<HTMLElement>;\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return validation();\n    },\n    get errorMessageProps() {\n      return { id: errorMessageId };\n    },\n  };\n  const focusTrigger = () => {\n    triggerRef?.focus();\n  };\n  const hasSelection = () =>\n    state.selectionMode() === \"multiple\"\n      ? state.selectedKeys() === \"all\" || (state.selectedKeys() as Set<Key>).size > 0\n      : state.selectedKey() != null;\n  const hasNativeValidation = () => (ariaProps.validationBehavior ?? \"native\") === \"native\";\n  const getSelectValidation = (select: HTMLSelectElement): ValidationResult => {\n    if (ariaProps.isRequired && !hasSelection()) {\n      return {\n        isInvalid: true,\n        validationDetails: {\n          badInput: false,\n          customError: false,\n          patternMismatch: false,\n          rangeOverflow: false,\n          rangeUnderflow: false,\n          stepMismatch: false,\n          tooLong: false,\n          tooShort: false,\n          typeMismatch: false,\n          valueMissing: true,\n          valid: false,\n        },\n        validationErrors: [select.validationMessage || \"Constraints not satisfied\"],\n      };\n    }\n    return getNativeSelectValidation(select);\n  };\n\n  const { containerProps, selectProps: hiddenSelectProps } = createHiddenSelect({\n    state,\n    name: stateProps.name,\n    form: ariaProps.form,\n    isRequired: ariaProps.isRequired,\n    validationBehavior: ariaProps.validationBehavior ?? \"native\",\n    get isDisabled() {\n      return resolveDisabled();\n    },\n  });\n  const handleHiddenSelectInvalid: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    setSelectValidation(getSelectValidation(event.currentTarget));\n    focusTrigger();\n    event.preventDefault();\n  };\n  const handleHiddenSelectChange: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    (hiddenSelectProps as { onChange?: JSX.EventHandler<HTMLSelectElement, Event> }).onChange?.(\n      event,\n    );\n    setSelectValidation(\n      hasSelection() && event.currentTarget.validity.valid\n        ? DEFAULT_VALIDATION_RESULT\n        : getSelectValidation(event.currentTarget),\n    );\n  };\n  createEffect(() => {\n    if (hasSelection() && selectValidation().isInvalid) {\n      setSelectValidation(DEFAULT_VALIDATION_RESULT);\n    }\n  });\n  let triggerRef: HTMLElement | null = null;\n  const setTriggerRef = (el: HTMLElement | null) => {\n    triggerRef = el;\n  };\n\n  const RootChildren = () => {\n    const selectChildren = untrack(() =>\n      typeof local.children === \"function\"\n        ? (local.children as (values: SelectRenderProps) => JSX.Element)(childRenderValues)\n        : local.children,\n    );\n\n    return (\n      <>\n        <Show when={ariaProps.label}>\n          <span {...cleanLabelProps()}>{ariaProps.label as JSX.Element}</span>\n        </Show>\n        {selectChildren}\n        {/*\n          The HiddenSelect (native `<select>` for form autofill/submission) renders\n          AFTER the trigger button, mirroring upstream RAC `Select` which emits\n          `{renderProps.children}` then `<HiddenSelect>` (Select.tsx:288-289). Order\n          matters for the DOM tab/focus trail: the visible button must precede the\n          form-only hidden control.\n        */}\n        <div {...containerProps}>\n          <select\n            {...hiddenSelectProps}\n            name={hasSelection() ? undefined : stateProps.name}\n            required={\n              (hasNativeValidation() && ariaProps.isRequired && !hasSelection()) || undefined\n            }\n            onInvalid={handleHiddenSelectInvalid}\n            onChange={handleHiddenSelectChange}\n          >\n            <Show when={state.selectionMode() !== \"multiple\"}>\n              <option selected={state.selectedKey() == null} />\n            </Show>\n            <For each={stateProps.items}>\n              {(item) => {\n                const itemRecord = isObjectRecord(item) ? item : null;\n                const fallbackKey =\n                  itemRecord != null ? (toKey(itemRecord.key) ?? toKey(itemRecord.id)) : undefined;\n                const key = stateProps.getKey?.(item) ?? fallbackKey ?? String(item);\n                // This hidden <select> re-derives each option's label straight\n                // from the raw items array, bypassing the collection's textValue.\n                // Mirror createListState's derivation: read the conventional\n                // display fields (textValue/label/name/title) and, for an object\n                // item with none of them, fall back to the key rather than\n                // String(item) — which would render the useless \"[object Object]\".\n                const fallbackTextValue =\n                  itemRecord != null\n                    ? (toTextValue(itemRecord.textValue) ??\n                      toTextValue(itemRecord.label) ??\n                      toTextValue(itemRecord.name) ??\n                      toTextValue(itemRecord.title))\n                    : undefined;\n                const textValue =\n                  stateProps.getTextValue?.(item) ??\n                  fallbackTextValue ??\n                  (itemRecord != null ? String(key) : String(item));\n                const selectedKeys = state.selectedKeys();\n                const isSelected =\n                  state.selectionMode() === \"multiple\"\n                    ? selectedKeys === \"all\"\n                      ? true\n                      : (selectedKeys as Set<Key>).has(key)\n                    : key === state.selectedKey();\n                return (\n                  <option value={String(key)} selected={isSelected}>\n                    {textValue}\n                  </option>\n                );\n              }}\n            </For>\n          </select>\n          <Show when={state.selectionMode() === \"multiple\" && stateProps.name}>\n            <For\n              each={\n                state.selectedKeys() === \"all\"\n                  ? Array.from(state.collection()).map((item) => item.key)\n                  : Array.from(state.selectedKeys() as Set<Key>)\n              }\n            >\n              {(key) => (\n                <input\n                  type=\"hidden\"\n                  name={stateProps.name}\n                  form={ariaProps.form}\n                  value={String(key)}\n                  disabled={resolveDisabled()}\n                />\n              )}\n            </For>\n          </Show>\n          <Show\n            when={\n              state.selectionMode() !== \"multiple\" && stateProps.name && state.selectedKey() != null\n            }\n          >\n            <input\n              type=\"hidden\"\n              name={stateProps.name}\n              form={ariaProps.form}\n              value={String(state.selectedKey())}\n              disabled={resolveDisabled()}\n            />\n          </Show>\n        </div>\n      </>\n    );\n  };\n  const baseRootProps = () =>\n    ({\n      ...domProps(),\n      ...cleanHoverProps(),\n      ref: setRootRef,\n      class: renderProps.class(),\n      style: renderProps.style(),\n      slot: local.slot,\n      \"data-open\": isOpen() || undefined,\n      \"data-disabled\": resolveDisabled() || undefined,\n      \"data-required\": ariaProps.isRequired || undefined,\n      \"data-invalid\": isInvalid() || undefined,\n      \"data-hovered\": isHovered() || undefined,\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n  const RootContent = () => {\n    const renderedRootChildren = <RootChildren />;\n    const rootProps = () =>\n      ({\n        ...baseRootProps(),\n        children: renderedRootChildren,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n\n    return local.render ? (\n      local.render(rootProps(), renderValues())\n    ) : (\n      <div {...baseRootProps()}>{renderedRootChildren}</div>\n    );\n  };\n\n  return (\n    <SelectContext.Provider\n      value={\n        {\n          state,\n          rootRef: () => rootRef ?? null,\n          triggerRef: () => triggerRef,\n          setTriggerRef,\n          get triggerProps() {\n            return triggerPropsWithValidation();\n          },\n          valueProps,\n          labelProps,\n          menuProps,\n          get errorMessageProps() {\n            return { id: errorMessageId };\n          },\n          get validation() {\n            return validation();\n          },\n          isOpen,\n          isFocused,\n          isFocusVisible,\n          isPressed,\n          isDisabled: resolveDisabled,\n          placeholder: ariaProps.placeholder,\n          items: stateProps.items,\n          autoFocus: !!ariaProps.autoFocus,\n        } as SelectContextValue<unknown>\n      }\n    >\n      <SelectStateContext.Provider value={state}>\n        <FieldErrorContext.Provider value={fieldErrorContext}>\n          <RootContent />\n        </FieldErrorContext.Provider>\n      </SelectStateContext.Provider>\n    </SelectContext.Provider>\n  );\n}\n\n/**\n * The trigger button for a select.\n */\nexport function SelectTrigger(props: SelectTriggerProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\", \"ref\"]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectTrigger must be used within a Select\");\n  }\n  const { isOpen, isFocused, isFocusVisible, isPressed, state } = context;\n  let triggerRef: HTMLButtonElement | undefined;\n  const setTriggerRef = (el: HTMLButtonElement) => {\n    triggerRef = el;\n    context.setTriggerRef(el);\n    assignRef(local.ref, el);\n  };\n\n  createEffect(() => {\n    if (context.autoFocus) {\n      triggerRef?.focus();\n    }\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SelectTriggerRenderProps>(() => ({\n    isOpen: isOpen(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isPressed: isPressed(),\n    isDisabled: state.isDisabled,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-trigger\",\n    },\n    renderValues,\n  );\n\n  const cleanTriggerProps = () => {\n    const { ref: _ref1, ...rest } = context.triggerProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const triggerAriaProps = () => context.triggerProps as Record<string, unknown>;\n  const menuAriaProps = () => context.menuProps as Record<string, unknown>;\n  return (\n    <button\n      ref={setTriggerRef}\n      {...domProps}\n      {...cleanTriggerProps()}\n      {...cleanHoverProps()}\n      type=\"button\"\n      id={triggerAriaProps().id as string | undefined}\n      tabIndex={state.isDisabled ? undefined : 0}\n      aria-label={triggerAriaProps()[\"aria-label\"] as string | undefined}\n      aria-labelledby={triggerAriaProps()[\"aria-labelledby\"] as string | undefined}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isOpen()}\n      aria-controls={isOpen() ? (menuAriaProps().id as string | undefined) : undefined}\n      aria-disabled={state.isDisabled || undefined}\n      aria-required={triggerAriaProps()[\"aria-required\"] as boolean | undefined}\n      aria-describedby={triggerAriaProps()[\"aria-describedby\"] as string | undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-open={isOpen() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </button>\n  );\n}\n\n// Default children function for SelectValue - defined at module level for SSR stability\nfunction defaultSelectValueChildren<T>(values: SelectValueRenderProps<T>) {\n  return values.selectedText ?? values.placeholder ?? \"\";\n}\n\n/**\n * Displays the selected value in a select.\n */\nexport function SelectValue<T>(props: SelectValueProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"placeholder\",\n    \"children\",\n  ]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectValue must be used within a Select\");\n  }\n  const { valueProps, placeholder: contextPlaceholder } = context;\n  const state = context.state as SelectState<T>;\n\n  const placeholder = () => local.placeholder ?? contextPlaceholder;\n\n  const renderValues = createMemo<SelectValueRenderProps<T>>(() => {\n    const collection = state.collection();\n    const selectedItem =\n      state.selectedKey() == null ? null : collection.getItem(state.selectedKey() as Key);\n    const selectedKeys = state.selectedKeys();\n    const selectedItems =\n      selectedKeys === \"all\"\n        ? Array.from(collection)\n        : Array.from(selectedKeys as Set<Key>)\n            .map((key) => collection.getItem(key))\n            .filter((item): item is CollectionNode<T> => item != null);\n    const selectedText =\n      state.selectionMode() === \"multiple\"\n        ? selectedItems.length > 0\n          ? new Intl.ListFormat(undefined, { style: \"long\", type: \"conjunction\" }).format(\n              selectedItems.map((item) => item.textValue),\n            )\n          : null\n        : (selectedItem?.textValue ?? null);\n    return {\n      selectedItem,\n      selectedItems,\n      selectedText,\n      isSelected:\n        state.selectionMode() === \"multiple\" ? selectedItems.length > 0 : selectedItem != null,\n      placeholder: placeholder(),\n    };\n  });\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children ?? defaultSelectValueChildren;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-value\",\n    },\n    renderValues,\n  );\n\n  return (\n    <span\n      {...domProps}\n      {...valueProps}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-placeholder={!renderValues().isSelected || undefined}\n    >\n      {props.children == null\n        ? (renderValues().selectedText ?? renderValues().placeholder ?? \"\")\n        : renderProps.renderChildren()}\n    </span>\n  );\n}\n\n/**\n * The listbox popup for a select.\n */\nexport function SelectListBox<T>(props: SelectListBoxProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"renderEmptyState\",\n    \"onLoadMore\",\n    \"isLoading\",\n    \"renderLoadMore\",\n    \"loadMoreClass\",\n    \"isInPopover\",\n  ]);\n\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"SelectListBox must be used within a Select\");\n  }\n  const { menuProps, rootRef, state: selectState, isOpen } = context;\n  const state = selectState as SelectState<T>;\n\n  createEffect(() => {\n    if (!isOpen()) {\n      return;\n    }\n    // On open the listbox takes collection focus. Upstream `useSelect` sets\n    // `menuProps.autoFocus = state.focusStrategy || true`, so the ListBox's\n    // `useSelectableCollection` auto-focuses on mount — setting the selection\n    // manager's `isFocused` true and focusing the selected option. Our\n    // `createListBox` reimplements keyboard nav inline (no `autoFocus` effect),\n    // so we set the manager focus here to match. Without it the selected option\n    // never paints its focus-visible background (`data-focused` stays unset).\n    state.selectionManager.setFocused(true);\n    if (state.focusedKey() != null) {\n      return;\n    }\n    const selectedKey = state.selectedKey();\n    if (selectedKey != null && !state.collection().getItem(selectedKey)?.isDisabled) {\n      state.setFocusedKey(selectedKey);\n    }\n  });\n\n  let listBoxRef: HTMLDivElement | undefined;\n\n  createInteractOutside({\n    ref: () => rootRef() ?? listBoxRef ?? null,\n    onInteractOutside: () => {\n      if (isOpen()) {\n        state.close();\n      }\n    },\n    get isDisabled() {\n      return !isOpen() || local.isInPopover === true;\n    },\n  });\n\n  // Keep the hook result intact — destructuring `{ listBoxProps }` invokes the\n  // `get listBoxProps()` getter ONCE and freezes it (the Solid \"destructuring a\n  // get-prop freezes reactivity\" gotcha). The listbox `tabIndex` is computed from\n  // `focusedKey` (`focusedKey != null ? -1 : 0`); on open the effect above sets a\n  // focused key, so a frozen snapshot would leave the listbox tabbable (`0`) when\n  // upstream flips it to `-1`. Reading `listBoxHook.listBoxProps` per access keeps\n  // it reactive.\n  const listBoxHook = createListBox(\n    {\n      ...(menuProps as unknown as AriaListBoxProps),\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      shouldSelectOnFocus: local.isInPopover === true ? false : undefined,\n      get isDisabled() {\n        return state.isDisabled;\n      },\n    },\n    createSelectListStateAdapter(state),\n  );\n\n  const renderValues = createMemo<SelectListBoxRenderProps>(() => ({\n    // Focus within the listbox itself (the selection manager's focus state),\n    // not the select-level trigger focus.\n    isFocused: state.selectionManager.isFocused,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-listbox\",\n    },\n    renderValues,\n  );\n\n  const cleanMenuProps = () => {\n    const { ref: _ref1, ...rest } = menuProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanListBoxProps = () => {\n    const {\n      ref: _ref2,\n      \"aria-activedescendant\": _activeDescendant,\n      onFocus: _onFocus,\n      ...rest\n    } = listBoxHook.listBoxProps as Record<string, unknown>;\n    // Faithful Select listbox focus model: the focused option receives REAL DOM\n    // focus (the open effect above + `createSelectableItem`'s self-focus move\n    // `document.activeElement` onto it), mirroring upstream `useSelect`. So the\n    // listbox must (a) leave the tab sequence once an option is focused —\n    // `useSelectableCollection` uses `tabIndex = focusedKey == null ? 0 : -1`\n    // (useSelectableCollection.ts:687-690) — and (b) NOT expose\n    // `aria-activedescendant`, which is the virtual-focus channel upstream Select\n    // never uses. These are overridden here, not in the shared `createListBox`,\n    // because the standalone `ListBox` keeps its container-focus model (focus\n    // stays on the listbox, `aria-activedescendant` is its AT channel).\n    //\n    // We also drop `createListBox`'s container-focus TRAMPOLINE (`onFocus`): it\n    // marshals the first key when the container is focused with `focusedKey ==\n    // null`, which is exactly Select's deliberate click-open state (the open\n    // effect sets `isFocused` true but leaves `focusedKey` null when nothing is\n    // selected, so the first arrow enters the first item). Upstream's own\n    // trampoline no-ops in this case because it guards on `manager.isFocused`\n    // (already true); our shared guard uses `focusedKey == null` for the\n    // standalone ListBox, so we strip it here to preserve Select's faithful\n    // model. (Auto-selecting on focus under replace behavior would also toggle\n    // the first item selected on open — the bug this override prevents.)\n    return {\n      ...rest,\n      tabIndex: state.isDisabled ? undefined : state.focusedKey() != null ? -1 : 0,\n    };\n  };\n\n  const items = () => Array.from(state.collection());\n  createEffect(() => {\n    if (!isOpen()) return;\n    const focusedKey = state.focusedKey();\n    if (focusedKey == null) return;\n\n    queueMicrotask(() => {\n      const option = Array.from(\n        listBoxRef?.querySelectorAll<HTMLElement>(\"[role='option']\") ?? [],\n      ).find((element) => element.id === String(focusedKey));\n      if (option && document.activeElement !== option) {\n        focusSafely(option);\n      }\n    });\n  });\n\n  const listBox = () => (\n    // Upstream RAC ListBox (and our own Menu.tsx) render a `<div role=\"listbox\">`\n    // over `<div role=\"option\">` rows, NOT `<ul>`/`<li>` — the collection is\n    // div-based for virtualization parity. `<ul>`/`<li>` here was a self-inflicted\n    // structural divergence surfaced by the Picker recertification (D5/D6/D8 saw\n    // `li[option]`/`ul[listbox]` where the React oracle sees `div`).\n    <div\n      ref={(el) => (listBoxRef = el)}\n      {...domProps}\n      {...cleanMenuProps()}\n      {...cleanListBoxProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={state.selectionManager.isFocused || undefined}\n      data-empty={state.collection().size === 0 || undefined}\n    >\n      {state.collection().size === 0 && local.renderEmptyState ? (\n        <div role=\"option\" style={{ display: \"contents\" }} data-empty-state>\n          {local.renderEmptyState()}\n        </div>\n      ) : (\n        <Show\n          when={local.children}\n          fallback={\n            <For each={items()}>\n              {(node) => <SelectOption id={node.key}>{node.textValue}</SelectOption>}\n            </For>\n          }\n        >\n          <For each={items()}>\n            {(node) => (node.value != null ? local.children!(node.value) : null)}\n          </For>\n        </Show>\n      )}\n      <Show when={local.onLoadMore}>\n        <ListBoxLoadMoreItem\n          onLoadMore={local.onLoadMore!}\n          isLoading={local.isLoading}\n          class={local.loadMoreClass}\n        >\n          {local.renderLoadMore?.()}\n        </ListBoxLoadMoreItem>\n      </Show>\n    </div>\n  );\n\n  return (\n    <Show when={isOpen()}>\n      <Show\n        when={local.isInPopover}\n        fallback={\n          <FocusScope restoreFocus autoFocus>\n            {listBox()}\n          </FocusScope>\n        }\n      >\n        {listBox()}\n      </Show>\n    </Show>\n  );\n}\n\n/**\n * An option in a select listbox.\n */\nexport function SelectOption<T>(props: SelectOptionProps<T>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"id\",\n    \"item\",\n    \"textValue\",\n    \"ref\",\n  ]);\n\n  const context = useContext(SelectStateContext);\n  if (!context) {\n    throw new Error(\"SelectOption must be used within a Select\");\n  }\n  const state = context as SelectState<T>;\n  const selectContext = useContext(SelectContext) as SelectContextValue<T> | null;\n  const [ref, setRefSignal] = createSignal<HTMLDivElement | null>(null);\n  const setRef = (el: HTMLDivElement | null) => {\n    setRefSignal(el);\n    assignRef(local.ref, el as HTMLDivElement);\n  };\n\n  const optionAria = createOption<T>(\n    {\n      key: local.id,\n      get isDisabled() {\n        return Boolean(ariaProps.isDisabled || selectContext?.isDisabled());\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"] ?? local.textValue;\n      },\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      get onHoverStart() {\n        return ariaProps.onHoverStart;\n      },\n      get onHoverEnd() {\n        return ariaProps.onHoverEnd;\n      },\n      get onHoverChange() {\n        return ariaProps.onHoverChange;\n      },\n    },\n    {\n      ...createSelectListStateAdapter(state),\n      select: (key: Key) => {\n        if (state.selectionMode() === \"multiple\") {\n          const keys = state.selectedKeys();\n          if (keys === \"all\") return;\n          state.setSelectedKeys(new Set([...keys, key]));\n          return;\n        }\n        state.setSelectedKey(key);\n        state.close();\n      },\n      toggleSelection: (key: Key) => {\n        if (state.selectionMode() === \"multiple\") {\n          const keys = state.selectedKeys();\n          if (keys === \"all\") return;\n          const next = new Set(keys);\n          if (next.has(key)) next.delete(key);\n          else next.add(key);\n          state.setSelectedKeys(next);\n          return;\n        }\n        state.setSelectedKey(key);\n        state.close();\n      },\n      replaceSelection: (key: Key) => {\n        state.setSelectedKey(key);\n        if (state.selectionMode() !== \"multiple\") {\n          state.close();\n        }\n      },\n    },\n    () => ref(),\n  );\n  const isOptionFocusVisible = () =>\n    optionAria.isFocused() && (selectContext?.isFocusVisible() ?? optionAria.isFocusVisible());\n\n  const renderValues = createMemo<SelectOptionRenderProps>(() => ({\n    isSelected: optionAria.isSelected(),\n    isFocused: optionAria.isFocused(),\n    isFocusVisible: isOptionFocusVisible(),\n    isPressed: optionAria.isPressed(),\n    isHovered: optionAria.isHovered(),\n    isDisabled: optionAria.isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Select-option\",\n    },\n    renderValues,\n  );\n  const hasPrimitiveLabel = () => {\n    return typeof props.children === \"string\" || typeof props.children === \"number\";\n  };\n\n  const selectionIndicatorContext = createMemo<SelectionIndicatorContextValue>(() => ({\n    isSelected: optionAria.isSelected,\n  }));\n\n  const cleanOptionProps = () => {\n    const {\n      ref: _ref1,\n      \"aria-describedby\": _ariaDescribedby,\n      ...rest\n    } = optionAria.optionProps as Record<string, unknown>;\n    if (!hasPrimitiveLabel() && rest[\"aria-label\"] == null) {\n      delete rest[\"aria-labelledby\"];\n    }\n    const onClick = rest.onClick as ((event: MouseEvent) => void) | undefined;\n    rest.onClick = ((event: MouseEvent) => {\n      const wasSelected = optionAria.isSelected();\n      onClick?.(event);\n      if (typeof PointerEvent === \"undefined\") {\n        return;\n      }\n      queueMicrotask(() => {\n        if (state.selectionMode() !== \"multiple\" || optionAria.isSelected() === wasSelected) {\n          selectOption();\n        }\n      });\n    }) as JSX.EventHandler<HTMLDivElement, MouseEvent>;\n    return rest;\n  };\n  const selectOption = () => {\n    if (optionAria.isDisabled()) {\n      return;\n    }\n    if (state.selectionMode() === \"multiple\") {\n      const keys = state.selectedKeys();\n      if (keys === \"all\") return;\n      const next = new Set(keys);\n      if (next.has(local.id)) next.delete(local.id);\n      else next.add(local.id);\n      state.setSelectedKeys(next);\n      return;\n    }\n    state.setSelectedKey(local.id);\n    state.close();\n  };\n\n  return (\n    <SelectionIndicatorContext.Provider value={selectionIndicatorContext()}>\n      {/* `<div role=\"option\">`, not `<li>` — see the SelectListBox note; upstream\n          RAC options are div-based. */}\n      <div\n        ref={setRef}\n        {...cleanOptionProps()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-selected={optionAria.isSelected() || undefined}\n        data-focused={optionAria.isFocused() || undefined}\n        data-focus-visible={isOptionFocusVisible() || undefined}\n        data-pressed={optionAria.isPressed() || undefined}\n        data-hovered={optionAria.isHovered() || undefined}\n        data-disabled={optionAria.isDisabled() || undefined}\n      >\n        {hasPrimitiveLabel() ? (\n          <span {...optionAria.labelProps}>{renderProps.renderChildren()}</span>\n        ) : (\n          renderProps.renderChildren()\n        )}\n      </div>\n    </SelectionIndicatorContext.Provider>\n  );\n}\n\nfunction isObjectRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\nfunction toKey(value: unknown): Key | undefined {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return value;\n  }\n  return undefined;\n}\n\nfunction toTextValue(value: unknown): string | undefined {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n  return undefined;\n}\n\nfunction createSelectListStateAdapter<T>(state: SelectState<T>): ListState<T> {\n  const selectedKeys = createMemo(() => {\n    const keys = state.selectedKeys();\n    return keys === \"all\" ? new Set(Array.from(state.collection()).map((item) => item.key)) : keys;\n  });\n\n  const disabledKeys = createMemo(() => {\n    const keys = new Set<Key>();\n    for (const node of state.collection()) {\n      if (node.isDisabled) keys.add(node.key);\n    }\n    return keys;\n  });\n\n  return {\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    // Collection-level focus (the selection manager's), not the select-level\n    // trigger focus — upstream listbox internals only ever read\n    // state.selectionManager.isFocused.\n    isFocused: () => state.selectionManager.isFocused,\n    setFocused: (isFocused) => state.selectionManager.setFocused(isFocused),\n    focusedKey: state.focusedKey,\n    setFocusedKey: (key) => state.setFocusedKey(key ?? null),\n    childFocusStrategy: () => null,\n    selectionMode: () => state.selectionMode(),\n    selectionBehavior: () => \"replace\",\n    disallowEmptySelection: () => true,\n    selectedKeys,\n    disabledKeys,\n    disabledBehavior: () => \"all\",\n    isEmpty: () => selectedKeys().size === 0,\n    isSelectAll: () => state.selectedKeys() === \"all\",\n    isSelected: (key) => selectedKeys().has(key),\n    isDisabled: state.isKeyDisabled,\n    setSelectionBehavior: () => {},\n    toggleSelection: (key) => {\n      if (state.selectionMode() !== \"multiple\") {\n        state.setSelectedKey(key);\n        return;\n      }\n      const keys = state.selectedKeys();\n      if (keys === \"all\") return;\n      const next = new Set(keys);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      state.setSelectedKeys(next);\n    },\n    replaceSelection: (key) => state.setSelectedKey(key),\n    setSelectedKeys: (keys) => state.setSelectedKeys(keys),\n    selectAll: () => {},\n    clearSelection: () =>\n      state.selectionMode() === \"multiple\" ? state.setSelectedKeys([]) : state.setSelectedKey(null),\n    toggleSelectAll: () => {},\n    extendSelection: (toKey) => state.setSelectedKey(toKey),\n    select: (key) =>\n      state.selectionMode() === \"multiple\"\n        ? state.setSelectedKeys([\n            ...(state.selectedKeys() === \"all\" ? [] : (state.selectedKeys() as Set<Key>)),\n            key,\n          ])\n        : state.setSelectedKey(key),\n  };\n}\n\nSelect.Trigger = SelectTrigger;\nSelect.Value = SelectValue;\nSelect.ListBox = SelectListBox;\nSelect.Option = SelectOption;\n"],"mappings":"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"}

package/dist/Separator.js

@@ -1,5 +1,6 @@
 import { filterDOMProps } from "./utils.js";
-import { Dynamic, createComponent, mergeProps } from "solid-js/web";
+import { ElementTag } from "./ElementTag.js";
+import { createComponent, mergeProps } from "solid-js/web";
 import { createContext, createMemo, splitProps } from "solid-js";
 import { createSeparator } from "@proyecto-viviana/solidaria";
 //#region src/Separator.tsx
@@ -76,7 +77,7 @@ function Separator(props) {
 		if (typeof style === "function") return style(renderValues());
 		return style;
 	});
-	return createComponent(Dynamic, mergeProps({ get component() {
+	return createComponent(ElementTag, mergeProps({ get tag() {
 		return elementType();
 	} }, createMemo(() => filterDOMProps(ariaProps, { global: true })), () => separatorAria.separatorProps, {
 		ref: (el) => assignRef(local.ref, el),

package/dist/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["JSX","createContext","createMemo","splitProps","Dynamic","createSeparator","AriaSeparatorProps","Orientation","SlotProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","SeparatorRenderProps","orientation","SeparatorProps","class","renderProps","style","CSSProperties","HTMLElement","SeparatorContext","Separator","props","Element","local","ariaProps","elementType","element","separatorAria","aria-label","aria-labelledby","aria-describedby","aria-details","id","renderValues","resolvedClass","cls","resolvedStyle","domProps","global","_$createComponent","_$mergeProps","component","separatorProps","slot"],"sources":["../src/Separator.tsx"],"sourcesContent":["/**\n * Separator component for solidaria-components\n *\n * Pre-wired headless separator component that combines aria hooks.\n * Port of react-aria-components/src/Separator.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createSeparator,\n  type AriaSeparatorProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface SeparatorRenderProps {\n  /** The orientation of the separator. */\n  orientation: Orientation;\n}\n\nexport interface SeparatorProps extends AriaSeparatorProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: SeparatorRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);\n  /** Ref for the underlying separator element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<SeparatorProps | null>(null);\n\n/**\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n *\n * @example\n * ```tsx\n * <Separator />\n *\n * // Vertical separator\n * <Separator orientation=\"vertical\" />\n *\n * // Custom element type\n * <Separator elementType=\"div\" />\n * ```\n */\nexport function Separator(props: SeparatorProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"ref\", \"slot\"]);\n\n  const elementType = createMemo(() => {\n    let element = ariaProps.elementType || \"hr\";\n    // If vertical and using hr, switch to div since hr is inherently horizontal\n    if (element === \"hr\" && ariaProps.orientation === \"vertical\") {\n      element = \"div\";\n    }\n    return element;\n  });\n\n  const separatorAria = createSeparator({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get elementType() {\n      return ariaProps.elementType;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get id() {\n      return ariaProps.id;\n    },\n  });\n\n  const renderValues = createMemo<SeparatorRenderProps>(() => ({\n    orientation: ariaProps.orientation ?? \"horizontal\",\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Separator\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <Dynamic\n      component={elementType()}\n      {...domProps()}\n      {...separatorAria.separatorProps}\n      ref={(el: HTMLElement) => assignRef(local.ref, el)}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAASc,UAAaC,KAAiBJ,IAAa;CAClD,IAAI,CAACI,KAAK;CACV,IAAI,OAAOA,QAAQ,YACjBA,IAAIJ,EAAE;MAENI,IAAIF,UAAUF;AAElB;AAgBA,MAAaa,mBAAmBvB,cAAqC,IAAI;;;;;;;;;;;;;;;;AAiBzE,SAAgBwB,UAAUC,OAAoC;CAC5D,MAAM,CAACE,OAAOC,aAAa1B,WAAWuB,OAAO;EAAC;EAAS;EAAS;EAAO;CAAM,CAAC;CAE9E,MAAMI,cAAc5B,iBAAiB;EACnC,IAAI6B,UAAUF,UAAUC,eAAe;EAEvC,IAAIC,YAAY,QAAQF,UAAUZ,gBAAgB,YAChDc,UAAU;EAEZ,OAAOA;CACT,CAAC;CAED,MAAMC,gBAAgB3B,gBAAgB;EACpC,IAAIY,cAAc;GAChB,OAAOY,UAAUZ;EACnB;EACA,IAAIa,cAAc;GAChB,OAAOD,UAAUC;EACnB;EACA,IAAI,eAAe;GACjB,OAAOD,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAOA,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAOA,UAAU;EACnB;EACA,IAAIQ,KAAK;GACP,OAAOR,UAAUQ;EACnB;CACF,CAAC;CAED,MAAMC,eAAepC,kBAAwC,EAC3De,aAAaY,UAAUZ,eAAe,aACxC,EAAE;CAEF,MAAMsB,gBAAgBrC,iBAAiB;EACrC,MAAMsC,MAAMZ,MAAMT;EAClB,IAAI,OAAOqB,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO;CAChB,CAAC;CAED,MAAMC,gBAAgBvC,iBAAiB;EACrC,MAAMmB,QAAQO,MAAMP;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAMiB,aAAa,CAAC;EAE7B,OAAOjB;CACT,CAAC;CAID,OAAAuB,gBACGxC,SAAOyC,WAAA,EAAA,IACNC,YAAS;EAAA,OAAEhB,YAAY;CAAC,EAAA,GAJX5B,iBAAiBO,eAAeoB,WAAW,EAAEc,QAAQ,KAAK,CAAC,CAKpED,SACAV,cAAce,gBAAc;EAAAhC,MAC1BJ,OAAoBG,UAAUc,MAAMb,KAAKJ,EAAE;EAAC,KAAA,WAAA;GAAA,OAC3C4B,cAAc;EAAC;EAAA,IACtBlB,QAAK;GAAA,OAAEoB,cAAc;EAAC;EAAA,IACtBO,OAAI;GAAA,OAAEpB,MAAMoB;EAAI;CAAA,CAAA,CAAA;AAGtB"}
+{"version":3,"file":"Separator.js","names":["JSX","createContext","createMemo","splitProps","ElementTag","createSeparator","AriaSeparatorProps","Orientation","SlotProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","SeparatorRenderProps","orientation","SeparatorProps","class","renderProps","style","CSSProperties","HTMLElement","SeparatorContext","Separator","props","Element","local","ariaProps","elementType","element","separatorAria","aria-label","aria-labelledby","aria-describedby","aria-details","id","renderValues","resolvedClass","cls","resolvedStyle","domProps","global","_$createComponent","_$mergeProps","tag","separatorProps","slot"],"sources":["../src/Separator.tsx"],"sourcesContent":["/**\n * Separator component for solidaria-components\n *\n * Pre-wired headless separator component that combines aria hooks.\n * Port of react-aria-components/src/Separator.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createSeparator,\n  type AriaSeparatorProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface SeparatorRenderProps {\n  /** The orientation of the separator. */\n  orientation: Orientation;\n}\n\nexport interface SeparatorProps extends AriaSeparatorProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: SeparatorRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);\n  /** Ref for the underlying separator element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<SeparatorProps | null>(null);\n\n/**\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n *\n * @example\n * ```tsx\n * <Separator />\n *\n * // Vertical separator\n * <Separator orientation=\"vertical\" />\n *\n * // Custom element type\n * <Separator elementType=\"div\" />\n * ```\n */\nexport function Separator(props: SeparatorProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"ref\", \"slot\"]);\n\n  const elementType = createMemo(() => {\n    let element = ariaProps.elementType || \"hr\";\n    // If vertical and using hr, switch to div since hr is inherently horizontal\n    if (element === \"hr\" && ariaProps.orientation === \"vertical\") {\n      element = \"div\";\n    }\n    return element;\n  });\n\n  const separatorAria = createSeparator({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get elementType() {\n      return ariaProps.elementType;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get id() {\n      return ariaProps.id;\n    },\n  });\n\n  const renderValues = createMemo<SeparatorRenderProps>(() => ({\n    orientation: ariaProps.orientation ?? \"horizontal\",\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Separator\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...domProps()}\n      {...separatorAria.separatorProps}\n      ref={(el: HTMLElement) => assignRef(local.ref, el)}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAASc,UAAaC,KAAiBJ,IAAa;CAClD,IAAI,CAACI,KAAK;CACV,IAAI,OAAOA,QAAQ,YACjBA,IAAIJ,EAAE;MAENI,IAAIF,UAAUF;AAElB;AAgBA,MAAaa,mBAAmBvB,cAAqC,IAAI;;;;;;;;;;;;;;;;AAiBzE,SAAgBwB,UAAUC,OAAoC;CAC5D,MAAM,CAACE,OAAOC,aAAa1B,WAAWuB,OAAO;EAAC;EAAS;EAAS;EAAO;CAAM,CAAC;CAE9E,MAAMI,cAAc5B,iBAAiB;EACnC,IAAI6B,UAAUF,UAAUC,eAAe;EAEvC,IAAIC,YAAY,QAAQF,UAAUZ,gBAAgB,YAChDc,UAAU;EAEZ,OAAOA;CACT,CAAC;CAED,MAAMC,gBAAgB3B,gBAAgB;EACpC,IAAIY,cAAc;GAChB,OAAOY,UAAUZ;EACnB;EACA,IAAIa,cAAc;GAChB,OAAOD,UAAUC;EACnB;EACA,IAAI,eAAe;GACjB,OAAOD,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAOA,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAOA,UAAU;EACnB;EACA,IAAIQ,KAAK;GACP,OAAOR,UAAUQ;EACnB;CACF,CAAC;CAED,MAAMC,eAAepC,kBAAwC,EAC3De,aAAaY,UAAUZ,eAAe,aACxC,EAAE;CAEF,MAAMsB,gBAAgBrC,iBAAiB;EACrC,MAAMsC,MAAMZ,MAAMT;EAClB,IAAI,OAAOqB,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO;CAChB,CAAC;CAED,MAAMC,gBAAgBvC,iBAAiB;EACrC,MAAMmB,QAAQO,MAAMP;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAMiB,aAAa,CAAC;EAE7B,OAAOjB;CACT,CAAC;CAID,OAAAuB,gBACGxC,YAAUyC,WAAA,EAAA,IACTC,MAAG;EAAA,OAAEhB,YAAY;CAAC,EAAA,GAJL5B,iBAAiBO,eAAeoB,WAAW,EAAEc,QAAQ,KAAK,CAAC,CAKpED,SACAV,cAAce,gBAAc;EAAAhC,MAC1BJ,OAAoBG,UAAUc,MAAMb,KAAKJ,EAAE;EAAC,KAAA,WAAA;GAAA,OAC3C4B,cAAc;EAAC;EAAA,IACtBlB,QAAK;GAAA,OAAEoB,cAAc;EAAC;EAAA,IACtBO,OAAI;GAAA,OAAEpB,MAAMoB;EAAI;CAAA,CAAA,CAAA;AAGtB"}

package/dist/Separator.jsx

@@ -1,6 +1,6 @@
 import { filterDOMProps } from "./utils.jsx";
+import { ElementTag } from "./ElementTag.jsx";
 import { createContext, createMemo, splitProps } from "solid-js";
-import { Dynamic } from "solid-js/web";
 import { createSeparator } from "@proyecto-viviana/solidaria";
 //#region src/Separator.tsx
 /**
@@ -77,7 +77,7 @@ function Separator(props) {
 		return style;
 	});
 	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
-	return <Dynamic component={elementType()} {...domProps()} {...separatorAria.separatorProps} ref={(el) => assignRef(local.ref, el)} class={resolvedClass()} style={resolvedStyle()} slot={local.slot} />;
+	return <ElementTag tag={elementType()} {...domProps()} {...separatorAria.separatorProps} ref={(el) => assignRef(local.ref, el)} class={resolvedClass()} style={resolvedStyle()} slot={local.slot} />;
 }
 //#endregion
 export { Separator, SeparatorContext };

package/dist/Separator.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.jsx","names":[],"sources":["../src/Separator.tsx"],"sourcesContent":["/**\n * Separator component for solidaria-components\n *\n * Pre-wired headless separator component that combines aria hooks.\n * Port of react-aria-components/src/Separator.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createSeparator,\n  type AriaSeparatorProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface SeparatorRenderProps {\n  /** The orientation of the separator. */\n  orientation: Orientation;\n}\n\nexport interface SeparatorProps extends AriaSeparatorProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: SeparatorRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);\n  /** Ref for the underlying separator element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<SeparatorProps | null>(null);\n\n/**\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n *\n * @example\n * ```tsx\n * <Separator />\n *\n * // Vertical separator\n * <Separator orientation=\"vertical\" />\n *\n * // Custom element type\n * <Separator elementType=\"div\" />\n * ```\n */\nexport function Separator(props: SeparatorProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"ref\", \"slot\"]);\n\n  const elementType = createMemo(() => {\n    let element = ariaProps.elementType || \"hr\";\n    // If vertical and using hr, switch to div since hr is inherently horizontal\n    if (element === \"hr\" && ariaProps.orientation === \"vertical\") {\n      element = \"div\";\n    }\n    return element;\n  });\n\n  const separatorAria = createSeparator({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get elementType() {\n      return ariaProps.elementType;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get id() {\n      return ariaProps.id;\n    },\n  });\n\n  const renderValues = createMemo<SeparatorRenderProps>(() => ({\n    orientation: ariaProps.orientation ?? \"horizontal\",\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Separator\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <Dynamic\n      component={elementType()}\n      {...domProps()}\n      {...separatorAria.separatorProps}\n      ref={(el: HTMLElement) => assignRef(local.ref, el)}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAS,UAAa,KAAiB,IAAa;CAClD,IAAI,CAAC,KAAK;CACV,IAAI,OAAO,QAAQ,YACjB,IAAI,EAAE;MAEN,IAAI,UAAU;AAElB;AAgBA,MAAa,mBAAmB,cAAqC,IAAI;;;;;;;;;;;;;;;;AAiBzE,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAAC;EAAS;EAAS;EAAO;CAAM,CAAC;CAE9E,MAAM,cAAc,iBAAiB;EACnC,IAAI,UAAU,UAAU,eAAe;EAEvC,IAAI,YAAY,QAAQ,UAAU,gBAAgB,YAChD,UAAU;EAEZ,OAAO;CACT,CAAC;CAED,MAAM,gBAAgB,gBAAgB;EACpC,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;CACF,CAAC;CAED,MAAM,eAAe,kBAAwC,EAC3D,aAAa,UAAU,eAAe,aACxC,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO;CAChB,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,QACC,WAAW,YAAY,OACnB,SAAS,OACT,cAAc,gBAClB,MAAM,OAAoB,UAAU,MAAM,KAAK,EAAE,GACjD,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM;AAGlB"}
+{"version":3,"file":"Separator.jsx","names":[],"sources":["../src/Separator.tsx"],"sourcesContent":["/**\n * Separator component for solidaria-components\n *\n * Pre-wired headless separator component that combines aria hooks.\n * Port of react-aria-components/src/Separator.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createSeparator,\n  type AriaSeparatorProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface SeparatorRenderProps {\n  /** The orientation of the separator. */\n  orientation: Orientation;\n}\n\nexport interface SeparatorProps extends AriaSeparatorProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: SeparatorRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);\n  /** Ref for the underlying separator element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<SeparatorProps | null>(null);\n\n/**\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n *\n * @example\n * ```tsx\n * <Separator />\n *\n * // Vertical separator\n * <Separator orientation=\"vertical\" />\n *\n * // Custom element type\n * <Separator elementType=\"div\" />\n * ```\n */\nexport function Separator(props: SeparatorProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"ref\", \"slot\"]);\n\n  const elementType = createMemo(() => {\n    let element = ariaProps.elementType || \"hr\";\n    // If vertical and using hr, switch to div since hr is inherently horizontal\n    if (element === \"hr\" && ariaProps.orientation === \"vertical\") {\n      element = \"div\";\n    }\n    return element;\n  });\n\n  const separatorAria = createSeparator({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get elementType() {\n      return ariaProps.elementType;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get id() {\n      return ariaProps.id;\n    },\n  });\n\n  const renderValues = createMemo<SeparatorRenderProps>(() => ({\n    orientation: ariaProps.orientation ?? \"horizontal\",\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Separator\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...domProps()}\n      {...separatorAria.separatorProps}\n      ref={(el: HTMLElement) => assignRef(local.ref, el)}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAS,UAAa,KAAiB,IAAa;CAClD,IAAI,CAAC,KAAK;CACV,IAAI,OAAO,QAAQ,YACjB,IAAI,EAAE;MAEN,IAAI,UAAU;AAElB;AAgBA,MAAa,mBAAmB,cAAqC,IAAI;;;;;;;;;;;;;;;;AAiBzE,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAAC;EAAS;EAAS;EAAO;CAAM,CAAC;CAE9E,MAAM,cAAc,iBAAiB;EACnC,IAAI,UAAU,UAAU,eAAe;EAEvC,IAAI,YAAY,QAAQ,UAAU,gBAAgB,YAChD,UAAU;EAEZ,OAAO;CACT,CAAC;CAED,MAAM,gBAAgB,gBAAgB;EACpC,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;CACF,CAAC;CAED,MAAM,eAAe,kBAAwC,EAC3D,aAAa,UAAU,eAAe,aACxC,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO;CAChB,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,WACC,KAAK,YAAY,OACb,SAAS,OACT,cAAc,gBAClB,MAAM,OAAoB,UAAU,MAAM,KAAK,EAAE,GACjD,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM;AAGlB"}

package/dist/SharedElementTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SharedElementTransition.d.ts","sourceRoot":"","sources":["../src/SharedElementTransition.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAC;AAoBjB,wBAAgB,kCAAkC,IAAI,OAAO,CAE5D;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAQxF;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CACvC;IACC,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAA;KAAE,CAAC;CACrE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4K3E"}
+{"version":3,"file":"SharedElementTransition.d.ts","sourceRoot":"","sources":["../src/SharedElementTransition.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,KAAK,GAAG,EAYT,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAC;AAoBjB,wBAAgB,kCAAkC,IAAI,OAAO,CAE5D;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAQxF;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CACvC;IACC,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAA;KAAE,CAAC;CACrE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkO3E"}

package/dist/SharedElementTransition.js

@@ -1,6 +1,6 @@
 import { filterDOMProps, useRenderProps } from "./utils.js";
 import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
-import { Show, createContext, createEffect, createMemo, createSignal, on, onCleanup, splitProps, useContext } from "solid-js";
+import { Show, createContext, createEffect, createMemo, createRenderEffect, createSignal, on, onCleanup, splitProps, untrack, useContext } from "solid-js";
 //#region src/SharedElementTransition.tsx
 /**
 * SharedElementTransition primitives for solidaria-components.
@@ -47,41 +47,61 @@ function SharedElement(props) {
 		"ref"
 	]);
 	const [lifecycle, setLifecycle] = createSignal(local.isVisible === false ? "hidden" : "visible");
-	let elementRef;
+	const [element, setElement] = createSignal();
 	let frame;
 	const setRef = (el) => {
-		elementRef = el;
+		setElement(el);
 		const userRef = local.ref;
 		if (typeof userRef === "function") userRef(el);
 		else if (userRef !== void 0) userRef.current = el;
 	};
-	createEffect(on(() => local.isVisible !== false, (isVisible) => {
+	const storeSnapshot = () => {
+		const el = untrack(element);
+		if (el && el.isConnected && !el.hasAttribute("data-exiting")) {
+			const style = window.getComputedStyle(el);
+			if (style.transitionProperty !== "none") {
+				const transitionProperty = style.transitionProperty.split(/\s*,\s*/);
+				scope.snapshots[local.name] = {
+					rect: el.getBoundingClientRect(),
+					style: transitionProperty.map((property) => [property, style.getPropertyValue(property)])
+				};
+			}
+		}
+	};
+	createRenderEffect(on(() => local.isVisible !== false, (isVisible) => {
+		if (isVisible && untrack(lifecycle) === "hidden") setLifecycle("visible");
+	}));
+	createRenderEffect(on(() => local.isVisible !== false, (isVisible) => {
+		onCleanup(() => {
+			if (isVisible) storeSnapshot();
+		});
+	}));
+	createEffect(on([() => local.isVisible !== false, element], ([isVisible, el]) => {
 		const name = local.name;
-		const element = elementRef;
 		if (frame != null) {
 			cancelAnimationFrame(frame);
 			frame = void 0;
 		}
-		if (isVisible && element) {
+		if (isVisible && el) {
 			const prevSnapshot = scope.snapshots[name];
 			if (prevSnapshot) {
 				setLifecycle("visible");
-				const animations = getAnimations(element);
+				const animations = getAnimations(el);
 				const values = prevSnapshot.style.map(([property, prevValue]) => {
-					const value = element.style.getPropertyValue(property);
+					const value = el.style.getPropertyValue(property);
 					if (property === "translate") {
 						const prevRect = prevSnapshot.rect;
-						const currentRect = element.getBoundingClientRect();
+						const currentRect = el.getBoundingClientRect();
 						const deltaX = prevRect.left - currentRect.left;
 						const deltaY = prevRect.top - currentRect.top;
-						element.style.setProperty("translate", `${deltaX}px ${deltaY}px`);
-					} else element.style.setProperty(property, prevValue);
+						el.style.setProperty("translate", `${deltaX}px ${deltaY}px`);
+					} else el.style.setProperty(property, prevValue);
 					return [property, value];
 				});
-				for (const a of getAnimations(element)) if (!animations.includes(a)) a.cancel();
+				for (const a of getAnimations(el)) if (!animations.includes(a)) a.cancel();
 				frame = requestAnimationFrame(() => {
 					frame = void 0;
-					for (const [property, value] of values) element.style.setProperty(property, value);
+					for (const [property, value] of values) el.style.setProperty(property, value);
 				});
 				delete scope.snapshots[name];
 			} else {
@@ -91,34 +111,16 @@ function SharedElement(props) {
 					setLifecycle("visible");
 				});
 			}
-		} else if (!isVisible && element) queueMicrotask(() => {
+		} else if (!isVisible && el) queueMicrotask(() => {
 			if (scope.snapshots[name]) {
 				delete scope.snapshots[name];
 				setLifecycle("exiting");
-				Promise.all(getAnimations(element).map((a) => a.finished)).then(() => setLifecycle("hidden")).catch(() => {});
+				Promise.all(getAnimations(el).map((a) => a.finished)).then(() => setLifecycle("hidden")).catch(() => {});
 			} else setLifecycle("hidden");
 		});
-		else if (isVisible) {
-			setLifecycle("entering");
-			frame = requestAnimationFrame(() => {
-				frame = void 0;
-				setLifecycle("visible");
-			});
-		}
 	}));
 	onCleanup(() => {
 		if (frame != null) cancelAnimationFrame(frame);
-		const element = elementRef;
-		if (element && element.isConnected && !element.hasAttribute("data-exiting")) {
-			const style = window.getComputedStyle(element);
-			if (style.transitionProperty !== "none") {
-				const transitionProperty = style.transitionProperty.split(/\s*,\s*/);
-				scope.snapshots[local.name] = {
-					rect: element.getBoundingClientRect(),
-					style: transitionProperty.map((property) => [property, style.getPropertyValue(property)])
-				};
-			}
-		}
 	});
 	const renderProps = useRenderProps({
 		get children() {