@mittwald/flow-react-components 0.1.0-alpha.17 → 0.1.0-alpha.170

package/dist/NumberField.js

@@ -1,123 +1,67 @@
 "use client"
 /* */
-import l from "react";
-import * as u from "react-aria-components";
-import { s as f } from "./FormField.module-DHK6nIcD.js";
-import { c as P } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
+import e from "react";
+import * as r from "react-aria-components";
+import { s as t } from "./FormField.module-DHK6nIcD.js";
+import u from "clsx";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import { F as w } from "./FieldError-BAnloBK7.js";
-import { B as d } from "./Button-D_qgEN7Z.js";
-import { I as m } from "./Icon-Dp34FFi3.js";
-const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", y = "flow--number-field--increment-button", s = {
-  group: E,
-  input: D,
-  decrementButton: M,
-  incrementButton: y
-};
-var v = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-up", t = 512, r = 512, a = [], c = "f077", o = "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      o
-    ]
-  }, e.faChevronUp = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
-})(v);
-var h = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-down", t = 512, r = 512, a = [], c = "f078", o = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      o
-    ]
-  }, e.faChevronDown = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
-})(h);
-var N = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "plus", t = 448, r = 512, a = [10133, 61543, "add"], c = "2b", o = "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      o
-    ]
-  }, e.faPlus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
-})(N);
-var g = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "minus", t = 448, r = 512, a = [8211, 8722, 10134, "subtract"], c = "f068", o = "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      o
-    ]
-  }, e.faMinus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
-})(g);
-const L = (e) => {
-  const { children: i, className: n, ...t } = e, r = P(f.formField, n), a = {
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as E } from "./FieldError-C3KKqMzM.js";
+import { B as s } from "./Button-Dz22EEEz.js";
+import "@tabler/icons-react";
+import "./Icon-BTTw8v9z.js";
+import { I as N } from "./IconChevronDown-CPh2XLia.js";
+import { I } from "./IconChevronUp-ClAQYdXn.js";
+import { I as b, a as P } from "./IconPlus-DHuWcs1-.js";
+import { f as C } from "./flowComponent-TgbbWDzO.js";
+const F = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
+  group: F,
+  input: w,
+  decrementButton: B,
+  incrementButton: h,
+  coarsePointerIcon: v,
+  touchIcon: x
+}, K = C("NumberField", (n) => {
+  const { children: m, className: c, refProp: a, ...l } = n, i = u(t.formField, c), p = {
     Label: {
-      className: f.label,
-      optional: !e.isRequired
+      className: t.label,
+      optional: !n.isRequired
     },
     FieldDescription: {
-      className: f.fieldDescription
+      className: t.fieldDescription
     },
     FieldError: {
-      className: f.customFieldError
+      className: t.customFieldError
     }
   };
-  return /* @__PURE__ */ l.createElement(u.NumberField, { ...t, className: r }, /* @__PURE__ */ l.createElement(u.Group, { className: s.group }, /* @__PURE__ */ l.createElement(
-    d,
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
+    s,
     {
       slot: "decrement",
-      className: s.decrementButton,
+      className: o.decrementButton,
       size: "s",
-      style: "plain",
-      variant: "secondary"
+      variant: "plain",
+      color: "secondary"
     },
-    /* @__PURE__ */ l.createElement(m, { faIcon: h.faChevronDown }),
-    /* @__PURE__ */ l.createElement(m, { faIcon: g.faMinus })
-  ), /* @__PURE__ */ l.createElement(u.Input, { className: s.input }), /* @__PURE__ */ l.createElement(
-    d,
+    /* @__PURE__ */ e.createElement(N, null),
+    /* @__PURE__ */ e.createElement(b, { className: o.coarsePointerIcon })
+  ), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: a }), /* @__PURE__ */ e.createElement(
+    s,
     {
       slot: "increment",
-      className: s.incrementButton,
+      className: o.incrementButton,
       size: "s",
-      style: "plain",
-      variant: "secondary"
+      variant: "plain",
+      color: "secondary"
     },
-    /* @__PURE__ */ l.createElement(m, { faIcon: v.faChevronUp }),
-    /* @__PURE__ */ l.createElement(m, { faIcon: N.faPlus })
-  )), /* @__PURE__ */ l.createElement(b, { props: a }, i), /* @__PURE__ */ l.createElement(w, { className: s.fieldError }));
-};
+    /* @__PURE__ */ e.createElement(I, null),
+    /* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
+  )), /* @__PURE__ */ e.createElement(d, { props: p }, m), /* @__PURE__ */ e.createElement(E, { className: t.fieldError })));
+});
 export {
-  L as NumberField,
-  L as default
+  K as NumberField,
+  K as default
 };

package/dist/OverlayContextProvider-DJzKzUwy.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import a from "react";
+import { u as l, o as c } from "./context-BB3_MApL.js";
+const i = (e) => {
+  const { type: t, controller: r, children: o } = e, n = l();
+  return /* @__PURE__ */ a.createElement(
+    c.Provider,
+    {
+      value: {
+        ...n,
+        [t]: r
+      }
+    },
+    o
+  );
+};
+export {
+  i as O
+};

package/dist/OverlayTrigger-Bdb65OEJ.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import r from "react";
+import { O as m } from "./context-BB3_MApL.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { O as c } from "./OverlayContextProvider-DJzKzUwy.js";
+const g = (o) => {
+  const {
+    overlayType: t,
+    isDefaultOpen: n = !1,
+    component: p,
+    children: s
+  } = o, e = m.useNew(n), a = e.useIsOpen(), l = {
+    Button: {
+      onPress: e.open
+    }
+  };
+  return /* @__PURE__ */ r.createElement(c, { type: t, controller: e }, /* @__PURE__ */ r.createElement(i, { props: l, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(p, { isOpen: a }, s)));
+};
+export {
+  g as O
+};

package/dist/Popover-B1m8lc6F.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import o from "react";
+import * as r from "react-aria-components";
+import w from "clsx";
+import "mobx";
+import { u as O } from "./useOverlayController-D8N4X2rc.js";
+import { f as C } from "./flowComponent-TgbbWDzO.js";
+import { O as h } from "./OverlayContextProvider-DJzKzUwy.js";
+const u = "flow--popover", x = "flow--popover--content", E = "flow--popover--tip", t = {
+  popover: u,
+  content: x,
+  tip: E,
+  "popover-slide": "flow--popover--popover-slide"
+}, B = C("Popover", (n) => {
+  const {
+    children: p,
+    className: s,
+    controller: l,
+    withTip: a,
+    refProp: c,
+    defaultOpen: m = !1,
+    ...i
+  } = n, v = O("Popover", {
+    reuseControllerFromContext: !0,
+    defaultOpen: m
+  }), e = l ?? v, f = e.useIsOpen(), P = w(t.popover, s);
+  return /* @__PURE__ */ o.createElement(
+    r.Popover,
+    {
+      ...i,
+      className: P,
+      containerPadding: 16,
+      ref: c,
+      isOpen: f,
+      onOpenChange: (d) => e.setOpen(d)
+    },
+    a && /* @__PURE__ */ o.createElement(r.OverlayArrow, { className: t.tip }, /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
+    /* @__PURE__ */ o.createElement(r.Dialog, { className: t.content }, /* @__PURE__ */ o.createElement(h, { type: "Popover", controller: e }, p))
+  );
+});
+export {
+  B as P
+};

package/dist/Popover.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { P as m } from "./Popover-B1m8lc6F.js";
+import * as t from "react-aria-components";
+import a from "react";
+import { O as i } from "./OverlayTrigger-Bdb65OEJ.js";
+const s = (r) => {
+  const { children: o, ...e } = r;
+  return /* @__PURE__ */ a.createElement(
+    i,
+    {
+      overlayType: "Popover",
+      ...e,
+      component: t.DialogTrigger
+    },
+    o
+  );
+};
+export {
+  m as Popover,
+  s as PopoverTrigger,
+  m as default
+};

package/dist/ProgressBar.js

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import * as u from "react-aria-components";
+import s from "react";
+import w from "clsx";
+import { useNumberFormatter as d } from "react-aria";
+import "./propsContext-DzAKlmhS.js";
+import { P as x } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+const N = "flow--progress-bar", v = "flow--progress-bar--label", B = "flow--progress-bar--value", E = "flow--progress-bar--bar", P = "flow--progress-bar--fill", z = "flow--progress-bar--info", V = "flow--progress-bar--success", h = "flow--progress-bar--danger", y = "flow--progress-bar--warning", r = {
+  progressBar: N,
+  label: v,
+  value: B,
+  bar: E,
+  fill: P,
+  "size-s": "flow--progress-bar--size-s",
+  info: z,
+  success: V,
+  danger: h,
+  warning: y
+}, R = (e) => {
+  const {
+    children: t,
+    className: l,
+    status: n = "info",
+    showMaxValue: c,
+    size: m = "m",
+    ...i
+  } = e, f = w(
+    l,
+    r.progressBar,
+    r[`size-${m}`],
+    r[n]
+  ), p = d(e.formatOptions), a = c && e.maxValue ? p.format(e.maxValue) : void 0, g = {
+    Label: {
+      className: r.label,
+      unstyled: !0
+    }
+  };
+  return /* @__PURE__ */ s.createElement(u.ProgressBar, { className: f, ...i }, ({ percentage: b, valueText: o }) => /* @__PURE__ */ s.createElement(x, { props: g }, t, /* @__PURE__ */ s.createElement("span", { className: r.value }, a ? `${o} of ${a}` : o), /* @__PURE__ */ s.createElement("div", { className: r.bar }, /* @__PURE__ */ s.createElement("div", { className: r.fill, style: { width: b + "%" } }))));
+};
+export {
+  R as ProgressBar,
+  R as default
+};

package/dist/PropsContextProvider-C6Z4XGp6.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
+import { u as v, p as E } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as h } from "@react-aria/utils";
+import { isObjectType as c } from "remeda";
+import { setProperty as x } from "dot-prop";
+const N = (t = {}) => (...r) => {
+  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
+  if (c(e)) {
+    if (!n)
+      for (const o of r)
+        c(o) && "className" in e && "className" in o && (e.className = o.className);
+    if (!s) {
+      for (const o of r)
+        if (c(o))
+          for (const [p, a] of Object.entries(o))
+            /^on[A-Z]/.test(p) && x(e, p, a);
+    }
+  }
+  return e;
+}, b = N({
+  mergeClassNames: !1,
+  mergeEventHandler: !1
+}), j = (t = {}, r = {}) => {
+  const n = Object.keys({
+    ...t,
+    ...r
+  });
+  return Object.fromEntries(
+    n.map((s) => [
+      s,
+      b(
+        t[s],
+        r[s]
+      )
+    ])
+  );
+}, V = (t) => {
+  const {
+    props: r,
+    dependencies: n = [],
+    mergeInParentContext: s = !1,
+    children: e,
+    ...o
+  } = t, p = v(), a = m(() => r, n), i = m(
+    () => s ? j(p, r) : r,
+    [a, p, s]
+  ), l = f(e) ? {
+    ...o,
+    ...e.props
+  } : o, d = [
+    e,
+    ...Object.entries(l).flatMap((g) => g)
+  ], P = m(
+    () => f(e) ? C(e, l) : e,
+    d
+  );
+  return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
+};
+export {
+  V as P,
+  j as m
+};

package/dist/PropsContextProvider.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import "react";
+import "./propsContext-DzAKlmhS.js";
+import { P as p, P } from "./PropsContextProvider-C6Z4XGp6.js";
+export {
+  p as PropsContextProvider,
+  P as default
+};

package/dist/RadioGroup.js

@@ -1,88 +1,128 @@
 "use client"
 /* */
-import t from "react";
-import * as f from "react-aria-components";
-import { c as m } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as u } from "./PropsContextProvider-CEoxD8yK.js";
+import e from "react";
+import * as k from "react-aria-components";
+import E from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as C, m as z } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import { F as g } from "./FieldError-BAnloBK7.js";
-import { I as N } from "./Icon-Dp34FFi3.js";
-const v = "flow--radio-group", w = "flow--radio-group--content", C = "flow--radio-group--icon", k = "flow--radio-group--label", E = "flow--radio-group--field-error", b = "flow--radio-group--custom-field-error", P = "flow--radio-group--field-description", n = {
-  radioGroup: v,
-  content: w,
-  icon: C,
-  label: k,
-  fieldError: E,
-  customFieldError: b,
-  fieldDescription: P
-}, L = (o) => {
-  const { children: e, className: i, ...r } = o, c = m(n.radioGroup, i), a = {
+import "remeda";
+import { d as h } from "./dynamic-ClpUSmEt.js";
+import { F as B } from "./FieldError-C3KKqMzM.js";
+import { C as I } from "./ColumnLayout-FMONjI17.js";
+import { TunnelProvider as P, TunnelExit as m } from "@mittwald/react-tunnel";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
+import { d as y } from "./deepFindOfType-6pG0fH7S.js";
+import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
+import "@tabler/icons-react";
+import "./Icon-BTTw8v9z.js";
+import { I as F, a as v } from "./IconRadioOn-CF8jhsxN.js";
+import { f as N } from "./flowComponent-TgbbWDzO.js";
+import "dot-prop";
+import { I as D } from "./IconCheck-ZTVWbFCo.js";
+import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
+const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", S = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
+  radioGroup: O,
+  segmentedGroup: $,
+  segments: L,
+  segment: S,
+  checkmark: A,
+  radioGroupContainer: j,
+  "container-breakpoint-size-xs": "flow--radio-group--container-breakpoint-size-xs",
+  "container-breakpoint-size-s": "flow--radio-group--container-breakpoint-size-s",
+  "container-breakpoint-size-m": "flow--radio-group--container-breakpoint-size-m",
+  "container-breakpoint-size-l": "flow--radio-group--container-breakpoint-size-l",
+  "container-breakpoint-size-xl": "flow--radio-group--container-breakpoint-size-xl"
+}, q = "flow--radio-group--radio-button", H = "flow--radio-group--radio-button--content", J = "flow--radio-group--radio-button--label", f = {
+  radioButton: q,
+  content: H,
+  label: J
+}, K = N("RadioButton", (n) => {
+  const { children: t, className: a, refProp: o, ...i } = n, s = E(f.radioButton, a), l = {
+    Text: {
+      className: f.label
+    },
+    Content: {
+      className: f.content
+    }
+  };
+  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(U, { ...i, className: s, ref: o }, /* @__PURE__ */ e.createElement(C, { props: l }, t)));
+}), fe = N("RadioGroup", (n) => {
+  const {
+    children: t,
+    className: a,
+    variant: o = "default",
+    s: i,
+    m: s,
+    l,
+    containerBreakpointSize: d = "m",
+    refProp: w,
+    ...R
+  } = n, x = E(
+    c.formField,
+    r.radioGroupContainer,
+    a,
+    r[T(d)]
+  );
+  let p = {
     Label: {
-      className: n.label
+      className: c.label
     },
     FieldDescription: {
-      className: n.fieldDescription
+      className: c.fieldDescription,
+      tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: n.customFieldError
-    }
-  };
-  return /* @__PURE__ */ t.createElement(f.RadioGroup, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(g, { className: n.fieldError }));
-}, D = "flow--radio-group--radio", F = "flow--radio-group--radio--content", G = "flow--radio-group--radio--icon", R = "flow--radio-group--radio--checkmark", y = "flow--radio-group--radio--label", l = {
-  radio: D,
-  content: F,
-  icon: G,
-  checkmark: R,
-  label: y
-};
-var h = {}, p = {};
-(function(o) {
-  Object.defineProperty(o, "__esModule", { value: !0 });
-  var e = "far", i = "circle-check", r = 512, c = 512, a = [61533, "check-circle"], s = "f058", d = "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z";
-  o.definition = {
-    prefix: e,
-    iconName: i,
-    icon: [
-      r,
-      c,
-      a,
-      s,
-      d
-    ]
-  }, o.faCircleCheck = o.definition, o.prefix = e, o.iconName = i, o.width = r, o.height = c, o.ligatures = a, o.unicode = s, o.svgPathData = d, o.aliases = a;
-})(p);
-(function(o) {
-  Object.defineProperty(o, "__esModule", { value: !0 });
-  var e = p;
-  o.definition = {
-    prefix: e.prefix,
-    iconName: e.iconName,
-    icon: [
-      e.width,
-      e.height,
-      e.aliases,
-      e.unicode,
-      e.svgPathData
-    ]
-  }, o.faCheckCircle = o.definition, o.prefix = e.prefix, o.iconName = e.iconName, o.width = e.width, o.height = e.height, o.ligatures = e.aliases, o.unicode = e.unicode, o.svgPathData = e.svgPathData, o.aliases = e.aliases;
-})(h);
-const O = (o) => {
-  const { children: e, className: i, ...r } = o, c = m(l.radio, i), a = {
-    Icon: {
-      className: l.icon
+      className: c.customFieldError,
+      tunnelId: "fieldError"
     },
-    Text: {
-      className: l.label
+    RadioButton: {
+      tunnelId: "radios"
     },
-    Content: {
-      className: l.content
+    Radio: {
+      tunnelId: "radios"
     }
   };
-  return /* @__PURE__ */ t.createElement(f.Radio, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(N, { className: l.checkmark, faIcon: h.faCheckCircle }));
-};
+  o === "segmented" && (p = z(p, {
+    Radio: {
+      className: r.segment,
+      unstyled: !0,
+      children: h((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(D, { className: r.checkmark })))
+    }
+  }));
+  const u = !!y(t, K);
+  return o === "segmented" && u && console.warn(
+    "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
+  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
+    C,
+    {
+      props: p,
+      dependencies: [o],
+      mergeInParentContext: !0
+    },
+    t,
+    o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: r.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: r.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))),
+    o === "default" && u && /* @__PURE__ */ e.createElement(I, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
+    o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
+    /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }),
+    /* @__PURE__ */ e.createElement(m, { id: "fieldError" })
+  )), /* @__PURE__ */ e.createElement(B, { className: c.fieldError }));
+}), M = "flow--radio-group--radio", Q = "flow--radio-group--radio--icon", g = {
+  radio: M,
+  icon: Q
+}, U = N("Radio", (n) => {
+  const {
+    children: t,
+    className: a,
+    unstyled: o = !1,
+    refProp: i,
+    ...s
+  } = n, l = o ? a : E(g.radio, a);
+  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(F, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
+});
 export {
-  O as Radio,
-  L as RadioGroup,
-  L as default
+  U as Radio,
+  K as RadioButton,
+  fe as RadioGroup,
+  fe as default
 };

package/dist/Render-BdlTa7Qb.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import e from "react";
+const n = (r) => /* @__PURE__ */ e.createElement(e.Fragment, null, r.children());
+export {
+  n as R
+};

package/dist/Render.js

@@ -0,0 +1,6 @@
+"use client"
+/* */
+import { R as o } from "./Render-BdlTa7Qb.js";
+export {
+  o as Render
+};