@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/toast.js

@@ -0,0 +1,449 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Toast.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 { HeadingContext } from "./heading.js";
+import { TextContext } from "./text.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { For, Show, createContext, createSignal, merge, untrack, useContext } from "solid-js";
+import { Portal, isServer, memo, 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 { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { createUNSAFE_PortalContext } from "@solid2-aria/core/overlays/portal-provider";
+import { createToast } from "@solid2-aria/core/toast/create-toast";
+import { createToastRegion } from "@solid2-aria/core/toast/create-toast-region";
+import { createToastQueue } from "@solid2-aria/stately/toast/create-toast-state";
+// src/toast.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].visibleToasts;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "each", _d$);
+	this.children = _p2;
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		const props = this[_m$2];
+		const state = this[_m$3];
+		return memo(() => {
+			return typeof props.children === "function";
+		})() ? For(new _P$(state, (toast) => typeof props.children === "function" ? props.children({ toast }) : null)) : props.children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this.ref = _p6;
+	Object.defineProperty(this, "data-hovered", _d$2);
+	Object.defineProperty(this, "data-focused", _d$3);
+	Object.defineProperty(this, "data-focus-visible", _d$4);
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$2.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const props = this[_m$];
+		const aria = this[_m$2];
+		const focus = this[_m$3];
+		const hover = this[_m$4];
+		const render = this[_m$5];
+		const values = this[_m$6];
+		const state = this[_m$7];
+		const setRef = this[_m$8];
+		return dom.div(mergeProps$1(() => {
+			return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.regionProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+		}, new _P$2(values, props, state, [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}])));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p7, _p8, _p9, _p0, _p1, _p10, _p11, _p12, _p13) {
+	this[_m$] = _p7;
+	this[_m$2] = _p8;
+	this[_m$3] = _p9;
+	this[_m$4] = _p0;
+	this[_m$5] = _p1;
+	this[_m$6] = _p10;
+	this[_m$7] = _p11;
+	this[_m$8] = _p12;
+	this.value = _p13;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$3.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].getContainer?.() ?? document.body;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		const props = this[_m$2];
+		const aria = this[_m$3];
+		const focus = this[_m$4];
+		const hover = this[_m$5];
+		const render = this[_m$6];
+		const values = this[_m$7];
+		const state = this[_m$8];
+		const setRef = this[_m$9];
+		return UNSTABLE_ToastStateContext(new _P$3(props, aria, focus, hover, render, values, state, setRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p14, _p15, _p16, _p17, _p18, _p19, _p20, _p21, _p22) {
+	this[_m$] = _p14;
+	this[_m$2] = _p15;
+	this[_m$3] = _p16;
+	this[_m$4] = _p17;
+	this[_m$5] = _p18;
+	this[_m$6] = _p19;
+	this[_m$7] = _p20;
+	this[_m$8] = _p21;
+	this[_m$9] = _p22;
+	Object.defineProperty(this, "mount", _d$7);
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$4.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		return this[_m$].visibleToasts.length > 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		const portal = this[_m$2];
+		const props = this[_m$3];
+		const aria = this[_m$4];
+		const focus = this[_m$5];
+		const hover = this[_m$6];
+		const render = this[_m$7];
+		const values = this[_m$8];
+		const state = this[_m$];
+		const setRef = this[_m$9];
+		return Portal(new _P$4(portal, props, aria, focus, hover, render, values, state, setRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p23, _p24, _p25, _p26, _p27, _p28, _p29, _p30, _p31) {
+	this[_m$] = _p23;
+	this[_m$2] = _p24;
+	this[_m$3] = _p25;
+	this[_m$4] = _p26;
+	this[_m$5] = _p27;
+	this[_m$6] = _p28;
+	this[_m$7] = _p29;
+	this[_m$8] = _p30;
+	this[_m$9] = _p31;
+	Object.defineProperty(this, "when", _d$9);
+	Object.defineProperty(this, "children", _d$10);
+}
+_P$5.prototype = Object.prototype;
+var _d$11 = {
+	get() {
+		return this[_m$].visibleToasts;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p32, _p33) {
+	this[_m$] = _p32;
+	Object.defineProperty(this, "each", _d$11);
+	this.children = _p33;
+}
+_P$6.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-ToastList";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		const state = this[_m$2];
+		const props = this[_m$];
+		return For(new _P$6(state, (toast) => {
+			const typedToast = toast;
+			return props.children({ toast: typedToast });
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p34, _p35, _p36) {
+	this[_m$] = _p34;
+	this[_m$2] = _p35;
+	Object.defineProperty(this, "class", _d$12);
+	Object.defineProperty(this, "style", _d$13);
+	this.ref = _p36;
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$7.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p37, _p38) {
+	this[_m$] = _p37;
+	this.value = _p38;
+	Object.defineProperty(this, "children", _d$15);
+}
+_P$8.prototype = Object.prototype;
+var _d$16 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return ButtonContext(new _P$8(render, { slots: {
+			[DEFAULT_SLOT]: {},
+			get close() {
+				return aria.closeButtonProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p39, _p40, _p41) {
+	this[_m$] = _p39;
+	this[_m$2] = _p40;
+	this.value = _p41;
+	Object.defineProperty(this, "children", _d$16);
+}
+_P$9.prototype = Object.prototype;
+var _d$17 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return TextContext(new _P$9(render, aria, { slots: {
+			[DEFAULT_SLOT]: {},
+			get description() {
+				return aria.descriptionProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p42, _p43, _p44) {
+	this[_m$] = _p42;
+	this[_m$2] = _p43;
+	this.value = _p44;
+	Object.defineProperty(this, "children", _d$17);
+}
+_P$10.prototype = Object.prototype;
+var _d$18 = {
+	get() {
+		return this[_m$].contentProps;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$19 = {
+	get() {
+		const render = this[_m$2];
+		const aria = this[_m$];
+		return HeadingContext(new _P$10(render, aria, { slots: {
+			[DEFAULT_SLOT]: {},
+			get title() {
+				return aria.titleProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p45, _p46) {
+	this[_m$] = _p45;
+	this[_m$2] = _p46;
+	Object.defineProperty(this, "value", _d$18);
+	Object.defineProperty(this, "children", _d$19);
+}
+_P$11.prototype = Object.prototype;
+var _d$20 = {
+	get() {
+		return this[_m$].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		return this[_m$].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$22 = {
+	get() {
+		const aria = this[_m$2];
+		const render = this[_m$3];
+		return ToastContentContext(new _P$11(aria, render));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p47, _p48, _p49, _p50) {
+	this[_m$] = _p47;
+	this[_m$2] = _p48;
+	this[_m$3] = _p49;
+	this.ref = _p50;
+	Object.defineProperty(this, "data-focused", _d$20);
+	Object.defineProperty(this, "data-focus-visible", _d$21);
+	Object.defineProperty(this, "children", _d$22);
+}
+_P$12.prototype = Object.prototype;
+const UNSTABLE_ToastStateContext = createContext(null);
+const ToastContentContext = createContext(null);
+function UNSTABLE_ToastRegion(props) {
+	const state = createToastQueue(untrack(() => props.queue));
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const aria = createToastRegion(props, state, ref);
+	const focus = createFocusRing({ within: true });
+	const hover = createHover({});
+	const portal = createUNSAFE_PortalContext();
+	const values = {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get visibleToasts() {
+			return state.visibleToasts;
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-ToastRegion",
+		values
+	}));
+	if (isServer) return null;
+	return Show(new _P$5(state, portal, props, aria, focus, hover, render, values, setRef));
+}
+function UNSTABLE_ToastList(props) {
+	const state = useContext(UNSTABLE_ToastStateContext);
+	if (!state) throw new Error("ToastList requires ToastRegion");
+	return dom.ol(new _P$7(props, state, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}));
+}
+function UNSTABLE_Toast(props) {
+	const state = useContext(UNSTABLE_ToastStateContext);
+	if (!state) throw new Error("Toast requires ToastRegion");
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const aria = createToast(props, state, ref);
+	const focus = createFocusRing({ within: true });
+	const values = {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get toast() {
+			return props.toast;
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Toast",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.toastProps ?? {}), merge(() => focus.focusProps ?? {}), render);
+	}, new _P$12(values, aria, render, [(element) => {
+		setRef(element);
+	}, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}])));
+}
+function UNSTABLE_ToastContent(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ToastContentContext);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ToastContent",
+		values: void 0
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render);
+	}, { ref: (element) => {
+		setRef(element);
+	} }));
+}
+export { ToastContentContext, UNSTABLE_Toast, UNSTABLE_ToastContent, UNSTABLE_ToastList, UNSTABLE_ToastRegion, UNSTABLE_ToastStateContext };
+
+//# sourceMappingURL=toast.js.map

package/dist/server/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["dom.div","<dom.div\n            {...mergeProps(\n              filterDOMProps(props, { global: true }),\n              merge(() => aria.regionProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => hover.hoverProps ?? {}),\n              render\n            )}\n            ref={[\n              (element: HTMLDivElement) => {\n                setRef(element);\n              },\n              (element: HTMLDivElement) => {\n                assignRef(\n                  untrack(() => props.ref),\n                  element\n                );\n              },\n            ]}\n            data-hovered={values.isHovered || undefined}\n            data-focused={values.isFocused || undefined}\n            data-focus-visible={values.isFocusVisible || undefined}\n          >\n            {typeof props.children === \"function\" ? (\n              <For each={state.visibleToasts}>\n                {(toast) =>\n                  typeof props.children === \"function\"\n                    ? props.children({ toast })\n                    : null\n                }\n              </For>\n            ) : (\n              props.children\n            )}\n          </dom.div>","dom.ol","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.toastProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={[\n        (element: HTMLDivElement) => {\n          setRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-focused={values.isFocused || undefined}\n      data-focus-visible={values.isFocusVisible || undefined}\n    >\n      <ToastContentContext value={aria.contentProps}>\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.descriptionProps;\n                },\n              },\n            }}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get close() {\n                    return aria.closeButtonProps;\n                  },\n                },\n              }}\n            >\n              {render.children}\n            </ButtonContext>\n          </TextContext>\n        </HeadingContext>\n      </ToastContentContext>\n    </dom.div>","<dom.div\n      {...mergeProps(filterDOMProps(props, { global: true }), render)}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","_$memo","_$mergeProps"],"sources":["../../src/toast.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Toast.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createUNSAFE_PortalContext } from \"@solid2-aria/core/overlays/portal-provider\";\nimport { createToast } from \"@solid2-aria/core/toast/create-toast\";\nimport { createToastRegion } from \"@solid2-aria/core/toast/create-toast-region\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createToastQueue } from \"@solid2-aria/stately/toast/create-toast-state\";\nimport type {\n  ToastQueue,\n  ToastState,\n  QueuedToast,\n  ToastOptions,\n} from \"@solid2-aria/stately/toast/create-toast-state\";\nimport { Portal, isServer } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  For,\n  Show,\n  useContext,\n} from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { HeadingContext } from \"./heading\";\nimport { TextContext } from \"./text\";\nimport {\n  assignRef,\n  dom,\n  DEFAULT_SLOT,\n  createContextProps,\n  createRenderProps,\n} from \"./utils\";\nimport type { ContextValue, Ref, RenderProps } from \"./utils\";\n\nexport interface ToastRegionRenderProps<T> {\n  visibleToasts: QueuedToast<T>[];\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n}\n\nexport interface ToastRegionProps<T> extends Omit<\n  RenderProps<ToastRegionRenderProps<T>>,\n  \"children\"\n> {\n  queue: ToastQueue<T>;\n  children?: JSX.Element | ((props: { toast: QueuedToast<T> }) => JSX.Element);\n  ref?: Ref<HTMLDivElement>;\n  \"aria-label\"?: string;\n}\n\nexport interface ToastListProps<T> {\n  children: (props: { toast: QueuedToast<T> }) => JSX.Element;\n  ref?: Ref<HTMLOListElement>;\n  class?: JSX.ClassValue;\n  style?: JSX.CSSProperties;\n}\n\nexport interface ToastRenderProps<T> {\n  toast: QueuedToast<T>;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n}\n\nexport interface ToastProps<T> extends RenderProps<ToastRenderProps<T>> {\n  toast: QueuedToast<T>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ToastContentProps extends RenderProps<undefined> {\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype AnyToastState = Omit<ToastState<unknown>, \"add\"> & {\n  add: {\n    // oxlint-disable-next-line typescript/method-signature-style, anti-slop/no-unknown-parameters -- Toast content is generic; the queue and render callback retain its actual type.\n    bivarianceHack(content: unknown, options?: ToastOptions): string;\n  }[\"bivarianceHack\"];\n};\n\nexport const UNSTABLE_ToastStateContext = createContext<AnyToastState | null>(\n  null\n);\n\nexport const ToastContentContext =\n  createContext<ContextValue<ToastContentProps, HTMLDivElement>>(null);\n\nexport function UNSTABLE_ToastRegion<T>(\n  props: ToastRegionProps<T>\n): JSX.Element {\n  const state = createToastQueue(untrack(() => props.queue));\n\n  const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createToastRegion(props, state, ref);\n  const focus = createFocusRing({ within: true });\n  const hover = createHover({});\n  const portal = createUNSAFE_PortalContext();\n\n  const values: ToastRegionRenderProps<T> = {\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get visibleToasts() {\n      return state.visibleToasts;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      children: undefined,\n      defaultClass: \"solid2-aria-ToastRegion\",\n      values,\n    })\n  );\n\n  if (isServer) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  return (\n    <Show when={state.visibleToasts.length > 0}>\n      <Portal mount={portal.getContainer?.() ?? document.body}>\n        <UNSTABLE_ToastStateContext value={state}>\n          <dom.div\n            {...mergeProps(\n              filterDOMProps(props, { global: true }),\n              merge(() => aria.regionProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => hover.hoverProps ?? {}),\n              render\n            )}\n            ref={[\n              (element: HTMLDivElement) => {\n                setRef(element);\n              },\n              (element: HTMLDivElement) => {\n                assignRef(\n                  untrack(() => props.ref),\n                  element\n                );\n              },\n            ]}\n            data-hovered={values.isHovered || undefined}\n            data-focused={values.isFocused || undefined}\n            data-focus-visible={values.isFocusVisible || undefined}\n          >\n            {typeof props.children === \"function\" ? (\n              <For each={state.visibleToasts}>\n                {(toast) =>\n                  typeof props.children === \"function\"\n                    ? props.children({ toast })\n                    : null\n                }\n              </For>\n            ) : (\n              props.children\n            )}\n          </dom.div>\n        </UNSTABLE_ToastStateContext>\n      </Portal>\n    </Show>\n  );\n}\n\nexport function UNSTABLE_ToastList<T>(props: ToastListProps<T>): JSX.Element {\n  const state = useContext(UNSTABLE_ToastStateContext);\n\n  if (!state) {\n    throw new Error(\"ToastList requires ToastRegion\");\n  }\n\n  return (\n    <dom.ol\n      class={props.class ?? \"solid2-aria-ToastList\"}\n      style={props.style}\n      ref={(element: HTMLOListElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    >\n      <For each={state.visibleToasts}>\n        {(toast) => {\n          // SAFETY: This region renders the same T values enqueued by its owning toast queue.\n          // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared region context erases its generic content type.\n          const typedToast = toast as QueuedToast<T>;\n\n          return props.children({ toast: typedToast });\n        }}\n      </For>\n    </dom.ol>\n  );\n}\n\nexport function UNSTABLE_Toast<T>(props: ToastProps<T>): JSX.Element {\n  const state = useContext(UNSTABLE_ToastStateContext);\n\n  if (!state) {\n    throw new Error(\"Toast requires ToastRegion\");\n  }\n\n  const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createToast(props, state, ref);\n  const focus = createFocusRing({ within: true });\n\n  const values: ToastRenderProps<T> = {\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get toast() {\n      return props.toast;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Toast\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.toastProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={[\n        (element: HTMLDivElement) => {\n          setRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-focused={values.isFocused || undefined}\n      data-focus-visible={values.isFocusVisible || undefined}\n    >\n      <ToastContentContext value={aria.contentProps}>\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.descriptionProps;\n                },\n              },\n            }}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get close() {\n                    return aria.closeButtonProps;\n                  },\n                },\n              }}\n            >\n              {render.children}\n            </ButtonContext>\n          </TextContext>\n        </HeadingContext>\n      </ToastContentContext>\n    </dom.div>\n  );\n}\n\nexport function UNSTABLE_ToastContent(input: ToastContentProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ToastContentContext\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ToastContent\",\n      values: undefined,\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, { global: true }), render)}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/server/toggle-button-group.js

@@ -0,0 +1,125 @@
+/*
+ * 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/ToggleButtonGroup.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { SharedElementTransition } from "./shared-element-transition.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createToggleButtonGroup } from "@solid2-aria/core/button/create-toggle-button-group";
+import { createToggleGroupState } from "@solid2-aria/stately/toggle/create-toggle-group-state";
+// src/toggle-button-group.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const render = this[_m$];
+		return SharedElementTransition(new _P$(render));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p2, _p3) {
+	this[_m$] = _p2;
+	this.value = _p3;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$3].orientation;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		const render = this[_m$4];
+		const state = this[_m$2];
+		return ToggleGroupStateContext(new _P$2(render, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p4, _p5, _p6, _p7, _p8) {
+	this[_m$] = _p4;
+	this[_m$2] = _p5;
+	this[_m$3] = _p6;
+	this[_m$4] = _p7;
+	this.ref = _p8;
+	Object.defineProperty(this, "slot", _d$3);
+	Object.defineProperty(this, "data-disabled", _d$4);
+	Object.defineProperty(this, "data-orientation", _d$5);
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$3.prototype = Object.prototype;
+const ToggleButtonGroupContext = createContext(null);
+const ToggleGroupStateContext = createContext(null);
+function ToggleButtonGroup(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), ToggleButtonGroupContext);
+	const state = createToggleGroupState(props);
+	const aria = createToggleButtonGroup(props, state, ref);
+	const values = {
+		get isDisabled() {
+			return state.isDisabled;
+		},
+		get orientation() {
+			return props.orientation ?? "horizontal";
+		},
+		state
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ToggleButtonGroup",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.groupProps ?? {}), render);
+	}, new _P$3(props, state, values, render, (element) => {
+		setRef(element);
+	})));
+}
+export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext };
+
+//# sourceMappingURL=toggle-button-group.js.map

package/dist/server/toggle-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.js","names":["dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.groupProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={values.orientation}\n    >\n      <ToggleGroupStateContext value={state}>\n        <SharedElementTransition>{render.children}</SharedElementTransition>\n      </ToggleGroupStateContext>\n    </dom.div>","_$mergeProps"],"sources":["../../src/toggle-button-group.tsx"],"sourcesContent":["/*\n * Copyright 2024 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/ToggleButtonGroup.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 { createToggleButtonGroup } from \"@solid2-aria/core/button/create-toggle-button-group\";\nimport type { AriaToggleButtonGroupProps } from \"@solid2-aria/core/button/create-toggle-button-group\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createToggleGroupState } from \"@solid2-aria/stately/toggle/create-toggle-group-state\";\nimport type { ToggleGroupState } from \"@solid2-aria/stately/toggle/create-toggle-group-state\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext } from \"solid-js\";\n\nimport { SharedElementTransition } from \"./shared-element-transition\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface ToggleButtonGroupRenderProps {\n  orientation: \"horizontal\" | \"vertical\";\n  isDisabled: boolean;\n  state: ToggleGroupState;\n}\n\nexport interface ToggleButtonGroupProps\n  extends\n    AriaToggleButtonGroupProps,\n    SlotProps,\n    RenderProps<ToggleButtonGroupRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ToggleButtonGroupContext =\n  createContext<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>(null);\n\nexport const ToggleGroupStateContext = createContext<ToggleGroupState | null>(\n  null\n);\n\nexport function ToggleButtonGroup(input: ToggleButtonGroupProps): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ToggleButtonGroupContext\n  );\n\n  const state = createToggleGroupState(props);\n  const aria = createToggleButtonGroup(props, state, ref);\n\n  const values: ToggleButtonGroupRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get orientation() {\n      return props.orientation ?? \"horizontal\";\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ToggleButtonGroup\",\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.groupProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={values.orientation}\n    >\n      <ToggleGroupStateContext value={state}>\n        <SharedElementTransition>{render.children}</SharedElementTransition>\n      </ToggleGroupStateContext>\n    </dom.div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FiC,O,SAAC,CAAO;;;;;;;;;;;;;EAAjC,OAAA,wBAAA,IAAA,IAA0B,MAAyC,CAAA;;;;;;;;;;;;;EALrE,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;EACpB,O,UAAe,CAAM,cAAc,KAAA;;;;;;;EACnC,O,UAAkB,CAAO;;;;;;;;;EAEzB,OAAA,wBAAA,IAAA,KAC4B,QADI,KAEP,CAAA;;;;;;;;;;;;;;;;;AAlD/B,MAAa,2BACX,cAAoE,IAAI;AAE1E,MAAa,0BAA0B,cACrC,IACF;AAEA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,CAAC,OAAO,KAAK,UAAU,mBAC3B,OACA,cAAc,MAAM,GAAG,GACvB,wBACF;CAEA,MAAM,QAAQ,uBAAuB,KAAK;CAC1C,MAAM,OAAO,wBAAwB,OAAO,OAAO,GAAG;CAEtD,MAAM,SAAuC;EAC3C,IAAI,aAAa;GACf,OAAO,MAAM;EACf;EACA,IAAI,cAAc;GAChB,OAAO,MAAM,eAAe;EAC9B;EACA;CACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd;CACF,CAAC,CACH;CAEA,OAAA,IACGA,IAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,MACF;CAAC,GALH,IAAA,KASQ,OACS,OACG,QAGU,SARtB,YAA4B;EAChC,OAAO,OAAO;CAChB,CAQO,CAAA,CAAA;AAEb"}