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

package/dist/TimeField.js

@@ -1,17 +1,30 @@
-import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.js";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/DateField.tsx
+import { Provider, dataAttr, useRenderProps } from "./utils.js";
 import { TextContext } from "./Text.js";
-import { FormContext } from "./Form.js";
+import { FormContext, resolveValidationBehavior } from "./Form.js";
 import { n as DateFieldContext, o as DateFieldStateContext } from "./DateField2.js";
-import { className, createComponent, effect, getNextElement, insert, mergeProps, runHydrationEvents, setAttribute, spread, style, template, use } from "solid-js/web";
-import { Show, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { createTimeField, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { className, createComponent, effect, getNextElement, insert, readShallow, ref, runHydrationEvents, scope, setAttribute, spread, style, template } from "@solidjs/web";
+import { createContext, createMemo, createSignal, useContext } from "solid-js";
+import { createTimeField, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { access, createTimeFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/TimeField.tsx
 /**
 * 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
+* Pre-wired headless time field. The pinned TimeField implementation 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
@@ -21,36 +34,10 @@ import { access, createTimeFieldState } from "@proyecto-viviana/solid-stately";
 * TimeField renders none); its native-validation `<input>` is still emitted by
 * the inner DateInput sibling.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div class="solidaria-TimeField solidaria-TimeField--placeholder"aria-hidden=true>`), _tmpl$2 = /*#__PURE__*/ template(`<div>`), _tmpl$3 = /*#__PURE__*/ template(`<span>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<span>`);
 const TimeFieldContext = createContext(null);
 const TimeFieldStateContext = createContext(null);
-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
-			};
-		}
-	});
-}
 function useTimeFieldContextValue() {
 	const context = useContext(TimeFieldContext);
 	if (!context) throw new Error("TimeField components must be used within a TimeField");
@@ -73,25 +60,14 @@ function useTimeFieldContext() {
 * ```
 */
 function TimeField(props) {
-	const isHydrated = useIsHydrated();
-	const formContext = useContext(FormContext);
-	return createComponent(Show, {
-		get when() {
-			return isHydrated();
-		},
-		get fallback() {
-			return getNextElement(_tmpl$);
-		},
-		get children() {
-			return createComponent(TimeFieldInner, mergeProps(props, { __formContext: formContext }));
-		}
-	});
+	return createComponent(TimeFieldInner, props);
 }
 /**
 * Internal TimeField component that renders after client mount.
 */
 function TimeFieldInner(props) {
-	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
+	const formContext = props.__formContext ?? useContext(FormContext);
+	const [local, stateProps, rest] = splitProps(props, [
 		"children",
 		"class",
 		"style",
@@ -127,7 +103,7 @@ function TimeFieldInner(props) {
 		isDisabled: access(stateProps.isDisabled),
 		isReadOnly: access(stateProps.isReadOnly),
 		isRequired: access(stateProps.isRequired),
-		validationBehavior: stateProps.validationBehavior ?? "native",
+		validationBehavior: resolveValidationBehavior(stateProps.validationBehavior, formContext),
 		description: stateProps.description,
 		errorMessage: stateProps.errorMessage,
 		inputRef: () => validationInputRef() ?? void 0
@@ -163,7 +139,7 @@ function TimeFieldInner(props) {
 				return fieldAria.fieldProps;
 			},
 			get hiddenInputProps() {
-				return mergeProps$2(fieldAria.inputProps, { ref: setValidationInputRef });
+				return mergeProps$1(fieldAria.inputProps, { ref: setValidationInputRef });
 			},
 			get descriptionProps() {
 				return fieldAria.descriptionProps;
@@ -173,16 +149,16 @@ function TimeFieldInner(props) {
 			}
 		}
 	};
-	return createComponent(TimeFieldStateContext.Provider, {
+	return createComponent(TimeFieldStateContext, {
 		value: state,
 		get children() {
-			return createComponent(DateFieldStateContext.Provider, {
+			return createComponent(DateFieldStateContext, {
 				value: state,
 				get children() {
-					return createComponent(DateFieldContext.Provider, {
+					return createComponent(DateFieldContext, {
 						value: dateFieldContextValue,
 						get children() {
-							return createComponent(TimeFieldContext.Provider, {
+							return createComponent(TimeFieldContext, {
 								value: {
 									state,
 									aria: {
@@ -201,32 +177,34 @@ function TimeFieldInner(props) {
 									}
 								},
 								get children() {
-									var _el$2 = getNextElement(_tmpl$2);
-									use(setFieldRef, _el$2);
-									insert(_el$2, createComponent(Provider, {
+									var _el$ = getNextElement(_tmpl$);
+									ref(() => {
+										return setFieldRef;
+									}, _el$);
+									insert(_el$, createComponent(Provider, {
 										values: [[TextContext, textSlots]],
 										get children() {
 											return local.children;
 										}
 									}));
-									effect((_p$) => {
-										var _v$ = renderProps.class(), _v$2 = renderProps.style(), _v$3 = dataAttr(state.isDisabled()), _v$4 = dataAttr(state.isReadOnly()), _v$5 = dataAttr(state.isRequired()), _v$6 = dataAttr(state.isInvalid());
-										_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-										_p$.t = style(_el$2, _v$2, _p$.t);
-										_v$3 !== _p$.a && setAttribute(_el$2, "data-disabled", _p$.a = _v$3);
-										_v$4 !== _p$.o && setAttribute(_el$2, "data-readonly", _p$.o = _v$4);
-										_v$5 !== _p$.i && setAttribute(_el$2, "data-required", _p$.i = _v$5);
-										_v$6 !== _p$.n && setAttribute(_el$2, "data-invalid", _p$.n = _v$6);
-										return _p$;
-									}, {
-										e: void 0,
-										t: void 0,
-										a: void 0,
-										o: void 0,
-										i: void 0,
-										n: void 0
+									effect(() => {
+										return {
+											e: readShallow(renderProps.class()),
+											t: readShallow(renderProps.style()),
+											a: dataAttr(state.isDisabled()),
+											o: dataAttr(state.isReadOnly()),
+											i: dataAttr(state.isRequired()),
+											n: dataAttr(state.isInvalid())
+										};
+									}, ({ e, t, a, o, i, n }, _p$) => {
+										className(_el$, e, _p$?.e);
+										style(_el$, t, _p$?.t);
+										a !== _p$?.a && setAttribute(_el$, "data-disabled", a);
+										o !== _p$?.o && setAttribute(_el$, "data-readonly", o);
+										i !== _p$?.i && setAttribute(_el$, "data-required", i);
+										n !== _p$?.n && setAttribute(_el$, "data-invalid", n);
 									});
-									return _el$2;
+									return _el$;
 								}
 							});
 						}
@@ -238,39 +216,45 @@ function TimeFieldInner(props) {
 }
 function TimeFieldLabel(props) {
 	const { aria } = useTimeFieldContextValue();
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$3);
-		spread(_el$3, mergeProps(() => aria.labelProps, { get ["class"]() {
-			return props.class;
-		} }), false, true);
-		insert(_el$3, () => props.children);
-		runHydrationEvents();
-		return _el$3;
-	})();
+	var _el$2 = getNextElement(_tmpl$2);
+	spread(_el$2, [() => {
+		return aria.labelProps;
+	}, { get "class"() {
+		return props.class;
+	} }], true);
+	insert(_el$2, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$2;
 }
 function TimeFieldDescription(props) {
 	const { aria } = useTimeFieldContextValue();
-	return (() => {
-		var _el$4 = getNextElement(_tmpl$3);
-		spread(_el$4, mergeProps(() => aria.descriptionProps, { get ["class"]() {
-			return props.class;
-		} }), false, true);
-		insert(_el$4, () => props.children);
-		runHydrationEvents();
-		return _el$4;
-	})();
+	var _el$3 = getNextElement(_tmpl$2);
+	spread(_el$3, [() => {
+		return aria.descriptionProps;
+	}, { get "class"() {
+		return props.class;
+	} }], true);
+	insert(_el$3, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$3;
 }
 function TimeFieldErrorMessage(props) {
 	const { aria } = useTimeFieldContextValue();
-	return (() => {
-		var _el$5 = getNextElement(_tmpl$3);
-		spread(_el$5, mergeProps(() => aria.errorMessageProps, { get ["class"]() {
-			return props.class;
-		} }), false, true);
-		insert(_el$5, () => props.children);
-		runHydrationEvents();
-		return _el$5;
-	})();
+	var _el$4 = getNextElement(_tmpl$2);
+	spread(_el$4, [() => {
+		return aria.errorMessageProps;
+	}, { get "class"() {
+		return props.class;
+	} }], true);
+	insert(_el$4, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$4;
 }
 //#endregion
 export { TimeField, TimeFieldContext, TimeFieldDescription, TimeFieldErrorMessage, TimeFieldLabel, TimeFieldStateContext, useTimeFieldContext };

package/dist/TimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.js","names":["JSX","Context","createContext","createMemo","createSignal","splitProps","useContext","Show","createTimeField","mergeProps","AriaTimeFieldProps","createTimeFieldState","access","TimeFieldState","TimeFieldStateProps","TimeSegment","TimeSegmentType","TimeValue","DateFieldContext","DateFieldStateContext","DateFieldContextValue","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","dataAttr","useIsHydrated","Provider","TextContext","FormContext","FormProps","TimeFieldRenderProps","isDisabled","isReadOnly","isRequired","isInvalid","TimeFieldProps","Omit","T","children","Element","segment","class","style","locale","TimeFieldContextValue","state","aria","labelProps","Record","inputProps","descriptionProps","errorMessageProps","TimeFieldContext","TimeFieldStateContext","withFormValidationBehavior","props","P","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","useTimeFieldContextValue","context","Error","useTimeFieldContext","TimeField","isHydrated","_$createComponent","when","fallback","_$getNextElement","_tmpl$","TimeFieldInner","_$mergeProps","__formContext","TimeFieldInnerProps","mergedProps","local","stateProps","rest","fieldRef","setFieldRef","HTMLDivElement","validationInputRef","setValidationInputRef","HTMLInputElement","fieldAria","description","errorMessage","inputRef","renderValues","renderProps","defaultClassName","textSlots","slots","dateFieldContextValue","fieldProps","hiddenInputProps","ref","value","_el$2","_tmpl$2","_$use","_$insert","values","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$className","t","_$style","a","_$setAttribute","o","i","n","TimeFieldLabelProps","TimeFieldLabel","_el$3","_tmpl$3","_$spread","_$runHydrationEvents","TimeFieldDescriptionProps","TimeFieldDescription","_el$4","TimeFieldErrorMessageProps","TimeFieldErrorMessage","_el$5"],"sources":["../src/TimeField.tsx"],"sourcesContent":["/**\n * TimeField component for solidaria-components\n *\n * Pre-wired headless time field. Faithful port of react-aria-components'\n * TimeField, which does NOT define its own segment primitives — it reuses\n * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).\n * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component\n * drives the certified DateField segment/group stack directly: it provides the\n * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`\n * read, plus a `TimeFieldContext` for the time-field label/description/error\n * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC\n * TimeField renders none); its native-validation `<input>` is still emitted by\n * the inner DateInput sibling.\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport { createTimeField, mergeProps, type AriaTimeFieldProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createTimeFieldState,\n  access,\n  type TimeFieldState,\n  type TimeFieldStateProps,\n  type TimeSegment as TimeSegmentType,\n  type TimeValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  DateFieldContext,\n  DateFieldStateContext,\n  type DateFieldContextValue,\n} from \"./DateField\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, type FormProps } from \"./Form\";\n\nexport interface TimeFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface TimeFieldProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<AriaTimeFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<TimeFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: TimeSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TimeFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TimeFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface TimeFieldContextValue {\n  state: TimeFieldState<TimeValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const TimeFieldContext = createContext<TimeFieldContextValue | null>(null);\nexport const TimeFieldStateContext = createContext<TimeFieldState<TimeValue> | null>(null);\n\nfunction withFormValidationBehavior<P extends object>(props: P, formContext: FormProps | null): P {\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\nfunction useTimeFieldContextValue(): TimeFieldContextValue {\n  const context = useContext(TimeFieldContext);\n  if (!context) {\n    throw new Error(\"TimeField components must be used within a TimeField\");\n  }\n  return context;\n}\n\nexport function useTimeFieldContext(): TimeFieldState<TimeValue> {\n  return useTimeFieldContextValue().state;\n}\n\n/**\n * A time field allows users to enter and edit time values using a keyboard.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Time\">\n *   <Label>Time</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </TimeField>\n * ```\n */\nexport function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element {\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n  const formContext = useContext(FormContext);\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-TimeField solidaria-TimeField--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <TimeFieldInner {...props} __formContext={formContext} />\n    </Show>\n  );\n}\n\ntype TimeFieldInnerProps<T extends TimeValue = TimeValue> = TimeFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal TimeField component that renders after client mount.\n */\nfunction TimeFieldInner<T extends TimeValue = TimeValue>(\n  props: TimeFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, stateProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"placeholderValue\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // Mirrors DateField: create it here, hand it to createTimeField below, and\n  // attach it to the same input through the DateFieldContext getter.\n  const [validationInputRef, setValidationInputRef] =\n    createSignal<HTMLInputElement | null>(null);\n\n  const state = createTimeFieldState(stateProps);\n\n  const fieldAria = createTimeField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads these props into both useTimeFieldState and useTimeField;\n      // they live in `stateProps` here, so forward them for the field hook's\n      // aria-disabled and the native validation <input> (type/required).\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Standalone default flips the hidden input to type=\"text\" so an empty\n      // required value blocks HTML form submission (mirrors DateField).\n      validationBehavior: stateProps.validationBehavior ?? \"native\",\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as TimeFieldState<TimeValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<TimeFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TimeField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  // The shared context read by the reused DateInput/DateSegment. Read through\n  // getters so consumers see the LIVE memo values (createDescription appends the\n  // value-description id via a deferred effect; a frozen snapshot would miss it).\n  const dateFieldContextValue: DateFieldContextValue = {\n    get state() {\n      return state as unknown as DateFieldContextValue[\"state\"];\n    },\n    aria: {\n      get labelProps() {\n        return fieldAria.labelProps;\n      },\n      // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n      // isolate, arrow-key nav, focus-within handlers) are routed to the\n      // DateInput element; the outer wrapper stays roleless.\n      get inputProps() {\n        return fieldAria.fieldProps;\n      },\n      // The native validation <input> props (type/hidden/required/onChange under\n      // native validation), rendered as the DateInput's sibling. Thread the\n      // validation-input ref so createTimeField's form-reset/validation wiring\n      // resolves to the mounted element.\n      get hiddenInputProps() {\n        return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n      },\n      get descriptionProps() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessageProps() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <TimeFieldStateContext.Provider value={state as unknown as TimeFieldState<TimeValue>}>\n      <DateFieldStateContext.Provider\n        value={state as unknown as DateFieldContextValue[\"state\"]}\n      >\n        <DateFieldContext.Provider value={dateFieldContextValue}>\n          <TimeFieldContext.Provider\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext.Provider>\n        </DateFieldContext.Provider>\n      </DateFieldStateContext.Provider>\n    </TimeFieldStateContext.Provider>\n  );\n}\n\nexport interface TimeFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldLabel(props: TimeFieldLabelProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldDescription(props: TimeFieldDescriptionProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldErrorMessage(props: TimeFieldErrorMessageProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { TimeFieldState, TimeSegmentType, TimeValue };\n"],"mappings":"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"}
+{"version":3,"file":"TimeField.js","names":["<TimeFieldInner {...props} />","<TimeFieldStateContext value={state as unknown as TimeFieldState<TimeValue>}>\n      <DateFieldStateContext value={state as unknown as DateFieldContextValue[\"state\"]}>\n        <DateFieldContext value={dateFieldContextValue}>\n          <TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>\n        </DateFieldContext>\n      </DateFieldStateContext>\n    </TimeFieldStateContext>","value={state as unknown as TimeFieldState<TimeValue>}","<DateFieldStateContext value={state as unknown as DateFieldContextValue[\"state\"]}>\n        <DateFieldContext value={dateFieldContextValue}>\n          <TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>\n        </DateFieldContext>\n      </DateFieldStateContext>","value={state as unknown as DateFieldContextValue[\"state\"]}","<DateFieldContext value={dateFieldContextValue}>\n          <TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>\n        </DateFieldContext>","value={dateFieldContextValue}","<TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>","value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}","ref={setFieldRef}","<Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>","values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}","style={renderProps.style()}","data-disabled={dataAttr(state.isDisabled())}","data-readonly={dataAttr(state.isReadOnly())}","data-required={dataAttr(state.isRequired())}","data-invalid={dataAttr(state.isInvalid())}","<div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>","{props.children}","<span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>","<span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>","<span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>"],"sources":["../src/TimeField.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/DateField.tsx\n\n/**\n * TimeField component for solidaria-components\n *\n * Pre-wired headless time field. The pinned TimeField implementation does not\n * define its own segment primitives. It reuses\n * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).\n * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component\n * drives the certified DateField segment/group stack directly: it provides the\n * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`\n * read, plus a `TimeFieldContext` for the time-field label/description/error\n * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC\n * TimeField renders none); its native-validation `<input>` is still emitted by\n * the inner DateInput sibling.\n */\n\nimport { createContext, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createTimeField, mergeProps, type AriaTimeFieldProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createTimeFieldState,\n  access,\n  type TimeFieldState,\n  type TimeFieldStateProps,\n  type TimeSegment as TimeSegmentType,\n  type TimeValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport { DateFieldContext, DateFieldStateContext, type DateFieldContextValue } from \"./DateField\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, resolveValidationBehavior, type FormProps } from \"./Form\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface TimeFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface TimeFieldProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<AriaTimeFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<TimeFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: TimeSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TimeFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TimeFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface TimeFieldContextValue {\n  state: TimeFieldState<TimeValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const TimeFieldContext = createContext<TimeFieldContextValue | null>(null);\nexport const TimeFieldStateContext = createContext<TimeFieldState<TimeValue> | null>(null);\n\nfunction useTimeFieldContextValue(): TimeFieldContextValue {\n  const context = useContext(TimeFieldContext);\n  if (!context) {\n    throw new Error(\"TimeField components must be used within a TimeField\");\n  }\n  return context;\n}\n\nexport function useTimeFieldContext(): TimeFieldState<TimeValue> {\n  return useTimeFieldContextValue().state;\n}\n\n/**\n * A time field allows users to enter and edit time values using a keyboard.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Time\">\n *   <Label>Time</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </TimeField>\n * ```\n */\nexport function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element {\n  return <TimeFieldInner {...props} />;\n}\n\ntype TimeFieldInnerProps<T extends TimeValue = TimeValue> = TimeFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal TimeField component that renders after client mount.\n */\nfunction TimeFieldInner<T extends TimeValue = TimeValue>(\n  props: TimeFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const [local, stateProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"placeholderValue\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // Mirrors DateField: create it here, hand it to createTimeField below, and\n  // attach it to the same input through the DateFieldContext getter.\n  const [validationInputRef, setValidationInputRef] = createSignal<HTMLInputElement | null>(null);\n\n  const state = createTimeFieldState(stateProps);\n\n  const fieldAria = createTimeField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads these props into both useTimeFieldState and useTimeField;\n      // they live in `stateProps` here, so forward them for the field hook's\n      // aria-disabled and the native validation <input> (type/required).\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Standalone default flips the hidden input to type=\"text\" so an empty\n      // required value blocks HTML form submission (mirrors DateField).\n      validationBehavior: resolveValidationBehavior(stateProps.validationBehavior, formContext),\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as TimeFieldState<TimeValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<TimeFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TimeField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  // The shared context read by the reused DateInput/DateSegment. Read through\n  // getters so consumers see the LIVE memo values (createDescription appends the\n  // value-description id via a deferred effect; a frozen snapshot would miss it).\n  const dateFieldContextValue: DateFieldContextValue = {\n    get state() {\n      return state as unknown as DateFieldContextValue[\"state\"];\n    },\n    aria: {\n      get labelProps() {\n        return fieldAria.labelProps;\n      },\n      // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n      // isolate, arrow-key nav, focus-within handlers) are routed to the\n      // DateInput element; the outer wrapper stays roleless.\n      get inputProps() {\n        return fieldAria.fieldProps;\n      },\n      // The native validation <input> props (type/hidden/required/onChange under\n      // native validation), rendered as the DateInput's sibling. Thread the\n      // validation-input ref so createTimeField's form-reset/validation wiring\n      // resolves to the mounted element.\n      get hiddenInputProps() {\n        return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n      },\n      get descriptionProps() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessageProps() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <TimeFieldStateContext value={state as unknown as TimeFieldState<TimeValue>}>\n      <DateFieldStateContext value={state as unknown as DateFieldContextValue[\"state\"]}>\n        <DateFieldContext value={dateFieldContextValue}>\n          <TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>\n        </DateFieldContext>\n      </DateFieldStateContext>\n    </TimeFieldStateContext>\n  );\n}\n\nexport interface TimeFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldLabel(props: TimeFieldLabelProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldDescription(props: TimeFieldDescriptionProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldErrorMessage(props: TimeFieldErrorMessageProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { TimeFieldState, TimeSegmentType, TimeValue };\n"],"mappings":"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"}

package/dist/TimeField.jsx

@@ -1,16 +1,29 @@
-import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.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/DateField.tsx
+import { Provider, dataAttr, useRenderProps } from "./utils.jsx";
 import { TextContext } from "./Text.jsx";
-import { FormContext } from "./Form.jsx";
+import { FormContext, resolveValidationBehavior } from "./Form.jsx";
 import { n as DateFieldContext, o as DateFieldStateContext } from "./DateField2.jsx";
-import { Show, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { createTimeField, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { createContext, createMemo, createSignal, useContext } from "solid-js";
+import { createTimeField, mergeProps } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { access, createTimeFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/TimeField.tsx
 /**
 * 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
+* Pre-wired headless time field. The pinned TimeField implementation 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
@@ -22,33 +35,6 @@ import { access, createTimeFieldState } from "@proyecto-viviana/solid-stately";
 */
 const TimeFieldContext = createContext(null);
 const TimeFieldStateContext = createContext(null);
-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
-			};
-		}
-	});
-}
 function useTimeFieldContextValue() {
 	const context = useContext(TimeFieldContext);
 	if (!context) throw new Error("TimeField components must be used within a TimeField");
@@ -71,17 +57,14 @@ function useTimeFieldContext() {
 * ```
 */
 function TimeField(props) {
-	const isHydrated = useIsHydrated();
-	const formContext = useContext(FormContext);
-	return <Show when={isHydrated()} fallback={<div class="solidaria-TimeField solidaria-TimeField--placeholder" aria-hidden="true" />}>
-      <TimeFieldInner {...props} __formContext={formContext} />
-    </Show>;
+	return <TimeFieldInner {...props} />;
 }
 /**
 * Internal TimeField component that renders after client mount.
 */
 function TimeFieldInner(props) {
-	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
+	const formContext = props.__formContext ?? useContext(FormContext);
+	const [local, stateProps, rest] = splitProps(props, [
 		"children",
 		"class",
 		"style",
@@ -117,7 +100,7 @@ function TimeFieldInner(props) {
 		isDisabled: access(stateProps.isDisabled),
 		isReadOnly: access(stateProps.isReadOnly),
 		isRequired: access(stateProps.isRequired),
-		validationBehavior: stateProps.validationBehavior ?? "native",
+		validationBehavior: resolveValidationBehavior(stateProps.validationBehavior, formContext),
 		description: stateProps.description,
 		errorMessage: stateProps.errorMessage,
 		inputRef: () => validationInputRef() ?? void 0
@@ -153,7 +136,7 @@ function TimeFieldInner(props) {
 				return fieldAria.fieldProps;
 			},
 			get hiddenInputProps() {
-				return mergeProps$1(fieldAria.inputProps, { ref: setValidationInputRef });
+				return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });
 			},
 			get descriptionProps() {
 				return fieldAria.descriptionProps;
@@ -163,10 +146,10 @@ function TimeFieldInner(props) {
 			}
 		}
 	};
-	return <TimeFieldStateContext.Provider value={state}>
-      <DateFieldStateContext.Provider value={state}>
-        <DateFieldContext.Provider value={dateFieldContextValue}>
-          <TimeFieldContext.Provider value={{
+	return <TimeFieldStateContext value={state}>
+      <DateFieldStateContext value={state}>
+        <DateFieldContext value={dateFieldContextValue}>
+          <TimeFieldContext value={{
 		state,
 		aria: {
 			get labelProps() {
@@ -189,10 +172,10 @@ function TimeFieldInner(props) {
               </Provider>
             </div>
             {}
-          </TimeFieldContext.Provider>
-        </DateFieldContext.Provider>
-      </DateFieldStateContext.Provider>
-    </TimeFieldStateContext.Provider>;
+          </TimeFieldContext>
+        </DateFieldContext>
+      </DateFieldStateContext>
+    </TimeFieldStateContext>;
 }
 function TimeFieldLabel(props) {
 	const { aria } = useTimeFieldContextValue();

package/dist/TimeField.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.jsx","names":["mergeProps"],"sources":["../src/TimeField.tsx"],"sourcesContent":["/**\n * TimeField component for solidaria-components\n *\n * Pre-wired headless time field. Faithful port of react-aria-components'\n * TimeField, which does NOT define its own segment primitives — it reuses\n * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).\n * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component\n * drives the certified DateField segment/group stack directly: it provides the\n * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`\n * read, plus a `TimeFieldContext` for the time-field label/description/error\n * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC\n * TimeField renders none); its native-validation `<input>` is still emitted by\n * the inner DateInput sibling.\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport { createTimeField, mergeProps, type AriaTimeFieldProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createTimeFieldState,\n  access,\n  type TimeFieldState,\n  type TimeFieldStateProps,\n  type TimeSegment as TimeSegmentType,\n  type TimeValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  DateFieldContext,\n  DateFieldStateContext,\n  type DateFieldContextValue,\n} from \"./DateField\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, type FormProps } from \"./Form\";\n\nexport interface TimeFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface TimeFieldProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<AriaTimeFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<TimeFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: TimeSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TimeFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TimeFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface TimeFieldContextValue {\n  state: TimeFieldState<TimeValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const TimeFieldContext = createContext<TimeFieldContextValue | null>(null);\nexport const TimeFieldStateContext = createContext<TimeFieldState<TimeValue> | null>(null);\n\nfunction withFormValidationBehavior<P extends object>(props: P, formContext: FormProps | null): P {\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\nfunction useTimeFieldContextValue(): TimeFieldContextValue {\n  const context = useContext(TimeFieldContext);\n  if (!context) {\n    throw new Error(\"TimeField components must be used within a TimeField\");\n  }\n  return context;\n}\n\nexport function useTimeFieldContext(): TimeFieldState<TimeValue> {\n  return useTimeFieldContextValue().state;\n}\n\n/**\n * A time field allows users to enter and edit time values using a keyboard.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Time\">\n *   <Label>Time</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </TimeField>\n * ```\n */\nexport function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element {\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n  const formContext = useContext(FormContext);\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-TimeField solidaria-TimeField--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <TimeFieldInner {...props} __formContext={formContext} />\n    </Show>\n  );\n}\n\ntype TimeFieldInnerProps<T extends TimeValue = TimeValue> = TimeFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal TimeField component that renders after client mount.\n */\nfunction TimeFieldInner<T extends TimeValue = TimeValue>(\n  props: TimeFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, stateProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"placeholderValue\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // Mirrors DateField: create it here, hand it to createTimeField below, and\n  // attach it to the same input through the DateFieldContext getter.\n  const [validationInputRef, setValidationInputRef] =\n    createSignal<HTMLInputElement | null>(null);\n\n  const state = createTimeFieldState(stateProps);\n\n  const fieldAria = createTimeField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads these props into both useTimeFieldState and useTimeField;\n      // they live in `stateProps` here, so forward them for the field hook's\n      // aria-disabled and the native validation <input> (type/required).\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Standalone default flips the hidden input to type=\"text\" so an empty\n      // required value blocks HTML form submission (mirrors DateField).\n      validationBehavior: stateProps.validationBehavior ?? \"native\",\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as TimeFieldState<TimeValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<TimeFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TimeField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  // The shared context read by the reused DateInput/DateSegment. Read through\n  // getters so consumers see the LIVE memo values (createDescription appends the\n  // value-description id via a deferred effect; a frozen snapshot would miss it).\n  const dateFieldContextValue: DateFieldContextValue = {\n    get state() {\n      return state as unknown as DateFieldContextValue[\"state\"];\n    },\n    aria: {\n      get labelProps() {\n        return fieldAria.labelProps;\n      },\n      // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n      // isolate, arrow-key nav, focus-within handlers) are routed to the\n      // DateInput element; the outer wrapper stays roleless.\n      get inputProps() {\n        return fieldAria.fieldProps;\n      },\n      // The native validation <input> props (type/hidden/required/onChange under\n      // native validation), rendered as the DateInput's sibling. Thread the\n      // validation-input ref so createTimeField's form-reset/validation wiring\n      // resolves to the mounted element.\n      get hiddenInputProps() {\n        return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n      },\n      get descriptionProps() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessageProps() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <TimeFieldStateContext.Provider value={state as unknown as TimeFieldState<TimeValue>}>\n      <DateFieldStateContext.Provider\n        value={state as unknown as DateFieldContextValue[\"state\"]}\n      >\n        <DateFieldContext.Provider value={dateFieldContextValue}>\n          <TimeFieldContext.Provider\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext.Provider>\n        </DateFieldContext.Provider>\n      </DateFieldStateContext.Provider>\n    </TimeFieldStateContext.Provider>\n  );\n}\n\nexport interface TimeFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldLabel(props: TimeFieldLabelProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldDescription(props: TimeFieldDescriptionProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldErrorMessage(props: TimeFieldErrorMessageProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { TimeFieldState, TimeSegmentType, TimeValue };\n"],"mappings":"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"}
+{"version":3,"file":"TimeField.jsx","names":[],"sources":["../src/TimeField.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/DateField.tsx\n\n/**\n * TimeField component for solidaria-components\n *\n * Pre-wired headless time field. The pinned TimeField implementation does not\n * define its own segment primitives. It reuses\n * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).\n * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component\n * drives the certified DateField segment/group stack directly: it provides the\n * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`\n * read, plus a `TimeFieldContext` for the time-field label/description/error\n * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC\n * TimeField renders none); its native-validation `<input>` is still emitted by\n * the inner DateInput sibling.\n */\n\nimport { createContext, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createTimeField, mergeProps, type AriaTimeFieldProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createTimeFieldState,\n  access,\n  type TimeFieldState,\n  type TimeFieldStateProps,\n  type TimeSegment as TimeSegmentType,\n  type TimeValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport { DateFieldContext, DateFieldStateContext, type DateFieldContextValue } from \"./DateField\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, resolveValidationBehavior, type FormProps } from \"./Form\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface TimeFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface TimeFieldProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<AriaTimeFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<TimeFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: TimeSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TimeFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TimeFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface TimeFieldContextValue {\n  state: TimeFieldState<TimeValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const TimeFieldContext = createContext<TimeFieldContextValue | null>(null);\nexport const TimeFieldStateContext = createContext<TimeFieldState<TimeValue> | null>(null);\n\nfunction useTimeFieldContextValue(): TimeFieldContextValue {\n  const context = useContext(TimeFieldContext);\n  if (!context) {\n    throw new Error(\"TimeField components must be used within a TimeField\");\n  }\n  return context;\n}\n\nexport function useTimeFieldContext(): TimeFieldState<TimeValue> {\n  return useTimeFieldContextValue().state;\n}\n\n/**\n * A time field allows users to enter and edit time values using a keyboard.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Time\">\n *   <Label>Time</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </TimeField>\n * ```\n */\nexport function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element {\n  return <TimeFieldInner {...props} />;\n}\n\ntype TimeFieldInnerProps<T extends TimeValue = TimeValue> = TimeFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal TimeField component that renders after client mount.\n */\nfunction TimeFieldInner<T extends TimeValue = TimeValue>(\n  props: TimeFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const [local, stateProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"placeholderValue\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // Mirrors DateField: create it here, hand it to createTimeField below, and\n  // attach it to the same input through the DateFieldContext getter.\n  const [validationInputRef, setValidationInputRef] = createSignal<HTMLInputElement | null>(null);\n\n  const state = createTimeFieldState(stateProps);\n\n  const fieldAria = createTimeField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads these props into both useTimeFieldState and useTimeField;\n      // they live in `stateProps` here, so forward them for the field hook's\n      // aria-disabled and the native validation <input> (type/required).\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Standalone default flips the hidden input to type=\"text\" so an empty\n      // required value blocks HTML form submission (mirrors DateField).\n      validationBehavior: resolveValidationBehavior(stateProps.validationBehavior, formContext),\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as TimeFieldState<TimeValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<TimeFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TimeField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  // The shared context read by the reused DateInput/DateSegment. Read through\n  // getters so consumers see the LIVE memo values (createDescription appends the\n  // value-description id via a deferred effect; a frozen snapshot would miss it).\n  const dateFieldContextValue: DateFieldContextValue = {\n    get state() {\n      return state as unknown as DateFieldContextValue[\"state\"];\n    },\n    aria: {\n      get labelProps() {\n        return fieldAria.labelProps;\n      },\n      // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n      // isolate, arrow-key nav, focus-within handlers) are routed to the\n      // DateInput element; the outer wrapper stays roleless.\n      get inputProps() {\n        return fieldAria.fieldProps;\n      },\n      // The native validation <input> props (type/hidden/required/onChange under\n      // native validation), rendered as the DateInput's sibling. Thread the\n      // validation-input ref so createTimeField's form-reset/validation wiring\n      // resolves to the mounted element.\n      get hiddenInputProps() {\n        return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n      },\n      get descriptionProps() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessageProps() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <TimeFieldStateContext value={state as unknown as TimeFieldState<TimeValue>}>\n      <DateFieldStateContext value={state as unknown as DateFieldContextValue[\"state\"]}>\n        <DateFieldContext value={dateFieldContextValue}>\n          <TimeFieldContext\n            value={{\n              state: state as unknown as TimeFieldState<TimeValue>,\n              aria: {\n                get labelProps() {\n                  return fieldAria.labelProps;\n                },\n                get inputProps() {\n                  return fieldAria.fieldProps;\n                },\n                get descriptionProps() {\n                  return fieldAria.descriptionProps;\n                },\n                get errorMessageProps() {\n                  return fieldAria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            <div\n              ref={setFieldRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(state.isDisabled())}\n              data-readonly={dataAttr(state.isReadOnly())}\n              data-required={dataAttr(state.isRequired())}\n              data-invalid={dataAttr(state.isInvalid())}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {local.children as JSX.Element}\n              </Provider>\n            </div>\n            {/*\n              Unlike DateField, TimeField renders NO root hidden autofill input —\n              RAC TimeField renders none (react-aria-components TimeField.mjs). The\n              native-validation <input> is emitted by the inner DateInput sibling.\n            */}\n          </TimeFieldContext>\n        </DateFieldContext>\n      </DateFieldStateContext>\n    </TimeFieldStateContext>\n  );\n}\n\nexport interface TimeFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldLabel(props: TimeFieldLabelProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldDescription(props: TimeFieldDescriptionProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface TimeFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function TimeFieldErrorMessage(props: TimeFieldErrorMessageProps): JSX.Element {\n  const { aria } = useTimeFieldContextValue();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { TimeFieldState, TimeSegmentType, TimeValue };\n"],"mappings":"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"}