@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["{state.collection.size === 0 && props.renderEmptyState ? (\n        <div role=\"menuitem\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState()}\n        </div>\n      ) : null}","{props.renderEmptyState()}","props.renderEmptyState()","<div role=\"menuitem\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState()}\n        </div>","style={{ display: \"contents\" }}","manager.selectionMode === \"none\" ? undefined : manager.selectionMode","dom.div","<dom.div\n            {...filterDOMProps(props, { global: true })}\n            {...render}\n            ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}\n            role=\"menuitem\"\n            tabindex={-1}\n          >\n            {render.children}\n          </dom.div>","menuRef={setRef}","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.menuProps ?? {})\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-empty={state.collection.size === 0 || undefined}\n    >\n      <MenuStateContext value={state}>\n        <SelectionManagerContext value={untrack(() => state.selectionManager)}>\n          <RootMenuTriggerStateContext value={trigger}>\n            <SubmenuContext\n              value={{\n                parentMenuRef: ref,\n                get shouldUseVirtualFocus() {\n                  return props.shouldUseVirtualFocus;\n                },\n              }}\n            >\n              <MenuItemContext\n                value={{\n                  get shouldCloseOnSelect() {\n                    return props.shouldCloseOnSelect;\n                  },\n                }}\n              >\n                <SelectableCollectionContext value={null}>\n                  <FieldInputContext value={null}>\n                    <SectionContext\n                      value={{\n                        name: \"MenuSection\",\n                        render: (\n                          sectionProps,\n                          sectionRef,\n                          node,\n                          defaultClass\n                        ) =>\n                          MenuSectionInner(\n                            sectionProps,\n                            sectionRef,\n                            node,\n                            defaultClass\n                          ),\n                      }}\n                    >\n                      <Root collection={state.collection} scrollRef={ref} />\n                    </SectionContext>\n                  </FieldInputContext>\n                </SelectableCollectionContext>\n              </MenuItemContext>\n            </SubmenuContext>\n          </RootMenuTriggerStateContext>\n        </SelectionManagerContext>\n      </MenuStateContext>\n      {state.collection.size === 0 && props.renderEmptyState ? (\n        <div role=\"menuitem\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState()}\n        </div>\n      ) : null}\n    </dom.div>","dom.section","<dom.section\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.groupProps ?? {})\n      )}\n      ref={ref}\n      render={props.render}\n      class={props.class ?? defaultClass}\n      style={props.style}\n    >\n      <HeaderContext\n        value={mergeProps(\n          merge(() => aria.headingProps ?? {}),\n          { registerSlot: registerHeading }\n        )}\n      >\n        <SelectionManagerContext value={untrack(manager)}>\n          <MenuItemContext\n            value={{\n              get shouldCloseOnSelect() {\n                return (\n                  props.shouldCloseOnSelect ?? context?.shouldCloseOnSelect\n                );\n              },\n            }}\n          >\n            <Branch collection={state.collection} parent={node} />\n          </MenuItemContext>\n        </SelectionManagerContext>\n      </HeaderContext>\n    </dom.section>","ref={ref}","<Element\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n          render,\n          merge(() => aria.menuItemProps ?? {}),\n          merge(() => hover.hoverProps ?? {})\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        data-selected={aria.isSelected || undefined}\n        data-disabled={aria.isDisabled || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={aria.isFocused || undefined}\n        data-focus-visible={aria.isFocusVisible || undefined}\n        data-pressed={aria.isPressed || undefined}\n        data-has-submenu={values.hasSubmenu || undefined}\n        data-open={values.isOpen || undefined}\n        data-selection-mode={\n          manager.selectionMode === \"none\" ? undefined : manager.selectionMode\n        }\n      >\n        <TextContext\n          value={{\n            slots: {\n              get [DEFAULT_SLOT]() {\n                return aria.labelProps;\n              },\n              get description() {\n                return aria.descriptionProps;\n              },\n              get label() {\n                return aria.labelProps;\n              },\n            },\n          }}\n        >\n          <KeyboardContext value={aria.keyboardShortcutProps}>\n            <SelectionIndicatorContext\n              value={{\n                get isSelected() {\n                  return aria.isSelected;\n                },\n              }}\n            >\n              {render.children}\n            </SelectionIndicatorContext>\n          </KeyboardContext>\n        </TextContext>\n      </Element>","<div style={{ height: 0, position: \"relative\", width: 0 }} inert>\n          <div\n            data-testid=\"loadMoreSentinel\"\n            ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}\n            style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}\n          />\n        </div>","style={{ height: 0, position: \"relative\", width: 0 }}","style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}","<MenuSectionCollection\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      }}","<MenuItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","<SubmenuTriggerCollection\n      {...props}\n      renderPopover={() => props.children[1]}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","renderPopover={() => props.children[1]}","<MenuLoadMoreItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","_$mergeProps","_$memo","_$ssrHydrationKey","_$scope","_$escape","_$ssr","_$ssrStyleProperty","_$applyRef","_$ssrStyleProperties"],"sources":["../../src/menu.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/Menu.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props and press responders for custom triggers.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport {\n  ItemNode,\n  SectionNode,\n  LoaderNode,\n  CollectionNode,\n  BaseCollection,\n} from \"@solid2-aria/core/collections/base-collection\";\nimport {\n  Collection,\n  CollectionBuilder,\n  createLeafComponent,\n  createBranchComponent,\n} from \"@solid2-aria/core/collections/collection-builder\";\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { PressResponder } from \"@solid2-aria/core/interactions/press-responder\";\nimport { createMenu } from \"@solid2-aria/core/menu/create-menu\";\nimport type { AriaMenuProps } from \"@solid2-aria/core/menu/create-menu\";\nimport { createMenuItem } from \"@solid2-aria/core/menu/create-menu-item\";\nimport { createMenuSection } from \"@solid2-aria/core/menu/create-menu-section\";\nimport { createMenuTrigger } from \"@solid2-aria/core/menu/create-menu-trigger\";\nimport { createSubmenuTrigger } from \"@solid2-aria/core/menu/create-submenu-trigger\";\nimport { createLoadMoreSentinel } from \"@solid2-aria/core/utils/create-load-more-sentinel\";\nimport type { LoadMoreSentinelProps } from \"@solid2-aria/core/utils/create-load-more-sentinel\";\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 { createMenuTriggerState } from \"@solid2-aria/stately/menu/create-menu-trigger-state\";\nimport type {\n  MenuTriggerProps as BaseMenuTriggerProps,\n  RootMenuTriggerState,\n} from \"@solid2-aria/stately/menu/create-menu-trigger-state\";\nimport { createSubmenuTriggerState } from \"@solid2-aria/stately/menu/create-submenu-trigger-state\";\nimport { createMultipleSelectionState } from \"@solid2-aria/stately/selection/create-multiple-selection-state\";\nimport { SelectionManager } from \"@solid2-aria/stately/selection/selection-manager\";\nimport type { MultipleSelectionState } from \"@solid2-aria/stately/selection/types\";\nimport { createTreeState } from \"@solid2-aria/stately/tree/create-tree-state\";\nimport type { TreeState } from \"@solid2-aria/stately/tree/create-tree-state\";\nimport type {\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  MultipleSelection,\n  PressEvents,\n  Node,\n  FocusStrategy,\n} from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createMemo,\n  useContext,\n  omit,\n  Show,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { SelectableCollectionContext, FieldInputContext } from \"./autocomplete\";\nimport type { SelectableCollectionContextValue } from \"./autocomplete\";\nimport { CollectionRendererContext, SectionContext } from \"./collection\";\nimport type {\n  CollectionProps,\n  ItemRenderProps,\n  SectionProps,\n} from \"./collection\";\nimport { OverlayTriggerStateContext } from \"./dialog\";\nimport { HeaderContext } from \"./header\";\nimport { KeyboardContext } from \"./keyboard\";\nimport { PopoverContext } from \"./popover\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  DEFAULT_SLOT,\n  createSlottedContext,\n  assignRef,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  DOMRenderProps,\n  PossibleLinkDOMRenderProps,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  StyleRenderProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n\nexport const MenuStateContext = createContext<TreeState<unknown> | null>(null);\n\nexport const RootMenuTriggerStateContext =\n  createContext<RootMenuTriggerState | null>(null);\n\nconst SelectionManagerContext = createContext<SelectionManager | null>(null);\n\nconst MenuItemContext = createContext<\n  ContextValue<\n    MenuItemProps<unknown> & {\n      isOpen?: boolean;\n      \"aria-haspopup\"?: \"menu\" | \"dialog\";\n      \"aria-expanded\"?: boolean | \"true\" | \"false\";\n      \"aria-controls\"?: string;\n    },\n    HTMLDivElement\n  >\n>(null);\n\nconst SubmenuContext = createContext<{\n  parentMenuRef: Accessor<HTMLElement | null>;\n  shouldUseVirtualFocus?: boolean;\n} | null>(null);\n\nconst SubmenuCaptureContext = createContext(false);\n\nexport interface MenuTriggerProps extends BaseMenuTriggerProps {\n  children: JSX.Element;\n}\n\nexport interface SubmenuTriggerProps {\n  /**\n   * The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the\n   * second child should be the Popover (for the submenu).\n   */\n  children: JSX.Element[];\n  /**\n   * The delay time in milliseconds for the submenu to appear after hovering over the trigger.\n   *\n   * @default 200\n   */\n  delay?: number;\n}\n\nexport interface MenuRenderProps {\n  /**\n   * Whether the menu has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n}\n\nexport interface MenuProps<T>\n  extends\n    Omit<AriaMenuProps<T>, \"children\">,\n    CollectionProps<T>,\n    StyleRenderProps<MenuRenderProps>,\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-Menu'\n   */\n  class?: ClassOrFunction<MenuRenderProps>;\n  /** Provides content to display when there are no items in the menu. */\n  renderEmptyState?: () => JSX.Element;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\nexport interface MenuSectionProps<T>\n  extends\n    SectionProps<T>,\n    Omit<MultipleSelection, \"disabledKeys\">,\n    DOMRenderProps<\"section\", undefined> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-MenuSection'\n   */\n  class?: JSX.ClassValue;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\nexport interface MenuItemRenderProps extends ItemRenderProps {\n  /**\n   * Whether the item has a submenu.\n   *\n   * @selector [data-has-submenu]\n   */\n  hasSubmenu: boolean;\n  /**\n   * Whether the item's submenu is open.\n   *\n   * @selector [data-open]\n   */\n  isOpen: boolean;\n}\n\nexport interface MenuItemProps<T = object>\n  extends\n    Omit<RenderProps<MenuItemRenderProps>, \"render\">,\n    PossibleLinkDOMRenderProps<\"div\", MenuItemRenderProps>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, \"onClick\"> {\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-MenuItem'\n   */\n  class?: ClassOrFunction<MenuItemRenderProps>;\n  /** The unique id of the item. */\n  id?: Key;\n  /**\n   * The object value that this item represents. When using dynamic collections, this is set\n   * automatically.\n   */\n  value?: T;\n  /** A string representation of the item's contents, used for features like typeahead. */\n  textValue?: string;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the item is selected. */\n  onAction?: () => void;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\nexport interface MenuLoadMoreItemProps\n  extends\n    Omit<LoadMoreSentinelProps, \"collection\" | \"direction\">,\n    StyleProps,\n    DOMRenderProps<\"div\", undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-MenuLoadingIndicator'\n   */\n  class?: JSX.ClassValue;\n  /**\n   * The load more spinner to render when loading additional items.\n   */\n  children?: JSX.Element;\n  /**\n   * Whether or not the loading spinner should be rendered or not.\n   */\n  isLoading?: boolean;\n}\n\nexport function MenuTrigger(props: MenuTriggerProps): JSX.Element {\n  const [scrollRef, setScrollRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\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 state = createMenuTriggerState(props);\n\n  const [ref, setRef] = createSignal<FocusableElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createMenuTrigger(\n    mergeProps(props, {\n      get type(): \"menu\" {\n        return \"menu\";\n      },\n    }),\n    state,\n    ref\n  );\n\n  return (\n    <MenuContext\n      value={mergeProps(\n        merge(() => aria.menuProps ?? {}),\n        {\n          ref: (element: HTMLDivElement) => {\n            setScrollRef(element);\n          },\n        }\n      )}\n    >\n      <OverlayTriggerStateContext value={state}>\n        <RootMenuTriggerStateContext value={state}>\n          <PopoverContext\n            value={mergeProps(\n              {\n                get placement(): \"bottom start\" {\n                  return \"bottom start\";\n                },\n                scrollRef,\n                trigger: \"MenuTrigger\",\n                triggerRef: ref,\n              },\n              {\n                get \"aria-labelledby\"() {\n                  return aria.menuProps[\"aria-labelledby\"];\n                },\n                get offset() {\n                  return props.trigger === \"contextMenu\" ? 0 : undefined;\n                },\n              }\n            )}\n          >\n            <PressResponder\n              {\n                // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                ...merge(() => aria.menuTriggerProps ?? {})\n                // oxlint-enable solid/reactivity\n              }\n              isPressed={state.isOpen}\n              ref={(element) => {\n                setRef(element);\n              }}\n            >\n              {props.children}\n            </PressResponder>\n          </PopoverContext>\n        </RootMenuTriggerStateContext>\n      </OverlayTriggerStateContext>\n    </MenuContext>\n  );\n}\n\nexport function Menu<T extends object>(\n  input: MenuProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    MenuContext\n  );\n\n  return (\n    <CollectionBuilder\n      createCollection={() => new BaseCollection<T>()}\n      content={<Collection {...props} />}\n    >\n      {(collection) => (\n        <MenuInner props={props} collection={collection} menuRef={setRef} />\n      )}\n    </CollectionBuilder>\n  );\n}\n\nfunction MenuInner<T extends object>(input: {\n  props: MenuProps<T> & SelectableCollectionContextValue<T>;\n  collection: BaseCollection<T>;\n  menuRef: (element: HTMLDivElement) => void;\n}): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    untrack(() => input.props),\n    untrack(() => input.menuRef),\n    SelectableCollectionContext\n  );\n\n  const renderer = useContext(CollectionRendererContext);\n  const Root = renderer.CollectionRoot;\n\n  const state = createTreeState(\n    mergeProps(omit(props, \"items\", \"filter\"), {\n      children: undefined,\n      get collection() {\n        return props.filter\n          ? input.collection.filter(props.filter)\n          : input.collection;\n      },\n    })\n  );\n\n  const trigger =\n    useContext(RootMenuTriggerStateContext) ?? createMenuTriggerState({});\n\n  const aria = createMenu(\n    mergeProps(omit(props, \"items\", \"children\"), {\n      get isVirtualized() {\n        return renderer.isVirtualized;\n      },\n      get onClose() {\n        return props.onClose ?? trigger.close;\n      },\n    }),\n    state,\n    ref\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      children: undefined,\n      defaultClass: \"solid2-aria-Menu\",\n      values: {\n        get isEmpty() {\n          return state.collection.size === 0;\n        },\n      },\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.menuProps ?? {})\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-empty={state.collection.size === 0 || undefined}\n    >\n      <MenuStateContext value={state}>\n        <SelectionManagerContext value={untrack(() => state.selectionManager)}>\n          <RootMenuTriggerStateContext value={trigger}>\n            <SubmenuContext\n              value={{\n                parentMenuRef: ref,\n                get shouldUseVirtualFocus() {\n                  return props.shouldUseVirtualFocus;\n                },\n              }}\n            >\n              <MenuItemContext\n                value={{\n                  get shouldCloseOnSelect() {\n                    return props.shouldCloseOnSelect;\n                  },\n                }}\n              >\n                <SelectableCollectionContext value={null}>\n                  <FieldInputContext value={null}>\n                    <SectionContext\n                      value={{\n                        name: \"MenuSection\",\n                        render: (\n                          sectionProps,\n                          sectionRef,\n                          node,\n                          defaultClass\n                        ) =>\n                          MenuSectionInner(\n                            sectionProps,\n                            sectionRef,\n                            node,\n                            defaultClass\n                          ),\n                      }}\n                    >\n                      <Root collection={state.collection} scrollRef={ref} />\n                    </SectionContext>\n                  </FieldInputContext>\n                </SelectableCollectionContext>\n              </MenuItemContext>\n            </SubmenuContext>\n          </RootMenuTriggerStateContext>\n        </SelectionManagerContext>\n      </MenuStateContext>\n      {state.collection.size === 0 && props.renderEmptyState ? (\n        <div role=\"menuitem\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState()}\n        </div>\n      ) : null}\n    </dom.div>\n  );\n}\n\nclass GroupSelectionManager extends SelectionManager {\n  private readonly parent: SelectionManager;\n  constructor(parent: SelectionManager, state: MultipleSelectionState) {\n    super(parent.collection, state);\n    this.parent = parent;\n  }\n  override get focusedKey() {\n    return this.parent.focusedKey;\n  }\n  override get isFocused() {\n    return this.parent.isFocused;\n  }\n  override setFocusedKey(key: Key | null, strategy?: FocusStrategy) {\n    this.parent.setFocusedKey(key, strategy);\n  }\n  override setFocused(value: boolean) {\n    this.parent.setFocused(value);\n  }\n  override get childFocusStrategy() {\n    return this.parent.childFocusStrategy;\n  }\n}\n\nfunction MenuSectionInner(\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  props: MenuSectionProps<any>,\n  ref: Ref<HTMLElement>,\n  node: Node<unknown>,\n  defaultClass = \"solid2-aria-MenuSection\"\n): JSX.Element {\n  const state = useContext(MenuStateContext);\n  const parent = useContext(SelectionManagerContext);\n\n  if (!state || !parent) {\n    throw new Error(\"MenuSection must be rendered in a Menu.\");\n  }\n\n  const renderer = useContext(CollectionRendererContext);\n  const Branch = renderer.CollectionBranch;\n  const [registerHeading, heading] = createSlot();\n\n  const aria = createMenuSection({\n    get \"aria-label\"() {\n      return props[\"aria-label\"] ?? undefined;\n    },\n    get heading() {\n      return heading();\n    },\n  });\n\n  const selection = createMultipleSelectionState(props);\n\n  const manager = createMemo(() =>\n    props.selectionMode === null || props.selectionMode === undefined\n      ? parent\n      : new GroupSelectionManager(parent, selection)\n  );\n\n  const context = createSlottedContext(MenuItemContext);\n\n  return (\n    <dom.section\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.groupProps ?? {})\n      )}\n      ref={ref}\n      render={props.render}\n      class={props.class ?? defaultClass}\n      style={props.style}\n    >\n      <HeaderContext\n        value={mergeProps(\n          merge(() => aria.headingProps ?? {}),\n          { registerSlot: registerHeading }\n        )}\n      >\n        <SelectionManagerContext value={untrack(manager)}>\n          <MenuItemContext\n            value={{\n              get shouldCloseOnSelect() {\n                return (\n                  props.shouldCloseOnSelect ?? context?.shouldCloseOnSelect\n                );\n              },\n            }}\n          >\n            <Branch collection={state.collection} parent={node} />\n          </MenuItemContext>\n        </SelectionManagerContext>\n      </HeaderContext>\n    </dom.section>\n  );\n}\n\nconst MenuSectionCollection = createBranchComponent(\n  SectionNode,\n  MenuSectionInner\n);\n\nconst MenuItemCollection = createLeafComponent(\n  ItemNode,\n  <T,>(\n    input: MenuItemProps<T>,\n    forwardedRef: Ref<HTMLDivElement>,\n    node: Node<T>\n  ): JSX.Element => {\n    const [props, ref, setRef] = createContextProps(\n      input,\n      forwardedRef,\n      MenuItemContext\n    );\n\n    const context = createSlottedContext(MenuItemContext);\n    const state = useContext(MenuStateContext);\n\n    if (!state) {\n      throw new Error(\"MenuItem must be rendered in a Menu.\");\n    }\n\n    const manager =\n      useContext(SelectionManagerContext) ?? state.selectionManager;\n\n    const renderer = useContext(CollectionRendererContext);\n\n    const aria = createMenuItem(\n      mergeProps(\n        omit(props, \"id\", \"onAction\"),\n        context\n          ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            omit(context, \"id\", \"onAction\")\n          : // oxlint-enable solid/reactivity\n            undefined,\n        {\n          get isVirtualized() {\n            return renderer.isVirtualized;\n          },\n          get key() {\n            return node.key;\n          },\n          selectionManager: manager,\n        }\n      ),\n      state,\n      ref\n    );\n\n    const hover = createHover(\n      mergeProps(props, {\n        get isDisabled() {\n          return aria.isDisabled;\n        },\n      })\n    );\n\n    const values: MenuItemRenderProps = {\n      get hasSubmenu() {\n        return !!context?.[\"aria-haspopup\"];\n      },\n      get isDisabled() {\n        return aria.isDisabled;\n      },\n      get isFocusVisible() {\n        return aria.isFocusVisible;\n      },\n      get isFocused() {\n        return aria.isFocused;\n      },\n      get isHovered() {\n        return hover.isHovered;\n      },\n      get isOpen() {\n        return context?.isOpen === true;\n      },\n      get isPressed() {\n        return aria.isPressed;\n      },\n      get isSelected() {\n        return aria.isSelected;\n      },\n      get selectionBehavior() {\n        return manager.selectionBehavior;\n      },\n      get selectionMode() {\n        return manager.selectionMode;\n      },\n    };\n\n    const render = createRenderProps(\n      mergeProps(props, { defaultClass: \"solid2-aria-MenuItem\", values })\n    );\n\n    const Element = dynamic(() => (isTruthy(props.href) ? dom.a : dom.div));\n\n    return (\n      <Element\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n          render,\n          merge(() => aria.menuItemProps ?? {}),\n          merge(() => hover.hoverProps ?? {})\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        data-selected={aria.isSelected || undefined}\n        data-disabled={aria.isDisabled || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={aria.isFocused || undefined}\n        data-focus-visible={aria.isFocusVisible || undefined}\n        data-pressed={aria.isPressed || undefined}\n        data-has-submenu={values.hasSubmenu || undefined}\n        data-open={values.isOpen || undefined}\n        data-selection-mode={\n          manager.selectionMode === \"none\" ? undefined : manager.selectionMode\n        }\n      >\n        <TextContext\n          value={{\n            slots: {\n              get [DEFAULT_SLOT]() {\n                return aria.labelProps;\n              },\n              get description() {\n                return aria.descriptionProps;\n              },\n              get label() {\n                return aria.labelProps;\n              },\n            },\n          }}\n        >\n          <KeyboardContext value={aria.keyboardShortcutProps}>\n            <SelectionIndicatorContext\n              value={{\n                get isSelected() {\n                  return aria.isSelected;\n                },\n              }}\n            >\n              {render.children}\n            </SelectionIndicatorContext>\n          </KeyboardContext>\n        </TextContext>\n      </Element>\n    );\n  }\n);\n\nclass SubmenuTriggerNode extends CollectionNode<unknown> {\n  static override readonly type = \"submenutrigger\";\n  override filter(\n    collection: BaseCollection<unknown>,\n    target: BaseCollection<unknown>,\n    filter: (text: string, node: Node<unknown>) => boolean\n  ): this | null {\n    const item =\n      this.firstChildKey === null || this.firstChildKey === undefined\n        ? null\n        : collection.getItem(this.firstChildKey);\n\n    if (item && filter(item.textValue, this)) {\n      const clone = this.clone();\n      target.addDescendants(clone, collection);\n\n      return clone;\n    }\n\n    return null;\n  }\n}\n\nconst SubmenuTriggerCollection = createBranchComponent(\n  SubmenuTriggerNode,\n  (\n    props: SubmenuTriggerProps & { renderPopover: () => JSX.Element },\n    forwardedRef: Ref<HTMLDivElement>,\n    item: Node<unknown>\n  ): JSX.Element => {\n    const [submenuRef, setSubmenuRef] = createSignal<HTMLDivElement | null>(\n      null,\n      { ownedWrite: true }\n    );\n\n    const state = useContext(MenuStateContext);\n    const root = useContext(RootMenuTriggerStateContext);\n    const parent = useContext(SubmenuContext);\n\n    if (!state || !root || !parent) {\n      throw new Error(\"SubmenuTrigger must be rendered in a Menu.\");\n    }\n\n    const renderer = useContext(CollectionRendererContext);\n    const Branch = renderer.CollectionBranch;\n    const trigger = createSubmenuTriggerState({ triggerKey: item.key }, root);\n\n    const [itemRef, setItemRef] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    const aria = createSubmenuTrigger(\n      mergeProps(props, parent, { submenuRef }),\n      trigger,\n      itemRef\n    );\n\n    return (\n      <MenuItemContext\n        value={mergeProps(\n          merge(() => aria.submenuTriggerProps ?? {}),\n          {\n            onAction: undefined,\n            ref: (element: HTMLDivElement) => {\n              setItemRef(element);\n            },\n          }\n        )}\n      >\n        <MenuContext\n          value={mergeProps(\n            merge(() => aria.submenuProps ?? {}),\n            {\n              ref: (element: HTMLDivElement) => {\n                setSubmenuRef(element);\n              },\n            }\n          )}\n        >\n          <OverlayTriggerStateContext value={trigger}>\n            <PopoverContext\n              value={mergeProps(\n                merge(() => aria.popoverProps ?? {}),\n                {\n                  get \"aria-labelledby\"() {\n                    return aria.submenuProps[\"aria-labelledby\"];\n                  },\n                  get placement(): \"end top\" {\n                    return \"end top\";\n                  },\n                  trigger: \"SubmenuTrigger\",\n                  triggerRef: itemRef,\n                }\n              )}\n            >\n              <Branch collection={state.collection} parent={item} />\n              <SubmenuCaptureContext value={true}>\n                {props.renderPopover()}\n              </SubmenuCaptureContext>\n            </PopoverContext>\n          </OverlayTriggerStateContext>\n        </MenuContext>\n      </MenuItemContext>\n    );\n  },\n  (props) => untrack(() => props.children[0])\n);\n\nconst MenuLoadMoreItemCollection = createLeafComponent(\n  LoaderNode,\n  (\n    props: MenuLoadMoreItemProps,\n    forwardedRef: Ref<HTMLDivElement>,\n    _node: Node<unknown>\n  ): JSX.Element => {\n    const state = useContext(MenuStateContext);\n\n    if (!state) {\n      throw new Error(\"MenuLoadMoreItem must be rendered in a Menu.\");\n    }\n\n    const [sentinel, setSentinel] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    createLoadMoreSentinel(\n      mergeProps(props, {\n        get collection() {\n          return state.collection;\n        },\n      }),\n      sentinel\n    );\n\n    const render = createRenderProps(\n      mergeProps(props, {\n        defaultClass: \"solid2-aria-MenuLoadingIndicator\",\n        values: undefined,\n      })\n    );\n\n    return (\n      <>\n        <div style={{ height: 0, position: \"relative\", width: 0 }} inert>\n          <div\n            data-testid=\"loadMoreSentinel\"\n            ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}\n            style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}\n          />\n        </div>\n        <Show when={props.isLoading}>\n          <dom.div\n            {...filterDOMProps(props, { global: true })}\n            {...render}\n            ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}\n            role=\"menuitem\"\n            tabindex={-1}\n          >\n            {render.children}\n          </dom.div>\n        </Show>\n      </>\n    );\n  }\n);\n\nexport function MenuSection<T>(\n  props: MenuSectionProps<T> & { ref?: Ref<HTMLElement> }\n): JSX.Element {\n  return (\n    <MenuSectionCollection\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function MenuItem<T>(\n  props: MenuItemProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  if (useContext(SubmenuCaptureContext) && !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  return (\n    <MenuItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function SubmenuTrigger(\n  props: SubmenuTriggerProps & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  return (\n    <SubmenuTriggerCollection\n      {...props}\n      renderPopover={() => props.children[1]}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function MenuLoadMoreItem(\n  props: MenuLoadMoreItemProps & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  return (\n    <MenuLoadMoreItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/server/meter.js

@@ -0,0 +1,101 @@
+/*
+ * 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/Meter.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, createRenderProps, createSlot, dom } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createMeter } from "@solid2-aria/core/meter/create-meter";
+// src/meter.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const render = this[_m$2];
+		const labelProps = this[_m$3];
+		return LabelContext(new _P$(render, labelProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this.ref = _p6;
+	Object.defineProperty(this, "slot", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+const MeterContext = createContext(null);
+function Meter(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), MeterContext);
+	const [registerLabel, label] = createSlot(() => !isTruthy(props["aria-label"]) && !isTruthy(props["aria-labelledby"]));
+	const aria = createMeter(mergeProps(props, { get label() {
+		return label();
+	} }));
+	const values = {
+		get percentage() {
+			const min = props.minValue ?? 0;
+			const max = props.maxValue ?? 100;
+			return max === min ? 0 : (Math.min(max, Math.max(min, props.value ?? 0)) - min) / (max - min) * 100;
+		},
+		get valueText() {
+			const text = aria.meterProps["aria-valuetext"];
+			return typeof text === "string" ? text : void 0;
+		}
+	};
+	const labelProps = mergeProps(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Meter",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.meterProps ?? {}), render);
+	}, new _P$2(props, render, labelProps, (element) => {
+		setRef(element);
+	})));
+}
+export { Meter, MeterContext };
+
+//# sourceMappingURL=meter.js.map

package/dist/server/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","names":["dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.meterProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <LabelContext value={labelProps}>{render.children}</LabelContext>\n    </dom.div>","_$mergeProps"],"sources":["../../src/meter.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/Meter.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 { createMeter } from \"@solid2-aria/core/meter/create-meter\";\nimport type { AriaMeterProps } from \"@solid2-aria/core/meter/create-meter\";\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 type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createContext } from \"solid-js\";\n\nimport { LabelContext } from \"./label\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface MeterRenderProps {\n  percentage: number;\n  valueText: string | undefined;\n}\n\nexport interface MeterProps\n  extends\n    Omit<AriaMeterProps, \"label\">,\n    SlotProps,\n    RenderProps<MeterRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const MeterContext =\n  createContext<ContextValue<MeterProps, HTMLDivElement>>(null);\n\nexport function Meter(input: MeterProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    MeterContext\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createMeter(\n    mergeProps(props, {\n      get label() {\n        return label();\n      },\n    })\n  );\n\n  const values: MeterRenderProps = {\n    get percentage() {\n      const min = props.minValue ?? 0;\n      const max = props.maxValue ?? 100;\n\n      return max === min\n        ? 0\n        : ((Math.min(max, Math.max(min, props.value ?? 0)) - min) /\n            (max - min)) *\n            100;\n    },\n    get valueText() {\n      const text = aria.meterProps[\"aria-valuetext\"];\n\n      return typeof text === \"string\" ? text : undefined;\n    },\n  };\n\n  const labelProps = mergeProps(\n    merge(() => aria.labelProps),\n    { elementType: \"span\" as const, registerSlot: registerLabel }\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Meter\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.meterProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <LabelContext value={labelProps}>{render.children}</LabelContext>\n    </dom.div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GuC,O,SAAC,CAAO;;;;;;;;;;;;;EAFzC,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;;;EAEpB,OAAA,aAAA,IAAA,IAAkC,QAAb,UAA2C,CAAA;;;;;;;;;;;;;;AA7DtE,MAAa,eACX,cAAwD,IAAI;AAE9D,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,YACF;CAEA,MAAM,CAAC,eAAe,SAAS,iBACvB,CAAC,SAAS,MAAM,aAAa,KAAK,CAAC,SAAS,MAAM,kBAAkB,CAC5E;CAEA,MAAM,OAAO,YACX,WAAW,OAAO,EAChB,IAAI,QAAQ;EACV,OAAO,MAAM;CACf,EACF,CAAC,CACH;CAEA,MAAM,SAA2B;EAC/B,IAAI,aAAa;GACf,MAAM,MAAM,MAAM,YAAY;GAC9B,MAAM,MAAM,MAAM,YAAY;GAE9B,OAAO,QAAQ,MACX,KACE,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,IAAI,QAChD,MAAM,OACP;EACR;EACA,IAAI,YAAY;GACd,MAAM,OAAO,KAAK,WAAW;GAE7B,OAAO,OAAO,SAAS,WAAW,OAAO,KAAA;EAC3C;CACF;CAEA,MAAM,aAAa,WACjB,YAAY,KAAK,UAAU,GAC3B;EAAE,aAAa;EAAiB,cAAc;CAAc,CAC9D;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAAqB;CAAO,CAAC,CACjE;CAEA,OAAA,IACGA,IAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,MACF;CAAC,GALH,IAAA,KASQ,OAE4B,QAAb,aALf,YAA4B;EAChC,OAAO,OAAO;CAChB,CAIO,CAAA,CAAA;AAEb"}

package/dist/server/modal.js

@@ -0,0 +1,360 @@
+/*
+ * 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/Modal.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; release detached modal refs so each opening animates its mounted content; 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, createRenderProps, dom } from "./utils.js";
+import { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createSignal, merge, omit, onSettled, untrack, useContext } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { DismissButton } from "@solid2-aria/core/overlays/dismiss-button";
+import { Overlay } from "@solid2-aria/core/overlays/overlay";
+import { createEnterAnimation, createExitAnimation } from "@solid2-aria/core/utils/animation";
+import { createOverlayTriggerState } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+import { createModalOverlay } from "@solid2-aria/core/overlays/create-modal-overlay";
+// src/modal.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _d$ = {
+	get() {
+		const input = this[_m$];
+		return ModalContent(input);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].values.state.close;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p2) {
+	this[_m$] = _p2;
+	Object.defineProperty(this, "onDismiss", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].values.state.close;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p3) {
+	this[_m$] = _p3;
+	Object.defineProperty(this, "onDismiss", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		return this[_m$].values.isEntering || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$].values.isExiting || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		const context = this[_m$];
+		const render = this[_m$2];
+		return [
+			memo(() => {
+				return memo(() => {
+					return context.isDismissable === true;
+				})() && DismissButton(new _P$2(context));
+			}),
+			memo(() => {
+				return render.children;
+			}),
+			DismissButton(new _P$3(context))
+		];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p4, _p5, _p6) {
+	this[_m$] = _p4;
+	this[_m$2] = _p5;
+	this.ref = _p6;
+	Object.defineProperty(this, "data-entering", _d$4);
+	Object.defineProperty(this, "data-exiting", _d$5);
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$4.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].UNSTABLE_portalContainer;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		const exiting = this[_m$2];
+		const props = this[_m$];
+		return exiting() || props.isExiting;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		const props = this[_m$];
+		const overlayRef = this[_m$3];
+		const setOverlayRef = this[_m$4];
+		const modalRef = this[_m$5];
+		const setModalRef = this[_m$6];
+		const state = this[_m$7];
+		const exiting = this[_m$2];
+		return ModalOverlayInner({
+			props,
+			overlayRef,
+			setOverlayRef: (element) => {
+				setOverlayRef(element);
+			},
+			modalRef,
+			setModalRef: (element) => {
+				setModalRef(element);
+			},
+			state,
+			exiting
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p7, _p8, _p9, _p0, _p1, _p10, _p11, _p12) {
+	this[_m$] = _p7;
+	this[_m$2] = _p8;
+	this[_m$3] = _p9;
+	this[_m$4] = _p0;
+	this[_m$5] = _p1;
+	this[_m$6] = _p10;
+	this[_m$7] = _p11;
+	Object.defineProperty(this, "portalContainer", _d$7);
+	Object.defineProperty(this, "isExiting", _d$8);
+	this.shouldContainFocus = _p12;
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$5.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		const state = this[_m$];
+		const exiting = this[_m$2];
+		const props = this[_m$3];
+		return state.isOpen || exiting() || props.isExiting;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const props = this[_m$3];
+		const exiting = this[_m$2];
+		const overlayRef = this[_m$4];
+		const setOverlayRef = this[_m$5];
+		const modalRef = this[_m$6];
+		const setModalRef = this[_m$7];
+		const state = this[_m$];
+		return Overlay(new _P$5(props, exiting, overlayRef, setOverlayRef, modalRef, setModalRef, state, true));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p13, _p14, _p15, _p16, _p17, _p18, _p19) {
+	this[_m$] = _p13;
+	this[_m$2] = _p14;
+	this[_m$3] = _p15;
+	this[_m$4] = _p16;
+	this[_m$5] = _p17;
+	this[_m$6] = _p18;
+	this[_m$7] = _p19;
+	Object.defineProperty(this, "when", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$6.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p20, _p21) {
+	this[_m$] = _p20;
+	this.value = _p21;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$7.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		return this[_m$].state;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		const render = this[_m$2];
+		const internal = this[_m$3];
+		return InternalModalContext(new _P$7(render, internal));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p22, _p23, _p24) {
+	this[_m$] = _p22;
+	this[_m$2] = _p23;
+	this[_m$3] = _p24;
+	Object.defineProperty(this, "value", _d$13);
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$8.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		return this[_m$].isEntering || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$16 = {
+	get() {
+		return this[_m$].isExiting || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$17 = {
+	get() {
+		const args = this[_m$2];
+		const render = this[_m$3];
+		const internal = this[_m$4];
+		return OverlayTriggerStateContext(new _P$8(args, render, internal));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p25, _p26, _p27, _p28, _p29) {
+	this[_m$] = _p25;
+	this[_m$2] = _p26;
+	this[_m$3] = _p27;
+	this[_m$4] = _p28;
+	this.ref = _p29;
+	Object.defineProperty(this, "data-entering", _d$15);
+	Object.defineProperty(this, "data-exiting", _d$16);
+	Object.defineProperty(this, "children", _d$17);
+}
+_P$9.prototype = Object.prototype;
+const ModalContext = createContext(null);
+const InternalModalContext = createContext(null);
+function Modal(input) {
+	if (useContext(InternalModalContext)) return ModalContent(input);
+	return ModalOverlay(mergeProps$1(() => {
+		return omit(input, "children", "ref", "class", "style", "render");
+	}, new _P$(input)));
+}
+function ModalContent(props) {
+	const context = useContext(InternalModalContext);
+	if (!context) throw new Error("Modal requires ModalOverlay");
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Modal",
+		get values() {
+			return context.values;
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => context.modalProps ?? {}), render);
+	}, new _P$4(context, render, [(element) => {
+		context.setModalRef(element);
+	}, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}])));
+}
+function ModalOverlay(input) {
+	const [props, overlayRef, setOverlayRef] = createContextProps(input, untrack(() => input.ref), ModalContext);
+	const context = useContext(OverlayTriggerStateContext);
+	const local = createOverlayTriggerState(props);
+	const state = untrack(() => props.isOpen !== void 0 || props.defaultOpen !== void 0 || !context) ? local : requireValue(context, "Expected context");
+	const [modalRef, setModalRef] = createSignal(null, { ownedWrite: true });
+	const exiting = createExitAnimation(modalRef, () => state.isOpen, (element) => untrack(() => props.onExit)?.(element));
+	return Show(new _P$6(state, exiting, props, overlayRef, setOverlayRef, modalRef, setModalRef));
+}
+function ModalOverlayInner(args) {
+	onSettled(() => () => {
+		args.setModalRef(null);
+	});
+	const entering = createEnterAnimation(untrack(() => args.modalRef), true, (element) => untrack(() => args.props.onEnter)?.(element));
+	const values = {
+		get isEntering() {
+			return args.props.isEntering === true || entering();
+		},
+		get isExiting() {
+			return args.props.isExiting === true || args.exiting();
+		},
+		get state() {
+			return args.state;
+		}
+	};
+	const aria = createModalOverlay(mergeProps(merge(() => args.props ?? {}), { get isEntering() {
+		return values.isEntering;
+	} }), untrack(() => args.state), untrack(() => args.modalRef));
+	const render = createRenderProps(mergeProps(merge(() => args.props ?? {}), {
+		defaultClass: "solid2-aria-ModalOverlay",
+		values
+	}));
+	const internal = {
+		get isDismissable() {
+			return args.props.isDismissable;
+		},
+		get modalProps() {
+			return aria.modalProps;
+		},
+		get modalRef() {
+			return args.modalRef;
+		},
+		get setModalRef() {
+			return args.setModalRef;
+		},
+		values
+	};
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(args.props, { global: true }), merge(() => aria.underlayProps ?? {}), render);
+	}, new _P$9(values, args, render, internal, (element) => {
+		args.setOverlayRef(element);
+	})));
+}
+export { InternalModalContext, Modal, ModalContext, ModalOverlay };
+
+//# sourceMappingURL=modal.js.map

package/dist/server/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["{context.isDismissable === true && (\n        <DismissButton onDismiss={context.values.state.close} />\n      )}","{render.children}","setOverlayRef={(element: HTMLDivElement) => {\n            setOverlayRef(element);\n          }}","setModalRef={(element: HTMLDivElement | null) => {\n            setModalRef(element);\n          }}","<ModalOverlay\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(input, \"children\", \"ref\", \"class\", \"style\", \"render\")\n        // oxlint-enable solid/reactivity\n      }\n    >\n      <ModalContent {...input} />\n    </ModalOverlay>","dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => context.modalProps ?? {}),\n        render\n      )}\n      ref={[\n        (element: HTMLDivElement) => {\n          context.setModalRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-entering={context.values.isEntering || undefined}\n      data-exiting={context.values.isExiting || undefined}\n    >\n      {context.isDismissable === true && (\n        <DismissButton onDismiss={context.values.state.close} />\n      )}\n      {render.children}\n      <DismissButton onDismiss={context.values.state.close} />\n    </dom.div>","<dom.div\n      {...mergeProps(\n        filterDOMProps(args.props, { global: true }),\n        merge(() => aria.underlayProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        args.setOverlayRef(element);\n      }}\n      data-entering={values.isEntering || undefined}\n      data-exiting={values.isExiting || undefined}\n    >\n      <OverlayTriggerStateContext value={args.state}>\n        <InternalModalContext value={internal}>\n          {render.children}\n        </InternalModalContext>\n      </OverlayTriggerStateContext>\n    </dom.div>","_$memo","_$mergeProps"],"sources":["../../src/modal.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/Modal.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; release detached modal refs so each opening animates its mounted content; 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 { createModalOverlay } from \"@solid2-aria/core/overlays/create-modal-overlay\";\nimport type { AriaModalOverlayProps } from \"@solid2-aria/core/overlays/create-modal-overlay\";\nimport { DismissButton } from \"@solid2-aria/core/overlays/dismiss-button\";\nimport { Overlay } from \"@solid2-aria/core/overlays/overlay\";\nimport {\n  createEnterAnimation,\n  createExitAnimation,\n} from \"@solid2-aria/core/utils/animation\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { createOverlayTriggerState } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport type {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n} from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  createSignal,\n  createContext,\n  Show,\n  useContext,\n  untrack,\n  omit,\n  onSettled,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { OverlayTriggerStateContext } from \"./dialog\";\nimport { assignRef, dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport interface ModalRenderProps {\n  isEntering: boolean;\n  isExiting: boolean;\n  state: OverlayTriggerState;\n}\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps {\n  ref?: Ref<HTMLDivElement>;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  onEnter?: (element: HTMLElement) => void | Promise<void>;\n  onExit?: (element: HTMLElement) => void | Promise<void>;\n  UNSTABLE_portalContainer?: Element;\n  UNSTABLE_deferUntilEntered?: boolean;\n}\n\nexport const ModalContext =\n  createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\n\ninterface InternalModalContextValue {\n  modalProps: JSX.HTMLAttributes<HTMLElement>;\n  modalRef: Accessor<HTMLDivElement | null>;\n  setModalRef: (element: HTMLDivElement | null) => void;\n  values: ModalRenderProps;\n  isDismissable?: boolean;\n}\n\nexport const InternalModalContext =\n  createContext<InternalModalContextValue | null>(null);\n\nexport function Modal(input: ModalOverlayProps): JSX.Element {\n  const context = useContext(InternalModalContext);\n\n  if (context) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return <ModalContent {...input} />;\n  }\n\n  return (\n    <ModalOverlay\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(input, \"children\", \"ref\", \"class\", \"style\", \"render\")\n        // oxlint-enable solid/reactivity\n      }\n    >\n      <ModalContent {...input} />\n    </ModalOverlay>\n  );\n}\n\nfunction ModalContent(props: ModalOverlayProps): JSX.Element {\n  const context = useContext(InternalModalContext);\n\n  if (!context) {\n    throw new Error(\"Modal requires ModalOverlay\");\n  }\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-Modal\",\n      get values() {\n        return context.values;\n      },\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => context.modalProps ?? {}),\n        render\n      )}\n      ref={[\n        (element: HTMLDivElement) => {\n          context.setModalRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-entering={context.values.isEntering || undefined}\n      data-exiting={context.values.isExiting || undefined}\n    >\n      {context.isDismissable === true && (\n        <DismissButton onDismiss={context.values.state.close} />\n      )}\n      {render.children}\n      <DismissButton onDismiss={context.values.state.close} />\n    </dom.div>\n  );\n}\n\nexport function ModalOverlay(input: ModalOverlayProps): JSX.Element {\n  const [props, overlayRef, setOverlayRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ModalContext\n  );\n\n  const context = useContext(OverlayTriggerStateContext);\n  const local = createOverlayTriggerState(props);\n\n  const state = untrack(\n    () =>\n      props.isOpen !== undefined || props.defaultOpen !== undefined || !context\n  )\n    ? local\n    : requireValue(context, \"Expected context\");\n\n  const [modalRef, setModalRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const exiting = createExitAnimation(\n    modalRef,\n    () => state.isOpen,\n    (element): void | Promise<void> => untrack(() => props.onExit)?.(element)\n  );\n\n  return (\n    <Show when={state.isOpen || exiting() || props.isExiting}>\n      <Overlay\n        portalContainer={props.UNSTABLE_portalContainer}\n        isExiting={exiting() || props.isExiting}\n        shouldContainFocus\n      >\n        <ModalOverlayInner\n          props={props}\n          overlayRef={overlayRef}\n          setOverlayRef={(element: HTMLDivElement) => {\n            setOverlayRef(element);\n          }}\n          modalRef={modalRef}\n          setModalRef={(element: HTMLDivElement | null) => {\n            setModalRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />\n      </Overlay>\n    </Show>\n  );\n}\n\nfunction ModalOverlayInner(args: {\n  props: ModalOverlayProps;\n  overlayRef: Accessor<HTMLDivElement | null>;\n  setOverlayRef: (element: HTMLDivElement) => void;\n  modalRef: Accessor<HTMLDivElement | null>;\n  setModalRef: (element: HTMLDivElement | null) => void;\n  state: OverlayTriggerState;\n  exiting: () => boolean;\n}): JSX.Element {\n  onSettled(() => () => {\n    args.setModalRef(null);\n  });\n\n  const entering = createEnterAnimation(\n    untrack(() => args.modalRef),\n    true,\n    (element): void | Promise<void> =>\n      untrack(() => args.props.onEnter)?.(element)\n  );\n\n  const values: ModalRenderProps = {\n    get isEntering() {\n      return args.props.isEntering === true || entering();\n    },\n    get isExiting() {\n      return args.props.isExiting === true || args.exiting();\n    },\n    get state() {\n      return args.state;\n    },\n  };\n\n  const aria = createModalOverlay(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      {\n        get isEntering() {\n          return values.isEntering;\n        },\n      }\n    ),\n    untrack(() => args.state),\n    untrack(() => args.modalRef)\n  );\n\n  const render = createRenderProps(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      {\n        defaultClass: \"solid2-aria-ModalOverlay\",\n        values,\n      }\n    )\n  );\n\n  const internal = {\n    get isDismissable() {\n      return args.props.isDismissable;\n    },\n    get modalProps() {\n      return aria.modalProps;\n    },\n    get modalRef() {\n      return args.modalRef;\n    },\n    get setModalRef() {\n      return args.setModalRef;\n    },\n    values,\n  };\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(args.props, { global: true }),\n        merge(() => aria.underlayProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        args.setOverlayRef(element);\n      }}\n      data-entering={values.isEntering || undefined}\n      data-exiting={values.isExiting || undefined}\n    >\n      <OverlayTriggerStateContext value={args.state}>\n        <InternalModalContext value={internal}>\n          {render.children}\n        </InternalModalContext>\n      </OverlayTriggerStateContext>\n    </dom.div>\n  );\n}\n"],"mappings":"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"}