@solid2-aria/components 0.0.0-stage → 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["typeof props.slot === \"string\" &&\n                              props.slot.length > 0\n                                ? props.slot\n                                : undefined","dom.div","<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>","_$memo","_$mergeProps"],"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/server/dialog.js

@@ -0,0 +1,295 @@
+/*
+ * 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 { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, createUniqueId, merge, omit, untrack, useContext } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+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
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const aria = this[_m$];
+		const id = this[_m$2];
+		const triggerRef = this[_m$3];
+		return mergeProps(merge(() => aria.overlayProps ?? {}), {
+			"aria-labelledby": id,
+			trigger: "DialogTrigger",
+			triggerRef
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const props = this[_m$4];
+		const buttonProps = this[_m$5];
+		return ButtonContext(new _P$(props, buttonProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6, _p7) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this[_m$4] = _p6;
+	this[_m$5] = _p7;
+	Object.defineProperty(this, "value", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const aria = this[_m$];
+		const id = this[_m$2];
+		const triggerRef = this[_m$3];
+		const props = this[_m$4];
+		const buttonProps = this[_m$5];
+		return PopoverContext(new _P$2(aria, id, triggerRef, props, buttonProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8, _p9, _p0, _p1, _p10, _p11) {
+	this[_m$] = _p8;
+	this[_m$2] = _p9;
+	this[_m$3] = _p0;
+	this[_m$4] = _p1;
+	this[_m$5] = _p10;
+	this.value = _p11;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$3.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const aria = this[_m$];
+		const id = this[_m$2];
+		const triggerRef = this[_m$3];
+		const props = this[_m$4];
+		const buttonProps = this[_m$5];
+		return DialogContext(new _P$3(aria, id, triggerRef, props, buttonProps, {
+			"aria-labelledby": id,
+			get id() {
+				return typeof aria.overlayProps.id === "string" ? aria.overlayProps.id : void 0;
+			}
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p12, _p13, _p14, _p15, _p16, _p17) {
+	this[_m$] = _p12;
+	this[_m$2] = _p13;
+	this[_m$3] = _p14;
+	this[_m$4] = _p15;
+	this[_m$5] = _p16;
+	this.value = _p17;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$4.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const aria = this[_m$];
+		const id = this[_m$2];
+		const triggerRef = this[_m$3];
+		const props = this[_m$4];
+		const buttonProps = this[_m$5];
+		const state = this[_m$6];
+		return RootMenuTriggerStateContext(new _P$4(aria, id, triggerRef, props, buttonProps, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p18, _p19, _p20, _p21, _p22, _p23, _p24) {
+	this[_m$] = _p18;
+	this[_m$2] = _p19;
+	this[_m$3] = _p20;
+	this[_m$4] = _p21;
+	this[_m$5] = _p22;
+	this[_m$6] = _p23;
+	this.value = _p24;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$5.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p25, _p26) {
+	this[_m$] = _p25;
+	this.value = _p26;
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$6.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const render = this[_m$];
+		const state = this[_m$2];
+		return ButtonContext(new _P$6(render, { slots: {
+			[DEFAULT_SLOT]: {},
+			close: { onPress() {
+				state?.close();
+			} }
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p27, _p28, _p29) {
+	this[_m$] = _p27;
+	this[_m$2] = _p28;
+	this.value = _p29;
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$7.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		const render = this[_m$];
+		const state = this[_m$2];
+		const aria = this[_m$3];
+		return TextContext(new _P$7(render, state, { slots: {
+			[DEFAULT_SLOT]: {},
+			get description() {
+				return aria.contentProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p30, _p31, _p32, _p33) {
+	this[_m$] = _p30;
+	this[_m$2] = _p31;
+	this[_m$3] = _p32;
+	this.value = _p33;
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$8.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		return aria.dialogProps["aria-labelledby"] ?? props["aria-labelledby"];
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		return this[_m$2].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		const render = this[_m$3];
+		const state = this[_m$4];
+		const aria = this[_m$];
+		return HeadingContext(new _P$8(render, state, aria, { slots: {
+			[DEFAULT_SLOT]: {},
+			get title() {
+				return aria.titleProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p34, _p35, _p36, _p37, _p38) {
+	this[_m$] = _p34;
+	this[_m$2] = _p35;
+	this[_m$3] = _p36;
+	this[_m$4] = _p37;
+	Object.defineProperty(this, "aria-labelledby", _d$10);
+	this.ref = _p38;
+	Object.defineProperty(this, "slot", _d$11);
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$9.prototype = Object.prototype;
+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(merge(() => aria.triggerProps ?? {}), {
+		id,
+		get isPressed() {
+			return state.isOpen;
+		},
+		ref: (element) => {
+			setTriggerRef(element);
+		}
+	});
+	return OverlayTriggerStateContext(new _P$5(aria, id, triggerRef, props, buttonProps, state, state));
+}
+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(omit(props, "aria-labelledby"), { get "aria-labelledby"() {
+		return input["aria-labelledby"];
+	} }), ref);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Dialog",
+		values: { close() {
+			state?.close();
+		} }
+	}));
+	return dom.section(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => aria.dialogProps ?? {}));
+	}, new _P$9(aria, props, render, state, (element) => {
+		setRef(element);
+	})));
+}
+export { Dialog, DialogContext, DialogTrigger, OverlayTriggerStateContext };
+
+//# sourceMappingURL=dialog.js.map

package/dist/server/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["dom.section","<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>","_$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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6H+C,O,SAAC,CAAM;;;;;;;;;;;;;;;;EAT1C,OAAO,WACL,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC;GACE,mBAAmB;GACnB,SAAS;GACT;EACF,CACF;;;;;;;;;EAEA,OAAA,cAAA,IAAA,IAAoC,OAAd,WAA4C,CAAA;;;;;;;;;;;;;;;;;;;;;;EAVpE,OAAA,eAAA,IAAA,KAEgB,MAES,IAEnB,YAIgC,OAAd,WACR,CAAA;;;;;;;;;;;;;;;;;;;;;;EArBlB,OAAA,cAAA,IAAA,KAYkB,MAES,IAEnB,YAIgC,OAAd,aAnBjB;GACL,mBAAmB;GACnB,IAAI,KAAK;IACP,OAAO,OAAO,KAAK,aAAa,OAAO,WACnC,KAAK,aAAa,KAClB,KAAA;GACN;EACF,CAca,CAAA;;;;;;;;;;;;;;;;;;;;;;;EAvBjB,OAAA,4BAAA,IAAA,KAaoB,MAES,IAEnB,YAIgC,OAAd,aArBQ,KAwBP,CAAA;;;;;;;;;;;;;;;;;;EAsFvB,O,SAAC,CAAO;;;;;;;;;;;;;;;EAZV,OAAA,cAAA,IAAA,KAYG,QAXM,EACL,OAAO;IACJ,eAAe,CAAC;GACjB,OAAO,EACL,UAAU;IACR,OAAO,MAAM;GACf,EACF;EACF,EACF,CAGa,CAAA;;;;;;;;;;;;;;;;;EAvBjB,OAAA,YAAA,IAAA,KAsBK,QANO,OAfH,EACL,OAAO;IACJ,eAAe,CAAC;GACjB,IAAI,cAAc;IAChB,OAAO,KAAK;GACd;EACF,EACF,CAgBW,CAAA;;;;;;;;;;;;;;;;;EA1Cf,OACE,KAAK,YAAY,sBAAsB,MAAM;;;;;;;EAK/C,O,UAAM,CAAM,QAAQ,KAAA;;;;;;;;;;EAEpB,OAAA,eAAA,IAAA,KAgCO,QANO,OAXG,MAdR,EACL,OAAO;IACJ,eAAe,CAAC;GACjB,IAAI,QAAQ;IACV,OAAO,KAAK;GACd;EACF,EACF,CA2Bc,CAAA;;;;;;;;;;;;;;;;AAnJtB,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,cAAc,WAClB,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,OAAA,2BACE,IAAA,KAcsB,MAES,IAEnB,YAIgC,OAAd,aArBQ,OADH,KA0BP,CAAA;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,aACX,WAAW,KAAK,OAAO,iBAAiB,GAAG,EACzC,IAAI,oBAAoB;EACtB,OAAO,MAAM;CACf,EACF,CAAC,GACD,GACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,QAAQ,EACN,QAAQ;GACN,OAAO,MAAM;EACf,EACF;CACF,CAAC,CACH;CAEA,OAAA,IACGA,QAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,QACA,YAAY,KAAK,eAAe,CAAC,CAAC,CACpC;CAAC,GALH,IAAA,KAOI,MAAuC,OAuClC,QANO,QA/BR,YAAyB;EAC7B,OAAO,OAAO;CAChB,CAuCW,CAAA,CAAA;AAEjB"}

package/dist/server/disclosure.js

@@ -0,0 +1,292 @@
+/*
+ * 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 { DEFAULT_SLOT, assignRef, createContextProps, createRenderProps, dom } from "./utils.js";
+import { ButtonContext } from "./button.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, createUniqueId, merge, omit, untrack, useContext } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createDisclosure } from "@solid2-aria/core/disclosure/create-disclosure";
+import { createDisclosureGroupState } from "@solid2-aria/stately/disclosure/create-disclosure-group-state";
+import { createDisclosureState } from "@solid2-aria/stately/disclosure/create-disclosure-state";
+// src/disclosure.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const render = this[_m$2];
+		const state = this[_m$];
+		return DisclosureGroupStateContext(new _P$(render, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this.ref = _p5;
+	Object.defineProperty(this, "data-disabled", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6, _p7) {
+	this[_m$] = _p6;
+	this.value = _p7;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$3.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return ButtonContext(new _P$3(render, { slots: {
+			[DEFAULT_SLOT]: {},
+			get trigger() {
+				return aria.buttonProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p8, _p9, _p0) {
+	this[_m$] = _p8;
+	this[_m$2] = _p9;
+	this.value = _p0;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$4.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		const panel = this[_m$3];
+		return PanelContext(new _P$4(render, aria, panel));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p1, _p10, _p11, _p12) {
+	this[_m$] = _p1;
+	this[_m$2] = _p10;
+	this[_m$3] = _p11;
+	this.value = _p12;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$5.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].isExpanded || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$2].isFocusVisibleWithin || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		const render = this[_m$3];
+		const aria = this[_m$4];
+		const panel = this[_m$5];
+		const state = this[_m$];
+		return DisclosureStateContext(new _P$5(render, aria, panel, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p13, _p14, _p15, _p16, _p17, _p18) {
+	this[_m$] = _p13;
+	this[_m$2] = _p14;
+	this[_m$3] = _p15;
+	this[_m$4] = _p16;
+	this[_m$5] = _p17;
+	this.ref = _p18;
+	Object.defineProperty(this, "data-expanded", _d$7);
+	Object.defineProperty(this, "data-disabled", _d$8);
+	Object.defineProperty(this, "data-focus-visible-within", _d$9);
+	Object.defineProperty(this, "children", _d$10);
+}
+_P$6.prototype = Object.prototype;
+var _d$11 = {
+	get() {
+		return this[_m$].role ?? "group";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		return this[_m$2].isFocusVisibleWithin || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		return this[_m$3].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p19, _p20, _p21, _p22) {
+	this[_m$] = _p19;
+	this[_m$2] = _p20;
+	this[_m$3] = _p21;
+	Object.defineProperty(this, "role", _d$11);
+	this.ref = _p22;
+	Object.defineProperty(this, "data-focus-visible-within", _d$12);
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$7.prototype = Object.prototype;
+const DisclosureGroupStateContext = createContext(null);
+const DisclosureStateContext = createContext(null);
+const DisclosureContext = createContext(null);
+const PanelContext = createContext(null);
+function DisclosureGroup(props) {
+	const state = createDisclosureGroupState(props);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-DisclosureGroup",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			state
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, new _P$2(state, render, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	})));
+}
+function Disclosure(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), DisclosureContext);
+	const group = useContext(DisclosureGroupStateContext);
+	const defaultId = createUniqueId();
+	const id = () => props.id ?? defaultId;
+	const options = mergeProps(props, {
+		get isDisabled() {
+			return props.isDisabled ?? group?.isDisabled;
+		},
+		get isExpanded() {
+			return group ? group.expandedKeys.has(id()) : props.isExpanded;
+		},
+		onExpandedChange(expanded) {
+			group?.toggleKey(id());
+			props.onExpandedChange?.(expanded);
+		}
+	});
+	const state = createDisclosureState(options);
+	const [panelRef, setPanelRef] = createSignal(null, { ownedWrite: true });
+	const aria = createDisclosure(options, state, panelRef);
+	const focus = createFocusRing({ within: true });
+	const values = {
+		get isDisabled() {
+			return options.isDisabled === true;
+		},
+		get isExpanded() {
+			return state.isExpanded;
+		},
+		get isFocusVisibleWithin() {
+			return focus.isFocusVisible;
+		},
+		state
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Disclosure",
+		values
+	}));
+	const panel = {
+		get panelProps() {
+			return aria.panelProps;
+		},
+		panelRef,
+		setPanelRef: (element) => {
+			setPanelRef(element);
+		}
+	};
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), merge(() => focus.focusProps ?? {}), render);
+	}, new _P$6(state, values, render, aria, panel, (element) => {
+		setRef(element);
+	})));
+}
+function DisclosurePanel(props) {
+	const context = useContext(PanelContext);
+	if (!context) throw new Error("DisclosurePanel requires Disclosure");
+	const focus = createFocusRing({ within: true });
+	const values = { get isFocusVisibleWithin() {
+		return focus.isFocusVisible;
+	} };
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-DisclosurePanel",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => context.panelProps ?? {}), merge(() => focus.focusProps ?? {}), render);
+	}, new _P$7(props, values, render, [(element) => {
+		context.setPanelRef(element);
+	}, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}])));
+}
+export { Disclosure, DisclosureContext, DisclosureGroup, DisclosureGroupStateContext, DisclosurePanel, DisclosureStateContext };
+
+//# sourceMappingURL=disclosure.js.map