@mittwald/flow-react-components 0.1.0-alpha.114 → 0.1.0-alpha.116

package/dist/Accordion-BzSb2drj.js

@@ -0,0 +1,77 @@
+"use client"
+/* */
+import e, { useState as E, useId as a } from "react";
+import I from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as N } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { d } from "./dynamic-ClpUSmEt.js";
+import { B as w } from "./Button-_8JcP9d1.js";
+import "@tabler/icons-react";
+import "./Icon-DAE3MVF2.js";
+import { I as y } from "./IconChevronDown-4x9PZE3A.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 = {
+  accordion: A,
+  header: b,
+  headerButton: g,
+  content: D,
+  contentInner: T,
+  chevron: H,
+  expanded: L
+}, U = (s) => {
+  const { children: i, className: l, defaultExpanded: m = !1, ...p } = s, [t, h] = E(m), f = I(
+    n.accordion,
+    t && n.expanded,
+    l
+  ), u = a(), r = a(), c = (o) => /* @__PURE__ */ e.createElement(
+    w,
+    {
+      unstyled: !0,
+      "aria-expanded": t,
+      className: n.headerButton,
+      onPress: () => h((v) => !v),
+      "aria-controls": r
+    },
+    o,
+    /* @__PURE__ */ e.createElement(y, { className: n.chevron })
+  ), x = {
+    Content: {
+      className: n.contentInner,
+      tunnelId: "content"
+    },
+    Heading: {
+      className: n.header,
+      level: 4,
+      children: d((o) => c(o.children))
+    },
+    Label: {
+      className: n.header,
+      children: d((o) => c(o.children))
+    }
+  };
+  return /* @__PURE__ */ e.createElement("div", { ...p, className: f }, /* @__PURE__ */ e.createElement(
+    N,
+    {
+      mergeInParentContext: !0,
+      props: x,
+      dependencies: [t]
+    },
+    /* @__PURE__ */ e.createElement(B, null, i, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "aria-labelledby": u,
+        id: r,
+        role: "region",
+        hidden: !t,
+        className: n.content
+      },
+      /* @__PURE__ */ e.createElement(P, { isActive: t, inactiveDelay: 1e3 }, /* @__PURE__ */ e.createElement(C, { id: "content" }))
+    ))
+  ));
+};
+export {
+  U as A
+};

package/dist/Accordion.js

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

package/dist/{Action-BoUrh0Ww.js → Action-BZHZj-BD.js}

@@ -1,36 +1,36 @@
 "use client"
 /* */
 var S = Object.defineProperty;
-var y = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var f = (t, e, n) => (y(t, typeof e != "symbol" ? e + "" : e, n), n);
-import a, { useRef as C, useState as E, useEffect as D } from "react";
+var C = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => (C(t, typeof e != "symbol" ? e + "" : e, n), n);
+import a, { useRef as E, useState as D, useEffect as g } from "react";
 import "./propsContext-CauylOgH.js";
-import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
+import { P } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { u as P, O as w } from "./index-0qLHBjoi.js";
-import { u as x, A as O } from "./context-DJetA3qV.js";
-import { TunnelProvider as M, TunnelExit as R } from "@mittwald/react-tunnel";
-import { makeObservable as B, observable as I, action as T } from "mobx";
-import { u as N } from "./useSelector-DpU7_HMO.js";
-const v = (t) => (...e) => {
+import { u as w, O as x } from "./index-0qLHBjoi.js";
+import { u as O, A as M } from "./context-DJetA3qV.js";
+import { TunnelProvider as R, TunnelExit as B } from "@mittwald/react-tunnel";
+import { makeObservable as I, observable as T, action as N } from "mobx";
+import { u as $ } from "./useSelector-DpU7_HMO.js";
+const b = (t) => (...e) => {
   const n = [...t], s = n.shift();
   if (s) {
-    const o = s(...e), r = () => n.length === 0 ? o : v(n)(...e);
+    const o = s(...e), r = () => n.length === 0 ? o : b(n)(...e);
     return o instanceof Promise ? o.then(r) : r();
   }
-}, b = "flowBreakActionMarker";
-function $(t) {
-  return !!t && t instanceof Error && t.message === b;
+}, F = "flowBreakActionMarker";
+function G(t) {
+  return !!t && t instanceof Error && t.message === F;
 }
-const G = () => {
-  throw new Error(b);
-}, p = {
+const H = () => {
+  throw new Error(F);
+}, k = {
   pending: 1e3,
   succeeded: 1500,
   failed: 2e3
 };
-class H {
+class L {
   constructor(e, n, s = {}) {
     f(this, "options");
     f(this, "state");
@@ -46,7 +46,7 @@ class H {
     this.state = e, this.args = n, this.options = { resetAfterDone: o, onFeedbackDone: r, showFeedback: l };
   }
   onAsyncStart() {
-    this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), p.pending);
+    this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), k.pending);
   }
   onSucceeded() {
     this.onDone();
@@ -55,10 +55,10 @@ class H {
     this.error = e ?? new Error("Unknown error"), console.error(e), this.onDone();
   }
   startFailedFeedback() {
-    $(this.error) ? this.resetAfterDone() : (this.state.updateState("isFailed"), setTimeout(() => this.resetAfterDone(), p.failed));
+    G(this.error) ? this.resetAfterDone() : (this.state.updateState("isFailed"), setTimeout(() => this.resetAfterDone(), k.failed));
   }
   startSucceededFeedback() {
-    this.state.updateState("isSucceeded"), setTimeout(() => this.resetAfterDone(), p.succeeded);
+    this.state.updateState("isSucceeded"), setTimeout(() => this.resetAfterDone(), k.succeeded);
   }
   resetAfterDone() {
     this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
@@ -70,46 +70,42 @@ class H {
     this.isDone || this.state.updateState("isPending");
   }
 }
-class k {
+class v {
   constructor() {
     f(this, "state", "isIdle");
-    B(this, {
-      state: I,
-      updateState: T
+    I(this, {
+      state: T,
+      updateState: N
     });
   }
   static useNew() {
-    return C(new k()).current;
+    return E(new v()).current;
   }
   updateState(e) {
     this.state = e;
   }
   useState() {
-    return N(() => this.state, [this]);
+    return $(() => this.state, [this]);
   }
 }
-const L = () => {
-}, U = (t) => {
+const U = () => {
+}, j = (t) => {
   const {
     action: e,
     toggleOverlay: n,
     openOverlay: s,
     closeOverlay: o,
     break: r
-  } = t, l = P(), i = (h) => typeof h == "boolean" ? l : h;
-  return e || (n ? i(n).toggle : s ? i(s).open : o ? i(o).close : r ? G : L);
-}, j = (t, e = {}) => {
+  } = t, l = w(), i = (h) => typeof h == "boolean" ? l : h;
+  return e || (n ? i(n).toggle : s ? i(s).open : o ? i(o).close : r ? H : U);
+}, m = () => {
+}, q = (t, e = {}) => {
   const {
-    onSync: n = () => {
-    },
-    onAsync: s = () => {
-    },
-    then: o = () => {
-    },
-    catch: r = () => {
-    },
-    finally: l = () => {
-    }
+    onSync: n = m,
+    onAsync: s = m,
+    then: o = m,
+    catch: r = m,
+    finally: l = m
   } = e;
   try {
     const i = t();
@@ -117,25 +113,25 @@ const L = () => {
   } catch (i) {
     n(), r(i), l();
   }
-}, q = (t) => {
-  const { isConfirmationAction: e, showFeedback: n } = t, s = U(t), o = x(), r = k.useNew(), l = !e, i = e ? void 0 : o, h = e ? o : void 0, u = v([s, i]);
+}, z = (t) => {
+  const { isConfirmationAction: e, showFeedback: n } = t, s = j(t), o = O(), r = v.useNew(), l = !e, i = e ? void 0 : o, h = e ? o : void 0, u = b([s, i]);
   return {
     callAction: (...c) => {
-      const A = new H(r, c, {
+      const p = new L(r, c, {
         onFeedbackDone: h,
         resetAfterDone: l,
         showFeedback: n
       });
-      return j(u, {
-        onAsync: () => A.onAsyncStart(),
-        then: () => A.onSucceeded(),
-        catch: (F) => A.onFailed(F)
+      return q(u, {
+        onAsync: () => p.onAsyncStart(),
+        then: () => p.onSucceeded(),
+        catch: (y) => p.onFailed(y)
       });
     },
     state: r
   };
-}, m = (t) => {
-  const [e, n] = E(!1), s = w.useNew(), o = q(t), r = e ? s.open : o.callAction, h = {
+}, A = (t) => {
+  const [e, n] = D(!1), s = x.useNew(), o = z(t), r = e ? s.open : o.callAction, h = {
     Link: {
       onPress: r
     },
@@ -159,7 +155,7 @@ const L = () => {
       tunnelId: "outsideActionProvider",
       render: (u, d) => {
         const c = d.slot === "actionConfirm";
-        return D(() => {
+        return g(() => {
           if (c)
             return n(!0), () => {
               n(!1);
@@ -170,23 +166,23 @@ const L = () => {
         Button: {
           render: (u, d) => {
             const { color: c } = d;
-            return c === "secondary" ? /* @__PURE__ */ a.createElement(m, { break: !0 }, /* @__PURE__ */ a.createElement(m, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(u, { ...d }))) : /* @__PURE__ */ a.createElement(m, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(m, { ...t, isConfirmationAction: !0 }, /* @__PURE__ */ a.createElement(u, { ...d })));
+            return c === "secondary" ? /* @__PURE__ */ a.createElement(A, { break: !0 }, /* @__PURE__ */ a.createElement(A, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(u, { ...d }))) : /* @__PURE__ */ a.createElement(A, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(A, { ...t, isConfirmationAction: !0 }, /* @__PURE__ */ a.createElement(u, { ...d })));
           }
         }
       }
     }
   };
-  return /* @__PURE__ */ a.createElement(M, null, /* @__PURE__ */ a.createElement(
-    g,
+  return /* @__PURE__ */ a.createElement(R, null, /* @__PURE__ */ a.createElement(
+    P,
     {
       props: h,
       dependencies: [e],
       mergeInParentContext: !0
     },
-    /* @__PURE__ */ a.createElement(O, { value: r }, t.children),
-    /* @__PURE__ */ a.createElement(R, { id: "outsideActionProvider" })
+    /* @__PURE__ */ a.createElement(M, { value: r }, t.children),
+    /* @__PURE__ */ a.createElement(B, { id: "outsideActionProvider" })
   ));
 };
 export {
-  m as A
+  A
 };

package/dist/Action.js

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

package/dist/Activity-CmfZpgOM.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import n, { lazy as a, useState as m, useEffect as f, Suspense as v } from "react";
+import { useIsSSR as S } from "react-aria";
+const A = new Promise(
+  () => {
+  }
+), p = a(() => A), E = (c) => {
+  const { children: s, isActive: e = !0, inactiveDelay: t } = c, [o, i] = m(e), l = S();
+  f(() => {
+    if (t)
+      if (e)
+        i(!0);
+      else {
+        const u = setTimeout(() => {
+          i(!1);
+        }, t);
+        return () => {
+          clearTimeout(u);
+        };
+      }
+  }, [e, t]);
+  const r = t ? o : e;
+  return l ? r ? s : null : /* @__PURE__ */ n.createElement(v, { fallback: null }, s, !r && /* @__PURE__ */ n.createElement(p, null));
+};
+export {
+  E as A
+};

package/dist/Avatar.js

@@ -4,7 +4,7 @@ import i, { isValidElement as v } from "react";
 import m from "clsx";
 import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
 import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
-import { u as f } from "./useProps-CjWcmgf3.js";
+import { u as f } from "./useProps-L-mDIVx4.js";
 import { hash as w } from "object-code";
 import { deepForEach as z } from "react-children-utilities";
 const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {

package/dist/Breadcrumb.js

@@ -1,37 +1,34 @@
 "use client"
 /* */
-import e from "react";
+import r from "react";
 import * as m from "react-aria-components";
-import s from "clsx";
+import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-CA9DycKJ.js";
-import { I as u } from "./IconChevronRight-CQ4ThSCR.js";
+import "./Icon-DAE3MVF2.js";
+import { I as u } from "./IconChevronRight-BGr3gKMc.js";
 import "./propsContext-CauylOgH.js";
 import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const f = "flow--breadcrumb", v = "flow--breadcrumb--link", N = "flow--breadcrumb--breadcrumb-item", E = "flow--breadcrumb--icon", I = "flow--breadcrumb--inverse", r = {
+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 = {
   breadcrumb: f,
-  link: v,
-  breadcrumbItem: N,
-  icon: E,
-  inverse: I
-}, k = (t) => {
-  const { children: o } = t, c = s(r.breadcrumbItem);
-  return /* @__PURE__ */ e.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ e.createElement(u, { size: "s", className: r.icon }));
-}, z = (t) => {
-  const { children: o, className: c, inverse: n, ...a } = t, i = s(
-    r.breadcrumb,
-    n && r.inverse,
-    c
-  ), l = {
+  link: k,
+  breadcrumbItem: h,
+  icon: N,
+  dark: w,
+  light: E
+}, I = (t) => {
+  const { children: o } = t, c = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(u, { size: "s", className: e.icon }));
+}, A = (t) => {
+  const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), b = {
     Link: {
-      render: (b, d) => /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(b, { ...d, unstyled: !0, className: r.link }))
+      render: (i, d) => /* @__PURE__ */ r.createElement(I, null, /* @__PURE__ */ r.createElement(i, { ...d, unstyled: !0, className: e.link }))
     }
   };
-  return /* @__PURE__ */ e.createElement(m.Breadcrumbs, { ...a, className: i }, /* @__PURE__ */ e.createElement(p, { props: l }, o));
+  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(p, { props: b }, o));
 };
 export {
-  z as Breadcrumb,
-  z as default
+  A as Breadcrumb,
+  A as default
 };

package/dist/Button-_8JcP9d1.js

@@ -0,0 +1,116 @@
+"use client"
+/* */
+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 h } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-DAE3MVF2.js";
+import { I as C, a as I } from "./IconSucceeded-C8ICBiWF.js";
+import { W as u } from "./Wrap-DGT1h1o3.js";
+import { T as N } from "./Text-CMf42YK8.js";
+import { f as k } from "./flowComponent-D-odaa-x.js";
+import { L as A } from "./LoadingSpinner-DdxaPznB.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+import { useLiveRegion as T } from "@chakra-ui/live-region";
+const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--dark", X = "flow--button--light", Y = "flow--button--soft", t = {
+  button: z,
+  content: B,
+  stateIcon: L,
+  avatar: R,
+  icon: K,
+  text: U,
+  isSucceeded: W,
+  isFailed: $,
+  isPending: j,
+  plain: q,
+  "size-s": "flow--button--size-s",
+  primary: G,
+  solid: H,
+  ariaDisabled: J,
+  accent: M,
+  danger: O,
+  secondary: Q,
+  dark: V,
+  light: X,
+  soft: Y
+}, Z = {
+  "de-DE": {
+    "action.isFailed": "Fehlgeschlagen",
+    "action.isPending": "Ausstehend...",
+    "action.isSucceeded": "Erfolgreich"
+  },
+  "en-EN": {
+    "action.isFailed": "Failed",
+    "action.isPending": "Pending...",
+    "action.isSucceeded": "Succeeded"
+  }
+}, _ = (e, d = {}) => {
+  const i = D(Z), {
+    isPendingText: a = i.format("action.isPending"),
+    isSucceededText: c = i.format("action.isSucceeded"),
+    isFailedText: s = i.format("action.isFailed")
+  } = d, n = T({
+    "aria-live": "polite",
+    "aria-atomic": !1,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  x(() => {
+    e === "isPending" ? n.speak(a) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(s);
+  }, [e]);
+}, ee = (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), we = k("Button", (e) => {
+  e = ee(e);
+  const {
+    color: d = "primary",
+    variant: i = "solid",
+    children: a,
+    className: c,
+    size: s = "m",
+    isPending: n,
+    isSucceeded: r,
+    isFailed: l,
+    "aria-disabled": b,
+    ref: g,
+    unstyled: m,
+    ...P
+  } = e, w = m ? c : E(
+    t.button,
+    n && t.isPending,
+    r && t.isSucceeded,
+    l && t.isFailed,
+    t[`size-${s}`],
+    t[d],
+    t[i],
+    c,
+    /**
+     * Workaround warning: The Aria.Button does not support "aria-disabled"
+     * by now, so this Button will be visually disabled via CSS.
+     */
+    b && t.ariaDisabled
+  );
+  _(
+    n ? "isPending" : r ? "isSucceeded" : l ? "isFailed" : "isIdle"
+  );
+  const v = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      size: s
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    }
+  }, f = r ? C : l ? I : n ? A : void 0, p = f && /* @__PURE__ */ o.createElement(f, { size: s, className: t.stateIcon }), S = typeof a == "string";
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(h, { props: v }, /* @__PURE__ */ o.createElement(u, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(u, { if: S }, /* @__PURE__ */ o.createElement(N, null, a))))), p));
+});
+export {
+  we as B
+};

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -8,7 +8,7 @@ import "./propsContext-CauylOgH.js";
 import "remeda";
 import { d as i } from "./dynamic-ClpUSmEt.js";
 import r from "clsx";
-import { f as b } from "./flowComponent-MjC63Rjp.js";
+import { f as b } from "./flowComponent-D-odaa-x.js";
 const d = "flow--button-group--button-group-container", f = "flow--button-group", C = "flow--button-group--button", G = "flow--button-group--secondary", t = {
   buttonGroupContainer: d,
   buttonGroup: f,

package/dist/{Checkbox-1u78lml-.js → Checkbox-CoDeuNsM.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-CA9DycKJ.js";
-import { I as x, a as h } from "./IconCheckboxEmpty-CikjhqSs.js";
-import { I as C } from "./IconCheckboxIndeterminate-B-Zm2vJ0.js";
+import "./Icon-DAE3MVF2.js";
+import { I as x, a as h } from "./IconCheckboxEmpty-9LFcjE0j.js";
+import { I as C } from "./IconCheckboxIndeterminate-CVt-Emyf.js";
 import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as k } from "./flowComponent-MjC63Rjp.js";
+import { f as k } from "./flowComponent-D-odaa-x.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-1u78lml-.js";
+import { C as a } from "./Checkbox-CoDeuNsM.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-D9y427qr.js → CheckboxButton-D_i7P_qt.js}

@@ -7,8 +7,8 @@ import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { C as b } from "./Checkbox-1u78lml-.js";
-import { f as x } from "./flowComponent-MjC63Rjp.js";
+import { C as b } from "./Checkbox-CoDeuNsM.js";
+import { f as x } from "./flowComponent-D-odaa-x.js";
 const C = "flow--checkbox-button", f = "flow--checkbox-button--label", i = "flow--checkbox-button--content", o = {
   checkboxButton: C,
   label: f,

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

@@ -7,13 +7,13 @@ import "./propsContext-CauylOgH.js";
 import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as h } from "./FieldError-T1bvZYZU.js";
-import { C as E } from "./CheckboxButton-D9y427qr.js";
+import { F as h } from "./FieldError-ef2wRBhJ.js";
+import { C as E } from "./CheckboxButton-D_i7P_qt.js";
 import { TunnelProvider as k, TunnelExit as r } from "@mittwald/react-tunnel";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import { C } from "./ColumnLayout-FMONjI17.js";
 import { d as N } from "./deepFindOfType-6pG0fH7S.js";
-import { f as F } from "./flowComponent-MjC63Rjp.js";
+import { f as F } from "./flowComponent-D-odaa-x.js";
 const G = "flow--checkbox-group", s = {
   checkboxGroup: G
 }, j = F("CheckboxGroup", (l) => {

package/dist/Content-BK2g3Yro.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import t from "react";
+import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as l } from "./flowComponent-D-odaa-x.js";
+import { W as s } from "./Wrap-DGT1h1o3.js";
+import { A as f } from "./Activity-CmfZpgOM.js";
+const W = l("Content", (e) => {
+  const {
+    children: r,
+    elementType: o = "div",
+    ref: m,
+    clearPropsContext: n = !0,
+    isActive: i = !0,
+    ...p
+  } = e, a = o;
+  return /* @__PURE__ */ t.createElement(s, { if: n }, /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(f, { isActive: i }, /* @__PURE__ */ t.createElement(a, { ref: m, ...p }, r))));
+});
+export {
+  W as C
+};

package/dist/Content.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as o } from "./Content-DT3Soml6.js";
+import { C as o } from "./Content-BK2g3Yro.js";
 export {
   o as Content,
   o as default

package/dist/{ContextMenu-BHan4xr7.js → ContextMenu-kfsMEIUy.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as u from "react-aria-components";
-import { f as d } from "./flowComponent-MjC63Rjp.js";
+import { f as d } from "./flowComponent-D-odaa-x.js";
 import { P as x } from "./Popover-MmxZkKu3.js";
 import { C } from "./ClearPropsContext-CeCMjUK9.js";
 import { P as M } from "./PropsContextProvider-DZvwqHLP.js";