negodesign 0.0.66 → 0.0.67

package/dist/components/core/nav/ui/ComplexMenu.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../ui/navigation-menu/index.js";
   import type { ComplexMenuProps } from "../data/types";
   import {
     isCard,
@@ -17,20 +16,18 @@
   let { menus: links, textClass }: ComplexMenuProps = $props();
 </script>
 
-<NavigationMenu.Root viewport={true}>
-  <NavigationMenu.List class="flex-wrap {textClass}">
-    {#each links as link, i (i)}
-      {#if isCard(link)}
-        <NavigationMenuItemCard {...link} />
-      {:else if isGrid(link)}
-        <NavigationMenuItemGrid {...link} />
-      {:else if isList(link)}
-        <NavigationMenuItemList {...link} />
-      {:else if isItems(link)}
-        <NavigationMenuItems {...link} />
-      {:else if isItem(link)}
-        <NavigationMenuItem {...link} />
-      {/if}
-    {/each}
-  </NavigationMenu.List>
-</NavigationMenu.Root>
+<ul class="flex list-none flex-1 flex-wrap items-center justify-center {textClass}">
+  {#each links as link, i (i)}
+    {#if isCard(link)}
+      <NavigationMenuItemCard {...link} />
+    {:else if isGrid(link)}
+      <NavigationMenuItemGrid {...link} />
+    {:else if isList(link)}
+      <NavigationMenuItemList {...link} />
+    {:else if isItems(link)}
+      <NavigationMenuItems {...link} />
+    {:else if isItem(link)}
+      <NavigationMenuItem {...link} />
+    {/if}
+  {/each}
+</ul>

package/dist/components/core/nav/ui/shared/MenuListItem.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
   import { cn } from "../../../../../utils";
   import type { ListItemProps } from "../../data/types";
   let {
@@ -12,37 +11,29 @@
   }: ListItemProps = $props();
 </script>
 
-{#snippet header()}
-  <div class="leading-none font-medium">{title}</div>
-{/snippet}
-
 <li>
-  <NavigationMenu.Link>
-    {#snippet child()}
-      <a
-        {href}
-        class={cn(
-          "block space-y-1 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
-          className,
-        )}
-        {...restProps}
-      >
-        {#if icon}
-          <div class="flex gap-1 items-center">
-            <div>
-              <i class={`${icon} size-8 md:size-10`}></i>
-            </div>
-            <div class="-mt-1">
-              {@render header()}
-            </div>
-          </div>
-        {:else}
-          {@render header()}
-        {/if}
-        <p class="line-clamp-2 text-sm leading-snug text-muted-foreground">
-          {content}
-        </p>
-      </a>
-    {/snippet}
-  </NavigationMenu.Link>
-</li>
+  <a
+    {href}
+    class={cn(
+      "block space-y-1 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+      className,
+    )}
+    {...restProps}
+  >
+    {#if icon}
+      <div class="flex gap-1 items-center">
+        <div>
+          <i class={`${icon} size-8 md:size-10`}></i>
+        </div>
+        <div class="-mt-1">
+          <div class="leading-none font-medium">{title}</div>
+        </div>
+      </div>
+    {:else}
+      <div class="leading-none font-medium">{title}</div>
+    {/if}
+    <p class="line-clamp-2 text-sm leading-snug text-muted-foreground">
+      {content}
+    </p>
+  </a>
+</li>

package/dist/components/core/nav/ui/shared/navigation/NavDropdown.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+	import { HugeiconsIcon } from "@hugeicons/svelte";
+	import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
+	import type { Snippet } from "svelte";
+
+	let {
+		label,
+		className = "",
+		children,
+	}: {
+		label: string;
+		className?: string;
+		children: Snippet;
+	} = $props();
+
+	let open = $state(false);
+	let closeTimer: ReturnType<typeof setTimeout> | undefined;
+	let itemRef = $state<HTMLLIElement | null>(null);
+
+	function openMenu() {
+		clearTimeout(closeTimer);
+		open = true;
+	}
+
+	function scheduleClose() {
+		clearTimeout(closeTimer);
+		closeTimer = setTimeout(() => {
+			open = false;
+		}, 150);
+	}
+
+	$effect(() => {
+		function handleDocumentClick(event: MouseEvent) {
+			if (open && itemRef && !itemRef.contains(event.target as Node)) {
+				open = false;
+			}
+		}
+		document.addEventListener("click", handleDocumentClick);
+		return () => document.removeEventListener("click", handleDocumentClick);
+	});
+</script>
+
+<li
+	bind:this={itemRef}
+	class="relative {className}"
+	onmouseenter={openMenu}
+	onmouseleave={scheduleClose}
+>
+	<button
+		type="button"
+		aria-expanded={open}
+		onclick={() => {
+			clearTimeout(closeTimer);
+			open = !open;
+		}}
+		class="inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none select-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 {open
+			? 'bg-muted'
+			: ''}"
+	>
+		{label}
+		<HugeiconsIcon
+			icon={ArrowDown01Icon}
+			strokeWidth={2}
+			class={`relative top-px ml-1 size-3 transition-transform duration-300 ${
+				open ? "rotate-180" : ""
+			}`}
+			aria-hidden="true"
+		/>
+	</button>
+
+	{#if open}
+		<div
+			class="absolute left-0 top-full z-50 mt-1.5 w-max rounded-2xl bg-popover p-2.5 pr-3 overflow-hidden text-popover-foreground shadow-2xl ring-1 ring-foreground/5"
+		>
+			{@render children()}
+		</div>
+	{/if}
+</li>

package/dist/components/core/nav/ui/shared/navigation/NavDropdown.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    label: string;
+    className?: string;
+    children: Snippet;
+};
+declare const NavDropdown: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavDropdown = ReturnType<typeof NavDropdown>;
+export default NavDropdown;

package/dist/components/core/nav/ui/shared/navigation/NavigationMenuItem.svelte

@@ -1,15 +1,14 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
   import type { NavigationMenuItemProps } from "../../../data/types";
-  import { navigationMenuTriggerStyle } from "../../../../../ui/navigation-menu/navigation-menu-trigger.svelte";
 
   let { label, href }: NavigationMenuItemProps = $props();
 </script>
 
-<NavigationMenu.Item>
-  <NavigationMenu.Link>
-    {#snippet child()}
-      <a {href} class={navigationMenuTriggerStyle()}>{label}</a>
-    {/snippet}
-  </NavigationMenu.Link>
-</NavigationMenu.Item>
+<li>
+  <a
+    {href}
+    class="inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none select-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+  >
+    {label}
+  </a>
+</li>

package/dist/components/core/nav/ui/shared/navigation/NavigationMenuItemCard.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
   import type { NavigationMenuItemCardProps } from "../../../data/types";
   import MenuListItem from "../MenuListItem.svelte";
+  import NavDropdown from "./NavDropdown.svelte";
 
   let { label, header, cards: items }: NavigationMenuItemCardProps = $props();
 </script>
@@ -16,47 +16,33 @@
   </p>
 {/snippet}
 
-<NavigationMenu.Item>
-  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
-  <NavigationMenu.Content>
-    <ul class="grid gap-2 p-2 md:w-100 lg:w-125 lg:grid-cols-[.75fr_1fr]">
-      {#if header}
-        <li
-          class="row-span-3 relative"
-          style={header.imgUrl
-            ? `background-image: url(${header.imgUrl}); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 12px;`
-            : ``}
+<NavDropdown label={label ?? header?.label ?? ""}>
+  <ul
+    class="grid gap-2 p-2 w-100 lg:w-125 lg:grid-cols-[.75fr_1fr]"
+  >
+    {#if header}
+      <li
+        class="row-span-3 relative"
+        style={header.imgUrl
+          ? `background-image: url(${header.imgUrl}); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 12px;`
+          : ``}
+      >
+        <a
+          href={header.href ?? "#"}
+          class={`flex h-full w-full flex-col justify-end p-4 md:p-6 ${
+            header.imgUrl
+              ? `no-underline outline-hidden select-none`
+              : `bg-linear-to-b from-muted/50 to-muted rounded-md focus:shadow-md`
+          }`}
         >
-          <NavigationMenu.Link
-            class={`flex h-full w-full flex-col justify-end p-4 md:p-6 ${
-              header.imgUrl
-                ? `no-underline outline-hidden select-none`
-                : `bg-linear-to-b from-muted/50 to-muted rounded-md focus:shadow-md`
-            }`}
-          >
-            {#snippet child({ props })}
-              {#if header.imgUrl}
-                <a
-                  {...props}
-                  href={header.href ?? "#"}
-                  class="bg-transparent absolute left-2 bottom-2"
-                >
-                  {@render headerSnippet(header.label, header.description)}
-                </a>
-              {:else}
-                <a {...props} href={header.href ?? "#"}>
-                  {@render headerSnippet(header.label, header.description)}
-                </a>
-              {/if}
-            {/snippet}
-          </NavigationMenu.Link>
-        </li>
-      {/if}
-      {#if items && items.length > 0}
-        {#each items as item, i (i)}
-          <MenuListItem {...item} />
-        {/each}
-      {/if}
-    </ul>
-  </NavigationMenu.Content>
-</NavigationMenu.Item>
+          {@render headerSnippet(header.label, header.description)}
+        </a>
+      </li>
+    {/if}
+    {#if items && items.length > 0}
+      {#each items as item, i (i)}
+        <MenuListItem {...item} />
+      {/each}
+    {/if}
+  </ul>
+</NavDropdown>

package/dist/components/core/nav/ui/shared/navigation/NavigationMenuItemGrid.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
   import type { NavigationMenuItemGridProps } from "../../../data/types";
   import MenuListItem from "../MenuListItem.svelte";
+  import NavDropdown from "./NavDropdown.svelte";
 
   let { label, grids: items }: NavigationMenuItemGridProps = $props();
 
@@ -13,20 +13,18 @@
     if (len % 2 == 0) return "md:grid-cols-2";
     return "grid-cols-1";
   };
+
+  const gridCols = $derived(cols());
 </script>
 
-<NavigationMenu.Item>
-  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+<NavDropdown {label}>
   {#if items}
-    {@const gridCols = cols()}
-    <NavigationMenu.Content>
-      <ul
-        class={`grid w-75 gap-2 p-2 sm:w-100 md:w-125 ${gridCols} lg:min-w-150`}
-      >
-        {#each items as item, i (i)}
-          <MenuListItem {...item} />
-        {/each}
-      </ul>
-    </NavigationMenu.Content>
+    <ul
+      class={`grid w-75 gap-2 p-2 sm:w-100 md:w-125 lg:min-w-150 ${gridCols}`}
+    >
+      {#each items as item, i (i)}
+        <MenuListItem {...item} />
+      {/each}
+    </ul>
   {/if}
-</NavigationMenu.Item>
+</NavDropdown>

package/dist/components/core/nav/ui/shared/navigation/NavigationMenuItemList.svelte

@@ -1,24 +1,21 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
   import type { NavigationMenuItemListProps } from "../../../data/types";
+  import NavDropdown from "./NavDropdown.svelte";
 
   let { label, list }: NavigationMenuItemListProps = $props();
 </script>
 
-<NavigationMenu.Item class="hidden md:block relative">
-  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
-  <NavigationMenu.Content>
-    <ul class="grid w-75 gap-4 p-2">
-      {#each list as item, i (i)}
-        <li>
-          <NavigationMenu.Link href={item.href}>
-            <div class="font-medium">{item.title ?? ""}</div>
-            <div class="text-muted-foreground">
-              {item.content}
-            </div>
-          </NavigationMenu.Link>
-        </li>
-      {/each}
-    </ul>
-  </NavigationMenu.Content>
-</NavigationMenu.Item>
+<NavDropdown {label} className="hidden md:block">
+  <ul class="grid w-75 gap-4 p-2">
+    {#each list as item, i (i)}
+      <li>
+        <a href={item.href} class="block rounded-xl p-2 no-underline hover:bg-muted">
+          <div class="font-medium">{item.title ?? ""}</div>
+          <div class="text-muted-foreground">
+            {item.content}
+          </div>
+        </a>
+      </li>
+    {/each}
+  </ul>
+</NavDropdown>

package/dist/components/core/nav/ui/shared/navigation/NavigationMenuItems.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
   import type { NavigationMenuItemsProps } from "../../../data/types";
+  import NavDropdown from "./NavDropdown.svelte";
 
   let { label, items }: NavigationMenuItemsProps = $props();
 </script>
 
-<NavigationMenu.Item class="hidden md:block relative">
-  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
-  <NavigationMenu.Content>
-    <ul class="grid min-w-50 gap-4 p-1 md:p-2">
-      {#each items as item, i (i)}
-        <li>
-          <NavigationMenu.Link href={item.href} class="py-1">
-            {item.title}
-          </NavigationMenu.Link>
-        </li>
-      {/each}
-    </ul>
-  </NavigationMenu.Content>
-</NavigationMenu.Item>
+<NavDropdown {label} className="hidden md:block">
+  <ul class="grid min-w-50 gap-4 p-1 md:p-2">
+    {#each items as item, i (i)}
+      <li>
+        <a
+          href={item.href}
+          class="block rounded-xl px-3 py-2 text-sm font-medium no-underline hover:bg-muted focus:bg-muted"
+        >
+          {item.title}
+        </a>
+      </li>
+    {/each}
+  </ul>
+</NavDropdown>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItem.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemProps } from "../../../data/types";
+  import { navigationMenuTriggerStyle } from "../../../../../ui/navigation-menu/navigation-menu-trigger.svelte";
+
+  let { label, href }: NavigationMenuItemProps = $props();
+</script>
+
+<NavigationMenu.Item>
+  <NavigationMenu.Link>
+    {#snippet child()}
+      <a {href} class={navigationMenuTriggerStyle()}>{label}</a>
+    {/snippet}
+  </NavigationMenu.Link>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItem.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemProps } from "../../../data/types";
+declare const NavigationMenuItem: import("svelte").Component<NavigationMenuItemProps, {}, "">;
+type NavigationMenuItem = ReturnType<typeof NavigationMenuItem>;
+export default NavigationMenuItem;

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemCard.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemCardProps } from "../../../data/types";
+  import MenuListItem from "../MenuListItem.svelte";
+
+  let { label, header, cards: items }: NavigationMenuItemCardProps = $props();
+</script>
+
+{#snippet headerSnippet(label: string, description: string)}
+  <div class="mt-4 mb-2 text-lg font-medium {header?.labelClass}">{label}</div>
+  <p
+    class="text-sm leading-tight {header?.descriptionClass ||
+      'text-muted-foreground'}"
+  >
+    {description}
+  </p>
+{/snippet}
+
+<NavigationMenu.Item>
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid gap-2 p-2 md:w-100 lg:w-125 lg:grid-cols-[.75fr_1fr]">
+      {#if header}
+        <li
+          class="row-span-3 relative"
+          style={header.imgUrl
+            ? `background-image: url(${header.imgUrl}); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 12px;`
+            : ``}
+        >
+          <NavigationMenu.Link
+            class={`flex h-full w-full flex-col justify-end p-4 md:p-6 ${
+              header.imgUrl
+                ? `no-underline outline-hidden select-none`
+                : `bg-linear-to-b from-muted/50 to-muted rounded-md focus:shadow-md`
+            }`}
+          >
+            {#snippet child({ props })}
+              {#if header.imgUrl}
+                <a
+                  {...props}
+                  href={header.href ?? "#"}
+                  class="bg-transparent absolute left-2 bottom-2"
+                >
+                  {@render headerSnippet(header.label, header.description)}
+                </a>
+              {:else}
+                <a {...props} href={header.href ?? "#"}>
+                  {@render headerSnippet(header.label, header.description)}
+                </a>
+              {/if}
+            {/snippet}
+          </NavigationMenu.Link>
+        </li>
+      {/if}
+      {#if items && items.length > 0}
+        {#each items as item, i (i)}
+          <MenuListItem {...item} />
+        {/each}
+      {/if}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemCard.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemCardProps } from "../../../data/types";
+declare const NavigationMenuItemCard: import("svelte").Component<NavigationMenuItemCardProps, {}, "">;
+type NavigationMenuItemCard = ReturnType<typeof NavigationMenuItemCard>;
+export default NavigationMenuItemCard;

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemGrid.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemGridProps } from "../../../data/types";
+  import MenuListItem from "../MenuListItem.svelte";
+
+  let { label, grids: items }: NavigationMenuItemGridProps = $props();
+
+  const cols = (): string => {
+    const len = items?.length ?? 0;
+    if (len > 10) return "md:grid-cols-3 lg:grid-cols-4";
+    if (len > 5) return "md:grid-cols-3";
+    if (len % 3 == 0) return "md:grid-cols-3";
+    if (len % 2 == 0) return "md:grid-cols-2";
+    return "grid-cols-1";
+  };
+</script>
+
+<NavigationMenu.Item>
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  {#if items}
+    {@const gridCols = cols()}
+    <NavigationMenu.Content>
+      <ul
+        class={`grid w-75 gap-2 p-2 sm:w-100 md:w-125 ${gridCols} lg:min-w-150`}
+      >
+        {#each items as item, i (i)}
+          <MenuListItem {...item} />
+        {/each}
+      </ul>
+    </NavigationMenu.Content>
+  {/if}
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemGrid.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemGridProps } from "../../../data/types";
+declare const NavigationMenuItemGrid: import("svelte").Component<NavigationMenuItemGridProps, {}, "">;
+type NavigationMenuItemGrid = ReturnType<typeof NavigationMenuItemGrid>;
+export default NavigationMenuItemGrid;

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemList.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemListProps } from "../../../data/types";
+
+  let { label, list }: NavigationMenuItemListProps = $props();
+</script>
+
+<NavigationMenu.Item class="hidden md:block relative">
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid w-75 gap-4 p-2">
+      {#each list as item, i (i)}
+        <li>
+          <NavigationMenu.Link href={item.href}>
+            <div class="font-medium">{item.title ?? ""}</div>
+            <div class="text-muted-foreground">
+              {item.content}
+            </div>
+          </NavigationMenu.Link>
+        </li>
+      {/each}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItemList.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemListProps } from "../../../data/types";
+declare const NavigationMenuItemList: import("svelte").Component<NavigationMenuItemListProps, {}, "">;
+type NavigationMenuItemList = ReturnType<typeof NavigationMenuItemList>;
+export default NavigationMenuItemList;

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItems.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemsProps } from "../../../data/types";
+
+  let { label, items }: NavigationMenuItemsProps = $props();
+</script>
+
+<NavigationMenu.Item class="hidden md:block relative">
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid min-w-50 gap-4 p-1 md:p-2">
+      {#each items as item, i (i)}
+        <li>
+          <NavigationMenu.Link href={item.href} class="py-1">
+            {item.title}
+          </NavigationMenu.Link>
+        </li>
+      {/each}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/navigation-old/NavigationMenuItems.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemsProps } from "../../../data/types";
+declare const NavigationMenuItems: import("svelte").Component<NavigationMenuItemsProps, {}, "">;
+type NavigationMenuItems = ReturnType<typeof NavigationMenuItems>;
+export default NavigationMenuItems;

package/dist/globals.css

@@ -1222,6 +1222,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.66",
+	"version": "0.0.67",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [