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

package/dist/components/checkbox.mjs

@@ -1,21 +1,20 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { CheckIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon, MinusIcon } from "lucide-react";
+import { Checkbox as Checkbox$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/checkbox.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Checkbox({ className, ...props }) {
-	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-		className: cn("peer flex size-4 shrink-0 items-center justify-center", "rounded-sm border border-input shadow-xs outline-hidden", "text-primary-foreground", "transition-[border-color,background-color,box-shadow] duration-150 ease-spring", "motion-reduce:transition-none motion-reduce:duration-0", "hover:not-disabled:not-aria-checked:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-checked:border-primary aria-checked:bg-primary", "aria-checked:focus-visible:ring-primary/20", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60", "aria-checked:aria-invalid:bg-destructive", "dark:bg-input/30", "dark:aria-checked:focus-visible:ring-primary/40", "dark:aria-invalid:ring-destructive/40", className),
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input shadow-xs transition-shadow duration-control ease-snappy outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:data-indeterminate:bg-primary", className),
 		"data-slot": "checkbox",
 		...props,
-		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
-			className: cn("flex items-center justify-center text-current", "animate-in duration-150 ease-spring zoom-in-50", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0"),
+		children: /* @__PURE__ */ jsxs(Checkbox$1.Indicator, {
+			className: "group/checkbox-indicator grid animate-in place-content-center text-current duration-control-indicator ease-spring zoom-in-50 [&>svg]:size-3.5",
 			"data-slot": "checkbox-indicator",
-			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+			children: [/* @__PURE__ */ jsx(CheckIcon, { className: "group-data-indeterminate/checkbox-indicator:hidden" }), /* @__PURE__ */ jsx(MinusIcon, { className: "hidden group-data-indeterminate/checkbox-indicator:block" })]
 		})
 	});
 }

package/dist/components/collapsible.d.mts

@@ -1,11 +1,11 @@
+import { Collapsible as Collapsible$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/collapsible.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive.Root>;
+type CollapsibleProps = ComponentProps<typeof Collapsible$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -15,7 +15,7 @@ declare function Collapsible({
 /**
  * @since 0.3.16-canary.0
  */
-type CollapsibleTriggerProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>;
+type CollapsibleTriggerProps = ComponentProps<typeof Collapsible$1.CollapsibleTrigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -25,7 +25,7 @@ declare function CollapsibleTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type CollapsibleContentProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>;
+type CollapsibleContentProps = ComponentProps<typeof Collapsible$1.CollapsibleContent>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/collapsible.mjs

@@ -1,12 +1,11 @@
-"use client";
+import { Collapsible as Collapsible$1 } from "radix-ui";
 import { jsx } from "react/jsx-runtime";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 //#region src/components/collapsible.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Collapsible({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
 		"data-slot": "collapsible",
 		...props
 	});
@@ -15,7 +14,7 @@ function Collapsible({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleTrigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
@@ -24,7 +23,7 @@ function CollapsibleTrigger({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
+	return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleContent, {
 		"data-slot": "collapsible-content",
 		...props
 	});

package/dist/components/command.d.mts

@@ -17,12 +17,21 @@ declare function Command({
 /**
  * @since 0.3.16-canary.0
  */
-type CommandDialogProps = ComponentProps<typeof Dialog>;
+interface CommandDialogProps extends ComponentProps<typeof Dialog> {
+  className?: string;
+  description?: string;
+  showCloseButton?: boolean;
+  title?: string;
+}
 /**
  * @since 0.3.16-canary.0
  */
 declare function CommandDialog({
   children,
+  className,
+  description,
+  showCloseButton,
+  title,
   ...props
 }: CommandDialogProps): JSX.Element;
 /**
@@ -88,6 +97,7 @@ type CommandItemProps = ComponentProps<typeof Command$1.Item>;
  * @since 0.3.16-canary.0
  */
 declare function CommandItem({
+  children,
   className,
   ...props
 }: CommandItemProps): JSX.Element;

package/dist/components/command.mjs

@@ -1,9 +1,8 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./dialog.mjs";
-import { SearchIcon } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.mjs";
+import { InputGroup, InputGroupAddon } from "./input-group.mjs";
+import { CheckIcon, SearchIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { Command as Command$1 } from "cmdk";
 //#region src/components/command.tsx
 /**
@@ -11,7 +10,7 @@ import { Command as Command$1 } from "cmdk";
 */
 function Command({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1, {
-		className: cn("flex flex-col overflow-hidden", "rounded-[inherit]", "bg-popover text-popover-foreground outline-hidden", className),
+		className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", className),
 		"data-slot": "command",
 		...props
 	});
@@ -19,33 +18,36 @@ function Command({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function CommandDialog({ children, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog, {
+function CommandDialog({ children, className, description = "Search for a command to run...", showCloseButton = false, title = "Command Palette", ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog, {
 		"data-slot": "command-dialog",
 		...props,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className: cn("rounded-t-lg", "sm:rounded-lg"),
+		children: [/* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(DialogContent, {
+			className: cn("top-1/3 translate-y-0 overflow-hidden rounded-xl p-0", className),
 			"data-slot": "command-dialog-content",
-			children: [/* @__PURE__ */ jsxs(VisuallyHidden, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Search command" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Use the search bar to find and select the desired command." })] }), /* @__PURE__ */ jsx(Command, {
-				className: cn("[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", "[&_[cmdk-input]]:h-12"),
-				children
-			})]
-		})
+			showCloseButton,
+			children
+		})]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function CommandInput({ className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"cmdk-input-wrapper": true,
-		className: cn("flex items-center gap-2", "px-3", "border-b"),
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-1 pb-0",
 		"data-slot": "command-input-wrapper",
-		children: [/* @__PURE__ */ jsx(SearchIcon, { className: cn("size-4 shrink-0", "opacity-50") }), /* @__PURE__ */ jsx(Command$1.Input, {
-			className: cn("flex h-10 w-full", "text-base", "outline-hidden", "placeholder:text-muted-foreground", "disabled:opacity-50", "md:text-sm", className),
-			"data-slot": "command-input",
-			...props
-		})]
+		children: /* @__PURE__ */ jsxs(InputGroup, {
+			className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:ps-2!",
+			children: [/* @__PURE__ */ jsx(Command$1.Input, {
+				className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+				"data-slot": "command-input",
+				...props
+			}), /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })]
+		})
 	});
 }
 /**
@@ -53,7 +55,7 @@ function CommandInput({ className, ...props }) {
 */
 function CommandList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1.List, {
-		className: cn("max-h-75 overflow-x-hidden overflow-y-auto", className),
+		className: cn("max-h-72 scroll-py-1 scrollbar-none overflow-x-hidden overflow-y-auto outline-none", className),
 		"data-slot": "command-list",
 		...props
 	});
@@ -63,7 +65,7 @@ function CommandList({ className, ...props }) {
 */
 function CommandEmpty({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1.Empty, {
-		className: cn("py-6", "text-center text-sm", className),
+		className: cn("py-6 text-center text-sm", className),
 		"data-slot": "command-empty",
 		...props
 	});
@@ -73,7 +75,7 @@ function CommandEmpty({ className, ...props }) {
 */
 function CommandGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1.Group, {
-		className: cn("overflow-hidden p-1 text-foreground", "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+		className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className),
 		"data-slot": "command-group",
 		...props
 	});
@@ -83,7 +85,7 @@ function CommandGroup({ className, ...props }) {
 */
 function CommandSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1.Separator, {
-		className: cn("-mx-1 h-px", "bg-border", className),
+		className: cn("-mx-1 h-px w-auto bg-border", className),
 		"data-slot": "command-separator",
 		...props
 	});
@@ -91,11 +93,12 @@ function CommandSeparator({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function CommandItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Item, {
-		className: cn("group/command-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "aria-disabled:opacity-50", "aria-selected:bg-accent aria-selected:text-accent-foreground", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
+function CommandItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Command$1.Item, {
+		className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-selected:bg-muted data-selected:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:**:[svg]:text-foreground", className),
 		"data-slot": "command-item",
-		...props
+		...props,
+		children: [children, /* @__PURE__ */ jsx(CheckIcon, { className: "ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-checked/command-item:opacity-100" })]
 	});
 }
 /**
@@ -103,7 +106,7 @@ function CommandItem({ className, ...props }) {
 */
 function CommandLoading({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command$1.Loading, {
-		className: cn("flex justify-center", "p-2", className),
+		className: cn("flex justify-center p-2", className),
 		"data-slot": "command-loading",
 		...props
 	});
@@ -113,7 +116,7 @@ function CommandLoading({ className, ...props }) {
 */
 function CommandShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", className),
+		className: cn("ms-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className),
 		"data-slot": "command-shortcut",
 		...props
 	});

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:ps-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: "ms-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-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-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-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-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:ps-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 ps-2 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-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 end-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 ps-2 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-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 end-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:ps-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("ms-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