@pactor-app/ui 1.46.0 → 1.48.0

package/dist/{chunk-7OBUSV5S.js → chunk-YHTRCBKF.js}

@@ -312,16 +312,133 @@ function Input({ className, type, ...props }) {
   );
 }
 
+// src/ui/dropdown-menu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { ChevronRightIcon } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx7(
+    MenuPrimitive.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx7(
+        MenuPrimitive.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(
+            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(
+    MenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(
+    MenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    MenuPrimitive.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(
+        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-open:bg-(--menu-active-background) data-open:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx7(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  sideOffset = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx7(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx7(
+    MenuPrimitive.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative: _decorative,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SeparatorPrimitive,
     {
       "data-slot": "separator",
@@ -339,32 +456,32 @@ function Separator({
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function Sheet({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     DialogPrimitive.Backdrop,
     {
       "data-slot": "sheet-overlay",
@@ -398,9 +515,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ jsx8(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ jsx9(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs4(
       DialogPrimitive.Popup,
       {
         "data-slot": "sheet-content",
@@ -408,11 +525,11 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             DialogPrimitive.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsx8(
+              render: /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -420,8 +537,8 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx8(XIcon, {}),
-                /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx9(XIcon, {}),
+                /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -431,7 +548,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-slot": "sheet-header",
@@ -441,7 +558,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -454,7 +571,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     DialogPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -467,7 +584,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     DialogPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -505,7 +622,7 @@ function useIsMobile() {
 }
 
 // src/ui/sidebar.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -569,7 +686,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx10(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -593,7 +710,7 @@ function SidebarRoot({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         "data-slot": "sidebar",
@@ -607,7 +724,7 @@ function SidebarRoot({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx9(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx10(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs5(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -619,16 +736,16 @@ function SidebarRoot({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs4(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx9(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx9(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs5(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx10(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx10(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx10("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -638,7 +755,7 @@ function SidebarRoot({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -650,7 +767,7 @@ function SidebarRoot({
             )
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -666,7 +783,7 @@ function SidebarRoot({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -687,7 +804,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Button,
     {
       "data-sidebar": "trigger",
@@ -701,15 +818,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx9(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx10(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       "data-sidebar": "rail",
@@ -732,7 +849,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -751,7 +868,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -762,7 +879,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -773,7 +890,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -787,7 +904,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Separator,
     {
       "data-slot": "sidebar-separator",
@@ -798,7 +915,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -812,7 +929,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -849,7 +966,7 @@ function SidebarGroupLabel({
   if (asChild) {
     return renderAsChild(children, "sidebar-group-label", cls, props);
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-group-label",
@@ -875,7 +992,7 @@ function SidebarGroupAction({
   if (asChild) {
     return renderAsChild(children, "sidebar-group-action", cls, props);
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       "data-slot": "sidebar-group-action",
@@ -890,7 +1007,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -901,7 +1018,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -912,7 +1029,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -959,7 +1076,7 @@ function SidebarMenuButton({
     "data-size": size,
     "data-active": isActive,
     ...props
-  }) : /* @__PURE__ */ jsx9(
+  }) : /* @__PURE__ */ jsx10(
     "button",
     {
       "data-slot": "sidebar-menu-button",
@@ -979,9 +1096,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx9(TooltipTrigger, { render: button }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx10(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ jsx10(
       TooltipContent,
       {
         side: "right",
@@ -1012,7 +1129,7 @@ function SidebarMenuAction({
   if (asChild) {
     return renderAsChild(children, "sidebar-menu-action", cls, props);
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       "data-slot": "sidebar-menu-action",
@@ -1027,7 +1144,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -1053,7 +1170,7 @@ function SidebarMenuSkeleton({
   const width = React.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -1061,14 +1178,14 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx9(
+        showIcon && /* @__PURE__ */ jsx10(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -1083,7 +1200,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -1101,7 +1218,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -1137,7 +1254,7 @@ function SidebarMenuSubButton({
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       "a",
       {
         "data-slot": "sidebar-menu-sub-button",
@@ -1173,6 +1290,14 @@ export {
   PopoverTrigger,
   PopoverContent,
   Input,
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
   useIsMobile,
   Separator,
   Sheet,