@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/progress-bar.js

@@ -0,0 +1,104 @@
+/*
+ * 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 { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createProgressBar } from "@solid2-aria/core/progress/create-progress-bar";
+// src/progress-bar.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const render = this[_m$2];
+		const labelProps = this[_m$3];
+		return LabelContext(new _P$(render, labelProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this.ref = _p6;
+	Object.defineProperty(this, "slot", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+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(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(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ProgressBar",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.progressBarProps ?? {}), render);
+	}, new _P$2(props, render, labelProps, (element) => {
+		setRef(element);
+	})));
+}
+export { ProgressBar, ProgressBarContext };
+
+//# sourceMappingURL=progress-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","names":["dom.div","<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>","_$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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHuC,O,SAAC,CAAO;;;;;;;;;;;;;EAFzC,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;;;EAEpB,OAAA,aAAA,IAAA,IAAkC,QAAb,UAA2C,CAAA;;;;;;;;;;;;;;AAhEtE,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,kBACX,WAAW,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,aAAa,WACjB,YAAY,KAAK,UAAU,GAC3B;EAAE,aAAa;EAAiB,cAAc;CAAc,CAC9D;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAA2B;CAAO,CAAC,CACvE;CAEA,OAAA,IACGA,IAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,oBAAoB,CAAC,CAAC,GACvC,MACF;CAAC,GALH,IAAA,KASQ,OAE4B,QAAb,aALf,YAA4B;EAChC,OAAO,OAAO;CAChB,CAIO,CAAA,CAAA;AAEb"}

package/dist/server/radio-group.js

@@ -0,0 +1,586 @@
+/*
+ * 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 { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { applyRef, memo, mergeProps as mergeProps$1, ssrElement } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { 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 _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		const setRef = this[_m$2];
+		return RadioButton(mergeProps$1(props, { ref: (element) => {
+			setRef(element);
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this.value = _p3;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p4, _p5) {
+	this[_m$] = _p4;
+	this.value = _p5;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const render = this[_m$];
+		const ctx = this[_m$2];
+		return TextContext(new _P$2(render, { slots: { get description() {
+			return ctx.aria.descriptionProps;
+		} } }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6, _p7, _p8) {
+	this[_m$] = _p6;
+	this[_m$2] = _p7;
+	this.value = _p8;
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const render = this[_m$];
+		const ctx = this[_m$2];
+		const values = this[_m$3];
+		return SelectionIndicatorContext(new _P$3(render, ctx, { get isSelected() {
+			return values.isSelected;
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p9, _p0, _p1, _p10) {
+	this[_m$] = _p9;
+	this[_m$2] = _p0;
+	this[_m$3] = _p1;
+	this.value = _p10;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$4.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$2].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$2].isReadOnly || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$2].isRequired || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const render = this[_m$3];
+		const ctx = this[_m$4];
+		const values = this[_m$2];
+		return InternalContext(new _P$4(render, ctx, values, ctx));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p11, _p12, _p13, _p14, _p15) {
+	this[_m$] = _p11;
+	this[_m$2] = _p12;
+	this[_m$3] = _p13;
+	this[_m$4] = _p14;
+	this.ref = _p15;
+	Object.defineProperty(this, "slot", _d$5);
+	Object.defineProperty(this, "data-selected", _d$6);
+	Object.defineProperty(this, "data-disabled", _d$7);
+	Object.defineProperty(this, "data-invalid", _d$8);
+	Object.defineProperty(this, "data-readonly", _d$9);
+	Object.defineProperty(this, "data-required", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$5.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const ctx = this[_m$];
+		const focus = this[_m$2];
+		return ssrElement("input", mergeProps(merge(() => ctx.aria.inputProps ?? {}), merge(() => focus.focusProps ?? {})), void 0, true);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p16, _p17, _p18) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this.elementType = _p18;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$6.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		return this[_m$2].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$15 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$16 = {
+	get() {
+		return this[_m$2].isReadOnly || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$17 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$18 = {
+	get() {
+		return this[_m$2].isRequired || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$19 = {
+	get() {
+		return this[_m$3].aria.isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$20 = {
+	get() {
+		return this[_m$4].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		return this[_m$5].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$22 = {
+	get() {
+		return this[_m$5].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$23 = {
+	get() {
+		const ctx = this[_m$3];
+		const focus = this[_m$5];
+		const render = this[_m$6];
+		return [VisuallyHidden(new _P$6(ctx, focus, "span")), memo(() => {
+			return render.children;
+		})];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p19, _p20, _p21, _p22, _p23, _p24) {
+	this[_m$] = _p19;
+	this[_m$2] = _p20;
+	this[_m$3] = _p21;
+	this[_m$4] = _p22;
+	this[_m$5] = _p23;
+	this[_m$6] = _p24;
+	this.ref = (r$) => {
+		const props = this[_m$];
+		var _ref$ = props.ref;
+		typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+	};
+	Object.defineProperty(this, "slot", _d$13);
+	Object.defineProperty(this, "data-selected", _d$14);
+	Object.defineProperty(this, "data-disabled", _d$15);
+	Object.defineProperty(this, "data-readonly", _d$16);
+	Object.defineProperty(this, "data-invalid", _d$17);
+	Object.defineProperty(this, "data-required", _d$18);
+	Object.defineProperty(this, "data-pressed", _d$19);
+	Object.defineProperty(this, "data-hovered", _d$20);
+	Object.defineProperty(this, "data-focused", _d$21);
+	Object.defineProperty(this, "data-focus-visible", _d$22);
+	Object.defineProperty(this, "children", _d$23);
+}
+_P$7.prototype = Object.prototype;
+var _d$24 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p25, _p26) {
+	this[_m$] = _p25;
+	this.value = _p26;
+	Object.defineProperty(this, "children", _d$24);
+}
+_P$8.prototype = Object.prototype;
+var _d$25 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return FieldErrorContext(new _P$8(render, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p27, _p28, _p29) {
+	this[_m$] = _p27;
+	this[_m$2] = _p28;
+	this.value = _p29;
+	Object.defineProperty(this, "children", _d$25);
+}
+_P$9.prototype = Object.prototype;
+var _d$26 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return TextContext(new _P$9(render, aria, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p30, _p31, _p32) {
+	this[_m$] = _p30;
+	this[_m$2] = _p31;
+	this.value = _p32;
+	Object.defineProperty(this, "children", _d$26);
+}
+_P$10.prototype = Object.prototype;
+var _d$27 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		const labelProps = this[_m$3];
+		return LabelContext(new _P$10(render, aria, labelProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p33, _p34, _p35, _p36) {
+	this[_m$] = _p33;
+	this[_m$2] = _p34;
+	this[_m$3] = _p35;
+	this.value = _p36;
+	Object.defineProperty(this, "children", _d$27);
+}
+_P$11.prototype = Object.prototype;
+var _d$28 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$29 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$30 = {
+	get() {
+		return this[_m$2].isReadOnly || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$31 = {
+	get() {
+		return this[_m$2].isRequired || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$32 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$33 = {
+	get() {
+		return this[_m$2].orientation;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$34 = {
+	get() {
+		const render = this[_m$3];
+		const aria = this[_m$4];
+		const labelProps = this[_m$5];
+		const state = this[_m$6];
+		return RadioGroupStateContext(new _P$11(render, aria, labelProps, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p37, _p38, _p39, _p40, _p41, _p42, _p43) {
+	this[_m$] = _p37;
+	this[_m$2] = _p38;
+	this[_m$3] = _p39;
+	this[_m$4] = _p40;
+	this[_m$5] = _p41;
+	this[_m$6] = _p42;
+	this.ref = _p43;
+	Object.defineProperty(this, "slot", _d$28);
+	Object.defineProperty(this, "data-disabled", _d$29);
+	Object.defineProperty(this, "data-readonly", _d$30);
+	Object.defineProperty(this, "data-required", _d$31);
+	Object.defineProperty(this, "data-invalid", _d$32);
+	Object.defineProperty(this, "data-orientation", _d$33);
+	Object.defineProperty(this, "children", _d$34);
+}
+_P$12.prototype = Object.prototype;
+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(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 InternalContext(new _P$(props, setRef, ctx));
+}
+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(props, {
+		defaultClass: "solid2-aria-RadioField",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return omit(filterDOMProps(props, { global: true }), "id", "onClick");
+	}, render, new _P$5(props, values, render, ctx, (element) => {
+		setRef(element);
+	})));
+}
+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(props, { get isDisabled() {
+		return fields.isDisabled || fields.isReadOnly;
+	} }));
+	const values = mergeProps(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(props, {
+		get defaultClass() {
+			return ctx.defaultClass;
+		},
+		values
+	}));
+	return dom.label(mergeProps$1(() => {
+		return mergeProps(omit(filterDOMProps(props, { global: true }), "id", "onClick"), merge(() => ctx.aria.labelProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, new _P$7(props, fields, ctx, hover, focus, render)));
+}
+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(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(merge(() => aria.labelProps), {
+		elementType: "span",
+		registerSlot: registerLabel
+	});
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-RadioGroup",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.radioGroupProps ?? {}), render);
+	}, new _P$12(props, values, render, aria, labelProps, state, (element) => {
+		setRef(element);
+	})));
+}
+export { Radio, RadioButton, RadioContext, RadioField, RadioFieldContext, RadioGroup, RadioGroupContext, RadioGroupStateContext };
+
+//# sourceMappingURL=radio-group.js.map