@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/preview-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-trigger.js","names":["<OverlayTriggerStateContext value={overlay}>\n      <PopoverContext\n        value={mergeProps(\n          merge(() => aria.popoverProps ?? {}),\n          {\n            isNonModal: true,\n            ref: (element: HTMLElement) => {\n              setPopoverRef(element);\n            },\n            get shouldSkipAnimation() {\n              return state.shouldSkipAnimation;\n            },\n            trigger: \"PreviewTrigger\",\n            triggerRef,\n          }\n        )}\n      >\n        <FocusableProvider\n          ref={(element: FocusableElement) => {\n            setTriggerRef(element);\n          }}\n          {...aria.triggerProps}\n        >\n          {props.children}\n        </FocusableProvider>\n      </PopoverContext>\n    </OverlayTriggerStateContext>","value={overlay}","<PopoverContext\n        value={mergeProps(\n          merge(() => aria.popoverProps ?? {}),\n          {\n            isNonModal: true,\n            ref: (element: HTMLElement) => {\n              setPopoverRef(element);\n            },\n            get shouldSkipAnimation() {\n              return state.shouldSkipAnimation;\n            },\n            trigger: \"PreviewTrigger\",\n            triggerRef,\n          }\n        )}\n      >\n        <FocusableProvider\n          ref={(element: FocusableElement) => {\n            setTriggerRef(element);\n          }}\n          {...aria.triggerProps}\n        >\n          {props.children}\n        </FocusableProvider>\n      </PopoverContext>","<FocusableProvider\n          ref={(element: FocusableElement) => {\n            setTriggerRef(element);\n          }}\n          {...aria.triggerProps}\n        >\n          {props.children}\n        </FocusableProvider>","ref={(element: FocusableElement) => {\n            setTriggerRef(element);\n          }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/preview-trigger.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/PreviewTrigger.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, warmup animation skipping, 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 { FocusableProvider } from \"@solid2-aria/core/interactions/create-focusable\";\nimport { createPreviewTrigger } from \"@solid2-aria/core/tooltip/create-preview-trigger\";\nimport type { AriaPreviewTriggerProps } from \"@solid2-aria/core/tooltip/create-preview-trigger\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { OverlayTriggerState } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport { createTooltipTriggerState } from \"@solid2-aria/stately/tooltip/create-tooltip-trigger-state\";\nimport type { FocusableElement } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, createSignal } from \"solid-js\";\n\nimport { OverlayTriggerStateContext } from \"./dialog\";\nimport { PopoverContext } from \"./popover\";\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  children?: JSX.Element;\n  delay?: number;\n  closeDelay?: number;\n}\n\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  const [triggerRef, setTriggerRef] = createSignal<FocusableElement | null>(\n    null,\n    {\n      ownedWrite: true,\n    }\n  );\n\n  const [popoverRef, setPopoverRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const state = createTooltipTriggerState(\n    mergeProps(props, {\n      get closeDelay() {\n        return props.closeDelay ?? 200;\n      },\n      get delay() {\n        return props.delay ?? 600;\n      },\n    })\n  );\n\n  const aria = createPreviewTrigger(\n    mergeProps(props, { popoverRef, triggerRef }),\n    state\n  );\n\n  const overlay: OverlayTriggerState = {\n    close() {\n      state.close();\n    },\n    get isOpen() {\n      return state.isOpen;\n    },\n    open() {\n      state.open();\n    },\n    point: null,\n    setOpen(open) {\n      if (open) {\n        state.open();\n      } else {\n        state.close();\n      }\n    },\n    setPoint() {\n      /* empty */\n    },\n    toggle() {\n      if (state.isOpen) {\n        state.close();\n      } else {\n        state.open();\n      }\n    },\n  };\n\n  return (\n    <OverlayTriggerStateContext value={overlay}>\n      <PopoverContext\n        value={mergeProps(\n          merge(() => aria.popoverProps ?? {}),\n          {\n            isNonModal: true,\n            ref: (element: HTMLElement) => {\n              setPopoverRef(element);\n            },\n            get shouldSkipAnimation() {\n              return state.shouldSkipAnimation;\n            },\n            trigger: \"PreviewTrigger\",\n            triggerRef,\n          }\n        )}\n      >\n        <FocusableProvider\n          ref={(element: FocusableElement) => {\n            setTriggerRef(element);\n          }}\n          {...aria.triggerProps}\n        >\n          {props.children}\n        </FocusableProvider>\n      </PopoverContext>\n    </OverlayTriggerStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,eAAe,OAAyC;CACtE,MAAM,CAAC,YAAY,iBAAiB,aAClC,MACA,EACE,YAAY,KACd,CACF;CAEA,MAAM,CAAC,YAAY,iBAAiB,aAAiC,MAAM,EACzE,YAAY,KACd,CAAC;CAED,MAAM,QAAQ,0BACZK,aAAW,OAAO;EAChB,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,QAAQ;GACV,OAAO,MAAM,SAAS;EACxB;CACF,CAAC,CACH;CAEA,MAAM,OAAO,qBACXA,aAAW,OAAO;EAAE;EAAY;CAAW,CAAC,GAC5C,KACF;CAgCA,OACEL,gBAAAA,4BAAAA;EAA4BC,OAAO;GA9BnC,QAAQ;IACN,MAAM,MAAM;GACd;GACA,IAAI,SAAS;IACX,OAAO,MAAM;GACf;GACA,OAAO;IACL,MAAM,KAAK;GACb;GACA,OAAO;GACP,QAAQ,MAAM;IACZ,IAAI,MACF,MAAM,KAAK;SAEX,MAAM,MAAM;GAEhB;GACA,WAAW,CAEX;GACA,SAAS;IACP,IAAI,MAAM,QACR,MAAM,MAAM;SAEZ,MAAM,KAAK;GAEf;EAImC;EAAnC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,gBAAAA;IACE,IAAA,QAAA;KAAO,OAAAG,aACL,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC;MACE,YAAY;MACZ,MAAM,YAAyB;OAC7B,cAAc,OAAO;MACvB;MACA,IAAI,sBAAsB;OACxB,OAAO,MAAM;MACf;MACA,SAAS;MACT;KACF,CACF;IAAC;IAdH,IAAA,WAAA;KAgBEF,OAAAA,gBAAAA,mBAAAA,WAAAA,EACEC,MAAM,YAA8B;MAClC,cAAc,OAAO;KACvB,EAIiB,SAHjB;MAAI,OAAA,KAAK;KAAY,GAJvB,EAAA,IAAA,WAAA;MAMG,OAAA,MAAM;KACU,EAAA,CAAA,CAAA;IACL;;EACU;;AAEhC"}

package/dist/browser/progress-bar.d.ts

@@ -0,0 +1,30 @@
+/*
+ * 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/ProgressBar.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 { AriaProgressBarProps } from "@solid2-aria/core/progress/create-progress-bar";
+export interface ProgressBarRenderProps {
+  percentage: number;
+  valueText: string | undefined;
+  isIndeterminate: boolean;
+}
+export interface ProgressBarProps extends Omit<AriaProgressBarProps, "label">, SlotProps, RenderProps<ProgressBarRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const ProgressBarContext: import("solid-js").Context<ContextValue<ProgressBarProps, HTMLDivElement>>;
+export declare function ProgressBar(input: ProgressBarProps): JSX.Element;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/browser/progress-bar.js

@@ -0,0 +1,76 @@
+/*
+ * 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/ProgressBar.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, createSlot, dom } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createProgressBar } from "@solid2-aria/core/progress/create-progress-bar";
+// src/progress-bar.tsx
+const ProgressBarContext = createContext(null);
+function ProgressBar(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ProgressBarContext);
+	const [registerLabel, label] = createSlot(() => !isTruthy(props["aria-label"]) && !isTruthy(props["aria-labelledby"]));
+	const aria = createProgressBar(mergeProps$1(props, { get label() {
+		return label();
+	} }));
+	const values = {
+		get isIndeterminate() {
+			return props.isIndeterminate === true;
+		},
+		get percentage() {
+			const min = props.minValue ?? 0;
+			const max = props.maxValue ?? 100;
+			return max === min ? 0 : (Math.min(max, Math.max(min, props.value ?? 0)) - min) / (max - min) * 100;
+		},
+		get valueText() {
+			const text = aria.progressBarProps["aria-valuetext"];
+			return typeof text === "string" ? text : void 0;
+		}
+	};
+	const labelProps = mergeProps$1(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-ProgressBar",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.progressBarProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get children() {
+			return createComponent(LabelContext, {
+				value: labelProps,
+				get children() {
+					return render.children;
+				}
+			});
+		}
+	}));
+}
+export { ProgressBar, ProgressBarContext };
+
+//# sourceMappingURL=progress-bar.js.map

package/dist/browser/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","names":["<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.progressBarProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <LabelContext value={labelProps}>{render.children}</LabelContext>\n    </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<LabelContext value={labelProps}>{render.children}</LabelContext>","value={labelProps}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/progress-bar.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/ProgressBar.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 { createProgressBar } from \"@solid2-aria/core/progress/create-progress-bar\";\nimport type { AriaProgressBarProps } from \"@solid2-aria/core/progress/create-progress-bar\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createContext } from \"solid-js\";\n\nimport { LabelContext } from \"./label\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface ProgressBarRenderProps {\n  percentage: number;\n  valueText: string | undefined;\n  isIndeterminate: boolean;\n}\n\nexport interface ProgressBarProps\n  extends\n    Omit<AriaProgressBarProps, \"label\">,\n    SlotProps,\n    RenderProps<ProgressBarRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ProgressBarContext =\n  createContext<ContextValue<ProgressBarProps, HTMLDivElement>>(null);\n\nexport function ProgressBar(input: ProgressBarProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ProgressBarContext\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createProgressBar(\n    mergeProps(props, {\n      get label() {\n        return label();\n      },\n    })\n  );\n\n  const values: ProgressBarRenderProps = {\n    get isIndeterminate() {\n      return props.isIndeterminate === true;\n    },\n    get percentage() {\n      const min = props.minValue ?? 0;\n      const max = props.maxValue ?? 100;\n\n      return max === min\n        ? 0\n        : ((Math.min(max, Math.max(min, props.value ?? 0)) - min) /\n            (max - min)) *\n            100;\n    },\n    get valueText() {\n      const text = aria.progressBarProps[\"aria-valuetext\"];\n\n      return typeof text === \"string\" ? text : undefined;\n    },\n  };\n\n  const labelProps = mergeProps(\n    merge(() => aria.labelProps),\n    { elementType: \"span\" as const, registerSlot: registerLabel }\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-ProgressBar\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.progressBarProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    >\n      <LabelContext value={labelProps}>{render.children}</LabelContext>\n    </dom.div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAa,qBACX,cAA8D,IAAI;AAEpE,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,kBACF;CAEA,MAAM,CAAC,eAAe,SAAS,iBACvB,CAAC,SAAS,MAAM,aAAa,KAAK,CAAC,SAAS,MAAM,kBAAkB,CAC5E;CAEA,MAAM,OAAO,kBACXK,aAAW,OAAO,EAChB,IAAI,QAAQ;EACV,OAAO,MAAM;CACf,EACF,CAAC,CACH;CAEA,MAAM,SAAiC;EACrC,IAAI,kBAAkB;GACpB,OAAO,MAAM,oBAAoB;EACnC;EACA,IAAI,aAAa;GACf,MAAM,MAAM,MAAM,YAAY;GAC9B,MAAM,MAAM,MAAM,YAAY;GAE9B,OAAO,QAAQ,MACX,KACE,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,IAAI,QAChD,MAAM,OACP;EACR;EACA,IAAI,YAAY;GACd,MAAM,OAAO,KAAK,iBAAiB;GAEnC,OAAO,OAAO,SAAS,WAAW,OAAO,KAAA;EAC3C;CACF;CAEA,MAAM,aAAaA,aACjB,YAAY,KAAK,UAAU,GAC3B;EAAE,aAAa;EAAiB,cAAc;CAAc,CAC9D;CAEA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAAE,cAAc;EAA2B;CAAO,CAAC,CACvE;CAEA,OACEL,gBAAAA,IAACC,KAADD,iBACE;EAAI,OAAAK,aACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,oBAAoB,CAAC,CAAC,GACvC,MACF;CAAC,GALH;EAMEH,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAT/B,IAAA,WAAA;GAWEC,OAAAA,gBAAAA,cAAAA;IAAcC,OAAO;IAArB,IAAA,WAAA;KAAkC,OAAA,OAAO;IAAuB;;EACzD;;AAEb"}

package/dist/browser/radio-group.d.ts

@@ -0,0 +1,67 @@
+/*
+ * 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/RadioGroup.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 { AriaRadioProps } from "@solid2-aria/core/radio/create-radio";
+import { AriaRadioGroupProps } from "@solid2-aria/core/radio/create-radio-group";
+import { RadioGroupState } from "@solid2-aria/stately/radio/create-radio-group-state";
+import { HoverEvents } from "@solid2-aria/types-shared";
+export interface RadioRenderProps {
+  isSelected: boolean;
+  isHovered: boolean;
+  isPressed: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+  isReadOnly: boolean;
+  isInvalid: boolean;
+  isRequired: boolean;
+}
+export type RadioFieldRenderProps = Omit<RadioRenderProps, "isHovered" | "isPressed" | "isFocused" | "isFocusVisible">;
+export type RadioButtonRenderProps = RadioRenderProps;
+export interface RadioProps extends Omit<AriaRadioProps, "children">, SlotProps, HoverEvents, RenderProps<RadioRenderProps, "label"> {
+  inputRef?: Ref<HTMLInputElement>;
+  ref?: Ref<HTMLLabelElement>;
+}
+export interface RadioFieldProps extends Omit<AriaRadioProps, "children">, SlotProps, HoverEvents, RenderProps<RadioFieldRenderProps> {
+  inputRef?: Ref<HTMLInputElement>;
+  ref?: Ref<HTMLDivElement>;
+}
+export interface RadioButtonProps extends SlotProps, HoverEvents, RenderProps<RadioButtonRenderProps, "label"> {
+  id?: string;
+  ref?: Ref<HTMLLabelElement>;
+}
+export declare const RadioContext: import("solid-js").Context<ContextValue<RadioProps, HTMLLabelElement>>;
+export declare const RadioFieldContext: import("solid-js").Context<ContextValue<RadioFieldProps, HTMLDivElement>>;
+export declare const RadioGroupStateContext: import("solid-js").Context<RadioGroupState | null>;
+export declare function Radio(input: RadioProps): JSX.Element;
+export declare function RadioField(input: RadioFieldProps): JSX.Element;
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;
+export interface RadioGroupRenderProps {
+  isDisabled: boolean;
+  isReadOnly: boolean;
+  isRequired: boolean;
+  isInvalid: boolean;
+  state: RadioGroupState;
+  orientation: "horizontal" | "vertical";
+}
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, "children" | "label" | "description" | "errorMessage">, SlotProps, RenderProps<RadioGroupRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const RadioGroupContext: import("solid-js").Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
+export declare function RadioGroup(input: RadioGroupProps): JSX.Element;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/browser/radio-group.js

@@ -0,0 +1,336 @@
+/*
+ * 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/RadioGroup.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, createSlot, createSlottedContext, dom } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { TextContext } from "./text.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import { SelectionIndicatorContext } from "./selection-indicator.js";
+import { applyRef, createComponent, getNextElement, memo, mergeProps, ref, runHydrationEvents, spread, template } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { VisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+import { createRadio } from "@solid2-aria/core/radio/create-radio";
+import { createRadioGroup } from "@solid2-aria/core/radio/create-radio-group";
+import { createRadioGroupState } from "@solid2-aria/stately/radio/create-radio-group-state";
+// src/radio-group.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<input>`);
+const RadioContext = createContext(null);
+const RadioFieldContext = createContext(null);
+const InternalContext = createContext(null);
+const RadioGroupStateContext = createContext(null);
+function createAria(props) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps$1(omit(props, "children"), {
+		children: true,
+		get validationBehavior() {
+			return form?.validationBehavior ?? "native";
+		}
+	});
+	const state = useContext(RadioGroupStateContext);
+	if (!state) throw new Error("Radio must be inside RadioGroup.");
+	return {
+		aria: createRadio(options, state, inputRef),
+		defaultClass: "solid2-aria-Radio",
+		inputRef,
+		props,
+		setInputRef: (element) => {
+			setInputRef(element);
+		},
+		state
+	};
+}
+function fieldValues(ctx) {
+	return {
+		get isDisabled() {
+			return ctx.aria.isDisabled;
+		},
+		get isInvalid() {
+			return ctx.state.isInvalid;
+		},
+		get isReadOnly() {
+			return ctx.state.isReadOnly;
+		},
+		get isRequired() {
+			return ctx.state.isRequired;
+		},
+		get isSelected() {
+			return ctx.aria.isSelected;
+		}
+	};
+}
+function Radio(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), RadioContext);
+	const ctx = createAria(props);
+	return createComponent(InternalContext, {
+		value: ctx,
+		get children() {
+			return createComponent(RadioButton, mergeProps(props, { ref: (element) => {
+				setRef(element);
+			} }));
+		}
+	});
+}
+function RadioField(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), RadioFieldContext);
+	const ctx = createAria(props);
+	ctx.defaultClass = "solid2-aria-RadioButton";
+	const values = fieldValues(ctx);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-RadioField",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return omit(filterDOMProps(props, { global: true }), "id", "onClick");
+	}, render, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-selected"() {
+			return values.isSelected || void 0;
+		},
+		get "data-disabled"() {
+			return values.isDisabled || void 0;
+		},
+		get "data-invalid"() {
+			return values.isInvalid || void 0;
+		},
+		get "data-readonly"() {
+			return values.isReadOnly || void 0;
+		},
+		get "data-required"() {
+			return values.isRequired || void 0;
+		},
+		get children() {
+			return createComponent(InternalContext, {
+				value: ctx,
+				get children() {
+					return createComponent(SelectionIndicatorContext, {
+						value: { get isSelected() {
+							return values.isSelected;
+						} },
+						get children() {
+							return createComponent(TextContext, {
+								value: { slots: { get description() {
+									return ctx.aria.descriptionProps;
+								} } },
+								get children() {
+									return render.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+function RadioButton(props) {
+	const ctx = useContext(InternalContext);
+	if (!ctx) throw new Error("RadioButton must be inside RadioField.");
+	const focus = createFocusRing();
+	const fields = fieldValues(ctx);
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return fields.isDisabled || fields.isReadOnly;
+	} }));
+	const values = mergeProps$1(fields, {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return ctx.aria.isPressed;
+		}
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		get defaultClass() {
+			return ctx.defaultClass;
+		},
+		values
+	}));
+	return createComponent(dom.label, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "id", "onClick"), merge(() => ctx.aria.labelProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref(r$) {
+			var _ref$ = props.ref;
+			typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-selected"() {
+			return fields.isSelected || void 0;
+		},
+		get "data-disabled"() {
+			return fields.isDisabled || void 0;
+		},
+		get "data-readonly"() {
+			return fields.isReadOnly || void 0;
+		},
+		get "data-invalid"() {
+			return fields.isInvalid || void 0;
+		},
+		get "data-required"() {
+			return fields.isRequired || void 0;
+		},
+		get "data-pressed"() {
+			return ctx.aria.isPressed || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get children() {
+			return [createComponent(VisuallyHidden, {
+				elementType: "span",
+				get children() {
+					var _el$ = getNextElement(_tmpl$);
+					spread(_el$, () => {
+						return mergeProps$1(merge(() => ctx.aria.inputProps ?? {}), merge(() => focus.focusProps ?? {}));
+					}, false);
+					ref(() => {
+						return (element) => {
+							ctx.setInputRef(element);
+						};
+					}, _el$);
+					runHydrationEvents();
+					return _el$;
+				}
+			}), memo(() => {
+				return render.children;
+			})];
+		}
+	}));
+}
+const RadioGroupContext = createContext(null);
+function RadioGroup(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), RadioGroupContext);
+	const form = createSlottedContext(FormContext);
+	const [registerLabel, label] = createSlot(() => !isTruthy(props["aria-label"]) && !isTruthy(props["aria-labelledby"]));
+	const options = mergeProps$1(props, {
+		get label() {
+			return label();
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createRadioGroupState(options);
+	const aria = createRadioGroup(options, state);
+	const values = {
+		get isDisabled() {
+			return state.isDisabled;
+		},
+		get isInvalid() {
+			return state.isInvalid;
+		},
+		get isReadOnly() {
+			return state.isReadOnly;
+		},
+		get isRequired() {
+			return props.isRequired === true;
+		},
+		get orientation() {
+			return props.orientation ?? "vertical";
+		},
+		state
+	};
+	const labelProps = mergeProps$1(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-RadioGroup",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.radioGroupProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-disabled"() {
+			return values.isDisabled || void 0;
+		},
+		get "data-readonly"() {
+			return values.isReadOnly || void 0;
+		},
+		get "data-required"() {
+			return values.isRequired || void 0;
+		},
+		get "data-invalid"() {
+			return values.isInvalid || void 0;
+		},
+		get "data-orientation"() {
+			return values.orientation;
+		},
+		get children() {
+			return createComponent(RadioGroupStateContext, {
+				value: state,
+				get children() {
+					return createComponent(LabelContext, {
+						value: labelProps,
+						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 render.children;
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+export { Radio, RadioButton, RadioContext, RadioField, RadioFieldContext, RadioGroup, RadioGroupContext, RadioGroupStateContext };
+
+//# sourceMappingURL=radio-group.js.map

package/dist/browser/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["<InternalContext value={ctx}>\n      <RadioButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />\n    </InternalContext>","value={ctx}","<RadioButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />","ref={(element: HTMLLabelElement) => {\n          setRef(element);\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\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>","<SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>","value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}","<TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>","value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}","<dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>","dom.label","ref={props.ref}","<VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>","elementType=\"span\"","ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}","<input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />","render.children","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.radioGroupProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-orientation={values.orientation}\n    >\n      <RadioGroupStateContext value={state}>\n        <LabelContext value={labelProps}>\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>\n          </TextContext>\n        </LabelContext>\n      </RadioGroupStateContext>\n    </dom.div>","<RadioGroupStateContext value={state}>\n        <LabelContext value={labelProps}>\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>\n          </TextContext>\n        </LabelContext>\n      </RadioGroupStateContext>","value={state}","<LabelContext value={labelProps}>\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>\n          </TextContext>\n        </LabelContext>","value={labelProps}","<TextContext\n            value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>\n          </TextContext>","value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}","<FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>","value={aria}","mergeProps","_$createComponent","_$mergeProps","_$applyRef","_$getNextElement","_$memo"],"sources":["../../src/radio-group.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/RadioGroup.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createRadio } from \"@solid2-aria/core/radio/create-radio\";\nimport type {\n  AriaRadioProps,\n  RadioAria,\n} from \"@solid2-aria/core/radio/create-radio\";\nimport { createRadioGroup } from \"@solid2-aria/core/radio/create-radio-group\";\nimport type { AriaRadioGroupProps } from \"@solid2-aria/core/radio/create-radio-group\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { VisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport { createRadioGroupState } from \"@solid2-aria/stately/radio/create-radio-group-state\";\nimport type { RadioGroupState } from \"@solid2-aria/stately/radio/create-radio-group-state\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  useContext,\n  omit,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { LabelContext } from \"./label\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n  createSlot,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface RadioRenderProps {\n  isSelected: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n}\n\nexport type RadioFieldRenderProps = Omit<\n  RadioRenderProps,\n  \"isHovered\" | \"isPressed\" | \"isFocused\" | \"isFocusVisible\"\n>;\n\nexport type RadioButtonRenderProps = RadioRenderProps;\n\nexport interface RadioProps\n  extends\n    Omit<AriaRadioProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<RadioRenderProps, \"label\"> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport interface RadioFieldProps\n  extends\n    Omit<AriaRadioProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<RadioFieldRenderProps> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface RadioButtonProps\n  extends SlotProps, HoverEvents, RenderProps<RadioButtonRenderProps, \"label\"> {\n  id?: string;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport const RadioContext =\n  createContext<ContextValue<RadioProps, HTMLLabelElement>>(null);\n\nexport const RadioFieldContext =\n  createContext<ContextValue<RadioFieldProps, HTMLDivElement>>(null);\n\ninterface InternalValue {\n  aria: RadioAria;\n  inputRef: Accessor<HTMLInputElement | null>;\n  setInputRef: (element: HTMLInputElement) => void;\n  state: RadioGroupState;\n  props: Omit<AriaRadioProps, \"children\">;\n  defaultClass: string;\n}\n\nconst InternalContext = createContext<InternalValue | null>(null);\n\nexport const RadioGroupStateContext = createContext<RadioGroupState | null>(\n  null\n);\n\nfunction createAria(props: RadioProps | RadioFieldProps): InternalValue {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(omit(props, \"children\"), {\n    children: true,\n    get validationBehavior() {\n      return form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = useContext(RadioGroupStateContext);\n\n  if (!state) {\n    throw new Error(\"Radio must be inside RadioGroup.\");\n  }\n\n  const aria = createRadio(options, state, inputRef);\n\n  return {\n    aria,\n    defaultClass: \"solid2-aria-Radio\",\n    inputRef,\n    props,\n    setInputRef: (element: HTMLInputElement) => {\n      setInputRef(element);\n    },\n    state,\n  };\n}\n\nfunction fieldValues(ctx: InternalValue): RadioFieldRenderProps {\n  return {\n    get isDisabled() {\n      return ctx.aria.isDisabled;\n    },\n    get isInvalid() {\n      return ctx.state.isInvalid;\n    },\n    get isReadOnly() {\n      return ctx.state.isReadOnly;\n    },\n    get isRequired() {\n      return ctx.state.isRequired;\n    },\n    get isSelected() {\n      return ctx.aria.isSelected;\n    },\n  };\n}\n\nexport function Radio(input: RadioProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    RadioContext\n  );\n\n  const ctx = createAria(props);\n\n  return (\n    <InternalContext value={ctx}>\n      <RadioButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />\n    </InternalContext>\n  );\n}\n\nexport function RadioField(input: RadioFieldProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    RadioFieldContext\n  );\n\n  const ctx = createAria(props);\n  ctx.defaultClass = \"solid2-aria-RadioButton\";\n  const values = fieldValues(ctx);\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-RadioField\", values })\n  );\n\n  return (\n    <dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>\n  );\n}\n\nexport function RadioButton(props: RadioButtonProps): JSX.Element {\n  const ctx = useContext(InternalContext);\n\n  if (!ctx) {\n    throw new Error(\"RadioButton must be inside RadioField.\");\n  }\n\n  const focus = createFocusRing();\n  const fields = fieldValues(ctx);\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return fields.isDisabled || fields.isReadOnly;\n      },\n    })\n  );\n\n  const values: RadioButtonRenderProps = mergeProps(fields, {\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 isPressed() {\n      return ctx.aria.isPressed;\n    },\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultClass() {\n        return ctx.defaultClass;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>\n  );\n}\n\nexport interface RadioGroupRenderProps {\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n  isInvalid: boolean;\n  state: RadioGroupState;\n  orientation: \"horizontal\" | \"vertical\";\n}\n\nexport interface RadioGroupProps\n  extends\n    Omit<\n      AriaRadioGroupProps,\n      \"children\" | \"label\" | \"description\" | \"errorMessage\"\n    >,\n    SlotProps,\n    RenderProps<RadioGroupRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const RadioGroupContext =\n  createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nexport function RadioGroup(input: RadioGroupProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    RadioGroupContext\n  );\n\n  const form = createSlottedContext(FormContext);\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const options = mergeProps(props, {\n    get label() {\n      return label();\n    },\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createRadioGroupState(options);\n  const aria = createRadioGroup(options, state);\n\n  const values: RadioGroupRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n    get isReadOnly() {\n      return state.isReadOnly;\n    },\n    get isRequired() {\n      return props.isRequired === true;\n    },\n    get orientation() {\n      return props.orientation ?? \"vertical\";\n    },\n    state,\n  };\n\n  const labelProps = mergeProps(\n    merge(() => aria.labelProps),\n    { elementType: \"span\" as const, registerSlot: registerLabel }\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-RadioGroup\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.radioGroupProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-orientation={values.orientation}\n    >\n      <RadioGroupStateContext value={state}>\n        <LabelContext value={labelProps}>\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <FieldErrorContext value={aria}>\n              {render.children}\n            </FieldErrorContext>\n          </TextContext>\n        </LabelContext>\n      </RadioGroupStateContext>\n    </dom.div>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/search-field.d.ts

@@ -0,0 +1,34 @@
+/*
+ * 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/SearchField.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 { AriaSearchFieldProps } from "@solid2-aria/core/searchfield/create-search-field";
+import { SearchFieldState } from "@solid2-aria/stately/searchfield/create-search-field-state";
+export interface SearchFieldRenderProps {
+  isEmpty: boolean;
+  isDisabled: boolean;
+  isInvalid: boolean;
+  isReadOnly: boolean;
+  isRequired: boolean;
+  state: SearchFieldState;
+}
+export interface SearchFieldProps extends Omit<AriaSearchFieldProps, "label" | "description" | "errorMessage" | "children">, SlotProps, RenderProps<SearchFieldRenderProps> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const SearchFieldContext: import("solid-js").Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+export declare function SearchField(input: SearchFieldProps): JSX.Element;
+//# sourceMappingURL=search-field.d.ts.map