@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/navigation-tree.d.ts

@@ -0,0 +1,54 @@
+/*
+ * Copyright 2026 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/NavigationTree.tsx.
+ * Modified for Solid Aria: route synchronization, link slots and render values use Solid contexts and reactive getters; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ChildrenOrFunction, ClassOrFunction, ContextValue, Ref, StyleRenderProps } from "./utils.js";
+import { TreeHeaderProps, TreeItemProps, TreeItemRenderProps, TreeProps, TreeRenderProps, TreeSectionProps } from "./tree.js";
+import { JSX } from "@solidjs/web";
+export type NavigationTreeRenderProps = Pick<TreeRenderProps, "isEmpty" | "isFocused" | "isFocusVisible" | "state">;
+export interface NavigationTreeProps<T> extends Omit<TreeProps<T>, "selectionMode" | "selectionBehavior" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange" | "disallowEmptySelection" | "disabledBehavior" | "keyboardNavigationBehavior" | "escapeKeyBehavior" | "shouldSelectOnPressUp" | "dragAndDropHooks" | "renderEmptyState" | "onAction" | "class" | "style" | "render">, StyleRenderProps<NavigationTreeRenderProps> {
+  class?: ClassOrFunction<NavigationTreeRenderProps>;
+  selectedRoute?: string | null;
+}
+export interface NavigationTreeItemRenderProps extends TreeItemRenderProps {
+  isCurrent: boolean;
+  isCurrentAncestor: boolean;
+}
+export interface NavigationTreeItemProps<T = object> extends Omit<TreeItemProps<T>, "class" | "style" | "render" | "onAction" | "allowsArrowNavigation" | "value">, StyleRenderProps<NavigationTreeItemRenderProps> {
+  class?: ClassOrFunction<NavigationTreeItemRenderProps>;
+  children: JSX.Element;
+}
+export type NavigationTreeItemContentRenderProps = NavigationTreeItemRenderProps;
+export interface NavigationTreeItemContentProps {
+  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;
+}
+export type NavigationTreeSectionProps<T> = Omit<TreeSectionProps<T>, "value">;
+export type NavigationTreeHeaderProps = TreeHeaderProps;
+export declare const NavigationTreeContext: import("solid-js").Context<ContextValue<NavigationTreeProps<any>, HTMLDivElement>>;
+export declare const NavigationTreeItemStateContext: import("solid-js").Context<{
+  isCurrentAncestor: boolean;
+}>;
+export declare function NavigationTree<T>(input: NavigationTreeProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+export declare function NavigationTreeItem<T>(props: NavigationTreeItemProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+export declare function NavigationTreeItemContent(props: NavigationTreeItemContentProps): JSX.Element;
+export declare function NavigationTreeSection<T>(props: NavigationTreeSectionProps<T>): JSX.Element;
+export declare function NavigationTreeHeader(props: NavigationTreeHeaderProps & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+//# sourceMappingURL=navigation-tree.d.ts.map

package/dist/browser/navigation-tree.js

@@ -0,0 +1,233 @@
+/*
+ * Copyright 2026 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/NavigationTree.tsx.
+ * Modified for Solid Aria: route synchronization, link slots and render values use Solid contexts and reactive getters; 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, dom } from "./utils.js";
+import { LinkContext } from "./link.js";
+import { Tree, TreeHeader, TreeItem, TreeItemContent, TreeSection } from "./tree.js";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createEffect, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { isPresent } from "@solid2-aria/core/utils/is-present";
+import { getNodeProps } from "@solid2-aria/stately/utils/get-node-props";
+// src/navigation-tree.tsx
+const NavigationTreeContext = createContext(null);
+const NavigationTreeItemStateContext = createContext({ isCurrentAncestor: false });
+const RouteContext = createContext({});
+const ItemLinkContext = createContext({
+	isCurrent: false,
+	isLinkFocused: false,
+	setLinkFocused: () => {}
+});
+function NavigationTree(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), NavigationTreeContext);
+	return createComponent(RouteContext, {
+		value: {
+			get selectedRoute() {
+				return props.selectedRoute;
+			},
+			syncedRoute: void 0
+		},
+		get children() {
+			return createComponent(Tree, mergeProps(() => {
+				return omit(props, "selectedRoute");
+			}, {
+				ref: (element) => {
+					setRef(element);
+				},
+				get "class"() {
+					return props.class ?? "solid2-aria-NavigationTree";
+				},
+				selectionMode: "none",
+				keyboardNavigationBehavior: "tab"
+			}));
+		}
+	});
+}
+function selectedAncestors(state, route) {
+	const result = /* @__PURE__ */ new Set();
+	if (!isPresent(route)) return result;
+	for (const key of state.collection.getKeys()) if (getNodeProps(state.collection.getItem(key)).href === route) {
+		let node = state.collection.getItem(key);
+		while (isPresent(node?.parentKey) && !result.has(node.parentKey)) {
+			result.add(node.parentKey);
+			node = state.collection.getItem(node.parentKey);
+		}
+		break;
+	}
+	return result;
+}
+function NavigationTreeItem(props) {
+	const route = useContext(RouteContext);
+	const [focused, setFocused] = createSignal(false);
+	const link = mergeProps$1(props, {
+		get isCurrent() {
+			return isTruthy(props.href) && props.href === route.selectedRoute;
+		},
+		get isLinkFocused() {
+			return focused();
+		},
+		setLinkFocused: setFocused
+	});
+	const values = (tree) => mergeProps$1(tree, {
+		get isCurrent() {
+			return link.isCurrent;
+		},
+		get isCurrentAncestor() {
+			return selectedAncestors(tree.state, route.selectedRoute).has(tree.id);
+		},
+		get isFocusVisible() {
+			return tree.isFocusVisible || tree.isFocusVisibleWithin && focused();
+		}
+	});
+	return createComponent(ItemLinkContext, {
+		value: link,
+		get children() {
+			return createComponent(TreeItem, mergeProps(() => {
+				return omit(props, "class", "style", "render", "ref");
+			}, {
+				ref: (element) => {
+					assignRef(untrack(() => props.ref), element);
+				},
+				get focusMode() {
+					return isTruthy(props.href) ? "child" : void 0;
+				},
+				allowsArrowNavigation: true,
+				get "data-current"() {
+					return link.isCurrent || void 0;
+				},
+				class: (state) => {
+					const classValue = props.class;
+					return typeof classValue === "function" ? classValue(mergeProps$1(values(state), { get defaultClass() {
+						return state.defaultClass;
+					} })) : classValue ?? "solid2-aria-NavigationTreeItem";
+				},
+				style: (state) => {
+					if (typeof props.style === "function") return props.style(mergeProps$1(values(state), { get defaultStyle() {
+						return state.defaultStyle;
+					} }));
+					return typeof props.style === "object" ? props.style : void 0;
+				},
+				render: (domProps, state) => {
+					const value = values(state);
+					const content = createComponent(NavigationTreeItemStateContext, {
+						value,
+						get children() {
+							return domProps.children;
+						}
+					});
+					const forwarded = mergeProps$1(domProps, {
+						children: content,
+						"data-current": value.isCurrent || void 0,
+						"data-current-ancestor": value.isCurrentAncestor || void 0,
+						"data-focus-visible": value.isFocusVisible || void 0
+					});
+					return props.render ? props.render(forwarded, value) : createComponent(dom.div, forwarded);
+				}
+			}));
+		}
+	});
+}
+function NavigationTreeItemContent(props) {
+	const link = useContext(ItemLinkContext);
+	const route = useContext(RouteContext);
+	return createComponent(TreeItemContent, { children: (tree) => createComponent(NavigationTreeContentInner, {
+		tree,
+		link,
+		route,
+		get children() {
+			return props.children;
+		}
+	}) });
+}
+function NavigationTreeContentInner(props) {
+	const ancestor = useContext(NavigationTreeItemStateContext);
+	createEffect(() => {
+		const routeContext = props.route;
+		const route = routeContext.selectedRoute;
+		const { state } = props.tree;
+		const manager = state.selectionManager;
+		let target;
+		if (isPresent(route) && routeContext.syncedRoute !== route) {
+			for (const key of state.collection.getKeys()) if (getNodeProps(state.collection.getItem(key)).href === route) {
+				target = key;
+				let node = state.collection.getItem(key);
+				while (isPresent(node?.parentKey)) {
+					const parent = state.collection.getItem(node.parentKey);
+					if (parent?.type === "item" && !state.expandedKeys.has(node.parentKey)) target = node.parentKey;
+					node = parent;
+				}
+				break;
+			}
+		}
+		return {
+			manager,
+			route,
+			routeContext,
+			target
+		};
+	}, (next) => {
+		if (next.target !== void 0 && isPresent(next.route)) {
+			next.routeContext.syncedRoute = next.route;
+			next.manager.setFocusedKey(next.target);
+		}
+	});
+	const values = mergeProps$1(merge(() => props.tree ?? {}), {
+		defaultChildren: void 0,
+		get isCurrent() {
+			return props.link.isCurrent;
+		},
+		get isCurrentAncestor() {
+			return ancestor.isCurrentAncestor;
+		},
+		get isFocusVisible() {
+			return props.tree.isFocusVisible || props.tree.isFocusVisibleWithin && props.link.isLinkFocused;
+		}
+	});
+	return createComponent(LinkContext, {
+		get value() {
+			return mergeProps$1(omit(props.link, "isCurrent", "isLinkFocused", "setLinkFocused"), {
+				get "aria-current"() {
+					return props.link.isCurrent ? "page" : void 0;
+				},
+				get onFocusChange() {
+					return props.link.setLinkFocused;
+				},
+				onPress: () => {
+					if (!isTruthy(props.link.href) && props.tree.hasChildItems) props.tree.state.toggleKey(props.tree.id);
+				}
+			});
+		},
+		get children() {
+			return memo(() => {
+				return typeof props.children === "function";
+			})() ? props.children(values) : props.children;
+		}
+	});
+}
+function NavigationTreeSection(props) {
+	return createComponent(TreeSection, props);
+}
+function NavigationTreeHeader(props) {
+	return createComponent(TreeHeader, mergeProps(() => {
+		return omit(props, "ref");
+	}, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+export { NavigationTree, NavigationTreeContext, NavigationTreeHeader, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeItemStateContext, NavigationTreeSection };
+
+//# sourceMappingURL=navigation-tree.js.map

package/dist/browser/navigation-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-tree.js","names":["<RouteContext value={route}>\n      <Tree\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"selectedRoute\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        class={props.class ?? \"solid2-aria-NavigationTree\"}\n        selectionMode=\"none\"\n        keyboardNavigationBehavior=\"tab\"\n      />\n    </RouteContext>","value={route}","<Tree\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"selectedRoute\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        class={props.class ?? \"solid2-aria-NavigationTree\"}\n        selectionMode=\"none\"\n        keyboardNavigationBehavior=\"tab\"\n      />","ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}","selectionMode=\"none\"","keyboardNavigationBehavior=\"tab\"","<ItemLinkContext value={link}>\n      <TreeItem\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"class\", \"style\", \"render\", \"ref\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        }}\n        focusMode={isTruthy(props.href) ? \"child\" : undefined}\n        allowsArrowNavigation\n        data-current={link.isCurrent || undefined}\n        class={(state) => {\n          const classValue = props.class;\n\n          return typeof classValue === \"function\"\n            ? classValue(\n                mergeProps(values(state), {\n                  get defaultClass() {\n                    return state.defaultClass;\n                  },\n                })\n              )\n            : (classValue ?? \"solid2-aria-NavigationTreeItem\");\n        }}\n        style={(state) => {\n          if (typeof props.style === \"function\") {\n            return props.style(\n              mergeProps(values(state), {\n                get defaultStyle() {\n                  return state.defaultStyle;\n                },\n              })\n            );\n          }\n\n          return typeof props.style === \"object\" ? props.style : undefined;\n        }}\n        render={(domProps, state) => {\n          const value = values(state);\n\n          const content = (\n            <NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>\n          );\n\n          const forwarded = mergeProps(domProps, {\n            children: content,\n            \"data-current\": value.isCurrent || undefined,\n            \"data-current-ancestor\": value.isCurrentAncestor || undefined,\n            \"data-focus-visible\": value.isFocusVisible || undefined,\n          });\n\n          return props.render ? (\n            props.render(forwarded, value)\n          ) : (\n            <dom.div {...forwarded} />\n          );\n        }}\n      />\n    </ItemLinkContext>","value={link}","<TreeItem\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"class\", \"style\", \"render\", \"ref\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        }}\n        focusMode={isTruthy(props.href) ? \"child\" : undefined}\n        allowsArrowNavigation\n        data-current={link.isCurrent || undefined}\n        class={(state) => {\n          const classValue = props.class;\n\n          return typeof classValue === \"function\"\n            ? classValue(\n                mergeProps(values(state), {\n                  get defaultClass() {\n                    return state.defaultClass;\n                  },\n                })\n              )\n            : (classValue ?? \"solid2-aria-NavigationTreeItem\");\n        }}\n        style={(state) => {\n          if (typeof props.style === \"function\") {\n            return props.style(\n              mergeProps(values(state), {\n                get defaultStyle() {\n                  return state.defaultStyle;\n                },\n              })\n            );\n          }\n\n          return typeof props.style === \"object\" ? props.style : undefined;\n        }}\n        render={(domProps, state) => {\n          const value = values(state);\n\n          const content = (\n            <NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>\n          );\n\n          const forwarded = mergeProps(domProps, {\n            children: content,\n            \"data-current\": value.isCurrent || undefined,\n            \"data-current-ancestor\": value.isCurrentAncestor || undefined,\n            \"data-focus-visible\": value.isFocusVisible || undefined,\n          });\n\n          return props.render ? (\n            props.render(forwarded, value)\n          ) : (\n            <dom.div {...forwarded} />\n          );\n        }}\n      />","ref={(element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        }}","class={(state) => {\n          const classValue = props.class;\n\n          return typeof classValue === \"function\"\n            ? classValue(\n                mergeProps(values(state), {\n                  get defaultClass() {\n                    return state.defaultClass;\n                  },\n                })\n              )\n            : (classValue ?? \"solid2-aria-NavigationTreeItem\");\n        }}","style={(state) => {\n          if (typeof props.style === \"function\") {\n            return props.style(\n              mergeProps(values(state), {\n                get defaultStyle() {\n                  return state.defaultStyle;\n                },\n              })\n            );\n          }\n\n          return typeof props.style === \"object\" ? props.style : undefined;\n        }}","render={(domProps, state) => {\n          const value = values(state);\n\n          const content = (\n            <NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>\n          );\n\n          const forwarded = mergeProps(domProps, {\n            children: content,\n            \"data-current\": value.isCurrent || undefined,\n            \"data-current-ancestor\": value.isCurrentAncestor || undefined,\n            \"data-focus-visible\": value.isFocusVisible || undefined,\n          });\n\n          return props.render ? (\n            props.render(forwarded, value)\n          ) : (\n            <dom.div {...forwarded} />\n          );\n        }}","<NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>","<dom.div {...forwarded} />","dom.div","<TreeItemContent>\n      {(tree) => (\n        <NavigationTreeContentInner tree={tree} link={link} route={route}>\n          {props.children}\n        </NavigationTreeContentInner>\n      )}\n    </TreeItemContent>","<NavigationTreeContentInner tree={tree} link={link} route={route}>\n          {props.children}\n        </NavigationTreeContentInner>","<LinkContext\n      value={mergeProps(\n        omit(props.link, \"isCurrent\", \"isLinkFocused\", \"setLinkFocused\"),\n        {\n          get \"aria-current\"() {\n            return props.link.isCurrent ? \"page\" : undefined;\n          },\n          get onFocusChange() {\n            return props.link.setLinkFocused;\n          },\n          onPress: () => {\n            if (!isTruthy(props.link.href) && props.tree.hasChildItems) {\n              props.tree.state.toggleKey(props.tree.id);\n            }\n          },\n        }\n      )}\n    >\n      {typeof props.children === \"function\"\n        ? props.children(values)\n        : props.children}\n    </LinkContext>","{typeof props.children === \"function\"\n        ? props.children(values)\n        : props.children}","<TreeSection {...props} />","<TreeHeader\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","_$createComponent","_$mergeProps","mergeProps","_$memo"],"sources":["../../src/navigation-tree.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/NavigationTree.tsx.\n * Modified for Solid Aria: route synchronization, link slots and render values use Solid contexts and reactive getters; 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 { isPresent } from \"@solid2-aria/core/utils/is-present\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { TreeState } from \"@solid2-aria/stately/tree/create-tree-state\";\nimport { getNodeProps } from \"@solid2-aria/stately/utils/get-node-props\";\nimport type { Key, LinkDOMProps } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createContext,\n  useContext,\n  createSignal,\n  createEffect,\n  omit,\n} from \"solid-js\";\n\nimport { LinkContext } from \"./link\";\nimport {\n  Tree,\n  TreeItem,\n  TreeItemContent,\n  TreeSection,\n  TreeHeader,\n} from \"./tree\";\nimport type {\n  TreeProps,\n  TreeItemProps,\n  TreeItemRenderProps,\n  TreeRenderProps,\n  TreeSectionProps,\n  TreeHeaderProps,\n} from \"./tree\";\nimport { assignRef, dom, createContextProps } from \"./utils\";\nimport type {\n  Ref,\n  ContextValue,\n  ClassOrFunction,\n  StyleRenderProps,\n  ChildrenOrFunction,\n} from \"./utils\";\n\nexport type NavigationTreeRenderProps = Pick<\n  TreeRenderProps,\n  \"isEmpty\" | \"isFocused\" | \"isFocusVisible\" | \"state\"\n>;\n\nexport interface NavigationTreeProps<T>\n  extends\n    Omit<\n      TreeProps<T>,\n      | \"selectionMode\"\n      | \"selectionBehavior\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disallowEmptySelection\"\n      | \"disabledBehavior\"\n      | \"keyboardNavigationBehavior\"\n      | \"escapeKeyBehavior\"\n      | \"shouldSelectOnPressUp\"\n      | \"dragAndDropHooks\"\n      | \"renderEmptyState\"\n      | \"onAction\"\n      | \"class\"\n      | \"style\"\n      | \"render\"\n    >,\n    StyleRenderProps<NavigationTreeRenderProps> {\n  class?: ClassOrFunction<NavigationTreeRenderProps>;\n\n  selectedRoute?: string | null;\n}\n\nexport interface NavigationTreeItemRenderProps extends TreeItemRenderProps {\n  isCurrent: boolean;\n\n  isCurrentAncestor: boolean;\n}\n\nexport interface NavigationTreeItemProps<T = object>\n  extends\n    Omit<\n      TreeItemProps<T>,\n      | \"class\"\n      | \"style\"\n      | \"render\"\n      | \"onAction\"\n      | \"allowsArrowNavigation\"\n      | \"value\"\n    >,\n    StyleRenderProps<NavigationTreeItemRenderProps> {\n  class?: ClassOrFunction<NavigationTreeItemRenderProps>;\n\n  children: JSX.Element;\n}\n\nexport type NavigationTreeItemContentRenderProps =\n  NavigationTreeItemRenderProps;\n\nexport interface NavigationTreeItemContentProps {\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}\n\nexport type NavigationTreeSectionProps<T> = Omit<TreeSectionProps<T>, \"value\">;\n\nexport type NavigationTreeHeaderProps = TreeHeaderProps;\n\nexport const NavigationTreeContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- The collection owner and its descendants share one item type through this context.\n  createContext<ContextValue<NavigationTreeProps<any>, HTMLDivElement>>(null);\n\nexport const NavigationTreeItemStateContext = createContext<{\n  isCurrentAncestor: boolean;\n}>({ isCurrentAncestor: false });\n\ninterface NavigationRoute {\n  selectedRoute?: string | null;\n  syncedRoute?: string;\n}\n\nconst RouteContext = createContext<NavigationRoute>({});\n\nconst ItemLinkContext = createContext<\n  LinkDOMProps & {\n    isCurrent: boolean;\n    isLinkFocused: boolean;\n    setLinkFocused: (value: boolean) => void;\n  }\n>({\n  isCurrent: false,\n  isLinkFocused: false,\n  setLinkFocused: () => {\n    /* empty */\n  },\n});\n\nexport function NavigationTree<T>(\n  input: NavigationTreeProps<T> & { ref?: Ref<HTMLDivElement> }\n) {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    NavigationTreeContext\n  );\n\n  const route: NavigationRoute = {\n    get selectedRoute() {\n      return props.selectedRoute;\n    },\n    syncedRoute: undefined,\n  };\n\n  return (\n    <RouteContext value={route}>\n      <Tree\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"selectedRoute\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        class={props.class ?? \"solid2-aria-NavigationTree\"}\n        selectionMode=\"none\"\n        keyboardNavigationBehavior=\"tab\"\n      />\n    </RouteContext>\n  );\n}\n\nfunction selectedAncestors(\n  state: TreeState<unknown>,\n  route: string | null | undefined\n): Set<Key> {\n  const result = new Set<Key>();\n\n  if (!isPresent(route)) {\n    return result;\n  }\n\n  for (const key of state.collection.getKeys()) {\n    if (getNodeProps(state.collection.getItem(key)).href === route) {\n      let node = state.collection.getItem(key);\n\n      while (isPresent(node?.parentKey) && !result.has(node.parentKey)) {\n        result.add(node.parentKey);\n        node = state.collection.getItem(node.parentKey);\n      }\n\n      break;\n    }\n  }\n\n  return result;\n}\n\nexport function NavigationTreeItem<T>(\n  props: NavigationTreeItemProps<T> & { ref?: Ref<HTMLDivElement> }\n) {\n  const route = useContext(RouteContext);\n  const [focused, setFocused] = createSignal(false);\n\n  const link = mergeProps(props, {\n    get isCurrent() {\n      return isTruthy(props.href) && props.href === route.selectedRoute;\n    },\n    get isLinkFocused() {\n      return focused();\n    },\n    setLinkFocused: setFocused,\n  });\n\n  const values = (tree: TreeItemRenderProps): NavigationTreeItemRenderProps =>\n    mergeProps(tree, {\n      get isCurrent() {\n        return link.isCurrent;\n      },\n      get isCurrentAncestor() {\n        return selectedAncestors(tree.state, route.selectedRoute).has(tree.id);\n      },\n      get isFocusVisible() {\n        return tree.isFocusVisible || (tree.isFocusVisibleWithin && focused());\n      },\n    });\n\n  return (\n    <ItemLinkContext value={link}>\n      <TreeItem\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"class\", \"style\", \"render\", \"ref\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        }}\n        focusMode={isTruthy(props.href) ? \"child\" : undefined}\n        allowsArrowNavigation\n        data-current={link.isCurrent || undefined}\n        class={(state) => {\n          const classValue = props.class;\n\n          return typeof classValue === \"function\"\n            ? classValue(\n                mergeProps(values(state), {\n                  get defaultClass() {\n                    return state.defaultClass;\n                  },\n                })\n              )\n            : (classValue ?? \"solid2-aria-NavigationTreeItem\");\n        }}\n        style={(state) => {\n          if (typeof props.style === \"function\") {\n            return props.style(\n              mergeProps(values(state), {\n                get defaultStyle() {\n                  return state.defaultStyle;\n                },\n              })\n            );\n          }\n\n          return typeof props.style === \"object\" ? props.style : undefined;\n        }}\n        render={(domProps, state) => {\n          const value = values(state);\n\n          const content = (\n            <NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>\n          );\n\n          const forwarded = mergeProps(domProps, {\n            children: content,\n            \"data-current\": value.isCurrent || undefined,\n            \"data-current-ancestor\": value.isCurrentAncestor || undefined,\n            \"data-focus-visible\": value.isFocusVisible || undefined,\n          });\n\n          return props.render ? (\n            props.render(forwarded, value)\n          ) : (\n            <dom.div {...forwarded} />\n          );\n        }}\n      />\n    </ItemLinkContext>\n  );\n}\n\nexport function NavigationTreeItemContent(\n  props: NavigationTreeItemContentProps\n) {\n  const link = useContext(ItemLinkContext);\n  const route = useContext(RouteContext);\n\n  return (\n    <TreeItemContent>\n      {(tree) => (\n        <NavigationTreeContentInner tree={tree} link={link} route={route}>\n          {props.children}\n        </NavigationTreeContentInner>\n      )}\n    </TreeItemContent>\n  );\n}\n\nfunction NavigationTreeContentInner(props: {\n  tree: TreeItemRenderProps;\n  link: LinkDOMProps & {\n    isCurrent: boolean;\n    isLinkFocused: boolean;\n    setLinkFocused: (value: boolean) => void;\n  };\n  route: { selectedRoute?: string | null; syncedRoute?: string };\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}) {\n  const ancestor = useContext(NavigationTreeItemStateContext);\n  createEffect(\n    () => {\n      const routeContext = props.route;\n      const route = routeContext.selectedRoute;\n      const { state } = props.tree;\n      const manager = state.selectionManager;\n      let target: Key | undefined;\n\n      if (isPresent(route) && routeContext.syncedRoute !== route) {\n        for (const key of state.collection.getKeys()) {\n          if (getNodeProps(state.collection.getItem(key)).href === route) {\n            target = key;\n            let node = state.collection.getItem(key);\n\n            while (isPresent(node?.parentKey)) {\n              const parent = state.collection.getItem(node.parentKey);\n\n              if (\n                parent?.type === \"item\" &&\n                !state.expandedKeys.has(node.parentKey)\n              ) {\n                target = node.parentKey;\n              }\n\n              node = parent;\n            }\n\n            break;\n          }\n        }\n      }\n\n      return { manager, route, routeContext, target };\n    },\n    (next) => {\n      if (next.target !== undefined && isPresent(next.route)) {\n        next.routeContext.syncedRoute = next.route;\n        next.manager.setFocusedKey(next.target);\n      }\n    }\n  );\n\n  const values = mergeProps(\n    merge(() => props.tree ?? {}),\n    {\n      defaultChildren: undefined,\n      get isCurrent() {\n        return props.link.isCurrent;\n      },\n      get isCurrentAncestor() {\n        return ancestor.isCurrentAncestor;\n      },\n      get isFocusVisible() {\n        return (\n          props.tree.isFocusVisible ||\n          (props.tree.isFocusVisibleWithin && props.link.isLinkFocused)\n        );\n      },\n    }\n  );\n\n  return (\n    <LinkContext\n      value={mergeProps(\n        omit(props.link, \"isCurrent\", \"isLinkFocused\", \"setLinkFocused\"),\n        {\n          get \"aria-current\"() {\n            return props.link.isCurrent ? \"page\" : undefined;\n          },\n          get onFocusChange() {\n            return props.link.setLinkFocused;\n          },\n          onPress: () => {\n            if (!isTruthy(props.link.href) && props.tree.hasChildItems) {\n              props.tree.state.toggleKey(props.tree.id);\n            }\n          },\n        }\n      )}\n    >\n      {typeof props.children === \"function\"\n        ? props.children(values)\n        : props.children}\n    </LinkContext>\n  );\n}\n\nexport function NavigationTreeSection<T>(props: NavigationTreeSectionProps<T>) {\n  return <TreeSection {...props} />;\n}\n\nexport function NavigationTreeHeader(\n  props: NavigationTreeHeaderProps & { ref?: Ref<HTMLDivElement> }\n) {\n  return (\n    <TreeHeader\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/browser/number-field.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/NumberField.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, RACValidation, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { AriaNumberFieldProps } from "@solid2-aria/core/numberfield/create-number-field";
+import { NumberFieldState } from "@solid2-aria/stately/numberfield/create-number-field-state";
+import { InputDOMProps } from "@solid2-aria/types-shared";
+import { GlobalDOMAttributes } from "@solid2-aria/types-shared-web";
+export interface NumberFieldRenderProps {
+  isDisabled: boolean;
+  isInvalid: boolean;
+  isReadOnly: boolean;
+  isRequired: boolean;
+  state: NumberFieldState;
+}
+export interface NumberFieldProps extends Omit<AriaNumberFieldProps, "label" | "placeholder" | "description" | "errorMessage" | "validationState" | "validationBehavior">, RACValidation, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const NumberFieldContext: import("solid-js").Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
+export declare const NumberFieldStateContext: import("solid-js").Context<NumberFieldState | null>;
+export declare function NumberField(input: NumberFieldProps): JSX.Element;
+//# sourceMappingURL=number-field.d.ts.map

package/dist/browser/number-field.js

@@ -0,0 +1,179 @@
+/*
+ * 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/NumberField.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; 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, createSlot, createSlottedContext, dom, removeDataAttributes } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { ButtonContext } from "./button.js";
+import { TextContext } from "./text.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import { GroupContext } from "./group.js";
+import { InputContext } from "./input.js";
+import { createComponent, effect, getNextElement, memo, mergeProps, setAttribute, setProperty, template } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { createNumberField } from "@solid2-aria/core/numberfield/create-number-field";
+import { createNumberFieldState } from "@solid2-aria/stately/numberfield/create-number-field-state";
+// src/number-field.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<input type=hidden>`);
+const NumberFieldContext = createContext(null);
+const NumberFieldStateContext = createContext(null);
+function NumberField(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), NumberFieldContext);
+	const locale = createLocale();
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps$1(props, {
+		get locale() {
+			return locale.locale;
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createNumberFieldState(options);
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createNumberField(mergeProps$1(removeDataAttributes(options), { get label() {
+		return label();
+	} }), state, inputRef);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-NumberField",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isInvalid() {
+				return aria.isInvalid;
+			},
+			get isReadOnly() {
+				return props.isReadOnly ?? false;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return createComponent(NumberFieldStateContext, {
+		value: state,
+		get children() {
+			return createComponent(GroupContext, {
+				get value() {
+					return merge(() => aria.groupProps);
+				},
+				get children() {
+					return createComponent(InputContext, {
+						get value() {
+							return mergeProps$1(merge(() => aria.inputProps), { ref: (element) => {
+								setInputRef(element);
+							} });
+						},
+						get children() {
+							return createComponent(LabelContext, {
+								get value() {
+									return mergeProps$1(merge(() => aria.labelProps), { registerSlot: registerLabel });
+								},
+								get children() {
+									return createComponent(ButtonContext, {
+										value: { slots: {
+											get decrement() {
+												return aria.decrementButtonProps;
+											},
+											get increment() {
+												return aria.incrementButtonProps;
+											}
+										} },
+										get children() {
+											return createComponent(TextContext, {
+												value: { slots: {
+													get description() {
+														return aria.descriptionProps;
+													},
+													get errorMessage() {
+														return aria.errorMessageProps;
+													}
+												} },
+												get children() {
+													return createComponent(FieldErrorContext, {
+														value: aria,
+														get children() {
+															return [createComponent(dom.div, mergeProps(() => {
+																return omit(filterDOMProps(props, { global: true }), "id");
+															}, render, {
+																ref: (element) => {
+																	setRef(element);
+																},
+																get slot() {
+																	return memo(() => {
+																		return !!(typeof props.slot === "string" && props.slot.length > 0);
+																	})() ? props.slot : void 0;
+																},
+																get "data-disabled"() {
+																	return props.isDisabled === true ? true : void 0;
+																},
+																get "data-readonly"() {
+																	return props.isReadOnly === true ? true : void 0;
+																},
+																get "data-required"() {
+																	return props.isRequired === true ? true : void 0;
+																},
+																get "data-invalid"() {
+																	return aria.isInvalid || void 0;
+																},
+																get children() {
+																	return render.children;
+																}
+															})), memo(() => {
+																return memo(() => {
+																	return (props.name?.length ?? 0) > 0;
+																})() && (() => {
+																	var _el$ = getNextElement(_tmpl$);
+																	effect(() => {
+																		return {
+																			e: props.name,
+																			t: props.form,
+																			a: Number.isNaN(state.numberValue) ? "" : state.numberValue,
+																			o: props.isDisabled
+																		};
+																	}, ({ e, t, a, o }, _p$) => {
+																		e !== _p$?.e && setAttribute(_el$, "name", e);
+																		t !== _p$?.t && setAttribute(_el$, "form", t);
+																		setProperty(_el$, "value", a);
+																		o !== _p$?.o && setAttribute(_el$, "disabled", o);
+																	});
+																	return _el$;
+																})();
+															})];
+														}
+													});
+												}
+											});
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+export { NumberField, NumberFieldContext, NumberFieldStateContext };
+
+//# sourceMappingURL=number-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["<NumberFieldStateContext value={state}>\n      <GroupContext\n        value={\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          merge(() => aria.groupProps)\n          // oxlint-enable solid/reactivity\n        }\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </NumberFieldStateContext>","value={state}","<GroupContext\n        value={\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          merge(() => aria.groupProps)\n          // oxlint-enable solid/reactivity\n        }\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>","<InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>\n        </InputContext>","<LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>","<ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>","value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}","<TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>","value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}","<FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>","value={aria}","<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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n                      setRef(element);\n                    }}","typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined","{(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}","form={props.form}","value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }","disabled={props.isDisabled}","mergeProps","_$createComponent","_$mergeProps","_$memo","_$getNextElement","_$setAttribute"],"sources":["../../src/number-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/NumberField.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { createNumberField } from \"@solid2-aria/core/numberfield/create-number-field\";\nimport type { AriaNumberFieldProps } from \"@solid2-aria/core/numberfield/create-number-field\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createNumberFieldState } from \"@solid2-aria/stately/numberfield/create-number-field-state\";\nimport type { NumberFieldState } from \"@solid2-aria/stately/numberfield/create-number-field-state\";\nimport type { InputDOMProps } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createSignal, merge, createContext, omit } from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { 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 {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n  removeDataAttributes,\n} from \"./utils\";\nimport type {\n  ContextValue,\n  RenderProps,\n  SlotProps,\n  Ref,\n  RACValidation,\n} from \"./utils\";\n\nexport interface NumberFieldRenderProps {\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n  state: NumberFieldState;\n}\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      | \"label\"\n      | \"placeholder\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    RACValidation,\n    InputDOMProps,\n    RenderProps<NumberFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\n\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(\n  null\n);\n\nexport function NumberField(input: NumberFieldProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    NumberFieldContext\n  );\n\n  const locale = createLocale();\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(props, {\n    get locale() {\n      return locale.locale;\n    },\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createNumberFieldState(options);\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createNumberField(\n    mergeProps(removeDataAttributes(options), {\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    inputRef\n  );\n\n  const values: NumberFieldRenderProps = {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isReadOnly() {\n      return props.isReadOnly ?? false;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-NumberField\", values })\n  );\n\n  return (\n    <NumberFieldStateContext value={state}>\n      <GroupContext\n        value={\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          merge(() => aria.groupProps)\n          // oxlint-enable solid/reactivity\n        }\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  <dom.div\n                    {\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={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </NumberFieldStateContext>\n  );\n}\n"],"mappings":"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"}