@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/autocomplete.d.ts

@@ -0,0 +1,35 @@
+/*
+ * 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/Autocomplete.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, SlotProps, SlottedContextValue } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { AriaAutocompleteProps, InputProps } from "@solid2-aria/core/autocomplete/create-autocomplete";
+import { AutocompleteState } from "@solid2-aria/stately/autocomplete/create-autocomplete-state";
+import { AriaLabelingProps, DOMProps, Node } from "@solid2-aria/types-shared";
+export declare const AutocompleteContext: import("solid-js").Context<SlottedContextValue<Partial<AutocompleteProps<unknown>>>>;
+export declare const AutocompleteStateContext: import("solid-js").Context<AutocompleteState | null>;
+export declare const SelectableCollectionContext: import("solid-js").Context<ContextValue<SelectableCollectionContextValue<unknown>, HTMLElement>>;
+export declare const FieldInputContext: import("solid-js").Context<ContextValue<InputProps<import("@solid2-aria/types-shared").FocusableElement>, HTMLElement>>;
+export interface AutocompleteProps<T = object> extends AriaAutocompleteProps<T>, SlotProps {}
+export interface SelectableCollectionContextValue<T> extends DOMProps, AriaLabelingProps {
+  filter?: (nodeTextValue: string, node: Node<T>) => boolean;
+  /** Whether the collection items should use virtual focus instead of being focused directly. */
+  shouldUseVirtualFocus?: boolean;
+  /** Whether typeahead is disabled. */
+  disallowTypeAhead?: boolean;
+}
+export declare function Autocomplete<T>(input: AutocompleteProps<T>): JSX.Element;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/browser/autocomplete.js

@@ -0,0 +1,69 @@
+/*
+ * 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/Autocomplete.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createSlottedContext } from "./utils.js";
+import { createComponent } from "@solidjs/web";
+import { createAutocomplete } from "@solid2-aria/core/autocomplete/create-autocomplete";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createAutocompleteState } from "@solid2-aria/stately/autocomplete/create-autocomplete-state";
+import { createContext, createSignal, merge, untrack } from "solid-js";
+// src/autocomplete.tsx
+const AutocompleteContext = createContext(null);
+const AutocompleteStateContext = createContext(null);
+const SelectableCollectionContext = createContext(null);
+const FieldInputContext = createContext(null);
+function Autocomplete(input) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [collectionRef, setCollectionRef] = createSignal(null, { ownedWrite: true });
+	const props = mergeProps$1(createSlottedContext(AutocompleteContext, untrack(() => input.slot)), input);
+	const state = createAutocompleteState(props);
+	const aria = createAutocomplete(mergeProps$1(props, {
+		collectionRef,
+		inputRef
+	}), state);
+	return createComponent(AutocompleteStateContext, {
+		value: state,
+		get children() {
+			return createComponent(FieldInputContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.inputProps ?? {}), { ref: (element) => {
+						setInputRef(element instanceof HTMLInputElement ? element : null);
+					} });
+				},
+				get children() {
+					return createComponent(SelectableCollectionContext, {
+						get value() {
+							return mergeProps$1(merge(() => aria.collectionProps ?? {}), {
+								get filter() {
+									return aria.filter;
+								},
+								ref: [(element) => {
+									setCollectionRef(element);
+								}, aria.collectionRef]
+							});
+						},
+						get children() {
+							return props.children;
+						}
+					});
+				}
+			});
+		}
+	});
+}
+export { Autocomplete, AutocompleteContext, AutocompleteStateContext, FieldInputContext, SelectableCollectionContext };
+
+//# sourceMappingURL=autocomplete.js.map

package/dist/browser/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":["<AutocompleteStateContext value={state}>\n      <FieldInputContext\n        value={mergeProps(\n          merge(() => aria.inputProps ?? {}),\n          {\n            ref: (element: HTMLElement) => {\n              setInputRef(element instanceof HTMLInputElement ? element : null);\n            },\n          }\n        )}\n      >\n        <SelectableCollectionContext\n          value={mergeProps(\n            merge(() => aria.collectionProps ?? {}),\n            {\n              get filter() {\n                return aria.filter;\n              },\n              ref: [\n                (element: HTMLElement) => {\n                  setCollectionRef(element);\n                },\n                aria.collectionRef,\n              ],\n            }\n          )}\n        >\n          {props.children}\n        </SelectableCollectionContext>\n      </FieldInputContext>\n    </AutocompleteStateContext>","value={state}","<FieldInputContext\n        value={mergeProps(\n          merge(() => aria.inputProps ?? {}),\n          {\n            ref: (element: HTMLElement) => {\n              setInputRef(element instanceof HTMLInputElement ? element : null);\n            },\n          }\n        )}\n      >\n        <SelectableCollectionContext\n          value={mergeProps(\n            merge(() => aria.collectionProps ?? {}),\n            {\n              get filter() {\n                return aria.filter;\n              },\n              ref: [\n                (element: HTMLElement) => {\n                  setCollectionRef(element);\n                },\n                aria.collectionRef,\n              ],\n            }\n          )}\n        >\n          {props.children}\n        </SelectableCollectionContext>\n      </FieldInputContext>","<SelectableCollectionContext\n          value={mergeProps(\n            merge(() => aria.collectionProps ?? {}),\n            {\n              get filter() {\n                return aria.filter;\n              },\n              ref: [\n                (element: HTMLElement) => {\n                  setCollectionRef(element);\n                },\n                aria.collectionRef,\n              ],\n            }\n          )}\n        >\n          {props.children}\n        </SelectableCollectionContext>","mergeProps","_$createComponent"],"sources":["../../src/autocomplete.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/Autocomplete.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createAutocomplete } from \"@solid2-aria/core/autocomplete/create-autocomplete\";\nimport type {\n  AriaAutocompleteProps,\n  InputProps,\n} from \"@solid2-aria/core/autocomplete/create-autocomplete\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createAutocompleteState } from \"@solid2-aria/stately/autocomplete/create-autocomplete-state\";\nimport type { AutocompleteState } from \"@solid2-aria/stately/autocomplete/create-autocomplete-state\";\nimport type {\n  AriaLabelingProps,\n  DOMProps,\n  Node,\n} from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createSignal, createContext } from \"solid-js\";\n\nimport { createSlottedContext } from \"./utils\";\nimport type { ContextValue, SlotProps, SlottedContextValue } from \"./utils\";\n\nexport const AutocompleteContext =\n  createContext<SlottedContextValue<Partial<AutocompleteProps<unknown>>>>(null);\n\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(\n  null\n);\n\nexport const SelectableCollectionContext =\n  createContext<\n    ContextValue<SelectableCollectionContextValue<unknown>, HTMLElement>\n  >(null);\n\nexport const FieldInputContext =\n  createContext<ContextValue<InputProps, HTMLElement>>(null);\n\nexport interface AutocompleteProps<T = object>\n  extends AriaAutocompleteProps<T>, SlotProps {}\n\nexport interface SelectableCollectionContextValue<T>\n  extends DOMProps, AriaLabelingProps {\n  filter?: (nodeTextValue: string, node: Node<T>) => boolean;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead?: boolean;\n}\n\nexport function Autocomplete<T>(input: AutocompleteProps<T>): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const props = mergeProps(\n    createSlottedContext(\n      AutocompleteContext,\n      untrack(() => input.slot)\n    ),\n    input\n  );\n\n  const state = createAutocompleteState(props);\n\n  const aria = createAutocomplete(\n    mergeProps(props, { collectionRef, inputRef }),\n    state\n  );\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <FieldInputContext\n        value={mergeProps(\n          merge(() => aria.inputProps ?? {}),\n          {\n            ref: (element: HTMLElement) => {\n              setInputRef(element instanceof HTMLInputElement ? element : null);\n            },\n          }\n        )}\n      >\n        <SelectableCollectionContext\n          value={mergeProps(\n            merge(() => aria.collectionProps ?? {}),\n            {\n              get filter() {\n                return aria.filter;\n              },\n              ref: [\n                (element: HTMLElement) => {\n                  setCollectionRef(element);\n                },\n                aria.collectionRef,\n              ],\n            }\n          )}\n        >\n          {props.children}\n        </SelectableCollectionContext>\n      </FieldInputContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,sBACX,cAAwE,IAAI;AAE9E,MAAa,2BAA2B,cACtC,IACF;AAEA,MAAa,8BACX,cAEE,IAAI;AAER,MAAa,oBACX,cAAqD,IAAI;AAc3D,SAAgB,aAAgB,OAA0C;CACxE,MAAM,CAAC,UAAU,eAAe,aAAsC,MAAM,EAC1E,YAAY,KACd,CAAC;CAED,MAAM,CAAC,eAAe,oBAAoB,aACxC,MACA,EAAE,YAAY,KAAK,CACrB;CAEA,MAAM,QAAQI,aACZ,qBACE,qBACA,cAAc,MAAM,IAAI,CAC1B,GACA,KACF;CAEA,MAAM,QAAQ,wBAAwB,KAAK;CAE3C,MAAM,OAAO,mBACXA,aAAW,OAAO;EAAE;EAAe;CAAS,CAAC,GAC7C,KACF;CAEA,OACEJ,gBAAAA,0BAAAA;EAA0BC,OAAO;EAAjC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,mBAAAA;IACE,IAAA,QAAA;KAAO,OAAAE,aACL,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,EACE,MAAM,YAAyB;MAC7B,YAAY,mBAAmB,mBAAmB,UAAU,IAAI;KAClE,EACF,CACF;IAAC;IARH,IAAA,WAAA;KAUED,OAAAA,gBAAAA,6BAAAA;MACE,IAAA,QAAA;OAAO,OAAAC,aACL,YAAY,KAAK,mBAAmB,CAAC,CAAC,GACtC;QACE,IAAI,SAAS;SACX,OAAO,KAAK;QACd;QACA,KAAK,EACF,YAAyB;SACxB,iBAAiB,OAAO;QAC1B,GACA,KAAK,aACP;OACF,CACF;MAAC;MAdH,IAAA,WAAA;OAgBG,OAAA,MAAM;MACoB;;IACZ;;EACK;;AAE9B"}

package/dist/browser/breadcrumbs.d.ts

@@ -0,0 +1,71 @@
+/*
+ * 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/Breadcrumbs.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, 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 { ClassOrFunction, ContextValue, DOMRenderProps, Ref, RenderProps, SlotProps, StyleProps } from "./utils.js";
+import { CollectionProps } from "./collection.js";
+import { JSX } from "@solidjs/web";
+import { AriaBreadcrumbsProps } from "@solid2-aria/core/breadcrumbs/create-breadcrumbs";
+import { AriaLabelingProps, Key } from "@solid2-aria/types-shared";
+import { GlobalDOMAttributes } from "@solid2-aria/types-shared-web";
+export declare const BreadcrumbsContext: import("solid-js").Context<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>;
+export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, "disabledKeys">, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, DOMRenderProps<"ol", undefined>, GlobalDOMAttributes<HTMLOListElement> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element.
+   *
+   * @default 'react-aria-Breadcrumbs'
+   */
+  class?: JSX.ClassValue;
+  /** Whether the breadcrumbs are disabled. */
+  isDisabled?: boolean;
+  /** Handler that is called when a breadcrumb is clicked. */
+  onAction?: (key: Key) => void;
+}
+export interface BreadcrumbRenderProps {
+  /**
+   * Whether the breadcrumb is for the current page.
+   *
+   * @selector [data-current]
+   */
+  isCurrent: boolean;
+  /**
+   * Whether the breadcrumb is disabled.
+   *
+   * @selector [data-disabled]
+   */
+  isDisabled: boolean;
+}
+export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, "li">, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element. A function may be provided to compute the class based on component state.
+   *
+   * @default 'react-aria-Breadcrumb'
+   */
+  class?: ClassOrFunction<BreadcrumbRenderProps>;
+  /**
+   * A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is
+   * pressed.
+   */
+  id?: Key;
+}
+export declare function Breadcrumb(props: BreadcrumbProps & {
+  ref?: Ref<HTMLLIElement>;
+}): JSX.Element;
+export declare function Breadcrumbs<T>(input: BreadcrumbsProps<T> & {
+  ref?: Ref<HTMLOListElement>;
+}): JSX.Element;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/browser/breadcrumbs.js

@@ -0,0 +1,121 @@
+/*
+ * 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/Breadcrumbs.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { CollectionRendererContext } from "./collection.js";
+import { LinkContext } from "./link.js";
+import { applyRef, createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, omit, untrack, useContext } from "solid-js";
+import { createBreadcrumbs } from "@solid2-aria/core/breadcrumbs/create-breadcrumbs";
+import { ItemNode } from "@solid2-aria/core/collections/base-collection";
+import { Collection, CollectionBuilder, createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/breadcrumbs.tsx
+const BreadcrumbsContext = createContext(null);
+const BreadcrumbCollection = createLeafComponent(ItemNode, (props, forwardedRef, node) => {
+	const context = createSlottedContext(BreadcrumbsContext);
+	const values = {
+		get isCurrent() {
+			return node.nextKey === null || node.nextKey === void 0;
+		},
+		get isDisabled() {
+			return context?.isDisabled === true || node.nextKey === null || node.nextKey === void 0;
+		}
+	};
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Breadcrumb",
+		values
+	}));
+	return createComponent(dom.li, mergeProps(() => {
+		return omit(filterDOMProps(props, { global: true }), "id");
+	}, render, {
+		ref(r$) {
+			var _ref$ = forwardedRef;
+			typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : forwardedRef = r$;
+		},
+		get "data-current"() {
+			return values.isCurrent || void 0;
+		},
+		get "data-disabled"() {
+			return values.isDisabled || void 0;
+		},
+		get children() {
+			return createComponent(LinkContext, {
+				value: {
+					get "aria-current"() {
+						return values.isCurrent ? "page" : void 0;
+					},
+					get isDisabled() {
+						return values.isDisabled;
+					},
+					onPress: () => context?.onAction?.(node.key)
+				},
+				get children() {
+					return render.children;
+				}
+			});
+		}
+	}));
+});
+function Breadcrumb(props) {
+	return createComponent(BreadcrumbCollection, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+function Breadcrumbs(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), BreadcrumbsContext);
+	const aria = createBreadcrumbs(props);
+	const Root = useContext(CollectionRendererContext).CollectionRoot;
+	return createComponent(CollectionBuilder, {
+		get content() {
+			return createComponent(Collection, props);
+		},
+		children: (collection) => createComponent(dom.ol, mergeProps(() => {
+			return mergeProps$1(filterDOMProps(props, {
+				global: true,
+				labelable: true
+			}), merge(() => aria.navProps ?? {}));
+		}, {
+			ref: (element) => {
+				setRef(element);
+			},
+			get render() {
+				return props.render;
+			},
+			get "class"() {
+				return props.class ?? "solid2-aria-Breadcrumbs";
+			},
+			get style() {
+				return props.style;
+			},
+			get slot() {
+				return props.slot ?? void 0;
+			},
+			get children() {
+				return createComponent(BreadcrumbsContext, {
+					value: props,
+					get children() {
+						return createComponent(Root, { collection });
+					}
+				});
+			}
+		}))
+	});
+}
+export { Breadcrumb, Breadcrumbs, BreadcrumbsContext };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/browser/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":["<dom.li\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={forwardedRef}\n        data-current={values.isCurrent || undefined}\n        data-disabled={values.isDisabled || undefined}\n      >\n        <LinkContext\n          value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}\n        >\n          {render.children}\n        </LinkContext>\n      </dom.li>","dom.li","ref={forwardedRef}","<LinkContext\n          value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}\n        >\n          {render.children}\n        </LinkContext>","value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}","<BreadcrumbCollection\n      {...props}\n      ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","<CollectionBuilder content={<Collection {...props} />}>\n      {(collection) => (\n        <dom.ol\n          {...mergeProps(\n            filterDOMProps(props, { global: true, labelable: true }),\n            merge(() => aria.navProps ?? {})\n          )}\n          ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}\n          render={props.render}\n          class={props.class ?? \"solid2-aria-Breadcrumbs\"}\n          style={props.style}\n          slot={props.slot ?? undefined}\n        >\n          <BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>\n        </dom.ol>\n      )}\n    </CollectionBuilder>","<Collection {...props} />","<dom.ol\n          {...mergeProps(\n            filterDOMProps(props, { global: true, labelable: true }),\n            merge(() => aria.navProps ?? {})\n          )}\n          ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}\n          render={props.render}\n          class={props.class ?? \"solid2-aria-Breadcrumbs\"}\n          style={props.style}\n          slot={props.slot ?? undefined}\n        >\n          <BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>\n        </dom.ol>","dom.ol","ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}","<BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>","value={props}","<Root collection={collection} />","mergeProps","_$createComponent","_$mergeProps","_$applyRef"],"sources":["../../src/breadcrumbs.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/Breadcrumbs.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, 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 { createBreadcrumbs } from \"@solid2-aria/core/breadcrumbs/create-breadcrumbs\";\nimport type { AriaBreadcrumbsProps } from \"@solid2-aria/core/breadcrumbs/create-breadcrumbs\";\nimport { ItemNode } from \"@solid2-aria/core/collections/base-collection\";\nimport {\n  Collection,\n  CollectionBuilder,\n  createLeafComponent,\n} from \"@solid2-aria/core/collections/collection-builder\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { AriaLabelingProps, Key, Node } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext, useContext, omit } from \"solid-js\";\n\nimport { CollectionRendererContext } from \"./collection\";\nimport type { CollectionProps } from \"./collection\";\nimport { LinkContext } from \"./link\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n  assignRef,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  DOMRenderProps,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const BreadcrumbsContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nexport interface BreadcrumbsProps<T>\n  extends\n    Omit<CollectionProps<T>, \"disabledKeys\">,\n    AriaBreadcrumbsProps,\n    StyleProps,\n    SlotProps,\n    AriaLabelingProps,\n    DOMRenderProps<\"ol\", undefined>,\n    GlobalDOMAttributes<HTMLOListElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-Breadcrumbs'\n   */\n  class?: JSX.ClassValue;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   *\n   * @selector [data-current]\n   */\n  isCurrent: boolean;\n  /**\n   * Whether the breadcrumb is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface BreadcrumbProps\n  extends\n    RenderProps<BreadcrumbRenderProps, \"li\">,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLLIElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Breadcrumb'\n   */\n  class?: ClassOrFunction<BreadcrumbRenderProps>;\n  /**\n   * A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is\n   * pressed.\n   */\n  id?: Key;\n}\n\nconst BreadcrumbCollection = createLeafComponent(\n  ItemNode,\n  (\n    props: BreadcrumbProps,\n    forwardedRef: Ref<HTMLLIElement>,\n    node: Node<unknown>\n  ): JSX.Element => {\n    const context = createSlottedContext(BreadcrumbsContext);\n\n    const values: BreadcrumbRenderProps = {\n      get isCurrent() {\n        return node.nextKey === null || node.nextKey === undefined;\n      },\n      get isDisabled() {\n        return (\n          context?.isDisabled === true ||\n          node.nextKey === null ||\n          node.nextKey === undefined\n        );\n      },\n    };\n\n    const render = createRenderProps(\n      mergeProps(props, { defaultClass: \"solid2-aria-Breadcrumb\", values })\n    );\n\n    return (\n      <dom.li\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={forwardedRef}\n        data-current={values.isCurrent || undefined}\n        data-disabled={values.isDisabled || undefined}\n      >\n        <LinkContext\n          value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}\n        >\n          {render.children}\n        </LinkContext>\n      </dom.li>\n    );\n  }\n);\n\nexport function Breadcrumb(\n  props: BreadcrumbProps & { ref?: Ref<HTMLLIElement> }\n): JSX.Element {\n  return (\n    <BreadcrumbCollection\n      {...props}\n      ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function Breadcrumbs<T>(\n  input: BreadcrumbsProps<T> & { ref?: Ref<HTMLOListElement> }\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    BreadcrumbsContext\n  );\n\n  const aria = createBreadcrumbs(props);\n  const renderer = useContext(CollectionRendererContext);\n  const Root = renderer.CollectionRoot;\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {(collection) => (\n        <dom.ol\n          {...mergeProps(\n            filterDOMProps(props, { global: true, labelable: true }),\n            merge(() => aria.navProps ?? {})\n          )}\n          ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}\n          render={props.render}\n          class={props.class ?? \"solid2-aria-Breadcrumbs\"}\n          style={props.style}\n          slot={props.slot ?? undefined}\n        >\n          <BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>\n        </dom.ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAa,qBAEX,cAAqE,IAAI;AA0D3E,MAAM,uBAAuB,oBAC3B,WAEE,OACA,cACA,SACgB;CAChB,MAAM,UAAU,qBAAqB,kBAAkB;CAEvD,MAAM,SAAgC;EACpC,IAAI,YAAY;GACd,OAAO,KAAK,YAAY,QAAQ,KAAK,YAAY,KAAA;EACnD;EACA,IAAI,aAAa;GACf,OACE,SAAS,eAAe,QACxB,KAAK,YAAY,QACjB,KAAK,YAAY,KAAA;EAErB;CACF;CAEA,MAAM,SAAS,kBACbe,aAAW,OAAO;EAAE,cAAc;EAA0B;CAAO,CAAC,CACtE;CAEA,OACEf,gBAAAA,IAACC,IAADD,iBACE;EAEK,OAAA,KAAK,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,IAAI;CAEvD,GACI,QANN;EAOE,IAAA,IAAA;GAAK,IAAA,QAAA;GAAL,OAAA,UAAA,cAAA,MAAA,QAAA,KAAiB,IAAjBE,SAAAA,OAAAA,EAAiB,IAAjB,eAAAA;EAAiB;EACjB,IAAA,iBAAA;GAAc,OAAA,OAAO,aAAa,KAAA;EAAS;EAC3C,IAAA,kBAAA;GAAe,OAAA,OAAO,cAAc,KAAA;EAAS;EAT/C,IAAA,WAAA;GAWEC,OAAAA,gBAAAA,aAAAA;IACEC,OAAO;KACL,IAAI,iBAAiB;MACnB,OAAO,OAAO,YAAY,SAAS,KAAA;KACrC;KACA,IAAI,aAAa;MACf,OAAO,OAAO;KAChB;KACA,eAAe,SAAS,WAAW,KAAK,GAAG;IAC7C;IATF,IAAA,WAAA;KAWG,OAAA,OAAO;IACG;;EACP;;AAEZ,CACF;AAEA,SAAgB,WACd,OACa;CACb,OACEC,gBAAAA,sBAAAA,WACM,OADN,EAEEC,MAAM,YAA2B;EAC/B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,EACD,CAAA,CAAA;AAEL;AAEA,SAAgB,YACd,OACa;CACb,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,kBACF;CAEA,MAAM,OAAO,kBAAkB,KAAK;CAEpC,MAAM,OADW,WAAW,yBACf,CAAA,CAAS;CAEtB,OACEC,gBAAAA,mBAAAA;EAAmB,IAAA,UAAA;GAASC,OAAAA,gBAAAA,YAAgB,KAAQ;EAAC;EAArDD,WACI,eACAE,gBAAAA,IAACC,IAADD,iBACE;GAAI,OAAAM,aACF,eAAe,OAAO;IAAE,QAAQ;IAAM,WAAW;GAAK,CAAC,GACvD,YAAY,KAAK,YAAY,CAAC,CAAC,CACjC;EAAC,GAJH;GAKEJ,MAAM,YAA8B;IAClC,OAAO,OAAO;GAChB;GACA,IAAA,SAAA;IAAQ,OAAA,MAAM;GAAM;GACpB,IAAA,UAAA;IAAO,OAAA,MAAM,SAAS;GAAyB;GAC/C,IAAA,QAAA;IAAO,OAAA,MAAM;GAAK;GAClB,IAAA,OAAA;IAAM,OAAA,MAAM,QAAQ,KAAA;GAAS;GAX/B,IAAA,WAAA;IAaEC,OAAAA,gBAAAA,oBAAAA;KAAoBC,OAAO;KAA3B,IAAA,WAAA;MACEC,OAAAA,gBAAAA,MAAAA,EAAkB,WAAa,CAAA;KACb;;GACd;;CAEO,CAAA;AAEvB"}

package/dist/browser/button.d.ts

@@ -0,0 +1,36 @@
+/*
+ * 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/Button.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 { AriaButtonProps } from "@solid2-aria/core/button/create-button";
+import { HoverEvents } from "@solid2-aria/types-shared";
+export interface ButtonRenderProps {
+  isHovered: boolean;
+  isPressed: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+  isPending: boolean;
+}
+export interface ButtonProps extends Omit<AriaButtonProps, "children" | "elementType">, HoverEvents, SlotProps, RenderProps<ButtonRenderProps, "button"> {
+  isPending?: boolean;
+  isPressed?: boolean;
+  ref?: Ref<HTMLButtonElement>;
+}
+export declare const ButtonContext: import("solid-js").Context<ContextValue<ButtonProps, HTMLButtonElement>>;
+export declare function Button(input: ButtonProps): JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/browser/button.js

@@ -0,0 +1,156 @@
+/*
+ * 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/Button.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 { ProgressBarContext } from "./progress-bar.js";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createEffect, createUniqueId, merge, omit, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createButton } from "@solid2-aria/core/button/create-button";
+import { createIsHidden } from "@solid2-aria/core/collections/hidden";
+import { announce } from "@solid2-aria/core/live-announcer/live-announcer";
+import { readProperty } from "@solid2-aria/core/utils/read-property";
+// src/button.tsx
+const ButtonContext = createContext(null);
+function Button(input) {
+	if (createIsHidden()) return null;
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), ButtonContext);
+	const aria = createButton(props, ref);
+	const focus = createFocusRing(props);
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return props.isDisabled === true || props.isPending === true;
+	} }));
+	const values = {
+		get isDisabled() {
+			return props.isDisabled === true;
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPending() {
+			return props.isPending === true;
+		},
+		get isPressed() {
+			return (props.isPressed === true || aria.isPressed) && !(props.isPending === true);
+		}
+	};
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Button",
+		values
+	}));
+	const id = createUniqueId();
+	const progressId = createUniqueId();
+	const label = () => {
+		const labelledBy = aria.buttonProps["aria-labelledby"];
+		if (props.isPending !== true) return labelledBy;
+		if (isTruthy(labelledBy)) return `${labelledBy} ${progressId}`;
+		return isTruthy(aria.buttonProps["aria-label"]) ? `${aria.buttonProps.id ?? id} ${progressId}` : void 0;
+	};
+	createEffect(() => ({
+		focused: focus.isFocused,
+		label: label(),
+		pending: props.isPending
+	}), (next, prev) => {
+		if (prev && next.pending !== prev.pending && next.focused) {
+			const buttonId = typeof aria.buttonProps.id === "string" ? aria.buttonProps.id : id;
+			const labelledBy = typeof next.label === "string" && next.label.length > 0 ? next.label : buttonId;
+			announce({ "aria-labelledby": labelledBy }, "assertive");
+		}
+	});
+	const interaction = new Proxy({}, {
+		get(target, key) {
+			if (props.isPending === true && typeof key === "string" && key.startsWith("on") && !/Focus|Blur|Hover|Pointer(?:Enter|Leave|Over|Out)|Mouse(?:Enter|Leave|Over|Out)/u.test(key)) return;
+			return readProperty(aria.buttonProps, key);
+		},
+		getOwnPropertyDescriptor() {
+			return {
+				configurable: true,
+				enumerable: true
+			};
+		},
+		has(_target, key) {
+			return key in aria.buttonProps;
+		},
+		ownKeys() {
+			return Reflect.ownKeys(aria.buttonProps);
+		}
+	});
+	return createComponent(dom.button, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "onClick"), interaction, merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		get id() {
+			return aria.buttonProps.id ?? id;
+		},
+		get type() {
+			return memo(() => {
+				return !!(props.isPending === true && props.type === "submit");
+			})() ? "button" : props.type ?? "button";
+		},
+		ref: (element) => {
+			setRef(element);
+		},
+		get "aria-labelledby"() {
+			return label();
+		},
+		get "aria-disabled"() {
+			return memo(() => {
+				return props.isPending === true;
+			})() ? "true" : aria.buttonProps["aria-disabled"];
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-disabled"() {
+			return props.isDisabled ?? void 0;
+		},
+		get "data-pending"() {
+			return props.isPending ?? void 0;
+		},
+		get "data-pressed"() {
+			return values.isPressed || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get children() {
+			return createComponent(ProgressBarContext, {
+				value: { id: progressId },
+				get children() {
+					return render.children;
+				}
+			});
+		}
+	}));
+}
+export { Button, ButtonContext };
+
+//# sourceMappingURL=button.js.map

package/dist/browser/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["<dom.button\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"onClick\"),\n        interaction,\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      id={aria.buttonProps.id ?? id}\n      type={\n        props.isPending === true && props.type === \"submit\"\n          ? \"button\"\n          : (props.type ?? \"button\")\n      }\n      ref={(element: HTMLButtonElement) => {\n        setRef(element);\n      }}\n      aria-labelledby={label()}\n      aria-disabled={\n        props.isPending === true ? \"true\" : aria.buttonProps[\"aria-disabled\"]\n      }\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-pending={props.isPending ?? undefined}\n      data-pressed={values.isPressed || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <ProgressBarContext value={{ id: progressId }}>\n        {render.children}\n      </ProgressBarContext>\n    </dom.button>","dom.button","props.isPending === true && props.type === \"submit\"\n          ? \"button\"\n          : (props.type ?? \"button\")","ref={(element: HTMLButtonElement) => {\n        setRef(element);\n      }}","props.isPending === true ? \"true\" : aria.buttonProps[\"aria-disabled\"]","<ProgressBarContext value={{ id: progressId }}>\n        {render.children}\n      </ProgressBarContext>","value={{ id: progressId }}","mergeProps","_$createComponent","_$mergeProps","_$memo"],"sources":["../../src/button.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/Button.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 { createButton } from \"@solid2-aria/core/button/create-button\";\nimport type { AriaButtonProps } from \"@solid2-aria/core/button/create-button\";\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { announce } from \"@solid2-aria/core/live-announcer/live-announcer\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { readProperty } from \"@solid2-aria/core/utils/read-property\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createContext,\n  createEffect,\n  createUniqueId,\n  omit,\n} from \"solid-js\";\n\nimport { ProgressBarContext } from \"./progress-bar\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface ButtonRenderProps {\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isPending: boolean;\n}\n\nexport interface ButtonProps\n  extends\n    Omit<AriaButtonProps, \"children\" | \"elementType\">,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ButtonRenderProps, \"button\"> {\n  isPending?: boolean;\n  isPressed?: boolean;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport function Button(input: ButtonProps): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ButtonContext\n  );\n\n  const aria = createButton(props, ref);\n  const focus = createFocusRing(props);\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return props.isDisabled === true || props.isPending === true;\n      },\n    })\n  );\n\n  const values: ButtonRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\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 isPending() {\n      return props.isPending === true;\n    },\n    get isPressed() {\n      return (\n        (props.isPressed === true || aria.isPressed) &&\n        !(props.isPending === true)\n      );\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Button\", values })\n  );\n\n  const id = createUniqueId();\n  const progressId = createUniqueId();\n\n  const label = () => {\n    const labelledBy = aria.buttonProps[\"aria-labelledby\"];\n\n    if (props.isPending !== true) {\n      return labelledBy;\n    }\n\n    if (isTruthy(labelledBy)) {\n      return `${labelledBy} ${progressId}`;\n    }\n\n    return isTruthy(aria.buttonProps[\"aria-label\"])\n      ? `${aria.buttonProps.id ?? id} ${progressId}`\n      : undefined;\n  };\n\n  createEffect(\n    () => ({\n      focused: focus.isFocused,\n      label: label(),\n      pending: props.isPending,\n    }),\n    (next, prev) => {\n      if (prev && next.pending !== prev.pending && next.focused) {\n        const buttonId =\n          typeof aria.buttonProps.id === \"string\" ? aria.buttonProps.id : id;\n\n        const labelledBy =\n          typeof next.label === \"string\" && next.label.length > 0\n            ? next.label\n            : buttonId;\n\n        announce({ \"aria-labelledby\": labelledBy }, \"assertive\");\n      }\n    }\n  );\n\n  const interaction = new Proxy(\n    {},\n    {\n      get(target, key): ReturnType<typeof readProperty> {\n        if (\n          props.isPending === true &&\n          typeof key === \"string\" &&\n          key.startsWith(\"on\") &&\n          !/Focus|Blur|Hover|Pointer(?:Enter|Leave|Over|Out)|Mouse(?:Enter|Leave|Over|Out)/u.test(\n            key\n          )\n        ) {\n          return undefined;\n        }\n\n        return readProperty(aria.buttonProps, key);\n      },\n      getOwnPropertyDescriptor() {\n        return { configurable: true, enumerable: true };\n      },\n      has(_target, key) {\n        return key in aria.buttonProps;\n      },\n      ownKeys() {\n        return Reflect.ownKeys(aria.buttonProps);\n      },\n    }\n  );\n\n  return (\n    <dom.button\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"onClick\"),\n        interaction,\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      id={aria.buttonProps.id ?? id}\n      type={\n        props.isPending === true && props.type === \"submit\"\n          ? \"button\"\n          : (props.type ?? \"button\")\n      }\n      ref={(element: HTMLButtonElement) => {\n        setRef(element);\n      }}\n      aria-labelledby={label()}\n      aria-disabled={\n        props.isPending === true ? \"true\" : aria.buttonProps[\"aria-disabled\"]\n      }\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-pending={props.isPending ?? undefined}\n      data-pressed={values.isPressed || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <ProgressBarContext value={{ id: progressId }}>\n        {render.children}\n      </ProgressBarContext>\n    </dom.button>\n  );\n}\n"],"mappings":"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"}