@payfit/unity-components 2.47.5 → 2.47.7

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

@@ -1,220 +1,137 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useRef as P, Children as m, isValidElement as l, useLayoutEffect as b } from "react";
-import { uyTv as N } from "@payfit/unity-themes";
-import { DialogContext as C, Dialog as A } from "react-aria-components/Dialog";
-import { ModalOverlay as E, Modal as I } from "react-aria-components/Modal";
-import { useId as j } from "react-aria/useId";
-import { useIntl as z } from "react-intl";
-import { useHasScroll as M } from "../../hooks/use-has-scroll.js";
-import { DialogButton as H } from "../dialog/parts/DialogActions/DialogButton.js";
-import { CircularIconButton as T } from "../icon-button/CircularIconButton.js";
-import { PromoDialogActions as v } from "./parts/PromoDialogActions.js";
-import { PromoDialogHero as W } from "./parts/PromoDialogHero.js";
-import { PromoDialogTitle as _ } from "./parts/PromoDialogTitle.js";
-const k = N({
-  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",
-      // enter/leave animation
-      "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",
-      // Mobile: enter/leave animation
-      "uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out",
-      "uy:md:[animation-delay:100ms]",
-      // Desktop: enter/leave animation
-      "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",
-      // Mobile: scrollable with max height
-      "uy:max-h-[95dvh] uy:overflow-y-auto",
-      // Desktop: max height (adapts to content), no overflow on wrapper
-      "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",
-      // Mobile: auto height (wrapper scrolls)
-      "uy:h-auto",
-      // Desktop: full height (content scrolls internally)
-      "uy:md:h-full"
-    ],
-    dismissIcon: [
-      // Mobile: sticky button that takes some padding at the top
-      "uy:sticky uy:top-0 uy:right-0 uy:flex uy:justify-end",
-      // Desktop: close button is positioned absolutely at the top-right corner
-      "uy:md:absolute uy:md:right-100 uy:md:top-100 uy:md:z-20"
-    ],
-    // Layout slots
-    layoutWrapper: [
-      "uy:flex uy:flex-col uy:md:flex-row",
-      // Mobile: auto height (wrapper scrolls)
-      "uy:h-auto",
-      // Desktop: full height for flex layout
-      "uy:md:h-full uy:gap-300 uy:md:gap-0"
-    ],
-    contentColumn: [
-      "uy:group/content-column",
-      "uy:flex uy:flex-col",
-      // Mobile: auto height
-      "uy:h-auto",
-      // Desktop: takes 2/3 of width, fixed max height, enables scrolling
-      "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",
-      // Mobile: flex-1 to fill space (wrapper scrolls)
-      "uy:flex-1",
-      // desktop: centered layout
-      "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",
-      // Apply shadow when parent group has scroll
-      "uy:group-data-[has-scroll=true]/content-column:shadow-[0_-1px_6px_0_var(--uy-color-utility-shadow-floating)]"
-    ]
-  }
-}), B = (r) => {
-  const n = m.toArray(r).find(
-    (e) => l(e) && e.type === v
-  );
-  return l(
-    n
-  ) ? m.toArray(n.props.children).some(
-    (e) => l(
-      e
-    ) && e.type === H && e.props.variant === "danger"
-  ) : !1;
+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 q({
-  children: r,
-  isOpen: n,
-  onOpenChange: e,
-  isDismissable: p = !0,
-  ...y
-}) {
-  const f = z(), d = j(), g = P(null), { hasAnyScroll: i } = M(g, {
-    strategy: "both",
-    watchMutations: !0
-  }), s = m.toArray(r), u = s.find(
-    (o) => l(o) && o.type === W
-  ), h = s.find(
-    (o) => l(o) && o.type === v
-  ), w = s.filter(
-    (o) => o !== u && o !== h
-  );
-  b(() => {
-    u || console.error(
-      "PromoDialog: PromoDialogHero is required. Please add <PromoDialogHero> as a child of your PromoDialog component."
-    );
-  }, [u]), b(() => {
-    const D = m.toArray(r).some(
-      (x) => l(x) && x.type === _
-    );
-    !y["aria-label"] && !D && 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."
-    );
-  }, [r, y]);
-  const a = k();
-  return /* @__PURE__ */ t(
-    E,
-    {
-      isDismissable: p,
-      isOpen: n,
-      onOpenChange: e,
-      className: a.overlay(),
-      children: /* @__PURE__ */ t(
-        I,
-        {
-          className: a.wrapper(),
-          "data-unity-promo-dialog": !0,
-          "data-dd-privacy": "allow",
-          children: /* @__PURE__ */ t(C.Provider, { value: { "aria-describedby": d }, children: /* @__PURE__ */ c(
-            A,
-            {
-              role: B(r) ? "alertdialog" : "dialog",
-              "aria-modal": "true",
-              className: a.content(),
-              "aria-label": y["aria-label"],
-              "aria-describedby": d,
-              "data-unity-slot": "promo-dialog",
-              children: [
-                p && /* @__PURE__ */ t("div", { className: a.dismissIcon(), children: /* @__PURE__ */ t(
-                  T,
-                  {
-                    asElement: "button",
-                    icon: "CloseOutlined",
-                    color: "content.neutral.low",
-                    size: "large",
-                    title: f.formatMessage({
-                      id: "unity:component:common:close:label"
-                    }),
-                    slot: "close",
-                    className: "uy:relative uy:-top-100 uy:-right-100 uy:md:static"
-                  }
-                ) }),
-                /* @__PURE__ */ c(
-                  "div",
-                  {
-                    className: a.layoutWrapper(),
-                    "data-slot": "promo-dialog.layout-wrapper",
-                    children: [
-                      u,
-                      /* @__PURE__ */ c(
-                        "div",
-                        {
-                          ref: g,
-                          className: a.contentColumn(),
-                          "data-slot": "promo-dialog.content-column",
-                          "data-has-scroll": i,
-                          role: i ? "region" : void 0,
-                          "aria-label": i ? f.formatMessage({
-                            id: "unity:component:common:scrollable-content:label"
-                          }) : void 0,
-                          tabIndex: i ? 0 : void 0,
-                          children: [
-                            /* @__PURE__ */ t(
-                              "div",
-                              {
-                                id: d,
-                                className: a.scrollableContent(),
-                                "data-slot": "promo-dialog.scrollable-content",
-                                children: w
-                              }
-                            ),
-                            /* @__PURE__ */ t(
-                              "div",
-                              {
-                                className: a.actionsWrapper(),
-                                "data-slot": "promo-dialog.actions-wrapper",
-                                children: h
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ) })
-        }
-      )
-    }
-  );
+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
+							})]
+						})]
+					})]
+				})
+			})
+		})
+	});
 }
-q.displayName = "PromoDialog";
-export {
-  q as PromoDialog,
-  k as promoDialog
-};
+x.displayName = "PromoDialog";
+//#endregion
+export { x as PromoDialog, y as promoDialog };

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

@@ -1,29 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { uyTv as i } from "@payfit/unity-themes";
-import { useIntl as r } from "react-intl";
-const s = i({
-  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"
-  ]
-}), e = ({ children: o }) => {
-  const t = r();
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      role: "group",
-      "aria-label": t.formatMessage({
-        id: "unity:component:dialog:actions:label"
-      }),
-      className: s(),
-      "data-unity-slot": "promo-dialog.actions",
-      "data-dd-privacy": "allow",
-      children: o
-    }
-  );
-};
-e.displayName = "PromoDialogActions";
-export {
-  e as PromoDialogActions
-};
+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,20 +1,15 @@
+import { uyTv as e } from "@payfit/unity-themes";
 import { jsx as t } from "react/jsx-runtime";
-import { uyTv as n } from "@payfit/unity-themes";
-const a = n({
-  base: [
-    "uy:flex uy:flex-col uy:gap-200",
-    "uy:text-content-neutral",
-    "uy:typography-body"
-  ]
-}), e = ({ children: o }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: a(),
-    "data-unity-slot": "promo-dialog.content",
-    children: o
-  }
-);
-e.displayName = "PromoDialogContent";
-export {
-  e as PromoDialogContent
-};
+//#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,25 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
 import { uyTv as e } from "@payfit/unity-themes";
-const t = e({
-  base: [
-    "uy:rounded-150 uy:bg-surface-neutral-lowest",
-    "uy:flex uy:items-center uy:justify-center",
-    // Mobile: auto height for vertical stack
-    "uy:h-auto",
-    // Desktop: takes 1/3 of width, stretches to row height
-    "uy:md:basis-[40%] uy:lg:basis-[37.2%] uy:md:shrink-0"
-  ]
-}), u = ({ children: o, className: r }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: t({ className: r }),
-    "data-unity-slot": "promo-dialog.hero",
-    "data-dd-privacy": "allow",
-    "aria-hidden": "true",
-    children: o
-  }
-);
-u.displayName = "PromoDialogHero";
-export {
-  u as PromoDialogHero
-};
+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,21 +1,15 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Text as l } from "../../text/Text.js";
-const r = ({
-  children: o,
-  ...t
-}) => /* @__PURE__ */ a(
-  l,
-  {
-    ...t,
-    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: o
-  }
-);
-r.displayName = "PromoDialogSubtitle";
-export {
-  r as PromoDialogSubtitle
-};
+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,18 +1,13 @@
+import { uyTv as e } from "@payfit/unity-themes";
 import { jsx as t } from "react/jsx-runtime";
-import { uyTv as a } from "@payfit/unity-themes";
-import { Heading as m } from "react-aria-components/Heading";
-const r = a({
-  base: ["uy:typography-h2 uy:md:typography-h1", "uy:mb-150 uy:md:mb-250"]
-}), i = ({ children: o }) => /* @__PURE__ */ t(
-  m,
-  {
-    slot: "title",
-    className: r(),
-    "data-dd-privacy": "allow",
-    children: o
-  }
-);
+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";
-export {
-  i as PromoDialogTitle
-};
+//#endregion
+export { i as PromoDialogTitle };

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

@@ -1,23 +1,18 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { RadioGroup as d } from "react-aria-components/RadioGroup";
-const l = i(
-  ({ children: o, isReadOnly: r, isDisabled: t, value: a, onChange: p, onBlur: u, ...m }, e) => /* @__PURE__ */ f(
-    d,
-    {
-      ...m,
-      isReadOnly: r,
-      isDisabled: t,
-      value: a,
-      onBlur: u,
-      onChange: p,
-      className: "uy:flex uy:flex-col uy:gap-150",
-      ref: e,
-      children: o
-    }
-  )
-);
-l.displayName = "RadioButtonGroup";
-export {
-  l as RadioButtonGroup
-};
+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 };