@mittwald/flow-react-components 0.1.0-alpha.46 → 0.1.0-alpha.47

package/dist/CopyButton.js

@@ -12,7 +12,7 @@ import "./propsContext-Dx7WKmmM.js";
 import { u as l } from "./useProps-4x7PxhiE.js";
 import { I as c } from "./IconCopy-Bpp37OMK.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
-import { T as u } from "./Tooltip-Dbiu1cXX.js";
+import { T as u } from "./Tooltip-Co5h9sSt.js";
 import { T as y } from "./TooltipTrigger-7-ynWHZ9.js";
 import { onlyText as f } from "react-children-utilities";
 const B = {

package/dist/Header.js

@@ -1,18 +1,17 @@
 "use client"
 /* */
-import e from "react";
-import { C as n } from "./ClearPropsContext-CD1-9TZA.js";
+import m from "react";
 import "./propsContext-Dx7WKmmM.js";
-import { u as s } from "./useProps-4x7PxhiE.js";
-const i = (r) => {
+import { u as n } from "./useProps-4x7PxhiE.js";
+const d = (e) => {
   const {
-    children: t,
-    elementType: o = "header",
-    ...a
-  } = s("Header", r), m = o;
-  return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(m, { ...a }, t));
+    children: r,
+    elementType: t = "header",
+    ...o
+  } = n("Header", e), a = t;
+  return /* @__PURE__ */ m.createElement(a, { ...o }, r);
 };
 export {
-  i as Header,
-  i as default
+  d as Header,
+  d as default
 };

package/dist/LayoutCard.js

@@ -1,22 +1,21 @@
 "use client"
 /* */
-import t from "react";
-import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
+import c from "react";
 import "./propsContext-Dx7WKmmM.js";
-import { u as n } from "./useProps-4x7PxhiE.js";
-import u from "clsx";
-const d = "flow--layout-card", p = {
-  layoutCard: d
-}, E = (o) => {
+import { u as m } from "./useProps-4x7PxhiE.js";
+import n from "clsx";
+const u = "flow--layout-card", d = {
+  layoutCard: u
+}, f = (t) => {
   const {
-    children: e,
+    children: o,
     className: a,
-    elementType: r = "div",
-    ...s
-  } = n("LayoutCard", o), l = u(p.layoutCard, a), m = r;
-  return /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(m, { className: l, ...s }, e));
+    elementType: e = "div",
+    ...r
+  } = m("LayoutCard", t), s = n(d.layoutCard, a), l = e;
+  return /* @__PURE__ */ c.createElement(l, { className: s, ...r }, o);
 };
 export {
-  E as LayoutCard,
-  E as default
+  f as LayoutCard,
+  f as default
 };

package/dist/List.js

@@ -1,9 +1,9 @@
 "use client"
 /* */
 var V = Object.defineProperty;
-var x = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => (x(i, typeof t != "symbol" ? t + "" : t, e), e);
-import r, { createContext as B, useContext as U, Suspense as D, createElement as $, useMemo as O, useEffect as I, isValidElement as H } from "react";
+var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
+import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
 import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
 import { T as J } from "./Text-BAkan-um.js";
 import { B as b } from "./Button-IRdeGCc6.js";
@@ -25,11 +25,10 @@ import { getAsyncResource as T } from "@mittwald/react-use-promise";
 import { deepFind as st, deepForEach as nt } from "react-children-utilities";
 import { I as rt } from "./InlineCode-DZzyKdCm.js";
 import { ListLoaderAsyncResource as ot } from "./List/ListLoaderAsyncResource.js";
-import { C as lt } from "./ClearPropsContext-CD1-9TZA.js";
-const M = B({}), g = () => U(M).list, ct = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ut = (i) => {
+const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ct = (i) => {
   const { pageIndex: t } = i;
   return g().loader.useSuspenseHook(t), null;
-}, gt = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement(D, { key: e, fallback: /* @__PURE__ */ r.createElement(ut, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(ct, null, () => {
+}, ut = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement(D, { key: e, fallback: /* @__PURE__ */ r.createElement(ct, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(lt, null, () => {
   t();
 }))), A = {
   "de-DE": {
@@ -42,7 +41,7 @@ const M = B({}), g = () => U(M).list, ct = (i) => /* @__PURE__ */ r.createElemen
     paginationInfoFiltered: "Showing {visibleItemsCount} of {filteredItemsCount} (unfiltered total count {totalItemsCount})",
     showMore: "Show more"
   }
-}, mt = (i) => {
+}, gt = (i) => {
   const t = j(A), e = g(), a = e.pagination, s = e.isFiltered() && !e.loader.manualFiltering, o = a.getTotalItemsCount(), c = a.getFilteredItemsCount(), l = a.getVisibleItemsCount();
   if (o === 0)
     return null;
@@ -55,8 +54,8 @@ const M = B({}), g = () => U(M).list, ct = (i) => /* @__PURE__ */ r.createElemen
     totalItemsCount: o
   });
   return /* @__PURE__ */ r.createElement(J, { ...i }, h);
-}, dt = () => null, pt = (i) => {
-  const { sorting: t } = i, e = t.direction, a = e === "asc" ? G : e === "desc" ? Q : dt, s = e !== !1;
+}, mt = () => null, dt = (i) => {
+  const { sorting: t } = i, e = t.direction, a = e === "asc" ? G : e === "desc" ? Q : mt, s = e !== !1;
   return /* @__PURE__ */ r.createElement(
     b,
     {
@@ -66,16 +65,16 @@ const M = B({}), g = () => U(M).list, ct = (i) => /* @__PURE__ */ r.createElemen
     t.getTableColumn().id,
     /* @__PURE__ */ r.createElement(a, { size: "s" })
   );
-}, ht = "flow--list--filter-bar--sorting-picker", ft = "flow--list--filter-bar--sorting-picker--items", E = {
-  sortingPicker: ht,
-  items: ft
-}, St = () => {
-  const { sorting: i } = g(), t = i.map((e) => /* @__PURE__ */ r.createElement(pt, { sorting: e, key: e.getTableColumn().id }));
+}, pt = "flow--list--filter-bar--sorting-picker", ht = "flow--list--filter-bar--sorting-picker--items", E = {
+  sortingPicker: pt,
+  items: ht
+}, ft = () => {
+  const { sorting: i } = g(), t = i.map((e) => /* @__PURE__ */ r.createElement(dt, { sorting: e, key: e.getTableColumn().id }));
   return /* @__PURE__ */ r.createElement("div", { className: E.sortingPicker }, /* @__PURE__ */ r.createElement("div", { className: E.items }, t));
-}, bt = "flow--list--filter-bar--filter-picker-item", yt = "flow--list--filter-bar--filter-picker-item--items", L = {
-  filterPickerItem: bt,
-  items: yt
-}, Pt = (i) => {
+}, St = "flow--list--filter-bar--filter-picker-item", bt = "flow--list--filter-bar--filter-picker-item--items", L = {
+  filterPickerItem: St,
+  items: bt
+}, yt = (i) => {
   const { filter: t } = i, a = t.values.map((s) => /* @__PURE__ */ r.createElement(
     b,
     {
@@ -86,20 +85,20 @@ const M = B({}), g = () => U(M).list, ct = (i) => /* @__PURE__ */ r.createElemen
     String(s)
   ));
   return /* @__PURE__ */ r.createElement("div", { className: L.filterPickerItem }, /* @__PURE__ */ r.createElement(W, null, t.property), /* @__PURE__ */ r.createElement("div", { className: L.items }, a));
-}, vt = () => g().filters.map((t) => /* @__PURE__ */ r.createElement(Pt, { key: t.property, filter: t })), wt = "flow--list--filter-bar", Ct = {
+}, vt = () => g().filters.map((t) => /* @__PURE__ */ r.createElement(yt, { key: t.property, filter: t })), wt = "flow--list--filter-bar", Pt = {
   filterBar: wt
 }, Ft = (i) => {
   const { className: t } = i;
-  return /* @__PURE__ */ r.createElement("div", { className: R(t, Ct.filterBar) }, /* @__PURE__ */ r.createElement(St, null), /* @__PURE__ */ r.createElement(vt, null));
-}, It = "flow--list", Tt = "flow--list--filter-bar", Et = "flow--list--items", Lt = "flow--list--pagination-infos", kt = "flow--list--show-more-button", d = {
-  list: It,
-  filterBar: Tt,
-  items: Et,
-  paginationInfos: Lt,
-  showMoreButton: kt
+  return /* @__PURE__ */ r.createElement("div", { className: R(t, Pt.filterBar) }, /* @__PURE__ */ r.createElement(ft, null), /* @__PURE__ */ r.createElement(vt, null));
+}, Ct = "flow--list", It = "flow--list--filter-bar", Tt = "flow--list--items", Et = "flow--list--pagination-infos", Lt = "flow--list--show-more-button", d = {
+  list: Ct,
+  filterBar: It,
+  items: Tt,
+  paginationInfos: Et,
+  showMoreButton: Lt
 };
 var u;
-let Dt = (u = class {
+let kt = (u = class {
   constructor(t, e, a) {
     n(this, "id");
     n(this, "data");
@@ -112,7 +111,7 @@ let Dt = (u = class {
   static fromRow(t, e) {
     return new u(t, e.id, e.original);
   }
-}, n(u, "fallbackRenderItemFn", (t) => $("pre", void 0, JSON.stringify(t))), u);
+}, n(u, "fallbackRenderItemFn", (t) => x("pre", void 0, JSON.stringify(t))), u);
 class y {
   constructor(t) {
     n(this, "list");
@@ -122,10 +121,10 @@ class y {
     return new y(t);
   }
   get entries() {
-    return this.list.reactTable.table.getRowModel().rows.map((t) => Dt.fromRow(this, t));
+    return this.list.reactTable.table.getRowModel().rows.map((t) => kt.fromRow(this, t));
   }
 }
-class Rt {
+class Dt {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "initialPageSize");
@@ -166,8 +165,8 @@ class Rt {
     }));
   }
 }
-const Mt = (i, t) => i === t;
-class At {
+const Rt = (i, t) => i === t;
+class Mt {
   constructor(t, e) {
     n(this, "_values");
     n(this, "list");
@@ -175,7 +174,7 @@ class At {
     n(this, "mode");
     n(this, "matcher");
     n(this, "onFilterUpdateCallbacks", /* @__PURE__ */ new Set());
-    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = e.values, this.matcher = e.matcher ?? Mt;
+    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = e.values, this.matcher = e.matcher ?? Rt;
   }
   updateTableColumnDef(t) {
     t.enableColumnFilter = !0, t.filterFn = this.getReactTableFilterFn();
@@ -234,7 +233,7 @@ class At {
     this.onFilterUpdateCallbacks.add(t);
   }
 }
-class Nt {
+class At {
   constructor(t, e) {
     n(this, "list");
     n(this, "property");
@@ -250,7 +249,7 @@ class Nt {
     return this.list.reactTable.getTableColumn(this.property);
   }
 }
-class P {
+class v {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "table");
@@ -265,7 +264,7 @@ class P {
     this.list = t, this.tableState = f(void 0), this.table = this.useReactTable(e);
   }
   static useNew(t, e = {}) {
-    return new P(t, e);
+    return new v(t, e);
   }
   useReactTable(t = {}) {
     const e = this.list.loader.useData(), a = Y({
@@ -321,8 +320,8 @@ class P {
     ), Array.from(t.values());
   }
 }
-const zt = [];
-class Vt {
+const Nt = [];
+class zt {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "dataSource");
@@ -332,7 +331,7 @@ class Vt {
     n(this, "manualFiltering");
     n(this, "manualPagination");
     const { source: a } = e;
-    this.dataSource = a ?? { staticData: zt };
+    this.dataSource = a ?? { staticData: Nt };
     const s = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0, o = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0, c = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
     this.list = t, this.pagesDataSignal = f({}), this.pagesLoadingStateSignal = f({}), this.manualPagination = s ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((l) => l.onFilterUpdated(() => this.reset()));
   }
@@ -428,7 +427,7 @@ class Vt {
     );
   }
 }
-let xt = class N {
+let Vt = class N {
   constructor(t) {
     n(this, "filters");
     n(this, "sorting");
@@ -444,7 +443,7 @@ let xt = class N {
       pagination: o,
       enableMultiSort: c = !1
     } = t;
-    this.render = e, this.items = y.useNew(this), this.filters = a.map((l) => new At(this, l)), this.sorting = s.map((l) => new Nt(this, l)), this.pagination = new Rt(this, o), this.loader = new Vt(this, t.loader), this.reactTable = P.useNew(this, {
+    this.render = e, this.items = y.useNew(this), this.filters = a.map((l) => new Mt(this, l)), this.sorting = s.map((l) => new At(this, l)), this.pagination = new Dt(this, o), this.loader = new zt(this, t.loader), this.reactTable = v.useNew(this, {
       enableMultiSort: c,
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
@@ -473,13 +472,13 @@ const Bt = (i) => {
   );
 }, Ut = "flow--list--items", $t = {
   items: Ut
-}, Ot = "flow--list--item--list-item", Ht = {
-  listItem: Ot
-}, jt = (i) => {
+}, xt = "flow--list--item--list-item", Ot = {
+  listItem: xt
+}, Ht = (i) => {
   const { children: t } = i;
-  return /* @__PURE__ */ r.createElement("div", { className: Ht.listItem }, t);
-}, qt = (i) => {
-  const { className: t } = i, a = g().items.entries.map((s) => /* @__PURE__ */ r.createElement(jt, { key: s.id }, /* @__PURE__ */ r.createElement(D, null, s.render())));
+  return /* @__PURE__ */ r.createElement("div", { className: Ot.listItem }, t);
+}, jt = (i) => {
+  const { className: t } = i, a = g().items.entries.map((s) => /* @__PURE__ */ r.createElement(Ht, { key: s.id }, /* @__PURE__ */ r.createElement(D, null, s.render())));
   return /* @__PURE__ */ r.createElement("div", { className: R($t.items, t) }, a);
 }, z = (i, t) => H(i) ? typeof t == "string" ? typeof i.type == "string" ? i.type === t : !1 : i.type === t : !1, p = (i, t) => st(i, (e) => z(e, t)), k = (i, t) => {
   const e = [];
@@ -487,6 +486,9 @@ const Bt = (i) => {
     z(a, t) && e.push(a);
   }), e;
 };
+function qt(i) {
+  return null;
+}
 function Jt(i) {
   return null;
 }
@@ -499,16 +501,13 @@ function Gt(i) {
 function Qt(i) {
   return null;
 }
-function Wt(i) {
-  return null;
-}
-const Xt = (i) => /* @__PURE__ */ r.createElement(rt, null, JSON.stringify(i.data));
-function ve(i) {
-  var v, w, C, F;
-  const { children: t, ...e } = i, a = (v = p(t, Jt)) == null ? void 0 : v.props, s = (w = p(
+const Wt = (i) => /* @__PURE__ */ r.createElement(rt, null, JSON.stringify(i.data));
+function ye(i) {
+  var w, P, F, C;
+  const { children: t, ...e } = i, a = (w = p(t, qt)) == null ? void 0 : w.props, s = (P = p(
     t,
     ot
-  )) == null ? void 0 : w.props, o = (C = p(t, Wt)) == null ? void 0 : C.props, c = {
+  )) == null ? void 0 : P.props, o = (F = p(t, Qt)) == null ? void 0 : F.props, c = {
     source: a ? {
       ...a,
       asyncLoader: a.children
@@ -518,30 +517,30 @@ function ve(i) {
     } : o ? {
       staticData: o.data
     } : void 0
-  }, l = (m) => /* @__PURE__ */ r.createElement(Xt, { data: m }), h = xt.useNew({
+  }, l = (m) => /* @__PURE__ */ r.createElement(Wt, { data: m }), h = Vt.useNew({
     loader: c,
-    filters: k(t, Kt).map((m) => m.props),
-    sorting: k(t, Gt).map((m) => m.props),
-    render: ((F = p(t, Qt)) == null ? void 0 : F.props.children) ?? l,
+    filters: k(t, Jt).map((m) => m.props),
+    sorting: k(t, Kt).map((m) => m.props),
+    render: ((C = p(t, Gt)) == null ? void 0 : C.props.children) ?? l,
     ...e
   });
-  return /* @__PURE__ */ r.createElement(lt, null, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(
     M.Provider,
     {
       value: {
         list: h
       }
     },
-    /* @__PURE__ */ r.createElement(gt, null),
-    /* @__PURE__ */ r.createElement("div", { className: d.list }, /* @__PURE__ */ r.createElement(Ft, { className: d.filterBar }), /* @__PURE__ */ r.createElement(qt, { className: d.rows }), /* @__PURE__ */ r.createElement(mt, { className: d.paginationInfos }), /* @__PURE__ */ r.createElement(Bt, { className: d.showMoreButton }))
-  ));
+    /* @__PURE__ */ r.createElement(ut, null),
+    /* @__PURE__ */ r.createElement("div", { className: d.list }, /* @__PURE__ */ r.createElement(Ft, { className: d.filterBar }), /* @__PURE__ */ r.createElement(jt, { className: d.rows }), /* @__PURE__ */ r.createElement(gt, { className: d.paginationInfos }), /* @__PURE__ */ r.createElement(Bt, { className: d.showMoreButton }))
+  );
 }
 export {
-  ve as List,
-  Kt as ListFilter,
-  Qt as ListItemView,
-  Jt as ListLoaderAsync,
-  Gt as ListSorting,
-  Wt as ListStaticData,
-  ve as default
+  ye as List,
+  Jt as ListFilter,
+  Gt as ListItemView,
+  qt as ListLoaderAsync,
+  Kt as ListSorting,
+  Qt as ListStaticData,
+  ye as default
 };

package/dist/Navigation.js

@@ -1,49 +1,46 @@
 "use client"
 /* */
 import t from "react";
-import m from "clsx";
-import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
+import c from "clsx";
 import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import "remeda";
-import { P as c } from "./PropsContextProvider-B6QiUIPM.js";
-import { u as p } from "./useProps-4x7PxhiE.js";
+import { P as l } from "./PropsContextProvider-B6QiUIPM.js";
+import { u as m } from "./useProps-4x7PxhiE.js";
 import * as v from "react-aria-components";
-const g = "flow--navigation", f = {
+const g = "flow--navigation", p = {
   navigation: g
-}, y = (n) => {
-  const { className: o, children: a, ...e } = n, i = m(f.navigation, o);
-  return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...e }, /* @__PURE__ */ t.createElement("ul", null, a)));
-}, u = "flow--navigation--navigation-item", x = "flow--navigation--navigation-item--icon", N = "flow--navigation--navigation-item--text", r = {
-  navigationItem: u,
-  icon: x,
-  text: N
-}, L = (n) => {
+}, d = (n) => {
+  const { className: a, children: o, ...e } = n, i = c(p.navigation, a);
+  return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...e }, /* @__PURE__ */ t.createElement("ul", null, o));
+}, f = "flow--navigation--navigation-item", u = "flow--navigation--navigation-item--icon", x = "flow--navigation--navigation-item--text", s = {
+  navigationItem: f,
+  icon: u,
+  text: x
+}, k = (n) => {
   const {
-    isCurrent: o,
-    children: a,
+    isCurrent: a,
+    children: o,
     linkComponent: e = v.Link,
     ...i
-  } = p("NavigationItem", n), s = {
+  } = m("NavigationItem", n), r = {
     Text: {
-      className: r.text
+      className: s.text
     },
     Icon: {
-      className: r.icon
+      className: s.icon
     }
   };
   return /* @__PURE__ */ t.createElement("li", null, /* @__PURE__ */ t.createElement(
     e,
     {
       ...i,
-      className: r.navigationItem,
-      "aria-current": o ? "page" : !1
+      className: s.navigationItem,
+      "aria-current": a ? "page" : !1
     },
-    /* @__PURE__ */ t.createElement(c, { props: s }, a)
+    /* @__PURE__ */ t.createElement(l, { props: r }, o)
   ));
 };
 export {
-  y as Navigation,
-  L as NavigationItem,
-  y as default
+  d as Navigation,
+  k as NavigationItem,
+  d as default
 };

package/dist/RadioGroup.js

@@ -3,24 +3,23 @@
 import o from "react";
 import * as n from "react-aria-components";
 import m from "clsx";
-import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
 import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
-import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-import { F as f } from "./FieldError-BFjashy7.js";
+import { F as p } from "./FieldError-BFjashy7.js";
 import "@tabler/icons-react";
 import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { I as u } from "./IconCheck-BD6sGh4B.js";
-const E = "flow--radio-group", N = "flow--radio-group--label", g = "flow--radio-group--field-error", w = "flow--radio-group--custom-field-error", C = "flow--radio-group--field-description", r = {
-  radioGroup: E,
-  label: N,
-  fieldError: g,
-  customFieldError: w,
-  fieldDescription: C
-}, q = (t) => {
-  const { children: a, className: s, ...l } = t, c = m(r.radioGroup, s), i = {
+import { I as f } from "./IconCheck-BD6sGh4B.js";
+const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-group--field-error", g = "flow--radio-group--custom-field-error", w = "flow--radio-group--field-description", r = {
+  radioGroup: u,
+  label: E,
+  fieldError: N,
+  customFieldError: g,
+  fieldDescription: w
+}, T = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
     Label: {
       className: r.label
     },
@@ -31,15 +30,15 @@ const E = "flow--radio-group", N = "flow--radio-group--label", g = "flow--radio-
       className: r.customFieldError
     }
   };
-  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(n.RadioGroup, { ...l, className: c }, /* @__PURE__ */ o.createElement(d, { props: i }, a), /* @__PURE__ */ o.createElement(f, { className: r.fieldError })));
-}, b = "flow--radio-group--radio", k = "flow--radio-group--radio--content", h = "flow--radio-group--radio--icon", x = "flow--radio-group--radio--checkmark", F = "flow--radio-group--radio--label", e = {
+  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
+}, b = "flow--radio-group--radio", k = "flow--radio-group--radio--content", h = "flow--radio-group--radio--icon", C = "flow--radio-group--radio--checkmark", F = "flow--radio-group--radio--label", e = {
   radio: b,
   content: k,
   icon: h,
-  checkmark: x,
+  checkmark: C,
   label: F
-}, z = (t) => {
-  const { children: a, className: s, ...l } = t, c = m(e.radio, s), i = {
+}, j = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
     Icon: {
       className: e.icon
     },
@@ -50,10 +49,10 @@ const E = "flow--radio-group", N = "flow--radio-group--label", g = "flow--radio-
       className: e.content
     }
   };
-  return /* @__PURE__ */ o.createElement(n.Radio, { ...l, className: c }, /* @__PURE__ */ o.createElement(d, { props: i }, a), /* @__PURE__ */ o.createElement(u, { className: e.checkmark }));
+  return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
 };
 export {
-  z as Radio,
-  q as RadioGroup,
-  q as default
+  j as Radio,
+  T as RadioGroup,
+  T as default
 };

package/dist/Section.js

@@ -1,22 +1,21 @@
 "use client"
 /* */
-import t from "react";
+import s from "react";
 import i from "clsx";
-import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
-import { P as m } from "./PropsContextProvider-B6QiUIPM.js";
-import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
+import { P as l } from "./PropsContextProvider-B6QiUIPM.js";
+import "@react-aria/utils";
 import "remeda";
-const d = "flow--section", p = "flow--section--header", f = "flow--section--status-badge", e = {
-  section: d,
-  header: p,
+const m = "flow--section", d = "flow--section--header", p = "flow--section--status-badge", e = {
+  section: m,
+  header: d,
   switch: "flow--section--switch",
-  statusBadge: f
-}, P = (o) => {
-  const { children: s, className: a, ...r } = o;
-  if (!s)
+  statusBadge: p
+}, x = (o) => {
+  const { children: t, className: a, ...c } = o;
+  if (!t)
     return null;
-  const c = i(e.section, a), n = {
+  const r = i(e.section, a), n = {
     Heading: {
       level: 2
     },
@@ -31,9 +30,9 @@ const d = "flow--section", p = "flow--section--header", f = "flow--section--stat
       }
     }
   };
-  return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement("section", { ...r, className: c }, /* @__PURE__ */ t.createElement(m, { props: n }, s)));
+  return /* @__PURE__ */ s.createElement("section", { ...c, className: r }, /* @__PURE__ */ s.createElement(l, { props: n }, t));
 };
 export {
-  P as Section,
-  P as default
+  x as Section,
+  x as default
 };

package/dist/Tooltip-Co5h9sSt.js

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import * as t from "react-aria-components";
+import o from "react";
+import i from "clsx";
+const m = "flow--tooltip", n = "flow--tooltip--arrow", p = "flow--tooltip--slide", e = {
+  tooltip: m,
+  arrow: n,
+  slide: p
+}, d = (r) => {
+  const { children: l, className: s, ...a } = r, c = i(e.tooltip, s);
+  return /* @__PURE__ */ o.createElement(t.Tooltip, { ...a, className: c }, /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: e.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), l);
+};
+export {
+  d as T
+};

package/dist/Tooltip.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as r } from "./Tooltip-Dbiu1cXX.js";
+import { T as r } from "./Tooltip-Co5h9sSt.js";
 import { T } from "./TooltipTrigger-7-ynWHZ9.js";
 export {
   r as Tooltip,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.46",
+  "version": "0.1.0-alpha.47",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -253,5 +253,5 @@
       "optional": true
     }
   },
-  "gitHead": "fb73e57bc3b01a2d9551350a09876fc36a2cef28"
+  "gitHead": "4a7d6c1fc01d05f95a7c83cffe11df4b62e9051b"
 }

package/dist/Tooltip-Dbiu1cXX.js

@@ -1,20 +0,0 @@
-"use client"
-/* */
-import * as t from "react-aria-components";
-import o from "react";
-import m from "clsx";
-import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import "remeda";
-const p = "flow--tooltip", n = "flow--tooltip--arrow", w = "flow--tooltip--slide", e = {
-  tooltip: p,
-  arrow: n,
-  slide: w
-}, v = (r) => {
-  const { children: l, className: s, ...a } = r, i = m(e.tooltip, s);
-  return /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement(t.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: e.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), l));
-};
-export {
-  v as T
-};