dash-ui-kit 1.0.93 → 2.0.0-dev

package/dist/react/components/overlayMenu/index.esm.js

@@ -0,0 +1,420 @@
+"use client";
+
+import { __rest } from 'tslib';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { useTheme } from '../../contexts/ThemeContext.esm.js';
+import { CrossIcon } from '../icons/index.esm.js';
+
+const overlayMenuTrigger = cva('w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between', {
+  variants: {
+    theme: {
+      light: 'text-dash-primary-dark-blue',
+      dark: 'text-white'
+    },
+    colorScheme: {
+      default: '',
+      brand: '',
+      error: '',
+      success: '',
+      gray: '',
+      lightGray: ''
+    },
+    size: {
+      sm: 'dash-block-sm',
+      md: 'dash-block-md',
+      xl: 'dash-block-xl'
+    },
+    border: {
+      true: 'outline outline-1 outline-offset-[-1px]',
+      false: ''
+    },
+    disabled: {
+      false: '',
+      true: 'opacity-60 cursor-not-allowed'
+    },
+    filled: {
+      false: '',
+      true: ''
+    }
+  },
+  compoundVariants: [{
+    colorScheme: 'default',
+    border: true,
+    class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'
+  }, {
+    colorScheme: 'brand',
+    border: true,
+    class: 'outline-dash-brand/30 focus:outline-dash-brand'
+  }, {
+    colorScheme: 'error',
+    border: true,
+    class: 'outline-red-500 focus:outline-red-500'
+  }, {
+    colorScheme: 'success',
+    border: true,
+    class: 'outline-green-500 focus:outline-green-500'
+  }, {
+    colorScheme: 'gray',
+    border: true,
+    theme: 'light',
+    class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'
+  }, {
+    colorScheme: 'gray',
+    border: true,
+    theme: 'dark',
+    class: 'outline-gray-600/50 focus:outline-gray-500'
+  }, {
+    colorScheme: 'lightGray',
+    border: true,
+    theme: 'light',
+    class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'
+  }, {
+    colorScheme: 'lightGray',
+    border: true,
+    theme: 'dark',
+    class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'
+  }, {
+    colorScheme: 'gray',
+    border: false,
+    theme: 'light',
+    class: 'bg-[rgba(12,28,51,0.03)]'
+  }, {
+    colorScheme: 'gray',
+    border: false,
+    theme: 'dark',
+    class: 'bg-gray-700/20'
+  },
+  // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover
+  {
+    colorScheme: 'lightGray',
+    border: false,
+    theme: 'light',
+    class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
+  }, {
+    colorScheme: 'lightGray',
+    border: false,
+    theme: 'dark',
+    class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
+  }, {
+    colorScheme: 'lightGray',
+    filled: true,
+    theme: 'light',
+    class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
+  }, {
+    colorScheme: 'lightGray',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
+  },
+  // Default background when not filled
+  {
+    filled: false,
+    theme: 'light',
+    class: 'bg-white'
+  }, {
+    filled: false,
+    theme: 'dark',
+    class: 'bg-gray-800'
+  },
+  // Filled variants
+  {
+    colorScheme: 'default',
+    filled: true,
+    theme: 'light',
+    class: 'bg-white text-gray-900'
+  }, {
+    colorScheme: 'default',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-gray-700 text-white'
+  }, {
+    colorScheme: 'brand',
+    filled: true,
+    theme: 'light',
+    class: 'bg-blue-50 text-blue-700'
+  }, {
+    colorScheme: 'brand',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-blue-900/30 text-blue-300'
+  }, {
+    colorScheme: 'error',
+    filled: true,
+    theme: 'light',
+    class: 'bg-red-50 text-red-700'
+  }, {
+    colorScheme: 'error',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-red-500/20 text-red-400'
+  }, {
+    colorScheme: 'success',
+    filled: true,
+    theme: 'light',
+    class: 'bg-green-50 text-green-700'
+  }, {
+    colorScheme: 'success',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-green-500/20 text-green-400'
+  }, {
+    colorScheme: 'gray',
+    filled: true,
+    theme: 'light',
+    class: 'bg-gray-200 text-gray-800'
+  }, {
+    colorScheme: 'gray',
+    filled: true,
+    theme: 'dark',
+    class: 'bg-gray-600 text-gray-200'
+  }],
+  defaultVariants: {
+    theme: 'light',
+    colorScheme: 'default',
+    size: 'xl',
+    border: true,
+    disabled: false,
+    filled: false
+  }
+});
+const overlayContent = cva('absolute z-50 overflow-hidden', {
+  variants: {
+    theme: {
+      light: 'bg-white border border-[rgba(12,28,51,0.05)]',
+      dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'
+    },
+    size: {
+      sm: 'rounded-[0.625rem]',
+      md: 'rounded-[0.75rem]',
+      xl: 'rounded-[0.9375rem]'
+    },
+    variant: {
+      dropdown: 'min-w-full',
+      'context-menu': 'w-[200px]'
+    },
+    hasShadow: {
+      true: 'shadow-[0px_0px_75px_0px_rgba(0,0,0,0.15)]',
+      false: 'shadow-lg'
+    }
+  },
+  defaultVariants: {
+    variant: 'dropdown',
+    hasShadow: false
+  }
+});
+const overlayHeader = cva('flex items-center justify-between border-b gap-2', {
+  variants: {
+    theme: {
+      light: 'border-[rgba(12,28,51,0.05)]',
+      dark: 'border-[rgba(255,255,255,0.15)]'
+    },
+    size: {
+      sm: 'px-[0.875rem] py-[0.375rem]',
+      md: 'px-[1rem] py-[0.5rem]',
+      xl: 'px-[1.125rem] py-[0.5rem]'
+    }
+  },
+  defaultVariants: {
+    theme: 'light',
+    size: 'xl'
+  }
+});
+const overlayItem = cva('relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none font-medium text-[0.75rem] leading-[1.416em]', {
+  variants: {
+    theme: {
+      light: 'text-[#0C1C33] hover:bg-gray-50',
+      dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'
+    },
+    size: {
+      sm: 'px-[0.875rem] py-[0.625rem]',
+      md: 'px-[1rem] py-[0.6875rem]',
+      xl: 'px-[1.125rem] py-[0.75rem]'
+    }
+  },
+  defaultVariants: {
+    theme: 'light',
+    size: 'xl'
+  }
+});
+// Arrow icon
+const ChevronDownIcon = ({
+  className
+}) => jsx("svg", {
+  width: '15',
+  height: '15',
+  viewBox: '0 0 15 15',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  children: jsx("path", {
+    d: 'm4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z',
+    fill: 'currentColor',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd'
+  })
+});
+/**
+ * Overlay menu component that opens above the trigger with overlay positioning.
+ * Supports custom content items with onClick handlers.
+ *
+ * @param variant - 'dropdown' (default) or 'context-menu'
+ * @param headerContent - Custom header content (for context-menu variant)
+ * @param showCloseButton - Show close button in header
+ * @param position - Position object for context-menu variant
+ * @param width - Custom width (default: 200px for context-menu)
+ */
+const OverlayMenu = _a => {
+  var {
+      className = '',
+      contentClassName = '',
+      colorScheme,
+      size,
+      error = false,
+      success = false,
+      border = true,
+      filled = false,
+      disabled = false,
+      items = [],
+      showArrow = true,
+      name,
+      overlayLabel,
+      maxHeight = '200px',
+      triggerContent,
+      placeholder = 'Menu',
+      showItemBorders = true,
+      variant = 'dropdown',
+      headerContent,
+      showCloseButton = false,
+      position,
+      width,
+      onClose
+    } = _a,
+    props = __rest(_a, ["className", "contentClassName", "colorScheme", "size", "error", "success", "border", "filled", "disabled", "items", "showArrow", "name", "overlayLabel", "maxHeight", "triggerContent", "placeholder", "showItemBorders", "variant", "headerContent", "showCloseButton", "position", "width", "onClose"]);
+  const {
+    theme
+  } = useTheme();
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  // Determine color scheme based on state
+  let finalColorScheme = colorScheme;
+  if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
+  const isContextMenu = variant === 'context-menu';
+  // Handle Escape key
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleEscape = e => {
+      if (e.key === 'Escape') {
+        handleClose();
+      }
+    };
+    document.addEventListener('keydown', handleEscape);
+    return () => document.removeEventListener('keydown', handleEscape);
+  }, [isOpen]);
+  const handleClose = () => {
+    setIsOpen(false);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+  const triggerClasses = overlayMenuTrigger({
+    theme,
+    colorScheme: finalColorScheme,
+    size,
+    border,
+    filled,
+    disabled
+  }) + ' ' + className;
+  const contentClasses = overlayContent({
+    theme,
+    size,
+    variant,
+    hasShadow: isContextMenu
+  });
+  const headerClasses = overlayHeader({
+    theme,
+    size
+  });
+  const itemClasses = overlayItem({
+    theme,
+    size
+  });
+  const handleItemClick = item => {
+    if (!item.disabled && item.onClick) {
+      item.onClick();
+    }
+    handleClose();
+  };
+  // For context-menu variant, show menu immediately if position is provided
+  useEffect(() => {
+    if (isContextMenu && position) {
+      setIsOpen(true);
+    }
+  }, [isContextMenu, position]);
+  // Calculate position styles for context-menu
+  const getPositionStyles = () => {
+    if (!isContextMenu || !position) return {};
+    const styles = {};
+    if (position.top !== undefined) styles.top = position.top;
+    if (position.left !== undefined) styles.left = position.left;
+    if (position.right !== undefined) styles.right = position.right;
+    if (position.bottom !== undefined) styles.bottom = position.bottom;
+    if (width) styles.width = typeof width === 'number' ? `${width}px` : width;
+    return styles;
+  };
+  return jsxs("div", {
+    className: isContextMenu ? '' : 'relative',
+    children: [!isContextMenu && jsxs("button", Object.assign({
+      ref: triggerRef,
+      type: 'button',
+      className: triggerClasses,
+      onClick: () => !disabled && setIsOpen(!isOpen),
+      disabled: disabled,
+      name: name
+    }, props, {
+      children: [jsx("div", {
+        className: 'w-full flex-1 text-left',
+        children: triggerContent || jsx("span", {
+          className: theme === 'dark' ? 'text-gray-400' : 'text-gray-500',
+          children: placeholder
+        })
+      }), showArrow && jsx(ChevronDownIcon, {
+        className: `transition-transform ${isOpen ? 'rotate-180' : ''} ${size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'}`
+      })]
+    })), isOpen && jsxs(Fragment, {
+      children: [jsx("div", {
+        className: `${isContextMenu ? 'fixed' : 'fixed'} inset-0 z-40`,
+        onClick: handleClose
+      }), jsxs("div", {
+        className: `${contentClasses} ${isContextMenu ? 'fixed' : ''} ${!isContextMenu ? 'top-0 left-0 right-0' : ''} overflow-y-auto ${contentClassName}`,
+        style: Object.assign({
+          maxHeight
+        }, getPositionStyles()),
+        children: [(headerContent || overlayLabel) && jsxs("div", {
+          className: `${headerClasses} ${!showCloseButton && !isContextMenu ? 'cursor-pointer' : ''}`,
+          onClick: !showCloseButton && !isContextMenu ? handleClose : undefined,
+          children: [jsx("div", {
+            className: 'w-full flex-1',
+            children: headerContent || overlayLabel
+          }), (showCloseButton || isContextMenu && headerContent) && jsx("button", {
+            className: 'flex items-center cursor-pointer hover:opacity-70 transition-opacity',
+            onClick: handleClose,
+            "aria-label": 'Close menu',
+            children: jsx(CrossIcon, {
+              size: 16,
+              color: theme === 'dark' ? '#FFFFFF' : '#0C1C33'
+            })
+          })]
+        }), jsx("div", {
+          children: items.map((item, index) => jsx("div", {
+            className: `${itemClasses} ${item.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${showItemBorders && index < items.length - 1 ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}` : ''}`,
+            onClick: () => handleItemClick(item),
+            children: item.content
+          }, item.id))
+        })]
+      })]
+    })]
+  });
+};
+
+export { OverlayMenu, OverlayMenu as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/react/components/overlayMenu/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/overlayMenu/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\n\nconst overlayMenuTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-dash-primary-dark-blue',\n        dark: 'text-white'\n      },\n      colorScheme: {\n        default: '',\n        brand: '',\n        error: '',\n        success: '',\n        gray: '',\n        lightGray: ''\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      },\n      filled: {\n        false: '',\n        true: ''\n      }\n    },\n    compoundVariants: [\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'light',\n        class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-gray-600/50 focus:outline-gray-500'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'light',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-gray-700/20'\n      },\n      // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      // Default background when not filled\n      {\n        filled: false,\n        theme: 'light',\n        class: 'bg-white'\n      },\n      {\n        filled: false,\n        theme: 'dark',\n        class: 'bg-gray-800'\n      },\n      // Filled variants\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'light',\n        class: 'bg-white text-gray-900'\n      },\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-700 text-white'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'light',\n        class: 'bg-blue-50 text-blue-700'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-blue-900/30 text-blue-300'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'light',\n        class: 'bg-red-50 text-red-700'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-red-500/20 text-red-400'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'light',\n        class: 'bg-green-50 text-green-700'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-green-500/20 text-green-400'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-800'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-200'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false,\n      filled: false\n    }\n  }\n)\n\nconst overlayContent = cva(\n  'absolute z-50 overflow-hidden',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-[rgba(12,28,51,0.05)]',\n        dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'\n      },\n      size: {\n        sm: 'rounded-[0.625rem]',\n        md: 'rounded-[0.75rem]', \n        xl: 'rounded-[0.9375rem]'\n      },\n      variant: {\n        dropdown: 'min-w-full',\n        'context-menu': 'w-[200px]'\n      },\n      hasShadow: {\n        true: 'shadow-[0px_0px_75px_0px_rgba(0,0,0,0.15)]',\n        false: 'shadow-lg'\n      }\n    },\n    defaultVariants: {\n      variant: 'dropdown',\n      hasShadow: false\n    }\n  }\n)\n\nconst overlayHeader = cva(\n  'flex items-center justify-between border-b gap-2',\n  {\n    variants: {\n      theme: {\n        light: 'border-[rgba(12,28,51,0.05)]',\n        dark: 'border-[rgba(255,255,255,0.15)]'\n      },\n      size: {\n        sm: 'px-[0.875rem] py-[0.375rem]',\n        md: 'px-[1rem] py-[0.5rem]',\n        xl: 'px-[1.125rem] py-[0.5rem]'\n      }\n    },\n    defaultVariants: {\n      theme: 'light',\n      size: 'xl'\n    }\n  }\n)\n\nconst overlayItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none font-medium text-[0.75rem] leading-[1.416em]',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] hover:bg-gray-50',\n        dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'\n      },\n      size: {\n        sm: 'px-[0.875rem] py-[0.625rem]',\n        md: 'px-[1rem] py-[0.6875rem]',\n        xl: 'px-[1.125rem] py-[0.75rem]'\n      }\n    },\n    defaultVariants: {\n      theme: 'light',\n      size: 'xl'\n    }\n  }\n)\n\n// Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width='15'\n    height='15'\n    viewBox='0 0 15 15'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n  >\n    <path\n      d='m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z'\n      fill='currentColor'\n      fillRule='evenodd'\n      clipRule='evenodd'\n    />\n  </svg>\n)\n\ntype OverlayMenuVariants = VariantProps<typeof overlayMenuTrigger>\n\nexport interface OverlayMenuItem {\n  id: string\n  content: React.ReactNode\n  onClick?: () => void\n  disabled?: boolean\n}\n\nexport interface OverlayMenuPosition {\n  top?: number\n  left?: number\n  right?: number\n  bottom?: number\n}\n\nexport interface OverlayMenuProps extends Omit<OverlayMenuVariants, 'theme' | 'disabled'> {\n  className?: string\n  contentClassName?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  filled?: boolean\n  items?: OverlayMenuItem[]\n  showArrow?: boolean\n  disabled?: boolean\n  name?: string\n  overlayLabel?: string\n  maxHeight?: string\n  triggerContent?: React.ReactNode\n  placeholder?: string\n  showItemBorders?: boolean\n  variant?: 'dropdown' | 'context-menu'\n  headerContent?: React.ReactNode\n  showCloseButton?: boolean\n  position?: OverlayMenuPosition\n  width?: string | number\n  onClose?: () => void\n}\n\n/**\n * Overlay menu component that opens above the trigger with overlay positioning.\n * Supports custom content items with onClick handlers.\n * \n * @param variant - 'dropdown' (default) or 'context-menu'\n * @param headerContent - Custom header content (for context-menu variant)\n * @param showCloseButton - Show close button in header\n * @param position - Position object for context-menu variant\n * @param width - Custom width (default: 200px for context-menu)\n */\nexport const OverlayMenu: React.FC<OverlayMenuProps> = ({\n  className = '',\n  contentClassName = '',\n  colorScheme,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  filled = false,\n  disabled = false,\n  items = [],\n  showArrow = true,\n  name,\n  overlayLabel,\n  maxHeight = '200px',\n  triggerContent,\n  placeholder = 'Menu',\n  showItemBorders = true,\n  variant = 'dropdown',\n  headerContent,\n  showCloseButton = false,\n  position,\n  width,\n  onClose,\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  // Determine color scheme based on state\n  let finalColorScheme = colorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const isContextMenu = variant === 'context-menu'\n\n  // Handle Escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    return () => document.removeEventListener('keydown', handleEscape)\n  }, [isOpen])\n\n  const handleClose = () => {\n    setIsOpen(false)\n    onClose?.()\n  }\n\n  const triggerClasses = overlayMenuTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    filled,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = overlayContent({ \n    theme, \n    size, \n    variant,\n    hasShadow: isContextMenu \n  })\n  const headerClasses = overlayHeader({ theme, size })\n  const itemClasses = overlayItem({ theme, size })\n\n  const handleItemClick = (item: OverlayMenuItem) => {\n    if (!item.disabled && item.onClick) {\n      item.onClick()\n    }\n    handleClose()\n  }\n\n  // For context-menu variant, show menu immediately if position is provided\n  useEffect(() => {\n    if (isContextMenu && position) {\n      setIsOpen(true)\n    }\n  }, [isContextMenu, position])\n\n  // Calculate position styles for context-menu\n  const getPositionStyles = (): React.CSSProperties => {\n    if (!isContextMenu || !position) return {}\n    \n    const styles: React.CSSProperties = {}\n    if (position.top !== undefined) styles.top = position.top\n    if (position.left !== undefined) styles.left = position.left\n    if (position.right !== undefined) styles.right = position.right\n    if (position.bottom !== undefined) styles.bottom = position.bottom\n    if (width) styles.width = typeof width === 'number' ? `${width}px` : width\n    \n    return styles\n  }\n\n  return (\n    <div className={isContextMenu ? '' : 'relative'}>\n      {/* Trigger button - only for dropdown variant */}\n      {!isContextMenu && (\n        <button\n          ref={triggerRef}\n          type='button'\n          className={triggerClasses}\n          onClick={() => !disabled && setIsOpen(!isOpen)}\n          disabled={disabled}\n          name={name}\n          {...props}\n        >\n          <div className='w-full flex-1 text-left'>\n            {triggerContent || (\n              <span className={theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}>\n                {placeholder}\n              </span>\n            )}\n          </div>\n          {showArrow && (\n            <ChevronDownIcon \n              className={`transition-transform ${isOpen ? 'rotate-180' : ''} ${\n                size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'\n              }`} \n            />\n          )}\n        </button>\n      )}\n\n      {isOpen && (\n        <>\n          {/* Backdrop */}\n          <div \n            className={`${isContextMenu ? 'fixed' : 'fixed'} inset-0 z-40`}\n            onClick={handleClose}\n          />\n\n          {/* Overlay content */}\n          <div\n            className={`${contentClasses} ${isContextMenu ? 'fixed' : ''} ${\n              !isContextMenu ? 'top-0 left-0 right-0' : ''\n            } overflow-y-auto ${contentClassName}`}\n            style={{ \n              maxHeight,\n              ...getPositionStyles()\n            }}\n          >\n            {/* Custom header for context-menu or overlayLabel for dropdown */}\n            {(headerContent || overlayLabel) && (\n              <div \n                className={`${headerClasses} ${!showCloseButton && !isContextMenu ? 'cursor-pointer' : ''}`}\n                onClick={!showCloseButton && !isContextMenu ? handleClose : undefined}\n              >\n                <div className='w-full flex-1'>\n                  {headerContent || overlayLabel}\n                </div>\n                {(showCloseButton || (isContextMenu && headerContent)) && (\n                  <button\n                    className='flex items-center cursor-pointer hover:opacity-70 transition-opacity'\n                    onClick={handleClose}\n                    aria-label='Close menu'\n                  >\n                    <CrossIcon \n                      size={16} \n                      color={theme === 'dark' ? '#FFFFFF' : '#0C1C33'}\n                    />\n                  </button>\n                )}\n              </div>\n            )}\n\n            {/* Menu items */}\n            <div>\n              {items.map((item, index) => (\n                <div\n                  key={item.id}\n                  className={`${itemClasses} ${item.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${\n                    showItemBorders && index < items.length - 1 \n                      ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}`\n                      : ''\n                  }`}\n                  onClick={() => handleItemClick(item)}\n                >\n                  {item.content}\n                </div>\n              ))}\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default OverlayMenu\n"],"names":["overlayMenuTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","gray","lightGray","size","sm","md","xl","border","true","false","disabled","filled","compoundVariants","class","defaultVariants","overlayContent","variant","dropdown","hasShadow","overlayHeader","overlayItem","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","OverlayMenu","_a","contentClassName","items","showArrow","name","overlayLabel","maxHeight","triggerContent","placeholder","showItemBorders","headerContent","showCloseButton","position","onClose","props","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","finalColorScheme","isContextMenu","useEffect","handleEscape","e","key","handleClose","document","addEventListener","removeEventListener","triggerClasses","contentClasses","headerClasses","itemClasses","handleItemClick","item","onClick","getPositionStyles","styles","top","undefined","left","right","bottom","_jsxs","children","Object","assign","ref","type","_Fragment","style","CrossIcon","color","map","index","length","content","id"],"mappings":"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"}