@mittwald/flow-react-components 0.1.0-alpha.244 → 0.1.0-alpha.246

package/dist/{Accordion-DfUoOtpv.js → Accordion-DlklvizS.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 y } from "./Button-DPF2xiJl.js";
+import { B as y } from "./Button-C0bvnsA9.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as B } from "./IconChevronDown-BSK1qOl0.js";
+import "./Icon-CP4LKgOz.js";
+import { I as B } from "./IconChevronDown-fCXbarF0.js";
 import { TunnelProvider as C, TunnelExit as P } from "@mittwald/react-tunnel";
 import { A } from "./Activity-CmfZpgOM.js";
 const b = "flow--accordion", g = "flow--accordion--header", D = "flow--accordion--header-button", T = "flow--accordion--content", H = "flow--accordion--content-inner", L = "flow--accordion--chevron", R = "flow--accordion--outline", S = "flow--accordion--expanded", e = {

package/dist/Accordion.js

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

package/dist/{Action-B6lMX6do.js → Action-D-HVrpPi.js}

@@ -14,7 +14,7 @@ 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, f as z } from "./flowComponent-DT1Ap-ot.js";
+import { u as q, f as z } from "./flowComponent-Bo38T7gg.js";
 const A = O(void 0), H = A.Provider, v = (n) => new Promise((t) => setTimeout(t, n)), C = {
   pending: 1e3,
   succeeded: 1500,

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-B6lMX6do.js";
+import { A as t } from "./Action-D-HVrpPi.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 n } from "./dynamic-ClpUSmEt.js";
 import e from "clsx";
-import { f as C } from "./flowComponent-DT1Ap-ot.js";
+import { f as C } from "./flowComponent-Bo38T7gg.js";
 import { TunnelProvider as G } from "@mittwald/react-tunnel";
 import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
 const w = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", N = "flow--action-group--abort", k = "flow--action-group--action-group-container", v = "flow--action-group--ignore-breakpoint", t = {

package/dist/Avatar.js

@@ -9,7 +9,7 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { hash as u } from "object-code";
 import { deepForEach as C } from "react-children-utilities";
-import { f as z } from "./flowComponent-DT1Ap-ot.js";
+import { f as z } from "./flowComponent-Bo38T7gg.js";
 const d = "flow--avatar", h = "flow--avatar--icon", b = "flow--avatar--initials", g = "flow--avatar--blue", x = "flow--avatar--teal", E = "flow--avatar--green", N = "flow--avatar--violet", P = "flow--avatar--lilac", o = {
   avatar: d,
   icon: h,

package/dist/Badge.js

@@ -0,0 +1,95 @@
+"use client"
+/* */
+import o from "react";
+import g from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as u } from "./flowComponent-Bo38T7gg.js";
+import { B as n } from "./Button-C0bvnsA9.js";
+import "@tabler/icons-react";
+import "./Icon-CP4LKgOz.js";
+import { I as w } from "./IconClose-Bj3RfgFP.js";
+const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", C = "flow--badge--scope", E = "flow--badge--value", P = "flow--badge--neutral", T = "flow--badge--disabled", B = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
+  badge: v,
+  content: y,
+  button: N,
+  close: x,
+  scope: C,
+  value: E,
+  neutral: P,
+  disabled: T,
+  blue: B,
+  navy: h,
+  violet: k,
+  teal: I,
+  lilac: L,
+  green: z,
+  orange: D,
+  red: R,
+  dark: j,
+  light: q
+}, V = u("Badge", (r) => {
+  const {
+    children: l,
+    className: c,
+    color: d = "neutral",
+    refProp: m,
+    onPress: t,
+    onClose: s,
+    isDisabled: a,
+    ...b
+  } = r, i = g(
+    e.badge,
+    e[d],
+    a && e.disabled,
+    c
+  ), p = {
+    Label: {
+      elementType: "span",
+      className: e.scope,
+      unstyled: !0
+    },
+    Text: {
+      elementType: "span",
+      className: e.value
+    },
+    Button: {
+      Label: {
+        elementType: "span",
+        className: e.scope,
+        unstyled: !0
+      },
+      Text: {
+        elementType: "span",
+        className: e.value
+      }
+    }
+  };
+  return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      isDisabled: a,
+      unstyled: !0,
+      className: e.button,
+      onPress: t
+    },
+    l
+  ), s && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      className: e.close,
+      size: "s",
+      color: "dark",
+      variant: "plain",
+      onPress: s,
+      isDisabled: a
+    },
+    /* @__PURE__ */ o.createElement(w, null)
+  )));
+});
+export {
+  V as Badge,
+  V as default
+};

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-0QYDidQk.js";
-import { I as b } from "./IconChevronRight-Dj3jk8WE.js";
+import "./Icon-CP4LKgOz.js";
+import { I as b } from "./IconChevronRight-DmZWj_Oy.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Button-DPF2xiJl.js → Button-C0bvnsA9.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I, a as N } from "./IconSucceeded-DfMfXb4k.js";
+import "./Icon-CP4LKgOz.js";
+import { I, a as N } from "./IconSucceeded-DoFKQsvj.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-pgjmZdTC.js";
-import { f as k } from "./flowComponent-DT1Ap-ot.js";
-import { L as A } from "./LoadingSpinner-DbFj3289.js";
+import { T as B } from "./Text-85JoU8Wz.js";
+import { f as k } from "./flowComponent-Bo38T7gg.js";
+import { L as A } from "./LoadingSpinner-nREuGfrr.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
 import { useLiveRegion as T } from "@chakra-ui/live-region";
 const z = "flow--button", L = "flow--button--content", R = "flow--button--state-icon", K = "flow--button--avatar", U = "flow--button--icon", W = "flow--button--text", $ = "flow--button--counter-badge", j = "flow--button--is-succeeded", q = "flow--button--is-failed", G = "flow--button--is-pending", H = "flow--button--plain", J = "flow--button--primary", M = "flow--button--solid", O = "flow--button--aria-disabled", Q = "flow--button--accent", V = "flow--button--danger", X = "flow--button--secondary", Y = "flow--button--dark", Z = "flow--button--light", _ = "flow--button--soft", t = {

package/dist/Button.js

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

package/dist/{CalendarHeader-Daht5eUN.js → CalendarHeader-BDN0x1jA.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-DPF2xiJl.js";
+import { B as r } from "./Button-C0bvnsA9.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as n } from "./IconCalendar-BGo-M1_G.js";
-import { I as t } from "./IconChevronRight-Dj3jk8WE.js";
+import "./Icon-CP4LKgOz.js";
+import { I as n } from "./IconCalendar-CtEidldN.js";
+import { I as t } from "./IconChevronRight-DmZWj_Oy.js";
 const o = "flow--calendar", l = "flow--calendar--range", f = {
   calendar: o,
   range: l

package/dist/{Checkbox-RASCJfmz.js → Checkbox-DuUbMnFd.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-0QYDidQk.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-CoGUuXtO.js";
-import { I as h } from "./IconCheckboxIndeterminate-Bjj70fpd.js";
+import "./Icon-CP4LKgOz.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-Cba_avLA.js";
+import { I as h } from "./IconCheckboxIndeterminate-wnHCrMdd.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-DT1Ap-ot.js";
+import { f as k } from "./flowComponent-Bo38T7gg.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-RASCJfmz.js";
+import { C as a } from "./Checkbox-DuUbMnFd.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-CXdHPBrd.js → CheckboxButton-CEdjDRD4.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-RASCJfmz.js";
-import { f } from "./flowComponent-DT1Ap-ot.js";
+import { C as x } from "./Checkbox-DuUbMnFd.js";
+import { f } from "./flowComponent-Bo38T7gg.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-CXdHPBrd.js";
+import { C as t } from "./CheckboxButton-CEdjDRD4.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-CEquAsls.js";
-import { C as k } from "./CheckboxButton-CXdHPBrd.js";
+import { F as E } from "./FieldError-CMj635wN.js";
+import { C as k } from "./CheckboxButton-CEdjDRD4.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-Bvw578tz.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-DT1Ap-ot.js";
+import { f as G } from "./flowComponent-Bo38T7gg.js";
 const P = "flow--checkbox-group", s = {
   checkboxGroup: P
 }, j = G("CheckboxGroup", (l) => {

package/dist/{Content-DGmkm9cU.js → Content-D6S4fBtN.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-DT1Ap-ot.js";
+import { f as l } from "./flowComponent-Bo38T7gg.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-DGmkm9cU.js";
+import { C as o } from "./Content-D6S4fBtN.js";
 export {
   o as Content,
   o as default

package/dist/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-CYlZTk_W.js";
-import { a } from "./ContextMenuTrigger-CYlZTk_W.js";
-import { M as n } from "./MenuItem-Dr-3EfkY.js";
+import { C as t } from "./ContextMenuTrigger-BRhhDtvH.js";
+import { a } from "./ContextMenuTrigger-BRhhDtvH.js";
+import { M as n } from "./MenuItem-DvCIe8Fb.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/{ContextMenuTrigger-CYlZTk_W.js → ContextMenuTrigger-BRhhDtvH.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-DT1Ap-ot.js";
-import { P } from "./PopoverTrigger-BpW0w6yf.js";
+import { f as c } from "./flowComponent-Bo38T7gg.js";
+import { P } from "./PopoverTrigger-KOlGh-Rr.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-B6lMX6do.js";
+import { A as h } from "./Action-D-HVrpPi.js";
 const B = c("ContextMenu", (t) => {
   const {
     children: r,

package/dist/ContextualHelp.js

@@ -1,20 +1,20 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./PopoverTrigger-BpW0w6yf.js";
+import { P as s } from "./PopoverTrigger-KOlGh-Rr.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-DT1Ap-ot.js";
+import { f as c } from "./flowComponent-Bo38T7gg.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-0QYDidQk.js";
-import { I as C } from "./IconInfo-Dug3kHx4.js";
+import "./Icon-CP4LKgOz.js";
+import { I as C } from "./IconInfo-A2503xFY.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
 }, b = c("ContextualHelp", (e) => {

package/dist/CopyButton.js

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as l } from "./Button-DPF2xiJl.js";
+import { B as l } from "./Button-C0bvnsA9.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as c } from "./IconCopy-COLtYvRI.js";
+import "./Icon-CP4LKgOz.js";
+import { I as c } from "./IconCopy-D4ZoFT5T.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
 import { a as f, T as u } from "./TooltipTrigger-TslkLN5s.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-DT1Ap-ot.js";
-import { A as B } from "./Action-B6lMX6do.js";
+import { f as E } from "./flowComponent-Bo38T7gg.js";
+import { A as B } from "./Action-D-HVrpPi.js";
 const g = { "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-DT1Ap-ot.js";
+import { f as m } from "./flowComponent-Bo38T7gg.js";
 const u = "flow--counter-badge", d = {
   counterBadge: u
 }, g = m(

package/dist/DatePicker.js

@@ -7,17 +7,17 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { B as E } from "./Button-DPF2xiJl.js";
+import { B as E } from "./Button-C0bvnsA9.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { a as C } from "./IconCalendar-BGo-M1_G.js";
-import { F as D } from "./FieldError-CEquAsls.js";
+import "./Icon-CP4LKgOz.js";
+import { a as C } from "./IconCalendar-CtEidldN.js";
+import { F as D } from "./FieldError-CMj635wN.js";
 import { s as a } from "./FormField.module-DHK6nIcD.js";
-import { P as N } from "./PopoverTrigger-BpW0w6yf.js";
+import { P as N } from "./PopoverTrigger-KOlGh-Rr.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as y } from "./flowComponent-DT1Ap-ot.js";
-import { s as b, C as g } from "./CalendarHeader-Daht5eUN.js";
+import { f as y } from "./flowComponent-Bo38T7gg.js";
+import { s as b, C as g } from "./CalendarHeader-BDN0x1jA.js";
 const v = "flow--date-picker--date-input", F = {
   dateInput: v
 }, I = (t) => {

package/dist/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 "./PopoverTrigger-BpW0w6yf.js";
-import { s as i, C } from "./CalendarHeader-Daht5eUN.js";
-import { B as D } from "./Button-DPF2xiJl.js";
+import { P as g } from "./PopoverTrigger-KOlGh-Rr.js";
+import { s as i, C } from "./CalendarHeader-BDN0x1jA.js";
+import { B as D } from "./Button-C0bvnsA9.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { a as R } from "./IconCalendar-BGo-M1_G.js";
-import { F as N } from "./FieldError-CEquAsls.js";
+import "./Icon-CP4LKgOz.js";
+import { a as R } from "./IconCalendar-CtEidldN.js";
+import { F as N } from "./FieldError-CMj635wN.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as v } from "./flowComponent-DT1Ap-ot.js";
+import { f as v } from "./flowComponent-Bo38T7gg.js";
 const I = () => /* @__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 }))), b = "flow--date-range-picker--date-range-input", F = {
   dateRangeInput: b
 }, h = (r) => {

package/dist/{FieldDescription-B3sXF5Jy.js → FieldDescription-CwLtN_Kg.js}

@@ -7,8 +7,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-pgjmZdTC.js";
-import { f as c } from "./flowComponent-DT1Ap-ot.js";
+import { T as p } from "./Text-85JoU8Wz.js";
+import { f as c } from "./flowComponent-Bo38T7gg.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-B3sXF5Jy.js";
+import { F as i } from "./FieldDescription-CwLtN_Kg.js";
 export {
   i as FieldDescription,
   i as default

package/dist/{FieldError-CEquAsls.js → FieldError-CMj635wN.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as c } from "./IconDanger-1BGpTe7U.js";
-import { f } from "./flowComponent-DT1Ap-ot.js";
+import "./Icon-CP4LKgOz.js";
+import { I as c } from "./IconDanger-CTnCYKnq.js";
+import { f } from "./flowComponent-Bo38T7gg.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-CEquAsls.js";
+import { F as o } from "./FieldError-CMj635wN.js";
 export {
   o as FieldError,
   o as default

package/dist/{Header-BC3V_ugP.js → Header-Dwt-oDpb.js}

@@ -1,18 +1,18 @@
 "use client"
 /* */
 import e from "react";
-import { f as d } from "./flowComponent-DT1Ap-ot.js";
+import { f as d } from "./flowComponent-Bo38T7gg.js";
 import m 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 I = "flow--section--section-header", g = "flow--section--section-header--actions", l = {
+const I = "flow--section--section-header", g = "flow--section--section-header--actions", a = {
   sectionHeader: I,
   actions: g
 }, E = (n) => {
-  const { children: t, className: o } = n, r = m(l.sectionHeader, o), s = {
+  const { children: t, className: o } = n, r = m(a.sectionHeader, o), s = {
     Switch: {
       labelPosition: "leading",
       tunnelId: "actions"
@@ -47,24 +47,26 @@ const I = "flow--section--section-header", g = "flow--section--section-header--a
     },
     Heading: {
       level: 2,
-      className: l.heading,
-      levelVisual: 4
+      className: a.heading
+    },
+    Link: {
+      tunnelId: "actions"
     }
   };
-  return /* @__PURE__ */ e.createElement("header", { className: r }, /* @__PURE__ */ e.createElement(u, { props: s }, /* @__PURE__ */ e.createElement(p, null, t, /* @__PURE__ */ e.createElement("div", { className: l.actions }, /* @__PURE__ */ e.createElement(f, { id: "actions" })))));
+  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" })))));
 }, C = d("Header", (n) => {
   const {
     children: t,
     refProp: o,
     elementType: r = "header",
     renderSectionHeader: s,
-    className: a,
+    className: l,
     ...c
   } = n;
   if (s)
-    return /* @__PURE__ */ e.createElement(E, { className: a }, t);
+    return /* @__PURE__ */ e.createElement(E, { className: l }, t);
   const i = r;
-  return /* @__PURE__ */ e.createElement(i, { ...c, className: a, ref: o }, t);
+  return /* @__PURE__ */ e.createElement(i, { ...c, className: l, ref: o }, t);
 });
 export {
   C as H

package/dist/Header.js

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

package/dist/Heading-aH2xPQRN.js

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import e from "react";
+import g 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-Bo38T7gg.js";
+import * as x from "react-aria-components";
+const w = "flow--heading", C = "flow--heading--dark", N = "flow--heading--light", P = "flow--heading--icon", u = "flow--heading--heading-content", E = "flow--heading--xs", H = "flow--heading--s", k = "flow--heading--m", v = "flow--heading--l", y = "flow--heading--xl", z = "flow--heading--xxl", o = {
+  heading: w,
+  dark: C,
+  light: N,
+  icon: P,
+  headingContent: u,
+  xs: E,
+  s: H,
+  m: k,
+  l: v,
+  xl: y,
+  xxl: z
+}, q = p("Heading", (t) => {
+  const {
+    children: a,
+    className: s,
+    level: i = 2,
+    color: r = "primary",
+    size: n,
+    refProp: l,
+    ...c
+  } = t, d = g(
+    o.heading,
+    n && o[n],
+    o[r],
+    s
+  ), m = {
+    Icon: {
+      "aria-hidden": !0,
+      className: o.icon
+    },
+    StatusBadge: {
+      wrapWith: /* @__PURE__ */ e.createElement("div", { className: o.headingContent })
+    }
+  };
+  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(x.Heading, { level: i, className: d, ...c, ref: l }, /* @__PURE__ */ e.createElement(f, { props: m }, a)));
+});
+export {
+  q as H
+};

package/dist/Heading.js

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

package/dist/{Icon-0QYDidQk.js → Icon-CP4LKgOz.js}

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