@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["<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>","<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>","value={state}","<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>","<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>","<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>","ref={(element) => {\n                setRef(element);\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>","createCollection={() => new BaseCollection<T>()}","<Collection {...props} />","<MenuInner props={props} collection={collection} menuRef={setRef} />","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.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\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>","<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>","<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>","value={trigger}","<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>","value={{\n                parentMenuRef: ref,\n                get shouldUseVirtualFocus() {\n                  return props.shouldUseVirtualFocus;\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>","value={{\n                  get shouldCloseOnSelect() {\n                    return props.shouldCloseOnSelect;\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>","value={null}","<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>","<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>","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                      }}","<Root collection={state.collection} scrollRef={ref} />","scrollRef={ref}","{state.collection.size === 0 && props.renderEmptyState ? (\n        <div role=\"menuitem\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState()}\n        </div>\n      ) : null}","{props.renderEmptyState()}","<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>","dom.section","ref={ref}","<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>","<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>","<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>","value={{\n              get shouldCloseOnSelect() {\n                return (\n                  props.shouldCloseOnSelect ?? context?.shouldCloseOnSelect\n                );\n              },\n            }}","<Branch collection={state.collection} parent={node} />","parent={node}","<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>","ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}","manager.selectionMode === \"none\" ? undefined : manager.selectionMode","<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>","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          }}","<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>","<SelectionIndicatorContext\n              value={{\n                get isSelected() {\n                  return aria.isSelected;\n                },\n              }}\n            >\n              {render.children}\n            </SelectionIndicatorContext>","value={{\n                get isSelected() {\n                  return aria.isSelected;\n                },\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>","<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>","<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>","<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>","<Branch collection={state.collection} parent={item} />","parent={item}","<SubmenuCaptureContext value={true}>\n                {props.renderPopover()}\n              </SubmenuCaptureContext>","value={true}","ref={(element: HTMLDivElement) => {\n              setSentinel(element);\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>","<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>","ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}","role=\"menuitem\"","tabindex={-1}","<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","_$createComponent","_$mergeProps","_$memo","_$getNextElement","_$scope","_$applyRef"],"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/browser/meter.d.ts

@@ -0,0 +1,29 @@
+/*
+ * 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 { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { AriaMeterProps } from "@solid2-aria/core/meter/create-meter";
+export interface MeterRenderProps {
+  percentage: number;
+  valueText: string | undefined;
+}
+export interface MeterProps extends Omit<AriaMeterProps, "label">, SlotProps, RenderProps<MeterRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const MeterContext: import("solid-js").Context<ContextValue<MeterProps, HTMLDivElement>>;
+export declare function Meter(input: MeterProps): JSX.Element;
+//# sourceMappingURL=meter.d.ts.map

package/dist/browser/meter.js

@@ -0,0 +1,73 @@
+/*
+ * 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 { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+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
+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$1(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$1(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Meter",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.meterProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get children() {
+			return createComponent(LabelContext, {
+				value: labelProps,
+				get children() {
+					return render.children;
+				}
+			});
+		}
+	}));
+}
+export { Meter, MeterContext };
+
+//# sourceMappingURL=meter.js.map

package/dist/browser/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","names":["<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>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<LabelContext value={labelProps}>{render.children}</LabelContext>","value={labelProps}","mergeProps","_$createComponent","_$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":";;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,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,YACXK,aAAW,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,aAAaA,aACjB,YAAY,KAAK,UAAU,GAC3B;EAAE,aAAa;EAAiB,cAAc;CAAc,CAC9D;CAEA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAAE,cAAc;EAAqB;CAAO,CAAC,CACjE;CAEA,OACEL,gBAAAA,IAACC,KAADD,iBACE;EAAI,OAAAK,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,MACF;CAAC,GALH;EAMEH,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAT/B,IAAA,WAAA;GAWEC,OAAAA,gBAAAA,cAAAA;IAAcC,OAAO;IAArB,IAAA,WAAA;KAAkC,OAAA,OAAO;IAAuB;;EACzD;;AAEb"}

package/dist/browser/modal.d.ts

@@ -0,0 +1,48 @@
+/*
+ * 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 { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { Accessor } from "solid-js";
+import { OverlayTriggerProps, OverlayTriggerState } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+import { AriaModalOverlayProps } from "@solid2-aria/core/overlays/create-modal-overlay";
+export interface ModalRenderProps {
+  isEntering: boolean;
+  isExiting: boolean;
+  state: OverlayTriggerState;
+}
+export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps {
+  ref?: Ref<HTMLDivElement>;
+  isEntering?: boolean;
+  isExiting?: boolean;
+  onEnter?: (element: HTMLElement) => void | Promise<void>;
+  onExit?: (element: HTMLElement) => void | Promise<void>;
+  UNSTABLE_portalContainer?: Element;
+  UNSTABLE_deferUntilEntered?: boolean;
+}
+export declare const ModalContext: import("solid-js").Context<ContextValue<ModalOverlayProps, HTMLDivElement>>;
+interface InternalModalContextValue {
+  modalProps: JSX.HTMLAttributes<HTMLElement>;
+  modalRef: Accessor<HTMLDivElement | null>;
+  setModalRef: (element: HTMLDivElement | null) => void;
+  values: ModalRenderProps;
+  isDismissable?: boolean;
+}
+export declare const InternalModalContext: import("solid-js").Context<InternalModalContextValue | null>;
+export declare function Modal(input: ModalOverlayProps): JSX.Element;
+export declare function ModalOverlay(input: ModalOverlayProps): JSX.Element;
+export {};
+//# sourceMappingURL=modal.d.ts.map

package/dist/browser/modal.js

@@ -0,0 +1,190 @@
+/*
+ * 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 { createComponent, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createSignal, merge, omit, onSettled, untrack, useContext } from "solid-js";
+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
+const ModalContext = createContext(null);
+const InternalModalContext = createContext(null);
+function Modal(input) {
+	if (useContext(InternalModalContext)) return createComponent(ModalContent, input);
+	return createComponent(ModalOverlay, mergeProps(() => {
+		return omit(input, "children", "ref", "class", "style", "render");
+	}, { get children() {
+		return createComponent(ModalContent, input);
+	} }));
+}
+function ModalContent(props) {
+	const context = useContext(InternalModalContext);
+	if (!context) throw new Error("Modal requires ModalOverlay");
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Modal",
+		get values() {
+			return context.values;
+		}
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => context.modalProps ?? {}), render);
+	}, {
+		ref: [(element) => {
+			context.setModalRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}],
+		get "data-entering"() {
+			return context.values.isEntering || void 0;
+		},
+		get "data-exiting"() {
+			return context.values.isExiting || void 0;
+		},
+		get children() {
+			return [
+				memo(() => {
+					return memo(() => {
+						return context.isDismissable === true;
+					})() && createComponent(DismissButton, { get onDismiss() {
+						return context.values.state.close;
+					} });
+				}),
+				memo(() => {
+					return render.children;
+				}),
+				createComponent(DismissButton, { get onDismiss() {
+					return context.values.state.close;
+				} })
+			];
+		}
+	}));
+}
+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 createComponent(Show, {
+		get when() {
+			return state.isOpen || exiting() || props.isExiting;
+		},
+		get children() {
+			return createComponent(Overlay, {
+				get portalContainer() {
+					return props.UNSTABLE_portalContainer;
+				},
+				get isExiting() {
+					return exiting() || props.isExiting;
+				},
+				shouldContainFocus: true,
+				get children() {
+					return createComponent(ModalOverlayInner, {
+						props,
+						overlayRef,
+						setOverlayRef: (element) => {
+							setOverlayRef(element);
+						},
+						modalRef,
+						setModalRef: (element) => {
+							setModalRef(element);
+						},
+						state,
+						exiting
+					});
+				}
+			});
+		}
+	});
+}
+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$1(merge(() => args.props ?? {}), { get isEntering() {
+		return values.isEntering;
+	} }), untrack(() => args.state), untrack(() => args.modalRef));
+	const render = createRenderProps(mergeProps$1(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 createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(args.props, { global: true }), merge(() => aria.underlayProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			args.setOverlayRef(element);
+		},
+		get "data-entering"() {
+			return values.isEntering || void 0;
+		},
+		get "data-exiting"() {
+			return values.isExiting || void 0;
+		},
+		get children() {
+			return createComponent(OverlayTriggerStateContext, {
+				get value() {
+					return args.state;
+				},
+				get children() {
+					return createComponent(InternalModalContext, {
+						value: internal,
+						get children() {
+							return render.children;
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+export { InternalModalContext, Modal, ModalContext, ModalOverlay };
+
+//# sourceMappingURL=modal.js.map

package/dist/browser/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["<ModalContent {...input} />","<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\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","ref={[\n        (element: HTMLDivElement) => {\n          context.setModalRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}","{context.isDismissable === true && (\n        <DismissButton onDismiss={context.values.state.close} />\n      )}","<DismissButton onDismiss={context.values.state.close} />","render.children","<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>","<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>","<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        />","setOverlayRef={(element: HTMLDivElement) => {\n            setOverlayRef(element);\n          }}","setModalRef={(element: HTMLDivElement | null) => {\n            setModalRef(element);\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>","ref={(element: HTMLDivElement) => {\n        args.setOverlayRef(element);\n      }}","<OverlayTriggerStateContext value={args.state}>\n        <InternalModalContext value={internal}>\n          {render.children}\n        </InternalModalContext>\n      </OverlayTriggerStateContext>","<InternalModalContext value={internal}>\n          {render.children}\n        </InternalModalContext>","value={internal}","_$createComponent","_$mergeProps","mergeProps","_$memo"],"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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"}