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

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
 };