@c-rex/ui 0.1.11 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@c-rex/ui",
-    "version": "0.1.11",
+    "version": "0.1.12",
     "type": "module",
     "files": [
         "src"

package/src/button.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";

package/src/dropdown-menu.tsx

@@ -40,7 +40,7 @@ function DropdownMenuContent({
                 data-slot="dropdown-menu-content"
                 sideOffset={sideOffset}
                 className={cn(
-                    "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+                    "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
                     className
                 )}
                 {...props}
@@ -212,9 +212,11 @@ function DropdownMenuSubTrigger({
     className,
     inset,
     children,
+    side = "right",
     ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean
+    side?: "right" | "left"
 }) {
     return (
         <DropdownMenuPrimitive.SubTrigger
@@ -226,8 +228,12 @@ function DropdownMenuSubTrigger({
             )}
             {...props}
         >
-            {children}
-            <ChevronRightIcon className="ml-auto size-4" />
+            {side === "right" ? (
+                <>
+                    {children}
+                    <ChevronRightIcon className="ml-auto size-4" />
+                </>
+            ) : (children)}
         </DropdownMenuPrimitive.SubTrigger>
     )
 }