@hanzo/ui 5.3.18 → 5.3.21

package/dist/context-menu.js

@@ -1 +1,207 @@
-'use strict';var e=require('@radix-ui/react-context-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 u=Object.defineProperty;var i=(t,n)=>u(t,"name",{value:n,configurable:true});function a(...t){return tailwindMerge.twMerge(clsx.clsx(t))}i(a,"cn");var z=e__namespace.Root,G=e__namespace.Trigger,U=e__namespace.Group,D=e__namespace.Portal,_=e__namespace.Sub,j=e__namespace.RadioGroup,f=i(({className:t,inset:n,children:r,ref:s,...d})=>jsxRuntime.jsxs(e__namespace.SubTrigger,{className:a("focus:bg-accent data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:text-white",n&&"pl-8",t),ref:s,...d,children:[r,jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4"})]}),"ContextMenuSubTrigger");f.displayName=e__namespace.SubTrigger.displayName;var M=i(({className:t,...n})=>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-50 min-w-[8rem] overflow-hidden rounded-md border bg-gray-300 p-1 text-white shadow-md",t),...n}),"ContextMenuSubContent");M.displayName=e__namespace.SubContent.displayName;var P=i(({className:t,...n})=>jsxRuntime.jsx(e__namespace.Portal,{children:jsxRuntime.jsx(e__namespace.Content,{className:a("animate-in fade-in-80 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 min-w-[8rem] overflow-hidden rounded-md border border-gray-600 bg-gray-300 p-1 text-gray-50 shadow-md",t),...n})}),"ContextMenuContent");P.displayName=e__namespace.Content.displayName;var b=i(({className:t,inset:n,...r})=>jsxRuntime.jsx(e__namespace.Item,{className:a("relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:bg-gray-200 focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n&&"pl-8",t),...r}),"ContextMenuItem");b.displayName=e__namespace.Item.displayName;var v=i(({className:t,children:n,checked:r,...s})=>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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...s,children:[jsxRuntime.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsxRuntime.jsx(e__namespace.ItemIndicator,{children:jsxRuntime.jsx(lucideReact.Check,{className:"h-4 w-4"})})}),n]}),"ContextMenuCheckboxItem");v.displayName=e__namespace.CheckboxItem.displayName;var g=i(({className:t,children:n,...r})=>jsxRuntime.jsxs(e__namespace.RadioItem,{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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...r,children:[jsxRuntime.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsxRuntime.jsx(e__namespace.ItemIndicator,{children:jsxRuntime.jsx(lucideReact.Circle,{className:"h-2 w-2 fill-current"})})}),n]}),"ContextMenuRadioItem");g.displayName=e__namespace.RadioItem.displayName;var y=i(({className:t,inset:n,...r})=>jsxRuntime.jsx(e__namespace.Label,{className:a("text-text-default px-2 py-1.5 text-sm font-semibold",n&&"pl-8",t),...r}),"ContextMenuLabel");y.displayName=e__namespace.Label.displayName;var h=i(({className:t,...n})=>jsxRuntime.jsx(e__namespace.Separator,{className:a("bg-border -mx-1 my-1 h-px",t),...n}),"ContextMenuSeparator");h.displayName=e__namespace.Separator.displayName;var N=i(({className:t,...n})=>jsxRuntime.jsx("span",{className:a("text-text-secondary ml-auto text-xs tracking-widest",t),...n}),"ContextMenuShortcut");N.displayName="ContextMenuShortcut";exports.ContextMenu=z;exports.ContextMenuCheckboxItem=v;exports.ContextMenuContent=P;exports.ContextMenuGroup=U;exports.ContextMenuItem=b;exports.ContextMenuLabel=y;exports.ContextMenuPortal=D;exports.ContextMenuRadioGroup=j;exports.ContextMenuRadioItem=g;exports.ContextMenuSeparator=h;exports.ContextMenuShortcut=N;exports.ContextMenuSub=_;exports.ContextMenuSubContent=M;exports.ContextMenuSubTrigger=f;exports.ContextMenuTrigger=G;
+"use client";
+'use strict';
+
+var ContextMenuPrimitive = require('@radix-ui/react-context-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 ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
+
+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 ContextMenu = ContextMenuPrimitive__namespace.Root;
+var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive__namespace.Group;
+var ContextMenuPortal = ContextMenuPrimitive__namespace.Portal;
+var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
+var ContextMenuSubTrigger = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  children,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  ContextMenuPrimitive__namespace.SubTrigger,
+  {
+    className: cn(
+      "focus:bg-accent data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:text-white",
+      inset && "pl-8",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+), "ContextMenuSubTrigger");
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
+var ContextMenuSubContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ContextMenuPrimitive__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-50 min-w-[8rem] overflow-hidden rounded-md border bg-gray-300 p-1 text-white shadow-md",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuSubContent");
+ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
+var ContextMenuContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ContextMenuPrimitive__namespace.Content,
+  {
+    className: cn(
+      "animate-in fade-in-80 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 min-w-[8rem] overflow-hidden rounded-md border border-gray-600 bg-gray-300 p-1 text-gray-50 shadow-md",
+      className
+    ),
+    ...props
+  }
+) }), "ContextMenuContent");
+ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
+var ContextMenuItem = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ContextMenuPrimitive__namespace.Item,
+  {
+    className: cn(
+      "relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:bg-gray-200 focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuItem");
+ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
+var ContextMenuCheckboxItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  checked,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  ContextMenuPrimitive__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 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", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+), "ContextMenuCheckboxItem");
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
+var ContextMenuRadioItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  ContextMenuPrimitive__namespace.RadioItem,
+  {
+    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 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", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+), "ContextMenuRadioItem");
+ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
+var ContextMenuLabel = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ContextMenuPrimitive__namespace.Label,
+  {
+    className: cn(
+      "text-text-default px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuLabel");
+ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
+var ContextMenuSeparator = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ContextMenuPrimitive__namespace.Separator,
+  {
+    className: cn("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }
+), "ContextMenuSeparator");
+ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
+var ContextMenuShortcut = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "text-text-secondary ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}, "ContextMenuShortcut");
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = ContextMenuGroup;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuPortal = ContextMenuPortal;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;

package/dist/context-menu.mjs

@@ -1 +1,171 @@
-import*as e from'@radix-ui/react-context-menu';import {ChevronRight,Check,Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';var u=Object.defineProperty;var i=(t,n)=>u(t,"name",{value:n,configurable:true});function a(...t){return twMerge(clsx(t))}i(a,"cn");var z=e.Root,G=e.Trigger,U=e.Group,D=e.Portal,_=e.Sub,j=e.RadioGroup,f=i(({className:t,inset:n,children:r,ref:s,...d})=>jsxs(e.SubTrigger,{className:a("focus:bg-accent data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:text-white",n&&"pl-8",t),ref:s,...d,children:[r,jsx(ChevronRight,{className:"ml-auto h-4 w-4"})]}),"ContextMenuSubTrigger");f.displayName=e.SubTrigger.displayName;var M=i(({className:t,...n})=>jsx(e.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-50 min-w-[8rem] overflow-hidden rounded-md border bg-gray-300 p-1 text-white shadow-md",t),...n}),"ContextMenuSubContent");M.displayName=e.SubContent.displayName;var P=i(({className:t,...n})=>jsx(e.Portal,{children:jsx(e.Content,{className:a("animate-in fade-in-80 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 min-w-[8rem] overflow-hidden rounded-md border border-gray-600 bg-gray-300 p-1 text-gray-50 shadow-md",t),...n})}),"ContextMenuContent");P.displayName=e.Content.displayName;var b=i(({className:t,inset:n,...r})=>jsx(e.Item,{className:a("relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:bg-gray-200 focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n&&"pl-8",t),...r}),"ContextMenuItem");b.displayName=e.Item.displayName;var v=i(({className:t,children:n,checked:r,...s})=>jsxs(e.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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...s,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),n]}),"ContextMenuCheckboxItem");v.displayName=e.CheckboxItem.displayName;var g=i(({className:t,children:n,...r})=>jsxs(e.RadioItem,{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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...r,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),n]}),"ContextMenuRadioItem");g.displayName=e.RadioItem.displayName;var y=i(({className:t,inset:n,...r})=>jsx(e.Label,{className:a("text-text-default px-2 py-1.5 text-sm font-semibold",n&&"pl-8",t),...r}),"ContextMenuLabel");y.displayName=e.Label.displayName;var h=i(({className:t,...n})=>jsx(e.Separator,{className:a("bg-border -mx-1 my-1 h-px",t),...n}),"ContextMenuSeparator");h.displayName=e.Separator.displayName;var N=i(({className:t,...n})=>jsx("span",{className:a("text-text-secondary ml-auto text-xs tracking-widest",t),...n}),"ContextMenuShortcut");N.displayName="ContextMenuShortcut";export{z as ContextMenu,v as ContextMenuCheckboxItem,P as ContextMenuContent,U as ContextMenuGroup,b as ContextMenuItem,y as ContextMenuLabel,D as ContextMenuPortal,j as ContextMenuRadioGroup,g as ContextMenuRadioItem,h as ContextMenuSeparator,N as ContextMenuShortcut,_ as ContextMenuSub,M as ContextMenuSubContent,f as ContextMenuSubTrigger,G as ContextMenuTrigger};
+"use client";
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+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 ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  children,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    className: cn(
+      "focus:bg-accent data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:text-white",
+      inset && "pl-8",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+), "ContextMenuSubTrigger");
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.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-50 min-w-[8rem] overflow-hidden rounded-md border bg-gray-300 p-1 text-white shadow-md",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuSubContent");
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Content,
+  {
+    className: cn(
+      "animate-in fade-in-80 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 min-w-[8rem] overflow-hidden rounded-md border border-gray-600 bg-gray-300 p-1 text-gray-50 shadow-md",
+      className
+    ),
+    ...props
+  }
+) }), "ContextMenuContent");
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Item,
+  {
+    className: cn(
+      "relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:bg-gray-200 focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuItem");
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  checked,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+), "ContextMenuCheckboxItem");
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.RadioItem,
+  {
+    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 select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+), "ContextMenuRadioItem");
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = /* @__PURE__ */ __name(({
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Label,
+  {
+    className: cn(
+      "text-text-default px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+), "ContextMenuLabel");
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Separator,
+  {
+    className: cn("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }
+), "ContextMenuSeparator");
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-text-secondary ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}, "ContextMenuShortcut");
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/device/index.js

@@ -1 +1,3 @@
-'use strict';
+"use client";
+'use strict';
+

package/dist/device/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+

package/dist/dialog.js

@@ -1 +1,151 @@
-'use strict';var e=require('@radix-ui/react-dialog'),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 d=Object.defineProperty;var i=(t,a)=>d(t,"name",{value:a,configurable:true});function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}i(o,"cn");var R=e__namespace.Root,L=e__namespace.Trigger,f=e__namespace.Portal,n=i(({className:t,...a})=>jsxRuntime.jsx(e__namespace.Overlay,{className:o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50","bg-bg-dark/90",t),...a}),"DialogOverlay");n.displayName=e__namespace.Overlay.displayName;var D=i(({className:t,children:a,showCloseButton:r=false,...m})=>jsxRuntime.jsxs(f,{children:[jsxRuntime.jsx(n,{}),jsxRuntime.jsxs(e__namespace.Content,{className:o("bg-bg-default 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 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",t),...m,children:[a,jsxRuntime.jsxs(e__namespace.Close,{className:o("ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-text-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",!r&&"hidden"),children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]}),"DialogContent");D.displayName=e__namespace.Content.displayName;var u=i(({className:t,...a})=>jsxRuntime.jsx("div",{className:o("flex flex-col space-y-1.5 text-center sm:text-left",t),...a}),"DialogHeader");u.displayName="DialogHeader";var v=i(({className:t,...a})=>jsxRuntime.jsx("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a}),"DialogFooter");v.displayName="DialogFooter";var y=i(({className:t,...a})=>jsxRuntime.jsx(e__namespace.Title,{className:o("text-lg leading-none font-semibold tracking-tight",t),...a}),"DialogTitle");y.displayName=e__namespace.Title.displayName;var P=i(({className:t,...a})=>jsxRuntime.jsx(e__namespace.Description,{className:o("text-text-secondary text-sm",t),...a}),"DialogDescription");P.displayName=e__namespace.Description.displayName;exports.Dialog=R;exports.DialogContent=D;exports.DialogDescription=P;exports.DialogFooter=v;exports.DialogHeader=u;exports.DialogOverlay=n;exports.DialogPortal=f;exports.DialogTitle=y;exports.DialogTrigger=L;
+"use client";
+'use strict';
+
+var DialogPrimitive = require('@radix-ui/react-dialog');
+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 DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+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 Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogOverlay = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    className: cn(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+      "bg-bg-dark/90",
+      className
+    ),
+    ...props
+  }
+), "DialogOverlay");
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var DialogContent = /* @__PURE__ */ __name(({
+  className,
+  children,
+  showCloseButton = false,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      className: cn(
+        "bg-bg-default 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 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          DialogPrimitive__namespace.Close,
+          {
+            className: cn(
+              "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-text-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+              !showCloseButton && "hidden"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+            ]
+          }
+        )
+      ]
+    }
+  )
+] }), "DialogContent");
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+), "DialogHeader");
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+), "DialogFooter");
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    className: cn(
+      "text-lg leading-none font-semibold tracking-tight",
+      className
+    ),
+    ...props
+  }
+), "DialogTitle");
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    className: cn("text-text-secondary text-sm", className),
+    ...props
+  }
+), "DialogDescription");
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+
+exports.Dialog = Dialog;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;