@profidev/pleiades 1.8.1 → 1.8.2

package/dist/components/nav/sidebar/sidebar-content.svelte

@@ -16,15 +16,15 @@
 
   let filteredItems = $derived(
     items
-      .map((group) => {
-        group.items = group.items.filter((item) => {
+      .map((group) => ({
+        ...group,
+        items: group.items.filter((item) => {
           if (item.requiredPermission) {
             return user.permissions.includes(item.requiredPermission);
           }
           return true;
-        });
-        return group;
-      })
+        })
+      }))
       .filter((item) => item.items.length > 0)
   );
 

package/dist/components/nav/sidebar/sidebar-header.svelte

@@ -4,14 +4,16 @@
   import PanelLeftOpen from '@lucide/svelte/icons/panel-left-open';
   import PanelLeftClose from '@lucide/svelte/icons/panel-left-close';
   import type { Component } from 'svelte';
+  import { cn } from '../../../utils';
 
   interface Props {
     version: string;
     app_name: string;
+    iconClass?: string;
     app_icon?: Component;
   }
 
-  let { version, app_name, app_icon }: Props = $props();
+  let { version, app_name, app_icon, iconClass }: Props = $props();
 
   let sidebar = Sidebar.useSidebar();
   let isOpen = $derived(sidebar.props.open());
@@ -30,7 +32,7 @@
           <div
             class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
           >
-            <AppIcon class="size-4 text-[#9db6ed]" />
+            <AppIcon class={cn('size-4 text-[#9db6ed]', iconClass)} />
           </div>
           <div class="flex flex-col gap-0.5 leading-none">
             <span class="font-medium text-nowrap">{app_name}</span>

package/dist/components/nav/sidebar/sidebar-header.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Component } from 'svelte';
 interface Props {
     version: string;
     app_name: string;
+    iconClass?: string;
     app_icon?: Component;
 }
 declare const SidebarHeader: Component<Props, {}, "">;

package/dist/components/nav/sidebar/sidebar.svelte

@@ -12,18 +12,27 @@
     version: string;
     app_name: string;
     app_icon?: Component;
+    iconClass?: string;
     items: NavGroup[];
     logout: () => Promise<{ error?: any }>;
   }
 
-  const { children, user, version, app_name, app_icon, items, logout }: Props =
-    $props();
+  const {
+    children,
+    user,
+    version,
+    app_name,
+    app_icon,
+    items,
+    logout,
+    iconClass
+  }: Props = $props();
 </script>
 
 <Sidebar.Provider>
   <Sidebar.Root collapsible="icon" variant="floating">
     <Sidebar.Header>
-      <SidebarHeader {app_name} {app_icon} {version} />
+      <SidebarHeader {app_name} {app_icon} {version} {iconClass} />
     </Sidebar.Header>
     <Sidebar.Content>
       <SidebarContent {items} {user} />

package/dist/components/nav/sidebar/sidebar.svelte.d.ts

@@ -7,6 +7,7 @@ interface Props {
     version: string;
     app_name: string;
     app_icon?: Component;
+    iconClass?: string;
     items: NavGroup[];
     logout: () => Promise<{
         error?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@profidev/pleiades",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/Profiidev/pleiades"