odj-svelte-ui 0.2.2 → 0.2.3

package/dist/mega-menu/MegaMenu.svelte

@@ -4,7 +4,7 @@
   let { children, footer, items = [], full, dropdownStatus = $bindable(), class: className, ...restProps }: Props = $props();
 
   const { base, div, ul, footerDiv } = $derived(megamenu());
-  $inspect("dropdownStatus", dropdownStatus);
+  // $inspect("dropdownStatus", dropdownStatus);
 </script>
 
 <!-- Dropdown menu -->

package/dist/nav/NavLi.svelte

@@ -19,9 +19,9 @@
 
   // let currentUrl = $state();
   let isActive = $derived(navUrl ? href === navUrl : false);
-  $effect(() => {
-    $inspect("navUrl: ", navUrl);
-  });
+  // $effect(() => {
+  //   $inspect("navUrl: ", navUrl);
+  // });
 
   const { base, link } = $derived(navLi({ active: isActive, breakPoint }));
 </script>

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -15,8 +15,7 @@
 
   const { base, btn, span, svg, ul } = $derived(sidebardropdownwrapper());
 
-  let sidebarDropdown = uiHelpers();
-  sidebarDropdown.isOpen = isOpen;
+  let sidebarDropdown = uiHelpers(isOpen);
   let ctx = getContext<SidebarContext>("sidebarContext") || { isSingle: false };
   let self = {};
 

package/dist/sidebar/theme.js

@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
 export const sidebar = tv({
     slots: {
         base: "top-0 left-0 z-10 min-w-full",
-        div: "overflow-y-auto p-2 rounded-lg bg-light-surface-100 dark:bg-dark-surface-800",
+        div: "overflow-y-auto p-2 rounded-xl bg-light-surface-100 dark:bg-dark-surface-800",
         active: "cursor-pointer flex items-center p-2 rounded-lg text-base font-normal text-light-surface-900 dark:text-white bg-light-surface-300 dark:bg-dark-surface-700 hover:bg-light-surface-300/50 dark:hover:bg-dark-surface-600",
         nonactive: "cursor-pointer flex items-center p-2 rounded-lg text-base font-normal text-light-surface-700 dark:text-dark-surface-400 hover:bg-light-surface-300/50 dark:hover:bg-dark-surface-600 hover:text-light-surface-800 dark:hover:text-dark-surface-200"
     },

package/dist/uiHelpers.svelte.d.ts

@@ -1,4 +1,4 @@
-export declare function uiHelpers(): {
+export declare function uiHelpers(initialValue?: boolean): {
     isOpen: boolean;
     toggle: () => void;
     close: () => void;

package/dist/uiHelpers.svelte.js

@@ -1,5 +1,5 @@
-export function uiHelpers() {
-    let isOpen = $state(false);
+export function uiHelpers(initialValue = false) {
+    let isOpen = $state(initialValue);
     function toggle() {
         isOpen = !isOpen;
         // console.log('toggled', isOpen);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "odj-svelte-ui",
   "author": "orbitadajogatina",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "This is a fork from Flowbite Svelte 5 with Runes. I just made some changes that fits better my taste.",
   "license": "MIT",
   "main": "dist/index.js",