dash-ui-kit 1.0.94 → 2.1.0-dev

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/list/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Text } from '../text'\nimport { CheckIcon } from '../icons'\nimport { useTheme } from '../../contexts/ThemeContext'\n\ninterface ListItem {\n  text: string\n  description?: string\n}\n\ninterface ListProps {\n  items: ListItem[]\n  iconType?: 'check'\n  className?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst iconComponents = {\n  check: CheckIcon\n}\n\nexport const List: React.FC<ListProps> = ({\n  items,\n  iconType = 'check',\n  className = '',\n  size = 'sm'\n}) => {\n  const { theme } = useTheme()\n  const IconComponent = iconComponents[iconType]\n\n  return (\n    <ul className={`space-y-5 w-full ${className}`}>\n      {items.map((item, index) => (\n        <li key={index} className='flex items-start gap-4'>\n          <IconComponent \n            size={20} \n            className='flex-shrink-0' \n            color={theme === 'dark' ? '#4C7EFF' : '#4C7EFF'}\n          />\n          <div className='flex flex-col gap-1'>\n            <Text size={size} weight=\"medium\">\n              {item.text}\n            </Text>\n            {item.description && (\n              <Text size='xs' dim className='opacity-75'>\n                {item.description}\n              </Text>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport type { ListProps, ListItem } "],"names":["iconComponents","check","CheckIcon","List","items","iconType","className","size","theme","useTheme","IconComponent","_jsx","children","map","item","index","_jsxs","color","Text","weight","text","description","dim"],"mappings":";;;;;;;AAiBA,MAAMA,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAEC;CACR;AAEM,MAAMC,IAAI,GAAwBA,CAAC;EACxCC,KAAK;AACLC,EAAAA,QAAQ,GAAG,OAAO;AAClBC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,IAAI,GAAG;AACR,CAAA,KAAI;EACH,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;AAC5B,EAAA,MAAMC,aAAa,GAAGV,cAAc,CAACK,QAAQ,CAAC;EAE9C,OACEM;IAAIL,SAAS,EAAE,CAAoBA,iBAAAA,EAAAA,SAAS,CAAE,CAAA;AAC3CM,IAAAA,QAAA,EAAAR,KAAK,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KACrBC,IAAgB,CAAA,IAAA,EAAA;AAAAV,MAAAA,SAAS,EAAC,wBAAwB;iBAChDK,GAAC,CAAAD,aAAa;AACZH,QAAAA,IAAI,EAAE,EAAE;AACRD,QAAAA,SAAS,EAAC,eAAe;AACzBW,QAAAA,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG;AACtC,OAAA,CAAA,EACFQ;AAAKV,QAAAA,SAAS,EAAC,qBAAqB;AAClCM,QAAAA,QAAA,EAAA,CAAAD,GAAA,CAACO,IAAI,EAAC;AAAAX,UAAAA,IAAI,EAAEA,IAAI;AAAEY,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EAC9BE,IAAI,CAACM;SAAI,CACL,EACNN,IAAI,CAACO,WAAW,IACfV,GAAA,CAACO,IAAI,EAAC;AAAAX,UAAAA,IAAI,EAAC,IAAI;AAACe,UAAAA,GAAG,EAAC,IAAA;AAAAhB,UAAAA,SAAS,EAAC,YAAY;UACvCM,QAAA,EAAAE,IAAI,CAACO;AAAW,SAAA,CAEpB;AAAA,OAAA,CACG;KAfC,EAAAN,KAAK,CAiBf;AACE,GAAA,CAAA;AAET;;;;"}

package/dist/react/components/notActive/index.cjs.js

@@ -0,0 +1,40 @@
+"use client";
+
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+
+const notActiveStyles = classVarianceAuthority.cva('text-sm', {
+  variants: {
+    theme: {
+      light: 'text-gray-400',
+      dark: 'text-gray-500'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+function NotActive(_a) {
+  var {
+      children,
+      className
+    } = _a,
+    props = tslib.__rest(_a, ["children", "className"]);
+  const {
+    theme
+  } = ThemeContext.useTheme();
+  return jsxRuntime.jsx("span", Object.assign({
+    className: `${notActiveStyles({
+      theme
+    })} ${className !== null && className !== void 0 ? className : ''}`
+  }, props, {
+    children: children !== null && children !== void 0 ? children : 'n/a'
+  }));
+}
+
+exports.NotActive = NotActive;
+//# sourceMappingURL=index.cjs.js.map

package/dist/react/components/notActive/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/notActive/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\n\nconst notActiveStyles = cva(\n  'text-sm',\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-400',\n        dark: 'text-gray-500'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface NotActiveProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children?: React.ReactNode\n  className?: string\n}\n\nexport function NotActive ({ children, className, ...props }: NotActiveProps): React.JSX.Element {\n  const { theme } = useTheme()\n  \n  return (\n    <span\n      className={`${notActiveStyles({ theme })} ${className ?? ''}`}\n      {...props}\n    >\n      {children ?? 'n/a'}\n    </span>\n  )\n} "],"names":["notActiveStyles","cva","variants","theme","light","dark","defaultVariants","NotActive","_a","children","className","props","__rest","useTheme","_jsx","Object","assign"],"mappings":";;;;;;;;;AAIA,MAAMA,eAAe,GAAGC,0BAAG,CACzB,SAAS,EACT;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,eAAe;AACtBC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AAOK,SAAUI,SAASA,CAAEC,EAAiD,EAAA;MAAjD;MAAEC,QAAQ;AAAEC,MAAAA;AAAS,KAAA,GAAAF,EAA4B;IAAvBG,KAAK,GAAAC,YAAA,CAAAJ,EAAA,EAA/B,yBAAiC,CAAF;EACxD,MAAM;AAAEL,IAAAA;GAAO,GAAGU,qBAAQ,EAAE;AAE5B,EAAA,OACEC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACEN,SAAS,EAAE,CAAGV,EAAAA,eAAe,CAAC;AAAEG,MAAAA;AAAO,KAAA,CAAC,CAAA,CAAA,EAAIO,SAAS,aAATA,SAAS,KAAA,MAAA,GAATA,SAAS,GAAI,EAAE,CAAA;GACvD,EAAAC,KAAK;cAERF,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAI;AAAK,GAAA,CAAA,CACb;AAEX;;;;"}

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

@@ -0,0 +1,38 @@
+"use client";
+
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { useTheme } from '../../contexts/ThemeContext.esm.js';
+
+const notActiveStyles = cva('text-sm', {
+  variants: {
+    theme: {
+      light: 'text-gray-400',
+      dark: 'text-gray-500'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+function NotActive(_a) {
+  var {
+      children,
+      className
+    } = _a,
+    props = __rest(_a, ["children", "className"]);
+  const {
+    theme
+  } = useTheme();
+  return jsx("span", Object.assign({
+    className: `${notActiveStyles({
+      theme
+    })} ${className !== null && className !== void 0 ? className : ''}`
+  }, props, {
+    children: children !== null && children !== void 0 ? children : 'n/a'
+  }));
+}
+
+export { NotActive };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/notActive/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\n\nconst notActiveStyles = cva(\n  'text-sm',\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-400',\n        dark: 'text-gray-500'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface NotActiveProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children?: React.ReactNode\n  className?: string\n}\n\nexport function NotActive ({ children, className, ...props }: NotActiveProps): React.JSX.Element {\n  const { theme } = useTheme()\n  \n  return (\n    <span\n      className={`${notActiveStyles({ theme })} ${className ?? ''}`}\n      {...props}\n    >\n      {children ?? 'n/a'}\n    </span>\n  )\n} "],"names":["notActiveStyles","cva","variants","theme","light","dark","defaultVariants","NotActive","_a","children","className","props","__rest","useTheme","_jsx","Object","assign"],"mappings":";;;;;;;AAIA,MAAMA,eAAe,GAAGC,GAAG,CACzB,SAAS,EACT;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,eAAe;AACtBC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AAOK,SAAUI,SAASA,CAAEC,EAAiD,EAAA;MAAjD;MAAEC,QAAQ;AAAEC,MAAAA;AAAS,KAAA,GAAAF,EAA4B;IAAvBG,KAAK,GAAAC,MAAA,CAAAJ,EAAA,EAA/B,yBAAiC,CAAF;EACxD,MAAM;AAAEL,IAAAA;GAAO,GAAGU,QAAQ,EAAE;AAE5B,EAAA,OACEC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACEN,SAAS,EAAE,CAAGV,EAAAA,eAAe,CAAC;AAAEG,MAAAA;AAAO,KAAA,CAAC,CAAA,CAAA,EAAIO,SAAS,aAATA,SAAS,KAAA,MAAA,GAATA,SAAS,GAAI,EAAE,CAAA;GACvD,EAAAC,KAAK;cAERF,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAI;AAAK,GAAA,CAAA,CACb;AAEX;;;;"}

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

@@ -0,0 +1,469 @@
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+var index = require('../icons/index.cjs.js');
+var useColorScheme = require('../../hooks/useColorScheme.cjs.js');
+
+const overlayMenuTrigger = classVarianceAuthority.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 = classVarianceAuthority.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 = classVarianceAuthority.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 = classVarianceAuthority.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
+}) => jsxRuntime.jsx("svg", {
+  width: '15',
+  height: '15',
+  viewBox: '0 0 15 15',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  children: jsxRuntime.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 closeButtonAlignClasses = {
+  left: 'justify-start',
+  center: 'justify-center',
+  right: 'justify-end'
+};
+const OverlayMenuHeader = ({
+  headerClasses,
+  hasContent,
+  showCloseButton,
+  closeButtonAlign,
+  isContextMenu,
+  theme,
+  onClose,
+  children
+}) => {
+  const isCloseOnly = showCloseButton && !hasContent;
+  return jsxRuntime.jsxs("div", {
+    className: `${headerClasses} ${isCloseOnly ? closeButtonAlignClasses[closeButtonAlign] : ''} ${!showCloseButton && !isContextMenu ? 'cursor-pointer' : ''}`,
+    onClick: !showCloseButton && !isContextMenu ? onClose : undefined,
+    children: [hasContent && jsxRuntime.jsx("div", {
+      className: 'w-full flex-1',
+      children: children
+    }), showCloseButton && jsxRuntime.jsx("button", {
+      className: 'flex items-center cursor-pointer hover:opacity-70 transition-opacity',
+      onClick: onClose,
+      "aria-label": 'Close menu',
+      children: jsxRuntime.jsx(index.CrossIcon, {
+        size: 16,
+        color: theme === 'dark' ? '#FFFFFF' : '#0C1C33'
+      })
+    })]
+  });
+};
+const OverlayMenu = _a => {
+  var _b;
+  var {
+      className = '',
+      triggerClassName = '',
+      contentClassName = '',
+      colorScheme,
+      colorSchemeLight,
+      colorSchemeDark,
+      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',
+      align = 'left',
+      wrapperClassName = '',
+      headerContent,
+      showCloseButton = false,
+      closeButtonAlign = 'right',
+      position,
+      width,
+      onClose
+    } = _a,
+    props = tslib.__rest(_a, ["className", "triggerClassName", "contentClassName", "colorScheme", "colorSchemeLight", "colorSchemeDark", "size", "error", "success", "border", "filled", "disabled", "items", "showArrow", "name", "overlayLabel", "maxHeight", "triggerContent", "placeholder", "showItemBorders", "variant", "align", "wrapperClassName", "headerContent", "showCloseButton", "closeButtonAlign", "position", "width", "onClose"]);
+  const {
+    theme
+  } = ThemeContext.useTheme();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const effectiveColorScheme = (_b = useColorScheme.useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark)) !== null && _b !== void 0 ? _b : 'default';
+  // Determine color scheme based on state
+  let finalColorScheme = effectiveColorScheme;
+  if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
+  const isContextMenu = variant === 'context-menu';
+  // Handle Escape key
+  React.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 alignClasses = {
+    left: 'left-0',
+    center: 'left-1/2 -translate-x-1/2',
+    right: 'right-0'
+  };
+  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
+  React.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 jsxRuntime.jsxs("div", {
+    className: isContextMenu ? wrapperClassName : `relative ${wrapperClassName}`,
+    children: [!isContextMenu && jsxRuntime.jsxs("button", Object.assign({
+      ref: triggerRef,
+      type: 'button',
+      className: `${triggerClasses} ${triggerClassName}`,
+      onClick: () => !disabled && setIsOpen(!isOpen),
+      disabled: disabled,
+      name: name
+    }, props, {
+      children: [jsxRuntime.jsx("div", {
+        className: 'w-full flex-1 text-left',
+        children: triggerContent || jsxRuntime.jsx("span", {
+          className: theme === 'dark' ? 'text-gray-400' : 'text-gray-500',
+          children: placeholder
+        })
+      }), showArrow && jsxRuntime.jsx(ChevronDownIcon, {
+        className: `transition-transform ${isOpen ? 'rotate-180' : ''} ${size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'}`
+      })]
+    })), isOpen && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx("div", {
+        className: `${isContextMenu ? 'fixed' : 'fixed'} inset-0 z-40`,
+        onClick: handleClose
+      }), jsxRuntime.jsxs("div", {
+        className: `${contentClasses} ${isContextMenu ? 'fixed' : ''} ${!isContextMenu ? `top-0 ${alignClasses[align]}` : ''} overflow-y-auto ${contentClassName}`,
+        style: Object.assign({
+          maxHeight
+        }, getPositionStyles()),
+        children: [(headerContent || overlayLabel || showCloseButton) && jsxRuntime.jsx(OverlayMenuHeader, {
+          headerClasses: headerClasses,
+          hasContent: !!(headerContent || overlayLabel),
+          showCloseButton: showCloseButton || isContextMenu && !!headerContent,
+          closeButtonAlign: closeButtonAlign,
+          isContextMenu: isContextMenu,
+          theme: theme,
+          onClose: handleClose,
+          children: headerContent || overlayLabel
+        }), jsxRuntime.jsx("div", {
+          children: items.map((item, index) => {
+            var _a;
+            return jsxRuntime.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)]'}` : ''} ${(_a = item.className) !== null && _a !== void 0 ? _a : ''}`,
+              onClick: () => handleItemClick(item),
+              children: item.content
+            }, item.id);
+          })
+        })]
+      })]
+    })]
+  });
+};
+
+exports.OverlayMenu = OverlayMenu;
+exports.default = OverlayMenu;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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'\nimport { useColorScheme } from '../../hooks/useColorScheme'\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  className?: string\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  triggerClassName?: 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  wrapperClassName?: string\n  variant?: 'dropdown' | 'context-menu'\n  align?: 'left' | 'center' | 'right'\n  headerContent?: React.ReactNode\n  showCloseButton?: boolean\n  closeButtonAlign?: 'left' | 'center' | 'right'\n  position?: OverlayMenuPosition\n  width?: string | number\n  onClose?: () => void\n  /** Color scheme override for light theme */\n  colorSchemeLight?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\n  /** Color scheme override for dark theme */\n  colorSchemeDark?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\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 */\nconst closeButtonAlignClasses: Record<'left' | 'center' | 'right', string> = {\n  left: 'justify-start',\n  center: 'justify-center',\n  right: 'justify-end',\n}\n\ninterface OverlayMenuHeaderProps {\n  headerClasses: string\n  hasContent: boolean\n  showCloseButton: boolean\n  closeButtonAlign: 'left' | 'center' | 'right'\n  isContextMenu: boolean\n  theme: 'light' | 'dark'\n  onClose: () => void\n  children?: React.ReactNode\n}\n\nconst OverlayMenuHeader: React.FC<OverlayMenuHeaderProps> = ({\n  headerClasses,\n  hasContent,\n  showCloseButton,\n  closeButtonAlign,\n  isContextMenu,\n  theme,\n  onClose,\n  children,\n}) => {\n  const isCloseOnly = showCloseButton && !hasContent\n\n  return (\n    <div\n      className={`${headerClasses} ${isCloseOnly ? closeButtonAlignClasses[closeButtonAlign] : ''} ${!showCloseButton && !isContextMenu ? 'cursor-pointer' : ''}`}\n      onClick={!showCloseButton && !isContextMenu ? onClose : undefined}\n    >\n      {hasContent && (\n        <div className='w-full flex-1'>{children}</div>\n      )}\n      {showCloseButton && (\n        <button\n          className='flex items-center cursor-pointer hover:opacity-70 transition-opacity'\n          onClick={onClose}\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\nexport const OverlayMenu: React.FC<OverlayMenuProps> = ({\n  className = '',\n  triggerClassName = '',\n  contentClassName = '',\n  colorScheme,\n  colorSchemeLight,\n  colorSchemeDark,\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  align = 'left',\n  wrapperClassName = '',\n  headerContent,\n  showCloseButton = false,\n  closeButtonAlign = 'right',\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  const effectiveColorScheme = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark) ?? 'default'\n\n  // Determine color scheme based on state\n  let finalColorScheme: typeof effectiveColorScheme = effectiveColorScheme\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 alignClasses: Record<'left' | 'center' | 'right', string> = {\n    left: 'left-0',\n    center: 'left-1/2 -translate-x-1/2',\n    right: 'right-0',\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 ? wrapperClassName : `relative ${wrapperClassName}`}>\n      {/* Trigger button - only for dropdown variant */}\n      {!isContextMenu && (\n        <button\n          ref={triggerRef}\n          type='button'\n          className={`${triggerClasses} ${triggerClassName}`}\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 ${alignClasses[align]}` : ''\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 || showCloseButton) && (\n              <OverlayMenuHeader\n                headerClasses={headerClasses}\n                hasContent={!!(headerContent || overlayLabel)}\n                showCloseButton={showCloseButton || (isContextMenu && !!headerContent)}\n                closeButtonAlign={closeButtonAlign}\n                isContextMenu={isContextMenu}\n                theme={theme}\n                onClose={handleClose}\n              >\n                {headerContent || overlayLabel}\n              </OverlayMenuHeader>\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                  } ${item.className ?? ''}`}\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","closeButtonAlignClasses","left","center","right","OverlayMenuHeader","headerClasses","hasContent","showCloseButton","closeButtonAlign","isContextMenu","onClose","children","isCloseOnly","_jsxs","onClick","undefined","CrossIcon","color","OverlayMenu","_a","triggerClassName","contentClassName","colorSchemeLight","colorSchemeDark","items","showArrow","name","overlayLabel","maxHeight","triggerContent","placeholder","showItemBorders","align","wrapperClassName","headerContent","position","props","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","effectiveColorScheme","_b","useColorScheme","finalColorScheme","useEffect","handleEscape","e","key","handleClose","document","addEventListener","removeEventListener","alignClasses","triggerClasses","contentClasses","itemClasses","handleItemClick","item","getPositionStyles","styles","top","bottom","Object","assign","ref","type","_Fragment","style","map","index","length","content","id"],"mappings":"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"}