@codefast/ui 0.3.13-canary.3 → 0.3.13

package/dist/components/item.mjs

@@ -0,0 +1,137 @@
+import { cn, tv } from "../lib/utils.mjs";
+import { Separator } from "./separator.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/item.tsx
+const itemVariants = tv({
+	base: [
+		"group/item flex flex-wrap items-center",
+		"rounded-lg border border-transparent outline-hidden",
+		"text-sm",
+		"transition-colors duration-100",
+		"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+		"[a]:transition-colors",
+		"[a]:hover:bg-accent/50"
+	],
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: ["gap-4", "p-4"],
+			sm: ["gap-2.5", "px-4 py-3"]
+		},
+		variant: {
+			default: "bg-transparent",
+			muted: "bg-muted/50",
+			outline: "border-border"
+		}
+	}
+});
+const itemMediaVariants = tv({
+	base: [
+		"flex shrink-0 items-center justify-center gap-2",
+		"group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start",
+		"[&_svg]:pointer-events-none"
+	],
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: [
+			"size-8 shrink-0",
+			"rounded-md border",
+			"bg-muted",
+			"[&_svg:not([class*='size-'])]:size-4"
+		],
+		image: [
+			"size-10 shrink-0 overflow-hidden",
+			"rounded-md",
+			"[&_img]:size-full [&_img]:object-cover"
+		]
+	} }
+});
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/item-group flex flex-col", className),
+		"data-slot": "item-group",
+		role: "list",
+		...props
+	});
+}
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("my-0", className),
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		...props
+	});
+}
+function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: itemVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-size": size,
+		"data-slot": "item",
+		"data-variant": variant,
+		...props
+	});
+}
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: itemMediaVariants({
+			className,
+			variant
+		}),
+		"data-slot": "item-media",
+		"data-variant": variant,
+		...props
+	});
+}
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 flex-col gap-1", "[&+[data-slot=item-content]]:flex-none", className),
+		"data-slot": "item-content",
+		...props
+	});
+}
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-fit items-center gap-2", "text-sm leading-snug font-medium", className),
+		"data-slot": "item-title",
+		...props
+	});
+}
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", className),
+		"data-slot": "item-description",
+		...props
+	});
+}
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2", className),
+		"data-slot": "item-actions",
+		...props
+	});
+}
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		"data-slot": "item-header",
+		...props
+	});
+}
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		"data-slot": "item-footer",
+		...props
+	});
+}
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };

package/dist/components/kbd.d.mts

@@ -0,0 +1,15 @@
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/kbd.d.ts
+type KbdProps = ComponentProps<"kbd">;
+declare function Kbd({
+  className,
+  ...props
+}: KbdProps): JSX.Element;
+type KbdGroupProps = ComponentProps<"kbd">;
+declare function KbdGroup({
+  className,
+  ...props
+}: KbdGroupProps): JSX.Element;
+//#endregion
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/components/kbd.mjs

@@ -0,0 +1,19 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/kbd.tsx
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 px-1", "rounded-md", "bg-muted font-sans text-xs font-medium text-muted-foreground", "pointer-events-none select-none", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background", "dark:in-data-[slot=tooltip-content]:bg-background/10", "[&_svg:not([class*='size-'])]:size-3", className),
+		"data-slot": "kbd",
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("inline-flex items-center gap-1", className),
+		"data-slot": "kbd-group",
+		...props
+	});
+}
+//#endregion
+export { Kbd, KbdGroup };

package/dist/components/label.d.mts

@@ -0,0 +1,11 @@
+import { ComponentProps, JSX } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/label.d.ts
+type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
+declare function Label({
+  className,
+  ...props
+}: LabelProps): JSX.Element;
+//#endregion
+export { Label, type LabelProps };

package/dist/components/label.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region src/components/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		className: cn("inline-block", "text-sm leading-none font-medium", "group-data-disabled:opacity-50", "peer-disabled:opacity-50", "peer-aria-invalid:text-destructive", "peer-data-disabled:opacity-50", "data-invalid:text-destructive", className),
+		"data-slot": "label",
+		...props
+	});
+}
+//#endregion
+export { Label };

package/dist/components/menubar.d.mts

@@ -0,0 +1,100 @@
+import { ComponentProps, JSX } from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+
+//#region src/components/menubar.d.ts
+type MenubarProps = ComponentProps<typeof MenubarPrimitive.Root>;
+declare function Menubar({
+  className,
+  ...props
+}: MenubarProps): JSX.Element;
+type MenubarMenuProps = ComponentProps<typeof MenubarPrimitive.Menu>;
+declare function MenubarMenu({
+  ...props
+}: MenubarMenuProps): JSX.Element;
+type MenubarGroupProps = ComponentProps<typeof MenubarPrimitive.Group>;
+declare function MenubarGroup({
+  ...props
+}: MenubarGroupProps): JSX.Element;
+type MenubarSubProps = ComponentProps<typeof MenubarPrimitive.Sub>;
+declare function MenubarSub({
+  ...props
+}: MenubarSubProps): JSX.Element;
+type MenubarRadioGroupProps = ComponentProps<typeof MenubarPrimitive.RadioGroup>;
+declare function MenubarRadioGroup({
+  ...props
+}: MenubarRadioGroupProps): JSX.Element;
+type MenubarTriggerProps = ComponentProps<typeof MenubarPrimitive.Trigger>;
+declare function MenubarTrigger({
+  className,
+  ...props
+}: MenubarTriggerProps): JSX.Element;
+interface MenubarSubTriggerProps extends ComponentProps<typeof MenubarPrimitive.SubTrigger> {
+  inset?: boolean;
+}
+declare function MenubarSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: MenubarSubTriggerProps): JSX.Element;
+type MenubarSubContentProps = ComponentProps<typeof MenubarPrimitive.SubContent>;
+declare function MenubarSubContent({
+  className,
+  ...props
+}: MenubarSubContentProps): JSX.Element;
+type MenubarContentProps = ComponentProps<typeof MenubarPrimitive.Content>;
+declare function MenubarContent({
+  align,
+  alignOffset,
+  className,
+  sideOffset,
+  ...props
+}: MenubarContentProps): JSX.Element;
+interface MenubarItemProps extends ComponentProps<typeof MenubarPrimitive.Item> {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}
+declare function MenubarItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: MenubarItemProps): JSX.Element;
+type MenubarCheckboxItemProps = ComponentProps<typeof MenubarPrimitive.CheckboxItem>;
+declare function MenubarCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: MenubarCheckboxItemProps): JSX.Element;
+type MenubarRadioItemProps = ComponentProps<typeof MenubarPrimitive.RadioItem>;
+declare function MenubarRadioItem({
+  children,
+  className,
+  ...props
+}: MenubarRadioItemProps): JSX.Element;
+interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label> {
+  inset?: boolean;
+}
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: MenubarLabelProps): JSX.Element;
+type MenubarSeparatorProps = ComponentProps<typeof MenubarPrimitive.Separator>;
+declare function MenubarSeparator({
+  className,
+  ...props
+}: MenubarSeparatorProps): JSX.Element;
+type MenubarShortcutProps = ComponentProps<"span">;
+declare function MenubarShortcut({
+  className,
+  ...props
+}: MenubarShortcutProps): JSX.Element;
+type MenubarArrowProps = ComponentProps<typeof MenubarPrimitive.Arrow>;
+declare function MenubarArrow({
+  className,
+  ...props
+}: MenubarArrowProps): JSX.Element;
+//#endregion
+export { Menubar, MenubarArrow, type MenubarArrowProps, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps };

package/dist/components/menubar.mjs

@@ -0,0 +1,133 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+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(MenubarPrimitive.Root, {
+		className: cn("flex items-center space-x-1", "p-1", "rounded-lg border", "bg-background", className),
+		"data-slot": "menubar",
+		...props
+	});
+}
+function MenubarMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, {
+		"data-slot": "menubar-menu",
+		...props
+	});
+}
+function MenubarGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Group, {
+		"data-slot": "menubar-group",
+		...props
+	});
+}
+function MenubarSub({ ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, {
+		"data-slot": "menubar-sub",
+		...props
+	});
+}
+function MenubarRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, {
+		"data-slot": "menubar-radio-group",
+		...props
+	});
+}
+function MenubarTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
+		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm font-medium", "select-none", "focus:bg-accent focus:text-accent-foreground", "data-open:bg-accent data-open:text-accent-foreground", className),
+		"data-slot": "menubar-trigger",
+		...props
+	});
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
+		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", className),
+		"data-inset": inset,
+		"data-slot": "menubar-sub-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
+	});
+}
+function MenubarSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
+		className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-menubar-content-transform-origin)", className),
+		"data-slot": "menubar-sub-content",
+		...props
+	}) });
+}
+function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
+		align,
+		alignOffset,
+		className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "origin-(--radix-menubar-content-transform-origin)", className),
+		"data-slot": "menubar-content",
+		sideOffset,
+		...props
+	}) });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
+		className: cn("group/menubar-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default 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", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		"data-inset": inset,
+		"data-slot": "menubar-item",
+		"data-variant": variant,
+		...props
+	});
+}
+function MenubarCheckboxItem({ checked, children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
+		checked,
+		className: cn("group/menubar-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default 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: cn("absolute flex items-center justify-center", "left-2"),
+			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
+}
+function MenubarRadioItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
+		className: cn("group/menubar-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default 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: cn("absolute flex items-center justify-center", "left-2"),
+			children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: cn("size-4", "fill-current") }) })
+		}), children]
+	});
+}
+function MenubarLabel({ className, inset, ...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(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
+	});
+}
+function MenubarArrow({ className, ...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.mts

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

package/dist/components/native-select.mjs

@@ -0,0 +1,34 @@
+import { cn } from "../lib/utils.mjs";
+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: cn("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 px-3 py-2 pr-9", "rounded-lg border border-input", "bg-transparent shadow-xs outline-none", "text-sm", "appearance-none transition-[color,box-shadow]", "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: cn("absolute top-1/2 right-3.5", "size-4 text-muted-foreground", "-translate-y-1/2 opacity-50", "pointer-events-none select-none"),
+			"data-slot": "native-select-icon"
+		})]
+	});
+}
+function NativeSelectOption({ ...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
+	});
+}
+//#endregion
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

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

@@ -0,0 +1,44 @@
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+
+//#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;
+}
+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;
+type NavigationMenuItemProps = ComponentProps<typeof NavigationMenuPrimitive.Item>;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: NavigationMenuItemProps): JSX.Element;
+type NavigationMenuTriggerProps = ComponentProps<typeof NavigationMenuPrimitive.Trigger>;
+declare function NavigationMenuTrigger({
+  children,
+  className,
+  ...props
+}: NavigationMenuTriggerProps): JSX.Element;
+type NavigationMenuContentProps = ComponentProps<typeof NavigationMenuPrimitive.Content>;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: NavigationMenuContentProps): JSX.Element;
+type NavigationMenuLinkProps = ComponentProps<typeof NavigationMenuPrimitive.Link>;
+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.mjs

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

package/dist/components/pagination.d.mts

@@ -0,0 +1,46 @@
+import { VariantProps } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/pagination.d.ts
+type PaginationProps = ComponentProps<"nav">;
+declare function Pagination({
+  className,
+  ...props
+}: PaginationProps): JSX.Element;
+type PaginationContentProps = ComponentProps<"ul">;
+declare function PaginationContent({
+  className,
+  ...props
+}: PaginationContentProps): JSX.Element;
+type PaginationItemProps = ComponentProps<"li">;
+declare function PaginationItem(props: PaginationItemProps): JSX.Element;
+interface PaginationLinkProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
+  isActive?: boolean;
+}
+declare function PaginationLink({
+  children,
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): JSX.Element;
+interface PaginationPreviousProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
+  isActive?: boolean;
+}
+declare function PaginationPrevious({
+  ...props
+}: PaginationPreviousProps): JSX.Element;
+interface PaginationNextProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
+  isActive?: boolean;
+}
+declare function PaginationNext({
+  ...props
+}: PaginationNextProps): JSX.Element;
+type PaginationEllipsisProps = ComponentProps<"span">;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: PaginationEllipsisProps): JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps };