@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/TextField.js

@@ -1,11 +1,25 @@
-import { Provider, filterDOMProps, useRenderProps } from "./utils.js";
-import { FieldErrorContext } from "./FieldError.js";
+/*
+* 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.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/TextField.tsx
+import { Provider, dataAttr, filterDOMProps, useRenderProps, useSlot } from "./utils.js";
 import { TextContext } from "./Text.js";
-import { FormContext } from "./Form.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
-import { createContext, createEffect, createMemo, createSignal, onCleanup, onMount, splitProps, untrack, useContext } from "solid-js";
-import { createFocusRing, createHover, createTextField, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
-import { VALID_VALIDITY_STATE, createTextFieldState } from "@proyecto-viviana/solid-stately";
+import { FieldErrorContext } from "./FieldError.js";
+import { FormContext, resolveValidationBehavior } from "./Form.js";
+import { n as LabelContext, t as Label } from "./Label.js";
+import { createComponent, getNextElement, insert, memo, ref, runHydrationEvents, spread, template } from "@solidjs/web";
+import { createContext, createEffect, createMemo, createSignal, onCleanup, onSettled, untrack, useContext } from "solid-js";
+import { createFocusRing, createHover, createTextField, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { assignRef, attrString, splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createTextFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/TextField.tsx
 /**
 * TextField component for solidaria-components
@@ -13,76 +27,13 @@ import { VALID_VALIDITY_STATE, createTextFieldState } from "@proyecto-viviana/so
 * A pre-wired headless text field that combines state + aria hooks.
 * Port of react-aria-components/src/TextField.tsx
 */
-var _tmpl$ = /*#__PURE__*/ template(`<label>`), _tmpl$2 = /*#__PURE__*/ template(`<input>`), _tmpl$3 = /*#__PURE__*/ template(`<textarea>`), _tmpl$4 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<input>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<textarea>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
 const TextFieldContext = createContext(null);
-const LabelContext = TextFieldContext;
 const InputContext = TextFieldContext;
 const TextAreaContext = TextFieldContext;
 const FieldInputContext = TextFieldContext;
-function withFormValidationBehavior(props, formContext) {
-	if (!formContext?.validationBehavior) return props;
-	return new Proxy(props, {
-		get(target, property, receiver) {
-			const localValue = Reflect.get(target, property, receiver);
-			if (property === "validationBehavior" && localValue === void 0) return formContext.validationBehavior;
-			return localValue;
-		},
-		has(target, property) {
-			return Reflect.has(target, property) || property === "validationBehavior" && formContext.validationBehavior !== void 0;
-		},
-		ownKeys(target) {
-			const keys = new Set(Reflect.ownKeys(target));
-			if (formContext.validationBehavior !== void 0) keys.add("validationBehavior");
-			return Array.from(keys);
-		},
-		getOwnPropertyDescriptor(target, property) {
-			const descriptor = Reflect.getOwnPropertyDescriptor(target, property);
-			if (descriptor) return descriptor;
-			if (property === "validationBehavior" && formContext.validationBehavior !== void 0) return {
-				enumerable: true,
-				configurable: true,
-				get: () => formContext.validationBehavior
-			};
-		}
-	});
-}
-/**
-* A label element that automatically wires up to the parent TextField context.
-* This enables the proper htmlFor/id relationship between label and input.
-*/
-function Label(props) {
-	const context = useContext(TextFieldContext);
-	const localDOMProps = () => {
-		const result = {};
-		const propsRecord = props;
-		for (const key in propsRecord) if (key !== "children") result[key] = propsRecord[key];
-		return result;
-	};
-	const mergedProps = () => {
-		const localProps = localDOMProps();
-		if (context) {
-			const { ref: _ref, ...contextLabelProps } = context.labelProps ?? {};
-			const merged = {
-				...contextLabelProps,
-				...context.inputId ? { for: context.inputId } : {},
-				...localProps
-			};
-			if (merged.class == null) merged.class = "solidaria-Label";
-			return merged;
-		}
-		return localProps.class == null ? {
-			...localProps,
-			class: "solidaria-Label"
-		} : localProps;
-	};
-	return (() => {
-		var _el$ = getNextElement(_tmpl$);
-		spread(_el$, mergeProps(mergedProps), false, true);
-		insert(_el$, () => props.children);
-		runHydrationEvents();
-		return _el$;
-	})();
-}
 function eventWithCurrentTarget(event, element) {
 	return new Proxy(event, { get(target, property, receiver) {
 		if (property === "target" || property === "currentTarget") return element;
@@ -103,8 +54,9 @@ function clearDelegatedTextEntryHandlers(element) {
 function Input(props) {
 	const context = useContext(TextFieldContext);
 	let inputElement;
-	createEffect(() => {
-		context?.setInputId?.(props.id);
+	const contextInputRef = context?.inputProps?.ref;
+	createEffect(() => attrString(props.id), (id) => {
+		context?.setInputId?.(id);
 	});
 	onCleanup(() => {
 		context?.setInputId?.(void 0);
@@ -124,7 +76,7 @@ function Input(props) {
 			class: "solidaria-Input"
 		} : props;
 	};
-	onMount(() => {
+	onSettled(() => {
 		const element = inputElement;
 		if (!element) return;
 		const inputHandler = (event) => {
@@ -142,22 +94,22 @@ function Input(props) {
 		element.addEventListener("input", inputHandler);
 		element.addEventListener("change", changeHandler);
 		clearDelegatedTextEntryHandlers(element);
-		onCleanup(() => {
+		return () => {
 			element.removeEventListener("input", inputHandler);
 			element.removeEventListener("change", changeHandler);
-		});
+		};
 	});
-	return (() => {
-		var _el$2 = getNextElement(_tmpl$2);
-		use((element) => {
+	var _el$ = getNextElement(_tmpl$);
+	ref(() => {
+		return (element) => {
 			inputElement = element;
-			const ref = props.ref;
-			if (typeof ref === "function") ref(element);
-		}, _el$2);
-		spread(_el$2, mergeProps(mergedProps), false, false);
-		runHydrationEvents();
-		return _el$2;
-	})();
+			assignRef(contextInputRef, element);
+			assignRef(props.ref, element);
+		};
+	}, _el$);
+	spread(_el$, mergedProps, false);
+	runHydrationEvents();
+	return _el$;
 }
 /**
 * A textarea element that automatically wires up to the parent TextField context.
@@ -167,8 +119,9 @@ function Input(props) {
 function TextArea(props) {
 	const context = useContext(TextFieldContext);
 	let textAreaElement;
-	createEffect(() => {
-		context?.setInputId?.(props.id);
+	const contextInputRef = context?.inputProps?.ref;
+	createEffect(() => attrString(props.id), (id) => {
+		context?.setInputId?.(id);
 	});
 	onCleanup(() => {
 		context?.setInputId?.(void 0);
@@ -188,7 +141,7 @@ function TextArea(props) {
 			class: "solidaria-TextArea"
 		} : props;
 	};
-	onMount(() => {
+	onSettled(() => {
 		const element = textAreaElement;
 		if (!element) return;
 		const inputHandler = (event) => {
@@ -206,22 +159,22 @@ function TextArea(props) {
 		element.addEventListener("input", inputHandler);
 		element.addEventListener("change", changeHandler);
 		clearDelegatedTextEntryHandlers(element);
-		onCleanup(() => {
+		return () => {
 			element.removeEventListener("input", inputHandler);
 			element.removeEventListener("change", changeHandler);
-		});
+		};
 	});
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$3);
-		use((element) => {
+	var _el$2 = getNextElement(_tmpl$2);
+	ref(() => {
+		return (element) => {
 			textAreaElement = element;
-			const ref = props.ref;
-			if (typeof ref === "function") ref(element);
-		}, _el$3);
-		spread(_el$3, mergeProps(mergedProps), false, false);
-		runHydrationEvents();
-		return _el$3;
-	})();
+			assignRef(contextInputRef, element);
+			assignRef(props.ref, element);
+		};
+	}, _el$2);
+	spread(_el$2, mergedProps, false);
+	runHydrationEvents();
+	return _el$2;
 }
 /**
 * A text field allows a user to enter a plain text value with a keyboard.
@@ -244,13 +197,14 @@ function TextArea(props) {
 function TextField(props) {
 	const formContext = useContext(FormContext);
 	const contextProps = useContext(TextFieldContext);
-	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextSlotProps = contextProps?.slots?.[typeof props.slot === "string" ? props.slot : "default"];
 	const contextBaseProps = createMemo(() => {
 		if (!contextProps) return {};
 		const { labelProps: _labelProps, inputProps: _inputProps, descriptionProps: _descriptionProps, errorMessageProps: _errorMessageProps, isInvalid: _isInvalid, slots: _slots, setInputId: _setInputId, ...rest } = contextProps;
 		return rest;
 	});
-	const [local, ariaProps] = splitProps(withFormValidationBehavior(contextProps ? mergeProps$2(contextBaseProps(), contextSlotProps ?? {}, props) : props, formContext), [
+	const baseProps = contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const [local, ariaProps] = splitProps(baseProps, [
 		"children",
 		"class",
 		"style",
@@ -273,8 +227,11 @@ function TextField(props) {
 		for (const key in ariaProps) if (!key.startsWith("data-")) clean[key] = ariaProps[key];
 		return clean;
 	});
+	const [labelRef, hasLabel] = useSlot(!ariaProps["aria-label"] && !ariaProps["aria-labelledby"]);
 	const textFieldAria = createTextField(() => ({
 		...inputAriaProps(),
+		validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),
+		label: hasLabel(),
 		value: state.value(),
 		onChange: state.setValue
 	}));
@@ -337,15 +294,12 @@ function TextField(props) {
 	};
 	const fieldValidation = createMemo(() => {
 		const isInvalid = textFieldAria.isInvalid;
+		const validationErrors = textFieldAria.validationErrors;
 		const errorMessage = ariaProps.errorMessage;
 		return {
 			isInvalid,
-			validationErrors: isInvalid && typeof errorMessage === "string" ? [errorMessage] : [],
-			validationDetails: isInvalid ? {
-				...VALID_VALIDITY_STATE,
-				customError: true,
-				valid: false
-			} : VALID_VALIDITY_STATE
+			validationErrors: isInvalid && validationErrors.length === 0 && typeof errorMessage === "string" ? [errorMessage] : validationErrors,
+			validationDetails: textFieldAria.validationDetails
 		};
 	});
 	const fieldErrorContext = {
@@ -361,7 +315,7 @@ function TextField(props) {
 			return textFieldAria.labelProps;
 		},
 		get inputProps() {
-			return mergeProps$2(textFieldAria.inputProps, focusProps);
+			return mergeProps$1(textFieldAria.inputProps, focusProps);
 		},
 		get descriptionProps() {
 			return textFieldAria.descriptionProps;
@@ -379,6 +333,20 @@ function TextField(props) {
 			setInputIdOverride(id);
 		}
 	};
+	const labelContextValue = {
+		ref: labelRef,
+		get id() {
+			return textFieldAria.labelProps.id;
+		},
+		get htmlFor() {
+			const labelProps = textFieldAria.labelProps;
+			return inputIdOverride() ?? labelProps.htmlFor ?? labelProps.for;
+		},
+		get for() {
+			const labelProps = textFieldAria.labelProps;
+			return inputIdOverride() ?? labelProps.htmlFor ?? labelProps.for;
+		}
+	};
 	const FieldChildren = () => untrack(() => {
 		const children = local.children;
 		return typeof children === "function" ? children(childRenderValues) : children;
@@ -403,31 +371,38 @@ function TextField(props) {
 		class: renderProps.class(),
 		style: renderProps.style(),
 		slot: local.slot,
-		"data-disabled": ariaProps.isDisabled || void 0,
-		"data-invalid": textFieldAria.isInvalid || void 0,
-		"data-readonly": ariaProps.isReadOnly || void 0,
-		"data-required": ariaProps.isRequired || void 0,
-		"data-hovered": isHovered() || void 0,
-		"data-focused": isFocused() || void 0,
-		"data-focus-visible": isFocusVisible() || void 0
+		"data-disabled": dataAttr(!!ariaProps.isDisabled),
+		"data-invalid": dataAttr(!!textFieldAria.isInvalid),
+		"data-readonly": dataAttr(!!ariaProps.isReadOnly),
+		"data-required": dataAttr(!!ariaProps.isRequired),
+		"data-hovered": dataAttr(isHovered()),
+		"data-focused": dataAttr(isFocused()),
+		"data-focus-visible": dataAttr(isFocusVisible())
 	});
 	const customRootProps = () => ({
 		...rootProps(),
 		children: createComponent(FieldChildrenSlotted, {})
 	});
-	return createComponent(FieldErrorContext.Provider, {
+	return createComponent(FieldErrorContext, {
 		value: fieldErrorContext,
 		get children() {
-			return createComponent(TextFieldContext.Provider, {
-				value: contextValue,
+			return createComponent(LabelContext, {
+				value: labelContextValue,
 				get children() {
-					return memo(() => !!local.render)() ? local.render(customRootProps(), renderValues()) : (() => {
-						var _el$4 = getNextElement(_tmpl$4);
-						spread(_el$4, mergeProps(rootProps), false, true);
-						insert(_el$4, createComponent(FieldChildrenSlotted, {}));
-						runHydrationEvents();
-						return _el$4;
-					})();
+					return createComponent(TextFieldContext, {
+						value: contextValue,
+						get children() {
+							return memo(() => {
+								return !!local.render;
+							})() ? local.render(customRootProps(), renderValues()) : (() => {
+								var _el$3 = getNextElement(_tmpl$3);
+								spread(_el$3, rootProps, true);
+								insert(_el$3, createComponent(FieldChildrenSlotted, {}));
+								runHydrationEvents();
+								return _el$3;
+							})();
+						}
+					});
 				}
 			});
 		}

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["JSX","Context","createContext","useContext","createMemo","createSignal","createEffect","onCleanup","onMount","splitProps","untrack","createTextField","createFocusRing","createHover","mergeProps","AriaTextFieldProps","createTextFieldState","VALID_VALIDITY_STATE","ValidationResult","FormContext","FormProps","FieldErrorContext","FieldErrorContextValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","Provider","TextContext","TextFieldRenderProps","isDisabled","isInvalid","isReadOnly","isRequired","isHovered","isFocused","isFocusVisible","TextFieldProps","Omit","children","class","style","render","props","HTMLAttributes","HTMLDivElement","renderProps","Element","TextFieldContextValue","labelProps","LabelHTMLAttributes","HTMLLabelElement","inputProps","InputHTMLAttributes","HTMLInputElement","descriptionProps","HTMLElement","errorMessageProps","slots","Record","inputId","setInputId","id","TextFieldContext","LabelContext","InputContext","TextAreaContext","FieldInputContext","withFormValidationBehavior","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","LabelProps","Label","context","localDOMProps","result","propsRecord","key","mergedProps","localProps","ref","_ref","contextLabelProps","merged","for","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$insert","_$runHydrationEvents","InputProps","eventWithCurrentTarget","event","Event","element","T","value","bind","clearDelegatedTextEntryHandlers","delegatedElement","$$input","$$change","Input","inputElement","contextInputProps","inputHandler","handler","onInput","EventHandler","InputEvent","currentTarget","stopPropagation","changeHandler","onChange","addEventListener","removeEventListener","_el$2","_tmpl$2","_$use","TextAreaProps","TextareaHTMLAttributes","HTMLTextAreaElement","TextArea","textAreaElement","type","_type","_el$3","_tmpl$3","TextField","contextProps","contextSlotProps","slot","contextBaseProps","_labelProps","_inputProps","_descriptionProps","_errorMessageProps","_isInvalid","_slots","_setInputId","rest","baseProps","local","ariaProps","state","defaultValue","inputAriaProps","clean","startsWith","textFieldAria","setValue","focusProps","hoverProps","inputIdOverride","setInputIdOverride","renderValues","defaultClassName","childRenderValues","domProps","filtered","global","events","cleanHoverProps","fieldValidation","errorMessage","validationErrors","validationDetails","customError","valid","fieldErrorContext","validation","contextValue","FieldChildren","textSlots","description","FieldChildrenSlotted","_$createComponent","values","rootProps","customRootProps","_$memo","_el$4","_tmpl$4"],"sources":["../src/TextField.tsx"],"sourcesContent":["/**\n * TextField component for solidaria-components\n *\n * A pre-wired headless text field that combines state + aria hooks.\n * Port of react-aria-components/src/TextField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  createEffect,\n  onCleanup,\n  onMount,\n  splitProps,\n  untrack,\n} from \"solid-js\";\nimport {\n  createTextField,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaTextFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createTextFieldState,\n  VALID_VALIDITY_STATE,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\n\nexport interface TextFieldRenderProps {\n  /** Whether the text field is disabled. */\n  isDisabled: boolean;\n  /** Whether the value is invalid. */\n  isInvalid: boolean;\n  /** Whether the text field is read only. */\n  isReadOnly: boolean;\n  /** Whether the text field is required. */\n  isRequired: boolean;\n  /** Whether the text field is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the text field is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the text field is keyboard focused. */\n  isFocusVisible: boolean;\n}\n\nexport interface TextFieldProps extends Omit<AriaTextFieldProps, \"children\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<TextFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TextFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TextFieldRenderProps>;\n  /** Custom renderer for the outer text field element. */\n  render?: (\n    props: JSX.HTMLAttributes<HTMLDivElement>,\n    renderProps: TextFieldRenderProps,\n  ) => JSX.Element;\n}\n\nexport interface TextFieldContextValue {\n  labelProps?: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps?: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  isInvalid?: boolean;\n  slots?: Record<string, TextFieldProps>;\n  inputId?: string;\n  setInputId?: (id: string | undefined) => void;\n}\n\nexport const TextFieldContext = createContext<TextFieldContextValue | null>(null);\nexport const LabelContext = TextFieldContext;\nexport const InputContext = TextFieldContext;\nexport const TextAreaContext = TextFieldContext;\nexport const FieldInputContext = TextFieldContext;\n\nfunction withFormValidationBehavior(\n  props: TextFieldProps,\n  formContext: FormProps | null,\n): TextFieldProps {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nexport interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {\n  children?: JSX.Element;\n}\n\n/**\n * A label element that automatically wires up to the parent TextField context.\n * This enables the proper htmlFor/id relationship between label and input.\n */\nexport function Label(props: LabelProps): JSX.Element {\n  const context = useContext(TextFieldContext);\n\n  const localDOMProps = () => {\n    const result: Record<string, unknown> = {};\n    const propsRecord = props as Record<string, unknown>;\n\n    for (const key in propsRecord) {\n      if (key !== \"children\") {\n        result[key] = propsRecord[key];\n      }\n    }\n    return result;\n  };\n\n  // Merge context labelProps with local props (local props take precedence)\n  const mergedProps = () => {\n    const localProps = localDOMProps();\n    if (context) {\n      const { ref: _ref, ...contextLabelProps } = (context.labelProps ?? {}) as Record<\n        string,\n        unknown\n      >;\n      const merged = {\n        ...contextLabelProps,\n        ...(context.inputId ? { for: context.inputId } : {}),\n        ...localProps,\n      } as Record<string, unknown>;\n      if (merged.class == null) {\n        merged.class = \"solidaria-Label\";\n      }\n      return merged;\n    }\n    return localProps.class == null ? { ...localProps, class: \"solidaria-Label\" } : localProps;\n  };\n\n  return <label {...mergedProps()}>{props.children}</label>;\n}\n\nexport interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"children\"> {}\n\nfunction eventWithCurrentTarget<T extends HTMLElement>(event: Event, element: T): Event {\n  return new Proxy(event, {\n    get(target, property, receiver) {\n      if (property === \"target\" || property === \"currentTarget\") {\n        return element;\n      }\n\n      const value = Reflect.get(target, property, receiver);\n      return typeof value === \"function\" ? value.bind(target) : value;\n    },\n  });\n}\n\nfunction clearDelegatedTextEntryHandlers(element: HTMLElement) {\n  const delegatedElement = element as HTMLElement & {\n    $$input?: unknown;\n    $$change?: unknown;\n  };\n  delete delegatedElement.$$input;\n  delete delegatedElement.$$change;\n}\n\n/**\n * An input element that automatically wires up to the parent TextField context.\n * This enables focus tracking, validation, and accessibility props to flow from\n * the TextField to the actual input element.\n */\nexport function Input(props: InputProps): JSX.Element {\n  const context = useContext(TextFieldContext);\n  let inputElement: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    context?.setInputId?.(props.id);\n  });\n\n  onCleanup(() => {\n    context?.setInputId?.(undefined);\n  });\n\n  // Merge context inputProps with local props (local props take precedence)\n  const mergedProps = () => {\n    if (context) {\n      // Remove ref from context props to avoid conflicts\n      const { ref: _ref, ...contextInputProps } = (context.inputProps ?? {}) as Record<\n        string,\n        unknown\n      >;\n      const merged = { ...contextInputProps, ...props } as Record<string, unknown>;\n      if (merged.class == null) {\n        merged.class = \"solidaria-Input\";\n      }\n      return merged;\n    }\n    return props.class == null ? { ...props, class: \"solidaria-Input\" } : props;\n  };\n\n  onMount(() => {\n    const element = inputElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedProps().onInput as\n        | JSX.EventHandler<HTMLInputElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedProps().onChange as\n        | JSX.EventHandler<HTMLInputElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    onCleanup(() => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    });\n  });\n\n  return (\n    <input\n      {...mergedProps()}\n      ref={(element) => {\n        inputElement = element;\n        const ref = props.ref;\n        if (typeof ref === \"function\") {\n          ref(element);\n        }\n      }}\n    />\n  );\n}\n\nexport interface TextAreaProps extends Omit<\n  JSX.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  \"children\"\n> {}\n\n/**\n * A textarea element that automatically wires up to the parent TextField context.\n * This enables focus tracking, validation, and accessibility props to flow from\n * the TextField to the actual textarea element.\n */\nexport function TextArea(props: TextAreaProps): JSX.Element {\n  const context = useContext(TextFieldContext);\n  let textAreaElement: HTMLTextAreaElement | undefined;\n\n  createEffect(() => {\n    context?.setInputId?.(props.id);\n  });\n\n  onCleanup(() => {\n    context?.setInputId?.(undefined);\n  });\n\n  // Merge context inputProps with local props (local props take precedence)\n  // Note: TextArea uses inputProps from context since it's an input variant\n  const mergedProps = () => {\n    if (context) {\n      const {\n        ref: _ref,\n        type: _type,\n        ...contextInputProps\n      } = (context.inputProps ?? {}) as Record<string, unknown>;\n      const merged = { ...contextInputProps, ...props } as Record<string, unknown>;\n      if (merged.class == null) {\n        merged.class = \"solidaria-TextArea\";\n      }\n      return merged;\n    }\n    return props.class == null ? { ...props, class: \"solidaria-TextArea\" } : props;\n  };\n\n  onMount(() => {\n    const element = textAreaElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedProps().onInput as\n        | JSX.EventHandler<HTMLTextAreaElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLTextAreaElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedProps().onChange as\n        | JSX.EventHandler<HTMLTextAreaElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLTextAreaElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    onCleanup(() => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    });\n  });\n\n  return (\n    <textarea\n      {...mergedProps()}\n      ref={(element) => {\n        textAreaElement = element;\n        const ref = props.ref;\n        if (typeof ref === \"function\") {\n          ref(element);\n        }\n      }}\n    />\n  );\n}\n\n/**\n * A text field allows a user to enter a plain text value with a keyboard.\n *\n * This is a headless component that provides accessibility and state management.\n * Style it using the render props pattern or data attributes.\n *\n * @example\n * ```tsx\n * <TextField>\n *   {({ isInvalid }) => (\n *     <>\n *       <Label>Email</Label>\n *       <Input class={isInvalid ? 'border-red-500' : 'border-gray-300'} />\n *     </>\n *   )}\n * </TextField>\n * ```\n */\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(TextFieldContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<TextFieldProps>(() => {\n    if (!contextProps) return {};\n    const {\n      labelProps: _labelProps,\n      inputProps: _inputProps,\n      descriptionProps: _descriptionProps,\n      errorMessageProps: _errorMessageProps,\n      isInvalid: _isInvalid,\n      slots: _slots,\n      setInputId: _setInputId,\n      ...rest\n    } = contextProps;\n    return rest as TextFieldProps;\n  });\n  const baseProps = (\n    contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props\n  ) as TextFieldProps;\n  const mergedProps = withFormValidationBehavior(baseProps, formContext);\n\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"render\",\n    \"slot\",\n  ]);\n\n  // Use getters to ensure props are read lazily inside reactive contexts\n  const state = createTextFieldState({\n    get value() {\n      return ariaProps.value;\n    },\n    get defaultValue() {\n      return ariaProps.defaultValue;\n    },\n    get onChange() {\n      return ariaProps.onChange;\n    },\n  });\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const textFieldAria = createTextField(() => ({\n    ...inputAriaProps(),\n    value: state.value(),\n    onChange: state.setValue,\n  }));\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n  const [inputIdOverride, setInputIdOverride] = createSignal<string | undefined>();\n\n  const renderValues = createMemo<TextFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled || false,\n    isInvalid: textFieldAria.isInvalid,\n    isReadOnly: ariaProps.isReadOnly || false,\n    isRequired: ariaProps.isRequired || false,\n    isHovered: isHovered(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TextField\",\n    },\n    renderValues,\n  );\n  const childRenderValues: TextFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled || false;\n    },\n    get isInvalid() {\n      return textFieldAria.isInvalid;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly || false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired || false;\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true, events: false });\n    delete (filtered as Record<string, unknown>).id;\n    return filtered;\n  });\n\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  // Context value for sub-components.\n  // Use property getters so sub-components always read the latest aria/focus state.\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = textFieldAria.isInvalid;\n    const errorMessage = ariaProps.errorMessage;\n    const validationErrors = isInvalid && typeof errorMessage === \"string\" ? [errorMessage] : [];\n\n    return {\n      isInvalid,\n      validationErrors,\n      validationDetails: isInvalid\n        ? { ...VALID_VALIDITY_STATE, customError: true, valid: false }\n        : VALID_VALIDITY_STATE,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n  const contextValue: TextFieldContextValue = {\n    get labelProps() {\n      return textFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>;\n    },\n    get inputProps() {\n      return mergeProps(\n        textFieldAria.inputProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return textFieldAria.descriptionProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get isInvalid() {\n      return textFieldAria.isInvalid;\n    },\n    // Deterministic at render (createTextField generates it via createUniqueId),\n    // so the Label's `for` is stable across SSR + hydration. A signal set from an\n    // onMount effect would flip undefined->id post-mount and re-execute the Label\n    // template — crashing hydration if the re-run lands mid-hydration (dev).\n    get inputId() {\n      return inputIdOverride() ?? (textFieldAria.inputProps as { id?: string }).id;\n    },\n    setInputId(id: string | undefined) {\n      setInputIdOverride(id);\n    },\n  };\n  // Resolve the render-prop children ONCE (untracked). Re-invoking it on a\n  // reactive update re-clones its templates; if that lands mid-hydration it\n  // throws a Hydration Mismatch (worst in dev, where slow unbundled modules widen\n  // the hydration window). The children carry their own fine-grained reactivity\n  // (render-value getters + <Show>s), so they update without being re-created.\n  const FieldChildren = () =>\n    untrack(() => {\n      const children = local.children;\n      return typeof children === \"function\" ? children(childRenderValues) : children;\n    });\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' TextField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off `TextFieldContext`\n  // are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return textFieldAria.descriptionProps as JSX.HTMLAttributes<HTMLElement>;\n      },\n      get errorMessage() {\n        return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n      },\n    },\n  };\n  const FieldChildrenSlotted = () => (\n    <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n      <FieldChildren />\n    </Provider>\n  );\n  const rootProps = () =>\n    ({\n      ...domProps(),\n      ...cleanHoverProps(),\n      class: renderProps.class(),\n      style: renderProps.style(),\n      slot: local.slot,\n      \"data-disabled\": ariaProps.isDisabled || undefined,\n      \"data-invalid\": textFieldAria.isInvalid || undefined,\n      \"data-readonly\": ariaProps.isReadOnly || undefined,\n      \"data-required\": ariaProps.isRequired || undefined,\n      \"data-hovered\": isHovered() || undefined,\n      \"data-focused\": isFocused() || undefined,\n      \"data-focus-visible\": isFocusVisible() || undefined,\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n  const customRootProps = () =>\n    ({\n      ...rootProps(),\n      children: <FieldChildrenSlotted />,\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n\n  return (\n    <FieldErrorContext.Provider value={fieldErrorContext}>\n      <TextFieldContext.Provider value={contextValue}>\n        {local.render ? (\n          local.render(customRootProps(), renderValues())\n        ) : (\n          <div {...rootProps()}>\n            <FieldChildrenSlotted />\n          </div>\n        )}\n      </TextFieldContext.Provider>\n    </FieldErrorContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["ref={(element) => {\n        inputElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}","<input\n      {...mergedProps()}\n      ref={(element) => {\n        inputElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}\n    />","ref={(element) => {\n        textAreaElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}","<textarea\n      {...mergedProps()}\n      ref={(element) => {\n        textAreaElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}\n    />","<Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n      <FieldChildren />\n    </Provider>","values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}","<FieldChildren />","<FieldChildrenSlotted />","<FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <TextFieldContext value={contextValue}>\n          {local.render ? (\n            local.render(customRootProps(), renderValues())\n          ) : (\n            <div {...rootProps()}>\n              <FieldChildrenSlotted />\n            </div>\n          )}\n        </TextFieldContext>\n      </LabelContext>\n    </FieldErrorContext>","value={fieldErrorContext}","<LabelContext value={labelContextValue}>\n        <TextFieldContext value={contextValue}>\n          {local.render ? (\n            local.render(customRootProps(), renderValues())\n          ) : (\n            <div {...rootProps()}>\n              <FieldChildrenSlotted />\n            </div>\n          )}\n        </TextFieldContext>\n      </LabelContext>","value={labelContextValue}","<TextFieldContext value={contextValue}>\n          {local.render ? (\n            local.render(customRootProps(), renderValues())\n          ) : (\n            <div {...rootProps()}>\n              <FieldChildrenSlotted />\n            </div>\n          )}\n        </TextFieldContext>","value={contextValue}","{local.render ? (\n            local.render(customRootProps(), renderValues())\n          ) : (\n            <div {...rootProps()}>\n              <FieldChildrenSlotted />\n            </div>\n          )}"],"sources":["../src/TextField.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// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/TextField.tsx\n\n/**\n * TextField component for solidaria-components\n *\n * A pre-wired headless text field that combines state + aria hooks.\n * Port of react-aria-components/src/TextField.tsx\n */\n\nimport {\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  createEffect,\n  onCleanup,\n  onSettled,\n  untrack,\n} from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createTextField,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaTextFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport { createTextFieldState, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, resolveValidationBehavior } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n  useSlot,\n  dataAttr,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { LabelContext, type LabelProps } from \"./Label\";\nimport { assignRef, attrString, splitProps, type RefLike } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface TextFieldRenderProps {\n  /** Whether the text field is disabled. */\n  isDisabled: boolean;\n  /** Whether the value is invalid. */\n  isInvalid: boolean;\n  /** Whether the text field is read only. */\n  isReadOnly: boolean;\n  /** Whether the text field is required. */\n  isRequired: boolean;\n  /** Whether the text field is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the text field is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the text field is keyboard focused. */\n  isFocusVisible: boolean;\n}\n\nexport interface TextFieldProps extends Omit<AriaTextFieldProps, \"children\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<TextFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TextFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TextFieldRenderProps>;\n  /** Custom renderer for the outer text field element. */\n  render?: (\n    props: JSX.HTMLAttributes<HTMLDivElement>,\n    renderProps: TextFieldRenderProps,\n  ) => JSX.Element;\n}\n\nexport interface TextFieldContextValue {\n  labelProps?: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps?: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  isInvalid?: boolean;\n  slots?: Record<string, TextFieldProps>;\n  inputId?: string;\n  setInputId?: (id: string | undefined) => void;\n}\n\nexport const TextFieldContext = createContext<TextFieldContextValue | null>(null);\nexport const InputContext = TextFieldContext;\nexport const TextAreaContext = TextFieldContext;\nexport const FieldInputContext = TextFieldContext;\n\nexport interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"children\"> {}\n\nfunction eventWithCurrentTarget<T extends HTMLElement>(event: Event, element: T): Event {\n  return new Proxy(event, {\n    get(target, property, receiver) {\n      if (property === \"target\" || property === \"currentTarget\") {\n        return element;\n      }\n\n      const value = Reflect.get(target, property, receiver);\n      return typeof value === \"function\" ? value.bind(target) : value;\n    },\n  });\n}\n\nfunction clearDelegatedTextEntryHandlers(element: HTMLElement) {\n  const delegatedElement = element as HTMLElement & {\n    $$input?: unknown;\n    $$change?: unknown;\n  };\n  delete delegatedElement.$$input;\n  delete delegatedElement.$$change;\n}\n\n/**\n * An input element that automatically wires up to the parent TextField context.\n * This enables focus tracking, validation, and accessibility props to flow from\n * the TextField to the actual input element.\n */\nexport function Input(props: InputProps): JSX.Element {\n  const context = useContext(TextFieldContext);\n  let inputElement: HTMLInputElement | undefined;\n  // Resolved here, in the component body, not in the ref callback below: Solid 2\n  // applies element refs through `runWithOwner(null, …)`, so a `context.inputProps`\n  // read from inside the callback runs with no owner. A styled register may put a\n  // proxy on that context whose `inputProps` getter re-runs caller thunks (#545),\n  // and anything ownerless those thunks reach throws.\n  const contextInputRef = context?.inputProps?.ref as RefLike<HTMLInputElement>;\n\n  createEffect(\n    () => attrString(props.id),\n    (id) => {\n      context?.setInputId?.(id);\n    },\n  );\n\n  onCleanup(() => {\n    context?.setInputId?.(undefined);\n  });\n\n  // Merge context inputProps with local props (local props take precedence)\n  const mergedProps = () => {\n    if (context) {\n      // Remove ref from context props to avoid conflicts\n      const { ref: _ref, ...contextInputProps } = (context.inputProps ?? {}) as Record<\n        string,\n        unknown\n      >;\n      const merged = { ...contextInputProps, ...props } as Record<string, unknown>;\n      if (merged.class == null) {\n        merged.class = \"solidaria-Input\";\n      }\n      return merged;\n    }\n    return props.class == null ? { ...props, class: \"solidaria-Input\" } : props;\n  };\n\n  onSettled(() => {\n    const element = inputElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedProps().onInput as\n        | JSX.EventHandler<HTMLInputElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedProps().onChange as\n        | JSX.EventHandler<HTMLInputElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    return () => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    };\n  });\n\n  return (\n    <input\n      {...mergedProps()}\n      ref={(element) => {\n        inputElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}\n    />\n  );\n}\n\nexport interface TextAreaProps extends Omit<\n  JSX.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  \"children\"\n> {}\n\n/**\n * A textarea element that automatically wires up to the parent TextField context.\n * This enables focus tracking, validation, and accessibility props to flow from\n * the TextField to the actual textarea element.\n */\nexport function TextArea(props: TextAreaProps): JSX.Element {\n  const context = useContext(TextFieldContext);\n  let textAreaElement: HTMLTextAreaElement | undefined;\n  // Resolved in the component body, not in the ref callback: see `Input` above.\n  const contextInputRef = context?.inputProps?.ref as RefLike<HTMLTextAreaElement>;\n\n  createEffect(\n    () => attrString(props.id),\n    (id) => {\n      context?.setInputId?.(id);\n    },\n  );\n\n  onCleanup(() => {\n    context?.setInputId?.(undefined);\n  });\n\n  // Merge context inputProps with local props (local props take precedence)\n  // Note: TextArea uses inputProps from context since it's an input variant\n  const mergedProps = () => {\n    if (context) {\n      const {\n        ref: _ref,\n        type: _type,\n        ...contextInputProps\n      } = (context.inputProps ?? {}) as Record<string, unknown>;\n      const merged = { ...contextInputProps, ...props } as Record<string, unknown>;\n      if (merged.class == null) {\n        merged.class = \"solidaria-TextArea\";\n      }\n      return merged;\n    }\n    return props.class == null ? { ...props, class: \"solidaria-TextArea\" } : props;\n  };\n\n  onSettled(() => {\n    const element = textAreaElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedProps().onInput as\n        | JSX.EventHandler<HTMLTextAreaElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLTextAreaElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedProps().onChange as\n        | JSX.EventHandler<HTMLTextAreaElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLTextAreaElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    return () => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    };\n  });\n\n  return (\n    <textarea\n      {...mergedProps()}\n      ref={(element) => {\n        textAreaElement = element;\n        assignRef(contextInputRef, element);\n        assignRef(props.ref, element);\n      }}\n    />\n  );\n}\n\n/**\n * A text field allows a user to enter a plain text value with a keyboard.\n *\n * This is a headless component that provides accessibility and state management.\n * Style it using the render props pattern or data attributes.\n *\n * @example\n * ```tsx\n * <TextField>\n *   {({ isInvalid }) => (\n *     <>\n *       <Label>Email</Label>\n *       <Input class={isInvalid ? 'border-red-500' : 'border-gray-300'} />\n *     </>\n *   )}\n * </TextField>\n * ```\n */\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(TextFieldContext);\n  const contextSlotProps =\n    contextProps?.slots?.[typeof props.slot === \"string\" ? props.slot : \"default\"];\n  const contextBaseProps = createMemo<TextFieldProps>(() => {\n    if (!contextProps) return {};\n    const {\n      labelProps: _labelProps,\n      inputProps: _inputProps,\n      descriptionProps: _descriptionProps,\n      errorMessageProps: _errorMessageProps,\n      isInvalid: _isInvalid,\n      slots: _slots,\n      setInputId: _setInputId,\n      ...rest\n    } = contextProps;\n    return rest as TextFieldProps;\n  });\n  const baseProps = (\n    contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props\n  ) as TextFieldProps;\n  const [local, ariaProps] = splitProps(baseProps, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"render\",\n    \"slot\",\n  ]);\n\n  // Use getters to ensure props are read lazily inside reactive contexts\n  const state = createTextFieldState({\n    get value() {\n      return ariaProps.value;\n    },\n    get defaultValue() {\n      return ariaProps.defaultValue;\n    },\n    get onChange() {\n      return ariaProps.onChange;\n    },\n  });\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  // RAC `TextField` reports whether a slotted `<Label>` actually mounted, and\n  // `useLabel` only mints `labelProps`/`aria-labelledby` when it did\n  // (`useLabel.ts:52`). Without this the canonical\n  // `<TextField><Label/><Input/></TextField>` renders an input with no\n  // accessible name.\n  const [labelRef, hasLabel] = useSlot(!ariaProps[\"aria-label\"] && !ariaProps[\"aria-labelledby\"]);\n\n  const textFieldAria = createTextField(() => ({\n    ...inputAriaProps(),\n    validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),\n    label: hasLabel(),\n    value: state.value(),\n    onChange: state.setValue,\n  }));\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n  const [inputIdOverride, setInputIdOverride] = createSignal<string | undefined>();\n\n  const renderValues = createMemo<TextFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled || false,\n    isInvalid: textFieldAria.isInvalid,\n    isReadOnly: ariaProps.isReadOnly || false,\n    isRequired: ariaProps.isRequired || false,\n    isHovered: isHovered(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TextField\",\n    },\n    renderValues,\n  );\n  const childRenderValues: TextFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled || false;\n    },\n    get isInvalid() {\n      return textFieldAria.isInvalid;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly || false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired || false;\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true, events: false });\n    delete (filtered as Record<string, unknown>).id;\n    return filtered;\n  });\n\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  // RAC TextField passes useTextField's `{isInvalid, validationErrors,\n  // validationDetails}` into FieldErrorContext (`TextField.tsx:181`). The\n  // `errorMessage` prop is omitted at that layer; keep it as a fallback so a\n  // string errorMessage still fills FieldError's default children.\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = textFieldAria.isInvalid;\n    const validationErrors = textFieldAria.validationErrors;\n    const errorMessage = ariaProps.errorMessage;\n    return {\n      isInvalid,\n      validationErrors:\n        isInvalid && validationErrors.length === 0 && typeof errorMessage === \"string\"\n          ? [errorMessage]\n          : validationErrors,\n      validationDetails: textFieldAria.validationDetails,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n  const contextValue: TextFieldContextValue = {\n    get labelProps() {\n      return textFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>;\n    },\n    get inputProps() {\n      return mergeProps(\n        textFieldAria.inputProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return textFieldAria.descriptionProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get isInvalid() {\n      return textFieldAria.isInvalid;\n    },\n    // Deterministic at render (createTextField generates it via createUniqueId),\n    // so the Label's `for` is stable across SSR + hydration. A signal set from an\n    // onMount effect would flip undefined->id post-mount and re-execute the Label\n    // template — crashing hydration if the re-run lands mid-hydration (dev).\n    get inputId() {\n      return inputIdOverride() ?? (textFieldAria.inputProps as { id?: string }).id;\n    },\n    setInputId(id: string | undefined) {\n      setInputIdOverride(id);\n    },\n  };\n  const labelContextValue: LabelProps = {\n    ref: labelRef,\n    get id() {\n      return (textFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>).id;\n    },\n    get htmlFor() {\n      const labelProps = textFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n        for?: string;\n      };\n      return inputIdOverride() ?? labelProps.htmlFor ?? labelProps.for;\n    },\n    get for() {\n      const labelProps = textFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n        for?: string;\n      };\n      return inputIdOverride() ?? labelProps.htmlFor ?? labelProps.for;\n    },\n  };\n  // Resolve the render-prop children ONCE (untracked). Re-invoking it on a\n  // reactive update re-clones its templates; if that lands mid-hydration it\n  // throws a Hydration Mismatch (worst in dev, where slow unbundled modules widen\n  // the hydration window). The children carry their own fine-grained reactivity\n  // (render-value getters + <Show>s), so they update without being re-created.\n  const FieldChildren = () =>\n    untrack(() => {\n      const children = local.children;\n      return typeof children === \"function\" ? children(childRenderValues) : children;\n    });\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' TextField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off `TextFieldContext`\n  // are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return textFieldAria.descriptionProps as JSX.HTMLAttributes<HTMLElement>;\n      },\n      get errorMessage() {\n        return textFieldAria.errorMessageProps as JSX.HTMLAttributes<HTMLElement>;\n      },\n    },\n  };\n  const FieldChildrenSlotted = () => (\n    <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n      <FieldChildren />\n    </Provider>\n  );\n  const rootProps = () =>\n    ({\n      ...domProps(),\n      ...cleanHoverProps(),\n      class: renderProps.class(),\n      style: renderProps.style(),\n      slot: local.slot,\n      \"data-disabled\": dataAttr(!!ariaProps.isDisabled),\n      \"data-invalid\": dataAttr(!!textFieldAria.isInvalid),\n      \"data-readonly\": dataAttr(!!ariaProps.isReadOnly),\n      \"data-required\": dataAttr(!!ariaProps.isRequired),\n      \"data-hovered\": dataAttr(isHovered()),\n      \"data-focused\": dataAttr(isFocused()),\n      \"data-focus-visible\": dataAttr(isFocusVisible()),\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n  const customRootProps = () =>\n    ({\n      ...rootProps(),\n      children: <FieldChildrenSlotted />,\n    }) as JSX.HTMLAttributes<HTMLDivElement>;\n\n  return (\n    <FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <TextFieldContext value={contextValue}>\n          {local.render ? (\n            local.render(customRootProps(), renderValues())\n          ) : (\n            <div {...rootProps()}>\n              <FieldChildrenSlotted />\n            </div>\n          )}\n        </TextFieldContext>\n      </LabelContext>\n    </FieldErrorContext>\n  );\n}\n\nexport { Label, LabelContext, type LabelProps } from \"./Label\";\n"],"mappings":"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"}