@hanzo/ui 5.3.19 → 5.3.22

package/dist/dock/message.mjs

@@ -1 +1,122 @@
-import*as u from'react';import {Loader2,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var g=Object.defineProperty;var c=(t,i)=>g(t,"name",{value:i,configurable:true});function o(...t){return twMerge(clsx(t))}c(o,"cn");var w=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),l=u.forwardRef(({className:t,variant:i,size:r,asChild:a=false,isLoading:s=false,children:d,...p},e)=>jsxs(a?Slot:"button",{className:o(w({variant:i,size:r,className:t})),ref:e,...p,children:[s?jsx(Loader2,{className:o("h-4 w-4 animate-spin",r!=="icon"&&"mr-2")}):null,s&&r==="icon"?null:d]}));l.displayName="Button";var B=u.forwardRef(({className:t,messages:i,onClose:r,position:a="bottom-right",...s},d)=>jsx("div",{ref:d,className:o("fixed z-50 flex flex-col gap-2",{top:"top-4 left-1/2 -translate-x-1/2",bottom:"bottom-4 left-1/2 -translate-x-1/2","top-right":"top-4 right-4","bottom-right":"bottom-4 right-4"}[a],t),...s,children:i.map(e=>jsx("div",{className:o("min-w-[300px] rounded-lg border p-4 shadow-lg",e.type==="success"&&"border-green-500 bg-green-50 dark:bg-green-950",e.type==="warning"&&"border-yellow-500 bg-yellow-50 dark:bg-yellow-950",e.type==="error"&&"border-red-500 bg-red-50 dark:bg-red-950",e.type==="info"&&"border-blue-500 bg-blue-50 dark:bg-blue-950",!e.type&&"bg-background"),children:jsxs("div",{className:"flex items-start justify-between gap-4",children:[jsxs("div",{className:"flex-1",children:[jsx("h4",{className:"font-medium",children:e.title}),e.description&&jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:e.description})]}),r&&jsx(l,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:()=>r(e.id),children:jsx(X,{className:"h-4 w-4"})})]})},e.id))}));B.displayName="MessageDock";export{B as MessageDock};
+"use client";
+import * as React from 'react';
+import { Loader2, X } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        // Keep the additional Hanzo variants for backward compatibility
+        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        linkFG: "text-primary underline-offset-4 hover:underline",
+        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsx(
+            Loader2,
+            {
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+            }
+          ) : null,
+          isLoading && size === "icon" ? null : children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var MessageDock = React.forwardRef(
+  ({ className, messages, onClose, position = "bottom-right", ...props }, ref) => {
+    const positionClasses = {
+      top: "top-4 left-1/2 -translate-x-1/2",
+      bottom: "bottom-4 left-1/2 -translate-x-1/2",
+      "top-right": "top-4 right-4",
+      "bottom-right": "bottom-4 right-4"
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed z-50 flex flex-col gap-2",
+          positionClasses[position],
+          className
+        ),
+        ...props,
+        children: messages.map((message) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "min-w-[300px] rounded-lg border p-4 shadow-lg",
+              message.type === "success" && "border-green-500 bg-green-50 dark:bg-green-950",
+              message.type === "warning" && "border-yellow-500 bg-yellow-50 dark:bg-yellow-950",
+              message.type === "error" && "border-red-500 bg-red-50 dark:bg-red-950",
+              message.type === "info" && "border-blue-500 bg-blue-50 dark:bg-blue-950",
+              !message.type && "bg-background"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium", children: message.title }),
+                message.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: message.description })
+              ] }),
+              onClose && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-6 w-6",
+                  onClick: () => onClose(message.id),
+                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          },
+          message.id
+        ))
+      }
+    );
+  }
+);
+MessageDock.displayName = "MessageDock";
+
+export { MessageDock };

package/dist/drawer.js

@@ -1 +1,115 @@
-'use strict';var vaul=require('vaul'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var m=Object.defineProperty;var a=(e,t)=>m(e,"name",{value:t,configurable:true});function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}a(i,"cn");var d=a(({shouldScaleBackground:e=false,...t})=>jsxRuntime.jsx(vaul.Drawer.Root,{shouldScaleBackground:e,...t}),"Drawer");d.displayName="Drawer";var T=vaul.Drawer.Trigger,D=vaul.Drawer.Portal,H=vaul.Drawer.Close,L=vaul.Drawer.Handle,s=a(({className:e,...t})=>jsxRuntime.jsx(vaul.Drawer.Overlay,{className:i("fixed inset-0 z-50 bg-black/70",e),...t}),"DrawerOverlay");s.displayName=vaul.Drawer.Overlay.displayName;var w=a(({className:e,children:t,...l})=>jsxRuntime.jsxs(D,{children:[jsxRuntime.jsx(s,{}),jsxRuntime.jsxs(vaul.Drawer.Content,{className:i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-gray-500 px-6 pb-6 focus:outline-hidden",e),...l,children:[jsxRuntime.jsx("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300"}),t]})]}),"DrawerContent");w.displayName="DrawerContent";var y=a(({className:e,...t})=>jsxRuntime.jsx("div",{className:i("pt-5 pb-0",e),...t}),"DrawerHeader");y.displayName="DrawerHeader";var f=a(({className:e,...t})=>jsxRuntime.jsx("div",{className:i("mt-auto flex flex-col gap-2 p-4",e),...t}),"DrawerFooter");f.displayName="DrawerFooter";var u=a(({className:e,...t})=>jsxRuntime.jsx(vaul.Drawer.Title,{className:i("text-lg leading-none font-semibold tracking-tight",e),...t}),"DrawerTitle");u.displayName=vaul.Drawer.Title.displayName;var g=a(({className:e,...t})=>jsxRuntime.jsx(vaul.Drawer.Description,{className:i("text-text-secondary text-sm",e),...t}),"DrawerDescription");g.displayName=vaul.Drawer.Description.displayName;exports.Drawer=d;exports.DrawerClose=H;exports.DrawerContent=w;exports.DrawerDescription=g;exports.DrawerFooter=f;exports.DrawerHandle=L;exports.DrawerHeader=y;exports.DrawerOverlay=s;exports.DrawerPortal=D;exports.DrawerTitle=u;exports.DrawerTrigger=T;
+"use client";
+'use strict';
+
+var vaul = require('vaul');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Drawer = /* @__PURE__ */ __name(({
+  shouldScaleBackground = false,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+), "Drawer");
+Drawer.displayName = "Drawer";
+var DrawerTrigger = vaul.Drawer.Trigger;
+var DrawerPortal = vaul.Drawer.Portal;
+var DrawerClose = vaul.Drawer.Close;
+var DrawerHandle = vaul.Drawer.Handle;
+var DrawerOverlay = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Overlay,
+  {
+    className: cn("fixed inset-0 z-50 bg-black/70", className),
+    ...props
+  }
+), "DrawerOverlay");
+DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
+var DrawerContent = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    vaul.Drawer.Content,
+    {
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-gray-500 px-6 pb-6 focus:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300" }),
+        children
+      ]
+    }
+  )
+] }), "DrawerContent");
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-5 pb-0", className), ...props }), "DrawerHeader");
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+), "DrawerFooter");
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Title,
+  {
+    className: cn(
+      "text-lg leading-none font-semibold tracking-tight",
+      className
+    ),
+    ...props
+  }
+), "DrawerTitle");
+DrawerTitle.displayName = vaul.Drawer.Title.displayName;
+var DrawerDescription = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Description,
+  {
+    className: cn("text-text-secondary text-sm", className),
+    ...props
+  }
+), "DrawerDescription");
+DrawerDescription.displayName = vaul.Drawer.Description.displayName;
+
+exports.Drawer = Drawer;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHandle = DrawerHandle;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;

package/dist/drawer.mjs

@@ -1 +1,103 @@
-import {Drawer}from'vaul';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';var m=Object.defineProperty;var a=(e,t)=>m(e,"name",{value:t,configurable:true});function i(...e){return twMerge(clsx(e))}a(i,"cn");var d=a(({shouldScaleBackground:e=false,...t})=>jsx(Drawer.Root,{shouldScaleBackground:e,...t}),"Drawer");d.displayName="Drawer";var T=Drawer.Trigger,D=Drawer.Portal,H=Drawer.Close,L=Drawer.Handle,s=a(({className:e,...t})=>jsx(Drawer.Overlay,{className:i("fixed inset-0 z-50 bg-black/70",e),...t}),"DrawerOverlay");s.displayName=Drawer.Overlay.displayName;var w=a(({className:e,children:t,...l})=>jsxs(D,{children:[jsx(s,{}),jsxs(Drawer.Content,{className:i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-gray-500 px-6 pb-6 focus:outline-hidden",e),...l,children:[jsx("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300"}),t]})]}),"DrawerContent");w.displayName="DrawerContent";var y=a(({className:e,...t})=>jsx("div",{className:i("pt-5 pb-0",e),...t}),"DrawerHeader");y.displayName="DrawerHeader";var f=a(({className:e,...t})=>jsx("div",{className:i("mt-auto flex flex-col gap-2 p-4",e),...t}),"DrawerFooter");f.displayName="DrawerFooter";var u=a(({className:e,...t})=>jsx(Drawer.Title,{className:i("text-lg leading-none font-semibold tracking-tight",e),...t}),"DrawerTitle");u.displayName=Drawer.Title.displayName;var g=a(({className:e,...t})=>jsx(Drawer.Description,{className:i("text-text-secondary text-sm",e),...t}),"DrawerDescription");g.displayName=Drawer.Description.displayName;export{d as Drawer,H as DrawerClose,w as DrawerContent,g as DrawerDescription,f as DrawerFooter,L as DrawerHandle,y as DrawerHeader,s as DrawerOverlay,D as DrawerPortal,u as DrawerTitle,T as DrawerTrigger};
+"use client";
+import { Drawer as Drawer$1 } from 'vaul';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Drawer = /* @__PURE__ */ __name(({
+  shouldScaleBackground = false,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+), "Drawer");
+Drawer.displayName = "Drawer";
+var DrawerTrigger = Drawer$1.Trigger;
+var DrawerPortal = Drawer$1.Portal;
+var DrawerClose = Drawer$1.Close;
+var DrawerHandle = Drawer$1.Handle;
+var DrawerOverlay = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Overlay,
+  {
+    className: cn("fixed inset-0 z-50 bg-black/70", className),
+    ...props
+  }
+), "DrawerOverlay");
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+var DrawerContent = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    Drawer$1.Content,
+    {
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-gray-500 px-6 pb-6 focus:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300" }),
+        children
+      ]
+    }
+  )
+] }), "DrawerContent");
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("pt-5 pb-0", className), ...props }), "DrawerHeader");
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+), "DrawerFooter");
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Title,
+  {
+    className: cn(
+      "text-lg leading-none font-semibold tracking-tight",
+      className
+    ),
+    ...props
+  }
+), "DrawerTitle");
+DrawerTitle.displayName = Drawer$1.Title.displayName;
+var DrawerDescription = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Description,
+  {
+    className: cn("text-text-secondary text-sm", className),
+    ...props
+  }
+), "DrawerDescription");
+DrawerDescription.displayName = Drawer$1.Description.displayName;
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/dropdown-menu.js

@@ -1 +1,202 @@
-'use strict';var e=require('@radix-ui/react-dropdown-menu'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var p=Object.defineProperty;var n=(o,t)=>p(o,"name",{value:t,configurable:true});function a(...o){return tailwindMerge.twMerge(clsx.clsx(o))}n(a,"cn");var k=e__namespace.Root,T=e__namespace.Trigger,L=e__namespace.Group,z=e__namespace.Portal,G=e__namespace.Sub,U=e__namespace.RadioGroup,w=n(({className:o,inset:t,children:r,...d})=>jsxRuntime.jsxs(e__namespace.SubTrigger,{className:a("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none",t&&"pl-8",o),...d,children:[r,jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4"})]}),"DropdownMenuSubTrigger");w.displayName=e__namespace.SubTrigger.displayName;var f=n(({className:o,...t})=>jsxRuntime.jsx(e__namespace.SubContent,{className:a("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-[2000000000] min-w-[8rem] space-y-3 overflow-hidden rounded-md bg-gray-300 text-white shadow-lg",o),...t}),"DropdownMenuSubContent");f.displayName=e__namespace.SubContent.displayName;var D=n(({className:o,sideOffset:t=4,...r})=>jsxRuntime.jsx(e__namespace.Portal,{children:jsxRuntime.jsx(e__namespace.Content,{className:a("font-inter border-divider 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 bg-bg-dark z-[2000000000] min-w-[8rem] overflow-hidden rounded-lg border px-4 py-6 text-white shadow-md",o),sideOffset:t,...r})}),"DropdownMenuContent");D.displayName=e__namespace.Content.displayName;var M=n(({className:o,inset:t,...r})=>jsxRuntime.jsx(e__namespace.Item,{className:a("focus:bg-bg-secondary relative flex cursor-default items-center rounded-lg px-2 py-2 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",o),...r}),"DropdownMenuItem");M.displayName=e__namespace.Item.displayName;var b=n(({className:o,children:t,checked:r,...d})=>jsxRuntime.jsxs(e__namespace.CheckboxItem,{checked:r,className:a("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...d,children:[jsxRuntime.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center rounded-xs bg-gray-300",children:jsxRuntime.jsx(e__namespace.ItemIndicator,{children:jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})})}),t]}),"DropdownMenuCheckboxItem");b.displayName=e__namespace.CheckboxItem.displayName;var P=n(({className:o,children:t,...r})=>jsxRuntime.jsx(e__namespace.RadioItem,{className:a("focus:bg-bg-secondary relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50","hover:bg-bg-secondary data-[state=checked]:bg-bg-secondary",o),...r,children:t}),"DropdownMenuRadioItem");P.displayName=e__namespace.RadioItem.displayName;var v=n(({className:o,inset:t,...r})=>jsxRuntime.jsx(e__namespace.Label,{className:a("text-text-secondary text-xs tracking-[2px] uppercase",t&&"pl-8",o),...r}),"DropdownMenuLabel");v.displayName=e__namespace.Label.displayName;var g=n(({className:o,...t})=>jsxRuntime.jsx(e__namespace.Separator,{className:a("bg-divider -mx-1 my-1 h-px",o),...t}),"DropdownMenuSeparator");g.displayName=e__namespace.Separator.displayName;var y=n(({className:o,...t})=>jsxRuntime.jsx("span",{className:a("ml-auto text-xs tracking-widest opacity-60",o),...t}),"DropdownMenuShortcut");y.displayName="DropdownMenuShortcut";exports.DropdownMenu=k;exports.DropdownMenuCheckboxItem=b;exports.DropdownMenuContent=D;exports.DropdownMenuGroup=L;exports.DropdownMenuItem=M;exports.DropdownMenuLabel=v;exports.DropdownMenuPortal=z;exports.DropdownMenuRadioGroup=U;exports.DropdownMenuRadioItem=P;exports.DropdownMenuSeparator=g;exports.DropdownMenuShortcut=y;exports.DropdownMenuSub=G;exports.DropdownMenuSubContent=f;exports.DropdownMenuSubTrigger=w;exports.DropdownMenuTrigger=T;
+"use client";
+'use strict';
+
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    className: cn(
+      "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+), "DropdownMenuSubTrigger");
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.SubContent,
+  {
+    className: cn(
+      "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-[2000000000] min-w-[8rem] space-y-3 overflow-hidden rounded-md bg-gray-300 text-white shadow-lg",
+      className
+    ),
+    ...props
+  }
+), "DropdownMenuSubContent");
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
+var DropdownMenuContent = /* @__PURE__ */ __name(({
+  className,
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Content,
+  {
+    className: cn(
+      "font-inter border-divider 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 bg-bg-dark z-[2000000000] min-w-[8rem] overflow-hidden rounded-lg border px-4 py-6 text-white shadow-md",
+      className
+    ),
+    sideOffset,
+    ...props
+  }
+) }), "DropdownMenuContent");
+DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
+var DropdownMenuItem = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    className: cn(
+      "focus:bg-bg-secondary relative flex cursor-default items-center rounded-lg px-2 py-2 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "DropdownMenuItem");
+DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  checked,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    checked,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center rounded-xs bg-gray-300", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" }) }) }),
+      children
+    ]
+  }
+), "DropdownMenuCheckboxItem");
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    className: cn(
+      "focus:bg-bg-secondary relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "hover:bg-bg-secondary data-[state=checked]:bg-bg-secondary",
+      className
+    ),
+    ...props,
+    children
+  }
+), "DropdownMenuRadioItem");
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    className: cn(
+      "text-text-secondary text-xs tracking-[2px] uppercase",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "DropdownMenuLabel");
+DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+var DropdownMenuSeparator = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    className: cn("bg-divider -mx-1 my-1 h-px", className),
+    ...props
+  }
+), "DropdownMenuSeparator");
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+}, "DropdownMenuShortcut");
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;