@payfit/unity-components 2.68.14 → 2.68.16

package/dist/esm/components/multi-select-field/MultiSelectField.js

@@ -1,57 +0,0 @@
-import { MultiSelect as e } from "../multi-select/MultiSelect.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { uyTv as s } from "@payfit/unity-themes";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFormContext as u } from "react-hook-form";
-//#region src/components/multi-select-field/MultiSelectField.tsx
-var d = s({ base: "uy:flex uy:flex-col uy:gap-100" });
-function f(o, s) {
-	let { control: f, setValue: p } = u(), { name: m, label: h, helperText: g, feedbackText: _, contextualLink: v, isRequired: y, isInvalid: b, isLoading: x, isDisabled: S, isReadOnly: C, requiredVariant: w, children: T, onClearButtonPress: E, ...D } = o, O = {
-		isRequired: y,
-		isInvalid: b,
-		isLoading: x,
-		isDisabled: S,
-		isReadOnly: C
-	}, k = {
-		onClearButtonPress: () => {
-			p(m, /* @__PURE__ */ new Set()), E?.();
-		},
-		placeholder: o.placeholder,
-		isSearchable: o.isSearchable,
-		maxVisibleItems: o.maxVisibleItems,
-		isDisabled: S,
-		isReadOnly: C,
-		isLoading: x,
-		...o.renderValue && { renderValue: o.renderValue }
-	};
-	return /* @__PURE__ */ l(n, {
-		control: f,
-		name: m,
-		className: d(),
-		...O,
-		children: [
-			/* @__PURE__ */ c(a, {
-				requiredVariant: w,
-				children: h
-			}),
-			g && /* @__PURE__ */ c(t, { children: g }),
-			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
-				...D,
-				...k,
-				ref: s,
-				children: T
-			}) }),
-			/* @__PURE__ */ c(i, { children: _ }),
-			v
-		]
-	});
-}
-var p = o(f);
-p.displayName = "MultiSelectField";
-//#endregion
-export { p as MultiSelectField };

package/dist/esm/components/number-field/NumberField.d.ts

@@ -1,49 +0,0 @@
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, JSX, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { LabelProps } from '../label/Label.js';
-import { NumberProps } from '../number-input/NumberInput.js';
-export declare const numberField: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-100", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
-export interface NumberFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, Omit<NumberProps, 'name'> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the text field. */
-    label: string;
-    /** Helper text to display below the text field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the text field. */
-    feedbackText?: ReactNode;
-    /** A contextual link to display below the text field. */
-    contextualLink?: ReactNode;
-}
-type NumberFieldComponent = (<TSchema extends Schema>(props: NumberFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-    ref?: ForwardedRef<HTMLInputElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * NumberField is a form control component that combines a number input with form field functionality.
- * It integrates with React Hook Form and provides features like validation, labels, helper text, and feedback.
- * @template TFieldValues - The type of the form values
- * @template TName - The type of the field name (must be a key of TFieldValues)
- * @example
- * ```tsx
- * import { NumberField } from '@payfit/unity-components'
- *
- * <NumberField
- *   name="age"
- *   label="Age"
- *   helperText="Enter your age in years"
- *   isRequired
- * />
- * ```
- * @template TSchema - The Zod schema type for form validation
- * @param {NumberFieldProps<StandardSchemaV1.InferOutput<TSchema>>} props - The props for the NumberField component
- * @param {ForwardedRef<HTMLInputElement>} ref - Ref forwarded to the underlying input element
- * @returns {JSX.Element} A NumberField component
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const NumberField: NumberFieldComponent;
-export { NumberField };

package/dist/esm/components/number-field/NumberField.js

@@ -1,50 +0,0 @@
-import { NumberInput as e } from "../number-input/NumberInput.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { uyTv as s } from "@payfit/unity-themes";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFormContext as u } from "react-hook-form";
-//#region src/components/number-field/NumberField.tsx
-var d = s({ base: "uy:flex uy:flex-col uy:gap-100" });
-function f({ name: o, label: s, defaultValue: f, helperText: p, feedbackText: m, contextualLink: h, isRequired: g, isInvalid: _, isLoading: v, isDisabled: y, isReadOnly: b, requiredVariant: x, onClearButtonPress: S, ...C }, w) {
-	let { control: T, setValue: E } = u(), D = {
-		isRequired: g,
-		isInvalid: _,
-		isLoading: v,
-		isDisabled: y,
-		isReadOnly: b
-	}, O = S ?? (() => {
-		E(o, NaN);
-	});
-	return /* @__PURE__ */ l(n, {
-		control: T,
-		name: o,
-		className: d(),
-		...D,
-		children: [
-			/* @__PURE__ */ c(a, {
-				requiredVariant: x,
-				children: s
-			}),
-			p && /* @__PURE__ */ c(t, { children: p }),
-			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
-				ref: w,
-				onClearButtonPress: O,
-				defaultValue: f,
-				...C
-			}) }),
-			/* @__PURE__ */ c(i, { children: m }),
-			h
-		]
-	});
-}
-var p = o(function(e, t) {
-	return f(e, t);
-});
-p.displayName = "NumberField";
-//#endregion
-export { p as NumberField, d as numberField };

package/dist/esm/components/radio-button-group-field/RadioButtonGroupField.d.ts

@@ -1,49 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { LabelProps } from '../label/Label.js';
-/**
- * RadioButtonGroupField component provides a form field with radio button group functionality.
- * It integrates with React Hook Form for form state management and validation.
- * @template TFieldValues - The type of the form values
- * @template TName - The type of the field name
- */
-interface RadioButtonGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends PropsWithChildren<Pick<LabelProps, 'isRequired' | 'requiredVariant'>> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the radio button group. */
-    label: string;
-    /** Helper text to display below the radio button group. */
-    helperText?: ReactNode;
-    /** Whether the radio button group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the radio button group is read-only. */
-    isReadOnly?: boolean;
-    /** Whether the radio button group is invalid. */
-    isInvalid?: boolean;
-    /** Feedback text to display, typically used for error messages. */
-    feedbackText?: ReactNode;
-}
-/**
- * A form field component that wraps a group of radio buttons.
- *
- * This component provides a complete form field with label, helper text, and validation feedback.
- * It integrates with React Hook Form for form state management and validation.
- * @example
- * ```tsx
- * <RadioButtonGroupField
- *   name="fruit"
- *   label="Choose your favorite fruit"
- *   helperText="Select one option"
- * >
- *   <RadioButton value="Apple">Apple</RadioButton>
- *   <RadioButton value="Banana">Banana</RadioButton>
- *   <RadioButton value="Orange">Orange</RadioButton>
- * </RadioButtonGroupField>
- * @remarks
- * [API & Docs](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/forms-radiobuttongroupfield--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/43631a-radio-group)
- * ```
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const RadioButtonGroupField: import('react').ForwardRefExoticComponent<RadioButtonGroupFieldProps<FieldValues, string> & import('react').RefAttributes<HTMLDivElement>>;
-export { RadioButtonGroupField };

package/dist/esm/components/radio-button-group-field/RadioButtonGroupField.js

@@ -1,37 +0,0 @@
-import { RadioButtonGroup as e } from "../radio-button-group/RadioButtonGroup.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useFormContext as l } from "react-hook-form";
-//#region src/components/radio-button-group-field/RadioButtonGroupField.tsx
-var u = o(({ children: o, label: u, isReadOnly: d, isDisabled: f, isInvalid: p, isRequired: m, name: h, requiredVariant: g, feedbackText: _, helperText: v }, y) => {
-	let { control: b } = l();
-	return /* @__PURE__ */ c(n, {
-		control: b,
-		name: h,
-		isRequired: m,
-		isInvalid: p,
-		isDisabled: f,
-		isReadOnly: d,
-		ref: y,
-		className: "uy:gap-150",
-		children: [/* @__PURE__ */ c("div", {
-			className: "uy:flex uy:flex-col uy:gap-50",
-			children: [
-				/* @__PURE__ */ s(a, {
-					requiredVariant: g,
-					children: u
-				}),
-				/* @__PURE__ */ s(t, { children: v }),
-				/* @__PURE__ */ s(i, { children: _ })
-			]
-		}), /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(e, { children: o }) })]
-	});
-});
-u.displayName = "RadioButtonGroupField";
-//#endregion
-export { u as RadioButtonGroupField };

package/dist/esm/components/select-field/SelectField.d.ts

@@ -1,52 +0,0 @@
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, JSX, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { LabelProps } from '../label/Label.js';
-import { SelectProps } from '../select/Select.js';
-interface SelectFieldProps<TItems extends object, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, Omit<SelectProps<TItems>, 'name' | 'value'> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the select field. */
-    label: string;
-    /** Helper text to display below the text field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the text field. */
-    feedbackText?: ReactNode;
-}
-type SelectFieldComponent = (<TItems extends object, TSchema extends Schema>(props: SelectFieldProps<TItems, StandardSchemaV1.InferOutput<TSchema>> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `SelectField` component renders a list of options to select one, it is fully integrated with the `Form` component.
- * @example
- * ```tsx
- * const schema = z.object({
- *  vegetable: z.string()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *    <Form action={handleSubmit}>
- *      <SelectField<{id?: string, name:string}, typeof schema>
- *        name="vegetable"
- *        label="Vegetables"
- *        >
- *        <SelectOption id="Cabbage">Cabbage</SelectOption>
- *        <SelectOption id="Broccoli">Broccoli</SelectOption>
- *        <SelectOption id="Carrots">Carrots</SelectOption>
- *        </SelectField>
- *    </Form>
- *   )
- * }
- * ```
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const SelectField: SelectFieldComponent;
-export { SelectField };

package/dist/esm/components/select-field/SelectField.js

@@ -1,45 +0,0 @@
-import { Select as e } from "../select/Select.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { uyTv as s } from "@payfit/unity-themes";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFormContext as u } from "react-hook-form";
-//#region src/components/select-field/SelectField.tsx
-var d = s({ base: "uy:flex uy:flex-col uy:gap-100" }), f = ({ children: o, feedbackText: s, helperText: f, isRequired: p, label: m, name: h, requiredVariant: g, isDisabled: _, isInvalid: v, isReadOnly: y, placeholder: b, items: x, ...S }, C) => {
-	let { control: w } = u(), T = {
-		isRequired: p,
-		isInvalid: v,
-		isDisabled: _,
-		isReadOnly: y
-	};
-	return /* @__PURE__ */ l(n, {
-		control: w,
-		name: h,
-		className: d(),
-		...T,
-		children: [
-			/* @__PURE__ */ c(a, {
-				requiredVariant: g,
-				children: m
-			}),
-			f && /* @__PURE__ */ c(t, { children: f }),
-			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
-				ref: C,
-				placeholder: b,
-				items: x,
-				...S,
-				children: o
-			}) }),
-			/* @__PURE__ */ c(i, { children: s })
-		]
-	});
-}, p = o(function(e, t) {
-	return f(e, t);
-});
-p.displayName = "SelectField";
-//#endregion
-export { p as SelectField };

package/dist/esm/components/selectable-button-group-field/SelectableButtonGroupField.d.ts

@@ -1,61 +0,0 @@
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, JSX, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { SelectableButtonGroupProps } from '../selectable-button-group/SelectableButtonGroup.js';
-import { LabelProps } from '../label/Label.js';
-interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the field. */
-    label: string;
-    /** The required variant for the label. */
-    requiredVariant?: LabelProps['requiredVariant'];
-    /** Helper text to display below the field. */
-    helperText?: ReactNode;
-    /** A contextual link to display below the field. */
-    contextualLink?: ReactNode;
-    /** Whether the checkbox group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the checkbox group is invalid. */
-    isInvalid?: boolean;
-}
-export type SelectableButtonGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName> & Omit<SelectableButtonGroupProps, 'isDisabled' | 'children'> & {
-    /** The options to render as SelectableButton children. */
-    children: ReactNode;
-};
-type SelectableButtonGroupFieldComponent = (<TSchema extends Schema>(props: SelectableButtonGroupFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-    ref?: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `SelectableButtonGroupField` component integrates the SelectableButtonGroup with Unity's form system, providing validation, accessibility, and helper/feedback text.
- * @example
- * ```tsx
- * const schema = z.object({
- *   choice: z.string()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <SelectableButtonGroupField<typeof schema>
- *         name="choice"
- *         label="Choose an option"
- *       >
- *         <SelectableButton value="a">A</SelectableButton>
- *         <SelectableButton value="b">B</SelectableButton>
- *       </SelectableButtonGroupField>
- *     </Form>
- *   )
- * }
- * ```
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const SelectableButtonGroupField: SelectableButtonGroupFieldComponent;
-export { SelectableButtonGroupField };

package/dist/esm/components/selectable-button-group-field/SelectableButtonGroupField.js

@@ -1,42 +0,0 @@
-import { SelectableButtonGroup as e } from "../selectable-button-group/SelectableButtonGroup.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useFormContext as l } from "react-hook-form";
-//#region src/components/selectable-button-group-field/SelectableButtonGroupField.tsx
-function u({ name: o, label: u, helperText: d, contextualLink: f, isDisabled: p, requiredVariant: m, children: h, ...g }, _) {
-	let { control: v, watch: y } = l(), b = y(o);
-	return /* @__PURE__ */ c(n, {
-		control: v,
-		name: o,
-		ref: _,
-		children: [
-			/* @__PURE__ */ s(a, {
-				requiredVariant: m,
-				children: u
-			}),
-			d && /* @__PURE__ */ s(t, { children: d }),
-			/* @__PURE__ */ s(r, {
-				className: "uy:my-50",
-				children: /* @__PURE__ */ s(e, {
-					value: b,
-					isDisabled: p,
-					...g,
-					children: h
-				})
-			}),
-			/* @__PURE__ */ s(i, {}),
-			f
-		]
-	});
-}
-var d = o(function(e, t) {
-	return u(e, t);
-});
-d.displayName = "SelectableButtonGroupField";
-//#endregion
-export { d as SelectableButtonGroupField };

package/dist/esm/components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.d.ts

@@ -1,33 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { LabelProps } from '../label/Label.js';
-export interface SelectableCardCheckboxGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends PropsWithChildren<Pick<LabelProps, 'isRequired' | 'requiredVariant'>> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the radio button group. */
-    label: string;
-    /** Helper text to display below the radio button group. */
-    helperText?: ReactNode;
-    /** Feedback text to display, typically used for error messages. */
-    feedbackText?: ReactNode;
-}
-/**
- * The `SelectableCardCheckboxGroupField` component renders a group of selectable card checkboxes within a form field.
- * Use it to collect multiple selections from users in a visually appealing and accessible manner.
- * @example
- * ```tsx
- * import { SelectableCardCheckboxGroupField, SelectableCardCheckbox } from '@payfit/unity-components'
- *
- * <SelectableCardCheckboxGroupField name="options" label="Choose options">
- *   <SelectableCardCheckbox value="option1">Option 1</SelectableCardCheckbox>
- *   <SelectableCardCheckbox value="option2">Option 2</SelectableCardCheckbox>
- *   <SelectableCardCheckbox value="option3">Option 3</SelectableCardCheckbox>
- * </SelectableCardCheckboxGroupField>
- * ```
- * @see {@link SelectableCardCheckboxGroupFieldProps} for all available props
- * @remarks [API Docs](https://unity-components.payfit.io/?path=/docs/forms-selectablecard-selectablecardradiogroupfield--docs) • [Design Docs](https://www.payfit.design/24f360409/p/05fc26-selectable-card)
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<SelectableCardCheckboxGroupFieldProps<FieldValues, string> & import('react').RefAttributes<HTMLDivElement>>;
-export { SelectableCardCheckboxGroupField };

package/dist/esm/components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js

@@ -1,38 +0,0 @@
-import { SelectableCardCheckboxGroup as e } from "../selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useFormContext as l } from "react-hook-form";
-//#region src/components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.tsx
-var u = o(({ children: o, name: u, isRequired: d, requiredVariant: f, label: p, helperText: m, feedbackText: h, ...g }, _) => {
-	let { control: v } = l();
-	return /* @__PURE__ */ c(n, {
-		isRequired: d,
-		control: v,
-		name: u,
-		className: "uy:gap-150",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "uy:flex-col uy:gap-50",
-				children: [/* @__PURE__ */ s(a, {
-					requiredVariant: f,
-					children: p
-				}), /* @__PURE__ */ s(t, { children: m })]
-			}),
-			/* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(e, {
-				ref: _,
-				name: u,
-				...g,
-				children: o
-			}) }),
-			/* @__PURE__ */ s(i, { children: h })
-		]
-	});
-});
-u.displayName = "SelectableCardCheckboxGroupField";
-//#endregion
-export { u as SelectableCardCheckboxGroupField };

package/dist/esm/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.d.ts

@@ -1,33 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { LabelProps } from '../label/Label.js';
-export interface SelectableCardRadioGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends PropsWithChildren<Pick<LabelProps, 'isRequired' | 'requiredVariant'>> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the radio button group. */
-    label: string;
-    /** Helper text to display below the radio button group. */
-    helperText?: ReactNode;
-    /** Feedback text to display, typically used for error messages. */
-    feedbackText?: ReactNode;
-}
-/**
- * The `SelectableCardRadioGroupField` component renders a group of mutually exclusive selectable card options within a form field.
- * Use it to collect a single selection from users in a visually appealing and accessible manner.
- * @example
- * ```tsx
- * import { SelectableCardRadioGroupField, SelectableCardRadio } from '@payfit/unity-components'
- *
- * <SelectableCardRadioGroupField name="option" label="Choose an option">
- *   <SelectableCardRadio value="option1">Option 1</SelectableCardRadio>
- *   <SelectableCardRadio value="option2">Option 2</SelectableCardRadio>
- *   <SelectableCardRadio value="option3">Option 3</SelectableCardRadio>
- * </SelectableCardRadioGroupField>
- * ```
- * @see {@link SelectableCardRadioGroupFieldProps} for all available props
- * @remarks [API Docs](https://unity-components.payfit.io/?path=/docs/forms-selectablecard-selectablecardcheckboxgroupfield--docs) • [Design Docs](https://www.payfit.design/24f360409/p/05fc26-selectable-card)
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<SelectableCardRadioGroupFieldProps<FieldValues, string> & import('react').RefAttributes<HTMLDivElement>>;
-export { SelectableCardRadioGroupField };

package/dist/esm/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js

@@ -1,38 +0,0 @@
-import { SelectableCardRadioGroup as e } from "../selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useFormContext as l } from "react-hook-form";
-//#region src/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.tsx
-var u = o(({ children: o, name: u, isRequired: d, requiredVariant: f, label: p, helperText: m, feedbackText: h, ...g }, _) => {
-	let { control: v } = l();
-	return /* @__PURE__ */ c(n, {
-		isRequired: d,
-		control: v,
-		name: u,
-		className: "uy:gap-150",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "uy:flex-col uy:gap-50",
-				children: [/* @__PURE__ */ s(a, {
-					requiredVariant: f,
-					children: p
-				}), /* @__PURE__ */ s(t, { children: m })]
-			}),
-			/* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(e, {
-				ref: _,
-				name: u,
-				...g,
-				children: o
-			}) }),
-			/* @__PURE__ */ s(i, {})
-		]
-	});
-});
-u.displayName = "SelectableCardRadioGroupField";
-//#endregion
-export { u as SelectableCardRadioGroupField };