@payfit/unity-components 3.23.15 → 3.23.16

package/dist/esm/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputAnswersField.d.ts

@@ -0,0 +1,48 @@
+import { Key } from 'react-aria-components/Breadcrumbs';
+import { AIStructuredInputAnswerItem, AIStructuredInputAnswersProps } from '../parts/AIStructuredInputAnswers.js';
+import { AIStructuredInputFreeTextAnswerProps } from '../parts/AIStructuredInputFreeTextAnswer.js';
+/** A form-owned answer: unanswered, selected string or numeric keys, or a free-text draft. */
+export type AIStructuredInputAnswerValue = null | {
+    kind: 'choices';
+    keys: Key[];
+} | {
+    kind: 'text';
+    text: string;
+};
+/** Props for the AI Kit form-connected choice and optional free-text field. */
+export type TanstackAIStructuredInputAnswersFieldProps<TItem extends AIStructuredInputAnswerItem> = Omit<AIStructuredInputAnswersProps<TItem>, 'value' | 'onChange'> & {
+    /** Called after a choice update; useful for consumer-owned navigation. */
+    onAnswerChange?: (value: AIStructuredInputAnswerValue) => void;
+    /** Optional text control. Its submit action is local, not a form submission. */
+    freeText?: Omit<AIStructuredInputFreeTextAnswerProps, 'value' | 'onChange' | 'isInvalid' | 'feedbackMessage' | 'feedbackId'>;
+    /** Override feedback from the field, for example after batch validation. */
+    feedbackMessage?: string;
+};
+/**
+ * Binds choice and optional text drafts to one AI Kit form field.
+ * Render inside `form.AppField` and initialize the field to an
+ * `AIStructuredInputAnswerValue`. Editing either answer kind replaces the
+ * other; focus alone does not change the answer. Text confirmation calls the
+ * supplied local `freeText.onSubmit`, not the form's submit action.
+ * The list and optional text input need accessible names. Field validation
+ * feedback is associated with the answer group and text input.
+ * @param props - Choice options, optional free text, and local callbacks.
+ * @param props.freeText - Optional free-text control and local confirmation action.
+ * @param props.onAnswerChange - Receives the new draft after a choice or text edit.
+ * @param props.feedbackMessage - Optional application-owned validation message.
+ * @example
+ * ```tsx
+ * <form.AppField name="answers.country">
+ *   {field => (
+ *     <field.StructuredInputAnswersField
+ *       aria-label="Country"
+ *       items={countries}
+ *       freeText={{ 'aria-label': 'Other country', onSubmit: advance }}
+ *     >
+ *       {country => <AIStructuredInputAnswer id={country.id} number={country.number}>{country.label}</AIStructuredInputAnswer>}
+ *     </field.StructuredInputAnswersField>
+ *   )}
+ * </form.AppField>
+ * ```
+ */
+export declare function TanstackAIStructuredInputAnswersField<TItem extends AIStructuredInputAnswerItem>({ freeText, onAnswerChange, feedbackMessage, ...props }: TanstackAIStructuredInputAnswersFieldProps<TItem>): import('react/jsx-runtime').JSX.Element;

package/dist/esm/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputAnswersField.js

@@ -0,0 +1,62 @@
+import { Text as e } from "../../../../../core/components/text/Text.js";
+import { AIStructuredInputAnswers as t } from "../parts/AIStructuredInputAnswers.js";
+import { AIStructuredInputFreeTextAnswer as n } from "../parts/AIStructuredInputFreeTextAnswer.js";
+import { useAIKitFieldContext as r } from "../../../hooks/ai-kit-form-context.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputAnswersField.tsx
+function s({ freeText: s, onAnswerChange: c, feedbackMessage: l, ...u }) {
+	let d = r(), f = i(), p = d.state.value, m = d.state.meta.errors[0], h;
+	typeof m == "string" ? h = m : typeof m == "object" && m && "message" in m && typeof m.message == "string" && (h = m.message);
+	let g = l ?? h, _ = (e) => {
+		d.handleChange(e), c?.(e);
+	};
+	return /* @__PURE__ */ o("div", {
+		role: "group",
+		"aria-label": u["aria-label"],
+		"aria-labelledby": u["aria-labelledby"],
+		"aria-describedby": [u["aria-describedby"], g && f].filter(Boolean).join(" ") || void 0,
+		children: [
+			/* @__PURE__ */ a(t, {
+				...u,
+				value: new Set(p?.kind === "choices" ? p.keys : []),
+				"aria-describedby": [u["aria-describedby"], g && f].filter(Boolean).join(" ") || void 0,
+				onBlur: (e) => {
+					d.handleBlur(), u.onBlur?.(e);
+				},
+				onChange: (e) => {
+					let t = e === "all" ? u.items.map((e) => e.id) : Array.from(e);
+					_({
+						kind: "choices",
+						keys: t
+					});
+				}
+			}),
+			s && /* @__PURE__ */ a(n, {
+				...s,
+				value: p?.kind === "text" ? p.text : "",
+				isInvalid: !!g,
+				feedbackMessage: g,
+				feedbackId: f,
+				onChange: (e) => {
+					_({
+						kind: "text",
+						text: e.target.value
+					});
+				},
+				onBlur: (e) => {
+					d.handleBlur(), s.onBlur?.(e);
+				}
+			}),
+			g && !s && /* @__PURE__ */ a(e, {
+				id: f,
+				role: "alert",
+				variant: "bodySmallStrong",
+				color: "content.danger",
+				children: g
+			})
+		]
+	});
+}
+//#endregion
+export { s as TanstackAIStructuredInputAnswersField };

package/dist/esm/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputForm.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement, RefAttributes } from 'react';
+import { AIStructuredInputItem, AIStructuredInputProps } from '../AIStructuredInput.js';
+/** Props for a structured question sequence connected to an AI Kit form. */
+export type TanstackAIStructuredInputFormProps<TItem extends AIStructuredInputItem = AIStructuredInputItem> = AIStructuredInputProps<TItem>;
+export declare const TanstackAIStructuredInputForm: <TItem extends AIStructuredInputItem = AIStructuredInputItem>(props: TanstackAIStructuredInputFormProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement | null;

package/dist/esm/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputForm.js

@@ -0,0 +1,21 @@
+import { AIStructuredInput as e } from "../AIStructuredInput.js";
+import { useAIKitFormContext as t } from "../../../hooks/ai-kit-form-context.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/form/TanstackAIStructuredInputForm.tsx
+var i = n((n, i) => {
+	let a = t();
+	return /* @__PURE__ */ r("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation(), a.handleSubmit();
+		},
+		children: /* @__PURE__ */ r(e, {
+			...n,
+			ref: i
+		})
+	});
+});
+i.displayName = "TanstackAIStructuredInputForm";
+var a = i;
+//#endregion
+export { a as TanstackAIStructuredInputForm };

package/dist/esm/modules/ai-kit/components/ai-structured-input/hooks/use-ai-structured-input-navigation.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Navigation policy for one structured-input step.
+ * @typeParam TStepId - The step's stable ID.
+ */
+export interface AIStructuredInputNavigationStep<TStepId extends string = string> {
+    /** Stable ID matching an `AIStructuredInputStep`. */
+    id: TStepId;
+    /** Whether an answer action on this active step should advance to the next step. */
+    autoAdvanceOnAnswer: boolean;
+}
+/** Options for `useAIStructuredInputNavigation`. */
+export interface UseAIStructuredInputNavigationOptions<TSteps extends readonly [
+    AIStructuredInputNavigationStep,
+    ...AIStructuredInputNavigationStep[]
+]> {
+    /**
+     * Ordered step IDs and required per-step answer-advance policy. Append new
+     * steps at the end; removing or reordering existing steps is unsupported.
+     */
+    steps: TSteps;
+    /**
+     * The initially active step. Its ID is inferred from `steps`; defaults to
+     * the first step when omitted.
+     */
+    initialStepId?: TSteps[number]['id'];
+}
+/** Navigation state and actions returned by `useAIStructuredInputNavigation`. */
+export interface UseAIStructuredInputNavigationResult<TStepId extends string> {
+    /** Current step ID; pass this to `AIStructuredInput.activeStepId`. */
+    activeStepId: TStepId;
+    /** Pass this to `AIStructuredInput.onActiveStepChange` to control the root. */
+    onActiveStepChange: (stepId: string) => void;
+    /** Changes directly to a known step ID. */
+    goToStep: (stepId: TStepId) => void;
+    /** Advances one step, if a next step exists, regardless of answer policy. */
+    advance: () => void;
+    /** Moves back one step, when there is a previous step. */
+    goBack: () => void;
+    /** Advances only for an answer action on the active step when its policy allows it. */
+    onAnswer: (stepId: TStepId) => void;
+    /** Whether the active step is the first step. */
+    isFirstStep: boolean;
+    /** Whether the active step is the last step. */
+    isLastStep: boolean;
+    /** Whether a next step exists. */
+    canAdvance: boolean;
+    /** Whether a previous step exists. */
+    canGoBack: boolean;
+}
+/**
+ * Owns structured-input navigation and per-step answer progression policy.
+ *
+ * Pass the returned `activeStepId` and `onActiveStepChange` to
+ * `AIStructuredInput` to make it controlled. Call `onAnswer(stepId)` after the
+ * consumer has updated its answer store; it advances only when that step is
+ * active, has `autoAdvanceOnAnswer: true`, and has a next step. Use `advance`
+ * for explicit continuation, such as a multi-select Continue action.
+ *
+ * This hook never stores, inspects, validates, or submits answer values. Keep
+ * those in the consumer or a form library such as TanStack Form. Steps may be
+ * appended at the end while preserving the active ID; removing or reordering
+ * existing steps is unsupported.
+ * @typeParam TSteps - A non-empty ordered tuple whose IDs are inferred for the
+ *   returned navigation API and optional `initialStepId`.
+ * @param options - Ordered step descriptors and optional initial step.
+ * @returns Controlled navigation state, actions, and derived boundaries.
+ * @throws {Error} If no steps are configured, `initialStepId` is not in `steps`, or the active step is removed.
+ * @example
+ * ```tsx
+ * const navigation = useAIStructuredInputNavigation({
+ *   steps: [
+ *     { id: 'bonus-type', autoAdvanceOnAnswer: true },
+ *     { id: 'countries', autoAdvanceOnAnswer: false },
+ *   ],
+ * })
+ *
+ * <AIStructuredInput
+ *   activeStepId={navigation.activeStepId}
+ *   onActiveStepChange={navigation.onActiveStepChange}
+ * >
+ * </AIStructuredInput>
+ * ```
+ * @see {@link UseAIStructuredInputNavigationOptions} for the input contract.
+ * @see {@link UseAIStructuredInputNavigationResult} for the returned API.
+ */
+export declare function useAIStructuredInputNavigation<const TSteps extends readonly [
+    AIStructuredInputNavigationStep,
+    ...AIStructuredInputNavigationStep[]
+]>(options: UseAIStructuredInputNavigationOptions<TSteps>): UseAIStructuredInputNavigationResult<TSteps[number]['id']>;

package/dist/esm/modules/ai-kit/components/ai-structured-input/hooks/use-ai-structured-input-navigation.js

@@ -0,0 +1,39 @@
+import { useState as e } from "react";
+//#region src/modules/ai-kit/components/ai-structured-input/hooks/use-ai-structured-input-navigation.ts
+function t(t) {
+	let { steps: n, initialStepId: r } = t, i = n[0];
+	if (!i) throw Error("useAIStructuredInputNavigation requires at least one step.");
+	if (r !== void 0 && !n.some((e) => e.id === r)) throw Error(`Initial step ID "${r}" must match a configured step ID.`);
+	let [a, o] = e(() => r ?? i.id), s = n.findIndex((e) => e.id === a);
+	if (s < 0) throw Error(`Active step ID "${a}" is missing. Existing steps cannot be removed while the hook is active.`);
+	let c = n[s];
+	if (!c) throw Error("Could not resolve the active structured-input step.");
+	let l = (e) => {
+		n.some((t) => t.id === e) && o(e);
+	}, u = (e) => {
+		let t = n.find((t) => t.id === e);
+		t && o(t.id);
+	}, d = () => {
+		let e = n[s + 1];
+		e && o(e.id);
+	}, f = () => {
+		let e = n[s - 1];
+		e && o(e.id);
+	}, p = (e) => {
+		e !== a || !c.autoAdvanceOnAnswer || d();
+	}, m = s === 0, h = s === n.length - 1;
+	return {
+		activeStepId: a,
+		onActiveStepChange: u,
+		goToStep: l,
+		advance: d,
+		goBack: f,
+		onAnswer: p,
+		isFirstStep: m,
+		isLastStep: h,
+		canAdvance: !h,
+		canGoBack: !m
+	};
+}
+//#endregion
+export { t as useAIStructuredInputNavigation };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputActions.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+/** Props for the action row at the end of an `AIStructuredInputStep`. */
+export type AIStructuredInputActionsProps = ComponentPropsWithoutRef<'div'>;
+/**
+ * Aligns step actions to the end of the structured-input surface.
+ * @param props - Action children and standard div attributes.
+ * @example
+ * ```tsx
+ * import { AIStructuredInputActions } from '@payfit/unity-components/ai-kit'
+ *
+ * <AIStructuredInputStep id="countries">
+ *   <AIStructuredInputStepTitle>Which countries?</AIStructuredInputStepTitle>
+ *   <AIStructuredInputContent>{answerControls}</AIStructuredInputContent>
+ *   <AIStructuredInputActions>
+ *     <Button onPress={continueToNextStep}>Continue</Button>
+ *   </AIStructuredInputActions>
+ * </AIStructuredInputStep>
+ * ```
+ * @see {@link AIStructuredInputActionsProps} for all available props.
+ * @remarks
+ * - Actions align to the end of the step.
+ * - Multiple actions use a consistent compact gap.
+ */
+declare const AIStructuredInputActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { AIStructuredInputActions };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputActions.js

@@ -0,0 +1,14 @@
+import { forwardRef as e } from "react";
+import { uyMerge as t, uyTv as n } from "@payfit/unity-themes";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputActions.tsx
+var i = n({ base: "uy:flex uy:w-full uy:items-center uy:justify-end uy:gap-100" }), a = e(({ children: e, className: n, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: t(i(), n),
+	"data-unity-slot": "ai.structured-input.actions",
+	...a,
+	children: e
+}));
+a.displayName = "AIStructuredInputActions";
+//#endregion
+export { a as AIStructuredInputActions };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswer.d.ts

@@ -0,0 +1,15 @@
+import { ForwardedRef, ReactElement } from 'react';
+import { Key } from 'react-aria-components/Breadcrumbs';
+import { SelectListOptionProps } from '../../../../../core/components/select-list/parts/SelectListOption.js';
+/** Props for one numbered answer option inside a `SelectList`. */
+export interface AIStructuredInputAnswerProps extends Omit<SelectListOptionProps<object>, 'children' | 'prefixElement' | 'id'> {
+    /** Stable, explicit identity for this answer option. */
+    id: Key;
+    /** Ordinal shown in the option's leading number marker. */
+    number: number;
+    /** Visible option label and accessible text value. */
+    children: string;
+}
+export declare const AIStructuredInputAnswer: (props: AIStructuredInputAnswerProps & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement;

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswer.js

@@ -0,0 +1,50 @@
+import { Tooltip as e } from "../../../../../core/components/tooltip/Tooltip.js";
+import { Text as t } from "../../../../../core/components/text/Text.js";
+import { SelectListOption as n } from "../../../../../core/components/select-list/parts/SelectListOption.js";
+import { useAIStructuredInputAnswersContext as r } from "./AIStructuredInputAnswers.context.js";
+import { forwardRef as i } from "react";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswer.tsx
+var s = a({ slots: {
+	option: [
+		"uy:px-125 uy:py-125 uy:rounded-150",
+		"uy:data-[hinted=true]:bg-surface-neutral-selected",
+		"uy:motion-safe:transition-[background-color,scale] uy:motion-safe:duration-150",
+		"uy:motion-safe:data-[pressed]:scale-[0.99]"
+	],
+	numberBullet: [
+		"uy:flex uy:size-300 uy:shrink-0 uy:items-center uy:justify-center",
+		"uy:rounded-circle uy:bg-surface-neutral-lowest-hover",
+		"uy:typography-body-strong uy:text-content-neutral"
+	]
+} });
+function c({ id: i, number: a, children: c, textValue: l, className: u, isHinted: d, ...f }, p) {
+	let m = r(), { option: h, numberBullet: g } = s();
+	return /* @__PURE__ */ o(n, {
+		ref: p,
+		id: i,
+		...f,
+		isHinted: d ?? m?.hintedAnswerId === i,
+		className: h({ className: u }),
+		textValue: l ?? c,
+		prefixElement: /* @__PURE__ */ o("span", {
+			className: g(),
+			"aria-hidden": "true",
+			children: a
+		}),
+		children: /* @__PURE__ */ o(e, {
+			title: c,
+			children: /* @__PURE__ */ o(t, {
+				variant: "body",
+				isTruncated: !0,
+				children: c
+			})
+		})
+	});
+}
+var l = i(c);
+l.displayName = "AIStructuredInputAnswer";
+var u = l;
+//#endregion
+export { u as AIStructuredInputAnswer };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.context.d.ts

@@ -0,0 +1,8 @@
+import { Key } from 'react-aria-components/Breadcrumbs';
+interface AIStructuredInputAnswersContextValue {
+    /** The answer ID shown with the initial hint styling, when present. */
+    hintedAnswerId?: Key;
+}
+export declare const AIStructuredInputAnswersProvider: import('react').Provider<AIStructuredInputAnswersContextValue | null>;
+export declare function useAIStructuredInputAnswersContext(): AIStructuredInputAnswersContextValue | null;
+export {};

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.context.js

@@ -0,0 +1,8 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.context.ts
+var n = e(null), r = n.Provider;
+function i() {
+	return t(n);
+}
+//#endregion
+export { r as AIStructuredInputAnswersProvider, i as useAIStructuredInputAnswersContext };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.d.ts

@@ -0,0 +1,73 @@
+import { JSX, Ref } from 'react';
+import { Key } from 'react-aria-components/Breadcrumbs';
+import { SelectListProps } from '../../../../../core/components/select-list/SelectList.js';
+/** An answer collection item must have an explicit, stable ID. */
+export interface AIStructuredInputAnswerItem {
+    id: Key;
+}
+/** Props for a structured-input choice collection. */
+export interface AIStructuredInputAnswersProps<TItem extends AIStructuredInputAnswerItem> extends Omit<SelectListProps<TItem>, 'items' | 'children' | 'value' | 'onChange'> {
+    /** The ordered answer options. Each item must have an explicit ID. */
+    items: readonly TItem[];
+    /** Renders each item, typically as an `AIStructuredInputAnswer`. */
+    children: SelectListProps<TItem>['children'];
+    /** The selected answer keys. Keep this value in application or form state. */
+    value: NonNullable<SelectListProps<TItem>['value']>;
+    /** Receives selection changes so the consumer can update its answer draft. */
+    onChange: NonNullable<SelectListProps<TItem>['onChange']>;
+}
+type AIStructuredInputAnswersComponent = {
+    <TItem extends AIStructuredInputAnswerItem>(props: AIStructuredInputAnswersProps<TItem> & {
+        ref?: Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+/**
+ * Presents choice answers in the compact layout designed for structured questions.
+ * @param props - A controlled answer selection, ordered items, and an option renderer.
+ * @see {@link AIStructuredInputAnswersProps} for the complete API.
+ * @example
+ * ```tsx
+ * <AIStructuredInputAnswers
+ *   aria-label="Choose a bonus type"
+ *   items={answers}
+ *   selectionMode="single"
+ *   value={selectedAnswerIds}
+ *   onChange={setSelectedAnswerIds}
+ * >
+ *   {answer => (
+ *     <AIStructuredInputAnswer id={answer.id} number={answer.number}>
+ *       {answer.label}
+ *     </AIStructuredInputAnswer>
+ *   )}
+ * </AIStructuredInputAnswers>
+ * ```
+ * @remarks
+ * - Selection remains controlled by the consumer.
+ * - The defaults are multiple selection, end-position indicators, no search field, and a transparent wrapper.
+ * - The first option is hinted until the user changes the selection.
+ * - Unmounting and remounting resets the transient hint.
+ * @example Static option data
+ * ```tsx
+ * const bonusTypes = [
+ *   { id: 'one-off', number: 1, label: 'One-off bonus' },
+ *   { id: 'recurring', number: 2, label: 'Recurring bonus' },
+ * ]
+ *
+ * <AIStructuredInputAnswers
+ *   aria-label="Choose a bonus type"
+ *   items={bonusTypes}
+ *   selectionMode="single"
+ *   value={selectedBonusType}
+ *   onChange={setSelectedBonusType}
+ * >
+ *   {answer => (
+ *     <AIStructuredInputAnswer id={answer.id} number={answer.number}>
+ *       {answer.label}
+ *     </AIStructuredInputAnswer>
+ *   )}
+ * </AIStructuredInputAnswers>
+ * ```
+ */
+declare const AIStructuredInputAnswers: AIStructuredInputAnswersComponent;
+export { AIStructuredInputAnswers };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.js

@@ -0,0 +1,30 @@
+import { SelectList as e } from "../../../../../core/components/select-list/SelectList.js";
+import { AIStructuredInputAnswersProvider as t } from "./AIStructuredInputAnswers.context.js";
+import { forwardRef as n, useState as r } from "react";
+import { uyMerge as i } from "@payfit/unity-themes";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputAnswers.tsx
+function o({ items: n, children: o, value: s, onChange: c, selectionMode: l = "multiple", showSearch: u = !1, indicatorPosition: d = "end", wrapperClassName: f, ...p }, m) {
+	let [h, g] = r(!1), _ = !(s === "all" || Array.from(s).length > 0) && !h ? n[0]?.id : void 0, v = (e) => {
+		g(!0), c(e);
+	};
+	return /* @__PURE__ */ a(t, {
+		value: { hintedAnswerId: _ },
+		children: /* @__PURE__ */ a(e, {
+			...p,
+			ref: m,
+			items: n,
+			value: s,
+			onChange: v,
+			selectionMode: l,
+			showSearch: u,
+			indicatorPosition: d,
+			wrapperClassName: i("uy:bg-transparent uy:p-0", f),
+			children: o
+		})
+	});
+}
+var s = n(o);
+s.displayName = "AIStructuredInputAnswers";
+//#endregion
+export { s as AIStructuredInputAnswers };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputContent.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef } from 'react';
+/** Props for the answer-control region of an `AIStructuredInputStep`. */
+export type AIStructuredInputContentProps = ComponentPropsWithoutRef<'div'>;
+/**
+ * Groups a step's answer controls with consistent spacing.
+ * @param props - Content children and standard div attributes.
+ * @example
+ * ```tsx
+ * import { AIStructuredInputContent } from '@payfit/unity-components/ai-kit'
+ *
+ * <AIStructuredInputContent>
+ *   <AIStructuredInputAnswers items={answers} value={value} onChange={setValue}>
+ *     {answer => <AIStructuredInputAnswer id={answer.id} number={answer.number}>{answer.label}</AIStructuredInputAnswer>}
+ *   </AIStructuredInputAnswers>
+ *   <AIStructuredInputFreeTextAnswer value={draft} onChange={handleChange} onSubmit={saveAnswer} />
+ * </AIStructuredInputContent>
+ * ```
+ * @see {@link AIStructuredInputContentProps} for all available props.
+ * @remarks
+ * - Use this region for answer controls, including choice lists and free-text fields.
+ * - Its compact vertical gap keeps related answer controls visually grouped.
+ */
+declare const AIStructuredInputContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { AIStructuredInputContent };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputContent.js

@@ -0,0 +1,13 @@
+import { forwardRef as e } from "react";
+import { uyMerge as t, uyTv as n } from "@payfit/unity-themes";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputContent.tsx
+var i = n({ base: "uy:flex uy:min-w-0 uy:flex-col uy:gap-100" }), a = e(({ children: e, className: n, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: t(i(), n),
+	...a,
+	children: e
+}));
+a.displayName = "AIStructuredInputContent";
+//#endregion
+export { a as AIStructuredInputContent };

package/dist/esm/modules/ai-kit/components/ai-structured-input/parts/AIStructuredInputFreeTextAnswer.d.ts

@@ -0,0 +1,28 @@
+import { ChangeEventHandler, ReactElement, Ref } from 'react';
+import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components/TextArea';
+/** Props for a controlled free-text answer field. */
+export interface AIStructuredInputFreeTextAnswerProps extends Omit<AriaTextAreaProps, 'children' | 'className' | 'disabled' | 'onChange' | 'readOnly' | 'value'> {
+    /** The current answer draft, owned by the consumer or form. */
+    value: string;
+    /** Updates the consumer-owned answer draft. */
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    /** Called when the person confirms this answer. It does not submit the answer batch. */
+    onSubmit: () => void;
+    /** Whether the answer field is disabled. */
+    isDisabled?: boolean;
+    /** Whether confirming the answer is in progress. */
+    isLoading?: boolean;
+    /** Whether the answer needs correction. */
+    isInvalid?: boolean;
+    /** Feedback shown below the text area, normally when `isInvalid` is true. */
+    feedbackMessage?: string;
+    /** ID for the feedback message when another control also describes it. */
+    feedbackId?: string;
+    /** Accessible name for the answer confirmation button. */
+    submitAriaLabel?: string;
+    /** Merges custom styles with the field styles. */
+    className?: string;
+}
+export declare const AIStructuredInputFreeTextAnswer: (props: AIStructuredInputFreeTextAnswerProps & {
+    ref?: Ref<HTMLTextAreaElement>;
+}) => ReactElement;