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

package/dist/TextField.jsx

@@ -1,10 +1,24 @@
-import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
-import { FieldErrorContext } from "./FieldError.jsx";
+/*
+* 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.jsx";
 import { TextContext } from "./Text.jsx";
-import { FormContext } from "./Form.jsx";
-import { createContext, createEffect, createMemo, createSignal, onCleanup, onMount, splitProps, untrack, useContext } from "solid-js";
-import { createFocusRing, createHover, createTextField, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
-import { VALID_VALIDITY_STATE, createTextFieldState } from "@proyecto-viviana/solid-stately";
+import { FieldErrorContext } from "./FieldError.jsx";
+import { FormContext, resolveValidationBehavior } from "./Form.jsx";
+import { n as LabelContext, t as Label } from "./Label.jsx";
+import { createContext, createEffect, createMemo, createSignal, onCleanup, onSettled, untrack, useContext } from "solid-js";
+import { createFocusRing, createHover, createTextField, mergeProps } 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,68 +27,9 @@ import { VALID_VALIDITY_STATE, createTextFieldState } from "@proyecto-viviana/so
 * Port of react-aria-components/src/TextField.tsx
 */
 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 <label {...mergedProps()}>{props.children}</label>;
-}
 function eventWithCurrentTarget(event, element) {
 	return new Proxy(event, { get(target, property, receiver) {
 		if (property === "target" || property === "currentTarget") return element;
@@ -95,8 +50,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);
@@ -116,7 +72,7 @@ function Input(props) {
 			class: "solidaria-Input"
 		} : props;
 	};
-	onMount(() => {
+	onSettled(() => {
 		const element = inputElement;
 		if (!element) return;
 		const inputHandler = (event) => {
@@ -134,15 +90,15 @@ function Input(props) {
 		element.addEventListener("input", inputHandler);
 		element.addEventListener("change", changeHandler);
 		clearDelegatedTextEntryHandlers(element);
-		onCleanup(() => {
+		return () => {
 			element.removeEventListener("input", inputHandler);
 			element.removeEventListener("change", changeHandler);
-		});
+		};
 	});
 	return <input {...mergedProps()} ref={(element) => {
 		inputElement = element;
-		const ref = props.ref;
-		if (typeof ref === "function") ref(element);
+		assignRef(contextInputRef, element);
+		assignRef(props.ref, element);
 	}} />;
 }
 /**
@@ -153,8 +109,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);
@@ -174,7 +131,7 @@ function TextArea(props) {
 			class: "solidaria-TextArea"
 		} : props;
 	};
-	onMount(() => {
+	onSettled(() => {
 		const element = textAreaElement;
 		if (!element) return;
 		const inputHandler = (event) => {
@@ -192,15 +149,15 @@ function TextArea(props) {
 		element.addEventListener("input", inputHandler);
 		element.addEventListener("change", changeHandler);
 		clearDelegatedTextEntryHandlers(element);
-		onCleanup(() => {
+		return () => {
 			element.removeEventListener("input", inputHandler);
 			element.removeEventListener("change", changeHandler);
-		});
+		};
 	});
 	return <textarea {...mergedProps()} ref={(element) => {
 		textAreaElement = element;
-		const ref = props.ref;
-		if (typeof ref === "function") ref(element);
+		assignRef(contextInputRef, element);
+		assignRef(props.ref, element);
 	}} />;
 }
 /**
@@ -224,13 +181,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$1(contextBaseProps(), contextSlotProps ?? {}, props) : props, formContext), [
+	const baseProps = contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const [local, ariaProps] = splitProps(baseProps, [
 		"children",
 		"class",
 		"style",
@@ -253,8 +211,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
 	}));
@@ -317,15 +278,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 = {
@@ -341,7 +299,7 @@ function TextField(props) {
 			return textFieldAria.labelProps;
 		},
 		get inputProps() {
-			return mergeProps$1(textFieldAria.inputProps, focusProps);
+			return mergeProps(textFieldAria.inputProps, focusProps);
 		},
 		get descriptionProps() {
 			return textFieldAria.descriptionProps;
@@ -359,6 +317,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;
@@ -380,25 +352,27 @@ 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: <FieldChildrenSlotted />
 	});
-	return <FieldErrorContext.Provider value={fieldErrorContext}>
-      <TextFieldContext.Provider value={contextValue}>
-        {local.render ? local.render(customRootProps(), renderValues()) : <div {...rootProps()}>
-            <FieldChildrenSlotted />
-          </div>}
-      </TextFieldContext.Provider>
-    </FieldErrorContext.Provider>;
+	return <FieldErrorContext value={fieldErrorContext}>
+      <LabelContext value={labelContextValue}>
+        <TextFieldContext value={contextValue}>
+          {local.render ? local.render(customRootProps(), renderValues()) : <div {...rootProps()}>
+              <FieldChildrenSlotted />
+            </div>}
+        </TextFieldContext>
+      </LabelContext>
+    </FieldErrorContext>;
 }
 //#endregion
 export { FieldInputContext, Input, InputContext, Label, LabelContext, TextArea, TextAreaContext, TextField, TextFieldContext };

package/dist/TextField.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.jsx","names":["mergeProps"],"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.jsx","names":[],"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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"}

package/dist/TimeField.d.ts

@@ -1,18 +1,5 @@
-/**
- * TimeField component for solidaria-components
- *
- * Pre-wired headless time field. Faithful port of react-aria-components'
- * TimeField, which does NOT define its own segment primitives — it reuses
- * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).
- * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component
- * drives the certified DateField segment/group stack directly: it provides the
- * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`
- * read, plus a `TimeFieldContext` for the time-field label/description/error
- * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC
- * TimeField renders none); its native-validation `<input>` is still emitted by
- * the inner DateInput sibling.
- */
-import { type JSX, type Context } from "solid-js";
+import type { Context } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaTimeFieldProps } from "@proyecto-viviana/solidaria";
 import { type TimeFieldState, type TimeFieldStateProps, type TimeSegment as TimeSegmentType, type TimeValue } from "@proyecto-viviana/solid-stately";
 import { type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";

package/dist/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,OAAO,EAOb,MAAM,UAAU,CAAC;AAClB,OAAO,EAA+B,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,SAAS,EACf,MAAM,iCAAiC,CAAC;AAMzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAKf,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SACE,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC,EAC3E,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACtC,SAAS;IACX,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAClD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC9C,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC1C,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,uCAAoD,CAAC;AAClF,eAAO,MAAM,qBAAqB,2CAAwD,CAAC;AAyD3F,wBAAgB,mBAAmB,IAAI,cAAc,CAAC,SAAS,CAAC,CAE/D;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAehG;AAoLD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAOtE;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAOlF;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAOpF;AAED,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"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"}