trepur_components 2.3.17 → 2.3.18

package/lib/components/NavItem/NavItem.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
         href: string;
+        active?: boolean | undefined;
     } & import('react').RefAttributes<HTMLAnchorElement>> & {
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
@@ -15,3 +16,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof NavItem>;
 export declare const Default: Story;
+export declare const Active: Story;

package/lib/components/NavItem/index.d.ts

@@ -2,6 +2,7 @@ import { HTMLAttributes } from 'react';
 
 declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
     href: string;
+    active?: boolean | undefined;
 } & import('react').RefAttributes<HTMLAnchorElement>> & {
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 };

package/lib/components/NavItem/index.js

@@ -1,31 +1,35 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import f from "clsx";
-const n = o(({ children: t, className: e, href: a, ...m }, l) => /* @__PURE__ */ r(
+import c from "clsx";
+const n = o(({ active: e, children: t, className: a, href: m, ...l }, f) => /* @__PURE__ */ r(
   "a",
   {
-    href: a,
-    ref: l,
-    className: f(
+    href: m,
+    ref: f,
+    className: c(
       "m-auto h-8 py-0 text-nav-text after:block after:scale-x-0 after:border-b-4 after:border-nav-text after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
-      e
+      {
+        "font-bold": e,
+        "font-normal": !e
+      },
+      a
     ),
-    ...m,
+    ...l,
     children: t
   }
-)), s = o(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+)), s = o(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "p",
   {
-    className: "flex-none text-nowrap text-xl font-normal tracking-wider",
+    className: "flex-none text-nowrap text-xl tracking-wider",
     ref: a,
-    ...e
+    ...t
   }
 ));
 n.displayName = "NavItem";
 s.displayName = "NavItem.Label";
-const p = Object.assign(n, {
+const N = Object.assign(n, {
   Label: s
 });
 export {
-  p as NavItem
+  N as NavItem
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.17",
+  "version": "2.3.18",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,