@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/menubar.js

@@ -1,154 +1,133 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-menubar";
 import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+//#region src/components/menubar.tsx
 function Menubar({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("flex items-center space-x-1 rounded-lg border bg-background p-1", className),
-        "data-slot": "menubar",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
+		className: cn("flex items-center space-x-1 rounded-lg border bg-background p-1", className),
+		"data-slot": "menubar",
+		...props
+	});
 }
 function MenubarMenu({ ...props }) {
-    return /*#__PURE__*/ jsx(Menu, {
-        "data-slot": "menubar-menu",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, {
+		"data-slot": "menubar-menu",
+		...props
+	});
 }
 function MenubarGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "menubar-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Group, {
+		"data-slot": "menubar-group",
+		...props
+	});
 }
 function MenubarSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "menubar-sub",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, {
+		"data-slot": "menubar-sub",
+		...props
+	});
 }
 function MenubarRadioGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(RadioGroup, {
-        "data-slot": "menubar-radio-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, {
+		"data-slot": "menubar-radio-group",
+		...props
+	});
 }
 function MenubarTrigger({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        className: cn("flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
-        "data-slot": "menubar-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
+		className: cn("flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
+		"data-slot": "menubar-trigger",
+		...props
+	});
 }
 function MenubarSubTrigger({ children, className, inset, ...props }) {
-    return /*#__PURE__*/ jsxs(SubTrigger, {
-        className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
-        "data-inset": inset,
-        "data-slot": "menubar-sub-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronRightIcon, {
-                className: "ml-auto size-4"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
+		className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
+		"data-inset": inset,
+		"data-slot": "menubar-sub-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
+	});
 }
 function MenubarSubContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(SubContent, {
-            className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-            "data-slot": "menubar-sub-content",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
+		className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+		"data-slot": "menubar-sub-content",
+		...props
+	}) });
 }
 function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            align: align,
-            alignOffset: alignOffset,
-            className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-            "data-slot": "menubar-content",
-            sideOffset: sideOffset,
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
+		align,
+		alignOffset,
+		className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+		"data-slot": "menubar-content",
+		sideOffset,
+		...props
+	}) });
 }
 function MenubarItem({ className, inset, variant, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
-        "data-inset": inset,
-        "data-slot": "menubar-item",
-        "data-variant": variant,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
+		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
+		"data-inset": inset,
+		"data-slot": "menubar-item",
+		"data-variant": variant,
+		...props
+	});
 }
 function MenubarCheckboxItem({ checked, children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(CheckboxItem, {
-        checked: checked,
-        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-        "data-slot": "menubar-checkbox-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
-                    })
-                })
-            }),
-            children
-        ]
-    });
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
+		checked,
+		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "menubar-checkbox-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
 }
 function MenubarRadioItem({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(RadioItem, {
-        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-        "data-slot": "menubar-radio-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(DotIcon, {
-                        className: "size-4 fill-current"
-                    })
-                })
-            }),
-            children
-        ]
-    });
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
+		className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "menubar-radio-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: "size-4 fill-current" }) })
+		}), children]
+	});
 }
 function MenubarLabel({ className, inset, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
-        "data-inset": inset,
-        "data-slot": "menubar-label",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
+		className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
+		"data-inset": inset,
+		"data-slot": "menubar-label",
+		...props
+	});
 }
 function MenubarSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        className: cn("mx-2 my-1 h-px bg-border", className),
-        "data-slot": "menubar-separator",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
+		className: cn("mx-2 my-1 h-px bg-border", className),
+		"data-slot": "menubar-separator",
+		...props
+	});
 }
 function MenubarShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
-        "data-slot": "menubar-shortcut",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
+		"data-slot": "menubar-shortcut",
+		...props
+	});
 }
 function MenubarArrow({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Arrow, {
-        className: cn("fill-popover", className),
-        "data-slot": "menubar-arrow",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Arrow, {
+		className: cn("fill-popover", className),
+		"data-slot": "menubar-arrow",
+		...props
+	});
 }
+//#endregion
 export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/components/native-select.d.ts

@@ -1,9 +1,19 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/native-select.d.ts
 type NativeSelectProps = ComponentProps<"select">;
-declare function NativeSelect({ className, ...props }: NativeSelectProps): JSX.Element;
+declare function NativeSelect({
+  className,
+  ...props
+}: NativeSelectProps): JSX.Element;
 type NativeSelectOptionProps = ComponentProps<"option">;
-declare function NativeSelectOption({ ...props }: NativeSelectOptionProps): JSX.Element;
+declare function NativeSelectOption({
+  ...props
+}: NativeSelectOptionProps): JSX.Element;
 type NativeSelectOptGroupProps = ComponentProps<"optgroup">;
-declare function NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps): JSX.Element;
-export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
-export type { NativeSelectOptGroupProps, NativeSelectOptionProps, NativeSelectProps };
+declare function NativeSelectOptGroup({
+  className,
+  ...props
+}: NativeSelectOptGroupProps): JSX.Element;
+//#endregion
+export { NativeSelect, NativeSelectOptGroup, type NativeSelectOptGroupProps, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps };

package/dist/components/native-select.js

@@ -1,35 +1,34 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/native-select.tsx
 function NativeSelect({ className, ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
-        "data-slot": "native-select-wrapper",
-        children: [
-            /*#__PURE__*/ jsx("select", {
-                className: cn("h-9 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
-                "data-slot": "native-select",
-                ...props
-            }),
-            /*#__PURE__*/ jsx(ChevronDownIcon, {
-                "aria-hidden": "true",
-                className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none",
-                "data-slot": "native-select-icon"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+		"data-slot": "native-select-wrapper",
+		children: [/* @__PURE__ */ jsx("select", {
+			className: cn("h-9 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
+			"data-slot": "native-select",
+			...props
+		}), /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"aria-hidden": "true",
+			className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none",
+			"data-slot": "native-select-icon"
+		})]
+	});
 }
 function NativeSelectOption({ ...props }) {
-    return /*#__PURE__*/ jsx("option", {
-        "data-slot": "native-select-option",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		...props
+	});
 }
 function NativeSelectOptGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx("optgroup", {
-        className: cn(className),
-        "data-slot": "native-select-optgroup",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("optgroup", {
+		className: cn(className),
+		"data-slot": "native-select-optgroup",
+		...props
+	});
 }
+//#endregion
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

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

@@ -1,20 +1,44 @@
-import type { ComponentProps, JSX } from "react";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-declare const navigationMenuTriggerVariants: import("@codefast/tailwind-variants").VariantFunctionType<import("@codefast/tailwind-variants").ConfigurationSchema, Record<string, never>>;
+
+//#region src/components/navigation-menu.d.ts
+declare const navigationMenuTriggerVariants: _$_codefast_tailwind_variants0.VariantFunctionType<_$_codefast_tailwind_variants0.ConfigurationSchema, Record<string, never>>;
 interface NavigationMenuProps extends ComponentProps<typeof NavigationMenuPrimitive.Root> {
-    viewport?: boolean;
+  viewport?: boolean;
 }
-declare function NavigationMenu({ children, className, viewport, ...props }: NavigationMenuProps): JSX.Element;
+declare function NavigationMenu({
+  children,
+  className,
+  viewport,
+  ...props
+}: NavigationMenuProps): JSX.Element;
 type NavigationMenuListProps = ComponentProps<typeof NavigationMenuPrimitive.List>;
-declare function NavigationMenuList({ children, className, ...props }: NavigationMenuListProps): JSX.Element;
+declare function NavigationMenuList({
+  children,
+  className,
+  ...props
+}: NavigationMenuListProps): JSX.Element;
 type NavigationMenuItemProps = ComponentProps<typeof NavigationMenuPrimitive.Item>;
-declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: NavigationMenuItemProps): JSX.Element;
 type NavigationMenuTriggerProps = ComponentProps<typeof NavigationMenuPrimitive.Trigger>;
-declare function NavigationMenuTrigger({ children, className, ...props }: NavigationMenuTriggerProps): JSX.Element;
+declare function NavigationMenuTrigger({
+  children,
+  className,
+  ...props
+}: NavigationMenuTriggerProps): JSX.Element;
 type NavigationMenuContentProps = ComponentProps<typeof NavigationMenuPrimitive.Content>;
-declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: NavigationMenuContentProps): JSX.Element;
 type NavigationMenuLinkProps = ComponentProps<typeof NavigationMenuPrimitive.Link>;
-declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): JSX.Element;
-export { navigationMenuTriggerVariants };
-export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, };
-export type { NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTriggerProps, };
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: NavigationMenuLinkProps): JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, navigationMenuTriggerVariants };

package/dist/components/navigation-menu.js

@@ -1,94 +1,79 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "./button.js";
 import { cn, tv } from "@codefast/tailwind-variants";
-import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
 import { ChevronDownIcon } from "lucide-react";
-import { buttonVariants } from "./button.js";
-const navigationMenuTriggerVariants = tv({
-    base: buttonVariants({
-        className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
-        variant: "ghost"
-    })
-});
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu.tsx
+const navigationMenuTriggerVariants = tv({ base: buttonVariants({
+	className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
+	variant: "ghost"
+}) });
 function NavigationMenu({ children, className, viewport = true, ...props }) {
-    return /*#__PURE__*/ jsxs(Root, {
-        className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
-        "data-slot": "navigation-menu",
-        "data-viewport": viewport,
-        ...props,
-        children: [
-            children,
-            viewport ? /*#__PURE__*/ jsx(NavigationMenuViewport, {}) : null
-        ]
-    });
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		"data-slot": "navigation-menu",
+		"data-viewport": viewport,
+		...props,
+		children: [children, viewport ? /* @__PURE__ */ jsx(NavigationMenuViewport, {}) : null]
+	});
 }
 function NavigationMenuList({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(List, {
-        className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
-        "data-slot": "navigation-menu-list",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(NavigationMenuIndicator, {
-                className: "invisible"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.List, {
+		className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
+		"data-slot": "navigation-menu-list",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(NavigationMenuIndicator, { className: "invisible" })]
+	});
 }
 function NavigationMenuItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
-        "data-slot": "navigation-menu-item",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
+		className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
+		"data-slot": "navigation-menu-item",
+		...props
+	});
 }
 function NavigationMenuTrigger({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(Trigger, {
-        className: navigationMenuTriggerVariants({
-            className
-        }),
-        "data-slot": "navigation-menu-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronDownIcon, {
-                "aria-hidden": "true",
-                className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
+		className: navigationMenuTriggerVariants({ className }),
+		"data-slot": "navigation-menu-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"aria-hidden": "true",
+			className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"
+		})]
+	});
 }
 function NavigationMenuContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        className: cn("top-0 left-0 w-full ease-ui group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=true]/navigation-menu:p-2 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-0 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 md:absolute md:w-auto", className),
-        "data-slot": "navigation-menu-content",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
+		className: cn("top-0 left-0 w-full ease-ui group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=true]/navigation-menu:p-2 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-0 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 md:absolute md:w-auto", className),
+		"data-slot": "navigation-menu-content",
+		...props
+	});
 }
 function NavigationMenuLink({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Link, {
-        className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
-        "data-slot": "navigation-menu-link",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {
+		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
+		"data-slot": "navigation-menu-link",
+		...props
+	});
 }
 function NavigationMenuViewport({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: "absolute top-full left-0 z-30 flex justify-center perspective-distant",
-        children: /*#__PURE__*/ jsx(Viewport, {
-            className: cn("relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg transition-[width,height] ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
-            "data-slot": "navigation-menu-viewport",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: "absolute top-full left-0 z-30 flex justify-center perspective-distant",
+		children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {
+			className: cn("relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg transition-[width,height] ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
+			"data-slot": "navigation-menu-viewport",
+			...props
+		})
+	});
 }
 function NavigationMenuIndicator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Indicator, {
-        className: cn("top-full z-10 flex h-2 items-center justify-center overflow-hidden ease-ui data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:animate-in data-[state=visible]:fade-in-0", className),
-        "data-slot": "navigation-menu-indicator",
-        ...props,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-xs bg-popover text-popover-foreground"
-        })
-    });
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
+		className: cn("top-full z-10 flex h-2 items-center justify-center overflow-hidden ease-ui data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:animate-in data-[state=visible]:fade-in-0", className),
+		"data-slot": "navigation-menu-indicator",
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-xs bg-popover text-popover-foreground" })
+	});
 }
+//#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerVariants };