@mittwald/flow-react-components 0.1.0-alpha.82 → 0.1.0-alpha.83

package/dist/Heading.js

@@ -1,28 +1,45 @@
 "use client"
 /* */
-import e from "react";
-import l from "clsx";
-import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
+import o from "react";
+import m from "clsx";
+import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { f } from "./flowComponent-dvQga3NG.js";
+import { f as p } from "./flowComponent-dvQga3NG.js";
 import * as g from "react-aria-components";
-const h = "flow--heading", C = "flow--heading--icon", o = {
-  heading: h,
-  icon: C
-}, y = f("Heading", (t) => {
-  const { children: r, className: n, level: a = 2, ref: s, ...i } = t, m = l(o.heading, n), c = {
+const w = "flow--heading", C = "flow--heading--icon", u = "flow--heading--h1", x = "flow--heading--h2", N = "flow--heading--h3", P = "flow--heading--h4", v = "flow--heading--h5", E = "flow--heading--h6", e = {
+  heading: w,
+  icon: C,
+  h1: u,
+  h2: x,
+  h3: N,
+  h4: P,
+  h5: v,
+  h6: E
+}, b = p("Heading", (a) => {
+  const {
+    children: s,
+    className: r,
+    level: n = 2,
+    levelVisual: t = n,
+    ref: i,
+    ...h
+  } = a, l = m(
+    e.heading,
+    t && e[`h${t}`],
+    r
+  ), c = {
     Icon: {
       "aria-hidden": !0,
       size: "s",
-      className: o.icon
+      className: e.icon
     }
   };
-  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(g.Heading, { level: a, className: m, ...i, ref: s }, /* @__PURE__ */ e.createElement(d, { props: c }, r)));
+  return /* @__PURE__ */ o.createElement(d, null, /* @__PURE__ */ o.createElement(g.Heading, { level: n, className: l, ...h, ref: i }, /* @__PURE__ */ o.createElement(f, { props: c }, s)));
 });
 export {
-  y as Heading,
-  y as default
+  b as Heading,
+  b as default
 };