@lotte-innovate/ui-component-test 0.1.73 → 0.1.75

package/dist/lib/components/ContextMenu/ContextMenuItem.js

@@ -1,2 +1,59 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Item as r}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as a}from"../../utils/utils.js";import{cva as s}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{radiusVariants as o,scalingVariants as n,menuItemAppearanceStyle as i,blackText as l}from"../../constants.js";import{useContextMenuContext as d}from"./ContextMenuRoot.js";var m=function(){return m=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},m.apply(this,arguments)},u=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(r[a[s]]=e[a[s]])}return r},c=s("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent",{variants:{radius:m({},o["menu-item"]),size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3"},scaling:m({},n)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),p=t((function(t,s){var o=t.children,n=t.className,p=t.shortcut,x=u(t,["children","className","shortcut"]),f=d(),h=f.radius,j=f.scaling,v=f.size,b=f.color,g=void 0===b?"red":b,y=f.appearance,O=void 0===y?"solid":y,k=a(c({radius:h,scaling:j,size:v}),i(O,g),n),w="group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11";return"solid"!==O||l.includes(g)||(w="group-hover:text-white dark:group-hover:text-slateDark-1"),e.jsxs(r,m({ref:s,className:k},x,{children:[o,p&&e.jsx("span",{className:w,children:p})]}))}));p.displayName="ContextMenu.Item";export{p as ContextMenuItem,c as contextMenuItemVariants};
-//# sourceMappingURL=ContextMenuItem.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { blackText, menuItemAppearanceStyle, scalingVariants, radiusVariants } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var contextMenuItemVariants = cva("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent", {
+    variants: {
+        radius: __assign({}, radiusVariants['menu-item']),
+        size: {
+            small: 'text-xs h-[24px] px-2',
+            medium: 'text-sm h-[32px] px-3',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var ContextMenuItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, shortcut = _a.shortcut, props = __rest(_a, ["children", "className", "shortcut"]);
+    var _b = useContextMenuContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(contextMenuItemVariants({
+        radius: radius,
+        scaling: scaling,
+        size: size,
+    }), menuItemAppearanceStyle(appearance, color), className);
+    var shortcutClassName = 'group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11';
+    if (appearance === 'solid' && !blackText.includes(color)) {
+        shortcutClassName = 'group-hover:text-white dark:group-hover:text-slateDark-1';
+    }
+    return (_jsxs(ContextMenuPrimitive.Item, __assign({ ref: ref, className: itemClassName }, props, { children: [children, shortcut && _jsx("span", { className: shortcutClassName, children: shortcut })] })));
+});
+ContextMenuItem.displayName = 'ContextMenu.Item';

package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+export interface ContextMenuItemIndicatorProps extends VariantProps<typeof contextMenuItemIndicatorVariants> {
+}
+export declare const contextMenuItemIndicatorVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ContextMenuItemIndicator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.js

@@ -1,2 +1,50 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{ItemIndicator as t}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as i}from"../../utils/utils.js";import{CheckIcon as s}from"../../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js";import{cva as o}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{radiusVariants as n}from"../../constants.js";import{useContextMenuContext as a}from"./ContextMenuRoot.js";var m=function(){return m=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},m.apply(this,arguments)},l=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)r.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(t[i[s]]=e[i[s]])}return t},u=o("absolute left-0 inline-flex items-center justify-center ml-1 border",{variants:{radius:m({},n.base),size:{small:"w-3.5 h-3.5",medium:"w-4 h-4"}},defaultVariants:{size:"medium",radius:"medium"}}),c=r((function(r,o){var n=r.className,c=r.children,d=r.radius,f=l(r,["className","children","radius"]),p=a().size,j=i(u({size:p,radius:d}),n);return e.jsx(t,m({ref:o,className:j},f,{children:null!=c?c:e.jsx(s,{})}))}));c.displayName="ContextMenu.ItemIndicator";export{c as ContextMenuItemIndicator,u as contextMenuItemIndicatorVariants};
-//# sourceMappingURL=ContextMenuItemIndicator.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { CheckIcon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { radiusVariants } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var contextMenuItemIndicatorVariants = cva("absolute left-0 inline-flex items-center justify-center ml-1 border", {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'w-3.5 h-3.5',
+            medium: 'w-4 h-4',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+        radius: 'medium',
+    },
+});
+export var ContextMenuItemIndicator = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, radius = _a.radius, props = __rest(_a, ["className", "children", "radius"]);
+    var size = useContextMenuContext().size;
+    var indicatorClassName = cn(contextMenuItemIndicatorVariants({ size: size, radius: radius }), className);
+    return (_jsx(ContextMenuPrimitive.ItemIndicator, __assign({ ref: ref, className: indicatorClassName }, props, { children: children !== null && children !== void 0 ? children : _jsx(CheckIcon, {}) })));
+});
+ContextMenuItemIndicator.displayName = 'ContextMenu.ItemIndicator';

package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+export interface ContextMenuLabelProps extends VariantProps<typeof contextMenuLabelVariants> {
+    appearance?: 'solid' | 'soft';
+}
+export declare const contextMenuLabelVariants: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuLabel.js

@@ -1,2 +1,48 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Label as r}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as n}from"../../utils/utils.js";import{cva as o}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{scalingVariants as s}from"../../constants.js";import{useContextMenuContext as a}from"./ContextMenuRoot.js";var i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},l=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},m=o("flex relative leading-none select-none outline-none items-center \n    text-slate-11 dark:text-slateDarkA-11 font-normal",{variants:{size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3"},scaling:i({},s)},defaultVariants:{scaling:"100%",size:"medium"}}),c=t((function(t,o){var s=t.className,c=t.children,p=l(t,["className","children"]),u=a(),f=u.size,x=u.scaling;return e.jsx(r,i({ref:o,className:n(m({size:f,scaling:x}),s)},p,{children:c}))}));c.displayName="ContextMenu.Label";export{c as ContextMenuLabel,m as contextMenuLabelVariants};
-//# sourceMappingURL=ContextMenuLabel.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var contextMenuLabelVariants = cva("flex relative leading-none select-none outline-none items-center \n    text-slate-11 dark:text-slateDarkA-11 font-normal", {
+    variants: {
+        size: {
+            small: 'text-xs h-[24px] px-2',
+            medium: 'text-sm h-[32px] px-3',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var ContextMenuLabel = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContextMenuContext(), size = _b.size, scaling = _b.scaling;
+    return (_jsx(ContextMenuPrimitive.Label, __assign({ ref: ref, className: cn(contextMenuLabelVariants({ size: size, scaling: scaling }), className) }, props, { children: children })));
+});
+ContextMenuLabel.displayName = 'ContextMenu.Label';

package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+type RadioContextType = {
+    selectedValue: string;
+};
+export declare const RadioContext: React.Context<RadioContextType>;
+export declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js

@@ -1,2 +1,31 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{createContext as r,forwardRef as t}from"react";import{RadioGroup as n}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";var o=function(){return o=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},o.apply(this,arguments)},a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t},l=r({selectedValue:""}),i=t((function(r,t){var i=r.className,s=r.children,c=r.value,u=a(r,["className","children","value"]);return e.jsx(n,o({ref:t,className:i},u,{children:e.jsx(l.Provider,{value:{selectedValue:null!=c?c:""},children:s})}))}));i.displayName="ContextMenu.RadioGroup";export{i as ContextMenuRadioGroup,l as RadioContext};
-//# sourceMappingURL=ContextMenuRadioGroup.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export var RadioContext = createContext({ selectedValue: '' });
+export var ContextMenuRadioGroup = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
+    return (_jsx(ContextMenuPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: _jsx(RadioContext.Provider, { value: { selectedValue: value !== null && value !== void 0 ? value : '' }, children: children }) })));
+});
+ContextMenuRadioGroup.displayName = 'ContextMenu.RadioGroup';

package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ContextMenuProps } from './ContextMenuRoot';
+export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuRadioItem.js

@@ -1,2 +1,44 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r,useContext as t}from"react";import{RadioItem as o}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as n}from"../../utils/utils.js";import{DotFilledIcon as i}from"../../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js";import{menuItemAppearanceStyle as s}from"../../constants.js";import{useContextMenuContext as a}from"./ContextMenuRoot.js";import{contextMenuItemVariants as l}from"./ContextMenuItem.js";import{RadioContext as m}from"./ContextMenuRadioGroup.js";import{ContextMenuItemIndicator as c}from"./ContextMenuItemIndicator.js";var u=function(){return u=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},u.apply(this,arguments)},p=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},d=r((function(r,d){var f=r.children,j=r.className,x=p(r,["children","className"]),y=a(),O=y.radius,v=y.scaling,b=y.size,h=y.color,g=void 0===h?"red":h,I=y.appearance,M=void 0===I?"solid":I,C=n(l({radius:O,scaling:v,size:b}),"pl-7",s(M,g),j),w=t(m);return e.jsxs(o,u({ref:d,className:C},x,{children:[e.jsx(c,{forceMount:!0,radius:"full",size:b,children:w.selectedValue===x.value&&e.jsx(i,{})}),f]}))}));d.displayName="ContextMenu.RadioItem";export{d as ContextMenuRadioItem};
-//# sourceMappingURL=ContextMenuRadioItem.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { DotFilledIcon } from '@radix-ui/react-icons';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+import { contextMenuItemVariants } from './ContextMenuItem';
+import { RadioContext } from './ContextMenuRadioGroup';
+import { ContextMenuItemIndicator } from './ContextMenuItemIndicator';
+export var ContextMenuRadioItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var _b = useContextMenuContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(contextMenuItemVariants({
+        radius: radius,
+        scaling: scaling,
+        size: size,
+    }), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
+    var radioGroup = useContext(RadioContext);
+    return (_jsxs(ContextMenuPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(ContextMenuItemIndicator, { forceMount: true, radius: 'full', size: size, children: radioGroup.selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));
+});
+ContextMenuRadioItem.displayName = 'ContextMenu.RadioItem';

package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/types';
+import { contextMenuContentVariants } from './ContextMenuContent';
+import { contextMenuItemVariants } from './ContextMenuItem';
+export interface ContextMenuProps extends VariantProps<typeof contextMenuContentVariants>, VariantProps<typeof contextMenuItemVariants> {
+    color?: IColor;
+    appearance?: 'solid' | 'soft';
+}
+export declare const useContextMenuContext: () => ContextMenuProps;
+export declare const ContextMenuRoot: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuProps & ContextMenuProps & React.RefAttributes<never>>;
+export default ContextMenuRoot;

package/dist/lib/components/ContextMenu/ContextMenuRoot.js

@@ -1,2 +1,42 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{createContext as e,forwardRef as n,useMemo as t,useContext as o}from"react";import{Root as a}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";var i=function(){return i=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},i.apply(this,arguments)},c=function(r,e){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(n[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(r);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(r,t[o])&&(n[t[o]]=r[t[o]])}return n},s=e({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"solid"}),l=function(){return o(s)},u=n((function(e,n){var o=e.children,l=e.radius,u=e.size,p=e.scaling,d=e.color,f=e.appearance,m=c(e,["children","radius","size","scaling","color","appearance"]),j=t((function(){return{radius:l,size:u,scaling:p,color:d,appearance:f}}),[l,u,p,d,f]);return r.jsx(s.Provider,{value:j,children:r.jsx("div",{ref:n,children:r.jsx(a,i({},m,{children:o}))})})}));u.displayName="ContextMenu.Root";export{u as ContextMenuRoot,u as default,l as useContextMenuContext};
-//# sourceMappingURL=ContextMenuRoot.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+var ContextMenuContext = createContext({
+    radius: 'medium',
+    scaling: '100%',
+    size: 'medium',
+    color: 'red',
+    appearance: 'solid',
+});
+export var useContextMenuContext = function () {
+    return useContext(ContextMenuContext);
+};
+export var ContextMenuRoot = forwardRef(function (_a, ref) {
+    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
+    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance }); }, [radius, size, scaling, color, appearance]);
+    return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, children: _jsx(ContextMenuPrimitive.Root, __assign({}, props, { children: children })) }) }));
+});
+ContextMenuRoot.displayName = 'ContextMenu.Root';
+export default ContextMenuRoot;

package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuSeparator.js

@@ -1,2 +1,31 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Separator as e}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as o}from"../../utils/utils.js";var a=function(){return a=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var a in t=arguments[e])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},a.apply(this,arguments)},n=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(e[o[a]]=r[o[a]])}return e},s=t((function(t,s){var i=t.className,l=t.children,p=n(t,["className","children"]);return r.jsx(e,a({ref:s,className:o("h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6",i)},p,{children:l}))}));s.displayName="ContextMenu.Separator";export{s as ContextMenuSeparator};
-//# sourceMappingURL=ContextMenuSeparator.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+export var ContextMenuSeparator = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(ContextMenuPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props, { children: children })));
+});
+ContextMenuSeparator.displayName = 'ContextMenu.Separator';

package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+export interface ContextMenuSubContentProps extends VariantProps<typeof contextMenuSubContentVariants> {
+}
+export declare const contextMenuSubContentVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuSubContent.js

@@ -1,2 +1,54 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Portal as e,SubContent as n}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as i}from"../../utils/utils.js";import{cva as a}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{radiusVariants as s,scalingVariants as o}from"../../constants.js";import{useContextMenuContext as l}from"./ContextMenuRoot.js";var m=function(){return m=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var i in r=arguments[e])Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);return t},m.apply(this,arguments)},p=function(t,r){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(e[n[i]]=t[n[i]])}return e},c=a("p-[5px] bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]",{variants:{radius:m({},s["extra-large"]),size:{small:"p-1 min-w-[120px]",medium:"p-2 min-w-[136px]"},scaling:m({},o)},defaultVariants:{radius:"small",size:"medium",scaling:"100%"}}),u=r((function(r,a){var s=r.className,o=r.children,u=p(r,["className","children"]),f=l(),d=f.radius,x=f.size,_=f.scaling;return t.jsx(e,{children:t.jsx(n,m({ref:a,className:i(c({radius:d,size:x,scaling:_}),s),sideOffset:2,alignOffset:-5},u,{children:o}))})}));u.displayName="ContextMenu.SubContent";export{u as ContextMenuSubContent,c as contextMenuSubContentVariants};
-//# sourceMappingURL=ContextMenuSubContent.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var contextMenuSubContentVariants = cva("p-[5px] bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]", {
+    variants: {
+        radius: __assign({}, radiusVariants['extra-large']),
+        size: {
+            small: 'p-1 min-w-[120px]',
+            medium: 'p-2 min-w-[136px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'small',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var ContextMenuSubContent = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContextMenuContext(), radius = _b.radius, size = _b.size, scaling = _b.scaling;
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.SubContent, __assign({ ref: ref, className: cn(contextMenuSubContentVariants({
+                radius: radius,
+                size: size,
+                scaling: scaling,
+            }), className), sideOffset: 2, alignOffset: -5 }, props, { children: children })) }));
+});
+ContextMenuSubContent.displayName = 'ContextMenu.SubContent';

package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ContextMenuItemProps } from './ContextMenuItem';
+export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.js

@@ -1,2 +1,40 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Sub as t,SubTrigger as o}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{ChevronRightIcon as s}from"../../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js";import{cn as i}from"../../utils/utils.js";import{contextMenuItemVariants as a}from"./ContextMenuItem.js";import{menuItemAppearanceStyle as n,blackText as l}from"../../constants.js";import{useContextMenuContext as c}from"./ContextMenuRoot.js";var m=function(){return m=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var s in e=arguments[t])Object.prototype.hasOwnProperty.call(e,s)&&(r[s]=e[s]);return r},m.apply(this,arguments)},d=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(r);s<o.length;s++)e.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(r,o[s])&&(t[o[s]]=r[o[s]])}return t},u=e((function(e,u){var p=e.children,f=e.className,j=d(e,["children","className"]),x=c(),h=x.scaling,v=x.size,b=x.radius,y=x.color,g=void 0===y?"red":y,O=x.appearance,N=void 0===O?"solid":O,w=i(a({scaling:h,size:v,radius:b}),n(N,g),f),S=i("group-data-[disabled]:text-slate-8 ","solid"===N&&l.includes(g)?"hover:fill-slate-12 dark:hover:fill-slateDark-1":"hover:fill-white dark:hover:fill-slateDark-12 ");return r.jsx(t,{children:r.jsxs(o,m({ref:u,className:w},j,{children:[p,r.jsx("div",{className:"ml-auto pl-5 ",children:r.jsx(s,{className:S})})]}))})}));u.displayName="ContextMenu.SubTrigger";export{u as ContextMenuSubTrigger};
-//# sourceMappingURL=ContextMenuSubTrigger.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ChevronRightIcon } from '@radix-ui/react-icons';
+import { cn } from '../../../lib/utils/utils';
+import { contextMenuItemVariants } from './ContextMenuItem';
+import { blackText, menuItemAppearanceStyle } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var ContextMenuSubTrigger = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var _b = useContextMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var triggerClassName = cn(contextMenuItemVariants({ scaling: scaling, size: size, radius: radius }), menuItemAppearanceStyle(appearance, color), className);
+    var iconClassName = cn('group-data-[disabled]:text-slate-8 ', appearance === 'solid' && blackText.includes(color)
+        ? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
+        : "hover:fill-white dark:hover:fill-slateDark-12 ");
+    return (_jsx(ContextMenuPrimitive.Sub, { children: _jsxs(ContextMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5 ", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })) }));
+});
+ContextMenuSubTrigger.displayName = 'ContextMenu.SubTrigger';

package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ContextMenuProps } from './ContextMenuRoot';
+export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>, "ref"> & ContextMenuProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/ContextMenu/ContextMenuTrigger.js

@@ -1,2 +1,31 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Trigger as r}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as n}from"../../utils/utils.js";var o=function(){return o=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},o.apply(this,arguments)},a=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(r[n[o]]=t[n[o]])}return r},i=e((function(e,i){var s=e.className,l=e.children,c=a(e,["className","children"]);return t.jsx(r,o({ref:i,className:n("flex text-slate-12 dark:text-slateDark-12 text-base text-center justify-center",s)},c,{children:l}))}));i.displayName="ContextMenu.Trigger";export{i as ContextMenuTrigger};
-//# sourceMappingURL=ContextMenuTrigger.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+export var ContextMenuTrigger = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(ContextMenuPrimitive.Trigger, __assign({ ref: ref, className: cn("flex text-slate-12 dark:text-slateDark-12 text-base text-center justify-center", className) }, props, { children: children })));
+});
+ContextMenuTrigger.displayName = 'ContextMenu.Trigger';

package/dist/lib/components/ContextMenu/index.d.ts

@@ -0,0 +1,16 @@
+declare const ContextMenu: {
+    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuProps & import("./ContextMenuRoot").ContextMenuProps & import("react").RefAttributes<never>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuContent").ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuRoot").ContextMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuRoot").ContextMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuItem").ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("./ContextMenuItemIndicator").ContextMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuLabel").ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("./ContextMenuRoot").ContextMenuProps & import("react").RefAttributes<HTMLSpanElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuRoot").ContextMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuItem").ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ContextMenuSubContent").ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default ContextMenu;