@likable-hair/svelte 4.0.4 → 4.0.6

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte

@@ -23,7 +23,7 @@ function handleOutsideClick() {
     }
 }
 ;
-let { drawerOpened = $bindable(false), expandOn = 'hover', options = [], selectedIndex = $bindable(undefined), sidebarExpanded = $bindable(false), ondrawerChange, onmenuSelect, children, innerMenuSnippet, logoSnippet, menuSnippet, optionSnippet: optionInternalSnippet, prependSnippet: prependInternalSnippet, sidebarSnippet, userSnippet, class: clazz = {}, } = $props();
+let { drawerOpened = $bindable(false), expandOn = 'hover', options = [], selectedIndex = $bindable(undefined), sidebarExpanded = $bindable(false), ondrawerChange, onmenuSelect, children, innerMenuSnippet, logoSnippet, menuSnippet, headerSnippet, optionSnippet: optionInternalSnippet, prependSnippet: prependInternalSnippet, sidebarSnippet, userSnippet, class: clazz = {}, } = $props();
 function toggleMenu() {
     drawerOpened = !drawerOpened;
     if (ondrawerChange) {
@@ -77,8 +77,8 @@ $effect(() => {
         class:opened={sidebarExpanded}
         class="header-toolbar"
       >
-        {#if menuSnippet}
-          {@render menuSnippet({})}
+        {#if headerSnippet}
+          {@render headerSnippet({ sidebarExpanded, hamburgerVisible: mAndDown })}
         {:else}
           <div class="inner-menu">
             {#if mAndDown}

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts

@@ -30,6 +30,12 @@ interface Props {
             sidebarExpanded?: boolean;
         }
     ]>;
+    headerSnippet?: Snippet<[
+        {
+            hamburgerVisible?: boolean;
+            sidebarExpanded?: boolean;
+        }
+    ]>;
     innerMenuSnippet?: Snippet<[
         {
             hamburgerVisible: boolean;

package/dist/components/simple/lists/SelectableVerticalList.svelte

@@ -121,7 +121,8 @@ function handleIconClick(index, element) {
       {#if elementSnippet}
         {@render elementSnippet({ 
           focused: focused == element.name,
-          selected: selected == element.name
+          selected: selected == element.name,
+          element: element
         })}
       {:else}
         {#if !!element.icon}

package/dist/components/simple/lists/SelectableVerticalList.svelte.d.ts

@@ -45,6 +45,7 @@ declare class __sveltets_Render<Data> {
         elementSnippet?: Snippet<[{
             selected: boolean;
             focused: boolean;
+            element: Element<Data>;
         }]> | undefined;
         titleSnippet?: Snippet<[{
             selected: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",