@ztwoint/z-ui 0.1.120 → 0.1.121

package/dist/components/nav-header/nav-item/nav-item.d.ts

@@ -4,5 +4,6 @@ export interface NavItemProps extends React.ButtonHTMLAttributes<HTMLButtonEleme
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     label?: string;
+    asTag?: React.ElementType;
 }
 export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/nav-header/nav-item/nav-item.js

@@ -1,32 +1,32 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import u from "react";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import p from "react";
 import { cn as f } from "../../../lib/utils.js";
-const p = u.forwardRef(
-  ({ leftIcon: n, label: o, rightIcon: r, className: t, isActive: a, children: l, ...c }, d) => {
-    const i = o ?? l, s = "w-3.5 h-3.5 min-w-max";
-    return /* @__PURE__ */ m(
-      "button",
+const v = p.forwardRef(
+  ({ leftIcon: n, label: t, rightIcon: o, className: i, isActive: a, children: c, asTag: l = "button", ...d }, m) => {
+    const r = t ?? c, s = "w-3.5 h-3.5 min-w-max";
+    return /* @__PURE__ */ u(
+      l,
       {
-        ref: d,
+        ref: m,
         className: f(
           "h-7.5 inline-flex items-center justify-center p-2 gap-1 rounded-lg",
           "hover:bg-background-inverted-elevated text-inverted-primary",
           "leading-none-medium-sm",
           "select-none hover:cursor-pointer disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring-default",
           a && "bg-background-inverted-elevated",
-          t
+          i
         ),
-        ...c,
+        ...d,
         children: [
           n && /* @__PURE__ */ e("span", { className: s, children: n }),
-          i && /* @__PURE__ */ e("span", { children: i }),
-          r && /* @__PURE__ */ e("span", { className: s, children: r })
+          r && /* @__PURE__ */ e("span", { children: r }),
+          o && /* @__PURE__ */ e("span", { className: s, children: o })
         ]
       }
     );
   }
 );
-p.displayName = "NavItem";
+v.displayName = "NavItem";
 export {
-  p as NavItem
+  v as NavItem
 };

package/dist/types/components/nav-header/nav-item/nav-item.d.ts

@@ -4,5 +4,6 @@ export interface NavItemProps extends React.ButtonHTMLAttributes<HTMLButtonEleme
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     label?: string;
+    asTag?: React.ElementType;
 }
 export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLButtonElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.120",
+  "version": "0.1.121",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",