@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["<ListStateContext value={null}>\n      <CollectionBuilder\n        createCollection={() => new BaseCollection<T>()}\n        content={content()}\n      >\n        {(collection) => (\n          <SelectInner\n            props={props}\n            collection={collection}\n            selectRef={setRef}\n          />\n        )}\n      </CollectionBuilder>\n    </ListStateContext>","value={null}","<CollectionBuilder\n        createCollection={() => new BaseCollection<T>()}\n        content={content()}\n      >\n        {(collection) => (\n          <SelectInner\n            props={props}\n            collection={collection}\n            selectRef={setRef}\n          />\n        )}\n      </CollectionBuilder>","createCollection={() => new BaseCollection<T>()}","<SelectInner\n            props={props}\n            collection={collection}\n            selectRef={setRef}\n          />","selectRef={setRef}","<SelectContext value={props}>\n      <SelectStateContext value={state}>\n        <SelectValueContext value={aria.valueProps}>\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps ?? {}),\n              {\n                get elementType(): \"span\" {\n                  return \"span\";\n                },\n                registerSlot: registerLabel,\n              }\n            )}\n          >\n            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>\n        </SelectValueContext>\n      </SelectStateContext>\n    </SelectContext>","value={props}","<SelectStateContext value={state}>\n        <SelectValueContext value={aria.valueProps}>\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps ?? {}),\n              {\n                get elementType(): \"span\" {\n                  return \"span\";\n                },\n                registerSlot: registerLabel,\n              }\n            )}\n          >\n            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>\n        </SelectValueContext>\n      </SelectStateContext>","value={state}","<SelectValueContext value={aria.valueProps}>\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps ?? {}),\n              {\n                get elementType(): \"span\" {\n                  return \"span\";\n                },\n                registerSlot: registerLabel,\n              }\n            )}\n          >\n            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>\n        </SelectValueContext>","<LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps ?? {}),\n              {\n                get elementType(): \"span\" {\n                  return \"span\";\n                },\n                registerSlot: registerLabel,\n              }\n            )}\n          >\n            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>","<ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>","<OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>","<PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>","<ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>","<ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>","<TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>","value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}","<FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>","value={aria}","<dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>","dom.div","ref={input.selectRef}","render.children","<HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />","<dom.span\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      data-placeholder={values.isPlaceholder || undefined}\n    >\n      <TextContext value={null}>{render.children}</TextContext>\n    </dom.span>","dom.span","ref={(element: HTMLElement) => {\n        setRef(element);\n      }}","<TextContext value={null}>{render.children}</TextContext>","_$createComponent","mergeProps","_$mergeProps","_$applyRef","_$memo","intlMessages","render"],"sources":["../../src/select.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Select.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { BaseCollection } from \"@solid2-aria/core/collections/base-collection\";\nimport { CollectionBuilder } from \"@solid2-aria/core/collections/collection-builder\";\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createListFormatter } from \"@solid2-aria/core/i18n/create-list-formatter\";\nimport { createLocalizedStringFormatter } from \"@solid2-aria/core/i18n/create-localized-string-formatter\";\nimport { createSelect } from \"@solid2-aria/core/select/create-select\";\nimport type { AriaSelectProps } from \"@solid2-aria/core/select/create-select\";\nimport { HiddenSelect } from \"@solid2-aria/core/select/hidden-select\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { createSelectState } from \"@solid2-aria/stately/select/create-select-state\";\nimport type { SelectState } from \"@solid2-aria/stately/select/create-select-state\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createMemo,\n  useContext,\n  omit,\n} from \"solid-js\";\n\nimport intlMessages from \"../intl/index\";\nimport { ButtonContext } from \"./button\";\nimport { OverlayTriggerStateContext } from \"./dialog\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { LabelContext } from \"./label\";\nimport { ListBoxContext, ListStateContext } from \"./list-box\";\nimport { PopoverContext } from \"./popover\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  RACValidation,\n  RenderProps,\n  SlotProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const SelectContext = createContext<\n  ContextValue<\n    // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n    Omit<SelectProps<any, SelectionMode>, \"validate\" | \"onChange\">,\n    HTMLDivElement\n  >\n>(null);\n\nexport const SelectStateContext = createContext<SelectState<\n  unknown,\n  SelectionMode\n> | null>(null);\n\nexport const SelectValueContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  createContext<ContextValue<SelectValueProps<any>, HTMLSpanElement>>(null);\n\ntype SelectionMode = \"single\" | \"multiple\";\n\nexport interface SelectRenderProps {\n  /**\n   * Whether the select is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the select is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the select is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the select is currently open.\n   *\n   * @selector [data-open]\n   */\n  isOpen: boolean;\n  /**\n   * Whether the select is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the select is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n}\n\nexport interface SelectProps<T = object, M extends SelectionMode = \"single\">\n  extends\n    Omit<\n      AriaSelectProps<T, M>,\n      | \"children\"\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n      | \"items\"\n    >,\n    RACValidation,\n    RenderProps<SelectRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Select'\n   */\n  class?: ClassOrFunction<SelectRenderProps>;\n  /**\n   * Temporary text that occupies the select when it is empty.\n   *\n   * @default 'Select an item' (localized)\n   */\n  placeholder?: string;\n}\n\nexport interface SelectValueRenderProps<T> {\n  /**\n   * Whether the value is a placeholder.\n   *\n   * @selector [data-placeholder]\n   */\n  isPlaceholder: boolean;\n  /**\n   * The object value of the first selected item.\n   *\n   * @deprecated\n   */\n  selectedItem: T | null;\n  /** The object values of the currently selected items. */\n  selectedItems: (T | null)[];\n  /** The textValue of the currently selected items. */\n  selectedText: string;\n  /** The state of the select. */\n  state: SelectState<T, \"single\" | \"multiple\">;\n}\n\nexport interface SelectValueProps<T>\n  extends\n    Omit<JSX.HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>,\n    RenderProps<SelectValueRenderProps<T>, \"span\"> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SelectValue'\n   */\n  class?: ClassOrFunction<SelectValueRenderProps<T>>;\n}\n\nexport function Select<T extends object, M extends SelectionMode = \"single\">(\n  input: SelectProps<T, M> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SelectContext\n  );\n\n  const contentValues: SelectRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    isFocusVisible: false,\n    isFocused: false,\n    get isInvalid() {\n      return props.isInvalid === true;\n    },\n    isOpen: false,\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const content = () => {\n    const child = props.children;\n\n    return typeof child === \"function\"\n      ? child({ ...contentValues, defaultChildren: undefined })\n      : child;\n  };\n\n  return (\n    <ListStateContext value={null}>\n      <CollectionBuilder\n        createCollection={() => new BaseCollection<T>()}\n        content={content()}\n      >\n        {(collection) => (\n          <SelectInner\n            props={props}\n            collection={collection}\n            selectRef={setRef}\n          />\n        )}\n      </CollectionBuilder>\n    </ListStateContext>\n  );\n}\n\nfunction SelectInner<T extends object, M extends SelectionMode>(input: {\n  props: SelectProps<T, M>;\n  collection: BaseCollection<T>;\n  selectRef: (element: HTMLDivElement) => void;\n}): JSX.Element {\n  const [scrollRef, setScrollRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const { props } = untrack(() => input);\n  const form = createSlottedContext(FormContext);\n\n  const validationBehavior = () =>\n    props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n\n  const state = createSelectState(\n    mergeProps(props, {\n      children: undefined,\n      get collection() {\n        return input.collection;\n      },\n      get validationBehavior() {\n        return validationBehavior();\n      },\n    })\n  );\n\n  const focus = createFocusRing({ within: true });\n\n  const [buttonRef, setButtonRef] = createSignal<HTMLButtonElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createSelect(\n    mergeProps(props, {\n      get label() {\n        return label();\n      },\n      get validationBehavior() {\n        return validationBehavior();\n      },\n    }),\n    state,\n    buttonRef\n  );\n\n  const values: SelectRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return state.isFocused;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isOpen() {\n      return state.isOpen;\n    },\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Select\", values })\n  );\n\n  return (\n    <SelectContext value={props}>\n      <SelectStateContext value={state}>\n        <SelectValueContext value={aria.valueProps}>\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps ?? {}),\n              {\n                get elementType(): \"span\" {\n                  return \"span\";\n                },\n                registerSlot: registerLabel,\n              }\n            )}\n          >\n            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>\n        </SelectValueContext>\n      </SelectStateContext>\n    </SelectContext>\n  );\n}\n\nexport function SelectValue<T>(\n  input: SelectValueProps<T> & { ref?: Ref<HTMLSpanElement> }\n): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SelectValueContext\n  );\n\n  const current = useContext(SelectStateContext);\n\n  if (!current) {\n    throw new Error(\"SelectValue must be rendered in a Select.\");\n  }\n\n  // The context erases the item type; it comes from the same Select owner as these render props.\n  // SAFETY: The Select owner provides the same T items consumed by this render callback.\n  // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The context erases the owner's generic item type.\n  const state = current as SelectState<T, SelectionMode>;\n  const context = createSlottedContext(SelectContext);\n  const formatter = createListFormatter();\n\n  const strings = createLocalizedStringFormatter(\n    intlMessages,\n    \"@solid2-aria/components\"\n  );\n\n  const text = createMemo(() =>\n    state.selectedItems.map((item) => item.textValue)\n  );\n\n  const selectedText = createMemo(() =>\n    state.selectionManager.selectionMode === \"single\"\n      ? (text()[0] ?? \"\")\n      : formatter.format(text())\n  );\n\n  const defaults = createMemo(() => {\n    const rendered = state.selectedItems.map((item) => {\n      const content: unknown = item.rendered;\n\n      if (typeof content === \"function\") {\n        // SAFETY: Item render functions are stored by the typed collection factory and return Solid children.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- Collection storage erases the render callback signature.\n        const render = content as (...values: unknown[]) => JSX.Element;\n\n        return render({\n          defaultChildren: undefined,\n          isDisabled: false,\n          isFocusVisible: false,\n          isFocused: false,\n          isHovered: false,\n          isPressed: false,\n          isSelected: false,\n          selectionBehavior: \"toggle\",\n          selectionMode: \"single\",\n        });\n      }\n\n      return item.rendered;\n    });\n\n    if (!rendered.length) {\n      return context?.placeholder ?? strings.format(\"selectPlaceholder\");\n    }\n\n    if (state.selectionManager.selectionMode === \"single\") {\n      return rendered[0];\n    }\n\n    let index = 0;\n\n    return formatter\n      .formatToParts(text())\n      .map((part) =>\n        part.type === \"element\" ? rendered[(index += 1)] : part.value\n      );\n  });\n\n  const values: SelectValueRenderProps<T> = {\n    get isPlaceholder() {\n      return state.selectedItems.length === 0;\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- Preserve the upstream public getter while selectedItems remains the preferred API.\n    get selectedItem() {\n      return state.selectedItems[0]?.value ?? null;\n    },\n    get selectedItems() {\n      return state.selectedItems.map((item) => item.value);\n    },\n    get selectedText() {\n      return selectedText();\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultChildren() {\n        return defaults();\n      },\n      defaultClass: \"solid2-aria-SelectValue\",\n      values,\n    })\n  );\n\n  return (\n    <dom.span\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      data-placeholder={values.isPlaceholder || undefined}\n    >\n      <TextContext value={null}>{render.children}</TextContext>\n    </dom.span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,MAAa,gBAAgB,cAM3B,IAAI;AAEN,MAAa,qBAAqB,cAGxB,IAAI;AAEd,MAAa,qBAEX,cAAoE,IAAI;AA4G1E,SAAgB,OACd,OACa;CACb,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,aACF;CAEA,MAAM,gBAAmC;EACvC,IAAI,aAAa;GACf,OAAO,MAAM,eAAe;EAC9B;EACA,gBAAgB;EAChB,WAAW;EACX,IAAI,YAAY;GACd,OAAO,MAAM,cAAc;EAC7B;EACA,QAAQ;EACR,IAAI,aAAa;GACf,OAAO,MAAM,eAAe;EAC9B;CACF;CAEA,MAAM,gBAAgB;EACpB,MAAM,QAAQ,MAAM;EAEpB,OAAO,OAAO,UAAU,aACpB,MAAM;GAAE,GAAG;GAAe,iBAAiB,KAAA;EAAU,CAAC,IACtD;CACN;CAEA,OACEA,gBAAAA,kBAAAA;EAAkBC,OAAO;EAAzB,IAAA,WAAA;GACEC,OAAAA,gBAAAA,mBAAAA;IACEC,wBAAwB,IAAI,eAAkB;IAC9C,IAAA,UAAA;KAAS,OAAA,QAAQ;IAAC;IAFpBD,WAII,eACAE,gBAAAA,aAAAA;KACS;KACK;KACZC,WAAW;IACZ,CAAA;GAEc,CAAA;EACH;;AAEtB;AAEA,SAAS,YAAuD,OAIhD;CACd,MAAM,CAAC,WAAW,gBAAgB,aAAoC,MAAM,EAC1E,YAAY,KACd,CAAC;CAED,MAAM,EAAE,UAAU,cAAc,KAAK;CACrC,MAAM,OAAO,qBAAqB,WAAW;CAE7C,MAAM,2BACJ,MAAM,sBAAsB,MAAM,sBAAsB;CAE1D,MAAM,QAAQ,kBACZ0B,aAAW,OAAO;EAChB,UAAU,KAAA;EACV,IAAI,aAAa;GACf,OAAO,MAAM;EACf;EACA,IAAI,qBAAqB;GACvB,OAAO,mBAAmB;EAC5B;CACF,CAAC,CACH;CAEA,MAAM,QAAQ,gBAAgB,EAAE,QAAQ,KAAK,CAAC;CAE9C,MAAM,CAAC,WAAW,gBAAgB,aAChC,MACA,EAAE,YAAY,KAAK,CACrB;CAEA,MAAM,CAAC,eAAe,SAAS,iBACvB,CAAC,SAAS,MAAM,aAAa,KAAK,CAAC,SAAS,MAAM,kBAAkB,CAC5E;CAEA,MAAM,OAAO,aACXA,aAAW,OAAO;EAChB,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,qBAAqB;GACvB,OAAO,mBAAmB;EAC5B;CACF,CAAC,GACD,OACA,SACF;CAuBA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAAE,cAAc;EAAsB,QAAA;GArBxD,IAAI,aAAa;IACf,OAAO,MAAM,eAAe;GAC9B;GACA,IAAI,iBAAiB;IACnB,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,KAAK;GACd;GACA,IAAI,SAAS;IACX,OAAO,MAAM;GACf;GACA,IAAI,aAAa;IACf,OAAO,MAAM,eAAe;GAC9B;EAIwD;CAAO,CAAC,CAClE;CAEA,OACEzB,gBAAAA,eAAAA;EAAeC,OAAO;EAAtB,IAAA,WAAA;GACEC,OAAAA,gBAAAA,oBAAAA;IAAoBC,OAAO;IAA3B,IAAA,WAAA;KACEC,OAAAA,gBAAAA,oBAAAA;MAAoB,IAAA,QAAA;OAAO,OAAA,KAAK;MAAU;MAA1C,IAAA,WAAA;OACEC,OAAAA,gBAAAA,cAAAA;QACE,IAAA,QAAA;SAAO,OAAAoB,aACL,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC;UACE,IAAI,cAAsB;WACxB,OAAO;UACT;UACA,cAAc;SAChB,CACF;QAAC;QATH,IAAA,WAAA;SAWEnB,OAAAA,gBAAAA,eAAAA;UACE,IAAA,QAAA;WAAO,OAAAmB,aACL,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC;YACE,IAAI,YAAY;aACd,OAAO,MAAM;YACf;YACA,IAAI,YAAY;aACd,OAAO,MAAM;YACf;YACA,MAAM,YAA+B;aACnC,aAAa,OAAO;YACtB;WACF,CACF;UAAC;UAdH,IAAA,WAAA;WAgBElB,OAAAA,gBAAAA,4BAAAA;YAA4BJ,OAAO;YAAnC,IAAA,WAAA;aACEK,OAAAA,gBAAAA,gBAAAA;cACE,IAAA,QAAA;eAAO,OAAAiB,aACL;gBACE,eAAe;iBAAC;iBAAc;iBAAe;gBAAW;gBACxD,IAAI,YAA4B;iBAC9B,OAAO;gBACT;gBACA;gBACA,SAAS;gBACT,YAAY;eACd,GACA,EACE,IAAI,oBAAoB;gBACtB,OAAO,KAAK,UAAU;eACxB,EACF,CACF;cAAC;cAhBH,IAAA,WAAA;eAkBEhB,OAAAA,gBAAAA,gBAAAA;gBACE,IAAA,QAAA;iBAAO,OAAAgB,aACL,YAAY,KAAK,aAAa,CAAC,CAAC,GAChC,EACE,MAAM,YAA4B;kBAChC,aAAa,OAAO;iBACtB,EACF,CACF;gBAAC;gBARH,IAAA,WAAA;iBAUEf,OAAAA,gBAAAA,kBAAAA;kBAAkBP,OAAO;kBAAzB,IAAA,WAAA;mBACEQ,OAAAA,gBAAAA,aAAAA;oBACEC,OAAO,EACL,OAAO;qBACL,IAAI,cAAc;sBAChB,OAAO,KAAK;qBACd;qBACA,IAAI,eAAe;sBACjB,OAAO,KAAK;qBACd;oBACF,EACF;oBAVF,IAAA,WAAA;qBAYEC,OAAAA,gBAAAA,mBAAAA;sBAAmBC,OAAO;sBAA1B,IAAA,WAAA;uBACEC,OAAAA,gBAAAA,IAACC,KAADD,iBACE;wBAAI,OAAAU,aACF,KACE,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,IACF,GACA,QACA,YAAY,MAAM,cAAc,CAAC,CAAC,CACpC;uBAAC,GARH;wBASE,IAAA,IAAA;yBAAK,IAAA,QAAA,MAAM;yBAAX,OAAA,UAAA,cAAA,MAAA,QAAA,KAAoB,IAApBR,SAAAA,OAAAA,EAAoB,IAApB,MAAW,YAAXA;wBAAoB;wBACpB,IAAA,OAAA;yBAAM,OAAA,MAAM,QAAQ,KAAA;wBAAS;wBAC7B,IAAA,iBAAA;yBAAc,OAAA,MAAM,aAAa,KAAA;wBAAS;wBAC1C,IAAA,uBAAA;yBACE,OAAA,MAAM,kBAAkB,KAAA;wBAC1B;wBACA,IAAA,cAAA;yBAAW,OAAA,MAAM,UAAU,KAAA;wBAAS;wBACpC,IAAA,kBAAA;yBAAe,OAAA,MAAM,cAAc,KAAA;wBAAS;wBAC5C,IAAA,iBAAA;yBAAc,OAAA,KAAK,aAAa,KAAA;wBAAS;wBACzC,IAAA,kBAAA;yBAAe,OAAA,MAAM,cAAc,KAAA;wBAAS;wBAlB9C,IAAA,WAAA;yBAmBC,OAAA,CACEC,WAAAA;0BAAO,OAAA,OAAA;yBAAO,CAAA,GACfC,gBAAAA,cAAAA,iBACE;0BAAI,OAAA,KAAK;yBAAiB,GAD5B,EAEE,IAAA,eAAA;0BAAc,OAAA,MAAM;yBAAY,EACjC,CAAA,CAAA,CAJF;wBAKQ;;sBACQ;;oBACR;;kBACG;;gBACJ;;cACF;;YACU;;UACf;;QACH;;MACI;;IACF;;EACP;;AAEnB;AAEA,SAAgB,YACd,OACa;CACb,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,kBACF;CAEA,MAAM,UAAU,WAAW,kBAAkB;CAE7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,2CAA2C;CAM7D,MAAM,QAAQ;CACd,MAAM,UAAU,qBAAqB,aAAa;CAClD,MAAM,YAAY,oBAAoB;CAEtC,MAAM,UAAU,+BACdU,cACA,yBACF;CAEA,MAAM,OAAO,iBACX,MAAM,cAAc,KAAK,SAAS,KAAK,SAAS,CAClD;CAEA,MAAM,eAAe,iBACnB,MAAM,iBAAiB,kBAAkB,WACpC,KAAK,CAAC,CAAC,MAAM,KACd,UAAU,OAAO,KAAK,CAAC,CAC7B;CAEA,MAAM,WAAW,iBAAiB;EAChC,MAAM,WAAW,MAAM,cAAc,KAAK,SAAS;GACjD,MAAM,UAAmB,KAAK;GAE9B,IAAI,OAAO,YAAY,YAKrB,OAAOC,QAAO;IACZ,iBAAiB,KAAA;IACjB,YAAY;IACZ,gBAAgB;IAChB,WAAW;IACX,WAAW;IACX,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,eAAe;GACjB,CAAC;GAGH,OAAO,KAAK;EACd,CAAC;EAED,IAAI,CAAC,SAAS,QACZ,OAAO,SAAS,eAAe,QAAQ,OAAO,mBAAmB;EAGnE,IAAI,MAAM,iBAAiB,kBAAkB,UAC3C,OAAO,SAAS;EAGlB,IAAI,QAAQ;EAEZ,OAAO,UACJ,cAAc,KAAK,CAAC,CAAC,CACrB,KAAK,SACJ,KAAK,SAAS,YAAY,SAAU,SAAS,KAAM,KAAK,KAC1D;CACJ,CAAC;CAED,MAAM,SAAoC;EACxC,IAAI,gBAAgB;GAClB,OAAO,MAAM,cAAc,WAAW;EACxC;EAEA,IAAI,eAAe;GACjB,OAAO,MAAM,cAAc,EAAE,EAAE,SAAS;EAC1C;EACA,IAAI,gBAAgB;GAClB,OAAO,MAAM,cAAc,KAAK,SAAS,KAAK,KAAK;EACrD;EACA,IAAI,eAAe;GACjB,OAAO,aAAa;EACtB;EACA;CACF;CAEA,MAAM,SAAS,kBACbL,aAAW,OAAO;EAChB,IAAI,kBAAkB;GACpB,OAAO,SAAS;EAClB;EACA,cAAc;EACd;CACF,CAAC,CACH;CAEA,OACEL,gBAAAA,IAACC,MAADD,iBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GACvC,QAFN;EAGEE,MAAM,YAAyB;GAC7B,OAAO,OAAO;EAChB;EACA,IAAA,qBAAA;GAAkB,OAAA,OAAO,iBAAiB,KAAA;EAAS;EANrD,IAAA,WAAA;GAQEC,OAAAA,gBAAAA,aAAAA;IAAa5B,OAAO;IAApB,IAAA,WAAA;KAA2B,OAAA,OAAO;IAAsB;;EAChD;;AAEd"}

package/dist/browser/selection-indicator.d.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/SelectionIndicator.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, SlotProps } from "./utils.js";
+import { SharedElementPropsBase } from "./shared-element-transition.js";
+import { JSX } from "@solidjs/web";
+export interface SelectionIndicatorProps extends SharedElementPropsBase, SlotProps {
+  isSelected?: boolean;
+}
+export declare const SelectionIndicatorContext: import("solid-js").Context<ContextValue<SelectionIndicatorProps, HTMLDivElement>>;
+export declare function SelectionIndicator(input: SelectionIndicatorProps): JSX.Element;
+//# sourceMappingURL=selection-indicator.d.ts.map

package/dist/browser/selection-indicator.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/SelectionIndicator.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps } from "./utils.js";
+import { SharedElement } from "./shared-element-transition.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createContext, untrack } from "solid-js";
+// src/selection-indicator.tsx
+const SelectionIndicatorContext = createContext({ isSelected: false });
+function SelectionIndicator(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SelectionIndicatorContext);
+	return createComponent(SharedElement, mergeProps(props, {
+		get "class"() {
+			return props.class ?? "solid2-aria-SelectionIndicator";
+		},
+		name: "SelectionIndicator",
+		get isVisible() {
+			return props.isSelected;
+		},
+		ref: (element) => {
+			setRef(element);
+		}
+	}));
+}
+export { SelectionIndicator, SelectionIndicatorContext };
+
+//# sourceMappingURL=selection-indicator.js.map

package/dist/browser/selection-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-indicator.js","names":["<SharedElement\n      {...props}\n      class={props.class ?? \"solid2-aria-SelectionIndicator\"}\n      name=\"SelectionIndicator\"\n      isVisible={props.isSelected}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />","name=\"SelectionIndicator\"","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","_$createComponent","_$mergeProps"],"sources":["../../src/selection-indicator.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/SelectionIndicator.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { SharedElement } from \"./shared-element-transition\";\nimport type { SharedElementPropsBase } from \"./shared-element-transition\";\nimport { createContextProps } from \"./utils\";\nimport type { ContextValue, SlotProps } from \"./utils\";\n\nexport interface SelectionIndicatorProps\n  extends SharedElementPropsBase, SlotProps {\n  isSelected?: boolean;\n}\n\nexport const SelectionIndicatorContext = createContext<\n  ContextValue<SelectionIndicatorProps, HTMLDivElement>\n>({ isSelected: false });\n\nexport function SelectionIndicator(\n  input: SelectionIndicatorProps\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SelectionIndicatorContext\n  );\n\n  return (\n    <SharedElement\n      {...props}\n      class={props.class ?? \"solid2-aria-SelectionIndicator\"}\n      name=\"SelectionIndicator\"\n      isVisible={props.isSelected}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,4BAA4B,cAEvC,EAAE,YAAY,MAAM,CAAC;AAEvB,SAAgB,mBACd,OACa;CACb,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,yBACF;CAEA,OACEA,gBAAAA,eAAAA,WACM,OADN;EAEE,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAAgC;EACtDC,MAAK;EACL,IAAA,YAAA;GAAW,OAAA,MAAM;EAAU;EAC3BC,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;CACD,CAAA,CAAA;AAEL"}

package/dist/browser/separator.d.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Separator.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, DOMRenderProps, Ref, SlotProps, StyleProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { BaseCollection, CollectionNode } from "@solid2-aria/core/collections/base-collection";
+import { SeparatorProps as SeparatorProps$1 } from "@solid2-aria/core/separator/create-separator";
+export interface SeparatorProps extends SeparatorProps$1, StyleProps, SlotProps, DOMRenderProps<"hr" | "div", undefined> {
+  ref?: Ref<HTMLElement>;
+}
+export declare const SeparatorContext: import("solid-js").Context<ContextValue<SeparatorProps, HTMLElement>>;
+export declare class SeparatorNode extends CollectionNode<unknown> {
+  static readonly type = "separator";
+  filter(collection: BaseCollection<unknown>, next: BaseCollection<unknown>): this | null;
+}
+export declare function Separator(props: SeparatorProps): JSX.Element;
+//# sourceMappingURL=separator.d.ts.map

package/dist/browser/separator.js

@@ -0,0 +1,68 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Separator.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, dom } from "./utils.js";
+import { createComponent, dynamic, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { CollectionNode } from "@solid2-aria/core/collections/base-collection";
+import { createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createSeparator } from "@solid2-aria/core/separator/create-separator";
+// src/separator.tsx
+const SeparatorContext = createContext({});
+var SeparatorNode = class extends CollectionNode {
+	static type = "separator";
+	filter(collection, next) {
+		const prev = this.prevKey === null ? null : next.getItem(this.prevKey);
+		if (!prev || prev.type === "separator") return null;
+		const clone = this.clone();
+		next.addDescendants(clone, collection);
+		return clone;
+	}
+};
+const SeparatorComponent = createLeafComponent(SeparatorNode, (input) => {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SeparatorContext);
+	const aria = createSeparator(props);
+	const Element = dynamic(() => dom[props.elementType === "div" || props.orientation === "vertical" ? "div" : "hr"]);
+	return createComponent(Element, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.separatorProps ?? {}));
+	}, {
+		get "class"() {
+			return props.class ?? "solid2-aria-Separator";
+		},
+		get style() {
+			return props.style;
+		},
+		get render() {
+			return props.render;
+		},
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		}
+	}));
+});
+function Separator(props) {
+	return createComponent(SeparatorComponent, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+export { Separator, SeparatorContext, SeparatorNode };
+
+//# sourceMappingURL=separator.js.map

package/dist/browser/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["<Element\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          merge(() => aria.separatorProps ?? {})\n        )}\n        class={props.class ?? \"solid2-aria-Separator\"}\n        style={props.style}\n        render={props.render}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />","ref={(element: HTMLElement) => {\n          setRef(element);\n        }}","<SeparatorComponent\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","_$createComponent","_$mergeProps","mergeProps"],"sources":["../../src/separator.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Separator.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { CollectionNode } from \"@solid2-aria/core/collections/base-collection\";\nimport type { BaseCollection } from \"@solid2-aria/core/collections/base-collection\";\nimport { createLeafComponent } from \"@solid2-aria/core/collections/collection-builder\";\nimport { createSeparator } from \"@solid2-aria/core/separator/create-separator\";\nimport type { SeparatorProps as AriaSeparatorProps } from \"@solid2-aria/core/separator/create-separator\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext } from \"solid-js\";\n\nimport { assignRef, dom, createContextProps } from \"./utils\";\nimport type {\n  ContextValue,\n  Ref,\n  StyleProps,\n  SlotProps,\n  DOMRenderProps,\n} from \"./utils\";\n\nexport interface SeparatorProps\n  extends\n    AriaSeparatorProps,\n    StyleProps,\n    SlotProps,\n    DOMRenderProps<\"hr\" | \"div\", undefined> {\n  ref?: Ref<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<\n  ContextValue<SeparatorProps, HTMLElement>\n>({});\n\nexport class SeparatorNode extends CollectionNode<unknown> {\n  static override readonly type = \"separator\";\n  override filter(\n    collection: BaseCollection<unknown>,\n    next: BaseCollection<unknown>\n  ): this | null {\n    const prev = this.prevKey === null ? null : next.getItem(this.prevKey);\n\n    if (!prev || prev.type === \"separator\") {\n      return null;\n    }\n\n    const clone = this.clone();\n    next.addDescendants(clone, collection);\n\n    return clone;\n  }\n}\n\nconst SeparatorComponent = createLeafComponent<SeparatorProps, HTMLElement>(\n  SeparatorNode,\n  (input: SeparatorProps): JSX.Element => {\n    const [props, , setRef] = createContextProps(\n      input,\n      untrack(() => input.ref),\n      SeparatorContext\n    );\n\n    const aria = createSeparator(props);\n\n    const Element = dynamic(\n      () =>\n        dom[\n          props.elementType === \"div\" || props.orientation === \"vertical\"\n            ? \"div\"\n            : \"hr\"\n        ]\n    );\n\n    return (\n      <Element\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          merge(() => aria.separatorProps ?? {})\n        )}\n        class={props.class ?? \"solid2-aria-Separator\"}\n        style={props.style}\n        render={props.render}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />\n    );\n  }\n);\n\nexport function Separator(props: SeparatorProps): JSX.Element {\n  return (\n    <SeparatorComponent\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,mBAAmB,cAE9B,CAAC,CAAC;AAEJ,IAAa,gBAAb,cAAmC,eAAwB;CACzD,OAAyB,OAAO;CAChC,OACE,YACA,MACa;EACb,MAAM,OAAO,KAAK,YAAY,OAAO,OAAO,KAAK,QAAQ,KAAK,OAAO;EAErE,IAAI,CAAC,QAAQ,KAAK,SAAS,aACzB,OAAO;EAGT,MAAM,QAAQ,KAAK,MAAM;EACzB,KAAK,eAAe,OAAO,UAAU;EAErC,OAAO;CACT;AACF;AAEA,MAAM,qBAAqB,oBACzB,gBACC,UAAuC;CACtC,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,gBACF;CAEA,MAAM,OAAO,gBAAgB,KAAK;CAElC,MAAM,UAAU,cAEZ,IACE,MAAM,gBAAgB,SAAS,MAAM,gBAAgB,aACjD,QACA,KAEV;CAEA,OACEA,gBAAAA,SAAAA,iBACE;EAAI,OAAAM,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,kBAAkB,CAAC,CAAC,CACvC;CAAC,GAJH;EAKE,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAAuB;EAC7C,IAAA,QAAA;GAAO,OAAA,MAAM;EAAK;EAClB,IAAA,SAAA;GAAQ,OAAA,MAAM;EAAM;EACpBL,MAAM,YAAyB;GAC7B,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;CAC9B,CAAA,CAAA;AAEL,CACF;AAEA,SAAgB,UAAU,OAAoC;CAC5D,OACEC,gBAAAA,oBAAAA,WACM,OADN,EAEEC,MAAM,YAAyB;EAC7B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,EACD,CAAA,CAAA;AAEL"}

package/dist/browser/shared-element-transition.d.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/SharedElementTransition.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+export interface SharedElementTransitionProps {
+  children?: JSX.Element;
+}
+export declare function SharedElementTransition(props: SharedElementTransitionProps): JSX.Element;
+export interface SharedElementRenderProps {
+  isEntering: boolean;
+  isExiting: boolean;
+}
+export interface SharedElementPropsBase extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "class" | "style" | "ref" | "slot">, SlotProps, RenderProps<SharedElementRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export interface SharedElementProps extends SharedElementPropsBase {
+  name: string;
+  isVisible?: boolean;
+}
+export declare function SharedElement(props: SharedElementProps): JSX.Element;
+//# sourceMappingURL=shared-element-transition.d.ts.map

package/dist/browser/shared-element-transition.js

@@ -0,0 +1,141 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/SharedElementTransition.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createRenderProps, dom } from "./utils.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createEffect, createSignal, onSettled, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/shared-element-transition.tsx
+const SharedElementContext = createContext(null);
+function SharedElementTransition(props) {
+	return createComponent(SharedElementContext, {
+		value: /* @__PURE__ */ new Map(),
+		get children() {
+			return props.children;
+		}
+	});
+}
+function SharedElement(props) {
+	const scope = useContext(SharedElementContext);
+	if (!scope) throw new Error("SharedElement must be inside SharedElementTransition.");
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const [state, setState] = createSignal(untrack(() => props.isVisible === false ? "hidden" : "visible"), { ownedWrite: true });
+	let frame;
+	let generation = 0;
+	const snapshot = () => {
+		const el = ref();
+		if (!(el?.isConnected === true) || Object.hasOwn(el.dataset, "exiting")) return;
+		const style = getComputedStyle(el);
+		if (style.transitionProperty !== "none") scope.set(props.name, {
+			rect: el.getBoundingClientRect(),
+			style: style.transitionProperty.split(/\s*,\s*/u).map((property) => [property, style.getPropertyValue(property)])
+		});
+	};
+	createEffect(() => ({
+		element: ref(),
+		name: props.name,
+		visible: props.isVisible !== false
+	}), ({ visible, name, element }) => {
+		generation += 1;
+		const current = generation;
+		if (frame !== void 0) cancelAnimationFrame(frame);
+		if (visible && !element) {
+			setState("visible");
+			return;
+		}
+		if (!element) return;
+		const previous = scope.get(name);
+		if (visible && previous) {
+			scope.delete(name);
+			setState("visible");
+			const animations = element.getAnimations?.() ?? [];
+			const values = previous.style.map(([property, value]) => {
+				const currentValue = element.style.getPropertyValue(property);
+				if (property === "translate") {
+					const rect = element.getBoundingClientRect();
+					element.style.setProperty(property, `${previous.rect.left - rect.left}px ${previous.rect.top - rect.top}px`);
+				} else element.style.setProperty(property, value);
+				return [property, currentValue];
+			});
+			for (const animation of element.getAnimations?.() ?? []) if (!animations.includes(animation)) animation.cancel();
+			frame = requestAnimationFrame(() => {
+				for (const [property, value] of values) element.style.setProperty(property, value);
+				frame = void 0;
+			});
+		} else if (visible) {
+			setState("entering");
+			frame = requestAnimationFrame(() => {
+				frame = void 0;
+				if (current === generation) setState("visible");
+			});
+		} else {
+			snapshot();
+			queueMicrotask(() => {
+				if (current !== generation) return;
+				if (scope.has(name)) {
+					scope.delete(name);
+					setState("exiting");
+					const hide = async () => {
+						await Promise.allSettled((element.getAnimations?.() ?? []).map((animation) => animation.finished));
+						if (current === generation) setState("hidden");
+					};
+					hide();
+				} else setState("hidden");
+			});
+		}
+		return snapshot;
+	});
+	onSettled(() => () => {
+		generation += 1;
+		snapshot();
+		if (frame !== void 0) cancelAnimationFrame(frame);
+	});
+	const values = {
+		get isEntering() {
+			return state() === "entering";
+		},
+		get isExiting() {
+			return state() === "exiting";
+		}
+	};
+	const render = createRenderProps(mergeProps$1(props, { values }));
+	return createComponent(Show, {
+		get when() {
+			return state() !== "hidden";
+		},
+		get children() {
+			return createComponent(dom.div, mergeProps(() => {
+				return filterDOMProps(props, { global: true });
+			}, render, {
+				ref: [(element) => {
+					setRef(element);
+				}, (element) => {
+					assignRef(untrack(() => props.ref), element);
+				}],
+				get "data-entering"() {
+					return values.isEntering || void 0;
+				},
+				get "data-exiting"() {
+					return values.isExiting || void 0;
+				}
+			}));
+		}
+	});
+}
+export { SharedElement, SharedElementTransition };
+
+//# sourceMappingURL=shared-element-transition.js.map

package/dist/browser/shared-element-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-element-transition.js","names":["<SharedElementContext value={new Map()}>\n      {props.children}\n    </SharedElementContext>","value={new Map()}","<Show when={state() !== \"hidden\"}>\n      <dom.div\n        {...filterDOMProps(props, { global: true })}\n        {...render}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      />\n    </Show>","<dom.div\n        {...filterDOMProps(props, { global: true })}\n        {...render}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      />","dom.div","ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}","_$createComponent","mergeProps","_$mergeProps"],"sources":["../../src/shared-element-transition.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/SharedElementTransition.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createSignal,\n  createContext,\n  createEffect,\n  onSettled,\n  Show,\n  useContext,\n  untrack,\n} from \"solid-js\";\n\nimport { assignRef, dom, createRenderProps } from \"./utils\";\nimport type { Ref, SlotProps, RenderProps } from \"./utils\";\n\ninterface Snapshot {\n  rect: DOMRect;\n  style: [string, string][];\n}\n\nconst SharedElementContext = createContext<Map<string, Snapshot> | null>(null);\n\nexport interface SharedElementTransitionProps {\n  children?: JSX.Element;\n}\n\nexport function SharedElementTransition(\n  props: SharedElementTransitionProps\n): JSX.Element {\n  return (\n    <SharedElementContext value={new Map()}>\n      {props.children}\n    </SharedElementContext>\n  );\n}\n\nexport interface SharedElementRenderProps {\n  isEntering: boolean;\n  isExiting: boolean;\n}\n\nexport interface SharedElementPropsBase\n  extends\n    Omit<\n      JSX.HTMLAttributes<HTMLDivElement>,\n      \"children\" | \"class\" | \"style\" | \"ref\" | \"slot\"\n    >,\n    SlotProps,\n    RenderProps<SharedElementRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SharedElementProps extends SharedElementPropsBase {\n  name: string;\n  isVisible?: boolean;\n}\n\nexport function SharedElement(props: SharedElementProps): JSX.Element {\n  const scope = useContext(SharedElementContext);\n\n  if (!scope) {\n    throw new Error(\"SharedElement must be inside SharedElementTransition.\");\n  }\n\n  const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [state, setState] = createSignal<\n    \"visible\" | \"hidden\" | \"entering\" | \"exiting\"\n  >(\n    untrack(() => (props.isVisible === false ? \"hidden\" : \"visible\")),\n    { ownedWrite: true }\n  );\n\n  let frame: number | undefined;\n  let generation = 0;\n\n  const snapshot = () => {\n    const el = ref();\n\n    if (!(el?.isConnected === true) || Object.hasOwn(el.dataset, \"exiting\")) {\n      return;\n    }\n\n    const style = getComputedStyle(el);\n\n    if (style.transitionProperty !== \"none\") {\n      scope.set(props.name, {\n        rect: el.getBoundingClientRect(),\n        style: style.transitionProperty\n          .split(/\\s*,\\s*/u)\n          .map((property) => [property, style.getPropertyValue(property)]),\n      });\n    }\n  };\n\n  createEffect(\n    () => ({\n      element: ref(),\n      name: props.name,\n      visible: props.isVisible !== false,\n    }),\n    ({ visible, name, element }): undefined | (() => void) => {\n      generation += 1;\n      const current = generation;\n\n      if (frame !== undefined) {\n        cancelAnimationFrame(frame);\n      }\n\n      if (visible && !element) {\n        setState(\"visible\");\n\n        return undefined;\n      }\n\n      if (!element) {\n        return undefined;\n      }\n\n      const previous = scope.get(name);\n\n      if (visible && previous) {\n        scope.delete(name);\n        setState(\"visible\");\n        const animations = element.getAnimations?.() ?? [];\n\n        const values = previous.style.map(([property, value]) => {\n          const currentValue = element.style.getPropertyValue(property);\n\n          if (property === \"translate\") {\n            const rect = element.getBoundingClientRect();\n            element.style.setProperty(\n              property,\n              `${previous.rect.left - rect.left}px ${previous.rect.top - rect.top}px`\n            );\n          } else {\n            element.style.setProperty(property, value);\n          }\n\n          return [property, currentValue] as const;\n        });\n\n        for (const animation of element.getAnimations?.() ?? []) {\n          if (!animations.includes(animation)) {\n            animation.cancel();\n          }\n        }\n\n        frame = requestAnimationFrame(() => {\n          for (const [property, value] of values) {\n            element.style.setProperty(property, value);\n          }\n\n          frame = undefined;\n        });\n      } else if (visible) {\n        setState(\"entering\");\n        frame = requestAnimationFrame(() => {\n          frame = undefined;\n\n          if (current === generation) {\n            setState(\"visible\");\n          }\n        });\n      } else {\n        snapshot();\n        queueMicrotask(() => {\n          if (current !== generation) {\n            return;\n          }\n\n          if (scope.has(name)) {\n            scope.delete(name);\n            setState(\"exiting\");\n\n            const hide = async () => {\n              await Promise.allSettled(\n                (element.getAnimations?.() ?? []).map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- Wait on existing animation promises without wrapping them.\n                  (animation) => animation.finished\n                )\n              );\n\n              if (current === generation) {\n                setState(\"hidden\");\n              }\n            };\n\n            void hide();\n          } else {\n            setState(\"hidden\");\n          }\n        });\n      }\n\n      return snapshot;\n    }\n  );\n  onSettled(() => () => {\n    generation += 1;\n    snapshot();\n\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n    }\n  });\n\n  const values: SharedElementRenderProps = {\n    get isEntering() {\n      return state() === \"entering\";\n    },\n    get isExiting() {\n      return state() === \"exiting\";\n    },\n  };\n\n  const render = createRenderProps(mergeProps(props, { values }));\n\n  return (\n    <Show when={state() !== \"hidden\"}>\n      <dom.div\n        {...filterDOMProps(props, { global: true })}\n        {...render}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      />\n    </Show>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/sheet.d.ts

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Sheet.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; measures rendered CSS snap lengths, tracks page offsets, preserves native scrolling, defers focus until entry, and settles handle gestures on release.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Ref, RenderProps } from "./utils.js";
+import { DialogProps, DialogTriggerProps } from "./dialog.js";
+import { ModalOverlayProps, ModalRenderProps } from "./modal.js";
+import { JSX } from "@solidjs/web";
+import { GlobalDOMAttributes } from "@solid2-aria/types-shared-web";
+type SheetPosition = "bottom" | "top" | "left" | "right" | "center";
+type SheetSwipeDirection = Exclude<SheetPosition, "center"> | "vertical" | "horizontal";
+export interface SheetRenderProps extends ModalRenderProps {
+  position: SheetPosition;
+  swipeDirection: SheetSwipeDirection;
+  stackIndex: number;
+  hasDescendants: boolean;
+  isExpanded: boolean;
+}
+export interface SheetOverlayProps extends Omit<ModalOverlayProps, "class" | "style" | "children" | "render" | "onEnter" | "onExit" | "isEntering" | "isExiting" | "isDismissable" | "isKeyboardDismissDisabled">, RenderProps<SheetRenderProps> {
+  position?: SheetPosition | "start" | "end";
+  swipeDirection?: SheetSwipeDirection | "start" | "end";
+  snapPoints?: (number | string)[];
+  preventDismissal?: boolean;
+}
+export type SheetTriggerProps = DialogTriggerProps;
+export interface SheetProps extends Omit<ModalOverlayProps, "class" | "style" | "children" | "render" | "onEnter" | "onExit" | "isEntering" | "isExiting" | "isDismissable" | "isOpen" | "defaultOpen" | "onOpenChange" | "isKeyboardDismissDisabled" | "shouldCloseOnInteractOutside">, RenderProps<SheetRenderProps> {
+  swipeAnimation?: string;
+  swipeAnimationRange?: {
+    start?: number;
+    end?: number;
+  };
+  stackAnimation?: string;
+  overscrollPadding?: boolean;
+}
+export interface SheetBackdropProps extends RenderProps<SheetRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
+  ref?: Ref<HTMLDivElement>;
+  swipeAnimation?: string;
+  swipeAnimationRange?: {
+    start?: number;
+    end?: number;
+  };
+}
+export interface SheetContentProps extends Omit<DialogProps, "class" | "isEntering"> {
+  class?: JSX.ClassValue;
+}
+export declare function SheetTrigger(props: SheetTriggerProps): JSX.Element;
+export declare function SheetOverlay(props: SheetOverlayProps): JSX.Element;
+export declare function Sheet(props: SheetProps): JSX.Element;
+export declare function SheetBackdrop(props: SheetBackdropProps): JSX.Element;
+export declare function SheetContent(props: SheetContentProps): JSX.Element;
+export {};
+//# sourceMappingURL=sheet.d.ts.map