@payfit/unity-components 2.47.4 → 2.47.6

package/dist/esm/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js

@@ -1,39 +1,39 @@
-import { jsx as r, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { Text as e } from "../../../text/Text.js";
+import { CheckboxIndicator as t } from "../../../checkbox/parts/CheckboxIndicator.js";
+import { Content as n } from "../../internals/Content.js";
+import { Description as r } from "../../internals/Description.js";
+import { Illustration as i } from "../../internals/Illustration.js";
+import { SelectedIndicator as a } from "../../internals/SelectedIndicator.js";
+import { selectableCard as o } from "../../selectableCard.variant.js";
 import { forwardRef as s } from "react";
-import { CheckboxField as h, CheckboxButton as f } from "react-aria-components/Checkbox";
-import { useId as p } from "react-aria/useId";
-import { CheckboxIndicator as b } from "../../../checkbox/parts/CheckboxIndicator.js";
-import { Text as x } from "../../../text/Text.js";
-import { Content as C } from "../../internals/Content.js";
-import { Description as u } from "../../internals/Description.js";
-import { Illustration as k } from "../../internals/Illustration.js";
-import { SelectedIndicator as g } from "../../internals/SelectedIndicator.js";
-import { selectableCard as y } from "../../selectableCard.variant.js";
-const I = s(({ title: c, description: o, illustration: t, ...i }, a) => {
-  const { base: l } = y(), n = p();
-  return /* @__PURE__ */ r(h, { className: "uy:contents", ...i, children: /* @__PURE__ */ r(
-    f,
-    {
-      className: ({ isFocusVisible: e }) => l({ isFocusVisible: e }),
-      ref: a,
-      children: (e) => /* @__PURE__ */ m(d, { children: [
-        /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-          b,
-          {
-            className: "uy:group-hover:border-border-form-hover",
-            ...e
-          }
-        ) }),
-        /* @__PURE__ */ m(C, { children: [
-          t && /* @__PURE__ */ r(k, { children: t }),
-          /* @__PURE__ */ r(x, { variant: "bodyLargeStrong", asElement: "h3", id: `${n}-label`, children: c }),
-          o && /* @__PURE__ */ r(u, { children: o })
-        ] })
-      ] })
-    }
-  ) });
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useId as d } from "react-aria/useId";
+import { CheckboxButton as f, CheckboxField as p } from "react-aria-components/Checkbox";
+//#region src/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.tsx
+var m = s(({ title: s, description: m, illustration: h, ...g }, _) => {
+	let { base: v } = o(), y = d();
+	return /* @__PURE__ */ l(p, {
+		className: "uy:contents",
+		...g,
+		children: /* @__PURE__ */ l(f, {
+			className: ({ isFocusVisible: e }) => v({ isFocusVisible: e }),
+			ref: _,
+			children: (o) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(t, {
+				className: "uy:group-hover:border-border-form-hover",
+				...o
+			}) }), /* @__PURE__ */ u(n, { children: [
+				h && /* @__PURE__ */ l(i, { children: h }),
+				/* @__PURE__ */ l(e, {
+					variant: "bodyLargeStrong",
+					asElement: "h3",
+					id: `${y}-label`,
+					children: s
+				}),
+				m && /* @__PURE__ */ l(r, { children: m })
+			] })] })
+		})
+	});
 });
-I.displayName = "SelectableCardCheckbox";
-export {
-  I as SelectableCardCheckbox
-};
+m.displayName = "SelectableCardCheckbox";
+//#endregion
+export { m as SelectableCardCheckbox };

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

@@ -1,22 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { RadioGroup as s } from "react-aria-components/RadioGroup";
-import { useBreakpointListener as m } from "../../../hooks/use-breakpoint-listener.js";
-const p = l(({ children: r, value: e, ...i }, t) => {
-  const o = m();
-  return /* @__PURE__ */ a(
-    s,
-    {
-      ...i,
-      orientation: o === "xs" || o === "sm" ? "vertical" : "horizontal",
-      value: e,
-      className: "uy:flex uy:md:flex-row uy:sm:flex-col uy:gap-150",
-      ref: t,
-      children: r
-    }
-  );
+import { useBreakpointListener as e } from "../../../hooks/use-breakpoint-listener.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { RadioGroup as r } from "react-aria-components/RadioGroup";
+//#region src/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.tsx
+var i = t(({ children: t, value: i, ...a }, o) => {
+	let s = e(), c = s === "xs" || s === "sm";
+	return /* @__PURE__ */ n(r, {
+		...a,
+		orientation: c ? "vertical" : "horizontal",
+		value: i,
+		className: "uy:flex uy:md:flex-row uy:sm:flex-col uy:gap-150",
+		ref: o,
+		children: t
+	});
 });
-p.displayName = "SelectableCardRadioGroup";
-export {
-  p as SelectableCardRadioGroup
-};
+i.displayName = "SelectableCardRadioGroup";
+//#endregion
+export { i as SelectableCardRadioGroup };

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

@@ -1,32 +1,29 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useFieldContext as p } from "../../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as u } from "../../form-field/TanstackFormField.context.js";
-import { SelectableCardRadioGroup as b } from "./SelectableCardRadioGroup.js";
-const f = m(({ onBlur: i, onChange: r, children: d, ...l }, n) => {
-  const e = p(), a = u(), s = e.state.meta.isTouched && !e.state.meta.isValid, o = [a.helperTextId, a.feedbackTextId].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c(
-    b,
-    {
-      ...l,
-      ref: n,
-      id: a.inputId,
-      value: e.state.value || void 0,
-      onChange: (t) => {
-        e.handleChange(t), r?.(t);
-      },
-      onBlur: (t) => {
-        e.handleBlur(), i?.(t);
-      },
-      isInvalid: s,
-      "aria-labelledby": a.labelId,
-      "aria-describedby": o.length > 0 ? o : void 0,
-      "aria-details": a.contextualLinkId,
-      children: d
-    }
-  );
+import { SelectableCardRadioGroup as e } from "./SelectableCardRadioGroup.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/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.tsx
+var a = r(({ onBlur: r, onChange: a, children: o, ...s }, c) => {
+	let l = t(), u = n(), d = l.state.meta.isTouched && !l.state.meta.isValid, f = [u.helperTextId, u.feedbackTextId].filter(Boolean).join(" ");
+	return /* @__PURE__ */ i(e, {
+		...s,
+		ref: c,
+		id: u.inputId,
+		value: l.state.value || void 0,
+		onChange: (e) => {
+			l.handleChange(e), a?.(e);
+		},
+		onBlur: (e) => {
+			l.handleBlur(), r?.(e);
+		},
+		isInvalid: d,
+		"aria-labelledby": u.labelId,
+		"aria-describedby": f.length > 0 ? f : void 0,
+		"aria-details": u.contextualLinkId,
+		children: o
+	});
 });
-f.displayName = "TanstackSelectableCardRadioGroup";
-export {
-  f as TanstackSelectableCardRadioGroup
-};
+a.displayName = "TanstackSelectableCardRadioGroup";
+//#endregion
+export { a as TanstackSelectableCardRadioGroup };

package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js

@@ -1,48 +1,41 @@
-import { jsx as e, jsxs as n, Fragment as h } from "react/jsx-runtime";
-import { useId as b, useContext as u } from "react";
-import { useUnityTheme as y } from "@payfit/unity-themes";
-import { RadioGroupStateContext as R, RadioField as S, RadioButton as x } from "react-aria-components/RadioGroup";
-import { RadioIndicator as C } from "../../../radio-button-group/parts/RadioIndicator.js";
-import { Text as I } from "../../../text/Text.js";
-import { Content as g } from "../../internals/Content.js";
-import { Description as v } from "../../internals/Description.js";
-import { Illustration as N } from "../../internals/Illustration.js";
-import { SelectedIndicator as j } from "../../internals/SelectedIndicator.js";
-import { selectableCard as F } from "../../selectableCard.variant.js";
-const T = ({
-  title: l,
-  description: r,
-  illustration: a,
-  isDisabled: i,
-  ...m
-}) => {
-  const s = b(), { theme: c } = y(), { base: p } = F(), t = u(R), f = t?.isReadOnly ? "readonly" : t?.isDisabled || i ? "disabled" : t?.isInvalid ? "invalid" : "enabled", d = `selectable-card-radio-${s}__title`;
-  return /* @__PURE__ */ e(
-    S,
-    {
-      "aria-labelledby": d,
-      isDisabled: i,
-      className: "uy:contents",
-      ...m,
-      children: /* @__PURE__ */ e(x, { className: ({ isFocusVisible: o }) => p({ isFocusVisible: o }), children: ({ isSelected: o }) => /* @__PURE__ */ n(h, { children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-          C,
-          {
-            isSelected: o,
-            state: f,
-            theme: c
-          }
-        ) }),
-        /* @__PURE__ */ n(g, { children: [
-          a && /* @__PURE__ */ e(N, { children: a }),
-          /* @__PURE__ */ e(I, { asElement: "h3", variant: "bodyLargeStrong", id: d, children: l }),
-          r && /* @__PURE__ */ e(v, { children: r })
-        ] })
-      ] }) })
-    }
-  );
-};
-T.displayName = "SelectableCardRadio";
-export {
-  T as SelectableCardRadio
+import { Text as e } from "../../../text/Text.js";
+import { RadioIndicator as t } from "../../../radio-button-group/parts/RadioIndicator.js";
+import { Content as n } from "../../internals/Content.js";
+import { Description as r } from "../../internals/Description.js";
+import { Illustration as i } from "../../internals/Illustration.js";
+import { SelectedIndicator as a } from "../../internals/SelectedIndicator.js";
+import { selectableCard as o } from "../../selectableCard.variant.js";
+import { useContext as s, useId as c } from "react";
+import { useUnityTheme as l } from "@payfit/unity-themes";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { RadioButton as p, RadioField as m, RadioGroupStateContext as h } from "react-aria-components/RadioGroup";
+//#region src/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.tsx
+var g = ({ title: g, description: _, illustration: v, isDisabled: y, ...b }) => {
+	let x = c(), { theme: S } = l(), { base: C } = o(), w = s(h), T = w?.isReadOnly ? "readonly" : w?.isDisabled || y ? "disabled" : w?.isInvalid ? "invalid" : "enabled", E = `selectable-card-radio-${x}__title`;
+	return /* @__PURE__ */ d(m, {
+		"aria-labelledby": E,
+		isDisabled: y,
+		className: "uy:contents",
+		...b,
+		children: /* @__PURE__ */ d(p, {
+			className: ({ isFocusVisible: e }) => C({ isFocusVisible: e }),
+			children: ({ isSelected: o }) => /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(t, {
+				isSelected: o,
+				state: T,
+				theme: S
+			}) }), /* @__PURE__ */ f(n, { children: [
+				v && /* @__PURE__ */ d(i, { children: v }),
+				/* @__PURE__ */ d(e, {
+					asElement: "h3",
+					variant: "bodyLargeStrong",
+					id: E,
+					children: g
+				}),
+				_ && /* @__PURE__ */ d(r, { children: _ })
+			] })] })
+		})
+	});
 };
+g.displayName = "SelectableCardRadio";
+//#endregion
+export { g as SelectableCardRadio };

package/dist/esm/components/selectable-card/selectableCard.variant.js

@@ -1,24 +1,18 @@
 import { uyTv as e } from "@payfit/unity-themes";
-const u = e({
-  slots: {
-    base: [
-      "uy:group",
-      "uy:flex uy:flex-row uy:items-start uy:basis-0 uy:grow uy:cursor-pointer",
-      "uy:border uy:border-solid uy:rounded-200 uy:border-border-form-enabled uy:m-px",
-      "uy:text-content-form-enabled",
-      "uy:bg-surface-form-enabled",
-      "uy:hover:border-border-form-hover",
-      "uy:data-[selected=true]:border-border-form-selected uy:data-[selected=true]:border-2 uy:data-[selected=true]:m-0",
-      "uy:data-[invalid]:border-border-form-error uy:data-[invalid]:bg-surface-form-error",
-      "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring"
-    ]
-  },
-  variants: {
-    isFocusVisible: {
-      true: "uy:outline-none uy:ring-2 uy:ring-offset-2 uy:ring-utility-focus-ring"
-    }
-  }
+//#region src/components/selectable-card/selectableCard.variant.ts
+var t = e({
+	slots: { base: [
+		"uy:group",
+		"uy:flex uy:flex-row uy:items-start uy:basis-0 uy:grow uy:cursor-pointer",
+		"uy:border uy:border-solid uy:rounded-200 uy:border-border-form-enabled uy:m-px",
+		"uy:text-content-form-enabled",
+		"uy:bg-surface-form-enabled",
+		"uy:hover:border-border-form-hover",
+		"uy:data-[selected=true]:border-border-form-selected uy:data-[selected=true]:border-2 uy:data-[selected=true]:m-0",
+		"uy:data-[invalid]:border-border-form-error uy:data-[invalid]:bg-surface-form-error",
+		"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring"
+	] },
+	variants: { isFocusVisible: { true: "uy:outline-none uy:ring-2 uy:ring-offset-2 uy:ring-utility-focus-ring" } }
 });
-export {
-  u as selectableCard
-};
+//#endregion
+export { t as selectableCard };

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

@@ -1,46 +1,38 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { useFormContext as f } from "react-hook-form";
-import { FormField as x } from "../form-field/FormField.js";
-import { FormControl as F } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as h } from "../form-field/parts/FormFeedbackText.js";
-import { FormHelperText as b } from "../form-field/parts/FormHelperText.js";
-import { FormLabel as u } from "../form-field/parts/FormLabel.js";
-import { SelectableCardCheckboxGroup as C } from "../selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
-const k = s(
-  ({
-    children: m,
-    name: r,
-    isRequired: l,
-    requiredVariant: t,
-    label: c,
-    helperText: i,
-    feedbackText: p,
-    ...a
-  }, d) => {
-    const { control: n } = f();
-    return /* @__PURE__ */ e(
-      x,
-      {
-        ...{
-          isRequired: l
-        },
-        control: n,
-        name: r,
-        className: "uy:gap-150",
-        children: [
-          /* @__PURE__ */ e("div", { className: "uy:flex-col uy:gap-50", children: [
-            /* @__PURE__ */ o(u, { requiredVariant: t, children: c }),
-            /* @__PURE__ */ o(b, { children: i })
-          ] }),
-          /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(C, { ref: d, name: r, ...a, children: m }) }),
-          /* @__PURE__ */ o(h, { children: p })
-        ]
-      }
-    );
-  }
-);
-k.displayName = "SelectableCardCheckboxGroupField";
-export {
-  k as SelectableCardCheckboxGroupField
-};
+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-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js

@@ -1,38 +1,30 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { TanstackFormFeedbackText as n } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormHelperText as p } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as s } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackFormField as k } from "../form-field/TanstackFormField.js";
-import { TanstackSelectableCardCheckboxGroup as f } from "../selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js";
-function b({
-  children: o,
-  isRequired: c,
-  requiredVariant: t,
-  label: l,
-  helperText: r,
-  ...m
-}, i) {
-  return /* @__PURE__ */ a(k, { children: [
-    /* @__PURE__ */ a("div", { className: "uy:flex uy:flex-col uy:gap-50", children: [
-      /* @__PURE__ */ e(
-        s,
-        {
-          requiredVariant: t,
-          isRequired: c,
-          children: l
-        }
-      ),
-      r && /* @__PURE__ */ e(p, { children: r })
-    ] }),
-    /* @__PURE__ */ e(f, { ref: i, ...m, children: o }),
-    /* @__PURE__ */ e(n, {})
-  ] });
+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 { TanstackSelectableCardCheckboxGroup as i } from "../selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.tsx
+function c({ children: a, isRequired: c, requiredVariant: l, label: u, helperText: d, ...f }, p) {
+	return /* @__PURE__ */ s(t, { children: [
+		/* @__PURE__ */ s("div", {
+			className: "uy:flex uy:flex-col uy:gap-50",
+			children: [/* @__PURE__ */ o(r, {
+				requiredVariant: l,
+				isRequired: c,
+				children: u
+			}), d && /* @__PURE__ */ o(n, { children: d })]
+		}),
+		/* @__PURE__ */ o(i, {
+			ref: p,
+			...f,
+			children: a
+		}),
+		/* @__PURE__ */ o(e, {})
+	] });
 }
-const x = d(
-  b
-);
-x.displayName = "TanstackSelectableCardCheckboxGroupField";
-export {
-  x as TanstackSelectableCardCheckboxGroupField
-};
+var l = a(c);
+l.displayName = "TanstackSelectableCardCheckboxGroupField";
+//#endregion
+export { l as TanstackSelectableCardCheckboxGroupField };

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

@@ -1,46 +1,38 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { useFormContext as f } from "react-hook-form";
+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 F } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as u } from "../form-field/parts/FormFeedbackText.js";
-import { FormHelperText as x } from "../form-field/parts/FormHelperText.js";
-import { FormLabel as b } from "../form-field/parts/FormLabel.js";
-import { SelectableCardRadioGroup as h } from "../selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
-const C = s(
-  ({
-    children: m,
-    name: r,
-    isRequired: t,
-    requiredVariant: l,
-    label: i,
-    helperText: a,
-    feedbackText: y,
-    ...c
-  }, d) => {
-    const { control: p } = f();
-    return /* @__PURE__ */ e(
-      n,
-      {
-        ...{
-          isRequired: t
-        },
-        control: p,
-        name: r,
-        className: "uy:gap-150",
-        children: [
-          /* @__PURE__ */ e("div", { className: "uy:flex-col uy:gap-50", children: [
-            /* @__PURE__ */ o(b, { requiredVariant: l, children: i }),
-            /* @__PURE__ */ o(x, { children: a })
-          ] }),
-          /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(h, { ref: d, name: r, ...c, children: m }) }),
-          /* @__PURE__ */ o(u, {})
-        ]
-      }
-    );
-  }
-);
-C.displayName = "SelectableCardRadioGroupField";
-export {
-  C as SelectableCardRadioGroupField
-};
+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 };