@noxlovette/material 0.1.30 → 0.1.31

package/dist/components/nav/navbar/NavbarItem.svelte

@@ -18,12 +18,14 @@ A single destination within a navigation bar.
     label,
     badge = 0,
     class: className,
+    selected,
     iconProps,
     ...rest
   }: NavItemProps = $props();
 
   const isActive = $derived(
-    page.url.pathname === href ||
+    selected ||
+      page.url.pathname === href ||
       (href !== '/' && page.url.href.startsWith(href)) ||
       page.url.href == href
   );

package/dist/components/nav/navbar/types.d.ts

@@ -17,6 +17,8 @@ export type NavItemProps = NavItemVariants & HTMLAttributes<HTMLAnchorElement> &
     href: string;
     /** Props passed to the Icon component. */
     iconProps: IconProps;
+    /** Whether the item is manually forced into a selected state. */
+    selected?: boolean;
 };
 /**
  * Props for the Navbar component.

package/dist/components/nav/rail/RailItem.svelte

@@ -15,7 +15,7 @@ A single destination within a navigation rail.
 
   let {
     href = '/',
-    name,
+    label,
     external = false,
     badge = 0,
     class: className,
@@ -99,7 +99,7 @@ A single destination within a navigation rail.
             {/if}
           </div>
           <p class={labelClass()}>
-            {name}
+            {label}
           </p>
         </div>
       </a>

package/dist/components/nav/rail/types.d.ts

@@ -17,7 +17,7 @@ export interface RailItemProps extends RailItemVariants, HTMLAttributes<HTMLAnch
     /** Whether the item is manually forced into a selected state. */
     selected?: boolean;
     /** The text label for the item. */
-    name: string;
+    label: string;
     /** Whether the rail is collapsed, affecting label visibility. */
     collapsed?: boolean;
     /** Whether the item is disabled. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxlovette/material",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "type": "module",
   "license": "MIT",
   "repository": {