@mittwald/flow-react-components 0.1.0-alpha.130 → 0.1.0-alpha.132

package/dist/{Accordion-DCF5pndY.js → Accordion-C0i7OVyG.js}

@@ -2,15 +2,15 @@
 /* */
 import e, { useState as E, useId as a } from "react";
 import I from "clsx";
-import "./propsContext-CauylOgH.js";
-import { P as N } from "./PropsContextProvider-ChpH8eF2.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as N } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-ugpFrd4i.js";
+import { B as w } from "./Button-DmFXEX6m.js";
 import "@tabler/icons-react";
-import "./Icon-Ci5H-KV6.js";
-import { I as y } from "./IconChevronDown-BP41wlBT.js";
+import "./Icon-DeN4Y_a0.js";
+import { I as y } from "./IconChevronDown-DxftprRQ.js";
 import { TunnelProvider as B, TunnelExit as C } from "@mittwald/react-tunnel";
 import { A as P } from "./Activity-CmfZpgOM.js";
 const A = "flow--accordion", b = "flow--accordion--header", g = "flow--accordion--header-button", D = "flow--accordion--content", T = "flow--accordion--content-inner", H = "flow--accordion--chevron", L = "flow--accordion--expanded", n = {

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-DCF5pndY.js";
+import { A as r } from "./Accordion-C0i7OVyG.js";
 export {
   r as Accordion,
   r as default

package/dist/{Action-BEj0DaMW.js → Action-COYULIMl.js}

@@ -1,18 +1,20 @@
 "use client"
 /* */
-var F = Object.defineProperty;
-var P = (o, t, e) => t in o ? F(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var a = (o, t, e) => (P(o, typeof t != "symbol" ? t + "" : t, e), e);
-import r, { useRef as S, useContext as p } from "react";
-import { makeObservable as k, observable as O, action as I, computed as M } from "mobx";
-import { b as C, u as A } from "./useOverlayController-CwlTOKoP.js";
-import D from "invariant";
-import { A as T, a as y, u as N, b as w, c as R } from "./ActionStateContext-DgYU9Rnp.js";
-import "./propsContext-CauylOgH.js";
-import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
+var P = Object.defineProperty;
+var F = (o, t, e) => t in o ? P(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => (F(o, typeof t != "symbol" ? t + "" : t, e), e);
+import a, { useRef as S, useContext as p } from "react";
+import { makeObservable as k, observable as B, action as O, computed as I } from "mobx";
+import { u as A } from "./useOverlayController-CGKumeGL.js";
+import M from "invariant";
+import { a as C, A as x } from "./context-D_-mRqs8.js";
+import { u as y } from "./useSelector-DpU7_HMO.js";
+import { a as D, u as T } from "./ActionStateContext-C_nPivaA.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as v } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
 import "remeda";
-import { W as v } from "./Wrap-DGT1h1o3.js";
+import { g as N } from "./getActionGroupSlot-B4Vu4Kix.js";
 const b = (o) => new Promise((t) => setTimeout(t, o)), m = {
   pending: 1e3,
   succeeded: 1500,
@@ -20,29 +22,28 @@ const b = (o) => new Promise((t) => setTimeout(t, o)), m = {
 };
 class f {
   constructor() {
-    a(this, "showFeedback");
-    a(this, "state", "isIdle");
-    a(this, "setPendingTimeout");
-    a(this, "error");
-    a(this, "isAsync", !1);
+    r(this, "showFeedback");
+    r(this, "state", "isIdle");
+    r(this, "setPendingTimeout");
+    r(this, "error");
+    r(this, "isAsync", !1);
     k(this, {
-      state: O,
-      updateState: I,
-      isBusy: M
+      state: B,
+      updateState: O,
+      isBusy: I
     });
   }
   static useNew() {
-    const t = S(new f()).current;
-    return T.useRegisterState(t), t;
+    return S(new f()).current;
   }
   updateState(t) {
     this.state = t;
   }
   useValue() {
-    return C(() => this.state, [this]);
+    return y(() => this.state, [this]);
   }
   useIsBusy() {
-    return C(() => this.isBusy, [this]);
+    return y(() => this.isBusy, [this]);
   }
   get isBusy() {
     return this.state === "isExecuting" || this.state === "isPending";
@@ -85,7 +86,7 @@ const E = (o) => (...t) => {
     return s instanceof Promise ? s.then(i) : i();
   }
 }, d = () => {
-}, G = (o, t = {}) => {
+}, R = (o, t = {}) => {
   const {
     onSync: e = d,
     onAsync: n = d,
@@ -112,10 +113,10 @@ function $(o) {
   } = o.actionProps;
   return e || (i && t ? t.open : s && t || n && t ? t.close : V);
 }
-class x {
+class g {
   constructor(t) {
-    a(this, "actions", []);
-    a(this, "baseAction");
+    r(this, "actions", []);
+    r(this, "baseAction");
     this.baseAction = t;
   }
   addAction(t) {
@@ -128,7 +129,7 @@ class x {
       this.baseAction.needsConfirmation ? !1 : e
     ), s = this.actions.map((c) => $(c)), i = E(s);
     let l;
-    if (await G(() => i(...t), {
+    if (await R(() => i(...t), {
       onAsync: () => n.onAsyncStart(),
       then: () => n.onSucceeded(),
       catch: (c) => {
@@ -138,20 +139,20 @@ class x {
       throw l;
   }
 }
-class W {
+class G {
   constructor(t) {
-    a(this, "action");
-    a(this, "execute", (...t) => {
+    r(this, "action");
+    r(this, "execute", (...t) => {
       const e = this.getBatchedActions();
       (async () => {
         for (const s of e)
           await s.executeBatch(t);
       })().catch((s) => console.error(s));
     });
-    a(this, "getBatchedActions", () => {
+    r(this, "getBatchedActions", () => {
       let t = this.action;
       const e = [];
-      let n = new x(
+      let n = new g(
         this.action
       ), s = 0;
       for (; t; ) {
@@ -170,7 +171,7 @@ class W {
         }
         if (l)
           break;
-        i || (e.push(n), n = new x(this.action)), n.addAction(t), t = t.parentAction;
+        i || (e.push(n), n = new g(this.action)), n.addAction(t), t = t.parentAction;
       }
       return e.push(n), e;
     });
@@ -179,14 +180,14 @@ class W {
 }
 class u {
   constructor(t) {
-    a(this, "state");
-    a(this, "needsConfirmation");
-    a(this, "actionProps");
-    a(this, "parentAction");
-    a(this, "confirmationModalController");
-    a(this, "overlayController");
-    a(this, "execute", (...t) => {
-      new W(this).execute(...t);
+    r(this, "state");
+    r(this, "needsConfirmation");
+    r(this, "actionProps");
+    r(this, "parentAction");
+    r(this, "confirmationModalController");
+    r(this, "overlayController");
+    r(this, "execute", (...t) => {
+      new G(this).execute(...t);
     });
     const {
       actionProps: e,
@@ -199,7 +200,7 @@ class u {
     this.actionProps = e, this.parentAction = s, this.confirmationModalController = l, this.needsConfirmation = n, this.overlayController = i, this.state = c;
   }
   static useNew(t, e = {}) {
-    const n = p(y), s = A(), i = A(), l = f.useNew();
+    const n = p(C), s = A(), i = A(), l = f.useNew();
     return new u({
       parentAction: n,
       overlayController: s,
@@ -211,8 +212,8 @@ class u {
     });
   }
   static use() {
-    const t = p(y);
-    return D(!!t, "Action context is not defined"), t;
+    const t = p(C);
+    return M(!!t, "Action context is not defined"), D.useRegisterState(t.state), t;
   }
   static useConfirmationAction() {
     const t = u.use();
@@ -237,9 +238,22 @@ class u {
     return t(this.actionProps.openOverlay) ?? t(this.actionProps.closeOverlay) ?? t(this.actionProps.toggleOverlay);
   }
 }
-const B = (o, t) => {
-  const e = u.use(), n = e.state.useValue(), s = N().useIsBusy();
-  return e.confirmationModalController.useIsOpen() && e.needsConfirmation ? /* @__PURE__ */ r.createElement(o, { ...t, onPress: e.execute }) : /* @__PURE__ */ r.createElement(
+const L = (o, t) => {
+  const e = u.use();
+  e.needsConfirmation = t.slot === "actionConfirm";
+  const n = e.state.useIsBusy(), s = e.needsConfirmation ? e.confirmationModalController : e.getOverlayController(), i = n ? !1 : t.isDismissable;
+  return /* @__PURE__ */ a.createElement(
+    o,
+    {
+      ...t,
+      isDismissable: i,
+      controller: s ?? t.controller
+    },
+    t.children
+  );
+}, U = (o, t) => {
+  const e = u.use(), n = e.state.useValue(), s = T().useIsBusy();
+  return e.confirmationModalController.useIsOpen() && e.needsConfirmation ? /* @__PURE__ */ a.createElement(o, { ...t, onPress: e.execute }) : /* @__PURE__ */ a.createElement(
     o,
     {
       onPress: e.execute,
@@ -250,9 +264,9 @@ const B = (o, t) => {
       ...t
     }
   );
-}, L = (o, t) => {
+}, j = (o, t) => {
   const e = u.use(), n = e.state.useValue();
-  return e.needsConfirmation ? /* @__PURE__ */ r.createElement(o, { ...t, onPress: e.execute }) : /* @__PURE__ */ r.createElement(
+  return e.needsConfirmation ? /* @__PURE__ */ a.createElement(o, { ...t, onPress: e.execute }) : /* @__PURE__ */ a.createElement(
     o,
     {
       ...t,
@@ -260,62 +274,34 @@ const B = (o, t) => {
       "aria-disabled": n !== "isIdle"
     }
   );
-}, U = (o, t) => {
-  const e = u.useConfirmationAction(), n = t.color === "secondary";
-  if (!(t.color === "primary" || t.color === "danger" || t.color === "accent") && !n)
-    return /* @__PURE__ */ r.createElement(o, { ...t });
-  const i = { Button: { render: B } };
-  return n ? /* @__PURE__ */ r.createElement(h, { props: i, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(g, { break: !0 }, /* @__PURE__ */ r.createElement(g, { closeOverlay: !0 }, /* @__PURE__ */ r.createElement(o, { ...t })))) : /* @__PURE__ */ r.createElement(h, { props: i, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(w, { value: e }, /* @__PURE__ */ r.createElement(o, { ...t })));
-}, j = (o, t) => {
-  const e = u.use();
-  e.needsConfirmation = t.slot === "actionConfirm";
-  const n = e.state.useIsBusy(), s = e.needsConfirmation ? e.confirmationModalController : e.getOverlayController(), i = n ? !1 : t.isDismissable;
-  return /* @__PURE__ */ r.createElement(
-    o,
-    {
-      ...t,
-      isDismissable: i,
-      controller: s ?? t.controller
+}, h = (o) => /* @__PURE__ */ a.createElement(
+  v,
+  {
+    props: {
+      Button: { render: U },
+      Link: {
+        render: j
+      }
     },
-    /* @__PURE__ */ r.createElement(v, { if: e.needsConfirmation }, /* @__PURE__ */ r.createElement(
-      h,
-      {
-        props: {
-          ButtonGroup: {
-            Button: {
-              render: U
-            }
-          }
-        }
-      },
-      t.children
-    ))
-  );
-}, q = (o, t) => /* @__PURE__ */ r.createElement(o, { ...t }, /* @__PURE__ */ r.createElement(R, null, t.children)), g = (o) => {
-  const { children: t, ...e } = o, n = u.useNew(e), s = !n.parentAction, i = {
+    mergeInParentContext: !0
+  },
+  o.children
+), q = (o, t) => {
+  const e = u.useConfirmationAction(), n = N(t), s = n === "abort";
+  return !(n === "primary") && !s ? /* @__PURE__ */ a.createElement(h, null, /* @__PURE__ */ a.createElement(o, { ...t })) : s ? /* @__PURE__ */ a.createElement(h, null, /* @__PURE__ */ a.createElement(w, { break: !0 }, /* @__PURE__ */ a.createElement(w, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(o, { ...t, slot: n })))) : /* @__PURE__ */ a.createElement(h, null, /* @__PURE__ */ a.createElement(x, { value: e }, /* @__PURE__ */ a.createElement(o, { ...t, slot: n })));
+}, w = (o) => {
+  const { children: t, ...e } = o, n = u.useNew(e), s = {
     Modal: {
-      render: j
-    },
-    ButtonGroup: {
-      render: q
-    },
-    Button: {
-      render: B
-    },
-    Link: {
-      render: L
+      render: L,
+      ActionGroup: {
+        Button: {
+          render: q
+        }
+      }
     }
   };
-  return /* @__PURE__ */ r.createElement(w, { value: n }, /* @__PURE__ */ r.createElement(v, { if: s }, /* @__PURE__ */ r.createElement(
-    h,
-    {
-      props: i,
-      dependencies: [n],
-      mergeInParentContext: !0
-    },
-    t
-  )));
+  return /* @__PURE__ */ a.createElement(x, { value: n }, /* @__PURE__ */ a.createElement(h, null, /* @__PURE__ */ a.createElement(v, { props: s, mergeInParentContext: !0 }, t)));
 };
 export {
-  g as A
+  w as A
 };

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-BEj0DaMW.js";
+import { A as t } from "./Action-COYULIMl.js";
 export {
   t as Action,
   t as default

package/dist/ActionGroup.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import o from "react";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as E } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as g } from "./dynamic-ClpUSmEt.js";
+import c from "clsx";
+import { f as C } from "./flowComponent-DahHhlnC.js";
+import { TunnelProvider as G, TunnelExit as n } from "@mittwald/react-tunnel";
+import { A as N } from "./ActionStateContext-C_nPivaA.js";
+import { g as i } from "./getActionGroupSlot-B4Vu4Kix.js";
+const v = "flow--action-group--action-group-container", x = "flow--action-group", w = "flow--action-group--primary", A = "flow--action-group--secondary", P = "flow--action-group--abort", t = {
+  actionGroupContainer: v,
+  actionGroup: x,
+  primary: w,
+  secondary: A,
+  abort: P
+}, D = C("ActionGroup", (s) => {
+  const { children: m, className: l, refProp: p, ...u } = s, d = c(t.actionGroupContainer, l), f = {
+    Button: {
+      render: (r, e) => {
+        const a = i(e), y = c(
+          e.className,
+          a !== "secondary" ? t[a] : void 0
+        );
+        return /* @__PURE__ */ o.createElement(r, { ...e, className: y });
+      },
+      tunnelId: g((r) => i(r))
+    }
+  };
+  return /* @__PURE__ */ o.createElement(N, null, /* @__PURE__ */ o.createElement(E, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(G, null, /* @__PURE__ */ o.createElement("div", { ...u, className: d, ref: p }, /* @__PURE__ */ o.createElement("div", { className: t.actionGroup, role: "group" }, m, /* @__PURE__ */ o.createElement(n, { id: "primary" }), /* @__PURE__ */ o.createElement("div", { className: t.secondary }, /* @__PURE__ */ o.createElement(n, { id: "secondary" })), /* @__PURE__ */ o.createElement(n, { id: "abort" }))))));
+});
+export {
+  D as ActionGroup,
+  D as default
+};

package/dist/ActionStateContext-C_nPivaA.js

@@ -0,0 +1,55 @@
+"use client"
+/* */
+var n = Object.defineProperty;
+var i = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => (i(s, typeof t != "symbol" ? t + "" : t, e), e);
+import c, { createContext as d, useRef as m, useEffect as S, useContext as f } from "react";
+import { makeObservable as l, observable as v, action as o, computed as h } from "mobx";
+import { u as w } from "./useSelector-DpU7_HMO.js";
+class r {
+  constructor() {
+    a(this, "states", /* @__PURE__ */ new Set());
+    l(this, {
+      states: v,
+      addState: o,
+      removeState: o,
+      isBusy: h
+    });
+  }
+  static useNew() {
+    return m(new r()).current;
+  }
+  static useRegisterState(t) {
+    const e = p();
+    S(() => (e == null || e.addState(t), () => {
+      e == null || e.removeState(t);
+    }), [e, t]);
+  }
+  addState(t) {
+    this.states.add(t);
+  }
+  removeState(t) {
+    this.states.delete(t);
+  }
+  useIsBusy() {
+    return w(() => this.isBusy, [this.states.size]);
+  }
+  get isBusy() {
+    for (const t of this.states)
+      if (t.isBusy)
+        return !0;
+    return !1;
+  }
+}
+const u = d(void 0), b = (s) => {
+  const { children: t } = s, e = r.useNew();
+  return /* @__PURE__ */ c.createElement(u.Provider, { value: e }, t);
+}, p = () => {
+  const s = r.useNew();
+  return f(u) ?? s;
+};
+export {
+  b as A,
+  r as a,
+  p as u
+};

package/dist/Avatar.js

@@ -2,14 +2,14 @@
 /* */
 import i, { isValidElement as p } from "react";
 import v from "clsx";
-import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
+import { C as c } from "./ClearPropsContext-mes1t7Bj.js";
+import { P as f } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
 import "remeda";
 import { hash as w } from "object-code";
 import { deepForEach as z } from "react-children-utilities";
-import { f as d } from "./flowComponent-bouya_QZ.js";
+import { f as d } from "./flowComponent-DahHhlnC.js";
 const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
   avatar: C,
   icon: h,

package/dist/Breadcrumb.js

@@ -4,10 +4,10 @@ import r from "react";
 import * as m from "react-aria-components";
 import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Ci5H-KV6.js";
-import { I as u } from "./IconChevronRight-l6sW9wTt.js";
-import "./propsContext-CauylOgH.js";
-import { P as p } from "./PropsContextProvider-ChpH8eF2.js";
+import "./Icon-DeN4Y_a0.js";
+import { I as u } from "./IconChevronRight-BmNGIbWG.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as p } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
 import "remeda";
 const f = "flow--breadcrumb", k = "flow--breadcrumb--link", h = "flow--breadcrumb--breadcrumb-item", N = "flow--breadcrumb--icon", w = "flow--breadcrumb--dark", E = "flow--breadcrumb--light", e = {

package/dist/{Button-ugpFrd4i.js → Button-DmFXEX6m.js}

@@ -3,28 +3,28 @@
 import o, { useEffect as x } from "react";
 import * as F from "react-aria-components";
 import E from "clsx";
-import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as C } from "./PropsContextProvider-ChpH8eF2.js";
+import { C as y } from "./ClearPropsContext-mes1t7Bj.js";
+import { P as C } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-Ci5H-KV6.js";
-import { I as h, a as I } from "./IconSucceeded-Bp1dZJsK.js";
+import "./Icon-DeN4Y_a0.js";
+import { I as h, a as I } from "./IconSucceeded-LyvLqe_3.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-XD87outZ.js";
-import { f as L } from "./flowComponent-bouya_QZ.js";
-import { L as k } from "./LoadingSpinner-zDn2j40q.js";
+import { T as N } from "./Text-DlffGRII.js";
+import { f as B } from "./flowComponent-DahHhlnC.js";
+import { L as k } from "./LoadingSpinner-DSpuNOHM.js";
 import { useLocalizedStringFormatter as A } from "react-aria";
 import { useLiveRegion as D } from "@chakra-ui/live-region";
-const T = "flow--button", z = "flow--button--content", B = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--counter-label", $ = "flow--button--is-succeeded", j = "flow--button--is-failed", q = "flow--button--is-pending", G = "flow--button--plain", H = "flow--button--primary", J = "flow--button--solid", M = "flow--button--aria-disabled", O = "flow--button--accent", Q = "flow--button--danger", V = "flow--button--secondary", X = "flow--button--dark", Y = "flow--button--light", Z = "flow--button--soft", t = {
+const T = "flow--button", z = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--counter-badge", $ = "flow--button--is-succeeded", j = "flow--button--is-failed", q = "flow--button--is-pending", G = "flow--button--plain", H = "flow--button--primary", J = "flow--button--solid", M = "flow--button--aria-disabled", O = "flow--button--accent", Q = "flow--button--danger", V = "flow--button--secondary", X = "flow--button--dark", Y = "flow--button--light", Z = "flow--button--soft", t = {
   button: T,
   content: z,
-  stateIcon: B,
+  stateIcon: L,
   avatar: R,
   icon: K,
   text: U,
-  counterLabel: W,
+  counterBadge: W,
   isSucceeded: $,
   isFailed: j,
   isPending: q,
@@ -64,7 +64,7 @@ const T = "flow--button", z = "flow--button--content", B = "flow--button--state-
   x(() => {
     e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
   }, [e]);
-}, te = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), ve = L("Button", (e) => {
+}, te = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), ve = B("Button", (e) => {
   e = te(e);
   const {
     color: r = "primary",
@@ -73,17 +73,17 @@ const T = "flow--button", z = "flow--button--content", B = "flow--button--state-
     className: c,
     size: a = "m",
     isPending: n,
-    isSucceeded: l,
-    isFailed: d,
-    "aria-disabled": b,
-    refProp: g,
+    isSucceeded: d,
+    isFailed: l,
+    "aria-disabled": g,
+    refProp: b,
     unstyled: m,
     ...P
   } = e, w = m ? c : E(
     t.button,
     n && t.isPending,
-    l && t.isSucceeded,
-    d && t.isFailed,
+    d && t.isSucceeded,
+    l && t.isFailed,
     t[`size-${a}`],
     t[r],
     t[i],
@@ -92,10 +92,10 @@ const T = "flow--button", z = "flow--button--content", B = "flow--button--state-
      * Workaround warning: The Aria.Button does not support "aria-disabled"
      * by now, so this Button will be visually disabled via CSS.
      */
-    b && t.ariaDisabled
+    g && t.ariaDisabled
   );
   ee(
-    n ? "isPending" : l ? "isSucceeded" : d ? "isFailed" : "isIdle"
+    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
   );
   const v = {
     Icon: {
@@ -109,11 +109,11 @@ const T = "flow--button", z = "flow--button--content", B = "flow--button--state-
     Avatar: {
       className: t.avatar
     },
-    CounterLabel: {
-      className: t.counterLabel
+    CounterBadge: {
+      className: t.counterBadge
     }
-  }, u = l ? h : d ? I : n ? k : void 0, p = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), S = typeof s == "string";
-  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(C, { props: v }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: S }, /* @__PURE__ */ o.createElement(N, null, s))))), p));
+  }, u = d ? h : l ? I : n ? k : void 0, p = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), S = typeof s == "string";
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: b, ...P }, /* @__PURE__ */ o.createElement(C, { props: v }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: S }, /* @__PURE__ */ o.createElement(N, null, s))))), p));
 });
 export {
   ve as B

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-ugpFrd4i.js";
+import { B as o } from "./Button-DmFXEX6m.js";
 export {
   o as Button,
   o as default

package/dist/{Checkbox-CNXEDjTP.js → Checkbox-D4IUwOOm.js}

@@ -4,15 +4,15 @@ import e from "react";
 import * as i from "react-aria-components";
 import p from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Ci5H-KV6.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-DRE2wDH8.js";
-import { I as h } from "./IconCheckboxIndeterminate-DYTHmZFh.js";
-import { C } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
+import "./Icon-DeN4Y_a0.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-DdLa3K6h.js";
+import { I as h } from "./IconCheckboxIndeterminate-DZubWEXp.js";
+import { C } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as k } from "./flowComponent-bouya_QZ.js";
+import { f as k } from "./flowComponent-DahHhlnC.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/Checkbox.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./Checkbox-CNXEDjTP.js";
+import { C as a } from "./Checkbox-D4IUwOOm.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-DbL1oHMJ.js → CheckboxButton-Cw_cTFPz.js}

@@ -2,13 +2,13 @@
 /* */
 import o from "react";
 import m from "clsx";
-import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as b } from "./PropsContextProvider-ChpH8eF2.js";
+import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
+import { P as b } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
 import "remeda";
-import { C as x } from "./Checkbox-CNXEDjTP.js";
-import { f } from "./flowComponent-bouya_QZ.js";
+import { C as x } from "./Checkbox-D4IUwOOm.js";
+import { f } from "./flowComponent-DahHhlnC.js";
 const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
   checkboxButton: C,
   label: i,

package/dist/CheckboxButton.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as t } from "./CheckboxButton-DbL1oHMJ.js";
+import { C as t } from "./CheckboxButton-Cw_cTFPz.js";
 export {
   t as CheckboxButton,
   t as default