@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","names":["<dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-invalid={aria.isInvalid || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n      data-required={props.isRequired ?? undefined}\n    >\n      <LabelContext value={labelProps}>\n        <InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>\n      </LabelContext>\n    </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<LabelContext value={labelProps}>\n        <InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>\n      </LabelContext>","value={labelProps}","<InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>","value={inputProps}","<TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>","<GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>","value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\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                  {render.children}\n                </FieldErrorContext>","value={aria}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/text-field.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/TextField.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 { createTextField } from \"@solid2-aria/core/textfield/create-text-field\";\nimport type { AriaTextFieldProps } from \"@solid2-aria/core/textfield/create-text-field\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  createMemo,\n  omit,\n} from \"solid-js\";\n\nimport { FieldInputContext } from \"./autocomplete\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { GroupContext } from \"./group\";\nimport { InputContext } from \"./input\";\nimport { LabelContext } from \"./label\";\nimport { TextContext } from \"./text\";\nimport { TextAreaContext } from \"./text-area\";\nimport {\n  assignRef,\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface TextFieldRenderProps {\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n}\n\nexport interface TextFieldProps\n  extends\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      \"label\" | \"description\" | \"errorMessage\" | \"children\"\n    >,\n    SlotProps,\n    RenderProps<TextFieldRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport function TextField(input: TextFieldProps): 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 [ownProps, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TextFieldContext\n  );\n\n  const fieldInput = createSlottedContext(FieldInputContext);\n\n  const props = mergeProps(\n    fieldInput\n      ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        omit(fieldInput, \"ref\")\n      : // oxlint-enable solid/reactivity\n        {},\n    ownProps\n  );\n\n  const form = createSlottedContext(FormContext);\n\n  const [inputRef, setInputRef] = createSignal<\n    HTMLInputElement | HTMLTextAreaElement | null\n  >(null, { ownedWrite: true });\n\n  const [inputType, setInputType] = createSignal<\"input\" | \"textarea\">(\n    \"input\",\n    { ownedWrite: true }\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createTextField(\n    mergeProps(props, {\n      get inputElementType() {\n        return inputType();\n      },\n      get label() {\n        return label();\n      },\n      get validationBehavior() {\n        return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n      },\n    }),\n    inputRef\n  );\n\n  const values: TextFieldRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isReadOnly() {\n      return props.isReadOnly === true;\n    },\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-TextField\", values })\n  );\n\n  const labelProps = mergeProps(\n    merge(() => aria.labelProps),\n    { registerSlot: registerLabel }\n  );\n\n  const readInput = createMemo(() => aria.inputProps);\n\n  const inputProps = mergeProps(merge(readInput), {\n    ref: (el: HTMLInputElement | HTMLTextAreaElement | null) => {\n      setInputRef(el);\n      assignRef(\n        untrack(() => fieldInput?.ref),\n        el\n      );\n\n      if (el) {\n        setInputType(el.localName === \"textarea\" ? \"textarea\" : \"input\");\n      }\n    },\n  });\n\n  return (\n    <dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-invalid={aria.isInvalid || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n      data-required={props.isRequired ?? undefined}\n    >\n      <LabelContext value={labelProps}>\n        <InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\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                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>\n      </LabelContext>\n    </dom.div>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/text.d.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Text.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+export interface TextProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, "ref" | "class" | "style" | "children" | "slot">, RenderProps<object> {
+  elementType?: keyof JSX.IntrinsicElements;
+  ref?: Ref<HTMLElement>;
+}
+export declare const TextContext: import("solid-js").Context<ContextValue<TextProps, HTMLElement>>;
+export declare function Text(input: TextProps): JSX.Element;
+//# sourceMappingURL=text.d.ts.map

package/dist/browser/text.js

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

package/dist/browser/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["<Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    />","ref={(element: HTMLElement) => {\n        setRef(element);\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/text.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/Text.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 { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { domElement, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface TextProps\n  extends\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    RenderProps<object> {\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLElement>;\n}\n\nexport const TextContext =\n  createContext<ContextValue<TextProps, HTMLElement>>(null);\n\nexport function Text(input: TextProps): 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, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TextContext\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Text\", values: {} })\n  );\n\n  const Element = dynamic(() => domElement(props.elementType ?? \"span\"));\n\n  return (\n    <Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,cACX,cAAoD,IAAI;AAE1D,SAAgB,KAAK,OAA+B;CAClD,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,WACF;CAEA,MAAM,SAAS,kBACbE,aAAW,OAAO;EAAE,cAAc;EAAoB,QAAQ,CAAC;CAAE,CAAC,CACpE;CAEA,MAAM,UAAU,cAAc,WAAW,MAAM,eAAe,MAAM,CAAC;CAErE,OACEF,gBAAAA,SAAAA,iBACE;EAAI,OAAA,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC;CAAC,GACxD,QAFN;EAGE,IAAA,UAAA;GAAO,OAAA,OAAO;EAAK;EACnBC,MAAM,YAAyB;GAC7B,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;CAC9B,CAAA,CAAA;AAEL"}

package/dist/browser/toast.d.ts

@@ -0,0 +1,66 @@
+/*
+ * 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 { ContextValue, Ref, RenderProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { QueuedToast, ToastOptions, ToastQueue, ToastState } from "@solid2-aria/stately/toast/create-toast-state";
+export interface ToastRegionRenderProps<T> {
+  visibleToasts: QueuedToast<T>[];
+  isHovered: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+}
+export interface ToastRegionProps<T> extends Omit<RenderProps<ToastRegionRenderProps<T>>, "children"> {
+  queue: ToastQueue<T>;
+  children?: JSX.Element | ((props: {
+    toast: QueuedToast<T>;
+  }) => JSX.Element);
+  ref?: Ref<HTMLDivElement>;
+  "aria-label"?: string;
+}
+export interface ToastListProps<T> {
+  children: (props: {
+    toast: QueuedToast<T>;
+  }) => JSX.Element;
+  ref?: Ref<HTMLOListElement>;
+  class?: JSX.ClassValue;
+  style?: JSX.CSSProperties;
+}
+export interface ToastRenderProps<T> {
+  toast: QueuedToast<T>;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+}
+export interface ToastProps<T> extends RenderProps<ToastRenderProps<T>> {
+  toast: QueuedToast<T>;
+  ref?: Ref<HTMLDivElement>;
+}
+export interface ToastContentProps extends RenderProps<undefined> {
+  ref?: Ref<HTMLDivElement>;
+}
+type AnyToastState = Omit<ToastState<unknown>, "add"> & {
+  add: {
+    bivarianceHack(content: unknown, options?: ToastOptions): string;
+  }["bivarianceHack"];
+};
+export declare const UNSTABLE_ToastStateContext: import("solid-js").Context<AnyToastState | null>;
+export declare const ToastContentContext: import("solid-js").Context<ContextValue<ToastContentProps, HTMLDivElement>>;
+export declare function UNSTABLE_ToastRegion<T>(props: ToastRegionProps<T>): JSX.Element;
+export declare function UNSTABLE_ToastList<T>(props: ToastListProps<T>): JSX.Element;
+export declare function UNSTABLE_Toast<T>(props: ToastProps<T>): JSX.Element;
+export declare function UNSTABLE_ToastContent(input: ToastContentProps): JSX.Element;
+export {};
+//# sourceMappingURL=toast.d.ts.map

package/dist/browser/toast.js

@@ -0,0 +1,226 @@
+/*
+ * 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 { Portal, createComponent, isServer, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { For, Show, createContext, createSignal, merge, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { 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
+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$1(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-ToastRegion",
+		values
+	}));
+	if (isServer) return null;
+	return createComponent(Show, {
+		get when() {
+			return state.visibleToasts.length > 0;
+		},
+		get children() {
+			return createComponent(Portal, {
+				get mount() {
+					return portal.getContainer?.() ?? document.body;
+				},
+				get children() {
+					return createComponent(UNSTABLE_ToastStateContext, {
+						value: state,
+						get children() {
+							return createComponent(dom.div, mergeProps(() => {
+								return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.regionProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+							}, {
+								ref: [(element) => {
+									setRef(element);
+								}, (element) => {
+									assignRef(untrack(() => props.ref), element);
+								}],
+								get "data-hovered"() {
+									return values.isHovered || void 0;
+								},
+								get "data-focused"() {
+									return values.isFocused || void 0;
+								},
+								get "data-focus-visible"() {
+									return values.isFocusVisible || void 0;
+								},
+								get children() {
+									return memo(() => {
+										return typeof props.children === "function";
+									})() ? createComponent(For, {
+										get each() {
+											return state.visibleToasts;
+										},
+										children: (toast) => typeof props.children === "function" ? props.children({ toast }) : null
+									}) : props.children;
+								}
+							}));
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function UNSTABLE_ToastList(props) {
+	const state = useContext(UNSTABLE_ToastStateContext);
+	if (!state) throw new Error("ToastList requires ToastRegion");
+	return createComponent(dom.ol, {
+		get "class"() {
+			return props.class ?? "solid2-aria-ToastList";
+		},
+		get style() {
+			return props.style;
+		},
+		ref: (element) => {
+			assignRef(untrack(() => props.ref), element);
+		},
+		get children() {
+			return createComponent(For, {
+				get each() {
+					return state.visibleToasts;
+				},
+				children: (toast) => {
+					const typedToast = toast;
+					return props.children({ toast: typedToast });
+				}
+			});
+		}
+	});
+}
+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$1(props, {
+		defaultClass: "solid2-aria-Toast",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.toastProps ?? {}), merge(() => focus.focusProps ?? {}), render);
+	}, {
+		ref: [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}],
+		get "data-focused"() {
+			return values.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return values.isFocusVisible || void 0;
+		},
+		get children() {
+			return createComponent(ToastContentContext, {
+				get value() {
+					return aria.contentProps;
+				},
+				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.descriptionProps;
+									}
+								} },
+								get children() {
+									return createComponent(ButtonContext, {
+										value: { slots: {
+											[DEFAULT_SLOT]: {},
+											get close() {
+												return aria.closeButtonProps;
+											}
+										} },
+										get children() {
+											return render.children;
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+function UNSTABLE_ToastContent(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ToastContentContext);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-ToastContent",
+		values: void 0
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(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/browser/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["<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>","<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>","<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>","value={state}","<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.div","ref={[\n              (element: HTMLDivElement) => {\n                setRef(element);\n              },\n              (element: HTMLDivElement) => {\n                assignRef(\n                  untrack(() => props.ref),\n                  element\n                );\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            )}","<For each={state.visibleToasts}>\n                {(toast) =>\n                  typeof props.children === \"function\"\n                    ? props.children({ toast })\n                    : null\n                }\n              </For>","<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>","dom.ol","ref={(element: HTMLOListElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\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>","<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>","ref={[\n        (element: HTMLDivElement) => {\n          setRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\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>","<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>","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.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>","value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                get description() {\n                  return aria.descriptionProps;\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>","value={{\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  get close() {\n                    return aria.closeButtonProps;\n                  },\n                },\n              }}","<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      }}","mergeProps","_$createComponent","_$mergeProps","_$memo"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAa,6BAA6B,cACxC,IACF;AAEA,MAAa,sBACX,cAA+D,IAAI;AAErE,SAAgB,qBACd,OACa;CACb,MAAM,QAAQ,iBAAiB,cAAc,MAAM,KAAK,CAAC;CAEzD,MAAM,CAAC,KAAK,UAAU,aAAoC,MAAM,EAC9D,YAAY,KACd,CAAC;CAED,MAAM,OAAO,kBAAkB,OAAO,OAAO,GAAG;CAChD,MAAM,QAAQ,gBAAgB,EAAE,QAAQ,KAAK,CAAC;CAC9C,MAAM,QAAQ,YAAY,CAAC,CAAC;CAC5B,MAAM,SAAS,2BAA2B;CAE1C,MAAM,SAAoC;EACxC,IAAI,iBAAiB;GACnB,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,gBAAgB;GAClB,OAAO,MAAM;EACf;CACF;CAEA,MAAM,SAAS,kBACbwB,aAAW,OAAO;EAChB,UAAU,KAAA;EACV,cAAc;EACd;CACF,CAAC,CACH;CAEA,IAAI,UAEF,OAAO;CAGT,OACExB,gBAAAA,MAAAA;EAAM,IAAA,OAAA;GAAM,OAAA,MAAM,cAAc,SAAS;EAAC;EAA1C,IAAA,WAAA;GACEC,OAAAA,gBAAAA,QAAAA;IAAQ,IAAA,QAAA;KAAO,OAAA,OAAO,eAAe,KAAK,SAAS;IAAI;IAAvD,IAAA,WAAA;KACEC,OAAAA,gBAAAA,4BAAAA;MAA4BC,OAAO;MAAnC,IAAA,WAAA;OACEC,OAAAA,gBAAAA,IAACC,KAADD,iBACE;QAAI,OAAAoB,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,eAAe,CAAC,CAAC,GAClC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,MACF;OAAC,GAPH;QAQElB,KAAK,EACF,YAA4B;SAC3B,OAAO,OAAO;QAChB,IACC,YAA4B;SAC3B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;QACF,CACF;QACA,IAAA,iBAAA;SAAc,OAAA,OAAO,aAAa,KAAA;QAAS;QAC3C,IAAA,iBAAA;SAAc,OAAA,OAAO,aAAa,KAAA;QAAS;QAC3C,IAAA,uBAAA;SAAoB,OAAA,OAAO,kBAAkB,KAAA;QAAS;QArBxD,IAAA,WAAA;SAuBEC,OAAAA,WAAAA;UAAC,OAAA,OAAO,MAAM,aAAa;SAU1B,CAAA,CAAC,CAAD,IATCC,gBAAAA,KAAAA;UAAK,IAAA,OAAA;WAAM,OAAA,MAAM;UAAa;UAA9BA,WACI,UACA,OAAO,MAAM,aAAa,aACtB,MAAM,SAAS,EAAE,MAAM,CAAC,IACxB;SAEH,CAAA,IAEL,MAAM;QAED;;MACiB;;IACtB;;EACJ;;AAEV;AAEA,SAAgB,mBAAsB,OAAuC;CAC3E,MAAM,QAAQ,WAAW,0BAA0B;CAEnD,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,gCAAgC;CAGlD,OACEC,gBAAAA,IAACC,IAAD;EACE,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAAuB;EAC7C,IAAA,QAAA;GAAO,OAAA,MAAM;EAAK;EAClBC,MAAM,YAA8B;GAClC,UACE,cAAc,MAAM,GAAG,GACvB,OACF;EACF;EARF,IAAA,WAAA;GAUEC,OAAAA,gBAAAA,KAAAA;IAAK,IAAA,OAAA;KAAM,OAAA,MAAM;IAAa;IAA9BA,WACI,UAAU;KAGV,MAAM,aAAa;KAEnB,OAAO,MAAM,SAAS,EAAE,OAAO,WAAW,CAAC;IAC7C;GACG,CAAA;EACC;;AAEZ;AAEA,SAAgB,eAAkB,OAAmC;CACnE,MAAM,QAAQ,WAAW,0BAA0B;CAEnD,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,4BAA4B;CAG9C,MAAM,CAAC,KAAK,UAAU,aAAoC,MAAM,EAC9D,YAAY,KACd,CAAC;CAED,MAAM,OAAO,YAAY,OAAO,OAAO,GAAG;CAC1C,MAAM,QAAQ,gBAAgB,EAAE,QAAQ,KAAK,CAAC;CAE9C,MAAM,SAA8B;EAClC,IAAI,iBAAiB;GACnB,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;CACF;CAEA,MAAM,SAAS,kBACbY,aAAW,OAAO;EAAE,cAAc;EAAqB;CAAO,CAAC,CACjE;CAEA,OACEX,gBAAAA,IAACR,KAADQ,iBACE;EAAI,OAAAW,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,MACF;CAAC,GANH;EAOEV,KAAK,EACF,YAA4B;GAC3B,OAAO,OAAO;EAChB,IACC,YAA4B;GAC3B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;EACF,CACF;EACA,IAAA,iBAAA;GAAc,OAAA,OAAO,aAAa,KAAA;EAAS;EAC3C,IAAA,uBAAA;GAAoB,OAAA,OAAO,kBAAkB,KAAA;EAAS;EAnBxD,IAAA,WAAA;GAqBEC,OAAAA,gBAAAA,qBAAAA;IAAqB,IAAA,QAAA;KAAO,OAAA,KAAK;IAAY;IAA7C,IAAA,WAAA;KACEC,OAAAA,gBAAAA,gBAAAA;MACEC,OAAO,EACL,OAAO;QACJ,eAAe,CAAC;OACjB,IAAI,QAAQ;QACV,OAAO,KAAK;OACd;MACF,EACF;MARF,IAAA,WAAA;OAUEC,OAAAA,gBAAAA,aAAAA;QACEC,OAAO,EACL,OAAO;UACJ,eAAe,CAAC;SACjB,IAAI,cAAc;UAChB,OAAO,KAAK;SACd;QACF,EACF;QARF,IAAA,WAAA;SAUEC,OAAAA,gBAAAA,eAAAA;UACEC,OAAO,EACL,OAAO;YACJ,eAAe,CAAC;WACjB,IAAI,QAAQ;YACV,OAAO,KAAK;WACd;UACF,EACF;UARF,IAAA,WAAA;WAUG,OAAA,OAAO;UACK;;QACJ;;MACC;;IACG;;EACd;;AAEb;AAEA,SAAgB,sBAAsB,OAAuC;CAC3E,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,mBACF;CAEA,MAAM,SAAS,kBACbG,aAAW,OAAO;EAChB,cAAc;EACd,QAAQ,KAAA;CACV,CAAC,CACH;CAEA,OACEF,gBAAAA,IAACjB,KAADiB,iBACE;EAAI,OAAAE,aAAW,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,MAAM;CAAC,GADjE,EAEED,MAAM,YAA4B;EAChC,OAAO,OAAO;CAChB,EACD,CAAA,CAAA;AAEL"}

package/dist/browser/toggle-button-group.d.ts

@@ -0,0 +1,32 @@
+/*
+ * 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 { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { AriaToggleButtonGroupProps } from "@solid2-aria/core/button/create-toggle-button-group";
+import { ToggleGroupState } from "@solid2-aria/stately/toggle/create-toggle-group-state";
+export interface ToggleButtonGroupRenderProps {
+  orientation: "horizontal" | "vertical";
+  isDisabled: boolean;
+  state: ToggleGroupState;
+}
+export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, SlotProps, RenderProps<ToggleButtonGroupRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const ToggleButtonGroupContext: import("solid-js").Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
+export declare const ToggleGroupStateContext: import("solid-js").Context<ToggleGroupState | null>;
+export declare function ToggleButtonGroup(input: ToggleButtonGroupProps): JSX.Element;
+//# sourceMappingURL=toggle-button-group.d.ts.map

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

@@ -0,0 +1,74 @@
+/*
+ * 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 { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { 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
+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$1(props, {
+		defaultClass: "solid2-aria-ToggleButtonGroup",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.groupProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-disabled"() {
+			return state.isDisabled || void 0;
+		},
+		get "data-orientation"() {
+			return values.orientation;
+		},
+		get children() {
+			return createComponent(ToggleGroupStateContext, {
+				value: state,
+				get children() {
+					return createComponent(SharedElementTransition, { get children() {
+						return render.children;
+					} });
+				}
+			});
+		}
+	}));
+}
+export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext };
+
+//# sourceMappingURL=toggle-button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.js","names":["<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>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<ToggleGroupStateContext value={state}>\n        <SharedElementTransition>{render.children}</SharedElementTransition>\n      </ToggleGroupStateContext>","value={state}","<SharedElementTransition>{render.children}</SharedElementTransition>","mergeProps","_$createComponent","_$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":";;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,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,kBACbM,aAAW,OAAO;EAChB,cAAc;EACd;CACF,CAAC,CACH;CAEA,OACEN,gBAAAA,IAACC,KAADD,iBACE;EAAI,OAAAM,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,MACF;CAAC,GALH;EAMEJ,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAC7B,IAAA,kBAAA;GAAe,OAAA,MAAM,cAAc,KAAA;EAAS;EAC5C,IAAA,qBAAA;GAAkB,OAAA,OAAO;EAAW;EAXtC,IAAA,WAAA;GAaEC,OAAAA,gBAAAA,yBAAAA;IAAyBC,OAAO;IAAhC,IAAA,WAAA;KACEC,OAAAA,gBAAAA,yBAAAA,EAAAA,IAAAA,WAAAA;MAA0B,OAAA,OAAO;KAAkC,EAAA,CAAA;IAC5C;;EAClB;;AAEb"}

package/dist/browser/toggle-button.d.ts

@@ -0,0 +1,33 @@
+/*
+ * 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/ToggleButton.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props and an untracked setup-time choice of group interaction behavior.
+ * 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 { ButtonRenderProps } from "./button.js";
+import { JSX } from "@solidjs/web";
+import { ToggleState } from "@solid2-aria/stately/toggle/create-toggle-state";
+import { AriaToggleButtonProps } from "@solid2-aria/core/button/create-toggle-button";
+import { HoverEvents, Key } from "@solid2-aria/types-shared";
+export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, "isPending"> {
+  isSelected: boolean;
+  state: ToggleState;
+}
+export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, "children" | "elementType" | "id">, SlotProps, HoverEvents, RenderProps<ToggleButtonRenderProps, "button"> {
+  id?: Key;
+  ref?: Ref<HTMLButtonElement>;
+}
+export declare const ToggleButtonContext: import("solid-js").Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
+export declare function ToggleButton(input: ToggleButtonProps): JSX.Element;
+//# sourceMappingURL=toggle-button.d.ts.map