@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/navigation-menu.d.ts

@@ -1,4 +1,4 @@
-import { InputSize } from "./input.js";
+import { r as InputSize } from "../input-WWoBCgxe.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -22,29 +22,29 @@ declare const NavigationMenuBackdrop: ({
 //#region src/ui/navigation-menu/navigation-menu-content.d.ts
 declare const navigationMenuContentVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", {
+}, undefined, "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", unknown, unknown, undefined>>;
+}, undefined, "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", unknown, unknown, undefined>>;
 type NavigationMenuContentProps = NavigationMenu$1.Content.Props & VariantProps<typeof navigationMenuContentVariants> & {
   size?: InputSize;
 };
@@ -57,23 +57,23 @@ declare const NavigationMenuContent: ({
 //#region src/ui/navigation-menu/navigation-menu-indicator.d.ts
 declare const navigationMenuIndicatorVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       arrow: string;
       root: string;
     };
-    sm: {
+    md: {
       arrow: string;
       root: string;
     };
-    md: {
+    sm: {
       arrow: string;
       root: string;
     };
-    lg: {
+    xl: {
       arrow: string;
       root: string;
     };
-    xl: {
+    xs: {
       arrow: string;
       root: string;
     };
@@ -83,23 +83,23 @@ declare const navigationMenuIndicatorVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, undefined, {
   size: {
-    xs: {
+    lg: {
       arrow: string;
       root: string;
     };
-    sm: {
+    md: {
       arrow: string;
       root: string;
     };
-    md: {
+    sm: {
       arrow: string;
       root: string;
     };
-    lg: {
+    xl: {
       arrow: string;
       root: string;
     };
-    xl: {
+    xs: {
       arrow: string;
       root: string;
     };
@@ -109,23 +109,23 @@ declare const navigationMenuIndicatorVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       arrow: string;
       root: string;
     };
-    sm: {
+    md: {
       arrow: string;
       root: string;
     };
-    md: {
+    sm: {
       arrow: string;
       root: string;
     };
-    lg: {
+    xl: {
       arrow: string;
       root: string;
     };
-    xl: {
+    xs: {
       arrow: string;
       root: string;
     };
@@ -146,27 +146,27 @@ declare const NavigationMenuIndicator: ({
 //#region src/ui/navigation-menu/navigation-menu-item.d.ts
 declare const navigationMenuItemVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "relative", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "relative", unknown, unknown, undefined>>;
 type NavigationMenuItemProps = ComponentProps<typeof NavigationMenu$1.Item> & VariantProps<typeof navigationMenuItemVariants> & {
@@ -181,29 +181,29 @@ declare const NavigationMenuItem: ({
 //#region src/ui/navigation-menu/navigation-menu-link.d.ts
 declare const navigationMenuLinkVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex flex-col transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted", {
+}, undefined, "cursor-clickable hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex flex-col transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex flex-col transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex flex-col transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md", unknown, unknown, undefined>>;
 type NavigationMenuLinkProps = NavigationMenu$1.Link.Props & VariantProps<typeof navigationMenuLinkVariants> & {
   size?: InputSize;
 };
@@ -216,27 +216,27 @@ declare const NavigationMenuLink: ({
 //#region src/ui/navigation-menu/navigation-menu-list.d.ts
 declare const navigationMenuListVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "group flex flex-1 list-none items-center justify-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "group flex flex-1 list-none items-center justify-center", unknown, unknown, undefined>>;
 type NavigationMenuListProps = ComponentProps<typeof NavigationMenu$1.List> & VariantProps<typeof navigationMenuListVariants> & {
@@ -251,29 +251,29 @@ declare const NavigationMenuList: ({
 //#region src/ui/navigation-menu/navigation-menu-popup.d.ts
 declare const navigationMenuPopupVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0", {
+}, undefined, "xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0", unknown, unknown, undefined>>;
+}, undefined, "xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0", unknown, unknown, undefined>>;
 type NavigationMenuPopupProps = NavigationMenu$1.Popup.Props & VariantProps<typeof navigationMenuPopupVariants> & {
   size?: InputSize;
 };
@@ -303,23 +303,23 @@ declare const NavigationMenuPositioner: ({
 //#region src/ui/navigation-menu/navigation-menu-trigger.d.ts
 declare const navigationMenuTriggerStyle: tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };
@@ -329,23 +329,23 @@ declare const navigationMenuTriggerStyle: tailwind_variants0.TVReturnType<{
   root: string;
 }, undefined, {
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };
@@ -355,23 +355,23 @@ declare const navigationMenuTriggerStyle: tailwind_variants0.TVReturnType<{
   root: string;
 }, tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };

package/dist/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/ui/navigation-menu/navigation-menu-arrow.tsx","../../src/ui/navigation-menu/navigation-menu-backdrop.tsx","../../src/ui/navigation-menu/navigation-menu-content.tsx","../../src/ui/navigation-menu/navigation-menu-indicator.tsx","../../src/ui/navigation-menu/navigation-menu-item.tsx","../../src/ui/navigation-menu/navigation-menu-link.tsx","../../src/ui/navigation-menu/navigation-menu-list.tsx","../../src/ui/navigation-menu/navigation-menu-popup.tsx","../../src/ui/navigation-menu/navigation-menu-portal.tsx","../../src/ui/navigation-menu/navigation-menu-positioner.tsx","../../src/ui/navigation-menu/navigation-menu-trigger.tsx","../../src/ui/navigation-menu/navigation-menu-viewport.tsx","../../src/ui/navigation-menu/navigation-menu.tsx"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/ui/navigation-menu/navigation-menu-arrow.tsx","../../src/ui/navigation-menu/navigation-menu-backdrop.tsx","../../src/ui/navigation-menu/navigation-menu-content.tsx","../../src/ui/navigation-menu/navigation-menu-indicator.tsx","../../src/ui/navigation-menu/navigation-menu-item.tsx","../../src/ui/navigation-menu/navigation-menu-link.tsx","../../src/ui/navigation-menu/navigation-menu-list.tsx","../../src/ui/navigation-menu/navigation-menu-popup.tsx","../../src/ui/navigation-menu/navigation-menu-portal.tsx","../../src/ui/navigation-menu/navigation-menu-positioner.tsx","../../src/ui/navigation-menu/navigation-menu-trigger.tsx","../../src/ui/navigation-menu/navigation-menu-viewport.tsx","../../src/ui/navigation-menu/navigation-menu.tsx"],"mappings":"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"}

package/dist/ui/navigation-menu.js

@@ -1,6 +1,8 @@
+"use client";
+
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
@@ -33,22 +35,23 @@ const NavigationMenuOverlayContext = createContext({});
 //#endregion
 //#region src/ui/navigation-menu/navigation-menu-content.tsx
 const navigationMenuContentVariants = tv({
-	base: "h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+	base: "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "p-0.5",
+		lg: "p-2",
+		md: "p-1.5",
 		sm: "p-1",
-		md: "p-1",
-		lg: "p-1.5",
-		xl: "p-2"
-	} },
-	defaultVariants: { size: "md" }
+		xl: "p-2.5",
+		xs: "p-0.5"
+	} }
 });
 const NavigationMenuContent = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
 	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
 	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(NavigationMenuOverlayContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
 			className: cn(navigationMenuContentVariants({ size: resolvedSize }), className),
 			"data-size": resolvedSize,
@@ -61,33 +64,33 @@ const NavigationMenuContent = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/navigation-menu/navigation-menu-indicator.tsx
 const navigationMenuIndicatorVariants = tv({
+	defaultVariants: { size: "md" },
 	slots: {
-		arrow: "relative rotate-45 bg-border shadow-md",
-		root: "top-full z-[1] flex items-end justify-center overflow-hidden opacity-0 transition-opacity duration-200 data-popup-open:opacity-100"
+		arrow: "bg-border relative rotate-45 shadow-md",
+		root: "z-inline top-full flex items-end justify-center overflow-hidden opacity-0 transition-opacity duration-200 data-popup-open:opacity-100"
 	},
 	variants: { size: {
-		xs: {
-			arrow: "top-[55%] h-1.5 w-1.5 rounded-tl-[2px]",
-			root: "h-1"
-		},
-		sm: {
-			arrow: "top-[58%] h-2 w-2 rounded-tl-sm",
-			root: "h-1.5"
+		lg: {
+			arrow: "top-[62%] h-2.5 w-2.5 rounded-tl-sm",
+			root: "h-2"
 		},
 		md: {
 			arrow: "top-[60%] h-2 w-2 rounded-tl-sm",
 			root: "h-1.5"
 		},
-		lg: {
-			arrow: "top-[62%] h-2.5 w-2.5 rounded-tl-sm",
-			root: "h-2"
+		sm: {
+			arrow: "top-[58%] h-1.5 w-1.5 rounded-tl-[2px]",
+			root: "h-1"
 		},
 		xl: {
 			arrow: "top-[64%] h-3 w-3 rounded-tl-sm",
 			root: "h-2.5"
+		},
+		xs: {
+			arrow: "top-[55%] h-1.5 w-1.5 rounded-tl-[2px]",
+			root: "h-1"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const NavigationMenuIndicator = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -106,14 +109,14 @@ const NavigationMenuIndicator = ({ className, size, ...props }) => {
 //#region src/ui/navigation-menu/navigation-menu-item.tsx
 const navigationMenuItemVariants = tv({
 	base: "relative",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "",
-		sm: "",
-		md: "",
 		lg: "",
-		xl: ""
-	} },
-	defaultVariants: { size: "md" }
+		md: "",
+		sm: "",
+		xl: "",
+		xs: ""
+	} }
 });
 const NavigationMenuItem = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -129,15 +132,15 @@ const NavigationMenuItem = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/navigation-menu/navigation-menu-link.tsx
 const navigationMenuLinkVariants = tv({
-	base: "flex flex-col transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted",
+	base: "cursor-clickable hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex flex-col transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-1 rounded-[min(var(--radius-md),8px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
-		sm: "gap-1.5 rounded-[min(var(--radius-md),10px)] p-2 text-sm [&_svg:not([class*='size-'])]:size-3.5",
-		md: "gap-2 rounded-lg p-2 text-sm [&_svg:not([class*='size-'])]:size-4",
 		lg: "gap-2 rounded-lg p-2.5 text-sm [&_svg:not([class*='size-'])]:size-4",
-		xl: "gap-2.5 rounded-lg p-3 text-base [&_svg:not([class*='size-'])]:size-5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-2 rounded-lg p-2 text-sm [&_svg:not([class*='size-'])]:size-4",
+		sm: "gap-1.5 rounded-[min(var(--radius-md),10px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3.5",
+		xl: "gap-2.5 rounded-lg p-3 text-base [&_svg:not([class*='size-'])]:size-5",
+		xs: "gap-1 rounded-[min(var(--radius-md),8px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3"
+	} }
 });
 const NavigationMenuLink = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -155,14 +158,14 @@ const NavigationMenuLink = ({ className, size, ...props }) => {
 //#region src/ui/navigation-menu/navigation-menu-list.tsx
 const navigationMenuListVariants = tv({
 	base: "group flex flex-1 list-none items-center justify-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-0.5",
-		sm: "gap-0.5",
-		md: "gap-0",
-		lg: "gap-0.5",
-		xl: "gap-1"
-	} },
-	defaultVariants: { size: "md" }
+		lg: "gap-2",
+		md: "gap-1.5",
+		sm: "gap-1",
+		xl: "gap-2.5",
+		xs: "gap-0.5"
+	} }
 });
 const NavigationMenuList = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -178,15 +181,15 @@ const NavigationMenuList = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/navigation-menu/navigation-menu-popup.tsx
 const navigationMenuPopupVariants = tv({
-	base: "xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0",
+	base: "xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "rounded-[min(var(--radius-md),8px)]",
-		sm: "rounded-[min(var(--radius-md),10px)]",
-		md: "rounded-lg",
 		lg: "rounded-xl",
-		xl: "rounded-xl"
-	} },
-	defaultVariants: { size: "md" }
+		md: "rounded-lg",
+		sm: "rounded-[min(var(--radius-md),10px)]",
+		xl: "rounded-xl",
+		xs: "rounded-[min(var(--radius-md),8px)]"
+	} }
 });
 const NavigationMenuPopup = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -212,7 +215,7 @@ const NavigationMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(NavigationMen
 const NavigationMenuPositioner = ({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
 	align,
 	alignOffset,
-	className: cn("isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className),
+	className: cn("z-overlay isolate h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className),
 	"data-slot": "navigation-menu-positioner",
 	side,
 	sideOffset,
@@ -222,33 +225,33 @@ const NavigationMenuPositioner = ({ className, side = "bottom", sideOffset = 8,
 //#endregion
 //#region src/ui/navigation-menu/navigation-menu-trigger.tsx
 const navigationMenuTriggerStyle = tv({
+	defaultVariants: { size: "md" },
 	slots: {
 		icon: "relative top-[1px] ml-1 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180",
-		root: "group/navigation-menu-trigger inline-flex w-max cursor-pointer items-center justify-center bg-background font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted"
+		root: "group/navigation-menu-trigger cursor-clickable bg-background hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted inline-flex w-max items-center justify-center font-medium transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 	},
 	variants: { size: {
-		xs: {
-			icon: "size-3",
-			root: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs"
-		},
-		sm: {
-			icon: "size-3.5",
-			root: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm"
+		lg: {
+			icon: "size-4",
+			root: "h-10 rounded-lg px-3 py-1.5 text-sm"
 		},
 		md: {
-			icon: "size-3",
+			icon: "size-4",
 			root: "h-9 rounded-lg px-2.5 py-1.5 text-sm"
 		},
-		lg: {
-			icon: "size-4",
-			root: "h-10 rounded-lg px-3 py-1.5 text-sm"
+		sm: {
+			icon: "size-3.5",
+			root: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs"
 		},
 		xl: {
 			icon: "size-5",
 			root: "h-11 rounded-lg px-4 py-1.5 text-base"
+		},
+		xs: {
+			icon: "size-3",
+			root: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const NavigationMenuTrigger = ({ className, children, size, ...props }) => {
 	const { size: rootSize } = useContext(NavigationMenuContext);
@@ -284,15 +287,17 @@ const NavigationMenuViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(
 //#region src/ui/navigation-menu/navigation-menu.tsx
 const NavigationMenu = ({ className, children, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const rootContextValue = useMemo(() => ({ size }), [size]);
+	const overlayContextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
-		value: { size },
+		value: rootContextValue,
 		children: /* @__PURE__ */ jsx(NavigationMenu$1.Root, {
 			className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
 			"data-size": size,
 			"data-slot": "navigation-menu",
 			...props,
 			children: /* @__PURE__ */ jsxs(NavigationMenuOverlayContext.Provider, {
-				value: { size },
+				value: overlayContextValue,
 				children: [children, /* @__PURE__ */ jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsx(NavigationMenuPositioner, { children: /* @__PURE__ */ jsx(NavigationMenuPopup, {
 					size,
 					children: /* @__PURE__ */ jsx(NavigationMenuViewport, {})