@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["<DatePickerStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.fieldProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>\n    </DatePickerStateContext>","value={state}","<GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.fieldProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>","<DateFieldContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.fieldProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>","<ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>\n          </ButtonContext>","<LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>","<CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>","value={calendarProps}","<OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>","<PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>","value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}","<DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>","<TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>","value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}","<FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>","value={aria}","<dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}","typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined","<HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />","<DateRangePickerStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={{\n            slots: {\n              get end() {\n                return aria.endFieldProps;\n              },\n              get start() {\n                return aria.startFieldProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>\n    </DateRangePickerStateContext>","<GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={{\n            slots: {\n              get end() {\n                return aria.endFieldProps;\n              },\n              get start() {\n                return aria.startFieldProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>","<DateFieldContext\n          value={{\n            slots: {\n              get end() {\n                return aria.endFieldProps;\n              },\n              get start() {\n                return aria.startFieldProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>","value={{\n            slots: {\n              get end() {\n                return aria.endFieldProps;\n              },\n              get start() {\n                return aria.startFieldProps;\n              },\n            },\n          }}","<ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>\n          </ButtonContext>","<LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>","<RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>","<OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>","<PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>","value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}","<DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>","<TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>","<FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>","mergeProps","_$createComponent","_$mergeProps","_$memo"],"sources":["../../src/date-picker.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/DatePicker.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; 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 { createDatePicker } from \"@solid2-aria/core/datepicker/create-date-picker\";\nimport type { AriaDatePickerProps } from \"@solid2-aria/core/datepicker/create-date-picker\";\nimport { createDateRangePicker } from \"@solid2-aria/core/datepicker/create-date-range-picker\";\nimport type { AriaDateRangePickerProps } from \"@solid2-aria/core/datepicker/create-date-range-picker\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { CalendarSelectionMode } from \"@solid2-aria/stately/calendar/types\";\nimport { createDatePickerState } from \"@solid2-aria/stately/datepicker/create-date-picker-state\";\nimport type {\n  DatePickerState,\n  DatePickerStateOptions,\n} from \"@solid2-aria/stately/datepicker/create-date-picker-state\";\nimport { createDateRangePickerState } from \"@solid2-aria/stately/datepicker/create-date-range-picker-state\";\nimport type {\n  DateRangePickerState,\n  DateRangePickerStateOptions,\n} from \"@solid2-aria/stately/datepicker/create-date-range-picker-state\";\nimport type { DateValue } from \"@solid2-aria/stately/datepicker/types\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createSignal, merge, createContext, omit } from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { CalendarContext, RangeCalendarContext } from \"./calendar\";\nimport type { CalendarProps } from \"./calendar\";\nimport { DateFieldContext } from \"./date-field\";\nimport { DialogContext, OverlayTriggerStateContext } from \"./dialog\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { GroupContext } from \"./group\";\nimport { HiddenDateInput } from \"./hidden-date-input\";\nimport { LabelContext } from \"./label\";\nimport { PopoverContext } from \"./popover\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n  removeDataAttributes,\n} from \"./utils\";\nimport type {\n  ContextValue,\n  RenderProps,\n  SlotProps,\n  Ref,\n  RACValidation,\n} from \"./utils\";\n\nexport interface DatePickerRenderProps {\n  isFocusWithin: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  isOpen: boolean;\n  state: DatePickerState;\n}\n\nexport interface DateRangePickerRenderProps extends Omit<\n  DatePickerRenderProps,\n  \"state\"\n> {\n  state: DateRangePickerState;\n}\n\nexport interface DatePickerProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    Pick<DatePickerStateOptions<T>, \"shouldCloseOnSelect\">,\n    RACValidation,\n    RenderProps<DatePickerRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface DateRangePickerProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    Pick<DateRangePickerStateOptions<T>, \"shouldCloseOnSelect\">,\n    RACValidation,\n    RenderProps<DateRangePickerRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const DatePickerContext =\n  createContext<ContextValue<DatePickerProps<DateValue>, HTMLDivElement>>(null);\n\nexport const DateRangePickerContext =\n  createContext<ContextValue<DateRangePickerProps<DateValue>, HTMLDivElement>>(\n    null\n  );\n\nexport const DatePickerStateContext = createContext<DatePickerState | null>(\n  null\n);\n\nexport const DateRangePickerStateContext =\n  createContext<DateRangePickerState | null>(null);\n\nconst CLEAR_CONTEXTS = [GroupContext, ButtonContext, LabelContext, TextContext];\n\nexport function DatePicker<T extends DateValue>(\n  input: DatePickerProps<T>\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DatePickerContext\n  );\n\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(props, {\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createDatePickerState(options);\n\n  const [groupRef, setGroupRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createDatePicker(\n    mergeProps(removeDataAttributes(options), {\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    groupRef\n  );\n\n  // SAFETY: DatePicker supplies a single-selection calendar; this context preserves the shared calendar API for either selection mode.\n  // oxlint-disable-next-line anti-slop/no-chained-type-assertions, typescript/no-unsafe-type-assertion -- Widen the generic callback only when entering the shared calendar context.\n  const calendarProps = merge(\n    () => aria.calendarProps\n  ) as unknown as CalendarProps<DateValue, CalendarSelectionMode>;\n\n  const focus = createFocusRing({ within: true });\n\n  const values: DatePickerRenderProps = {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocusWithin() {\n      return focus.isFocused;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n    get isOpen() {\n      return state.isOpen;\n    },\n    get isReadOnly() {\n      return props.isReadOnly ?? false;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-DatePicker\", values })\n  );\n\n  return (\n    <DatePickerStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.fieldProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <CalendarContext value={calendarProps}>\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DatePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                          <HiddenDateInput\n                            autoComplete={props.autoComplete}\n                            name={props.name}\n                            isDisabled={props.isDisabled}\n                            state={state}\n                          />\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </CalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>\n    </DatePickerStateContext>\n  );\n}\n\nexport function DateRangePicker<T extends DateValue>(\n  input: DateRangePickerProps<T>\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DateRangePickerContext\n  );\n\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(props, {\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createDateRangePickerState(options);\n\n  const [groupRef, setGroupRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createDateRangePicker(\n    mergeProps(removeDataAttributes(options), {\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    groupRef\n  );\n\n  const focus = createFocusRing({ within: true });\n\n  const values: DateRangePickerRenderProps = {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocusWithin() {\n      return focus.isFocused;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n    get isOpen() {\n      return state.isOpen;\n    },\n    get isReadOnly() {\n      return props.isReadOnly ?? false;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-DateRangePicker\",\n      values,\n    })\n  );\n\n  return (\n    <DateRangePickerStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.groupProps),\n          {\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setGroupRef(element);\n            },\n          }\n        )}\n      >\n        <DateFieldContext\n          value={{\n            slots: {\n              get end() {\n                return aria.endFieldProps;\n              },\n              get start() {\n                return aria.startFieldProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={mergeProps(\n              merge(() => aria.buttonProps),\n              {\n                get isPressed() {\n                  return state.isOpen;\n                },\n              }\n            )}\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                { elementType: \"span\" as const, registerSlot: registerLabel }\n              )}\n            >\n              <RangeCalendarContext\n                value={\n                  // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                  merge(() => aria.calendarProps)\n                  // oxlint-enable solid/reactivity\n                }\n              >\n                <OverlayTriggerStateContext value={state}>\n                  <PopoverContext\n                    value={{\n                      clearContexts: CLEAR_CONTEXTS,\n                      placement: \"bottom start\",\n                      trigger: \"DateRangePicker\",\n                      triggerRef: groupRef,\n                    }}\n                  >\n                    <DialogContext\n                      value={\n                        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                        merge(() => aria.dialogProps)\n                        // oxlint-enable solid/reactivity\n                      }\n                    >\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={(element: HTMLDivElement) => {\n                              setRef(element);\n                            }}\n                            slot={\n                              typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined\n                            }\n                            data-focus-within={focus.isFocused || undefined}\n                            data-invalid={state.isInvalid || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-disabled={\n                              props.isDisabled === true ? true : undefined\n                            }\n                            data-readonly={\n                              props.isReadOnly === true ? true : undefined\n                            }\n                            data-required={\n                              props.isRequired === true ? true : undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                          >\n                            {render.children}\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </DialogContext>\n                  </PopoverContext>\n                </OverlayTriggerStateContext>\n              </RangeCalendarContext>\n            </LabelContext>\n          </ButtonContext>\n        </DateFieldContext>\n      </GroupContext>\n    </DateRangePickerStateContext>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/dialog.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/Dialog.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 { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { JSX } from "@solidjs/web";
+import { AriaDialogProps } from "@solid2-aria/core/dialog/create-dialog";
+import { OverlayTriggerProps } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+export interface DialogTriggerProps extends OverlayTriggerProps {
+  children?: JSX.Element;
+}
+export interface DialogRenderProps {
+  close: () => void;
+}
+export interface DialogProps extends AriaDialogProps, SlotProps, RenderProps<DialogRenderProps, "section"> {
+  ref?: Ref<HTMLElement>;
+}
+export declare const DialogContext: import("solid-js").Context<ContextValue<DialogProps, HTMLElement>>;
+export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
+export declare function Dialog(input: DialogProps): JSX.Element;
+export { OverlayTriggerStateContext };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/browser/dialog.js

@@ -0,0 +1,148 @@
+/*
+ * 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/Dialog.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 { DEFAULT_SLOT, createContextProps, createRenderProps, dom } from "./utils.js";
+import { ButtonContext } from "./button.js";
+import { HeadingContext } from "./heading.js";
+import { TextContext } from "./text.js";
+import { OverlayTriggerStateContext, RootMenuTriggerStateContext } from "./overlay-contexts.js";
+import { PopoverContext } from "./popover.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, createUniqueId, merge, omit, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createIsHidden } from "@solid2-aria/core/collections/hidden";
+import { createDialog } from "@solid2-aria/core/dialog/create-dialog";
+import { createOverlayTrigger } from "@solid2-aria/core/overlays/create-overlay-trigger";
+import { createMenuTriggerState } from "@solid2-aria/stately/menu/create-menu-trigger-state";
+// src/dialog.tsx
+const DialogContext = createContext(null);
+function DialogTrigger(props) {
+	if (createIsHidden()) return null;
+	const state = createMenuTriggerState(props);
+	const [triggerRef, setTriggerRef] = createSignal(null, { ownedWrite: true });
+	const aria = createOverlayTrigger({ type: "dialog" }, state, triggerRef);
+	const id = createUniqueId();
+	const buttonProps = mergeProps$1(merge(() => aria.triggerProps ?? {}), {
+		id,
+		get isPressed() {
+			return state.isOpen;
+		},
+		ref: (element) => {
+			setTriggerRef(element);
+		}
+	});
+	return createComponent(OverlayTriggerStateContext, {
+		value: state,
+		get children() {
+			return createComponent(RootMenuTriggerStateContext, {
+				value: state,
+				get children() {
+					return createComponent(DialogContext, {
+						value: {
+							"aria-labelledby": id,
+							get id() {
+								return typeof aria.overlayProps.id === "string" ? aria.overlayProps.id : void 0;
+							}
+						},
+						get children() {
+							return createComponent(PopoverContext, {
+								get value() {
+									return mergeProps$1(merge(() => aria.overlayProps ?? {}), {
+										"aria-labelledby": id,
+										trigger: "DialogTrigger",
+										triggerRef
+									});
+								},
+								get children() {
+									return createComponent(ButtonContext, {
+										value: buttonProps,
+										get children() {
+											return props.children;
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function Dialog(input) {
+	if (createIsHidden()) return null;
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), DialogContext);
+	const state = useContext(OverlayTriggerStateContext);
+	const aria = createDialog(mergeProps$1(omit(props, "aria-labelledby"), { get "aria-labelledby"() {
+		return input["aria-labelledby"];
+	} }), ref);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Dialog",
+		values: { close() {
+			state?.close();
+		} }
+	}));
+	return createComponent(dom.section, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), render, merge(() => aria.dialogProps ?? {}));
+	}, {
+		get "aria-labelledby"() {
+			return aria.dialogProps["aria-labelledby"] ?? props["aria-labelledby"];
+		},
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get children() {
+			return createComponent(HeadingContext, {
+				value: { slots: {
+					[DEFAULT_SLOT]: {},
+					get title() {
+						return aria.titleProps;
+					}
+				} },
+				get children() {
+					return createComponent(TextContext, {
+						value: { slots: {
+							[DEFAULT_SLOT]: {},
+							get description() {
+								return aria.contentProps;
+							}
+						} },
+						get children() {
+							return createComponent(ButtonContext, {
+								value: { slots: {
+									[DEFAULT_SLOT]: {},
+									close: { onPress() {
+										state?.close();
+									} }
+								} },
+								get children() {
+									return render.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+export { Dialog, DialogContext, DialogTrigger, OverlayTriggerStateContext };
+
+//# sourceMappingURL=dialog.js.map

package/dist/browser/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["<OverlayTriggerStateContext value={state}>\n      <RootMenuTriggerStateContext value={state}>\n        <DialogContext\n          value={{\n            \"aria-labelledby\": id,\n            get id() {\n              return typeof aria.overlayProps.id === \"string\"\n                ? aria.overlayProps.id\n                : undefined;\n            },\n          }}\n        >\n          <PopoverContext\n            value={mergeProps(\n              merge(() => aria.overlayProps ?? {}),\n              {\n                \"aria-labelledby\": id,\n                trigger: \"DialogTrigger\",\n                triggerRef,\n              }\n            )}\n          >\n            <ButtonContext value={buttonProps}>{props.children}</ButtonContext>\n          </PopoverContext>\n        </DialogContext>\n      </RootMenuTriggerStateContext>\n    </OverlayTriggerStateContext>","value={state}","<RootMenuTriggerStateContext value={state}>\n        <DialogContext\n          value={{\n            \"aria-labelledby\": id,\n            get id() {\n              return typeof aria.overlayProps.id === \"string\"\n                ? aria.overlayProps.id\n                : undefined;\n            },\n          }}\n        >\n          <PopoverContext\n            value={mergeProps(\n              merge(() => aria.overlayProps ?? {}),\n              {\n                \"aria-labelledby\": id,\n                trigger: \"DialogTrigger\",\n                triggerRef,\n              }\n            )}\n          >\n            <ButtonContext value={buttonProps}>{props.children}</ButtonContext>\n          </PopoverContext>\n        </DialogContext>\n      </RootMenuTriggerStateContext>","<DialogContext\n          value={{\n            \"aria-labelledby\": id,\n            get id() {\n              return typeof aria.overlayProps.id === \"string\"\n                ? aria.overlayProps.id\n                : undefined;\n            },\n          }}\n        >\n          <PopoverContext\n            value={mergeProps(\n              merge(() => aria.overlayProps ?? {}),\n              {\n                \"aria-labelledby\": id,\n                trigger: \"DialogTrigger\",\n                triggerRef,\n              }\n            )}\n          >\n            <ButtonContext value={buttonProps}>{props.children}</ButtonContext>\n          </PopoverContext>\n        </DialogContext>","value={{\n            \"aria-labelledby\": id,\n            get id() {\n              return typeof aria.overlayProps.id === \"string\"\n                ? aria.overlayProps.id\n                : undefined;\n            },\n          }}","<PopoverContext\n            value={mergeProps(\n              merge(() => aria.overlayProps ?? {}),\n              {\n                \"aria-labelledby\": id,\n                trigger: \"DialogTrigger\",\n                triggerRef,\n              }\n            )}\n          >\n            <ButtonContext value={buttonProps}>{props.children}</ButtonContext>\n          </PopoverContext>","<ButtonContext value={buttonProps}>{props.children}</ButtonContext>","value={buttonProps}","<dom.section\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.dialogProps ?? {})\n      )}\n      aria-labelledby={\n        aria.dialogProps[\"aria-labelledby\"] ?? props[\"aria-labelledby\"]\n      }\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <HeadingContext\n        value={{\n          slots: {\n            [DEFAULT_SLOT]: {},\n            get title() {\n              return aria.titleProps;\n            },\n          },\n        }}\n      >\n        <TextContext\n          value={{\n            slots: {\n              [DEFAULT_SLOT]: {},\n              get description() {\n                return aria.contentProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </dom.section>","dom.section","ref={(element: HTMLElement) => {\n        setRef(element);\n      }}","<HeadingContext\n        value={{\n          slots: {\n            [DEFAULT_SLOT]: {},\n            get title() {\n              return aria.titleProps;\n            },\n          },\n        }}\n      >\n        <TextContext\n          value={{\n            slots: {\n              [DEFAULT_SLOT]: {},\n              get description() {\n                return aria.contentProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>","value={{\n          slots: {\n            [DEFAULT_SLOT]: {},\n            get title() {\n              return aria.titleProps;\n            },\n          },\n        }}","<TextContext\n          value={{\n            slots: {\n              [DEFAULT_SLOT]: {},\n              get description() {\n                return aria.contentProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </TextContext>","value={{\n            slots: {\n              [DEFAULT_SLOT]: {},\n              get description() {\n                return aria.contentProps;\n              },\n            },\n          }}","<ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>","value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/dialog.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/Dialog.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 { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createDialog } from \"@solid2-aria/core/dialog/create-dialog\";\nimport type { AriaDialogProps } from \"@solid2-aria/core/dialog/create-dialog\";\nimport { createOverlayTrigger } from \"@solid2-aria/core/overlays/create-overlay-trigger\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createMenuTriggerState } from \"@solid2-aria/stately/menu/create-menu-trigger-state\";\nimport type { OverlayTriggerProps } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createUniqueId,\n  useContext,\n  omit,\n} from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { HeadingContext } from \"./heading\";\nimport {\n  RootMenuTriggerStateContext,\n  OverlayTriggerStateContext,\n} from \"./overlay-contexts\";\nimport { PopoverContext } from \"./popover\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  DEFAULT_SLOT,\n  createContextProps,\n  createRenderProps,\n} from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport { OverlayTriggerStateContext } from \"./overlay-contexts\";\n\nexport interface DialogTriggerProps extends OverlayTriggerProps {\n  children?: JSX.Element;\n}\n\nexport interface DialogRenderProps {\n  close: () => void;\n}\n\nexport interface DialogProps\n  extends\n    AriaDialogProps,\n    SlotProps,\n    RenderProps<DialogRenderProps, \"section\"> {\n  ref?: Ref<HTMLElement>;\n}\n\nexport const DialogContext =\n  createContext<ContextValue<DialogProps, HTMLElement>>(null);\n\nexport function DialogTrigger(props: DialogTriggerProps): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const state = createMenuTriggerState(props);\n\n  const [triggerRef, setTriggerRef] = createSignal<HTMLButtonElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const aria = createOverlayTrigger({ type: \"dialog\" }, state, triggerRef);\n  const id = createUniqueId();\n\n  const buttonProps = mergeProps(\n    merge(() => aria.triggerProps ?? {}),\n    {\n      id,\n      get isPressed() {\n        return state.isOpen;\n      },\n      ref: (element: HTMLButtonElement) => {\n        setTriggerRef(element);\n      },\n    }\n  );\n\n  return (\n    <OverlayTriggerStateContext value={state}>\n      <RootMenuTriggerStateContext value={state}>\n        <DialogContext\n          value={{\n            \"aria-labelledby\": id,\n            get id() {\n              return typeof aria.overlayProps.id === \"string\"\n                ? aria.overlayProps.id\n                : undefined;\n            },\n          }}\n        >\n          <PopoverContext\n            value={mergeProps(\n              merge(() => aria.overlayProps ?? {}),\n              {\n                \"aria-labelledby\": id,\n                trigger: \"DialogTrigger\",\n                triggerRef,\n              }\n            )}\n          >\n            <ButtonContext value={buttonProps}>{props.children}</ButtonContext>\n          </PopoverContext>\n        </DialogContext>\n      </RootMenuTriggerStateContext>\n    </OverlayTriggerStateContext>\n  );\n}\n\nexport function Dialog(input: DialogProps): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DialogContext\n  );\n\n  const state = useContext(OverlayTriggerStateContext);\n\n  const aria = createDialog(\n    mergeProps(omit(props, \"aria-labelledby\"), {\n      get \"aria-labelledby\"() {\n        return input[\"aria-labelledby\"];\n      },\n    }),\n    ref\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-Dialog\",\n      values: {\n        close() {\n          state?.close();\n        },\n      },\n    })\n  );\n\n  return (\n    <dom.section\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.dialogProps ?? {})\n      )}\n      aria-labelledby={\n        aria.dialogProps[\"aria-labelledby\"] ?? props[\"aria-labelledby\"]\n      }\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <HeadingContext\n        value={{\n          slots: {\n            [DEFAULT_SLOT]: {},\n            get title() {\n              return aria.titleProps;\n            },\n          },\n        }}\n      >\n        <TextContext\n          value={{\n            slots: {\n              [DEFAULT_SLOT]: {},\n              get description() {\n                return aria.contentProps;\n              },\n            },\n          }}\n        >\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                close: {\n                  onPress() {\n                    state?.close();\n                  },\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </dom.section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,MAAa,gBACX,cAAsD,IAAI;AAE5D,SAAgB,cAAc,OAAwC;CACpE,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,QAAQ,uBAAuB,KAAK;CAE1C,MAAM,CAAC,YAAY,iBAAiB,aAClC,MACA,EAAE,YAAY,KAAK,CACrB;CAEA,MAAM,OAAO,qBAAqB,EAAE,MAAM,SAAS,GAAG,OAAO,UAAU;CACvE,MAAM,KAAK,eAAe;CAE1B,MAAM,cAAciB,aAClB,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC;EACE;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,MAAM,YAA+B;GACnC,cAAc,OAAO;EACvB;CACF,CACF;CAEA,OACEjB,gBAAAA,4BAAAA;EAA4BC,OAAO;EAAnC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,6BAAAA;IAA6BD,OAAO;IAApC,IAAA,WAAA;KACEE,OAAAA,gBAAAA,eAAAA;MACEC,OAAO;OACL,mBAAmB;OACnB,IAAI,KAAK;QACP,OAAO,OAAO,KAAK,aAAa,OAAO,WACnC,KAAK,aAAa,KAClB,KAAA;OACN;MACF;MARF,IAAA,WAAA;OAUEC,OAAAA,gBAAAA,gBAAAA;QACE,IAAA,QAAA;SAAO,OAAAY,aACL,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC;UACE,mBAAmB;UACnB,SAAS;UACT;SACF,CACF;QAAC;QARH,IAAA,WAAA;SAUEX,OAAAA,gBAAAA,eAAAA;UAAeC,OAAO;UAAtB,IAAA,WAAA;WAAoC,OAAA,MAAM;UAAwB;;QACpD;;MACH;;IACY;;EACH;;AAEhC;AAEA,SAAgB,OAAO,OAAiC;CACtD,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,OAAO,KAAK,UAAU,mBAC3B,OACA,cAAc,MAAM,GAAG,GACvB,aACF;CAEA,MAAM,QAAQ,WAAW,0BAA0B;CAEnD,MAAM,OAAO,aACXU,aAAW,KAAK,OAAO,iBAAiB,GAAG,EACzC,IAAI,oBAAoB;EACtB,OAAO,MAAM;CACf,EACF,CAAC,GACD,GACF;CAEA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAChB,cAAc;EACd,QAAQ,EACN,QAAQ;GACN,OAAO,MAAM;EACf,EACF;CACF,CAAC,CACH;CAEA,OACET,gBAAAA,IAACC,SAADD,iBACE;EAAI,OAAAS,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,QACA,YAAY,KAAK,eAAe,CAAC,CAAC,CACpC;CAAC,GALH;EAME,IAAA,oBAAA;GACE,OAAA,KAAK,YAAY,sBAAsB,MAAM;EAC/C;EACAP,MAAM,YAAyB;GAC7B,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAZ/B,IAAA,WAAA;GAcEC,OAAAA,gBAAAA,gBAAAA;IACEC,OAAO,EACL,OAAO;MACJ,eAAe,CAAC;KACjB,IAAI,QAAQ;MACV,OAAO,KAAK;KACd;IACF,EACF;IARF,IAAA,WAAA;KAUEC,OAAAA,gBAAAA,aAAAA;MACEC,OAAO,EACL,OAAO;QACJ,eAAe,CAAC;OACjB,IAAI,cAAc;QAChB,OAAO,KAAK;OACd;MACF,EACF;MARF,IAAA,WAAA;OAUEC,OAAAA,gBAAAA,eAAAA;QACEC,OAAO,EACL,OAAO;UACJ,eAAe,CAAC;SACjB,OAAO,EACL,UAAU;UACR,OAAO,MAAM;SACf,EACF;QACF,EACF;QAVF,IAAA,WAAA;SAYG,OAAA,OAAO;QACK;;MACJ;;IACC;;EACL;;AAEjB"}

package/dist/browser/disclosure.d.ts

@@ -0,0 +1,56 @@
+/*
+ * Copyright 2024 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/Disclosure.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 { AriaDisclosureProps } from "@solid2-aria/core/disclosure/create-disclosure";
+import { DisclosureGroupProps as DisclosureGroupProps$1, DisclosureGroupState } from "@solid2-aria/stately/disclosure/create-disclosure-group-state";
+import { DisclosureState } from "@solid2-aria/stately/disclosure/create-disclosure-state";
+import { Key } from "@solid2-aria/types-shared";
+export interface DisclosureGroupRenderProps {
+  isDisabled: boolean;
+  state: DisclosureGroupState;
+}
+export interface DisclosureGroupProps extends DisclosureGroupProps$1, RenderProps<DisclosureGroupRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export interface DisclosureRenderProps {
+  isExpanded: boolean;
+  isFocusVisibleWithin: boolean;
+  isDisabled: boolean;
+  state: DisclosureState;
+}
+export interface DisclosureProps extends AriaDisclosureProps, RenderProps<DisclosureRenderProps>, SlotProps {
+  id?: Key;
+  ref?: Ref<HTMLDivElement>;
+}
+export interface DisclosurePanelRenderProps {
+  isFocusVisibleWithin: boolean;
+}
+export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+  role?: "group" | "region";
+  shouldForceMount?: boolean;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+}
+export declare const DisclosureGroupStateContext: import("solid-js").Context<DisclosureGroupState | null>;
+export declare const DisclosureStateContext: import("solid-js").Context<DisclosureState | null>;
+export declare const DisclosureContext: import("solid-js").Context<ContextValue<DisclosureProps, HTMLDivElement>>;
+export declare function DisclosureGroup(props: DisclosureGroupProps): JSX.Element;
+export declare function Disclosure(input: DisclosureProps): JSX.Element;
+export declare function DisclosurePanel(props: DisclosurePanelProps): JSX.Element;
+//# sourceMappingURL=disclosure.d.ts.map