@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/grid-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list.js","names":["<CollectionBuilder\n      createCollection={() => new BaseCollection<T>()}\n      content={<Collection {...props} />}\n    >\n      {(collection) => (\n        <GridListInner\n          props={props}\n          collection={collection}\n          elementRef={ref}\n          setElementRef={(element: HTMLDivElement) => {\n            setRef(element);\n          }}\n        />\n      )}\n    </CollectionBuilder>","createCollection={() => new BaseCollection<T>()}","<Collection {...props} />","<GridListInner\n          props={props}\n          collection={collection}\n          elementRef={ref}\n          setElementRef={(element: HTMLDivElement) => {\n            setRef(element);\n          }}\n        />","elementRef={ref}","setElementRef={(element: HTMLDivElement) => {\n            setRef(element);\n          }}","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.gridProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => dnd.collectionProps ?? {})\n      )}\n      ref={(element: HTMLDivElement) => {\n        outer.setElementRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-empty={values.isEmpty || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-drop-target={values.isDropTarget || undefined}\n      data-layout={values.layout}\n      data-orientation={values.orientation}\n    >\n      <ListStateContext value={state}>\n        <DragAndDropContext value={dnd}>\n          <DropIndicatorContext\n            value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}\n          >\n            {dnd.dropState && <RootDropIndicator />}\n            <Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />\n          </DropIndicatorContext>\n        </DragAndDropContext>\n      </ListStateContext>\n      {values.isEmpty && props.renderEmptyState && (\n        <div role=\"row\">\n          <div role=\"gridcell\">{props.renderEmptyState(values)}</div>\n        </div>\n      )}\n      {dnd.preview}\n    </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n        outer.setElementRef(element);\n      }}","<ListStateContext value={state}>\n        <DragAndDropContext value={dnd}>\n          <DropIndicatorContext\n            value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}\n          >\n            {dnd.dropState && <RootDropIndicator />}\n            <Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />\n          </DropIndicatorContext>\n        </DragAndDropContext>\n      </ListStateContext>","value={state}","<DragAndDropContext value={dnd}>\n          <DropIndicatorContext\n            value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}\n          >\n            {dnd.dropState && <RootDropIndicator />}\n            <Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />\n          </DropIndicatorContext>\n        </DragAndDropContext>","value={dnd}","<DropIndicatorContext\n            value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}\n          >\n            {dnd.dropState && <RootDropIndicator />}\n            <Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />\n          </DropIndicatorContext>","value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}","<CollectionDropIndicator {...indicatorProps} ref={ref} />","ref={ref}","{dnd.dropState && <RootDropIndicator />}","<RootDropIndicator />","<Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />","{values.isEmpty && props.renderEmptyState && (\n        <div role=\"row\">\n          <div role=\"gridcell\">{props.renderEmptyState(values)}</div>\n        </div>\n      )}","{props.renderEmptyState(values)}","dnd.preview","{drop && !drop.isHidden && (\n          <div role=\"row\" style={{ position: \"absolute\" }}>\n            <div role=\"gridcell\">\n              <div\n                {...mergeProps(\n                  merge(() => hidden.visuallyHiddenProps ?? {}),\n                  merge(() => drop.dropIndicatorProps ?? {})\n                )}\n                role=\"button\"\n                ref={(element: HTMLDivElement) => {\n                  setDropRef(element);\n                }}\n              />\n            </div>\n          </div>\n        )}","role=\"button\"","ref={(element: HTMLDivElement) => {\n                  setDropRef(element);\n                }}","<dom.div\n          {...mergeProps(\n            omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n            render,\n            merge(() => aria.rowProps ?? {}),\n            merge(() => focus.focusProps ?? {}),\n            merge(() => within.focusProps ?? {}),\n            merge(() => hover.hoverProps ?? {}),\n            merge(() => drag?.dragProps ?? {})\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={focus.isFocusVisible || undefined}\n          data-focus-visible-within={within.isFocusVisible || undefined}\n          data-pressed={aria.isPressed || undefined}\n          data-allows-dragging={!!dnd.dragState || undefined}\n          data-dragging={values.isDragging ?? undefined}\n          data-drop-target={drop?.isDropTarget ?? undefined}\n          data-selection-mode={\n            state.selectionManager.selectionMode === \"none\"\n              ? undefined\n              : state.selectionManager.selectionMode\n          }\n        >\n          <div {...aria.gridCellProps} style={{ display: \"contents\" }}>\n            <CheckboxContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get selection() {\n                    return checkbox.checkboxProps;\n                  },\n                },\n              }}\n            >\n              <CheckboxFieldContext\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}\n              >\n                <ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>\n              </CheckboxFieldContext>\n            </CheckboxContext>\n          </div>\n        </dom.div>","ref={(element: HTMLDivElement) => {\n            setRef(element);\n          }}","state.selectionManager.selectionMode === \"none\"\n              ? undefined\n              : state.selectionManager.selectionMode","style={{ display: \"contents\" }}","<CheckboxContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get selection() {\n                    return checkbox.checkboxProps;\n                  },\n                },\n              }}\n            >\n              <CheckboxFieldContext\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}\n              >\n                <ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>\n              </CheckboxFieldContext>\n            </CheckboxContext>","value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get selection() {\n                    return checkbox.checkboxProps;\n                  },\n                },\n              }}","<CheckboxFieldContext\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}\n              >\n                <ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>\n              </CheckboxFieldContext>","value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}","<ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>","<TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>","value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}","<SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>","value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}","<CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>","value={DefaultCollectionRenderer}","<ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>","value={null}","<div {...aria.gridCellProps} style={{ display: \"contents\" }}>\n            <CheckboxContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get selection() {\n                    return checkbox.checkboxProps;\n                  },\n                },\n              }}\n            >\n              <CheckboxFieldContext\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}\n              >\n                <ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>\n              </CheckboxFieldContext>\n            </CheckboxContext>\n          </div>","ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}","{props.isLoading === true && (\n          <dom.div\n            {...filterDOMProps(props, { global: true })}\n            render={props.render}\n            class={props.class ?? \"solid2-aria-GridListLoadingIndicator\"}\n            ref={ref}\n            role=\"row\"\n          >\n            <div role=\"gridcell\">{item.rendered}</div>\n          </dom.div>\n        )}","<dom.div\n            {...filterDOMProps(props, { global: true })}\n            render={props.render}\n            class={props.class ?? \"solid2-aria-GridListLoadingIndicator\"}\n            ref={ref}\n            role=\"row\"\n          >\n            <div role=\"gridcell\">{item.rendered}</div>\n          </dom.div>","role=\"row\"","{item.rendered}","<div role=\"gridcell\">{item.rendered}</div>","<dom.div\n        {...props}\n        class={props.class ?? \"solid2-aria-GridListHeader\"}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n      >\n        <div\n          {...(inner\n            ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              omit(inner, \"ref\")\n            : // oxlint-enable solid/reactivity\n              {})}\n          style={{ display: \"contents\" }}\n        >\n          {props.children}\n        </div>\n      </dom.div>","ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}","{props.children}","<div\n          {...(inner\n            ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              omit(inner, \"ref\")\n            : // oxlint-enable solid/reactivity\n              {})}\n          style={{ display: \"contents\" }}\n        >\n          {props.children}\n        </div>","<dom.div\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\"),\n          merge(() => aria.rowGroupProps ?? {})\n        )}\n        render={props.render}\n        class={props.class ?? \"solid2-aria-GridListSection\"}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n      >\n        <GridListHeaderContext value={{ role: \"row\" }}>\n          <GridListHeaderInnerContext value={aria.rowHeaderProps}>\n            <Branch collection={state.collection} parent={item} />\n          </GridListHeaderInnerContext>\n        </GridListHeaderContext>\n      </dom.div>","<GridListHeaderContext value={{ role: \"row\" }}>\n          <GridListHeaderInnerContext value={aria.rowHeaderProps}>\n            <Branch collection={state.collection} parent={item} />\n          </GridListHeaderInnerContext>\n        </GridListHeaderContext>","value={{ role: \"row\" }}","<GridListHeaderInnerContext value={aria.rowHeaderProps}>\n            <Branch collection={state.collection} parent={item} />\n          </GridListHeaderInnerContext>","<Branch collection={state.collection} parent={item} />","parent={item}","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<div\n      {...mergeProps(\n        merge(() => hidden.visuallyHiddenProps ?? {}),\n        merge(() => aria.dropIndicatorProps ?? {})\n      )}\n      role=\"button\"\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />","<Show when={!aria.isHidden}>\n      {props.table === true ? (\n        <tr role=\"row\" style={{ position: \"absolute\" }}>\n          <td role=\"gridcell\" colspan={props.columnCount}>\n            {button}\n          </td>\n        </tr>\n      ) : (\n        <div role=\"row\" style={{ position: \"absolute\" }}>\n          <div role=\"gridcell\">{button}</div>\n        </div>\n      )}\n    </Show>","{props.table === true ? (\n        <tr role=\"row\" style={{ position: \"absolute\" }}>\n          <td role=\"gridcell\" colspan={props.columnCount}>\n            {button}\n          </td>\n        </tr>\n      ) : (\n        <div role=\"row\" style={{ position: \"absolute\" }}>\n          <div role=\"gridcell\">{button}</div>\n        </div>\n      )}","_$createComponent","mergeProps","_$mergeProps","_$applyRef","_$memo","_$getNextElement","_$scope","ref"],"sources":["../../src/grid-list.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/GridList.tsx.\n * Modified for Solid Aria: collections, selection, drag and drop, and DOM rendering use Solid 2 ownership and reactive getters; 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 {\n  BaseCollection,\n  ItemNode,\n  LoaderNode,\n  SectionNode,\n  HeaderNode,\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 { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createGridList } from \"@solid2-aria/core/gridlist/create-grid-list\";\nimport type { AriaGridListProps } from \"@solid2-aria/core/gridlist/create-grid-list\";\nimport { createGridListItem } from \"@solid2-aria/core/gridlist/create-grid-list-item\";\nimport { createGridListSection } from \"@solid2-aria/core/gridlist/create-grid-list-section\";\nimport { createGridListSelectionCheckbox } from \"@solid2-aria/core/gridlist/create-grid-list-selection-checkbox\";\nimport { createCollator } from \"@solid2-aria/core/i18n/create-collator\";\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { ListKeyboardDelegate } from \"@solid2-aria/core/selection/list-keyboard-delegate\";\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 { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { createVisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport { createListState } from \"@solid2-aria/stately/list/create-list-state\";\nimport type { ListState } from \"@solid2-aria/stately/list/create-list-state\";\nimport type {\n  Key,\n  LinkDOMProps,\n  HoverEvents,\n  PressEvents,\n  Orientation,\n  Node,\n  SelectionBehavior,\n  Collection as ICollection,\n} from \"@solid2-aria/types-shared\";\nimport type {\n  GlobalDOMAttributes,\n  HTMLAttributes,\n} from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createMemo,\n  createContext,\n  useContext,\n  omit,\n  Show,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { CheckboxContext, CheckboxFieldContext } from \"./checkbox\";\nimport {\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n} from \"./collection\";\nimport type {\n  CollectionProps,\n  ItemRenderProps,\n  SectionProps,\n} from \"./collection\";\nimport {\n  createCollectionItemDragAndDrop,\n  createCollectionDragAndDrop,\n  CollectionDropIndicator,\n} from \"./collection-dnd\";\nimport type { DragAndDropHooks } from \"./create-drag-and-drop\";\nimport {\n  DragAndDropContext,\n  DropIndicatorContext,\n  createDndPersistedKeys,\n  createRenderDropIndicator,\n} from \"./drag-and-drop\";\nimport { ListStateContext } from \"./list-box\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  DEFAULT_SLOT,\n  createContextProps,\n  createRenderProps,\n} from \"./utils\";\nimport type {\n  ClassOrFunction,\n  ContextValue,\n  RenderProps,\n  StyleRenderProps,\n  StyleProps,\n  SlotProps,\n  DOMProps,\n  DOMRenderProps,\n  Ref,\n} from \"./utils\";\n\nexport {\n  createCollectionDragAndDrop,\n  CollectionDropIndicator,\n} from \"./collection-dnd\";\n\nexport type { CollectionDragAndDrop } from \"./collection-dnd\";\n\nexport interface GridListRenderProps {\n  isEmpty: boolean;\n\n  isFocused: boolean;\n\n  isFocusVisible: boolean;\n\n  isDropTarget: boolean;\n\n  layout: \"stack\" | \"grid\";\n\n  orientation: Orientation;\n\n  state: ListState<unknown>;\n}\n\nexport interface GridListProps<T>\n  extends\n    Omit<AriaGridListProps<T>, \"children\">,\n    CollectionProps<T>,\n    StyleRenderProps<GridListRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  class?: ClassOrFunction<GridListRenderProps>;\n\n  disallowTypeAhead?: boolean;\n\n  selectionBehavior?: SelectionBehavior;\n\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;\n\n  renderEmptyState?: (props: GridListRenderProps) => JSX.Element;\n\n  layout?: \"stack\" | \"grid\";\n\n  orientation?: Orientation;\n\n  UNSTABLE_focusOnEntry?: \"first\" | \"last\";\n}\n\nexport interface GridListItemRenderProps extends ItemRenderProps {\n  id?: Key;\n\n  isFocusVisibleWithin: boolean;\n\n  state: ListState<unknown>;\n}\n\nexport interface GridListItemProps<T = object>\n  extends\n    RenderProps<GridListItemRenderProps>,\n    LinkDOMProps,\n    HoverEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, \"onClick\"> {\n  class?: ClassOrFunction<GridListItemRenderProps>;\n\n  id?: Key;\n\n  value?: T;\n\n  textValue?: string;\n\n  isDisabled?: boolean;\n\n  onAction?: () => void;\n\n  focusMode?: \"child\" | \"row\";\n\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface GridListLoadMoreItemProps\n  extends\n    Omit<LoadMoreSentinelProps, \"collection\" | \"direction\">,\n    StyleProps,\n    DOMRenderProps<\"div\", undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  class?: JSX.ClassValue;\n\n  children?: JSX.Element;\n\n  isLoading?: boolean;\n}\n\nexport interface GridListSectionProps<T>\n  extends SectionProps<T>, DOMRenderProps<\"div\", undefined> {\n  class?: JSX.ClassValue;\n}\n\nexport interface GridListHeaderProps\n  extends\n    DOMRenderProps<\"div\", undefined>,\n    Omit<DOMProps, \"ref\">,\n    GlobalDOMAttributes<HTMLElement> {\n  role?: \"row\";\n}\n\nexport const GridListContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- The collection owner and its descendants share one item type through this context.\n  createContext<ContextValue<GridListProps<any>, HTMLDivElement>>(null);\n\nexport function GridList<T>(\n  input: GridListProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    GridListContext\n  );\n\n  return (\n    <CollectionBuilder\n      createCollection={() => new BaseCollection<T>()}\n      content={<Collection {...props} />}\n    >\n      {(collection) => (\n        <GridListInner\n          props={props}\n          collection={collection}\n          elementRef={ref}\n          setElementRef={(element: HTMLDivElement) => {\n            setRef(element);\n          }}\n        />\n      )}\n    </CollectionBuilder>\n  );\n}\n\nfunction GridListInner<T>(outer: {\n  props: GridListProps<T>;\n  collection: ICollection<Node<T>>;\n  elementRef: Accessor<HTMLDivElement | null>;\n  setElementRef: (element: HTMLDivElement) => void;\n}) {\n  const { props } = untrack(() => outer);\n  const renderer = useContext(CollectionRendererContext);\n\n  // oxlint-disable-next-line typescript/no-explicit-any -- The public collection accepts primitive items; this state adapter only reads their keyed nodes.\n  const state = createListState<any>(\n    mergeProps(props, {\n      children: undefined,\n      get collection() {\n        return outer.collection;\n      },\n    })\n  );\n\n  const locale = createLocale();\n  const collator = createCollator({ sensitivity: \"base\", usage: \"search\" });\n\n  const keyboardDelegate = createMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collator,\n        get collection() {\n          return state.collection;\n        },\n        get direction() {\n          return locale.direction;\n        },\n        get disabledBehavior() {\n          return state.selectionManager.disabledBehavior;\n        },\n        get disabledKeys() {\n          return state.disabledKeys;\n        },\n        get layout() {\n          return props.layout ?? \"stack\";\n        },\n        layoutDelegate: renderer.layoutDelegate,\n        get orientation() {\n          return props.orientation ?? \"vertical\";\n        },\n        ref: outer.elementRef,\n      })\n  );\n\n  const aria = createGridList(\n    mergeProps(props, {\n      get isVirtualized() {\n        return renderer.isVirtualized;\n      },\n      get keyboardDelegate() {\n        return keyboardDelegate();\n      },\n      get keyboardNavigationBehavior() {\n        return props.layout === \"grid\"\n          ? \"tab\"\n          : props.keyboardNavigationBehavior;\n      },\n    }),\n    state,\n    untrack(() => outer.elementRef)\n  );\n\n  const dnd = createCollectionDragAndDrop({\n    get collection() {\n      return state.collection;\n    },\n    get direction() {\n      return locale.direction;\n    },\n    get dropTargetDelegate() {\n      return (\n        props.dragAndDropHooks?.dropTargetDelegate ??\n        renderer.dropTargetDelegate\n      );\n    },\n    get hooks() {\n      return props.dragAndDropHooks;\n    },\n    get keyboardDelegate() {\n      return keyboardDelegate();\n    },\n    get layout() {\n      return props.layout;\n    },\n    get orientation() {\n      return props.orientation;\n    },\n    get ref() {\n      return outer.elementRef;\n    },\n    get selectionManager() {\n      return state.selectionManager;\n    },\n  });\n\n  const focus = createFocusRing();\n\n  const values: GridListRenderProps = {\n    get isDropTarget() {\n      return dnd.dropState?.isDropTarget({ type: \"root\" }) === true;\n    },\n    get isEmpty() {\n      return state.collection.size === 0;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get layout() {\n      return props.layout ?? \"stack\";\n    },\n    get orientation() {\n      return props.orientation ?? \"vertical\";\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      children: undefined,\n      defaultClass: \"solid2-aria-GridList\",\n      values,\n    })\n  );\n\n  const Root = renderer.CollectionRoot;\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.gridProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => dnd.collectionProps ?? {})\n      )}\n      ref={(element: HTMLDivElement) => {\n        outer.setElementRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-empty={values.isEmpty || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-drop-target={values.isDropTarget || undefined}\n      data-layout={values.layout}\n      data-orientation={values.orientation}\n    >\n      <ListStateContext value={state}>\n        <DragAndDropContext value={dnd}>\n          <DropIndicatorContext\n            value={{\n              render: (indicatorProps, ref) => (\n                <CollectionDropIndicator {...indicatorProps} ref={ref} />\n              ),\n            }}\n          >\n            {dnd.dropState && <RootDropIndicator />}\n            <Root\n              collection={state.collection}\n              scrollRef={outer.elementRef}\n              persistedKeys={createDndPersistedKeys(\n                state.selectionManager,\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n              renderDropIndicator={createRenderDropIndicator(\n                props.dragAndDropHooks,\n                dnd.dropState\n              )}\n            />\n          </DropIndicatorContext>\n        </DragAndDropContext>\n      </ListStateContext>\n      {values.isEmpty && props.renderEmptyState && (\n        <div role=\"row\">\n          <div role=\"gridcell\">{props.renderEmptyState(values)}</div>\n        </div>\n      )}\n      {dnd.preview}\n    </dom.div>\n  );\n}\n\nexport const GridListItem = createLeafComponent(\n  ItemNode,\n  <T,>(\n    props: GridListItemProps<T>,\n    forwardedRef: Ref<HTMLDivElement>,\n    item: Node<T>\n  ) => {\n    const state = requireValue(\n      useContext(ListStateContext),\n      \"Expected useContext(ListStateContext)\"\n    );\n\n    const renderer = useContext(CollectionRendererContext);\n    const dnd = useContext(DragAndDropContext);\n\n    const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    const aria = createGridListItem(\n      {\n        get allowsArrowNavigation() {\n          return props.allowsArrowNavigation;\n        },\n        get focusMode() {\n          return props.focusMode;\n        },\n        isVirtualized: renderer.isVirtualized,\n        node: item,\n        shouldSelectOnPressUp: !!dnd.dragState,\n      },\n      state,\n      ref\n    );\n\n    const hover = createHover(\n      mergeProps(props, {\n        get isDisabled() {\n          return !aria.allowsSelection && !aria.hasAction && !dnd.dragState;\n        },\n      })\n    );\n\n    const focus = createFocusRing();\n    const within = createFocusRing({ within: true });\n    const checkbox = createGridListSelectionCheckbox({ key: item.key }, state);\n\n    const [dropRef, setDropRef] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    const { drag, drop } = createCollectionItemDragAndDrop(\n      dnd,\n      item.key,\n      dropRef\n    );\n\n    const values: GridListItemRenderProps = {\n      get allowsDragging() {\n        return !!dnd.dragState;\n      },\n      id: item.key,\n      get isDisabled() {\n        return aria.isDisabled;\n      },\n      get isDragging() {\n        return dnd.dragState?.isDragging(item.key) === true;\n      },\n      get isDropTarget() {\n        return drop?.isDropTarget === true;\n      },\n      get isFocusVisible() {\n        return focus.isFocusVisible;\n      },\n      get isFocusVisibleWithin() {\n        return within.isFocusVisible;\n      },\n      get isFocused() {\n        return aria.isFocused;\n      },\n      get isHovered() {\n        return hover.isHovered;\n      },\n      get isPressed() {\n        return aria.isPressed;\n      },\n      get isSelected() {\n        return aria.isSelected;\n      },\n      get selectionBehavior() {\n        return state.selectionManager.selectionBehavior;\n      },\n      get selectionMode() {\n        return state.selectionManager.selectionMode;\n      },\n      state,\n    };\n\n    const render = createRenderProps(\n      mergeProps(props, {\n        get children() {\n          return item.rendered;\n        },\n        defaultClass: \"solid2-aria-GridListItem\",\n        id: undefined,\n        values,\n      })\n    );\n\n    const hidden = createVisuallyHidden();\n\n    return (\n      <>\n        {drop && !drop.isHidden && (\n          <div role=\"row\" style={{ position: \"absolute\" }}>\n            <div role=\"gridcell\">\n              <div\n                {...mergeProps(\n                  merge(() => hidden.visuallyHiddenProps ?? {}),\n                  merge(() => drop.dropIndicatorProps ?? {})\n                )}\n                role=\"button\"\n                ref={(element: HTMLDivElement) => {\n                  setDropRef(element);\n                }}\n              />\n            </div>\n          </div>\n        )}\n        <dom.div\n          {...mergeProps(\n            omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n            render,\n            merge(() => aria.rowProps ?? {}),\n            merge(() => focus.focusProps ?? {}),\n            merge(() => within.focusProps ?? {}),\n            merge(() => hover.hoverProps ?? {}),\n            merge(() => drag?.dragProps ?? {})\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={focus.isFocusVisible || undefined}\n          data-focus-visible-within={within.isFocusVisible || undefined}\n          data-pressed={aria.isPressed || undefined}\n          data-allows-dragging={!!dnd.dragState || undefined}\n          data-dragging={values.isDragging ?? undefined}\n          data-drop-target={drop?.isDropTarget ?? undefined}\n          data-selection-mode={\n            state.selectionManager.selectionMode === \"none\"\n              ? undefined\n              : state.selectionManager.selectionMode\n          }\n        >\n          <div {...aria.gridCellProps} style={{ display: \"contents\" }}>\n            <CheckboxContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get selection() {\n                    return checkbox.checkboxProps;\n                  },\n                },\n              }}\n            >\n              <CheckboxFieldContext\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {},\n                    get selection() {\n                      return checkbox.checkboxProps;\n                    },\n                  },\n                }}\n              >\n                <ButtonContext\n                  value={{\n                    slots: {\n                      [DEFAULT_SLOT]: {\n                        get isDisabled() {\n                          return (\n                            aria.isDisabled &&\n                            state.selectionManager.disabledBehavior === \"all\"\n                          );\n                        },\n                      },\n                      drag: mergeProps(\n                        merge(() => drag?.dragButtonProps ?? {}),\n                        {\n                          style: { \"pointer-events\": \"none\" as const },\n                        }\n                      ),\n                    },\n                  }}\n                >\n                  <TextContext\n                    value={{\n                      slots: {\n                        [DEFAULT_SLOT]: {},\n                        get description() {\n                          return aria.descriptionProps;\n                        },\n                      },\n                    }}\n                  >\n                    <SelectionIndicatorContext\n                      value={{\n                        get isSelected() {\n                          return aria.isSelected;\n                        },\n                      }}\n                    >\n                      <CollectionRendererContext\n                        value={DefaultCollectionRenderer}\n                      >\n                        <ListStateContext value={null}>\n                          {render.children}\n                        </ListStateContext>\n                      </CollectionRendererContext>\n                    </SelectionIndicatorContext>\n                  </TextContext>\n                </ButtonContext>\n              </CheckboxFieldContext>\n            </CheckboxContext>\n          </div>\n        </dom.div>\n      </>\n    );\n  }\n);\n\nexport const GridListLoadMoreItem = createLeafComponent(\n  LoaderNode,\n  (\n    props: GridListLoadMoreItemProps,\n    ref: Ref<HTMLDivElement>,\n    item: Node<object>\n  ) => {\n    const state = requireValue(\n      useContext(ListStateContext),\n      \"Expected useContext(ListStateContext)\"\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    return (\n      <>\n        <div style={{ height: 0, position: \"relative\", width: 0 }} inert>\n          <div\n            ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}\n            style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}\n          />\n        </div>\n        {props.isLoading === true && (\n          <dom.div\n            {...filterDOMProps(props, { global: true })}\n            render={props.render}\n            class={props.class ?? \"solid2-aria-GridListLoadingIndicator\"}\n            ref={ref}\n            role=\"row\"\n          >\n            <div role=\"gridcell\">{item.rendered}</div>\n          </dom.div>\n        )}\n      </>\n    );\n  }\n);\n\nexport const GridListHeaderContext = createContext<\n  ContextValue<GridListHeaderProps, HTMLDivElement>\n>({});\n\nexport const GridListHeaderInnerContext =\n  createContext<HTMLAttributes<HTMLElement> | null>(null);\n\nexport const GridListHeader = createLeafComponent(\n  HeaderNode,\n  (input: GridListHeaderProps, forwardedRef: Ref<HTMLDivElement>) => {\n    const [props, , setRef] = createContextProps(\n      input,\n      forwardedRef,\n      GridListHeaderContext\n    );\n\n    const inner = useContext(GridListHeaderInnerContext);\n\n    return (\n      <dom.div\n        {...props}\n        class={props.class ?? \"solid2-aria-GridListHeader\"}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n      >\n        <div\n          {...(inner\n            ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              omit(inner, \"ref\")\n            : // oxlint-enable solid/reactivity\n              {})}\n          style={{ display: \"contents\" }}\n        >\n          {props.children}\n        </div>\n      </dom.div>\n    );\n  }\n);\n\nexport const GridListSection = createBranchComponent(\n  SectionNode,\n  <T,>(\n    props: GridListSectionProps<T>,\n    forwardedRef: Ref<HTMLDivElement>,\n    item: Node<T>\n  ) => {\n    const state = requireValue(\n      useContext(ListStateContext),\n      \"Expected useContext(ListStateContext)\"\n    );\n\n    const renderer = useContext(CollectionRendererContext);\n    const Branch = renderer.CollectionBranch;\n\n    const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    const aria = createGridListSection(props, state, ref);\n\n    return (\n      <dom.div\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\"),\n          merge(() => aria.rowGroupProps ?? {})\n        )}\n        render={props.render}\n        class={props.class ?? \"solid2-aria-GridListSection\"}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n      >\n        <GridListHeaderContext value={{ role: \"row\" }}>\n          <GridListHeaderInnerContext value={aria.rowHeaderProps}>\n            <Branch collection={state.collection} parent={item} />\n          </GridListHeaderInnerContext>\n        </GridListHeaderContext>\n      </dom.div>\n    );\n  }\n);\n\nexport function RootDropIndicator(\n  props: { table?: boolean; columnCount?: number } = {}\n) {\n  const context = useContext(DragAndDropContext);\n\n  const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = untrack(() =>\n    requireValue(\n      requireValue(\n        context.dragAndDropHooks,\n        \"Expected context.dragAndDropHooks\"\n      ).createDropIndicator,\n      \"Expected context.dragAndDropHooks!.createDropIndicator\"\n    )(\n      { target: { type: \"root\" } },\n      requireValue(context.dropState, \"Expected context.dropState\"),\n      ref\n    )\n  );\n\n  const hidden = createVisuallyHidden();\n\n  const button = (\n    <div\n      {...mergeProps(\n        merge(() => hidden.visuallyHiddenProps ?? {}),\n        merge(() => aria.dropIndicatorProps ?? {})\n      )}\n      role=\"button\"\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />\n  );\n\n  return (\n    <Show when={!aria.isHidden}>\n      {props.table === true ? (\n        <tr role=\"row\" style={{ position: \"absolute\" }}>\n          <td role=\"gridcell\" colspan={props.columnCount}>\n            {button}\n          </td>\n        </tr>\n      ) : (\n        <div role=\"row\" style={{ position: \"absolute\" }}>\n          <div role=\"gridcell\">{button}</div>\n        </div>\n      )}\n    </Show>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/group.d.ts

@@ -0,0 +1,35 @@
+/*
+ * 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/Group.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 { HoverEvents } from "@solid2-aria/types-shared";
+export interface GroupRenderProps {
+  isHovered: boolean;
+  isFocusWithin: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+  isInvalid: boolean;
+}
+export interface GroupProps extends SlotProps, HoverEvents, RenderProps<GroupRenderProps>, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "ref" | "slot"> {
+  isDisabled?: boolean;
+  isInvalid?: boolean;
+  isReadOnly?: boolean;
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const GroupContext: import("solid-js").Context<ContextValue<GroupProps, HTMLDivElement>>;
+export declare function Group(input: GroupProps): JSX.Element;
+//# sourceMappingURL=group.d.ts.map

package/dist/browser/group.js

@@ -0,0 +1,92 @@
+/*
+ * 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/Group.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, dom } from "./utils.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 { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+// src/group.tsx
+const GroupContext = createContext(null);
+function Group(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), GroupContext);
+	const focus = createFocusRing({ within: true });
+	const disabled = () => props.isDisabled ?? (isTruthy(props["aria-disabled"]) && props["aria-disabled"] !== "false");
+	const invalid = () => props.isInvalid ?? (isTruthy(props["aria-invalid"]) && props["aria-invalid"] !== "false");
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return disabled();
+	} }));
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Group",
+		values: {
+			get isDisabled() {
+				return disabled();
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocusWithin() {
+				return focus.isFocused;
+			},
+			get isHovered() {
+				return hover.isHovered;
+			},
+			get isInvalid() {
+				return invalid();
+			}
+		}
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, {
+			global: true,
+			labelable: true
+		}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get role() {
+			return props.role ?? "group";
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-focus-within"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-disabled"() {
+			return disabled() || void 0;
+		},
+		get "data-invalid"() {
+			return invalid() || void 0;
+		},
+		get "data-readonly"() {
+			return props.isReadOnly ?? void 0;
+		}
+	}));
+}
+export { Group, GroupContext };
+
+//# sourceMappingURL=group.js.map

package/dist/browser/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","names":["<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true, labelable: true }),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      role={props.role ?? \"group\"}\n      slot={props.slot ?? undefined}\n      data-focus-within={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={disabled() || undefined}\n      data-invalid={invalid() || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n    />","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/group.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/Group.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 { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\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 { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext } from \"solid-js\";\n\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface GroupRenderProps {\n  isHovered: boolean;\n  isFocusWithin: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isInvalid: boolean;\n}\n\nexport interface GroupProps\n  extends\n    SlotProps,\n    HoverEvents,\n    RenderProps<GroupRenderProps>,\n    Omit<\n      JSX.HTMLAttributes<HTMLDivElement>,\n      \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\"\n    > {\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const GroupContext =\n  createContext<ContextValue<GroupProps, HTMLDivElement>>(null);\n\nexport function Group(input: GroupProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    GroupContext\n  );\n\n  const focus = createFocusRing({ within: true });\n\n  const disabled = () =>\n    props.isDisabled ??\n    (isTruthy(props[\"aria-disabled\"]) && props[\"aria-disabled\"] !== \"false\");\n\n  const invalid = () =>\n    props.isInvalid ??\n    (isTruthy(props[\"aria-invalid\"]) && props[\"aria-invalid\"] !== \"false\");\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return disabled();\n      },\n    })\n  );\n\n  const values: GroupRenderProps = {\n    get isDisabled() {\n      return disabled();\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocusWithin() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isInvalid() {\n      return invalid();\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Group\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true, labelable: true }),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      role={props.role ?? \"group\"}\n      slot={props.slot ?? undefined}\n      data-focus-within={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={disabled() || undefined}\n      data-invalid={invalid() || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAa,eACX,cAAwD,IAAI;AAE9D,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,YACF;CAEA,MAAM,QAAQ,gBAAgB,EAAE,QAAQ,KAAK,CAAC;CAE9C,MAAM,iBACJ,MAAM,eACL,SAAS,MAAM,gBAAgB,KAAK,MAAM,qBAAqB;CAElE,MAAM,gBACJ,MAAM,cACL,SAAS,MAAM,eAAe,KAAK,MAAM,oBAAoB;CAEhE,MAAM,QAAQ,YACZG,aAAW,OAAO,EAChB,IAAI,aAAa;EACf,OAAO,SAAS;CAClB,EACF,CAAC,CACH;CAoBA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAAE,cAAc;EAAqB,QAAA;GAlBvD,IAAI,aAAa;IACf,OAAO,SAAS;GAClB;GACA,IAAI,iBAAiB;IACnB,OAAO,MAAM;GACf;GACA,IAAI,gBAAgB;IAClB,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,QAAQ;GACjB;EAIuD;CAAO,CAAC,CACjE;CAEA,OACEH,gBAAAA,IAACC,KAADD,iBACE;EAAI,OAAAG,aACF,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC,GACvD,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,MACF;CAAC,GANH;EAOED,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ;EAAO;EAC3B,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAC7B,IAAA,sBAAA;GAAmB,OAAA,MAAM,aAAa,KAAA;EAAS;EAC/C,IAAA,uBAAA;GAAoB,OAAA,MAAM,kBAAkB,KAAA;EAAS;EACrD,IAAA,iBAAA;GAAc,OAAA,MAAM,aAAa,KAAA;EAAS;EAC1C,IAAA,kBAAA;GAAe,OAAA,SAAS,KAAK,KAAA;EAAS;EACtC,IAAA,iBAAA;GAAc,OAAA,QAAQ,KAAK,KAAA;EAAS;EACpC,IAAA,kBAAA;GAAe,OAAA,MAAM,cAAc,KAAA;EAAS;CAC7C,CAAA,CAAA;AAEL"}

package/dist/browser/header.d.ts

@@ -0,0 +1,25 @@
+/*
+ * 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/Header.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";
+export interface HeaderProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, "ref" | "class" | "style" | "children" | "slot">, RenderProps<object> {
+  elementType?: keyof JSX.IntrinsicElements;
+  ref?: Ref<HTMLElement>;
+}
+export declare const HeaderContext: import("solid-js").Context<ContextValue<HeaderProps, HTMLElement>>;
+export declare function Header(props: HeaderProps): JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist/browser/header.js

@@ -0,0 +1,57 @@
+/*
+ * 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/Header.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, createRenderProps, domElement } from "./utils.js";
+import { createComponent, dynamic, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, untrack } from "solid-js";
+import { HeaderNode } from "@solid2-aria/core/collections/base-collection";
+import { createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/header.tsx
+const HeaderContext = createContext(null);
+const HeaderComponent = createLeafComponent(HeaderNode, (input) => {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), HeaderContext);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Header",
+		values: {}
+	}));
+	const Element = dynamic(() => domElement(props.elementType ?? "header"));
+	return createComponent(Element, mergeProps(() => {
+		return filterDOMProps(props, {
+			global: true,
+			labelable: true
+		});
+	}, render, {
+		get "class"() {
+			return render.class;
+		},
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		}
+	}));
+});
+function Header(props) {
+	return createComponent(HeaderComponent, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+export { Header, HeaderContext };
+
+//# sourceMappingURL=header.js.map

package/dist/browser/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":["<Element\n        {...filterDOMProps(props, { global: true, labelable: true })}\n        {...render}\n        class={render.class}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />","ref={(element: HTMLElement) => {\n          setRef(element);\n        }}","<HeaderComponent\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      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/header.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/Header.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 { HeaderNode } from \"@solid2-aria/core/collections/base-collection\";\nimport { createLeafComponent } from \"@solid2-aria/core/collections/collection-builder\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport {\n  assignRef,\n  domElement,\n  createContextProps,\n  createRenderProps,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface HeaderProps\n  extends\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    RenderProps<object> {\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLElement>;\n}\n\nexport const HeaderContext =\n  createContext<ContextValue<HeaderProps, HTMLElement>>(null);\n\nconst HeaderComponent = createLeafComponent<HeaderProps, HTMLElement>(\n  HeaderNode,\n  (input: HeaderProps): JSX.Element => {\n    const [props, , setRef] = createContextProps(\n      input,\n      untrack(() => input.ref),\n      HeaderContext\n    );\n\n    const render = createRenderProps(\n      mergeProps(props, { defaultClass: \"solid2-aria-Header\", values: {} })\n    );\n\n    const Element = dynamic(() => domElement(props.elementType ?? \"header\"));\n\n    return (\n      <Element\n        {...filterDOMProps(props, { global: true, labelable: true })}\n        {...render}\n        class={render.class}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />\n    );\n  }\n);\n\nexport function Header(props: HeaderProps): JSX.Element {\n  return (\n    <HeaderComponent\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAa,gBACX,cAAsD,IAAI;AAE5D,MAAM,kBAAkB,oBACtB,aACC,UAAoC;CACnC,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,aACF;CAEA,MAAM,SAAS,kBACbI,aAAW,OAAO;EAAE,cAAc;EAAsB,QAAQ,CAAC;CAAE,CAAC,CACtE;CAEA,MAAM,UAAU,cAAc,WAAW,MAAM,eAAe,QAAQ,CAAC;CAEvE,OACEJ,gBAAAA,SAAAA,iBACE;EAAI,OAAA,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC;CAAC,GACxD,QAFN;EAGE,IAAA,UAAA;GAAO,OAAA,OAAO;EAAK;EACnBC,MAAM,YAAyB;GAC7B,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;CAC9B,CAAA,CAAA;AAEL,CACF;AAEA,SAAgB,OAAO,OAAiC;CACtD,OACEC,gBAAAA,iBAAAA,WACM,OADN,EAEEC,MAAM,YAAyB;EAC7B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,EACD,CAAA,CAAA;AAEL"}

package/dist/browser/heading.d.ts

@@ -0,0 +1,26 @@
+/*
+ * 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/Heading.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";
+export interface HeadingProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "ref" | "class" | "style" | "children" | "slot">, RenderProps<object> {
+  elementType?: keyof JSX.IntrinsicElements;
+  ref?: Ref<HTMLHeadingElement>;
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const HeadingContext: import("solid-js").Context<ContextValue<HeadingProps, HTMLHeadingElement>>;
+export declare function Heading(input: HeadingProps): JSX.Element;
+//# sourceMappingURL=heading.d.ts.map

package/dist/browser/heading.js

@@ -0,0 +1,53 @@
+/*
+ * 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/Heading.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, domElement } from "./utils.js";
+import { createComponent, dynamic, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/heading.tsx
+const HeadingContext = createContext(null);
+function isHeading(element) {
+	return /^H[1-6]$/u.test(element.tagName);
+}
+function Heading(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), HeadingContext);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Heading",
+		values: {}
+	}));
+	const Element = dynamic(() => domElement(props.elementType ?? `h${props.level ?? 3}`));
+	return createComponent(Element, mergeProps(() => {
+		return filterDOMProps(props, {
+			global: true,
+			labelable: true
+		});
+	}, render, {
+		get "class"() {
+			return render.class;
+		},
+		ref: (el) => {
+			if (isHeading(el)) setRef(el);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		}
+	}));
+}
+export { Heading, HeadingContext };
+
+//# sourceMappingURL=heading.js.map

package/dist/browser/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":["<Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(el: HTMLElement) => {\n        if (isHeading(el)) {\n          setRef(el);\n        }\n      }}\n      slot={props.slot ?? undefined}\n    />","ref={(el: HTMLElement) => {\n        if (isHeading(el)) {\n          setRef(el);\n        }\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/heading.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/Heading.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 { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { domElement, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface HeadingProps\n  extends\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLHeadingElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    RenderProps<object> {\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLHeadingElement>;\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport const HeadingContext =\n  createContext<ContextValue<HeadingProps, HTMLHeadingElement>>(null);\n\nfunction isHeading(element: HTMLElement): element is HTMLHeadingElement {\n  return /^H[1-6]$/u.test(element.tagName);\n}\n\nexport function Heading(input: HeadingProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    HeadingContext\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Heading\", values: {} })\n  );\n\n  const Element = dynamic(() =>\n    domElement(props.elementType ?? `h${props.level ?? 3}`)\n  );\n\n  return (\n    <Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(el: HTMLElement) => {\n        if (isHeading(el)) {\n          setRef(el);\n        }\n      }}\n      slot={props.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,iBACX,cAA8D,IAAI;AAEpE,SAAS,UAAU,SAAqD;CACtE,OAAO,YAAY,KAAK,QAAQ,OAAO;AACzC;AAEA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,cACF;CAEA,MAAM,SAAS,kBACbE,aAAW,OAAO;EAAE,cAAc;EAAuB,QAAQ,CAAC;CAAE,CAAC,CACvE;CAEA,MAAM,UAAU,cACd,WAAW,MAAM,eAAe,IAAI,MAAM,SAAS,GAAG,CACxD;CAEA,OACEF,gBAAAA,SAAAA,iBACE;EAAI,OAAA,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC;CAAC,GACxD,QAFN;EAGE,IAAA,UAAA;GAAO,OAAA,OAAO;EAAK;EACnBC,MAAM,OAAoB;GACxB,IAAI,UAAU,EAAE,GACd,OAAO,EAAE;EAEb;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;CAC9B,CAAA,CAAA;AAEL"}

package/dist/browser/hidden-date-input.d.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/HiddenDateInput.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { JSX } from "@solidjs/web";
+import { DateFieldState } from "@solid2-aria/stately/datepicker/create-date-field-state";
+import { DatePickerState } from "@solid2-aria/stately/datepicker/create-date-picker-state";
+import { HTMLAttributes, InputHTMLAttributes } from "@solid2-aria/core/types";
+interface HiddenDateInputProps {
+  autoComplete?: string;
+  name?: string;
+  isDisabled?: boolean;
+  state: DateFieldState | DatePickerState;
+}
+export interface HiddenDateAria {
+  containerProps: HTMLAttributes<HTMLDivElement>;
+  inputProps: InputHTMLAttributes;
+}
+export declare function createHiddenDateInput(props: HiddenDateInputProps, state: DateFieldState | DatePickerState): HiddenDateAria;
+export declare function HiddenDateInput(props: HiddenDateInputProps): JSX.Element;
+export {};
+//# sourceMappingURL=hidden-date-input.d.ts.map

package/dist/browser/hidden-date-input.js

@@ -0,0 +1,84 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/HiddenDateInput.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { getNextElement, runHydrationEvents, spread, template } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { merge, untrack } from "solid-js";
+import { parseDate, parseDateTime, toCalendarDate, toCalendarDateTime, toLocalTimeZone } from "@internationalized/date";
+import { createVisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+// src/hidden-date-input.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div><input>`);
+function createHiddenDateInput(props, state) {
+	const hidden = createVisuallyHidden({ style: {
+		left: 0,
+		position: "fixed",
+		top: 0
+	} });
+	return {
+		containerProps: mergeProps$1(merge(() => hidden.visuallyHiddenProps ?? {}), {
+			"aria-hidden": "true",
+			"data-a11y-ignore": "aria-hidden-focus",
+			"data-react-aria-prevent-focus": true
+		}),
+		inputProps: {
+			get autocomplete() {
+				return props.autoComplete;
+			},
+			get disabled() {
+				return props.isDisabled;
+			},
+			form: "",
+			get name() {
+				return props.name;
+			},
+			onChange(event) {
+				const { value } = event.currentTarget;
+				if (!value) return;
+				try {
+					state.setValue(state.granularity === "day" ? parseDate(value) : parseDateTime(value));
+				} catch {}
+			},
+			get step() {
+				if (state.granularity === "second") return 1;
+				return state.granularity === "hour" ? 3600 : 60;
+			},
+			tabindex: -1,
+			get type() {
+				return state.granularity === "day" ? "date" : "datetime-local";
+			},
+			get value() {
+				if (!state.value) return "";
+				return state.granularity === "day" ? toCalendarDate(state.value).toString() : toCalendarDateTime("timeZone" in state.value ? toLocalTimeZone(state.value) : state.value).toString();
+			}
+		}
+	};
+}
+function HiddenDateInput(props) {
+	const aria = createHiddenDateInput(props, untrack(() => props.state));
+	var _el$ = getNextElement(_tmpl$);
+	var _el$2 = _el$.firstChild;
+	spread(_el$, [() => {
+		return aria.containerProps;
+	}, { "data-testid": "hidden-dateinput-container" }], true);
+	spread(_el$2, () => {
+		return aria.inputProps;
+	}, false);
+	runHydrationEvents();
+	return _el$;
+}
+export { HiddenDateInput, createHiddenDateInput };
+
+//# sourceMappingURL=hidden-date-input.js.map

package/dist/browser/hidden-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hidden-date-input.js","names":["<div {...aria.containerProps} data-testid=\"hidden-dateinput-container\">\n      <input {...aria.inputProps} />\n    </div>","mergeProps","_$getNextElement"],"sources":["../../src/hidden-date-input.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/HiddenDateInput.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport {\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone,\n} from \"@internationalized/date\";\nimport type {\n  HTMLAttributes,\n  InputHTMLAttributes,\n} from \"@solid2-aria/core/types\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createVisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport type { DateFieldState } from \"@solid2-aria/stately/datepicker/create-date-field-state\";\nimport type { DatePickerState } from \"@solid2-aria/stately/datepicker/create-date-picker-state\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge } from \"solid-js\";\n\ninterface HiddenDateInputProps {\n  autoComplete?: string;\n  name?: string;\n  isDisabled?: boolean;\n  state: DateFieldState | DatePickerState;\n}\n\nexport interface HiddenDateAria {\n  containerProps: HTMLAttributes<HTMLDivElement>;\n  inputProps: InputHTMLAttributes;\n}\n\nexport function createHiddenDateInput(\n  props: HiddenDateInputProps,\n  state: DateFieldState | DatePickerState\n): HiddenDateAria {\n  const hidden = createVisuallyHidden({\n    style: { left: 0, position: \"fixed\", top: 0 },\n  });\n\n  return {\n    containerProps: mergeProps(\n      merge(() => hidden.visuallyHiddenProps ?? {}),\n      {\n        \"aria-hidden\": \"true\",\n        \"data-a11y-ignore\": \"aria-hidden-focus\",\n        \"data-react-aria-prevent-focus\": true,\n      }\n    ),\n    inputProps: {\n      get autocomplete() {\n        return props.autoComplete;\n      },\n      get disabled() {\n        return props.isDisabled;\n      },\n      form: \"\",\n      get name() {\n        return props.name;\n      },\n      onChange(event) {\n        const { value } = event.currentTarget;\n\n        if (!value) {\n          return;\n        }\n\n        try {\n          state.setValue(\n            state.granularity === \"day\"\n              ? parseDate(value)\n              : parseDateTime(value)\n          );\n        } catch {\n          // Ignore incomplete native date values, as with the upstream autofill input.\n        }\n      },\n      get step() {\n        if (state.granularity === \"second\") {\n          return 1;\n        }\n\n        return state.granularity === \"hour\" ? 3600 : 60;\n      },\n      tabindex: -1,\n      get type() {\n        return state.granularity === \"day\" ? \"date\" : \"datetime-local\";\n      },\n      get value() {\n        if (!state.value) {\n          return \"\";\n        }\n\n        return state.granularity === \"day\"\n          ? toCalendarDate(state.value).toString()\n          : toCalendarDateTime(\n              \"timeZone\" in state.value\n                ? toLocalTimeZone(state.value)\n                : state.value\n            ).toString();\n      },\n    },\n  };\n}\n\nexport function HiddenDateInput(props: HiddenDateInputProps): JSX.Element {\n  const aria = createHiddenDateInput(\n    props,\n    untrack(() => props.state)\n  );\n\n  return (\n    <div {...aria.containerProps} data-testid=\"hidden-dateinput-container\">\n      <input {...aria.inputProps} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,sBACd,OACA,OACgB;CAChB,MAAM,SAAS,qBAAqB,EAClC,OAAO;EAAE,MAAM;EAAG,UAAU;EAAS,KAAK;CAAE,EAC9C,CAAC;CAED,OAAO;EACL,gBAAgBC,aACd,YAAY,OAAO,uBAAuB,CAAC,CAAC,GAC5C;GACE,eAAe;GACf,oBAAoB;GACpB,iCAAiC;EACnC,CACF;EACA,YAAY;GACV,IAAI,eAAe;IACjB,OAAO,MAAM;GACf;GACA,IAAI,WAAW;IACb,OAAO,MAAM;GACf;GACA,MAAM;GACN,IAAI,OAAO;IACT,OAAO,MAAM;GACf;GACA,SAAS,OAAO;IACd,MAAM,EAAE,UAAU,MAAM;IAExB,IAAI,CAAC,OACH;IAGF,IAAI;KACF,MAAM,SACJ,MAAM,gBAAgB,QAClB,UAAU,KAAK,IACf,cAAc,KAAK,CACzB;IACF,QAAQ,CAER;GACF;GACA,IAAI,OAAO;IACT,IAAI,MAAM,gBAAgB,UACxB,OAAO;IAGT,OAAO,MAAM,gBAAgB,SAAS,OAAO;GAC/C;GACA,UAAU;GACV,IAAI,OAAO;IACT,OAAO,MAAM,gBAAgB,QAAQ,SAAS;GAChD;GACA,IAAI,QAAQ;IACV,IAAI,CAAC,MAAM,OACT,OAAO;IAGT,OAAO,MAAM,gBAAgB,QACzB,eAAe,MAAM,KAAK,CAAC,CAAC,SAAS,IACrC,mBACE,cAAc,MAAM,QAChB,gBAAgB,MAAM,KAAK,IAC3B,MAAM,KACZ,CAAC,CAAC,SAAS;GACjB;EACF;CACF;AACF;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,OAAO,sBACX,OACA,cAAc,MAAM,KAAK,CAC3B;CAGE,IAAA,OAAAC,eAAA,MAEK;CADH,IAAA,QAAA,KAAA;CADG,OAAA,MAAA,OAAA;EAAI,OAAA,KAAK;CAAc,GAAA,EAAE,eAAA,6BAAA,CAAA,GAAA,IAAA;CACrB,OAAA,aAAA;EAAI,OAAA,KAAK;CAAU,GAAA,KAAA;CAD5B,mBAEK;CAHP,OACEF;AAIJ"}