@mittwald/flow-react-components 0.1.0-alpha.30 → 0.1.0-alpha.31

package/dist/Navigation.d.ts

@@ -1,16 +1,19 @@
 import * as Aria from 'react-aria-components';
 import { ComponentProps } from 'react';
+import { ComponentType } from 'react';
 import { FC } from 'react';
 import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
 
 declare const Navigation: FC<NavigationProps>;
 export { Navigation }
 export default Navigation;
 
-export declare const NavigationItem: FC<NavigationItemProps>;
+export declare function NavigationItem(props: NavigationItemProps): React_2.JSX.Element;
 
-export declare interface NavigationItemProps extends PropsWithChildren<Omit<Aria.LinkProps, "children">> {
+export declare interface NavigationItemProps extends PropsWithChildren<Omit<Aria.LinkProps, "children" | "slot">> {
     isCurrent?: boolean;
+    linkComponent?: ComponentType<Omit<ComponentProps<"a">, "ref">>;
 }
 
 export declare interface NavigationProps extends PropsWithChildren<ComponentProps<"nav">> {

package/dist/Navigation.js

@@ -1,22 +1,28 @@
 "use client"
 /* */
 import t from "react";
-import { c as r } from "./clsx-DB4S2d7J.js";
+import { c } from "./clsx-DB4S2d7J.js";
+import * as l from "react-aria-components";
 import "./propsContext-Dx7WKmmM.js";
 import { P as m } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-import * as v from "react-aria-components";
-const g = "flow--navigation", p = {
-  navigation: g
-}, w = (a) => {
-  const { className: n, children: o, ...e } = a, i = r(p.navigation, n);
+const v = "flow--navigation", g = {
+  navigation: v
+}, d = (n) => {
+  const { className: a, children: o, ...e } = n, i = c(g.navigation, a);
   return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...e }, /* @__PURE__ */ t.createElement("ul", null, o));
-}, f = "flow--navigation--navigation-item", N = "flow--navigation--navigation-item--icon", x = "flow--navigation--navigation-item--text", s = {
-  navigationItem: f,
-  icon: N,
-  text: x
-}, P = (a) => {
-  const { children: n, isCurrent: o, className: e, ...i } = a, c = r(s.navigationItem, e), l = {
+}, p = "flow--navigation--navigation-item", f = "flow--navigation--navigation-item--icon", u = "flow--navigation--navigation-item--text", s = {
+  navigationItem: p,
+  icon: f,
+  text: u
+};
+function k(n) {
+  const {
+    isCurrent: a,
+    children: o,
+    linkComponent: e = l.Link,
+    ...i
+  } = n, r = {
     Text: {
       className: s.text
     },
@@ -25,17 +31,17 @@ const g = "flow--navigation", p = {
     }
   };
   return /* @__PURE__ */ t.createElement("li", null, /* @__PURE__ */ t.createElement(
-    v.Link,
+    e,
     {
-      className: c,
-      "aria-current": o ? "page" : !1,
-      ...i
+      ...i,
+      className: s.navigationItem,
+      "aria-current": a ? "page" : !1
     },
-    /* @__PURE__ */ t.createElement(m, { props: l }, n)
+    /* @__PURE__ */ t.createElement(m, { props: r }, o)
   ));
-};
+}
 export {
-  w as Navigation,
-  P as NavigationItem,
-  w as default
+  d as Navigation,
+  k as NavigationItem,
+  d as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.30",
+  "version": "0.1.0-alpha.31",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -127,5 +127,5 @@
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
-  "gitHead": "ff8502fbb5a5dc9665688b3addbc8bcee5a8088b"
+  "gitHead": "c3e1acb0243fea0f36c948d17cb5f13f27d265de"
 }