@codefast/ui 0.3.16-canary.3 → 0.4.0-canary.4

package/dist/components/menubar.mjs

@@ -1,15 +1,14 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { Menubar as Menubar$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
 //#region src/components/menubar.tsx
 /**
 * @since 0.3.16-canary.0
 */
 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),
+	return /* @__PURE__ */ jsx(Menubar$1.Root, {
+		className: cn("flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
 		"data-slot": "menubar",
 		...props
 	});
@@ -18,7 +17,7 @@ function Menubar({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, {
+	return /* @__PURE__ */ jsx(Menubar$1.Menu, {
 		"data-slot": "menubar-menu",
 		...props
 	});
@@ -27,7 +26,7 @@ function MenubarMenu({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Group, {
+	return /* @__PURE__ */ jsx(Menubar$1.Group, {
 		"data-slot": "menubar-group",
 		...props
 	});
@@ -36,7 +35,7 @@ function MenubarGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarSub({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, {
+	return /* @__PURE__ */ jsx(Menubar$1.Sub, {
 		"data-slot": "menubar-sub",
 		...props
 	});
@@ -45,7 +44,7 @@ function MenubarSub({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, {
+	return /* @__PURE__ */ jsx(Menubar$1.RadioGroup, {
 		"data-slot": "menubar-radio-group",
 		...props
 	});
@@ -54,8 +53,8 @@ function MenubarRadioGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 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),
+	return /* @__PURE__ */ jsx(Menubar$1.Trigger, {
+		className: cn("flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", className),
 		"data-slot": "menubar-trigger",
 		...props
 	});
@@ -64,43 +63,49 @@ function MenubarTrigger({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 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),
+	return /* @__PURE__ */ jsxs(Menubar$1.SubTrigger, {
+		className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", className),
 		"data-inset": inset,
 		"data-slot": "menubar-sub-trigger",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4 rtl:rotate-180" })]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 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-snappy data-open:animate-in data-open:duration-200 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:duration-150 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", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", "origin-(--radix-menubar-content-transform-origin)", className),
-		"data-slot": "menubar-sub-content",
-		...props
-	}) });
+	return /* @__PURE__ */ jsx(Menubar$1.Portal, {
+		"data-slot": "menubar-portal",
+		children: /* @__PURE__ */ jsx(Menubar$1.SubContent, {
+			className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 ease-snappy data-open:animate-in data-open:animation-duration-menu-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:ease-exit data-closed:animation-duration-menu-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", className),
+			"data-slot": "menubar-sub-content",
+			...props
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-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-snappy data-open:animate-in data-open:duration-200 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", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", "origin-(--radix-menubar-content-transform-origin)", className),
-		"data-slot": "menubar-content",
-		sideOffset,
-		...props
-	}) });
+function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 8, ...props }) {
+	return /* @__PURE__ */ jsx(Menubar$1.Portal, {
+		"data-slot": "menubar-portal",
+		children: /* @__PURE__ */ jsx(Menubar$1.Content, {
+			align,
+			alignOffset,
+			className: cn("z-50 min-w-36 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 ease-snappy data-open:animate-in data-open:animation-duration-menu-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:ease-exit", className),
+			"data-slot": "menubar-content",
+			sideOffset,
+			...props
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-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),
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Menubar$1.Item, {
+		className: cn("group/menubar-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", className),
 		"data-inset": inset,
 		"data-slot": "menubar-item",
 		"data-variant": variant,
@@ -110,29 +115,31 @@ function MenubarItem({ className, inset, variant, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function MenubarCheckboxItem({ checked, children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
+function MenubarCheckboxItem({ checked, children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menubar$1.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),
+		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		"data-inset": inset,
 		"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" }) })
+			className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-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),
+function MenubarRadioItem({ children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menubar$1.RadioItem, {
+		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-inset": inset,
 		"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") }) })
+			className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
@@ -140,8 +147,8 @@ function MenubarRadioItem({ children, className, ...props }) {
 * @since 0.3.16-canary.0
 */
 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),
+	return /* @__PURE__ */ jsx(Menubar$1.Label, {
+		className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
 		"data-inset": inset,
 		"data-slot": "menubar-label",
 		...props
@@ -151,8 +158,8 @@ function MenubarLabel({ className, inset, ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
-		className: cn("mx-2 my-1 h-px", "bg-border", className),
+	return /* @__PURE__ */ jsx(Menubar$1.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
 		"data-slot": "menubar-separator",
 		...props
 	});
@@ -162,7 +169,7 @@ function MenubarSeparator({ className, ...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),
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", className),
 		"data-slot": "menubar-shortcut",
 		...props
 	});
@@ -171,7 +178,7 @@ function MenubarShortcut({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function MenubarArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(MenubarPrimitive.Arrow, {
+	return /* @__PURE__ */ jsx(Menubar$1.Arrow, {
 		className: cn("fill-popover", className),
 		"data-slot": "menubar-arrow",
 		...props

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

@@ -4,12 +4,15 @@ import { ComponentProps, JSX } from "react";
 /**
  * @since 0.3.16-canary.0
  */
-type NativeSelectProps = ComponentProps<"select">;
+type NativeSelectProps = Omit<ComponentProps<"select">, "size"> & {
+  size?: "default" | "sm";
+};
 /**
  * @since 0.3.16-canary.0
  */
 declare function NativeSelect({
   className,
+  size,
   ...props
 }: NativeSelectProps): JSX.Element;
 /**
@@ -20,6 +23,7 @@ type NativeSelectOptionProps = ComponentProps<"option">;
  * @since 0.3.16-canary.0
  */
 declare function NativeSelectOption({
+  className,
   ...props
 }: NativeSelectOptionProps): JSX.Element;
 /**

package/dist/components/native-select.mjs

@@ -5,17 +5,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @since 0.3.16-canary.0
 */
-function NativeSelect({ className, ...props }) {
+function NativeSelect({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("group/native-select relative", "w-fit", "has-[select:disabled]:opacity-50"),
+		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+		"data-size": size,
 		"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]", "motion-reduce:transition-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),
+			className: "h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+			"data-size": size,
 			"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"),
+			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
 			"data-slot": "native-select-icon"
 		})]
 	});
@@ -23,8 +25,9 @@ function NativeSelect({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function NativeSelectOption({ ...props }) {
+function NativeSelectOption({ className, ...props }) {
 	return /* @__PURE__ */ jsx("option", {
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
 		"data-slot": "native-select-option",
 		...props
 	});
@@ -34,7 +37,7 @@ function NativeSelectOption({ ...props }) {
 */
 function NativeSelectOptGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("optgroup", {
-		className: cn(className),
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
 		"data-slot": "native-select-optgroup",
 		...props
 	});

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

@@ -1,11 +1,11 @@
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 
 //#region src/components/navigation-menu.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-interface NavigationMenuProps extends ComponentProps<typeof NavigationMenuPrimitive.Root> {
+interface NavigationMenuProps extends ComponentProps<typeof NavigationMenu$1.Root> {
   viewport?: boolean;
 }
 /**
@@ -20,7 +20,7 @@ declare function NavigationMenu({
 /**
  * @since 0.3.16-canary.0
  */
-type NavigationMenuListProps = ComponentProps<typeof NavigationMenuPrimitive.List>;
+type NavigationMenuListProps = ComponentProps<typeof NavigationMenu$1.List>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -32,7 +32,7 @@ declare function NavigationMenuList({
 /**
  * @since 0.3.16-canary.0
  */
-type NavigationMenuItemProps = ComponentProps<typeof NavigationMenuPrimitive.Item>;
+type NavigationMenuItemProps = ComponentProps<typeof NavigationMenu$1.Item>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -43,7 +43,7 @@ declare function NavigationMenuItem({
 /**
  * @since 0.3.16-canary.0
  */
-type NavigationMenuTriggerProps = ComponentProps<typeof NavigationMenuPrimitive.Trigger>;
+type NavigationMenuTriggerProps = ComponentProps<typeof NavigationMenu$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -55,7 +55,7 @@ declare function NavigationMenuTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type NavigationMenuContentProps = ComponentProps<typeof NavigationMenuPrimitive.Content>;
+type NavigationMenuContentProps = ComponentProps<typeof NavigationMenu$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -66,7 +66,7 @@ declare function NavigationMenuContent({
 /**
  * @since 0.3.16-canary.0
  */
-type NavigationMenuLinkProps = ComponentProps<typeof NavigationMenuPrimitive.Link>;
+type NavigationMenuLinkProps = ComponentProps<typeof NavigationMenu$1.Link>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -74,5 +74,27 @@ declare function NavigationMenuLink({
   className,
   ...props
 }: NavigationMenuLinkProps): JSX.Element;
+/**
+ * @since 0.4.0-canary.4
+ */
+type NavigationMenuViewportProps = ComponentProps<typeof NavigationMenu$1.Viewport>;
+/**
+ * @since 0.4.0-canary.4
+ */
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: NavigationMenuViewportProps): JSX.Element;
+/**
+ * @since 0.4.0-canary.4
+ */
+type NavigationMenuIndicatorProps = ComponentProps<typeof NavigationMenu$1.Indicator>;
+/**
+ * @since 0.4.0-canary.4
+ */
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: NavigationMenuIndicatorProps): JSX.Element;
 //#endregion
-export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps };
+export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };

package/dist/components/navigation-menu.mjs

@@ -1,14 +1,14 @@
 import { cn } from "../lib/utils.mjs";
 import { navigationMenuTriggerVariants } from "../variants/navigation-menu.mjs";
 import { ChevronDownIcon } from "lucide-react";
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation-menu.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function NavigationMenu({ children, className, viewport = true, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.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,
@@ -20,8 +20,8 @@ function NavigationMenu({ children, className, viewport = true, ...props }) {
 * @since 0.3.16-canary.0
 */
 function NavigationMenuList({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.List, {
-		className: cn("flex flex-1 items-center justify-center gap-1", "list-none", className),
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.List, {
+		className: cn("group flex flex-1 list-none items-center justify-center gap-0", className),
 		"data-slot": "navigation-menu-list",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(NavigationMenuIndicator, { className: "invisible" })]
@@ -31,8 +31,8 @@ function NavigationMenuList({ children, className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function NavigationMenuItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
-		className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		className: cn("relative", className),
 		"data-slot": "navigation-menu-item",
 		...props
 	});
@@ -41,22 +41,26 @@ function NavigationMenuItem({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function NavigationMenuTrigger({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
-		className: navigationMenuTriggerVariants({ className }),
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+		className: navigationMenuTriggerVariants({ className: ["group", 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-transform duration-300 ease-spring", "motion-reduce:transition-none motion-reduce:duration-0", "group-data-open/navigation-menu-trigger:rotate-180")
-		})]
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				"aria-hidden": "true",
+				className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180"
+			})
+		]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 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-snappy data-[motion^=from-]:animate-in data-[motion^=from-]:duration-200 data-[motion^=from-]:fade-in-0", "data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-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),
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+		className: cn("top-0 left-0 w-full p-2 pr-2.5 ease-snappy group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md 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:animation-duration-300 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-]:ease-exit data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none 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 data-closed:ease-exit 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
 	});
@@ -65,29 +69,35 @@ function NavigationMenuContent({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 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-colors duration-150 ease-snappy", "motion-reduce:transition-none motion-reduce:duration-0", "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),
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		className: cn("flex items-center gap-1.5 rounded-md p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "navigation-menu-link",
 		...props
 	});
 }
+/**
+* @since 0.4.0-canary.4
+*/
 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] duration-300 ease-snappy", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", "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),
+		className: "absolute top-full left-0 isolate z-50 flex justify-center",
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
+			className: cn("relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full origin-[top_center] overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[width,height] duration-100 ease-snappy md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:animation-duration-100 data-open:zoom-in-90 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-100 data-closed:zoom-out-90", className),
 			"data-slot": "navigation-menu-viewport",
 			...props
 		})
 	});
 }
+/**
+* @since 0.4.0-canary.4
+*/
 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-snappy data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0", "data-[state=visible]:animate-in data-[state=visible]:fade-in-0", "motion-reduce:animate-none motion-reduce:transition-none", className),
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Indicator, {
+		className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-hidden:animate-out data-hidden:fade-out data-visible:animate-in data-visible:fade-in", 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") })
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
 	});
 }
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };

package/dist/components/pagination.d.mts

@@ -54,11 +54,14 @@ declare function PaginationLink({
  */
 interface PaginationPreviousProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
   isActive?: boolean;
+  text?: string;
 }
 /**
  * @since 0.3.16-canary.0
  */
 declare function PaginationPrevious({
+  className,
+  text,
   ...props
 }: PaginationPreviousProps): JSX.Element;
 /**
@@ -66,11 +69,14 @@ declare function PaginationPrevious({
  */
 interface PaginationNextProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
   isActive?: boolean;
+  text?: string;
 }
 /**
  * @since 0.3.16-canary.0
  */
 declare function PaginationNext({
+  className,
+  text,
   ...props
 }: PaginationNextProps): JSX.Element;
 /**

package/dist/components/pagination.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.mjs";
 import { buttonVariants } from "../variants/button.mjs";
-import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/pagination.tsx
 /**
@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "pagination",
-		className: cn("flex w-full justify-center", "mx-auto", className),
+		className: cn("mx-auto flex w-full justify-center", className),
 		"data-slot": "pagination",
 		...props
 	});
@@ -19,7 +19,7 @@ function Pagination({ className, ...props }) {
 */
 function PaginationContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
-		className: cn("flex flex-row items-center gap-1", className),
+		className: cn("flex items-center gap-1", className),
 		"data-slot": "pagination-content",
 		...props
 	});
@@ -44,6 +44,7 @@ function PaginationLink({ children, className, isActive, size = "icon", ...props
 			size,
 			variant: isActive ? "outline" : "ghost"
 		}),
+		"data-active": isActive,
 		"data-slot": "pagination-link",
 		...props,
 		children
@@ -52,25 +53,39 @@ function PaginationLink({ children, className, isActive, size = "icon", ...props
 /**
 * @since 0.3.16-canary.0
 */
-function PaginationPrevious({ ...props }) {
+function PaginationPrevious({ className, text = "Previous", ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to previous page",
+		className: cn("pl-2!", className),
 		"data-slot": "pagination-previous",
-		size: "md",
+		size: "default",
 		...props,
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+			className: "rtl:rotate-180",
+			"data-icon": "inline-start"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		})]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-function PaginationNext({ ...props }) {
+function PaginationNext({ className, text = "Next", ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to next page",
+		className: cn("pr-2!", className),
 		"data-slot": "pagination-next",
-		size: "md",
+		size: "default",
 		...props,
-		children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRightIcon, {})]
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+			className: "rtl:rotate-180",
+			"data-icon": "inline-end"
+		})]
 	});
 }
 /**
@@ -79,10 +94,10 @@ function PaginationNext({ ...props }) {
 function PaginationEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": true,
-		className: cn("flex size-10 items-center justify-center", className),
+		className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "pagination-ellipsis",
 		...props,
-		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "More pages"
 		})]