@proyecto-viviana/solidaria-components 0.3.2 → 0.4.1

package/dist/TimeField.js

@@ -0,0 +1,278 @@
+import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.js";
+import { TextContext } from "./Text.js";
+import { FormContext } 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 { 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
+* `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>`);
+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");
+	return context;
+}
+function useTimeFieldContext() {
+	return useTimeFieldContextValue().state;
+}
+/**
+* A time field allows users to enter and edit time values using a keyboard.
+*
+* @example
+* ```tsx
+* <TimeField label="Time">
+*   <Label>Time</Label>
+*   <DateInput>
+*     {(segment) => <DateSegment segment={segment} />}
+*   </DateInput>
+* </TimeField>
+* ```
+*/
+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 }));
+		}
+	});
+}
+/**
+* Internal TimeField component that renders after client mount.
+*/
+function TimeFieldInner(props) {
+	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"__formContext"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"minValue",
+		"maxValue",
+		"isInvalid",
+		"isDisabled",
+		"isReadOnly",
+		"isRequired",
+		"locale",
+		"granularity",
+		"hourCycle",
+		"hideTimeZone",
+		"shouldForceLeadingZeros",
+		"validationState",
+		"validationBehavior",
+		"validate",
+		"description",
+		"errorMessage",
+		"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,
+		inputRef: () => validationInputRef() ?? void 0
+	}), state, fieldRef);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isReadOnly: state.isReadOnly(),
+		isRequired: state.isRequired(),
+		isInvalid: state.isInvalid()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-TimeField"
+	}, renderValues);
+	const textSlots = { slots: {
+		get description() {
+			return fieldAria.descriptionProps;
+		},
+		get errorMessage() {
+			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(DateFieldStateContext.Provider, {
+				value: state,
+				get children() {
+					return createComponent(DateFieldContext.Provider, {
+						value: dateFieldContextValue,
+						get children() {
+							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 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;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+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;
+	})();
+}
+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;
+	})();
+}
+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;
+	})();
+}
+//#endregion
+export { TimeField, TimeFieldContext, TimeFieldDescription, TimeFieldErrorMessage, TimeFieldLabel, TimeFieldStateContext, useTimeFieldContext };
+
+//# sourceMappingURL=TimeField.js.map

package/dist/TimeField.js.map

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

package/dist/TimeField.jsx

@@ -0,0 +1,218 @@
+import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.jsx";
+import { TextContext } from "./Text.jsx";
+import { FormContext } 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 { 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
+* `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.
+*/
+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");
+	return context;
+}
+function useTimeFieldContext() {
+	return useTimeFieldContextValue().state;
+}
+/**
+* A time field allows users to enter and edit time values using a keyboard.
+*
+* @example
+* ```tsx
+* <TimeField label="Time">
+*   <Label>Time</Label>
+*   <DateInput>
+*     {(segment) => <DateSegment segment={segment} />}
+*   </DateInput>
+* </TimeField>
+* ```
+*/
+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>;
+}
+/**
+* Internal TimeField component that renders after client mount.
+*/
+function TimeFieldInner(props) {
+	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"__formContext"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"minValue",
+		"maxValue",
+		"isInvalid",
+		"isDisabled",
+		"isReadOnly",
+		"isRequired",
+		"locale",
+		"granularity",
+		"hourCycle",
+		"hideTimeZone",
+		"shouldForceLeadingZeros",
+		"validationState",
+		"validationBehavior",
+		"validate",
+		"description",
+		"errorMessage",
+		"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,
+		inputRef: () => validationInputRef() ?? void 0
+	}), state, fieldRef);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isReadOnly: state.isReadOnly(),
+		isRequired: state.isRequired(),
+		isInvalid: state.isInvalid()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-TimeField"
+	}, renderValues);
+	const textSlots = { slots: {
+		get description() {
+			return fieldAria.descriptionProps;
+		},
+		get errorMessage() {
+			return fieldAria.errorMessageProps;
+		}
+	} };
+	const dateFieldContextValue = {
+		get state() {
+			return state;
+		},
+		aria: {
+			get labelProps() {
+				return fieldAria.labelProps;
+			},
+			get inputProps() {
+				return fieldAria.fieldProps;
+			},
+			get hiddenInputProps() {
+				return mergeProps$1(fieldAria.inputProps, { ref: setValidationInputRef });
+			},
+			get descriptionProps() {
+				return fieldAria.descriptionProps;
+			},
+			get errorMessageProps() {
+				return fieldAria.errorMessageProps;
+			}
+		}
+	};
+	return <TimeFieldStateContext.Provider value={state}>
+      <DateFieldStateContext.Provider value={state}>
+        <DateFieldContext.Provider value={dateFieldContextValue}>
+          <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;
+			}
+		}
+	}}>
+            <div ref={setFieldRef} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-readonly={dataAttr(state.isReadOnly())} data-required={dataAttr(state.isRequired())} data-invalid={dataAttr(state.isInvalid())}>
+              <Provider values={[[TextContext, textSlots]]}>
+                {local.children}
+              </Provider>
+            </div>
+            {}
+          </TimeFieldContext.Provider>
+        </DateFieldContext.Provider>
+      </DateFieldStateContext.Provider>
+    </TimeFieldStateContext.Provider>;
+}
+function TimeFieldLabel(props) {
+	const { aria } = useTimeFieldContextValue();
+	return <span {...aria.labelProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+function TimeFieldDescription(props) {
+	const { aria } = useTimeFieldContextValue();
+	return <span {...aria.descriptionProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+function TimeFieldErrorMessage(props) {
+	const { aria } = useTimeFieldContextValue();
+	return <span {...aria.errorMessageProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+//#endregion
+export { TimeField, TimeFieldContext, TimeFieldDescription, TimeFieldErrorMessage, TimeFieldLabel, TimeFieldStateContext, useTimeFieldContext };
+
+//# sourceMappingURL=TimeField.jsx.map

package/dist/TimeField.jsx.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;AAuFA,MAAa,mBAAmB,cAA4C,IAAI;AAChF,MAAa,wBAAwB,cAAgD,IAAI;AAEzF,SAAS,2BAA6C,OAAU,aAAkC;CAChG,IAAI,CAAC,aAAa,oBAChB,OAAO;CAGT,OAAO,IAAI,MAAM,OAAO;EACtB,IAAI,QAAQ,UAAU,UAAU;GAC9B,MAAM,aAAa,QAAQ,IAAI,QAAQ,UAAU,QAAQ;GACzD,IAAI,aAAa,wBAAwB,eAAe,KAAA,GACtD,OAAO,YAAY;GAGrB,OAAO;EACT;EACA,IAAI,QAAQ,UAAU;GACpB,OACE,QAAQ,IAAI,QAAQ,QAAQ,KAC3B,aAAa,wBAAwB,YAAY,uBAAuB,KAAA;EAE7E;EACA,QAAQ,QAAQ;GACd,MAAM,OAAO,IAAI,IAAI,QAAQ,QAAQ,MAAM,CAAC;GAC5C,IAAI,YAAY,uBAAuB,KAAA,GACrC,KAAK,IAAI,oBAAoB;GAG/B,OAAO,MAAM,KAAK,IAAI;EACxB;EACA,yBAAyB,QAAQ,UAAU;GACzC,MAAM,aAAa,QAAQ,yBAAyB,QAAQ,QAAQ;GACpE,IAAI,YACF,OAAO;GAGT,IAAI,aAAa,wBAAwB,YAAY,uBAAuB,KAAA,GAC1E,OAAO;IACL,YAAY;IACZ,cAAc;IACd,WAAW,YAAY;GACzB;EAIJ;CACF,CAAC;AACH;AAEA,SAAS,2BAAkD;CACzD,MAAM,UAAU,WAAW,gBAAgB;CAC3C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,sDAAsD;CAExE,OAAO;AACT;AAEA,SAAgB,sBAAiD;CAC/D,OAAO,yBAAyB,CAAC,CAAC;AACpC;;;;;;;;;;;;;;AAeA,SAAgB,UAA2C,OAAuC;CAEhG,MAAM,aAAa,cAAc;CACjC,MAAM,cAAc,WAAW,WAAW;CAE1C,OACE,CAAC,KACC,MAAM,WAAW,GACjB,UACE,CAAC,IAAI,6DAA6D,uBAErE;MACC,CAAC,mBAAmB,OAAO,eAAe,eAAe;IAC3D,EAAE;AAEN;;;;AASA,SAAS,eACP,OACa;CAGb,MAAM,CAAC,OAAO,YAAY,QAAQ,WADd,2BAA2B,OAD3B,MAAM,iBAAiB,WAAW,WAAW,CAGrD,GACV;EAAC;EAAY;EAAS;EAAS;EAAQ;CAAe,GACtD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,CAAC,UAAU,eAAe,aAAoC,IAAI;CAIxE,MAAM,CAAC,oBAAoB,yBACzB,aAAsC,IAAI;CAE5C,MAAM,QAAQ,qBAAqB,UAAU;CAE7C,MAAM,YAAY,uBACT;EACL,GAAI;EAIJ,YAAY,OAAO,WAAW,UAAU;EACxC,YAAY,OAAO,WAAW,UAAU;EACxC,YAAY,OAAO,WAAW,UAAU;EAGxC,oBAAoB,WAAW,sBAAsB;EACrD,aAAa,WAAW;EACxB,cAAc,WAAW;EACzB,gBAAgB,mBAAmB,KAAK,KAAA;CAC1C,IACA,OACA,QACF;CAEA,MAAM,eAAe,kBAAwC;EAC3D,YAAY,MAAM,WAAW;EAC7B,YAAY,MAAM,WAAW;EAC7B,YAAY,MAAM,WAAW;EAC7B,WAAW,MAAM,UAAU;CAC7B,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,YAAY,EAChB,OAAO;EACL,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;CACF,EACF;CAKA,MAAM,wBAA+C;EACnD,IAAI,QAAQ;GACV,OAAO;EACT;EACA,MAAM;GACJ,IAAI,aAAa;IACf,OAAO,UAAU;GACnB;GAIA,IAAI,aAAa;IACf,OAAO,UAAU;GACnB;GAKA,IAAI,mBAAmB;IACrB,OAAOA,aAAW,UAAU,YAAY,EAAE,KAAK,sBAAsB,CAAC;GACxE;GACA,IAAI,mBAAmB;IACrB,OAAO,UAAU;GACnB;GACA,IAAI,oBAAoB;IACtB,OAAO,UAAU;GACnB;EACF;CACF;CAEA,OACE,CAAC,sBAAsB,SAAS,OAAO,OAA+C;MACpF,CAAC,sBAAsB,SACrB,OAAO,OACR;QACC,CAAC,iBAAiB,SAAS,OAAO,uBAAuB;UACvD,CAAC,iBAAiB,SAChB,OAAO;EACE;EACP,MAAM;GACJ,IAAI,aAAa;IACf,OAAO,UAAU;GACnB;GACA,IAAI,aAAa;IACf,OAAO,UAAU;GACnB;GACA,IAAI,mBAAmB;IACrB,OAAO,UAAU;GACnB;GACA,IAAI,oBAAoB;IACtB,OAAO,UAAU;GACnB;EACF;CACF,GACD;YACC,CAAC,IACC,KAAK,aACL,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,eAAe,SAAS,MAAM,WAAW,CAAC,GAC1C,eAAe,SAAS,MAAM,WAAW,CAAC,GAC1C,eAAe,SAAS,MAAM,WAAW,CAAC,GAC1C,cAAc,SAAS,MAAM,UAAU,CAAC,GACzC;cACC,CAAC,SAAS,QAAQ,CAAC,CAAC,aAAa,SAAS,CAAC,GAAyC;iBACjF,MAAM,SAAwB;cACjC,EAAE,SAAS;YACb,EAAE,IAAI;cAKH;UACL,EAAE,iBAAiB,SAAS;QAC9B,EAAE,iBAAiB,SAAS;MAC9B,EAAE,sBAAsB,SAAS;IACnC,EAAE,sBAAsB;AAE5B;AAOA,SAAgB,eAAe,OAAyC;CACtE,MAAM,EAAE,SAAS,yBAAyB;CAC1C,OACE,CAAC,SAAS,KAAK,YAAY,OAAO,MAAM,OAAO;OAC5C,MAAM,SAAS;IAClB,EAAE;AAEN;AAOA,SAAgB,qBAAqB,OAA+C;CAClF,MAAM,EAAE,SAAS,yBAAyB;CAC1C,OACE,CAAC,SAAS,KAAK,kBAAkB,OAAO,MAAM,OAAO;OAClD,MAAM,SAAS;IAClB,EAAE;AAEN;AAOA,SAAgB,sBAAsB,OAAgD;CACpF,MAAM,EAAE,SAAS,yBAAyB;CAC1C,OACE,CAAC,SAAS,KAAK,mBAAmB,OAAO,MAAM,OAAO;OACnD,MAAM,SAAS;IAClB,EAAE;AAEN"}

package/dist/Toast.d.ts

@@ -158,6 +158,20 @@ export interface ToastDescriptionProps {
  * ToastDescription renders the toast description with proper accessibility attributes.
  */
 export declare function ToastDescription(props: ToastDescriptionProps): JSX.Element;
+export interface ToastContentProps {
+    children: JSX.Element;
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+/**
+ * ToastContent wraps the toast message (title + description) in the live region
+ * announced to screen readers. It carries `role="alert"` / `aria-live="assertive"`
+ * from createToast's contentProps so the toast text is announced when it appears.
+ *
+ * It is rendered as a sibling of the close button (never wrapping it) so screen
+ * readers announce the message without reading the close button first.
+ */
+export declare function ToastContent(props: ToastContentProps): JSX.Element;
 export interface ToastCloseButtonProps {
     /** The toast to close. */
     toast: QueuedToast<ToastContent>;

package/dist/Toast.d.ts.map

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