@mittwald/flow-react-components 0.1.0-alpha.73 → 0.1.0-alpha.75

package/dist/HeaderNavigation.js

@@ -1,34 +1,39 @@
 "use client"
 /* */
-import t from "react";
+import e from "react";
 import "./propsContext-CauylOgH.js";
-import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { d as m } from "./dynamic-ClpUSmEt.js";
-import d from "clsx";
+import { d } from "./dynamic-ClpUSmEt.js";
+import v from "clsx";
 import { E as p } from "./EmulatedBoldText-Dtox8Wd1.js";
-const u = "flow--header-navigation", h = "flow--header-navigation--button", v = "flow--header-navigation--link", n = {
+const u = "flow--header-navigation", h = "flow--header-navigation--button", f = "flow--header-navigation--link", g = "flow--header-navigation--inverse", n = {
   headerNavigation: u,
   button: h,
-  link: v
-}, w = (o) => {
-  const { children: a, className: l, ...r } = o, i = d(n.headerNavigation, l), s = {
+  link: f,
+  inverse: g
+}, P = (o) => {
+  const { children: a, className: r, inverse: i, ...l } = o, s = v(
+    n.headerNavigation,
+    i && n.inverse,
+    r
+  ), c = {
     Link: {
-      hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
+      hoc: (t) => /* @__PURE__ */ e.createElement("li", null, t),
       className: n.link,
       unstyled: !0,
-      children: m((e) => /* @__PURE__ */ t.createElement(p, null, e.children))
+      children: d((t) => /* @__PURE__ */ e.createElement(p, null, t.children))
     },
     Button: {
-      hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
+      hoc: (t) => /* @__PURE__ */ e.createElement("li", null, t),
       className: n.button,
       style: "plain"
     }
   };
-  return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...r }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(c, { props: s }, a)));
+  return /* @__PURE__ */ e.createElement("nav", { className: s, role: "navigation", ...l }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(m, { props: c }, a)));
 };
 export {
-  w as HeaderNavigation,
-  w as default
+  P as HeaderNavigation,
+  P as default
 };

package/dist/Navigation.js

@@ -1,45 +1,51 @@
 "use client"
 /* */
-import t from "react";
-import r from "clsx";
+import t, { useId as m } from "react";
+import g from "clsx";
 import { d as v } from "./deepFindOfType-6pG0fH7S.js";
-import { W as g } from "./Wrap-DGT1h1o3.js";
+import { W as d } from "./Wrap-DGT1h1o3.js";
 import "./propsContext-CauylOgH.js";
-import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as u } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const u = "flow--navigation--label", N = "flow--navigation--item", x = "flow--navigation--icon", d = "flow--navigation--text", w = "flow--navigation--control-icon", o = {
-  label: u,
+import { TunnelExit as f } from "@mittwald/react-tunnel";
+const x = "flow--navigation", N = "flow--navigation--item", E = "flow--navigation--icon", I = "flow--navigation--text", b = "flow--navigation--control-icon", a = {
+  navigation: x,
   item: N,
-  icon: x,
-  text: d,
-  controlIcon: w
-}, W = (a) => {
-  const { className: e, children: n, ...s } = a, i = r(o.navigation, e), c = !!v(n, l), m = {
-    Label: {
-      className: o.label
-    },
+  icon: E,
+  text: I,
+  controlIcon: b
+}, R = (i) => {
+  const { className: r, children: e, ...l } = i, s = g(a.navigation, r), n = !!v(e, h), o = {
     Link: {
-      hoc: (p) => /* @__PURE__ */ t.createElement("li", null, p),
-      className: o.item,
+      hoc: (c) => /* @__PURE__ */ t.createElement("li", null, c),
+      className: a.item,
       unstyled: !0,
       Text: {
-        className: o.text
+        className: a.text
       },
       Icon: {
-        className: o.icon
+        className: a.icon
       }
     }
   };
-  return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...s }, /* @__PURE__ */ t.createElement(f, { props: m }, /* @__PURE__ */ t.createElement(g, { if: !c }, /* @__PURE__ */ t.createElement(l, null, n))));
-}, E = "flow--navigation--navigation-group", b = {
-  navigationGroup: E
-}, l = (a) => {
-  const { children: e, className: n, ...s } = a, i = r(b.navigationGroup, n);
-  return /* @__PURE__ */ t.createElement("ul", { ...s, className: i }, e);
+  return /* @__PURE__ */ t.createElement("nav", { className: s, role: "navigation", ...l }, /* @__PURE__ */ t.createElement(u, { props: o }, /* @__PURE__ */ t.createElement(d, { if: !n }, /* @__PURE__ */ t.createElement("ul", null, e))));
+}, w = "flow--navigation--navigation-group", C = "flow--navigation--navigation-group--label", p = {
+  navigationGroup: w,
+  label: C
+}, h = (i) => {
+  const { children: r, className: e, ...l } = i, s = g(p.navigationGroup, e), n = m(), o = m(), c = {
+    Label: {
+      tunnelId: o,
+      id: n,
+      className: p.label,
+      "aria-hidden": !0
+    }
+  };
+  return /* @__PURE__ */ t.createElement("section", { "aria-labelledby": n, className: s, ...l }, /* @__PURE__ */ t.createElement(u, { mergeInParentContext: !0, props: c }, /* @__PURE__ */ t.createElement(f, { id: o }), /* @__PURE__ */ t.createElement("ul", null, r)));
 };
 export {
-  W as Navigation,
-  l as NavigationGroup,
-  W as default
+  R as Navigation,
+  h as NavigationGroup,
+  R as default
 };