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

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

@@ -1,11 +1,11 @@
+import { ContextMenu as ContextMenu$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 
 //#region src/components/context-menu.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuProps = ComponentProps<typeof ContextMenuPrimitive.Root>;
+type ContextMenuProps = ComponentProps<typeof ContextMenu$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -15,17 +15,18 @@ declare function ContextMenu({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuTriggerProps = ComponentProps<typeof ContextMenuPrimitive.Trigger>;
+type ContextMenuTriggerProps = ComponentProps<typeof ContextMenu$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function ContextMenuTrigger({
+  className,
   ...props
 }: ContextMenuTriggerProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuGroupProps = ComponentProps<typeof ContextMenuPrimitive.Group>;
+type ContextMenuGroupProps = ComponentProps<typeof ContextMenu$1.Group>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -35,7 +36,7 @@ declare function ContextMenuGroup({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuSubProps = ComponentProps<typeof ContextMenuPrimitive.Sub>;
+type ContextMenuSubProps = ComponentProps<typeof ContextMenu$1.Sub>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -45,7 +46,7 @@ declare function ContextMenuSub({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuRadioGroupProps = ComponentProps<typeof ContextMenuPrimitive.RadioGroup>;
+type ContextMenuRadioGroupProps = ComponentProps<typeof ContextMenu$1.RadioGroup>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -55,7 +56,7 @@ declare function ContextMenuRadioGroup({
 /**
  * @since 0.3.16-canary.0
  */
-interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
+interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenu$1.SubTrigger> {
   inset?: boolean;
 }
 /**
@@ -70,7 +71,7 @@ declare function ContextMenuSubTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuSubContentProps = ComponentProps<typeof ContextMenuPrimitive.SubContent>;
+type ContextMenuSubContentProps = ComponentProps<typeof ContextMenu$1.SubContent>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -81,7 +82,7 @@ declare function ContextMenuSubContent({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuContentProps = ComponentProps<typeof ContextMenuPrimitive.Content>;
+type ContextMenuContentProps = ComponentProps<typeof ContextMenu$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -92,7 +93,7 @@ declare function ContextMenuContent({
 /**
  * @since 0.3.16-canary.0
  */
-interface ContextMenuItemProps extends ComponentProps<typeof ContextMenuPrimitive.Item> {
+interface ContextMenuItemProps extends ComponentProps<typeof ContextMenu$1.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
@@ -108,7 +109,9 @@ declare function ContextMenuItem({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuCheckboxItemProps = ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>;
+interface ContextMenuCheckboxItemProps extends ComponentProps<typeof ContextMenu$1.CheckboxItem> {
+  inset?: boolean;
+}
 /**
  * @since 0.3.16-canary.0
  */
@@ -116,24 +119,28 @@ declare function ContextMenuCheckboxItem({
   checked,
   children,
   className,
+  inset,
   ...props
 }: ContextMenuCheckboxItemProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuRadioItemProps = ComponentProps<typeof ContextMenuPrimitive.RadioItem>;
+interface ContextMenuRadioItemProps extends ComponentProps<typeof ContextMenu$1.RadioItem> {
+  inset?: boolean;
+}
 /**
  * @since 0.3.16-canary.0
  */
 declare function ContextMenuRadioItem({
   children,
   className,
+  inset,
   ...props
 }: ContextMenuRadioItemProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-interface ContextMenuLabelProps extends ComponentProps<typeof ContextMenuPrimitive.Label> {
+interface ContextMenuLabelProps extends ComponentProps<typeof ContextMenu$1.Label> {
   inset?: boolean;
 }
 /**
@@ -147,7 +154,7 @@ declare function ContextMenuLabel({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuSeparatorProps = ComponentProps<typeof ContextMenuPrimitive.Separator>;
+type ContextMenuSeparatorProps = ComponentProps<typeof ContextMenu$1.Separator>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -169,7 +176,7 @@ declare function ContextMenuShortcut({
 /**
  * @since 0.3.16-canary.0
  */
-type ContextMenuArrowProps = ComponentProps<typeof ContextMenuPrimitive.Arrow>;
+type ContextMenuArrowProps = ComponentProps<typeof ContextMenu$1.Arrow>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/context-menu.mjs

@@ -1,14 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { ContextMenu as ContextMenu$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 //#region src/components/context-menu.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function ContextMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Root, {
 		"data-slot": "context-menu",
 		...props
 	});
@@ -16,8 +15,9 @@ function ContextMenu({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function ContextMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, {
+function ContextMenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
+		className: cn("select-none", className),
 		"data-slot": "context-menu-trigger",
 		...props
 	});
@@ -26,7 +26,7 @@ function ContextMenuTrigger({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Group, {
 		"data-slot": "context-menu-group",
 		...props
 	});
@@ -35,7 +35,7 @@ function ContextMenuGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Sub, {
 		"data-slot": "context-menu-sub",
 		...props
 	});
@@ -44,7 +44,7 @@ function ContextMenuSub({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, {
 		"data-slot": "context-menu-radio-group",
 		...props
 	});
@@ -53,40 +53,43 @@ function ContextMenuRadioGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuSubTrigger({ children, className, inset, ...props }) {
-	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.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", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+	return /* @__PURE__ */ jsxs(ContextMenu$1.SubTrigger, {
+		className: cn("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 data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-inset": inset,
 		"data-slot": "context-menu-sub-trigger",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto rtl:rotate-180" })]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function ContextMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.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-context-menu-content-transform-origin)", className),
+	return /* @__PURE__ */ jsx(ContextMenu$1.SubContent, {
+		className: cn("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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": "context-menu-sub-content",
 		...props
-	}) });
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function ContextMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
-		className: cn("z-50", "max-h-(--radix-context-menu-content-available-height) min-w-32 overflow-x-hidden overflow-y-auto 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-context-menu-content-transform-origin)", className),
-		"data-slot": "context-menu-content",
-		...props
-	}) });
+	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
+		"data-slot": "context-menu-portal",
+		children: /* @__PURE__ */ jsx(ContextMenu$1.Content, {
+			className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto 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": "context-menu-content",
+			...props
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-function ContextMenuItem({ className, inset, variant, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
-		className: cn("group/context-menu-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 ContextMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Item, {
+		className: cn("group/context-menu-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 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 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className),
 		"data-inset": inset,
 		"data-slot": "context-menu-item",
 		"data-variant": variant,
@@ -96,29 +99,31 @@ function ContextMenuItem({ className, inset, variant, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
+function ContextMenuCheckboxItem({ checked, children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
 		checked,
-		className: cn("group/context-menu-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-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent 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": "context-menu-checkbox-item",
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("absolute flex items-center justify-center", "left-2"),
-			children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+			className: "pointer-events-none absolute right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-function ContextMenuRadioItem({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
-		className: cn("group/context-menu-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 ContextMenuRadioItem({ children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent 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": "context-menu-radio-item",
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("absolute flex items-center justify-center", "left-2"),
-			children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: cn("size-4", "fill-current") }) })
+			className: "pointer-events-none absolute right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
@@ -126,8 +131,8 @@ function ContextMenuRadioItem({ children, className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.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(ContextMenu$1.Label, {
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
 		"data-inset": inset,
 		"data-slot": "context-menu-label",
 		...props
@@ -137,8 +142,8 @@ function ContextMenuLabel({ className, inset, ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
-		className: cn("mx-2 my-1 h-px", "bg-border", className),
+	return /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
 		"data-slot": "context-menu-separator",
 		...props
 	});
@@ -148,7 +153,7 @@ function ContextMenuSeparator({ className, ...props }) {
 */
 function ContextMenuShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/context-menu-item:text-destructive/80", className),
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
 		"data-slot": "context-menu-shortcut",
 		...props
 	});
@@ -157,7 +162,7 @@ function ContextMenuShortcut({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function ContextMenuArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Arrow, {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Arrow, {
 		className: cn("fill-popover", className),
 		"data-slot": "context-menu-arrow",
 		...props

package/dist/components/dialog.d.mts

@@ -1,13 +1,11 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "./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 "./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/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-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-ui data-open:animate-in", "max-sm:data-open:animation-duration-500 max-sm:data-open:slide-in-from-bottom", "sm:data-open:fade-in-0 sm:data-open:zoom-in-95", "data-closed:animate-out", "max-sm:data-closed:animation-duration-500 max-sm:data-closed:slide-out-to-bottom", "sm:data-closed:fade-out-0 sm:data-closed:zoom-out-95", 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 top-1/2 left-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 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 top-4 right-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 = "outline", ...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 };