@mittwald/flow-react-components 0.1.0-alpha.90 → 0.1.0-alpha.92

package/dist/Breadcrumb.js

@@ -1,32 +1,37 @@
 "use client"
 /* */
-import r from "react";
-import * as c from "react-aria-components";
-import a from "clsx";
+import e from "react";
+import * as m from "react-aria-components";
+import s from "clsx";
 import "@tabler/icons-react";
 import "./Icon-DpcNiaNb.js";
-import { I as d } from "./IconChevronRight-CJv9kuRZ.js";
+import { I as u } from "./IconChevronRight-CJv9kuRZ.js";
 import "./propsContext-CauylOgH.js";
-import { P as u } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const p = "flow--breadcrumb", f = "flow--breadcrumb--link", N = "flow--breadcrumb--breadcrumb-item", E = "flow--breadcrumb--icon", e = {
-  breadcrumb: p,
-  link: f,
+const f = "flow--breadcrumb", v = "flow--breadcrumb--link", N = "flow--breadcrumb--breadcrumb-item", E = "flow--breadcrumb--icon", I = "flow--breadcrumb--inverse", r = {
+  breadcrumb: f,
+  link: v,
   breadcrumbItem: N,
-  icon: E
-}, I = (t) => {
-  const { children: m } = t, o = a(e.breadcrumbItem);
-  return /* @__PURE__ */ r.createElement(c.Breadcrumb, { className: o }, m, /* @__PURE__ */ r.createElement(d, { size: "s", className: e.icon }));
-}, R = (t) => {
-  const { children: m, className: o, ...s } = t, n = a(e.breadcrumb, o), l = {
+  icon: E,
+  inverse: I
+}, k = (t) => {
+  const { children: o } = t, c = s(r.breadcrumbItem);
+  return /* @__PURE__ */ e.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ e.createElement(u, { size: "s", className: r.icon }));
+}, z = (t) => {
+  const { children: o, className: c, inverse: n, ...a } = t, i = s(
+    r.breadcrumb,
+    n && r.inverse,
+    c
+  ), l = {
     Link: {
-      render: (b, i) => /* @__PURE__ */ r.createElement(I, null, /* @__PURE__ */ r.createElement(b, { ...i, unstyled: !0, className: e.link }))
+      render: (b, d) => /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(b, { ...d, unstyled: !0, className: r.link }))
     }
   };
-  return /* @__PURE__ */ r.createElement(c.Breadcrumbs, { ...s, className: n }, /* @__PURE__ */ r.createElement(u, { props: l }, m));
+  return /* @__PURE__ */ e.createElement(m.Breadcrumbs, { ...a, className: i }, /* @__PURE__ */ e.createElement(p, { props: l }, o));
 };
 export {
-  R as Breadcrumb,
-  R as default
+  z as Breadcrumb,
+  z as default
 };

package/dist/Navigation.js

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