@payfit/unity-components 3.1.13 → 3.1.15

package/dist/esm/components/progress-bar/ProgressBar.js

@@ -1,66 +0,0 @@
-import { forwardRef as e } from "react";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n } from "react/jsx-runtime";
-import { ProgressBar as r } from "react-aria-components/ProgressBar";
-//#region src/components/progress-bar/ProgressBar.tsx
-var i = t({
-	slots: {
-		base: "uy:relative uy:bg-surface-neutral-disabled uy:w-full",
-		meter: "uy:absolute uy:inset-y-0 uy:left-0"
-	},
-	variants: {
-		variant: {
-			success: { meter: "uy:bg-surface-success" },
-			primary: { meter: "uy:bg-surface-primary" }
-		},
-		size: {
-			small: {
-				base: "uy:h-75 uy:rounded-75",
-				meter: "uy:rounded-l-75"
-			},
-			large: {
-				base: "uy:h-150 uy:rounded-150",
-				meter: "uy:rounded-l-150"
-			}
-		},
-		isFull: { true: {} }
-	},
-	compoundVariants: [{
-		size: "small",
-		isFull: !0,
-		class: { meter: "uy:rounded-r-75" }
-	}, {
-		size: "large",
-		isFull: !0,
-		class: { meter: "uy:rounded-r-150" }
-	}],
-	defaultVariants: {
-		variant: "success",
-		size: "large",
-		isFull: !1
-	}
-}), a = e(({ value: e, range: t = [0, 100], variant: a = "success", size: o = "large", ...s }, c) => {
-	let [l, u] = t, { base: d, meter: f } = i({
-		isFull: e >= u,
-		variant: a,
-		size: o
-	});
-	return /* @__PURE__ */ n(r, {
-		ref: c,
-		value: e,
-		minValue: l,
-		maxValue: u,
-		"aria-label": s["aria-label"],
-		"data-dd-privacy": "allow",
-		children: ({ percentage: e }) => /* @__PURE__ */ n("div", {
-			className: d(),
-			children: /* @__PURE__ */ n("div", {
-				className: f(),
-				style: { width: `${e}%` }
-			})
-		})
-	});
-});
-a.displayName = "ProgressBar";
-//#endregion
-export { a as ProgressBar };

package/dist/esm/components/promo-dialog/PromoDialog.js

@@ -1,137 +0,0 @@
-import { CircularIconButton as e } from "../icon-button/CircularIconButton.js";
-import { DialogButton as t } from "../dialog/parts/DialogActions/DialogButton.js";
-import { useHasScroll as n } from "../../hooks/use-has-scroll.js";
-import { PromoDialogActions as r } from "./parts/PromoDialogActions.js";
-import { PromoDialogHero as i } from "./parts/PromoDialogHero.js";
-import { PromoDialogTitle as a } from "./parts/PromoDialogTitle.js";
-import { Children as o, isValidElement as s, useLayoutEffect as c, useRef as l } from "react";
-import { uyTv as u } from "@payfit/unity-themes";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useIntl as p } from "react-intl";
-import { useId as m } from "react-aria/useId";
-import { Dialog as h, DialogContext as g } from "react-aria-components/Dialog";
-import { Modal as _, ModalOverlay as v } from "react-aria-components/Modal";
-//#region src/components/promo-dialog/PromoDialog.tsx
-var y = u({ slots: {
-	overlay: [
-		"uy:@container",
-		"uy:fixed uy:inset-0 uy:z-30 uy:overflow-y-auto",
-		"uy:min-h-full",
-		"uy:flex uy:items-end uy:md:items-center uy:md:justify-center uy:md:text-center",
-		"uy:bg-utility-backdrop",
-		"uy:data-[entering]:animate-fade-in uy:data-[exiting]:animate-fade-out",
-		"uy:motion-reduce:data-[entering]:animate-none uy:motion-reduce:data-[exiting]:animate-none"
-	],
-	wrapper: [
-		"uy:w-full uy:relative uy:isolate",
-		"uy:m-0",
-		"uy:rounded-t-300 uy:md:rounded-300",
-		"uy:bg-surface-neutral",
-		"uy:text-left uy:align-middle uy:shadow-400",
-		"uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out",
-		"uy:md:[animation-delay:100ms]",
-		"uy:md:data-[entering]:animate-zoom-in uy:md:data-[exiting]:animate-zoom-out",
-		"uy:motion-reduce:data-[entering]:animate-none uy:motion-reduce:data-[exiting]:animate-none",
-		"uy:max-h-[95dvh] uy:overflow-y-auto",
-		"uy:md:h-[82dvh] uy:md:max-h-65 uy:lg:max-h-85 uy:md:overflow-hidden",
-		"uy:md:w-10/12 uy:md:max-w-[1000px] uy:p-300 uy:pb-0 uy:md:p-200"
-	],
-	content: [
-		"uy:group/promo-dialog uy:outline-none uy:relative",
-		"uy:h-auto",
-		"uy:md:h-full"
-	],
-	dismissIcon: ["uy:sticky uy:top-0 uy:right-0 uy:flex uy:justify-end", "uy:md:absolute uy:md:right-100 uy:md:top-100 uy:md:z-20"],
-	layoutWrapper: [
-		"uy:flex uy:flex-col uy:md:flex-row",
-		"uy:h-auto",
-		"uy:md:h-full uy:gap-300 uy:md:gap-0"
-	],
-	contentColumn: [
-		"uy:group/content-column",
-		"uy:flex uy:flex-col",
-		"uy:h-auto",
-		"uy:md:basis-2/3 uy:md:h-full uy:md:max-h-85 uy:md:overflow-y-auto uy:md:pt-600 uy:md:[scrollbar-gutter:stable]"
-	],
-	scrollableContent: [
-		"uy:md:pl-[clamp(var(--uy-spacing-400),11%,var(--uy-spacing-800))] uy:md:pr-1000 uy:[scrollbar-width:thin] uy:md:scroll-mt-1000",
-		"uy:flex-1",
-		"uy:md:flex uy:md:flex-col uy:md:justify-center"
-	],
-	actionsWrapper: ["uy:py-300 uy:md:py-0 uy:sticky uy:-bottom-px uy:bg-surface-neutral", "uy:group-data-[has-scroll=true]/content-column:shadow-[0_-1px_6px_0_var(--uy-color-utility-shadow-floating)]"]
-} }), b = (e) => {
-	let n = o.toArray(e).find((e) => s(e) && e.type === r);
-	return s(n) ? o.toArray(n.props.children).some((e) => s(e) && e.type === t && e.props.variant === "danger") : !1;
-};
-function x({ children: t, isOpen: u, onOpenChange: x, isDismissable: S = !0, ...C }) {
-	let w = p(), T = m(), E = l(null), { hasAnyScroll: D } = n(E, {
-		strategy: "both",
-		watchMutations: !0
-	}), O = o.toArray(t), k = O.find((e) => s(e) && e.type === i), A = O.find((e) => s(e) && e.type === r), j = O.filter((e) => e !== k && e !== A);
-	c(() => {
-		k || console.error("PromoDialog: PromoDialogHero is required. Please add <PromoDialogHero> as a child of your PromoDialog component.");
-	}, [k]), c(() => {
-		let e = o.toArray(t).some((e) => s(e) && e.type === a);
-		!C["aria-label"] && !e && console.error("PromoDialog: Either an aria-label or a PromoDialogTitle is required for accessibility. Provide one to ensure screen reader users can identify the dialog.");
-	}, [t, C]);
-	let M = y();
-	return /* @__PURE__ */ d(v, {
-		isDismissable: S,
-		isOpen: u,
-		onOpenChange: x,
-		className: M.overlay(),
-		children: /* @__PURE__ */ d(_, {
-			className: M.wrapper(),
-			"data-unity-promo-dialog": !0,
-			"data-dd-privacy": "allow",
-			children: /* @__PURE__ */ d(g.Provider, {
-				value: { "aria-describedby": T },
-				children: /* @__PURE__ */ f(h, {
-					role: b(t) ? "alertdialog" : "dialog",
-					"aria-modal": "true",
-					className: M.content(),
-					"aria-label": C["aria-label"],
-					"aria-describedby": T,
-					"data-unity-slot": "promo-dialog",
-					children: [S && /* @__PURE__ */ d("div", {
-						className: M.dismissIcon(),
-						children: /* @__PURE__ */ d(e, {
-							asElement: "button",
-							icon: "CloseOutlined",
-							color: "content.neutral.low",
-							size: "large",
-							title: w.formatMessage({ id: "unity:component:common:close:label" }),
-							slot: "close",
-							className: "uy:relative uy:-top-100 uy:-right-100 uy:md:static"
-						})
-					}), /* @__PURE__ */ f("div", {
-						className: M.layoutWrapper(),
-						"data-slot": "promo-dialog.layout-wrapper",
-						children: [k, /* @__PURE__ */ f("div", {
-							ref: E,
-							className: M.contentColumn(),
-							"data-slot": "promo-dialog.content-column",
-							"data-has-scroll": D,
-							role: D ? "region" : void 0,
-							"aria-label": D ? w.formatMessage({ id: "unity:component:common:scrollable-content:label" }) : void 0,
-							tabIndex: D ? 0 : void 0,
-							children: [/* @__PURE__ */ d("div", {
-								id: T,
-								className: M.scrollableContent(),
-								"data-slot": "promo-dialog.scrollable-content",
-								children: j
-							}), /* @__PURE__ */ d("div", {
-								className: M.actionsWrapper(),
-								"data-slot": "promo-dialog.actions-wrapper",
-								children: A
-							})]
-						})]
-					})]
-				})
-			})
-		})
-	});
-}
-x.displayName = "PromoDialog";
-//#endregion
-export { x as PromoDialog, y as promoDialog };

package/dist/esm/components/promo-dialog/parts/PromoDialogActions.js

@@ -1,19 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-import { useIntl as n } from "react-intl";
-//#region src/components/promo-dialog/parts/PromoDialogActions.tsx
-var r = e({ base: [
-	"uy:md:pt-250 uy:md:pb-100 uy:md:px-200 uy:flex uy:flex-col-reverse uy:md:flex-row uy:md:justify-end uy:md:items-start",
-	"uy:gap-150 uy:md:gap-100",
-	"uy:self-stretch"
-] }), i = ({ children: e }) => /* @__PURE__ */ t("div", {
-	role: "group",
-	"aria-label": n().formatMessage({ id: "unity:component:dialog:actions:label" }),
-	className: r(),
-	"data-unity-slot": "promo-dialog.actions",
-	"data-dd-privacy": "allow",
-	children: e
-});
-i.displayName = "PromoDialogActions";
-//#endregion
-export { i as PromoDialogActions };

package/dist/esm/components/promo-dialog/parts/PromoDialogContent.js

@@ -1,15 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/promo-dialog/parts/PromoDialogContent.tsx
-var n = e({ base: [
-	"uy:flex uy:flex-col uy:gap-200",
-	"uy:text-content-neutral",
-	"uy:typography-body"
-] }), r = ({ children: e }) => /* @__PURE__ */ t("div", {
-	className: n(),
-	"data-unity-slot": "promo-dialog.content",
-	children: e
-});
-r.displayName = "PromoDialogContent";
-//#endregion
-export { r as PromoDialogContent };

package/dist/esm/components/promo-dialog/parts/PromoDialogHero.js

@@ -1,18 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/promo-dialog/parts/PromoDialogHero.tsx
-var n = e({ base: [
-	"uy:rounded-150 uy:bg-surface-neutral-lowest",
-	"uy:flex uy:items-center uy:justify-center",
-	"uy:h-auto",
-	"uy:md:basis-[40%] uy:lg:basis-[37.2%] uy:md:shrink-0"
-] }), r = ({ children: e, className: r }) => /* @__PURE__ */ t("div", {
-	className: n({ className: r }),
-	"data-unity-slot": "promo-dialog.hero",
-	"data-dd-privacy": "allow",
-	"aria-hidden": "true",
-	children: e
-});
-r.displayName = "PromoDialogHero";
-//#endregion
-export { r as PromoDialogHero };

package/dist/esm/components/promo-dialog/parts/PromoDialogSubtitle.js

@@ -1,15 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/promo-dialog/parts/PromoDialogSubtitle.tsx
-var n = ({ children: n, ...r }) => /* @__PURE__ */ t(e, {
-	...r,
-	variant: "body",
-	asElement: "h4",
-	color: "content.neutral.lowest",
-	"data-unity-slot": "promo-dialog.subtitle",
-	className: "uy:typography-body-small uy:md:typography-body uy:mb-100",
-	children: n
-});
-n.displayName = "PromoDialogSubtitle";
-//#endregion
-export { n as PromoDialogSubtitle };

package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.js

@@ -1,13 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-import { Heading as n } from "react-aria-components/Heading";
-//#region src/components/promo-dialog/parts/PromoDialogTitle.tsx
-var r = e({ base: ["uy:typography-h2 uy:md:typography-h1", "uy:mb-150 uy:md:mb-250"] }), i = ({ children: e }) => /* @__PURE__ */ t(n, {
-	slot: "title",
-	className: r(),
-	"data-dd-privacy": "allow",
-	children: e
-});
-i.displayName = "PromoDialogTitle";
-//#endregion
-export { i as PromoDialogTitle };

package/dist/esm/components/radio-button-group/RadioButtonGroup.js

@@ -1,18 +0,0 @@
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { RadioGroup as n } from "react-aria-components/RadioGroup";
-//#region src/components/radio-button-group/RadioButtonGroup.tsx
-var r = e(({ children: e, isReadOnly: r, isDisabled: i, value: a, onChange: o, onBlur: s, ...c }, l) => /* @__PURE__ */ t(n, {
-	...c,
-	isReadOnly: r,
-	isDisabled: i,
-	value: a,
-	onBlur: s,
-	onChange: o,
-	className: "uy:flex uy:flex-col uy:gap-150",
-	ref: l,
-	children: e
-}));
-r.displayName = "RadioButtonGroup";
-//#endregion
-export { r as RadioButtonGroup };

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

@@ -1,13 +0,0 @@
-import { RadioButtonGroupProps } from './RadioButtonGroup.js';
-/**
- * Props for `TanstackRadioButtonGroup`.
- *
- * Inherits all visual/interaction props from the base `RadioButtonGroup`, but removes
- * form‑control props that are provided by the TanStack Form field context instead.
- *
- * Omitted props:
- * - `name`, `value`, `defaultValue`, `isInvalid` — these are driven by the form context.
- */
-export type TanstackRadioButtonGroupProps = Omit<RadioButtonGroupProps, 'value' | 'defaultValue' | 'isInvalid' | 'name'>;
-declare const TanstackRadioButtonGroup: import('react').ForwardRefExoticComponent<TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TanstackRadioButtonGroup };

package/dist/esm/components/radio-button-group/TanstackRadioButtonGroup.js

@@ -1,33 +0,0 @@
-import { RadioButtonGroup as e } from "./RadioButtonGroup.js";
-import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/radio-button-group/TanstackRadioButtonGroup.tsx
-function a({ onChange: r, onBlur: a, isDisabled: o, isReadOnly: s, children: c, ...l }, u) {
-	let d = t(), f = n(), p = d.state.meta.isTouched && !d.state.meta.isValid, m = [f.helperTextId, f.feedbackTextId].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(e, {
-		...l,
-		ref: u,
-		id: f.inputId,
-		value: d.state.value,
-		onChange: (e) => {
-			d.handleChange(e), r?.(e);
-		},
-		onBlur: (e) => {
-			d.handleBlur(), a?.(e);
-		},
-		isDisabled: o,
-		isReadOnly: s,
-		"aria-labelledby": f.labelId,
-		"aria-describedby": m.length > 0 ? m : void 0,
-		"aria-details": f.contextualLinkId,
-		"aria-invalid": p || void 0,
-		"data-invalid": p || void 0,
-		children: c
-	});
-}
-var o = r(a);
-o.displayName = "TanstackRadioButtonGroup";
-//#endregion
-export { o as TanstackRadioButtonGroup };

package/dist/esm/components/radio-button-group/parts/RadioButton.js

@@ -1,60 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { Flex as t } from "../../flex/Flex.js";
-import { RadioButtonHelper as n } from "./RadioButtonHelper.js";
-import { RadioIndicator as r } from "./RadioIndicator.js";
-import { forwardRef as i, useContext as a } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { RadioButton as l, RadioField as u, RadioGroupStateContext as d } from "react-aria-components/RadioGroup";
-//#region src/components/radio-button-group/parts/RadioButton.tsx
-var f = o({ slots: {
-	container: [
-		"uy:group uy:inline-flex uy:flex-col uy:gap-50",
-		"uy:rounded-md uy:sm:rounded-25",
-		"uy:px-150 uy:sm:px-0 uy:py-125 uy:sm:py-px",
-		"uy:border uy:sm:border-none uy:border-solid uy:border-border-neutral-enabled",
-		"uy:focus-within:outline-2 uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-offset-2",
-		"uy:has-data-[disabled=true]:border-border-neutral-disabled",
-		"uy:has-data-[readonly=true]:border-border-neutral-disabled"
-	],
-	base: [
-		"uy:group uy:flex uy:gap-100 uy:rounded-50 uy:items-start uy:cursor-pointer",
-		"uy:data-[disabled=true]:cursor-not-allowed",
-		"uy:data-[readonly=true]:cursor-not-allowed"
-	],
-	radio: ["uy:mt-25 uy:sm:mt-px"],
-	label: [
-		"uy:text-content-neutral",
-		"uy:group-data-[disabled=true]:text-content-neutral-disabled",
-		"uy:group-data-[readonly=true]:text-content-neutral uy:group-data-[readonly]:cursor-text"
-	]
-} }), p = i(({ children: i, value: o, isDisabled: p, helperText: m, ...h }, g) => {
-	let { base: _, label: v, container: y, radio: b } = f(), x = a(d), S = x?.isReadOnly ? "readonly" : x?.isDisabled || p ? "disabled" : x?.isInvalid ? "invalid" : "enabled";
-	return /* @__PURE__ */ c(t, {
-		direction: "col",
-		gap: "50",
-		className: y(),
-		children: [/* @__PURE__ */ s(u, {
-			...h,
-			value: o,
-			isDisabled: p,
-			className: "uy:contents",
-			children: ({ isSelected: t }) => /* @__PURE__ */ c(l, {
-				ref: g,
-				className: () => _(),
-				children: [/* @__PURE__ */ s(r, {
-					isSelected: t,
-					state: S,
-					className: b()
-				}), /* @__PURE__ */ s(e, {
-					variant: "body",
-					className: v(),
-					children: i
-				})]
-			})
-		}), m ? /* @__PURE__ */ s(n, { children: m }) : null]
-	});
-});
-p.displayName = "RadioButton";
-//#endregion
-export { p as RadioButton, r as RadioIndicator, f as radioButton };

package/dist/esm/components/radio-button-group/parts/RadioButtonHelper.js

@@ -1,14 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/radio-button-group/parts/RadioButtonHelper.tsx
-var r = t(({ children: t }, r) => /* @__PURE__ */ n(e, {
-	color: "content.neutral.low",
-	variant: "bodySmall",
-	className: "uy:ml-[28px]",
-	ref: r,
-	children: t
-}));
-r.displayName = "RadioButtonHelper";
-//#endregion
-export { r as RadioButtonHelper };

package/dist/esm/components/radio-button-group/parts/RadioIndicator.js

@@ -1,78 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/radio-button-group/parts/RadioIndicator.tsx
-var n = {
-	unselected: {
-		enabled: { "--radio-border-color": "var(--uy-color-border-form-enabled)" },
-		valid: { "--radio-border-color": "var(--uy-color-border-form-enabled)" },
-		invalid: { "--radio-border-color": "var(--uy-color-border-form-error)" },
-		disabled: { "--radio-border-color": "var(--uy-color-border-form-disabled)" },
-		readonly: { "--radio-border-color": "var(--uy-color-border-form-disabled)" }
-	},
-	selected: {
-		enabled: {
-			"--radio-bg-color": "var(--uy-color-surface-form-active)",
-			"--radio-border-color": "var(--uy-color-surface-form-active)",
-			"--radio-dot-size": "3px",
-			"--radio-dot-color": "var(--uy-color-content-inverted)"
-		},
-		valid: {
-			"--radio-bg-color": "var(--uy-color-surface-form-active)",
-			"--radio-border-color": "var(--uy-color-surface-form-active)",
-			"--radio-dot-size": "3px",
-			"--radio-dot-color": "var(--uy-color-content-inverted)"
-		},
-		invalid: {
-			"--radio-bg-color": "var(--uy-color-surface-danger)",
-			"--radio-border-color": "transparent",
-			"--radio-dot-size": "3px",
-			"--radio-dot-color": "var(--uy-color-content-inverted)"
-		},
-		disabled: {
-			"--radio-bg-color": "var(--uy-color-surface-form-disabled)",
-			"--radio-border-color": "var(--uy-color-border-form-disabled)",
-			"--radio-dot-size": "3px",
-			"--radio-dot-color": "var(--uy-color-content-form-disabled)"
-		},
-		readonly: {
-			"--radio-bg-color": "var(--uy-color-surface-form-read-only)",
-			"--radio-border-color": "transparent",
-			"--radio-dot-size": "3px",
-			"--radio-dot-color": "var(--uy-color-surface-neutral-disabled)"
-		}
-	}
-};
-function r({ isSelected: e, state: t }) {
-	return n[e ? "selected" : "unselected"][t];
-}
-var i = ({ isSelected: n, state: i, className: a }) => /* @__PURE__ */ e("svg", {
-	width: "20",
-	height: "20",
-	viewBox: "0 0 20 20",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	style: r({
-		isSelected: n,
-		state: i
-	}),
-	className: a,
-	children: /* @__PURE__ */ t("g", {
-		id: "Radio input",
-		children: [/* @__PURE__ */ e("circle", {
-			id: "Background",
-			cx: "10",
-			cy: "10",
-			r: "7",
-			fill: "var(--radio-bg-color, white)",
-			stroke: "var(--radio-border-color, #0157B2)",
-			strokeWidth: "1.25"
-		}), /* @__PURE__ */ e("circle", {
-			id: "Dot",
-			cx: "10",
-			cy: "10",
-			style: { r: "var(--radio-dot-size, 5px)" },
-			fill: "var(--radio-dot-color, transparent)"
-		})]
-	})
-});
-//#endregion
-export { i as RadioIndicator };

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

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { LabelProps } from '../label/Label.js';
-import { TanstackRadioButtonGroupProps } from '../radio-button-group/TanstackRadioButtonGroup.js';
-export interface TanstackRadioButtonGroupFieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, TanstackRadioButtonGroupProps {
-    /** The label for the radio group. Required for accessibility. */
-    label: string;
-    /** Helper text to display above the radio group. Can be any React node. */
-    helperText?: ReactNode;
-    /** A contextual link to display under the field. Rendered after feedback. */
-    contextualLink?: ReactNode;
-}
-declare const TanstackRadioButtonGroupField: import('react').ForwardRefExoticComponent<TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TanstackRadioButtonGroupField };

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

@@ -1,32 +0,0 @@
-import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
-import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackRadioButtonGroup as i } from "../radio-button-group/TanstackRadioButtonGroup.js";
-import { forwardRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/radio-button-group-field/TanstackRadioButtonGroupField.tsx
-function c({ label: a, helperText: c, contextualLink: l, isRequired: u, requiredVariant: d, children: f, ...p }, m) {
-	return /* @__PURE__ */ s(t, { children: [
-		/* @__PURE__ */ o(r, {
-			isRequired: u,
-			requiredVariant: d,
-			children: a
-		}),
-		c && /* @__PURE__ */ o(n, { children: c }),
-		/* @__PURE__ */ o("div", {
-			className: "uy:mt-25",
-			children: /* @__PURE__ */ o(i, {
-				ref: m,
-				...p,
-				children: f
-			})
-		}),
-		/* @__PURE__ */ o(e, {}),
-		l
-	] });
-}
-var l = a(c);
-l.displayName = "TanstackRadioButtonGroupField";
-//#endregion
-export { l as TanstackRadioButtonGroupField };