@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/TextField.jsx.map

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

package/dist/TimeField.d.ts

@@ -1,13 +1,21 @@
 /**
  * TimeField component for solidaria-components
  *
- * Pre-wired headless time field component with segment-based editing.
- * Port of react-aria-components/src/TimeField.tsx
+ * Pre-wired headless time field. Faithful port of react-aria-components'
+ * TimeField, which does NOT define its own segment primitives — it reuses
+ * `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).
+ * `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component
+ * drives the certified DateField segment/group stack directly: it provides the
+ * shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`
+ * read, plus a `TimeFieldContext` for the time-field label/description/error
+ * chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC
+ * TimeField renders none); its native-validation `<input>` is still emitted by
+ * the inner DateInput sibling.
  */
 import { type JSX, type Context } from "solid-js";
 import { type 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";
+import { type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 export interface TimeFieldRenderProps {
     /** Whether the field is disabled. */
     isDisabled: boolean;
@@ -28,42 +36,6 @@ export interface TimeFieldProps<T extends TimeValue = TimeValue> extends Omit<Ar
     /** The locale to use for formatting. */
     locale?: string;
 }
-export interface TimeInputRenderProps {
-    /** Whether the input is disabled. */
-    isDisabled: boolean;
-    /** Whether the input is focused. */
-    isFocused: boolean;
-}
-export interface TimeInputProps extends SlotProps {
-    /** The children of the component (render function receiving segments). */
-    children?: (segment: TimeSegmentType) => JSX.Element;
-    /** The CSS className for the element. */
-    class?: ClassNameOrFunction<TimeInputRenderProps>;
-    /** The inline style for the element. */
-    style?: StyleOrFunction<TimeInputRenderProps>;
-}
-export interface TimeSegmentRenderProps {
-    /** Whether the segment is focused. */
-    isFocused: boolean;
-    /** Whether the segment is editable. */
-    isEditable: boolean;
-    /** Whether the segment is a placeholder. */
-    isPlaceholder: boolean;
-    /** The segment type. */
-    type: TimeSegmentType["type"];
-    /** The text to display. */
-    text: string;
-}
-export interface TimeSegmentProps extends SlotProps {
-    /** The segment data. */
-    segment: TimeSegmentType;
-    /** The children of the component. A function may be provided to receive render props. */
-    children?: RenderChildren<TimeSegmentRenderProps>;
-    /** The CSS className for the element. */
-    class?: ClassNameOrFunction<TimeSegmentRenderProps>;
-    /** The inline style for the element. */
-    style?: StyleOrFunction<TimeSegmentRenderProps>;
-}
 export interface TimeFieldContextValue {
     state: TimeFieldState<TimeValue>;
     aria: {
@@ -83,21 +55,13 @@ export declare function useTimeFieldContext(): TimeFieldState<TimeValue>;
  * ```tsx
  * <TimeField label="Time">
  *   <Label>Time</Label>
- *   <TimeInput>
- *     {(segment) => <TimeSegment segment={segment} />}
- *   </TimeInput>
+ *   <DateInput>
+ *     {(segment) => <DateSegment segment={segment} />}
+ *   </DateInput>
  * </TimeField>
  * ```
  */
 export declare function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element;
-/**
- * The input area containing time segments.
- */
-export declare function TimeInput(props: TimeInputProps): JSX.Element;
-/**
- * A segment of a time field (hour, minute, second, AM/PM).
- */
-export declare function TimeSegment(props: TimeSegmentProps): JSX.Element;
 export interface TimeFieldLabelProps {
     children?: JSX.Element;
     class?: string;

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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"}

package/dist/TimeField.js

@@ -1,19 +1,27 @@
 import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.js";
 import { TextContext } from "./Text.js";
 import { FormContext } from "./Form.js";
-import { HiddenTimeInput } from "./HiddenTimeInput.js";
-import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
-import { For, Show, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { createTimeField, createTimeSegment } from "@proyecto-viviana/solidaria";
+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 { access, createTimeFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/TimeField.tsx
 /**
 * TimeField component for solidaria-components
 *
-* Pre-wired headless time field component with segment-based editing.
-* Port of react-aria-components/src/TimeField.tsx
+* Pre-wired headless time field. Faithful port of react-aria-components'
+* TimeField, which does NOT define its own segment primitives — it reuses
+* `DateInput`/`DateSegment` (there is no `TimeInput`/`TimeSegment` upstream).
+* `TimeFieldState` IS a `DateFieldState` (plus `timeValue`), so this component
+* drives the certified DateField segment/group stack directly: it provides the
+* shared `DateFieldContext`/`DateFieldStateContext` that `DateInput`/`DateSegment`
+* read, plus a `TimeFieldContext` for the time-field label/description/error
+* chrome. Unlike DateField, TimeField renders NO root hidden autofill input (RAC
+* TimeField renders none); its native-validation `<input>` is still emitted by
+* the inner DateInput sibling.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div class="solidaria-TimeField solidaria-TimeField--placeholder"aria-hidden=true>`), _tmpl$2 = /*#__PURE__*/ template(`<div>`), _tmpl$3 = /*#__PURE__*/ template(`<span>`), _tmpl$4 = /*#__PURE__*/ template(`<p>`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class="solidaria-TimeField solidaria-TimeField--placeholder"aria-hidden=true>`), _tmpl$2 = /*#__PURE__*/ template(`<div>`), _tmpl$3 = /*#__PURE__*/ template(`<span>`);
 const TimeFieldContext = createContext(null);
 const TimeFieldStateContext = createContext(null);
 function withFormValidationBehavior(props, formContext) {
@@ -58,9 +66,9 @@ function useTimeFieldContext() {
 * ```tsx
 * <TimeField label="Time">
 *   <Label>Time</Label>
-*   <TimeInput>
-*     {(segment) => <TimeSegment segment={segment} />}
-*   </TimeInput>
+*   <DateInput>
+*     {(segment) => <DateSegment segment={segment} />}
+*   </DateInput>
 * </TimeField>
 * ```
 */
@@ -83,8 +91,7 @@ function TimeField(props) {
 * Internal TimeField component that renders after client mount.
 */
 function TimeFieldInner(props) {
-	const formContext = props.__formContext ?? useContext(FormContext);
-	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, formContext), [
+	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
 		"children",
 		"class",
 		"style",
@@ -103,6 +110,7 @@ function TimeFieldInner(props) {
 		"locale",
 		"granularity",
 		"hourCycle",
+		"hideTimeZone",
 		"shouldForceLeadingZeros",
 		"validationState",
 		"validationBehavior",
@@ -112,11 +120,17 @@ function TimeFieldInner(props) {
 		"placeholderValue"
 	]);
 	const [fieldRef, setFieldRef] = createSignal(null);
+	const [validationInputRef, setValidationInputRef] = createSignal(null);
 	const state = createTimeFieldState(stateProps);
 	const fieldAria = createTimeField(() => ({
 		...rest,
+		isDisabled: access(stateProps.isDisabled),
+		isReadOnly: access(stateProps.isReadOnly),
+		isRequired: access(stateProps.isRequired),
+		validationBehavior: stateProps.validationBehavior ?? "native",
 		description: stateProps.description,
-		errorMessage: stateProps.errorMessage
+		errorMessage: stateProps.errorMessage,
+		inputRef: () => validationInputRef() ?? void 0
 	}), state, fieldRef);
 	const renderValues = createMemo(() => ({
 		isDisabled: state.isDisabled(),
@@ -129,7 +143,6 @@ function TimeFieldInner(props) {
 		style: local.style,
 		defaultClassName: "solidaria-TimeField"
 	}, renderValues);
-	const validationBehavior = () => stateProps.validationBehavior ?? formContext?.validationBehavior ?? "native";
 	const textSlots = { slots: {
 		get description() {
 			return fieldAria.descriptionProps;
@@ -138,235 +151,128 @@ function TimeFieldInner(props) {
 			return fieldAria.errorMessageProps;
 		}
 	} };
+	const dateFieldContextValue = {
+		get state() {
+			return state;
+		},
+		aria: {
+			get labelProps() {
+				return fieldAria.labelProps;
+			},
+			get inputProps() {
+				return fieldAria.fieldProps;
+			},
+			get hiddenInputProps() {
+				return mergeProps$2(fieldAria.inputProps, { ref: setValidationInputRef });
+			},
+			get descriptionProps() {
+				return fieldAria.descriptionProps;
+			},
+			get errorMessageProps() {
+				return fieldAria.errorMessageProps;
+			}
+		}
+	};
 	return createComponent(TimeFieldStateContext.Provider, {
 		value: state,
 		get children() {
-			return createComponent(TimeFieldContext.Provider, {
-				get value() {
-					return {
-						state,
-						aria: {
-							labelProps: fieldAria.labelProps,
-							inputProps: fieldAria.inputProps,
-							descriptionProps: fieldAria.descriptionProps,
-							errorMessageProps: fieldAria.errorMessageProps
-						}
-					};
-				},
+			return createComponent(DateFieldStateContext.Provider, {
+				value: state,
 				get children() {
-					return [(() => {
-						var _el$2 = getNextElement(_tmpl$2);
-						use(setFieldRef, _el$2);
-						spread(_el$2, mergeProps(() => fieldAria.fieldProps, {
-							get ["class"]() {
-								return renderProps.class();
-							},
-							get style() {
-								return renderProps.style();
-							},
-							get ["data-disabled"]() {
-								return dataAttr(state.isDisabled());
-							},
-							get ["data-readonly"]() {
-								return dataAttr(state.isReadOnly());
-							},
-							get ["data-required"]() {
-								return dataAttr(state.isRequired());
-							},
-							get ["data-invalid"]() {
-								return dataAttr(state.isInvalid());
-							}
-						}), false, true);
-						insert(_el$2, createComponent(Provider, {
-							values: [[TextContext, textSlots]],
-							get children() {
-								return local.children;
-							}
-						}));
-						runHydrationEvents();
-						return _el$2;
-					})(), createComponent(Show, {
-						get when() {
-							return rest.name;
-						},
+					return createComponent(DateFieldContext.Provider, {
+						value: dateFieldContextValue,
 						get children() {
-							return createComponent(HiddenTimeInput, {
-								get name() {
-									return rest.name;
-								},
-								get form() {
-									return rest.form;
-								},
-								get value() {
-									return state.value();
-								},
-								get autoComplete() {
-									return rest.autoComplete;
-								},
-								get isDisabled() {
-									return state.isDisabled();
-								},
-								get isRequired() {
-									return state.isRequired();
-								},
-								get validationBehavior() {
-									return validationBehavior();
-								},
-								validationState: state,
-								focus: () => {
-									fieldRef()?.querySelector("[role=\"spinbutton\"]")?.focus();
+							return createComponent(TimeFieldContext.Provider, {
+								value: {
+									state,
+									aria: {
+										get labelProps() {
+											return fieldAria.labelProps;
+										},
+										get inputProps() {
+											return fieldAria.fieldProps;
+										},
+										get descriptionProps() {
+											return fieldAria.descriptionProps;
+										},
+										get errorMessageProps() {
+											return fieldAria.errorMessageProps;
+										}
+									}
 								},
-								get minValue() {
-									return access(stateProps.minValue);
-								},
-								get maxValue() {
-									return access(stateProps.maxValue);
-								},
-								get granularity() {
-									return state.granularity;
+								get children() {
+									var _el$2 = getNextElement(_tmpl$2);
+									use(setFieldRef, _el$2);
+									insert(_el$2, 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
+									});
+									return _el$2;
 								}
 							});
 						}
-					})];
+					});
 				}
 			});
 		}
 	});
 }
-/**
-* The input area containing time segments.
-*/
-function TimeInput(props) {
-	const { state, aria } = useTimeFieldContextValue();
-	const [isFocused, setIsFocused] = createSignal(false);
-	const renderValues = createMemo(() => ({
-		isDisabled: state.isDisabled(),
-		isFocused: isFocused()
-	}));
-	const renderProps = useRenderProps({
-		class: props.class,
-		style: props.style,
-		defaultClassName: "solidaria-TimeInput"
-	}, renderValues);
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$2);
-		spread(_el$3, mergeProps(() => aria.inputProps, {
-			get ["class"]() {
-				return renderProps.class();
-			},
-			get style() {
-				return renderProps.style();
-			},
-			get ["data-disabled"]() {
-				return dataAttr(state.isDisabled());
-			},
-			get ["data-focused"]() {
-				return dataAttr(isFocused());
-			},
-			"onFocusIn": () => setIsFocused(true),
-			"onFocusOut": () => setIsFocused(false)
-		}), false, true);
-		insert(_el$3, createComponent(For, {
-			get each() {
-				return state.segments();
-			},
-			children: (segment) => props.children?.(segment)
-		}));
-		runHydrationEvents();
-		return _el$3;
-	})();
-}
-/**
-* A segment of a time field (hour, minute, second, AM/PM).
-*/
-function TimeSegment(props) {
-	const state = useTimeFieldContext();
-	const [segmentRef, setSegmentRef] = createSignal(null);
-	const segmentAria = createTimeSegment({ segment: props.segment }, state, segmentRef);
-	const renderValues = createMemo(() => ({
-		isFocused: segmentAria.isFocused,
-		isEditable: segmentAria.isEditable,
-		isPlaceholder: segmentAria.isPlaceholder,
-		type: props.segment.type,
-		text: segmentAria.text
-	}));
-	const renderProps = useRenderProps({
-		get children() {
-			return props.children;
-		},
-		class: props.class,
-		style: props.style,
-		defaultClassName: "solidaria-TimeSegment"
-	}, renderValues);
-	const getChildren = () => {
-		if (typeof props.children === "function") return renderProps.renderChildren();
-		return segmentAria.text;
-	};
-	return (() => {
-		var _el$4 = getNextElement(_tmpl$2);
-		use(setSegmentRef, _el$4);
-		spread(_el$4, mergeProps(() => segmentAria.segmentProps, {
-			get ["class"]() {
-				return renderProps.class();
-			},
-			get style() {
-				return renderProps.style();
-			},
-			get ["data-focused"]() {
-				return dataAttr(segmentAria.isFocused);
-			},
-			get ["data-editable"]() {
-				return dataAttr(segmentAria.isEditable);
-			},
-			get ["data-placeholder"]() {
-				return dataAttr(segmentAria.isPlaceholder);
-			},
-			get ["data-type"]() {
-				return props.segment.type;
-			}
-		}), false, true);
-		insert(_el$4, getChildren);
-		runHydrationEvents();
-		return _el$4;
-	})();
-}
 function TimeFieldLabel(props) {
 	const { aria } = useTimeFieldContextValue();
 	return (() => {
-		var _el$5 = getNextElement(_tmpl$3);
-		spread(_el$5, mergeProps(() => aria.labelProps, { get ["class"]() {
+		var _el$3 = getNextElement(_tmpl$3);
+		spread(_el$3, mergeProps(() => aria.labelProps, { get ["class"]() {
 			return props.class;
 		} }), false, true);
-		insert(_el$5, () => props.children);
+		insert(_el$3, () => props.children);
 		runHydrationEvents();
-		return _el$5;
+		return _el$3;
 	})();
 }
 function TimeFieldDescription(props) {
 	const { aria } = useTimeFieldContextValue();
 	return (() => {
-		var _el$6 = getNextElement(_tmpl$4);
-		spread(_el$6, mergeProps(() => aria.descriptionProps, { get ["class"]() {
+		var _el$4 = getNextElement(_tmpl$3);
+		spread(_el$4, mergeProps(() => aria.descriptionProps, { get ["class"]() {
 			return props.class;
 		} }), false, true);
-		insert(_el$6, () => props.children);
+		insert(_el$4, () => props.children);
 		runHydrationEvents();
-		return _el$6;
+		return _el$4;
 	})();
 }
 function TimeFieldErrorMessage(props) {
 	const { aria } = useTimeFieldContextValue();
 	return (() => {
-		var _el$7 = getNextElement(_tmpl$4);
-		spread(_el$7, mergeProps(() => aria.errorMessageProps, { get ["class"]() {
+		var _el$5 = getNextElement(_tmpl$3);
+		spread(_el$5, mergeProps(() => aria.errorMessageProps, { get ["class"]() {
 			return props.class;
 		} }), false, true);
-		insert(_el$7, () => props.children);
+		insert(_el$5, () => props.children);
 		runHydrationEvents();
-		return _el$7;
+		return _el$5;
 	})();
 }
 //#endregion
-export { TimeField, TimeFieldContext, TimeFieldDescription, TimeFieldErrorMessage, TimeFieldLabel, TimeFieldStateContext, TimeInput, TimeSegment, useTimeFieldContext };
+export { TimeField, TimeFieldContext, TimeFieldDescription, TimeFieldErrorMessage, TimeFieldLabel, TimeFieldStateContext, useTimeFieldContext };
 
 //# sourceMappingURL=TimeField.js.map