@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/text-area.js

@@ -0,0 +1,115 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/TextArea.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, omit, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+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";
+// src/text-area.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$2].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$3].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$].disabled ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$4].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4, _p5) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this[_m$4] = _p4;
+	this.ref = _p5;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-focused", _d$2);
+	Object.defineProperty(this, "data-focus-visible", _d$3);
+	Object.defineProperty(this, "data-hovered", _d$4);
+	Object.defineProperty(this, "data-disabled", _d$5);
+	Object.defineProperty(this, "data-invalid", _d$6);
+}
+_P$.prototype = Object.prototype;
+const TextAreaContext = createContext(null);
+function TextArea(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), TextAreaContext);
+	const focus = createFocusRing({
+		get autoFocus() {
+			return props.autoFocus ?? isTruthy(props.autofocus);
+		},
+		isTextInput: true
+	});
+	const hover = createHover(mergeProps(props, { get isDisabled() {
+		return isTruthy(props.disabled);
+	} }));
+	const values = {
+		get isDisabled() {
+			return isTruthy(props.disabled);
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isInvalid() {
+			return isTruthy(props["aria-invalid"]) && props["aria-invalid"] !== "false";
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-TextArea",
+		values
+	}));
+	return dom.textarea(mergeProps$1(() => {
+		return mergeProps(omit(props, "onHoverStart", "onHoverChange", "onHoverEnd", "autoFocus", "slot", "children"), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, new _P$(props, focus, hover, values, (element) => {
+		setRef(element);
+	})));
+}
+export { TextArea, TextAreaContext };
+
+//# sourceMappingURL=text-area.js.map

package/dist/server/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","names":["dom.textarea","<dom.textarea\n      {...mergeProps(\n        omit(\n          props,\n          \"onHoverStart\",\n          \"onHoverChange\",\n          \"onHoverEnd\",\n          \"autoFocus\",\n          \"slot\",\n          \"children\"\n        ),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLTextAreaElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={props.disabled ?? undefined}\n      data-invalid={values.isInvalid || undefined}\n    />","_$mergeProps"],"sources":["../../src/text-area.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/TextArea.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 { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext, omit } from \"solid-js\";\n\nimport type { InputRenderProps } from \"./input\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface TextAreaProps\n  extends\n    Omit<\n      JSX.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    HoverEvents,\n    SlotProps,\n    RenderProps<InputRenderProps, \"textarea\"> {\n  ref?: Ref<HTMLTextAreaElement>;\n  autoFocus?: boolean;\n}\n\nexport const TextAreaContext =\n  createContext<ContextValue<TextAreaProps, HTMLTextAreaElement>>(null);\n\nexport function TextArea(input: TextAreaProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TextAreaContext\n  );\n\n  const focus = createFocusRing({\n    get autoFocus() {\n      return props.autoFocus ?? isTruthy(props.autofocus);\n    },\n    isTextInput: true,\n  });\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return isTruthy(props.disabled);\n      },\n    })\n  );\n\n  const values: InputRenderProps = {\n    get isDisabled() {\n      return isTruthy(props.disabled);\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isInvalid() {\n      return (\n        isTruthy(props[\"aria-invalid\"]) && props[\"aria-invalid\"] !== \"false\"\n      );\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-TextArea\", values })\n  );\n\n  return (\n    <dom.textarea\n      {...mergeProps(\n        omit(\n          props,\n          \"onHoverStart\",\n          \"onHoverChange\",\n          \"onHoverEnd\",\n          \"autoFocus\",\n          \"slot\",\n          \"children\"\n        ),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLTextAreaElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={props.disabled ?? undefined}\n      data-invalid={values.isInvalid || undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmGM,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;EACpB,O,UAAc,CAAM,aAAa,KAAA;;;;;;;EACjC,O,UAAoB,CAAM,kBAAkB,KAAA;;;;;;;EAC5C,O,UAAc,CAAM,aAAa,KAAA;;;;;;;EACjC,O,SAAe,CAAM,YAAY,KAAA;;;;;;;EACjC,O,UAAc,CAAO,aAAa,KAAA;;;;;;;;;;;;;;;;;;;AAzExC,MAAa,kBACX,cAAgE,IAAI;AAEtE,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,eACF;CAEA,MAAM,QAAQ,gBAAgB;EAC5B,IAAI,YAAY;GACd,OAAO,MAAM,aAAa,SAAS,MAAM,SAAS;EACpD;EACA,aAAa;CACf,CAAC;CAED,MAAM,QAAQ,YACZ,WAAW,OAAO,EAChB,IAAI,aAAa;EACf,OAAO,SAAS,MAAM,QAAQ;CAChC,EACF,CAAC,CACH;CAEA,MAAM,SAA2B;EAC/B,IAAI,aAAa;GACf,OAAO,SAAS,MAAM,QAAQ;EAChC;EACA,IAAI,iBAAiB;GACnB,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OACE,SAAS,MAAM,eAAe,KAAK,MAAM,oBAAoB;EAEjE;CACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAAwB;CAAO,CAAC,CACpE;CAEA,OAAA,IACGA,SAADC,mBACE;EAAI,OAAA,WACF,KACE,OACA,gBACA,iBACA,cACA,aACA,QACA,UACF,GACA,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,MACF;CAAC,GAdH,IAAA,IAkBQ,OACQ,OAEA,OAEA,SARR,YAAiC;EACrC,OAAO,OAAO;CAChB,CAOD,CAAA,CAAA;AAEL"}

package/dist/server/text-field.js

@@ -0,0 +1,272 @@
+/*
+ * 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/TextField.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 { assignRef, createContextProps, createRenderProps, createSlot, createSlottedContext, dom } from "./utils.js";
+import { FieldInputContext } from "./autocomplete.js";
+import { LabelContext } from "./label.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 { TextAreaContext } from "./text-area.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createMemo, createSignal, merge, omit, 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 { createIsHidden } from "@solid2-aria/core/collections/hidden";
+import { createTextField } from "@solid2-aria/core/textfield/create-text-field";
+// src/text-field.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = 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() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return FieldErrorContext(new _P$(render, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this.value = _p5;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		return TextContext(new _P$2(render, aria, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	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 aria = this[_m$2];
+		const props = this[_m$3];
+		return GroupContext(new _P$3(render, aria, {
+			get isDisabled() {
+				return props.isDisabled === true;
+			},
+			get isInvalid() {
+				return aria.isInvalid;
+			},
+			role: "presentation"
+		}));
+	},
+	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() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		const props = this[_m$3];
+		const inputProps = this[_m$4];
+		return TextAreaContext(new _P$4(render, aria, props, inputProps));
+	},
+	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.value = _p15;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$5.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const render = this[_m$];
+		const aria = this[_m$2];
+		const props = this[_m$3];
+		const inputProps = this[_m$4];
+		return InputContext(new _P$5(render, aria, props, inputProps, inputProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p16, _p17, _p18, _p19, _p20) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this[_m$3] = _p18;
+	this[_m$4] = _p19;
+	this.value = _p20;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$6.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$].isDisabled ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$].isReadOnly ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		return this[_m$].isRequired ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		const render = this[_m$3];
+		const aria = this[_m$2];
+		const props = this[_m$];
+		const inputProps = this[_m$4];
+		const labelProps = this[_m$5];
+		return LabelContext(new _P$6(render, aria, props, inputProps, labelProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p21, _p22, _p23, _p24, _p25, _p26) {
+	this[_m$] = _p21;
+	this[_m$2] = _p22;
+	this[_m$3] = _p23;
+	this[_m$4] = _p24;
+	this[_m$5] = _p25;
+	this.ref = _p26;
+	Object.defineProperty(this, "slot", _d$7);
+	Object.defineProperty(this, "data-disabled", _d$8);
+	Object.defineProperty(this, "data-invalid", _d$9);
+	Object.defineProperty(this, "data-readonly", _d$10);
+	Object.defineProperty(this, "data-required", _d$11);
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$7.prototype = Object.prototype;
+const TextFieldContext = createContext(null);
+function TextField(input) {
+	if (createIsHidden()) return null;
+	const [ownProps, , setRef] = createContextProps(input, untrack(() => input.ref), TextFieldContext);
+	const fieldInput = createSlottedContext(FieldInputContext);
+	const props = mergeProps(fieldInput ? omit(fieldInput, "ref") : {}, ownProps);
+	const form = createSlottedContext(FormContext);
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [inputType, setInputType] = createSignal("input", { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => !isTruthy(props["aria-label"]) && !isTruthy(props["aria-labelledby"]));
+	const aria = createTextField(mergeProps(props, {
+		get inputElementType() {
+			return inputType();
+		},
+		get label() {
+			return label();
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	}), inputRef);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-TextField",
+		values: {
+			get isDisabled() {
+				return props.isDisabled === true;
+			},
+			get isInvalid() {
+				return aria.isInvalid;
+			},
+			get isReadOnly() {
+				return props.isReadOnly === true;
+			},
+			get isRequired() {
+				return props.isRequired === true;
+			}
+		}
+	}));
+	const labelProps = mergeProps(merge(() => aria.labelProps), { registerSlot: registerLabel });
+	const readInput = createMemo(() => aria.inputProps);
+	const inputProps = mergeProps(merge(readInput), { ref: (el) => {
+		setInputRef(el);
+		assignRef(untrack(() => fieldInput?.ref), el);
+		if (el) setInputType(el.localName === "textarea" ? "textarea" : "input");
+	} });
+	return dom.div(mergeProps$1(() => {
+		return omit(filterDOMProps(props, { global: true }), "id");
+	}, render, new _P$7(props, aria, render, inputProps, labelProps, (element) => {
+		setRef(element);
+	})));
+}
+export { TextField, TextFieldContext };
+
+//# sourceMappingURL=text-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","names":["dom.div","<dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-invalid={aria.isInvalid || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n      data-required={props.isRequired ?? undefined}\n    >\n      <LabelContext value={labelProps}>\n        <InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>\n      </LabelContext>\n    </dom.div>","_$mergeProps"],"sources":["../../src/text-field.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/TextField.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createTextField } from \"@solid2-aria/core/textfield/create-text-field\";\nimport type { AriaTextFieldProps } from \"@solid2-aria/core/textfield/create-text-field\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  createMemo,\n  omit,\n} from \"solid-js\";\n\nimport { FieldInputContext } from \"./autocomplete\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { GroupContext } from \"./group\";\nimport { InputContext } from \"./input\";\nimport { LabelContext } from \"./label\";\nimport { TextContext } from \"./text\";\nimport { TextAreaContext } from \"./text-area\";\nimport {\n  assignRef,\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface TextFieldRenderProps {\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n}\n\nexport interface TextFieldProps\n  extends\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      \"label\" | \"description\" | \"errorMessage\" | \"children\"\n    >,\n    SlotProps,\n    RenderProps<TextFieldRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport function TextField(input: TextFieldProps): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [ownProps, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TextFieldContext\n  );\n\n  const fieldInput = createSlottedContext(FieldInputContext);\n\n  const props = mergeProps(\n    fieldInput\n      ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        omit(fieldInput, \"ref\")\n      : // oxlint-enable solid/reactivity\n        {},\n    ownProps\n  );\n\n  const form = createSlottedContext(FormContext);\n\n  const [inputRef, setInputRef] = createSignal<\n    HTMLInputElement | HTMLTextAreaElement | null\n  >(null, { ownedWrite: true });\n\n  const [inputType, setInputType] = createSignal<\"input\" | \"textarea\">(\n    \"input\",\n    { ownedWrite: true }\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createTextField(\n    mergeProps(props, {\n      get inputElementType() {\n        return inputType();\n      },\n      get label() {\n        return label();\n      },\n      get validationBehavior() {\n        return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n      },\n    }),\n    inputRef\n  );\n\n  const values: TextFieldRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isReadOnly() {\n      return props.isReadOnly === true;\n    },\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-TextField\", values })\n  );\n\n  const labelProps = mergeProps(\n    merge(() => aria.labelProps),\n    { registerSlot: registerLabel }\n  );\n\n  const readInput = createMemo(() => aria.inputProps);\n\n  const inputProps = mergeProps(merge(readInput), {\n    ref: (el: HTMLInputElement | HTMLTextAreaElement | null) => {\n      setInputRef(el);\n      assignRef(\n        untrack(() => fieldInput?.ref),\n        el\n      );\n\n      if (el) {\n        setInputType(el.localName === \"textarea\" ? \"textarea\" : \"input\");\n      }\n    },\n  });\n\n  return (\n    <dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-invalid={aria.isInvalid || undefined}\n      data-readonly={props.isReadOnly ?? undefined}\n      data-required={props.isRequired ?? undefined}\n    >\n      <LabelContext value={labelProps}>\n        <InputContext value={inputProps}>\n          <TextAreaContext value={inputProps}>\n            <GroupContext\n              value={{\n                get isDisabled() {\n                  return props.isDisabled === true;\n                },\n                get isInvalid() {\n                  return aria.isInvalid;\n                },\n                role: \"presentation\",\n              }}\n            >\n              <TextContext\n                value={{\n                  slots: {\n                    get description() {\n                      return aria.descriptionProps;\n                    },\n                    get errorMessage() {\n                      return aria.errorMessageProps;\n                    },\n                  },\n                }}\n              >\n                <FieldErrorContext value={aria}>\n                  {render.children}\n                </FieldErrorContext>\n              </TextContext>\n            </GroupContext>\n          </TextAreaContext>\n        </InputContext>\n      </LabelContext>\n    </dom.div>\n  );\n}\n"],"mappings":"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"}

package/dist/server/text.js

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

package/dist/server/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["<Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    />","_$mergeProps"],"sources":["../../src/text.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Text.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { domElement, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface TextProps\n  extends\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    RenderProps<object> {\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLElement>;\n}\n\nexport const TextContext =\n  createContext<ContextValue<TextProps, HTMLElement>>(null);\n\nexport function Text(input: TextProps): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TextContext\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Text\", values: {} })\n  );\n\n  const Element = dynamic(() => domElement(props.elementType ?? \"span\"));\n\n  return (\n    <Element\n      {...filterDOMProps(props, { global: true, labelable: true })}\n      {...render}\n      class={render.class}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEM,O,SAAO,CAAO;;;;;;;EAId,O,UAAM,CAAM,QAAQ,KAAA;;;;;;;;;;;;;AA7B1B,MAAa,cACX,cAAoD,IAAI;AAE1D,SAAgB,KAAK,OAA+B;CAClD,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,WACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAAoB,QAAQ,CAAC;CAAE,CAAC,CACpE;CAIA,OAFgB,cAAc,WAAW,MAAM,eAAe,MAAM,CAEpE,CAAA,CACEA,mBACE;EAAI,OAAA,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC;CAAC,GACxD,QAFN,IAAA,IAGS,QAID,QAHA,YAAyB;EAC7B,OAAO,OAAO;CAChB,CAED,CAAA,CAAA;AAEL"}