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

package/dist/{Header-BC3V_ugP.js → Header-B3rZAeBI.js}

@@ -8,11 +8,11 @@ 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-B3rZAeBI.js";
 export {
   e as Header,
   e as default

package/dist/Heading-CIwOfNhx.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-DT1Ap-ot.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-CIwOfNhx.js";
 export {
   e as Heading,
   e as default

package/dist/InlineAlert.js

@@ -19,10 +19,11 @@ const w = "flow--inline-alert", g = "flow--inline-alert--status-icon", C = "flow
   danger: x,
   success: A
 }, b = d("InlineAlert", (o) => {
-  const { children: s, className: l, status: t = "info", refProp: r, ...a } = o, i = p(n.inlineAlert, n[t], l), c = {
+  const { children: s, className: l, status: t = "info", refProp: r, ...i } = o, a = p(n.inlineAlert, n[t], l), c = {
     Heading: {
       className: n.heading,
-      level: 3
+      level: 3,
+      size: "s"
     },
     Content: {
       className: n.content,
@@ -31,7 +32,7 @@ const w = "flow--inline-alert", g = "flow--inline-alert--status-icon", C = "flow
       }
     }
   };
-  return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("aside", { ...a, className: i, ref: r }, /* @__PURE__ */ e.createElement(u, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(f, { props: c }, s)));
+  return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("aside", { ...i, className: a, ref: r }, /* @__PURE__ */ e.createElement(u, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(f, { props: c }, s)));
 });
 export {
   b as InlineAlert,

package/dist/List.js

@@ -31,8 +31,8 @@ import { makeObservable as he, observable as ut, computed as dt, action as U } f
 import "./context-Cf7tqFtF.js";
 import { u as ge } from "./useOnChange-C1Quwyuz.js";
 import { S as pe } from "./SearchField-CH1MrE_x.js";
-import { H as _ } from "./Heading-CYASkLvk.js";
-import { S as fe } from "./Section-CrnRDzAf.js";
+import { H as _ } from "./Heading-CIwOfNhx.js";
+import { S as fe } from "./Section-zAfrg72Q.js";
 import { getProperty as be } from "dot-prop";
 import { hash as St } from "object-code";
 import O from "zod";

package/dist/Modal.js

@@ -12,7 +12,7 @@ import * as n from "react-aria-components";
 import "mobx";
 import { u as w } from "./useOverlayController-D8pgx8nV.js";
 import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
-import { H as O } from "./Header-BC3V_ugP.js";
+import { H as O } from "./Header-B3rZAeBI.js";
 import { A as M } from "./Action-B6lMX6do.js";
 import { B as N } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";

package/dist/{Section-CrnRDzAf.js → Section-zAfrg72Q.js}

@@ -10,9 +10,9 @@ import { f as c } from "./flowComponent-DT1Ap-ot.js";
 import { A as C } from "./Activity-CmfZpgOM.js";
 import * as s from "react-aria-components";
 import { s as S } from "./ContextMenu.module-BZingr2B.js";
-const E = "flow--section", v = {
+const E = "flow--section", P = {
   section: E
-}, P = c(
+}, g = c(
   "ContextMenuSection",
   (r) => {
     const { children: t } = r, o = {
@@ -35,12 +35,11 @@ const E = "flow--section", v = {
   if (!t)
     return null;
   if (m)
-    return /* @__PURE__ */ e.createElement(P, null, t);
-  const u = x(v.section, o), n = f(), d = {
+    return /* @__PURE__ */ e.createElement(g, null, t);
+  const d = x(P.section, o), n = f(), u = {
     Heading: {
       level: 2,
-      id: n,
-      levelVisual: 4
+      id: n
     },
     Header: {
       renderSectionHeader: !0
@@ -49,7 +48,7 @@ const E = "flow--section", v = {
       "aria-labelledby": n
     }
   };
-  return /* @__PURE__ */ e.createElement(C, { isActive: a }, /* @__PURE__ */ e.createElement("section", { ...p, className: u, ref: l }, /* @__PURE__ */ e.createElement(i, { props: d, mergeInParentContext: !0 }, t)));
+  return /* @__PURE__ */ e.createElement(C, { isActive: a }, /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(i, { props: u, mergeInParentContext: !0 }, t)));
 });
 export {
   b as S

package/dist/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-CrnRDzAf.js";
+import { S as t } from "./Section-zAfrg72Q.js";
 export {
   t as Section,
   t as default