@mittwald/flow-react-components 0.1.0-alpha.306 → 0.1.0-alpha.307

package/dist/js/{Button-Da1fC2tj.js → Button-2HD10hUM.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { I as h, a as I } from "./IconSucceeded-C2OB1x7I.js";
+import "./Icon-C4X3yGm5.js";
+import { I as h, a as I } from "./IconSucceeded-Cvd1w6gm.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-BQ5aOXem.js";
-import { f as k } from "./flowComponent-uZXy7sF4.js";
-import { L as A } from "./LoadingSpinner-pBGiPuv0.js";
+import { T as B } from "./Text-CZaLuq4c.js";
+import { f as k } from "./flowComponent-C_3mQGhG.js";
+import { L as A } from "./LoadingSpinner-Bgq-8G86.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
 import { useLiveRegion as T } from "@chakra-ui/live-region";
 const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", t = {

package/dist/js/Button.js

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

package/dist/js/{CalendarHeader-B04CnM9J.js → CalendarHeader-B_wBEdu9.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-Da1fC2tj.js";
+import { B as r } from "./Button-2HD10hUM.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { I as n } from "./IconCalendar-9aQBibiV.js";
-import { I as t } from "./IconChevronRight-bLHwOzgA.js";
+import "./Icon-C4X3yGm5.js";
+import { I as n } from "./IconCalendar-D2Tj_EMm.js";
+import { I as t } from "./IconChevronRight-YIS8aZq-.js";
 const o = "flow--calendar", l = "flow--calendar--range", f = {
   calendar: o,
   range: l

package/dist/js/{Checkbox-BpUGKgbo.js → Checkbox-bubWvoY0.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-COqUQ8Af.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-LEvEhMea.js";
-import { I as h } from "./IconCheckboxIndeterminate-BbILYVGl.js";
+import "./Icon-C4X3yGm5.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-CfjSEpzD.js";
+import { I as h } from "./IconCheckboxIndeterminate-DZmFq0tz.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-uZXy7sF4.js";
+import { f as k } from "./flowComponent-C_3mQGhG.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/js/Checkbox.js

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

package/dist/js/{CheckboxButton-RMiT-hW-.js → CheckboxButton-TQpHIv1l.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-BpUGKgbo.js";
-import { f } from "./flowComponent-uZXy7sF4.js";
+import { C as x } from "./Checkbox-bubWvoY0.js";
+import { f } from "./flowComponent-C_3mQGhG.js";
 const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
   checkboxButton: C,
   label: i,

package/dist/js/CheckboxButton.js

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

package/dist/js/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-DeuLuagS.js";
-import { C as k } from "./CheckboxButton-RMiT-hW-.js";
+import { F as E } from "./FieldError-CHLQJ4Gj.js";
+import { C as k } from "./CheckboxButton-TQpHIv1l.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { f as o } from "./FormField.module-CqWpTQKP.js";
 import { C as N } from "./ColumnLayout-Bvw578tz.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-uZXy7sF4.js";
+import { f as G } from "./flowComponent-C_3mQGhG.js";
 const P = "flow--checkbox-group", s = {
   checkboxGroup: P
 }, j = G("CheckboxGroup", (l) => {

package/dist/js/CodeBlock.js

@@ -3,7 +3,7 @@
 import e from "react";
 import d from "react-syntax-highlighter";
 import m from "clsx";
-import { C as f } from "./CopyButton-DCt3aE_U.js";
+import { C as f } from "./CopyButton-BXC9KLjg.js";
 const i = "flow--code-block", k = "flow--code-block--light", u = "flow--code-block--dark", l = {
   codeBlock: i,
   default: "flow--code-block--default",

package/dist/js/{Content-DkExwuU7.js → Content-B981TFby.js}

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

package/dist/js/Content.js

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

package/dist/js/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-C0auvmeM.js";
-import { a } from "./ContextMenuTrigger-C0auvmeM.js";
-import { M as n } from "./MenuItem-CWcJNHm3.js";
+import { C as t } from "./ContextMenuTrigger-CoquhvdC.js";
+import { a } from "./ContextMenuTrigger-CoquhvdC.js";
+import { M as n } from "./MenuItem-Dx4r1r63.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/js/{ContextMenuTrigger-C0auvmeM.js → ContextMenuTrigger-CoquhvdC.js}

@@ -3,8 +3,8 @@
 import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BZingr2B.js";
-import { f as c } from "./flowComponent-uZXy7sF4.js";
-import { P } from "./Popover-CODr7TtV.js";
+import { f as c } from "./flowComponent-C_3mQGhG.js";
+import { P } from "./Popover-BzuJdYCR.js";
 import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
@@ -13,7 +13,7 @@ import "remeda";
 import "mobx";
 import { u as T } from "./useOverlayController-D8pgx8nV.js";
 import { O as S, a as A } from "./OverlayTrigger-bD8_mPel.js";
-import { A as h } from "./Action-A7BoAz3C.js";
+import { A as h } from "./Action-CTsmaTAj.js";
 const B = c("ContextMenu", (t) => {
   const {
     children: r,

package/dist/js/ContextualHelp.js

@@ -1,61 +1,64 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./Popover-CODr7TtV.js";
+import { P as c } from "./Popover-BzuJdYCR.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./flowComponent-uZXy7sF4.js";
+import { f as a } from "./flowComponent-C_3mQGhG.js";
 import "mobx";
 import { u } from "./useOverlayController-D8pgx8nV.js";
 import * as f from "react-aria-components";
 import { a as x } from "./OverlayTrigger-bD8_mPel.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { I as C } from "./IconInfo-XinzhLlf.js";
+import "./Icon-C4X3yGm5.js";
+import { I as C } from "./IconInfo-1rd0-Xxv.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
-}, b = c("ContextualHelp", (e) => {
+}, b = a("ContextualHelp", (e) => {
   const {
     children: o,
     controller: r,
-    refProp: a,
+    refProp: m,
     ...n
-  } = e, m = u("ContextualHelp", {
+  } = e, p = u("ContextualHelp", {
     reuseControllerFromContext: !0
-  }), p = r ?? m, i = {
+  }), i = r ?? p, s = {
     Heading: {
       level: 5
     }
   };
-  return /* @__PURE__ */ t.createElement(s, { withTip: !0, ...n, controller: p }, /* @__PURE__ */ t.createElement(l, { props: i }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, o)));
+  return /* @__PURE__ */ t.createElement(c, { withTip: !0, ...n, controller: i }, /* @__PURE__ */ t.createElement(l, { props: s }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, o)));
 }), P = { "de-DE": {
   "contextualHelpButton.moreInformation": "Weitere Informationen"
 }, "en-EN": {
   "contextualHelpButton.moreInformation": "More information"
-} }, A = (e) => {
-  const { children: o, ...r } = e, n = {
-    Button: {
-      "aria-label": g(P).format(
-        "contextualHelpButton.moreInformation"
-      ),
-      children: /* @__PURE__ */ t.createElement(C, null),
-      size: "s",
-      variant: "plain"
-    }
-  };
-  return /* @__PURE__ */ t.createElement(
-    x,
-    {
-      overlayType: "ContextualHelp",
-      ...r,
-      component: f.DialogTrigger
-    },
-    /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, o)
-  );
-};
+} }, A = a(
+  "ContextualHelpTrigger",
+  (e) => {
+    const { children: o, ...r } = e, n = {
+      Button: {
+        "aria-label": g(P).format(
+          "contextualHelpButton.moreInformation"
+        ),
+        children: /* @__PURE__ */ t.createElement(C, null),
+        size: "s",
+        variant: "plain"
+      }
+    };
+    return /* @__PURE__ */ t.createElement(
+      x,
+      {
+        overlayType: "ContextualHelp",
+        ...r,
+        component: f.DialogTrigger
+      },
+      /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, o)
+    );
+  }
+);
 export {
   b as ContextualHelp,
   A as ContextualHelpTrigger,

package/dist/js/{CopyButton-DCt3aE_U.js → CopyButton-BXC9KLjg.js}

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as c } from "./Button-Da1fC2tj.js";
+import { B as c } from "./Button-2HD10hUM.js";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { I as l } from "./IconCopy-DjisJX3k.js";
+import "./Icon-C4X3yGm5.js";
+import { I as l } from "./IconCopy-ZnjfAd5h.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
 import { a as f, T as u } from "./Tooltip-DmYZavnZ.js";
 import { onlyText as y } from "react-children-utilities";
@@ -14,8 +14,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as E } from "./flowComponent-uZXy7sF4.js";
-import { A as B } from "./Action-A7BoAz3C.js";
+import { f as E } from "./flowComponent-C_3mQGhG.js";
+import { A as B } from "./Action-CTsmaTAj.js";
 const g = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/js/CopyButton.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as t } from "./CopyButton-DCt3aE_U.js";
+import { C as t } from "./CopyButton-BXC9KLjg.js";
 export {
   t as CopyButton,
   t as default

package/dist/js/CounterBadge.js

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

package/dist/js/DatePicker.js

@@ -7,17 +7,17 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { B as E } from "./Button-Da1fC2tj.js";
+import { B as E } from "./Button-2HD10hUM.js";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { a as C } from "./IconCalendar-9aQBibiV.js";
-import { F as D } from "./FieldError-DeuLuagS.js";
+import "./Icon-C4X3yGm5.js";
+import { a as C } from "./IconCalendar-D2Tj_EMm.js";
+import { F as D } from "./FieldError-CHLQJ4Gj.js";
 import { f as a } from "./FormField.module-CqWpTQKP.js";
-import { P as N } from "./Popover-CODr7TtV.js";
+import { P as N } from "./Popover-BzuJdYCR.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as y } from "./flowComponent-uZXy7sF4.js";
-import { s as F, C as b } from "./CalendarHeader-B04CnM9J.js";
+import { f as y } from "./flowComponent-C_3mQGhG.js";
+import { s as F, C as b } from "./CalendarHeader-B_wBEdu9.js";
 const g = "flow--date-picker--date-input", v = {
   dateInput: g
 }, I = (t) => {

package/dist/js/DateRangePicker.js

@@ -8,16 +8,16 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as g } from "./Popover-CODr7TtV.js";
-import { s as i, C } from "./CalendarHeader-B04CnM9J.js";
-import { B as D } from "./Button-Da1fC2tj.js";
+import { P as g } from "./Popover-BzuJdYCR.js";
+import { s as i, C } from "./CalendarHeader-B_wBEdu9.js";
+import { B as D } from "./Button-2HD10hUM.js";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { a as R } from "./IconCalendar-9aQBibiV.js";
-import { F as N } from "./FieldError-DeuLuagS.js";
+import "./Icon-C4X3yGm5.js";
+import { a as R } from "./IconCalendar-D2Tj_EMm.js";
+import { F as N } from "./FieldError-CHLQJ4Gj.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as v } from "./flowComponent-uZXy7sF4.js";
+import { f as v } from "./flowComponent-C_3mQGhG.js";
 const F = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: c(i.calendar, i.range) }, /* @__PURE__ */ e.createElement(C, null), /* @__PURE__ */ e.createElement(t.CalendarGrid, null, (r) => /* @__PURE__ */ e.createElement(t.CalendarCell, { date: r }))), I = "flow--date-range-picker--date-range-input", b = {
   dateRangeInput: I
 }, h = (r) => {

package/dist/js/{FieldDescription-CF0WL59R.js → FieldDescription-DHpNcxEx.js}

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

package/dist/js/FieldDescription.js

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

package/dist/js/{FieldError-DeuLuagS.js → FieldError-CHLQJ4Gj.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-COqUQ8Af.js";
-import { I as c } from "./IconDanger-DAFJtHxf.js";
-import { f } from "./flowComponent-uZXy7sF4.js";
+import "./Icon-C4X3yGm5.js";
+import { I as c } from "./IconDanger-CyNGm5Up.js";
+import { f } from "./flowComponent-C_3mQGhG.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, y = f("FieldError", (o) => {

package/dist/js/FieldError.js

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

package/dist/js/Header-BBMzw1aI.js

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

package/dist/js/Header.js

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

package/dist/js/HeaderNavigation.js

@@ -7,7 +7,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
 import p from "clsx";
-import { T as h } from "./Text-BQ5aOXem.js";
+import { T as h } from "./Text-CZaLuq4c.js";
 const u = "flow--header-navigation", g = "flow--header-navigation--link", v = "flow--header-navigation--button", f = "flow--header-navigation--light", N = "flow--header-navigation--dark", e = {
   headerNavigation: u,
   link: g,

package/dist/js/{Heading-gFkXcomc.js → Heading-0QgZ0l4d.js}

@@ -1,43 +1,43 @@
 "use client"
 /* */
 import e from "react";
-import g from "clsx";
+import m from "clsx";
 import { C as h } 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-uZXy7sF4.js";
+import { f as p } from "./flowComponent-C_3mQGhG.js";
 import * as x from "react-aria-components";
-import { TunnelProvider as w, TunnelExit as C } from "@mittwald/react-tunnel";
-const u = "flow--heading", E = "flow--heading--dark", N = "flow--heading--light", P = "flow--heading--icon", T = "flow--heading--heading-text", H = "flow--heading--heading-content", k = "flow--heading--xs", v = "flow--heading--s", I = "flow--heading--m", y = "flow--heading--l", A = "flow--heading--xl", B = "flow--heading--xxl", n = {
-  heading: u,
+import { TunnelProvider as C, TunnelExit as u } from "@mittwald/react-tunnel";
+const w = "flow--heading", E = "flow--heading--dark", N = "flow--heading--light", P = "flow--heading--heading-text", T = "flow--heading--icon", H = "flow--heading--heading-content", I = "flow--heading--xs", k = "flow--heading--s", v = "flow--heading--m", B = "flow--heading--l", y = "flow--heading--xl", A = "flow--heading--xxl", n = {
+  heading: w,
   dark: E,
   light: N,
-  icon: P,
-  headingText: T,
+  headingText: P,
+  icon: T,
   headingContent: H,
-  xs: k,
-  s: v,
-  m: I,
-  l: y,
-  xl: A,
-  xxl: B
+  xs: I,
+  s: k,
+  m: v,
+  l: B,
+  xl: y,
+  xxl: A
 }, K = p("Heading", (o) => {
   const {
     children: a,
-    className: i,
-    level: l = 2,
+    className: l,
+    level: i = 2,
     color: r = "primary",
     size: t,
     refProp: s,
     ...d
-  } = o, c = g(
+  } = o, c = m(
     n.heading,
     t && n[t],
     n[r],
-    i
-  ), m = {
+    l
+  ), g = {
     Icon: {
       "aria-hidden": !0,
       className: n.icon
@@ -45,20 +45,26 @@ const u = "flow--heading", E = "flow--heading--dark", N = "flow--heading--light"
     AlertBadge: {
       tunnelId: "headingContent"
     },
-    Button: {
+    Badge: {
       tunnelId: "headingContent"
+    },
+    ContextualHelpTrigger: {
+      tunnelId: "headingContent",
+      Button: {
+        tunnelId: null
+      }
     }
   };
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(
     x.Heading,
     {
-      level: l,
+      level: i,
       className: c,
       ...d,
       ref: s
     },
-    /* @__PURE__ */ e.createElement("span", { className: n.headingText }, /* @__PURE__ */ e.createElement(f, { props: m }, a)),
-    /* @__PURE__ */ e.createElement("span", { className: n.headingContent }, /* @__PURE__ */ e.createElement(C, { id: "headingContent" }))
+    /* @__PURE__ */ e.createElement("span", { className: n.headingText }, /* @__PURE__ */ e.createElement(f, { props: g }, a)),
+    /* @__PURE__ */ e.createElement("span", { className: n.headingContent }, /* @__PURE__ */ e.createElement(u, { id: "headingContent" }))
   )));
 });
 export {

package/dist/js/Heading.js

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

package/dist/js/{Icon-COqUQ8Af.js → Icon-C4X3yGm5.js}

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

package/dist/js/Icon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as a } from "./Icon-COqUQ8Af.js";
+import { I as a } from "./Icon-C4X3yGm5.js";
 export {
   a as Icon,
   a as default