@mittwald/flow-react-components 0.1.0-alpha.171 → 0.1.0-alpha.173

package/dist/{Accordion-CPVq0faI.js → Accordion-O-Jl-Hbg.js}

@@ -7,10 +7,10 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-Dz22EEEz.js";
+import { B as w } from "./Button-Dh-FA0K8.js";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as y } from "./IconChevronDown-CPh2XLia.js";
+import "./Icon-N96KD633.js";
+import { I as y } from "./IconChevronDown-H4ANoHQh.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-CPVq0faI.js";
+import { A as r } from "./Accordion-O-Jl-Hbg.js";
 export {
   r as Accordion,
   r as default

package/dist/{Action-DYTtbQCP.js → Action-Cv3knooL.js}

@@ -14,8 +14,8 @@ import { P as j } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as l } from "./dynamic-ClpUSmEt.js";
-import { u as q } from "./slotContext-DoCFkzCA.js";
-const A = O(void 0), z = A.Provider, v = (n) => new Promise((t) => setTimeout(t, n)), C = {
+import { u as q, f as z } from "./flowComponent-CuEuCXRI.js";
+const A = O(void 0), H = A.Provider, v = (n) => new Promise((t) => setTimeout(t, n)), C = {
   pending: 1e3,
   succeeded: 1500,
   failed: 2e3
@@ -86,7 +86,7 @@ const B = (n) => (...t) => {
     return s instanceof Promise ? s.then(a) : a();
   }
 }, f = () => {
-}, H = (n, t = {}) => {
+}, J = (n, t = {}) => {
   const {
     onSync: e = f,
     onAsync: o = f,
@@ -102,7 +102,7 @@ const B = (n) => (...t) => {
   }
 }, P = () => {
 };
-function J(n) {
+function K(n) {
   var i, h, d;
   if (n.needsConfirmation)
     return n.confirmationModalController.open;
@@ -128,9 +128,9 @@ class S {
       return;
     const e = this.actions[this.actions.length - 1].actionProps.showFeedback, o = this.baseAction.state.withFeedback(
       this.baseAction.needsConfirmation ? !1 : e
-    ), s = this.actions.map((i) => J(i)), a = B(s);
+    ), s = this.actions.map((i) => K(i)), a = B(s);
     let c;
-    if (await H(() => a(...t), {
+    if (await J(() => a(...t), {
       onAsync: () => o.onAsyncStart(),
       then: () => o.onSucceeded(),
       catch: (i) => {
@@ -140,7 +140,7 @@ class S {
       throw c;
   }
 }
-class K {
+class Q {
   constructor(t) {
     r(this, "action");
     r(this, "execute", (...t) => {
@@ -188,7 +188,7 @@ class u {
     r(this, "confirmationModalController");
     r(this, "overlayContext");
     r(this, "execute", (...t) => {
-      new K(this).execute(...t);
+      new Q(this).execute(...t);
     });
     const {
       actionProps: e,
@@ -239,7 +239,7 @@ class u {
     return e(this.actionProps.openOverlay) ?? e(this.actionProps.closeOverlay) ?? e(this.actionProps.toggleOverlay);
   }
 }
-const Q = (n) => q()[n], y = (n) => Q("Modal") === "actionConfirm" ? L(n) : void 0, m = (n) => {
+const W = (n) => q()[n], y = (n) => W("Modal") === "actionConfirm" ? L(n) : void 0, m = (n) => {
   const t = u.use(), e = t.state.useValue(), o = y(n) === "primary", s = t.confirmationModalController.useIsOpen();
   return t.needsConfirmation && s && !o ? "isIdle" : e;
 }, F = {
@@ -256,7 +256,7 @@ const Q = (n) => q()[n], y = (n) => Q("Modal") === "actionConfirm" ? L(n) : void
     const t = m(n), e = U().useIsBusy();
     return t === "isExecuting" || e;
   })
-}, ct = (n) => {
+}, ut = z("Action", (n) => {
   const { children: t, actionModel: e, ...o } = n, s = u.useNew(o), a = e ?? s, c = {
     Button: F,
     Link: {
@@ -283,9 +283,9 @@ const Q = (n) => q()[n], y = (n) => Q("Modal") === "actionConfirm" ? L(n) : void
       }
     }
   };
-  return /* @__PURE__ */ g.createElement(z, { value: a }, /* @__PURE__ */ g.createElement(j, { props: c, mergeInParentContext: !0 }, t));
-};
+  return /* @__PURE__ */ g.createElement(H, { value: a }, /* @__PURE__ */ g.createElement(j, { props: c, mergeInParentContext: !0 }, t));
+});
 export {
-  ct as A,
+  ut as A,
   u as a
 };

package/dist/Action.js

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

package/dist/ActionGroup.js

@@ -7,7 +7,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as e } from "./dynamic-ClpUSmEt.js";
 import i from "clsx";
-import { f as g } from "./flowComponent-TgbbWDzO.js";
+import { f as g } from "./flowComponent-CuEuCXRI.js";
 import { TunnelProvider as E, TunnelExit as n } from "@mittwald/react-tunnel";
 import { A as C, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
 const G = "flow--action-group--action-group-container", v = "flow--action-group", x = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", r = {

package/dist/Avatar.js

@@ -9,7 +9,7 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { hash as w } from "object-code";
 import { deepForEach as z } from "react-children-utilities";
-import { f as d } from "./flowComponent-TgbbWDzO.js";
+import { f as d } from "./flowComponent-CuEuCXRI.js";
 const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
   avatar: C,
   icon: h,

package/dist/Breadcrumb.js

@@ -4,8 +4,8 @@ import r from "react";
 import * as m from "react-aria-components";
 import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as b } from "./IconChevronRight-NKe0T7-H.js";
+import "./Icon-N96KD633.js";
+import { I as b } from "./IconChevronRight-BcvVk4gi.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Button-Dz22EEEz.js → Button-Dh-FA0K8.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as h, a as I } from "./IconSucceeded-B5M2AsMJ.js";
+import "./Icon-N96KD633.js";
+import { I as h, a as I } from "./IconSucceeded-BviPRC9T.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-Bl9Rk0W3.js";
-import { f as B } from "./flowComponent-TgbbWDzO.js";
-import { L as k } from "./LoadingSpinner-DYYmNgEd.js";
+import { T as N } from "./Text-DMctOg-g.js";
+import { f as B } from "./flowComponent-CuEuCXRI.js";
+import { L as k } from "./LoadingSpinner-BYjfjRAx.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", 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 = {

package/dist/Button.js

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

package/dist/{Checkbox-DlctxdXS.js → Checkbox-Loys48Py.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-BTTw8v9z.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-C_IETucN.js";
-import { I as h } from "./IconCheckboxIndeterminate-DY2Gz2df.js";
+import "./Icon-N96KD633.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-Bnof97E6.js";
+import { I as h } from "./IconCheckboxIndeterminate-I0e87J_L.js";
 import { C } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as k } from "./flowComponent-TgbbWDzO.js";
+import { f as k } from "./flowComponent-CuEuCXRI.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-DlctxdXS.js";
+import { C as a } from "./Checkbox-Loys48Py.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-BSy4Rd1a.js → CheckboxButton-CLN_ayxn.js}

@@ -7,8 +7,8 @@ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { C as x } from "./Checkbox-DlctxdXS.js";
-import { f } from "./flowComponent-TgbbWDzO.js";
+import { C as x } from "./Checkbox-Loys48Py.js";
+import { f } from "./flowComponent-CuEuCXRI.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-BSy4Rd1a.js";
+import { C as t } from "./CheckboxButton-CLN_ayxn.js";
 export {
   t as CheckboxButton,
   t as default

package/dist/CheckboxGroup.js

@@ -7,13 +7,13 @@ import "./propsContext-DzAKlmhS.js";
 import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-C3KKqMzM.js";
-import { C as k } from "./CheckboxButton-BSy4Rd1a.js";
+import { F as E } from "./FieldError-CZPQzNSz.js";
+import { C as k } from "./CheckboxButton-CLN_ayxn.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import { C as N } from "./ColumnLayout-FMONjI17.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-TgbbWDzO.js";
+import { f as G } from "./flowComponent-CuEuCXRI.js";
 const P = "flow--checkbox-group", s = {
   checkboxGroup: P
 }, j = G("CheckboxGroup", (l) => {

package/dist/{Content-DzPlkCt6.js → Content-D-V-g5Ba.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-TgbbWDzO.js";
+import { f as l } from "./flowComponent-CuEuCXRI.js";
 import { W as s } from "./Wrap-DGT1h1o3.js";
 import { A as f } from "./Activity-CmfZpgOM.js";
 const W = l("Content", (e) => {

package/dist/Content.js

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

package/dist/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-D8BGdVFU.js";
-import { a } from "./ContextMenuTrigger-D8BGdVFU.js";
-import { M as n } from "./MenuItem-u7V4XOL3.js";
+import { C as t } from "./ContextMenuTrigger-B8ZhwBtd.js";
+import { a } from "./ContextMenuTrigger-B8ZhwBtd.js";
+import { M as n } from "./MenuItem-DvOltniq.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/{ContextMenuTrigger-D8BGdVFU.js → ContextMenuTrigger-B8ZhwBtd.js}

@@ -3,33 +3,33 @@
 import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BfwGh62L.js";
-import { f as g } from "./flowComponent-TgbbWDzO.js";
-import { P } from "./Popover-B1m8lc6F.js";
+import { f as m } from "./flowComponent-CuEuCXRI.js";
+import { P } from "./Popover-C2uIpso8.js";
 import "mobx";
 import { u as E } from "./useOverlayController-D8N4X2rc.js";
 import { C as O } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as S } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { O as T } from "./OverlayContextProvider-DJzKzUwy.js";
-import { A } from "./Action-DYTtbQCP.js";
+import { O as S } from "./OverlayContextProvider-DJzKzUwy.js";
+import { A } from "./Action-Cv3knooL.js";
 import { O as h } from "./OverlayTrigger-Bdb65OEJ.js";
-const G = g("ContextMenu", (t) => {
+const G = m("ContextMenu", (t) => {
   const {
     children: r,
     onAction: n,
     selectionMode: o,
-    selectedKeys: m,
-    defaultSelectedKeys: c,
-    disabledKeys: p,
-    onSelectionChange: C,
-    refProp: u,
-    controller: v,
-    ...f
-  } = t, x = E("ContextMenu", {
+    selectedKeys: c,
+    defaultSelectedKeys: p,
+    disabledKeys: C,
+    onSelectionChange: u,
+    refProp: v,
+    controller: x,
+    ...M
+  } = t, f = E("ContextMenu", {
     reuseControllerFromContext: !0
-  }), l = v ?? x, y = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", M = {
+  }), l = x ?? f, g = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
     MenuItem: {
       selectionVariant: a
     },
@@ -43,12 +43,12 @@ const G = g("ContextMenu", (t) => {
   return /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
     P,
     {
-      ...f,
+      ...M,
       className: s.popover,
       controller: l
     },
     /* @__PURE__ */ e.createElement(
-      T,
+      S,
       {
         type: "ContextMenu",
         controller: l
@@ -58,29 +58,32 @@ const G = g("ContextMenu", (t) => {
         {
           className: s.contextMenu,
           onAction: n,
-          selectionMode: y,
-          selectedKeys: m,
-          defaultSelectedKeys: c,
-          disabledKeys: p,
-          onSelectionChange: C,
-          ref: u
+          selectionMode: g,
+          selectedKeys: c,
+          defaultSelectedKeys: p,
+          disabledKeys: C,
+          onSelectionChange: u,
+          ref: v
         },
-        /* @__PURE__ */ e.createElement(S, { props: M }, /* @__PURE__ */ e.createElement(A, { closeOverlay: d }, r))
+        /* @__PURE__ */ e.createElement(T, { props: y }, /* @__PURE__ */ e.createElement(A, { closeOverlay: d }, r))
       )
     )
   ));
-}), H = (t) => {
-  const { children: r, ...n } = t;
-  return /* @__PURE__ */ e.createElement(
-    h,
-    {
-      overlayType: "ContextMenu",
-      ...n,
-      component: i.MenuTrigger
-    },
-    r
-  );
-};
+}), H = m(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: r, ...n } = t;
+    return /* @__PURE__ */ e.createElement(
+      h,
+      {
+        overlayType: "ContextMenu",
+        ...n,
+        component: i.MenuTrigger
+      },
+      r
+    );
+  }
+);
 export {
   G as C,
   H as a

package/dist/ContextualHelp.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./Popover-B1m8lc6F.js";
+import { P as s } from "./Popover-C2uIpso8.js";
 import * as c from "react-aria-components";
 import "mobx";
 import { u } from "./useOverlayController-D8N4X2rc.js";
@@ -10,12 +10,12 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import "./context-BB3_MApL.js";
-import { f } from "./flowComponent-TgbbWDzO.js";
+import { f } from "./flowComponent-CuEuCXRI.js";
 import { O as x } from "./OverlayTrigger-Bdb65OEJ.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as C } from "./IconInfo-B5-94yWE.js";
+import "./Icon-N96KD633.js";
+import { I as C } from "./IconInfo-DThm-qJW.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
 }, A = f("ContextualHelp", (o) => {

package/dist/CopyButton.js

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-Dz22EEEz.js";
+import { B as i } from "./Button-Dh-FA0K8.js";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as c } from "./IconCopy-BXBdiyLX.js";
+import "./Icon-N96KD633.js";
+import { I as c } from "./IconCopy-DdwkwK5i.js";
 import { useLocalizedStringFormatter as l } from "react-aria";
 import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
 import { onlyText as u } from "react-children-utilities";
@@ -14,8 +14,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as C } from "./flowComponent-TgbbWDzO.js";
-import { A as E } from "./Action-DYTtbQCP.js";
+import { f as C } from "./flowComponent-CuEuCXRI.js";
+import { A as E } from "./Action-Cv3knooL.js";
 const B = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/CounterBadge.js

@@ -2,7 +2,7 @@
 /* */
 import s from "react";
 import c from "clsx";
-import { f as m } from "./flowComponent-TgbbWDzO.js";
+import { f as m } from "./flowComponent-CuEuCXRI.js";
 const u = "flow--counter-badge", d = {
   counterBadge: u
 }, g = m(

package/dist/{FieldDescription-Ca5OTPGv.js → FieldDescription-UlaeRaWw.js}

@@ -7,8 +7,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-Bl9Rk0W3.js";
-import { f as c } from "./flowComponent-TgbbWDzO.js";
+import { T as p } from "./Text-DMctOg-g.js";
+import { f as c } from "./flowComponent-CuEuCXRI.js";
 const a = "flow--field-description", f = {
   fieldDescription: a
 }, P = c("FieldDescription", (e) => {

package/dist/FieldDescription.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as i } from "./FieldDescription-Ca5OTPGv.js";
+import { F as i } from "./FieldDescription-UlaeRaWw.js";
 export {
   i as FieldDescription,
   i as default

package/dist/{FieldError-C3KKqMzM.js → FieldError-CZPQzNSz.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-BTTw8v9z.js";
-import { I as c } from "./IconDanger-CLKa18Ox.js";
-import { f } from "./flowComponent-TgbbWDzO.js";
+import "./Icon-N96KD633.js";
+import { I as c } from "./IconDanger-29U5NbR-.js";
+import { f } from "./flowComponent-CuEuCXRI.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, y = f("FieldError", (o) => {

package/dist/FieldError.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as o } from "./FieldError-C3KKqMzM.js";
+import { F as o } from "./FieldError-CZPQzNSz.js";
 export {
   o as FieldError,
   o as default

package/dist/Header-CDc5qD5M.js

@@ -0,0 +1,58 @@
+"use client"
+/* */
+import e from "react";
+import { f as m } from "./flowComponent-CuEuCXRI.js";
+import d from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as p, TunnelExit as f } from "@mittwald/react-tunnel";
+const E = "flow--section--section-header", H = "flow--section--section-header--actions", a = {
+  sectionHeader: E,
+  actions: H
+}, h = (n) => {
+  const { children: t, className: o } = n, r = d(a.sectionHeader, o), s = {
+    Switch: {
+      labelPosition: "leading",
+      tunnelId: "actions"
+    },
+    Button: {
+      size: "s",
+      tunnelId: "actions"
+    },
+    ContextMenuTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Action: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Heading: {
+      level: 2,
+      className: a.heading
+    }
+  };
+  return /* @__PURE__ */ e.createElement("header", { className: r }, /* @__PURE__ */ e.createElement(u, { props: s }, /* @__PURE__ */ e.createElement(p, null, t, /* @__PURE__ */ e.createElement("div", { className: a.actions }, /* @__PURE__ */ e.createElement(f, { id: "actions" })))));
+}, T = m("Header", (n) => {
+  const {
+    children: t,
+    refProp: o,
+    elementType: r = "header",
+    renderSectionHeader: s,
+    className: c,
+    ...i
+  } = n;
+  if (s)
+    return /* @__PURE__ */ e.createElement(h, { className: c }, t);
+  const l = r;
+  return /* @__PURE__ */ e.createElement(l, { ...i, className: c, ref: o }, t);
+});
+export {
+  T as H
+};

package/dist/Header.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Header-aoK_P4c0.js";
+import { H as e } from "./Header-CDc5qD5M.js";
 export {
   e as Header,
   e as default

package/dist/Heading-BkHvZG9C.js

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as g } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { f as p } from "./flowComponent-CuEuCXRI.js";
+import * as w from "react-aria-components";
+const C = "flow--heading", u = "flow--heading--dark", x = "flow--heading--light", N = "flow--heading--icon", P = "flow--heading--heading-content", v = "flow--heading--h1", E = "flow--heading--h2", H = "flow--heading--h3", k = "flow--heading--h4", y = "flow--heading--h5", z = "flow--heading--h6", e = {
+  heading: C,
+  dark: u,
+  light: x,
+  icon: N,
+  headingContent: P,
+  h1: v,
+  h2: E,
+  h3: H,
+  h4: k,
+  h5: y,
+  h6: z
+}, b = p("Heading", (a) => {
+  const {
+    children: i,
+    className: r,
+    level: n = 2,
+    levelVisual: t = n,
+    color: h = "primary",
+    refProp: s,
+    ...l
+  } = a, c = m(
+    e.heading,
+    t && e[`h${t}`],
+    e[h],
+    r
+  ), d = {
+    Icon: {
+      "aria-hidden": !0,
+      size: "s",
+      className: e.icon
+    },
+    StatusBadge: {
+      wrapWith: /* @__PURE__ */ o.createElement("div", { className: e.headingContent })
+    }
+  };
+  return /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(w.Heading, { level: n, className: c, ...l, ref: s }, /* @__PURE__ */ o.createElement(f, { props: d }, i)));
+});
+export {
+  b as H
+};

package/dist/Heading.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Heading-DccQpM5H.js";
+import { H as e } from "./Heading-BkHvZG9C.js";
 export {
   e as Heading,
   e as default

package/dist/{Icon-BTTw8v9z.js → Icon-N96KD633.js}

@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as z } from "./flowComponent-TgbbWDzO.js";
+import { f as z } from "./flowComponent-CuEuCXRI.js";
 const b = "flow--icon", u = "flow--icon--light", E = "flow--icon--dark", s = {
   icon: b,
   "size-m": "flow--icon--size-m",