@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/navigation-menu-viewport-B1zGz9H_.d.ts

@@ -0,0 +1,401 @@
+import { InputSize } from "./input.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+
+//#region src/ui/navigation-menu/navigation-menu-arrow.d.ts
+type NavigationMenuArrowProps = NavigationMenu.Arrow.Props;
+declare const NavigationMenuArrow: ({
+  className,
+  ...props
+}: NavigationMenuArrowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-backdrop.d.ts
+type NavigationMenuBackdropProps = NavigationMenu.Backdrop.Props;
+declare const NavigationMenuBackdrop: ({
+  className,
+  ...props
+}: NavigationMenuBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type NavigationMenuContentProps = NavigationMenu.Content.Props & VariantProps<typeof navigationMenuContentVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuContent: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-indicator.d.ts
+declare const navigationMenuIndicatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      arrow: string;
+      root: string;
+    };
+    sm: {
+      arrow: string;
+      root: string;
+    };
+    md: {
+      arrow: string;
+      root: string;
+    };
+    lg: {
+      arrow: string;
+      root: string;
+    };
+    xl: {
+      arrow: string;
+      root: string;
+    };
+  };
+}, {
+  arrow: string;
+  root: string;
+}, undefined, {
+  size: {
+    xs: {
+      arrow: string;
+      root: string;
+    };
+    sm: {
+      arrow: string;
+      root: string;
+    };
+    md: {
+      arrow: string;
+      root: string;
+    };
+    lg: {
+      arrow: string;
+      root: string;
+    };
+    xl: {
+      arrow: string;
+      root: string;
+    };
+  };
+}, {
+  arrow: string;
+  root: string;
+}, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      arrow: string;
+      root: string;
+    };
+    sm: {
+      arrow: string;
+      root: string;
+    };
+    md: {
+      arrow: string;
+      root: string;
+    };
+    lg: {
+      arrow: string;
+      root: string;
+    };
+    xl: {
+      arrow: string;
+      root: string;
+    };
+  };
+}, {
+  arrow: string;
+  root: string;
+}, undefined, unknown, unknown, undefined>>;
+type NavigationMenuIndicatorProps = ComponentProps<typeof NavigationMenu.Icon> & VariantProps<typeof navigationMenuIndicatorVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuIndicator: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: string;
+  };
+}, undefined, "relative", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "relative", unknown, unknown, undefined>>;
+type NavigationMenuItemProps = ComponentProps<typeof NavigationMenu.Item> & VariantProps<typeof navigationMenuItemVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuItem: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type NavigationMenuLinkProps = NavigationMenu.Link.Props & VariantProps<typeof navigationMenuLinkVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuLink: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuLinkProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: string;
+  };
+}, undefined, "group flex flex-1 list-none items-center justify-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group flex flex-1 list-none items-center justify-center", unknown, unknown, undefined>>;
+type NavigationMenuListProps = ComponentProps<typeof NavigationMenu.List> & VariantProps<typeof navigationMenuListVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuList: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuListProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type NavigationMenuPopupProps = NavigationMenu.Popup.Props & VariantProps<typeof navigationMenuPopupVariants> & {
+  size?: InputSize;
+};
+declare const NavigationMenuPopup: ({
+  className,
+  size,
+  ...props
+}: NavigationMenuPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-portal.d.ts
+type NavigationMenuPortalProps = NavigationMenu.Portal.Props;
+declare const NavigationMenuPortal: ({
+  ...props
+}: NavigationMenuPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-positioner.d.ts
+type NavigationMenuPositionerProps = NavigationMenu.Positioner.Props;
+declare const NavigationMenuPositioner: ({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  ...props
+}: NavigationMenuPositionerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-trigger.d.ts
+declare const navigationMenuTriggerStyle: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      icon: string;
+      root: string;
+    };
+    sm: {
+      icon: string;
+      root: string;
+    };
+    md: {
+      icon: string;
+      root: string;
+    };
+    lg: {
+      icon: string;
+      root: string;
+    };
+    xl: {
+      icon: string;
+      root: string;
+    };
+  };
+}, {
+  icon: string;
+  root: string;
+}, undefined, {
+  size: {
+    xs: {
+      icon: string;
+      root: string;
+    };
+    sm: {
+      icon: string;
+      root: string;
+    };
+    md: {
+      icon: string;
+      root: string;
+    };
+    lg: {
+      icon: string;
+      root: string;
+    };
+    xl: {
+      icon: string;
+      root: string;
+    };
+  };
+}, {
+  icon: string;
+  root: string;
+}, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      icon: string;
+      root: string;
+    };
+    sm: {
+      icon: string;
+      root: string;
+    };
+    md: {
+      icon: string;
+      root: string;
+    };
+    lg: {
+      icon: string;
+      root: string;
+    };
+    xl: {
+      icon: string;
+      root: string;
+    };
+  };
+}, {
+  icon: string;
+  root: string;
+}, undefined, unknown, unknown, undefined>>;
+type NavigationMenuTriggerProps = NavigationMenu.Trigger.Props & VariantProps<typeof navigationMenuTriggerStyle> & {
+  size?: InputSize;
+};
+declare const NavigationMenuTrigger: ({
+  className,
+  children,
+  size,
+  ...props
+}: NavigationMenuTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-viewport.d.ts
+type NavigationMenuViewportProps = NavigationMenu.Viewport.Props;
+declare const NavigationMenuViewport: ({
+  className,
+  ...props
+}: NavigationMenuViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavigationMenuArrow as C, NavigationMenuBackdropProps as S, NavigationMenuIndicator as _, NavigationMenuPositioner as a, NavigationMenuContentProps as b, NavigationMenuPortalProps as c, NavigationMenuList as d, NavigationMenuListProps as f, NavigationMenuItemProps as g, NavigationMenuItem as h, NavigationMenuTriggerProps as i, NavigationMenuPopup as l, NavigationMenuLinkProps as m, NavigationMenuViewportProps as n, NavigationMenuPositionerProps as o, NavigationMenuLink as p, NavigationMenuTrigger as r, NavigationMenuPortal as s, NavigationMenuViewport as t, NavigationMenuPopupProps as u, NavigationMenuIndicatorProps as v, NavigationMenuArrowProps as w, NavigationMenuBackdrop as x, NavigationMenuContent as y };
+//# sourceMappingURL=navigation-menu-viewport-B1zGz9H_.d.ts.map

package/dist/navigation-menu-viewport-B1zGz9H_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-viewport-B1zGz9H_.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"],"mappings":"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"}

package/dist/navigation-menu-viewport-MCTpmOhX.js

@@ -0,0 +1,284 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { cn, tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+
+//#region src/ui/navigation-menu/navigation-menu-arrow.tsx
+const NavigationMenuArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
+	className: cn("fill-popover stroke-border", className),
+	"data-slot": "navigation-menu-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-backdrop.tsx
+const NavigationMenuBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu.Backdrop, {
+	className: cn(className),
+	"data-slot": "navigation-menu-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-context.tsx
+const NavigationMenuContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-overlay-context.tsx
+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",
+	variants: { size: {
+		xs: "p-0.5",
+		sm: "p-1",
+		md: "p-1",
+		lg: "p-1.5",
+		xl: "p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuContent = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenuOverlayContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(NavigationMenu.Content, {
+			className: cn(navigationMenuContentVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "navigation-menu-content",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-indicator.tsx
+const navigationMenuIndicatorVariants = tv({
+	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"
+	},
+	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"
+		},
+		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"
+		},
+		xl: {
+			arrow: "top-[64%] h-3 w-3 rounded-tl-sm",
+			root: "h-2.5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuIndicator = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { arrow, root } = navigationMenuIndicatorVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
+		className: mergeBaseUIClassName(cn(root()), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-indicator",
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: arrow() })
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-item.tsx
+const navigationMenuItemVariants = tv({
+	base: "relative",
+	variants: { size: {
+		xs: "",
+		sm: "",
+		md: "",
+		lg: "",
+		xl: ""
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuItem = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		className: cn(navigationMenuItemVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-item",
+		...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",
+	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" }
+});
+const NavigationMenuLink = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		className: cn(navigationMenuLinkVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-link",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-list.tsx
+const navigationMenuListVariants = tv({
+	base: "group flex flex-1 list-none items-center justify-center",
+	variants: { size: {
+		xs: "gap-0.5",
+		sm: "gap-0.5",
+		md: "gap-0",
+		lg: "gap-0.5",
+		xl: "gap-1"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuList = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		className: cn(navigationMenuListVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-list",
+		...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",
+	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" }
+});
+const NavigationMenuPopup = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+		className: cn(navigationMenuPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-portal.tsx
+const NavigationMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(NavigationMenu.Portal, {
+	"data-slot": "navigation-menu-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-positioner.tsx
+const NavigationMenuPositioner = ({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) => /* @__PURE__ */ jsx(NavigationMenu.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),
+	"data-slot": "navigation-menu-positioner",
+	side,
+	sideOffset,
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-trigger.tsx
+const navigationMenuTriggerStyle = tv({
+	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"
+	},
+	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"
+		},
+		md: {
+			icon: "size-3",
+			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"
+		},
+		xl: {
+			icon: "size-5",
+			root: "h-11 rounded-lg px-4 py-1.5 text-base"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuTrigger = ({ className, children, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { icon, root } = navigationMenuTriggerStyle({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+		className: cn(root(), "group", className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-trigger",
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(HugeiconsIcon, {
+				"aria-hidden": "true",
+				className: icon(),
+				icon: ArrowDown01Icon,
+				strokeWidth: 2
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-viewport.tsx
+const NavigationMenuViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+	className: cn("relative size-full overflow-hidden", className),
+	"data-slot": "navigation-menu-viewport",
+	...props
+});
+
+//#endregion
+export { NavigationMenuPopup as a, NavigationMenuItem as c, NavigationMenuOverlayContext as d, NavigationMenuContext as f, NavigationMenuPortal as i, NavigationMenuIndicator as l, NavigationMenuArrow as m, NavigationMenuTrigger as n, NavigationMenuList as o, NavigationMenuBackdrop as p, NavigationMenuPositioner as r, NavigationMenuLink as s, NavigationMenuViewport as t, NavigationMenuContent as u };
+//# sourceMappingURL=navigation-menu-viewport-MCTpmOhX.js.map