@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/TextField.jsx

@@ -0,0 +1,403 @@
+import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
+import { FieldErrorContext } from "./FieldError.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";
+//#region src/TextField.tsx
+/**
+* TextField component for solidaria-components
+*
+* A pre-wired headless text field that combines state + aria hooks.
+* 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;
+		const value = Reflect.get(target, property, receiver);
+		return typeof value === "function" ? value.bind(target) : value;
+	} });
+}
+function clearDelegatedTextEntryHandlers(element) {
+	const delegatedElement = element;
+	delete delegatedElement.$$input;
+	delete delegatedElement.$$change;
+}
+/**
+* An input element that automatically wires up to the parent TextField context.
+* This enables focus tracking, validation, and accessibility props to flow from
+* the TextField to the actual input element.
+*/
+function Input(props) {
+	const context = useContext(TextFieldContext);
+	let inputElement;
+	createEffect(() => {
+		context?.setInputId?.(props.id);
+	});
+	onCleanup(() => {
+		context?.setInputId?.(void 0);
+	});
+	const mergedProps = () => {
+		if (context) {
+			const { ref: _ref, ...contextInputProps } = context.inputProps ?? {};
+			const merged = {
+				...contextInputProps,
+				...props
+			};
+			if (merged.class == null) merged.class = "solidaria-Input";
+			return merged;
+		}
+		return props.class == null ? {
+			...props,
+			class: "solidaria-Input"
+		} : props;
+	};
+	onMount(() => {
+		const element = inputElement;
+		if (!element) return;
+		const inputHandler = (event) => {
+			const handler = mergedProps().onInput;
+			handler?.(eventWithCurrentTarget(event, element));
+			clearDelegatedTextEntryHandlers(element);
+			event.stopPropagation();
+		};
+		const changeHandler = (event) => {
+			const handler = mergedProps().onChange;
+			handler?.(eventWithCurrentTarget(event, element));
+			clearDelegatedTextEntryHandlers(element);
+			event.stopPropagation();
+		};
+		element.addEventListener("input", inputHandler);
+		element.addEventListener("change", changeHandler);
+		clearDelegatedTextEntryHandlers(element);
+		onCleanup(() => {
+			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);
+	}} />;
+}
+/**
+* A textarea element that automatically wires up to the parent TextField context.
+* This enables focus tracking, validation, and accessibility props to flow from
+* the TextField to the actual textarea element.
+*/
+function TextArea(props) {
+	const context = useContext(TextFieldContext);
+	let textAreaElement;
+	createEffect(() => {
+		context?.setInputId?.(props.id);
+	});
+	onCleanup(() => {
+		context?.setInputId?.(void 0);
+	});
+	const mergedProps = () => {
+		if (context) {
+			const { ref: _ref, type: _type, ...contextInputProps } = context.inputProps ?? {};
+			const merged = {
+				...contextInputProps,
+				...props
+			};
+			if (merged.class == null) merged.class = "solidaria-TextArea";
+			return merged;
+		}
+		return props.class == null ? {
+			...props,
+			class: "solidaria-TextArea"
+		} : props;
+	};
+	onMount(() => {
+		const element = textAreaElement;
+		if (!element) return;
+		const inputHandler = (event) => {
+			const handler = mergedProps().onInput;
+			handler?.(eventWithCurrentTarget(event, element));
+			clearDelegatedTextEntryHandlers(element);
+			event.stopPropagation();
+		};
+		const changeHandler = (event) => {
+			const handler = mergedProps().onChange;
+			handler?.(eventWithCurrentTarget(event, element));
+			clearDelegatedTextEntryHandlers(element);
+			event.stopPropagation();
+		};
+		element.addEventListener("input", inputHandler);
+		element.addEventListener("change", changeHandler);
+		clearDelegatedTextEntryHandlers(element);
+		onCleanup(() => {
+			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);
+	}} />;
+}
+/**
+* A text field allows a user to enter a plain text value with a keyboard.
+*
+* This is a headless component that provides accessibility and state management.
+* Style it using the render props pattern or data attributes.
+*
+* @example
+* ```tsx
+* <TextField>
+*   {({ isInvalid }) => (
+*     <>
+*       <Label>Email</Label>
+*       <Input class={isInvalid ? 'border-red-500' : 'border-gray-300'} />
+*     </>
+*   )}
+* </TextField>
+* ```
+*/
+function TextField(props) {
+	const formContext = useContext(FormContext);
+	const contextProps = useContext(TextFieldContext);
+	const contextSlotProps = contextProps?.slots?.[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), [
+		"children",
+		"class",
+		"style",
+		"render",
+		"slot"
+	]);
+	const state = createTextFieldState({
+		get value() {
+			return ariaProps.value;
+		},
+		get defaultValue() {
+			return ariaProps.defaultValue;
+		},
+		get onChange() {
+			return ariaProps.onChange;
+		}
+	});
+	const inputAriaProps = createMemo(() => {
+		const clean = {};
+		for (const key in ariaProps) if (!key.startsWith("data-")) clean[key] = ariaProps[key];
+		return clean;
+	});
+	const textFieldAria = createTextField(() => ({
+		...inputAriaProps(),
+		value: state.value(),
+		onChange: state.setValue
+	}));
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return ariaProps.isDisabled;
+	} });
+	const [inputIdOverride, setInputIdOverride] = createSignal();
+	const renderValues = createMemo(() => ({
+		isDisabled: ariaProps.isDisabled || false,
+		isInvalid: textFieldAria.isInvalid,
+		isReadOnly: ariaProps.isReadOnly || false,
+		isRequired: ariaProps.isRequired || false,
+		isHovered: isHovered(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-TextField"
+	}, renderValues);
+	const childRenderValues = {
+		get isDisabled() {
+			return ariaProps.isDisabled || false;
+		},
+		get isInvalid() {
+			return textFieldAria.isInvalid;
+		},
+		get isReadOnly() {
+			return ariaProps.isReadOnly || false;
+		},
+		get isRequired() {
+			return ariaProps.isRequired || false;
+		},
+		get isHovered() {
+			return isHovered();
+		},
+		get isFocused() {
+			return isFocused();
+		},
+		get isFocusVisible() {
+			return isFocusVisible();
+		}
+	};
+	const domProps = createMemo(() => {
+		const filtered = filterDOMProps(ariaProps, { global: true });
+		delete filtered.id;
+		return filtered;
+	});
+	const cleanHoverProps = () => {
+		const { ref: _ref, ...rest } = hoverProps;
+		return rest;
+	};
+	const fieldValidation = createMemo(() => {
+		const isInvalid = textFieldAria.isInvalid;
+		const errorMessage = ariaProps.errorMessage;
+		return {
+			isInvalid,
+			validationErrors: isInvalid && typeof errorMessage === "string" ? [errorMessage] : [],
+			validationDetails: isInvalid ? {
+				...VALID_VALIDITY_STATE,
+				customError: true,
+				valid: false
+			} : VALID_VALIDITY_STATE
+		};
+	});
+	const fieldErrorContext = {
+		get validation() {
+			return fieldValidation();
+		},
+		get errorMessageProps() {
+			return textFieldAria.errorMessageProps;
+		}
+	};
+	const contextValue = {
+		get labelProps() {
+			return textFieldAria.labelProps;
+		},
+		get inputProps() {
+			return mergeProps$1(textFieldAria.inputProps, focusProps);
+		},
+		get descriptionProps() {
+			return textFieldAria.descriptionProps;
+		},
+		get errorMessageProps() {
+			return textFieldAria.errorMessageProps;
+		},
+		get isInvalid() {
+			return textFieldAria.isInvalid;
+		},
+		get inputId() {
+			return inputIdOverride() ?? textFieldAria.inputProps.id;
+		},
+		setInputId(id) {
+			setInputIdOverride(id);
+		}
+	};
+	const FieldChildren = () => untrack(() => {
+		const children = local.children;
+		return typeof children === "function" ? children(childRenderValues) : children;
+	});
+	const textSlots = { slots: {
+		get description() {
+			return textFieldAria.descriptionProps;
+		},
+		get errorMessage() {
+			return textFieldAria.errorMessageProps;
+		}
+	} };
+	const FieldChildrenSlotted = () => <Provider values={[[TextContext, textSlots]]}>
+      <FieldChildren />
+    </Provider>;
+	const rootProps = () => ({
+		...domProps(),
+		...cleanHoverProps(),
+		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
+	});
+	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>;
+}
+//#endregion
+export { FieldInputContext, Input, InputContext, Label, LabelContext, TextArea, TextAreaContext, TextField, TextFieldContext };
+
+//# sourceMappingURL=TextField.jsx.map

package/dist/TextField.jsx.map

@@ -0,0 +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 });\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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"}

package/dist/TimeField.d.ts

@@ -4,7 +4,7 @@
  * Pre-wired headless time field component with segment-based editing.
  * Port of react-aria-components/src/TimeField.tsx
  */
-import { type JSX } from "solid-js";
+import { type JSX, type Context } from "solid-js";
 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 RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
@@ -73,8 +73,8 @@ export interface TimeFieldContextValue {
         errorMessageProps: Record<string, unknown>;
     };
 }
-export declare const TimeFieldContext: import("solid-js").Context<TimeFieldContextValue | null>;
-export declare const TimeFieldStateContext: import("solid-js").Context<TimeFieldState<TimeValue> | null>;
+export declare const TimeFieldContext: Context<TimeFieldContextValue | null>;
+export declare const TimeFieldStateContext: Context<TimeFieldState<TimeValue> | null>;
 export declare function useTimeFieldContext(): TimeFieldState<TimeValue>;
 /**
  * A time field allows users to enter and edit time values using a keyboard.

package/dist/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"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"}