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

package/dist/components/dialog.d.mts

@@ -1,13 +1,11 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "../variants/button.mjs";
+import { Dialog as Dialog$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/dialog.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type DialogProps = ComponentProps<typeof DialogPrimitive.Root>;
+type DialogProps = ComponentProps<typeof Dialog$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -17,7 +15,7 @@ declare function Dialog({
 /**
  * @since 0.3.16-canary.0
  */
-type DialogTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
+type DialogTriggerProps = ComponentProps<typeof Dialog$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -27,13 +25,8 @@ declare function DialogTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {
-  classNames?: {
-    close?: string;
-    content?: string;
-    overlay?: string;
-    wrapper?: string;
-  };
+interface DialogContentProps extends ComponentProps<typeof Dialog$1.Content> {
+  showCloseButton?: boolean;
 }
 /**
  * @since 0.3.16-canary.0
@@ -41,7 +34,7 @@ interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Conte
 declare function DialogContent({
   children,
   className,
-  classNames,
+  showCloseButton,
   ...props
 }: DialogContentProps): JSX.Element;
 /**
@@ -56,6 +49,11 @@ declare function DialogHeader({
   ...props
 }: DialogHeaderProps): JSX.Element;
 /**
+ * Optional scrollable region for long content. When used, the Header and Footer
+ * stay pinned (shrink-0) and only this body scrolls; without it, the whole
+ * Content scrolls via its own max-height. This is a codefast enhancement over
+ * radix-vega, which has no scroll handling for tall dialogs.
+ *
  * @since 0.3.16-canary.0
  */
 type DialogBodyProps = ComponentProps<"div">;
@@ -69,18 +67,22 @@ declare function DialogBody({
 /**
  * @since 0.3.16-canary.0
  */
-type DialogFooterProps = ComponentProps<"div">;
+interface DialogFooterProps extends ComponentProps<"div"> {
+  showCloseButton?: boolean;
+}
 /**
  * @since 0.3.16-canary.0
  */
 declare function DialogFooter({
+  children,
   className,
+  showCloseButton,
   ...props
 }: DialogFooterProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+type DialogTitleProps = ComponentProps<typeof Dialog$1.Title>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -91,7 +93,7 @@ declare function DialogTitle({
 /**
  * @since 0.3.16-canary.0
  */
-type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+type DialogDescriptionProps = ComponentProps<typeof Dialog$1.Description>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -102,17 +104,11 @@ declare function DialogDescription({
 /**
  * @since 0.3.16-canary.0
  */
-interface DialogCloseProps extends Omit<ComponentProps<typeof DialogPrimitive.Close>, "ref"> {
-  size?: VariantProps<typeof buttonVariants>["size"];
-  variant?: VariantProps<typeof buttonVariants>["variant"];
-}
+type DialogCloseProps = ComponentProps<typeof Dialog$1.Close>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function DialogClose({
-  className,
-  size,
-  variant,
   ...props
 }: DialogCloseProps): JSX.Element;
 //#endregion

package/dist/components/dialog.mjs

@@ -1,15 +1,14 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { buttonVariants } from "../variants/button.mjs";
+import { Button } from "./button.mjs";
 import { XIcon } from "lucide-react";
+import { Dialog as Dialog$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region src/components/dialog.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Dialog({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
 		"data-slot": "dialog",
 		...props
 	});
@@ -18,7 +17,7 @@ function Dialog({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function DialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
@@ -26,38 +25,38 @@ function DialogTrigger({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function DialogContent({ children, className, classNames, ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
-		className: cn("fixed inset-0 z-50", "bg-black/40 backdrop-blur-sm", "ease-gentle data-open:animate-in data-open:duration-300 data-open:fade-in-0", "data-closed:animate-out data-closed:duration-200 data-closed:fade-out-0", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", classNames?.overlay),
-		"data-slot": "dialog-overlay"
-	}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
-		className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-gentle data-open:animate-in data-open:duration-300", "max-sm:data-open:animation-duration-380 max-sm:data-open:slide-in-from-bottom", "sm:data-open:fade-in-0 sm:data-open:zoom-in-95", "data-closed:animate-out data-closed:duration-200", "max-sm:data-closed:animation-duration-280 max-sm:data-closed:slide-out-to-bottom", "sm:data-closed:fade-out-0 sm:data-closed:zoom-out-95", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", classNames?.wrapper),
-		"data-slot": "dialog-content-wrapper",
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("relative row-start-2 flex w-full flex-col", "rounded-t-2xl border", "bg-popover text-popover-foreground shadow-lg", "sm:max-w-lg sm:rounded-2xl", classNames?.content, className),
+function DialogContent({ children, className, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog$1.Portal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(Dialog$1.Overlay, {
+			className: "fixed inset-0 isolate z-50 bg-black/10 ease-gentle supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:animation-duration-overlay-in data-open:fade-in-0 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-overlay-out data-closed:fade-out-0",
+			"data-slot": "dialog-overlay"
+		}), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+			className: cn("fixed start-1/2 top-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-6 overflow-y-auto rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 ease-ui outline-none sm:max-w-md rtl:translate-x-1/2 data-open:animate-in data-open:animation-duration-overlay-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-overlay-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
 			"data-slot": "dialog-content",
-			children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
-				className: buttonVariants({
-					className: ["absolute top-2.5 right-2.5 size-7", classNames?.close],
-					size: "icon",
-					variant: "ghost"
-				}),
+			...props,
+			children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog$1.Close, {
+				asChild: true,
 				"data-slot": "dialog-close",
-				children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: "Close"
-				})]
-			})]
-		})
-	})] });
+				children: /* @__PURE__ */ jsxs(Button, {
+					className: "absolute end-4 top-4",
+					size: "icon-sm",
+					variant: "ghost",
+					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			}) : null]
+		})]
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("header", {
-		className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center", "sm:text-left", className),
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 flex-col gap-2", className),
 		"data-slot": "dialog-header",
 		...props
 	});
@@ -66,8 +65,8 @@ function DialogHeader({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function DialogBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("main", {
-		className: cn("overflow-auto", "px-6 py-2", className),
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("-mx-6 min-h-0 flex-1 overflow-y-auto px-6", className),
 		"data-slot": "dialog-body",
 		...props
 	});
@@ -75,19 +74,26 @@ function DialogBody({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function DialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("footer", {
-		className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6", "sm:flex-row sm:justify-end", className),
+function DialogFooter({ children, className, showCloseButton = false, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
 		"data-slot": "dialog-footer",
-		...props
+		...props,
+		children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog$1.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		}) : null]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-		className: cn("text-lg leading-none font-semibold tracking-tight", className),
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		className: cn("font-heading leading-none font-medium", className),
 		"data-slot": "dialog-title",
 		...props
 	});
@@ -96,8 +102,8 @@ function DialogTitle({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
-		className: cn("text-sm text-muted-foreground", className),
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
 		"data-slot": "dialog-description",
 		...props
 	});
@@ -105,13 +111,8 @@ function DialogDescription({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function DialogClose({ className, size, variant, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});

package/dist/components/direction.d.mts

@@ -0,0 +1,24 @@
+import { Direction } from "radix-ui";
+import { ComponentProps } from "react";
+
+//#region src/components/direction.d.ts
+/**
+ * @since 0.4.0-canary.4
+ */
+type DirectionProviderProps = ComponentProps<typeof Direction.DirectionProvider> & {
+  direction?: ComponentProps<typeof Direction.DirectionProvider>["dir"];
+};
+/**
+ * @since 0.4.0-canary.4
+ */
+declare function DirectionProvider({
+  dir,
+  direction,
+  children
+}: DirectionProviderProps): import("react").JSX.Element;
+/**
+ * @since 0.4.0-canary.4
+ */
+declare const useDirection: typeof Direction.useDirection;
+//#endregion
+export { DirectionProvider, type DirectionProviderProps, useDirection };

package/dist/components/direction.mjs

@@ -0,0 +1,18 @@
+import { Direction } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/direction.tsx
+/**
+* @since 0.4.0-canary.4
+*/
+function DirectionProvider({ dir, direction, children }) {
+	return /* @__PURE__ */ jsx(Direction.DirectionProvider, {
+		dir: direction ?? dir,
+		children
+	});
+}
+/**
+* @since 0.4.0-canary.4
+*/
+const useDirection = Direction.useDirection;
+//#endregion
+export { DirectionProvider, useDirection };

package/dist/components/drawer.d.mts

@@ -28,20 +28,13 @@ declare function DrawerTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-interface DrawerContentProps extends ComponentProps<typeof Drawer$1.Content> {
-  classNames?: {
-    content?: string;
-    handle?: string;
-    overlay?: string;
-  };
-}
+type DrawerContentProps = ComponentProps<typeof Drawer$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function DrawerContent({
   children,
   className,
-  classNames,
   ...props
 }: DrawerContentProps): JSX.Element;
 /**
@@ -55,17 +48,6 @@ declare function DrawerHeader({
   className,
   ...props
 }: DrawerHeaderProps): JSX.Element;
-/**
- * @since 0.3.16-canary.0
- */
-type DrawerBodyProps = ComponentProps<"div">;
-/**
- * @since 0.3.16-canary.0
- */
-declare function DrawerBody({
-  className,
-  ...props
-}: DrawerBodyProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
@@ -116,4 +98,4 @@ declare function DrawerClose({
   ...props
 }: DrawerCloseProps): JSX.Element;
 //#endregion
-export { Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };
+export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };

package/dist/components/drawer.mjs

@@ -1,4 +1,3 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
 import { buttonVariants } from "../variants/button.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,23 +25,26 @@ function DrawerTrigger({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function DrawerContent({ children, className, classNames, ...props }) {
-	return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [/* @__PURE__ */ jsx(Drawer$1.Overlay, {
-		className: cn("fixed inset-0 z-50", "bg-black/50", classNames?.overlay),
-		"data-slot": "drawer-overlay"
-	}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
-		className: cn("group/drawer-content fixed z-50 flex h-auto flex-col", "bg-background", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=left]:sm:max-w-sm", "data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className),
-		"data-slot": "drawer-content",
-		...props,
-		children: [/* @__PURE__ */ jsx("div", { className: cn("hidden", "mx-auto mt-4 h-1.5 w-12 shrink-0", "rounded-full", "bg-muted", "group-data-[vaul-drawer-direction=bottom]/drawer-content:block", classNames?.handle) }), children]
-	})] });
+function DrawerContent({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Drawer$1.Portal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(Drawer$1.Overlay, {
+			className: "fixed inset-0 z-50 bg-black/10 ease-gentle supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:animation-duration-panel-in data-open:fade-in-0 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-panel-out data-closed:fade-out-0",
+			"data-slot": "drawer-overlay"
+		}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+			className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-e-xl data-[vaul-drawer-direction=left]:border-e data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-s-xl data-[vaul-drawer-direction=right]:border-s data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", className),
+			"data-slot": "drawer-content",
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-25 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function DrawerHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-1.5", "p-4", className),
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-start", className),
 		"data-slot": "drawer-header",
 		...props
 	});
@@ -50,19 +52,9 @@ function DrawerHeader({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function DrawerBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("main", {
-		className: cn("overflow-auto", "px-6 py-2", className),
-		"data-slot": "drawer-body",
-		...props
-	});
-}
-/**
-* @since 0.3.16-canary.0
-*/
 function DrawerFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-2", "mt-auto p-4", className),
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
 		"data-slot": "drawer-footer",
 		...props
 	});
@@ -72,7 +64,7 @@ function DrawerFooter({ className, ...props }) {
 */
 function DrawerTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer$1.Title, {
-		className: cn("font-semibold text-foreground", className),
+		className: cn("font-heading font-medium text-foreground", className),
 		"data-slot": "drawer-title",
 		...props
 	});
@@ -102,4 +94,4 @@ function DrawerClose({ className, size, variant, ...props }) {
 	});
 }
 //#endregion
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };

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

@@ -1,11 +1,11 @@
+import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/dropdown-menu.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
+type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -15,7 +15,7 @@ declare function DropdownMenu({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
+type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenu$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -25,7 +25,7 @@ declare function DropdownMenuTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuGroupProps = ComponentProps<typeof DropdownMenuPrimitive.Group>;
+type DropdownMenuGroupProps = ComponentProps<typeof DropdownMenu$1.Group>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -35,7 +35,7 @@ declare function DropdownMenuGroup({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuSubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub>;
+type DropdownMenuSubProps = ComponentProps<typeof DropdownMenu$1.Sub>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -45,7 +45,7 @@ declare function DropdownMenuSub({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuRadioGroupProps = ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
+type DropdownMenuRadioGroupProps = ComponentProps<typeof DropdownMenu$1.RadioGroup>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -55,7 +55,7 @@ declare function DropdownMenuRadioGroup({
 /**
  * @since 0.3.16-canary.0
  */
-interface DropdownMenuSubTriggerProps extends ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> {
+interface DropdownMenuSubTriggerProps extends ComponentProps<typeof DropdownMenu$1.SubTrigger> {
   inset?: boolean;
 }
 /**
@@ -70,7 +70,7 @@ declare function DropdownMenuSubTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
+type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenu$1.SubContent>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -81,11 +81,12 @@ declare function DropdownMenuSubContent({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content>;
+type DropdownMenuContentProps = ComponentProps<typeof DropdownMenu$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function DropdownMenuContent({
+  align,
   className,
   sideOffset,
   ...props
@@ -93,7 +94,7 @@ declare function DropdownMenuContent({
 /**
  * @since 0.3.16-canary.0
  */
-interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenuPrimitive.Item> {
+interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu$1.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
@@ -109,7 +110,9 @@ declare function DropdownMenuItem({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
+interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu$1.CheckboxItem> {
+  inset?: boolean;
+}
 /**
  * @since 0.3.16-canary.0
  */
@@ -117,24 +120,28 @@ declare function DropdownMenuCheckboxItem({
   checked,
   children,
   className,
+  inset,
   ...props
 }: DropdownMenuCheckboxItemProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
+interface DropdownMenuRadioItemProps extends ComponentProps<typeof DropdownMenu$1.RadioItem> {
+  inset?: boolean;
+}
 /**
  * @since 0.3.16-canary.0
  */
 declare function DropdownMenuRadioItem({
   children,
   className,
+  inset,
   ...props
 }: DropdownMenuRadioItemProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenuPrimitive.Label> {
+interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenu$1.Label> {
   inset?: boolean;
 }
 /**
@@ -148,7 +155,7 @@ declare function DropdownMenuLabel({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenu$1.Separator>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -170,7 +177,7 @@ declare function DropdownMenuShortcut({
 /**
  * @since 0.3.16-canary.0
  */
-type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenuPrimitive.Arrow>;
+type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenu$1.Arrow>;
 /**
  * @since 0.3.16-canary.0
  */