dash-ui-kit 1.0.93 → 2.0.0-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/README.md +52 -0
  2. package/dist/react/components/accordion/index.cjs.js +193 -0
  3. package/dist/react/components/accordion/index.cjs.js.map +1 -0
  4. package/dist/react/components/accordion/index.esm.js +169 -0
  5. package/dist/react/components/accordion/index.esm.js.map +1 -0
  6. package/dist/react/components/avatar/index.cjs.js +39 -0
  7. package/dist/react/components/avatar/index.cjs.js.map +1 -0
  8. package/dist/react/components/avatar/index.esm.js +34 -0
  9. package/dist/react/components/avatar/index.esm.js.map +1 -0
  10. package/dist/react/components/badge/index.cjs.js +92 -0
  11. package/dist/react/components/badge/index.cjs.js.map +1 -0
  12. package/dist/react/components/badge/index.esm.js +87 -0
  13. package/dist/react/components/badge/index.esm.js.map +1 -0
  14. package/dist/react/components/bigNumber/index.cjs.js +100 -0
  15. package/dist/react/components/bigNumber/index.cjs.js.map +1 -0
  16. package/dist/react/components/bigNumber/index.esm.js +95 -0
  17. package/dist/react/components/bigNumber/index.esm.js.map +1 -0
  18. package/dist/react/components/button/index.cjs.js +535 -0
  19. package/dist/react/components/button/index.cjs.js.map +1 -0
  20. package/dist/react/components/button/index.d.ts +3 -1
  21. package/dist/react/components/button/index.esm.js +530 -0
  22. package/dist/react/components/button/index.esm.js.map +1 -0
  23. package/dist/react/components/copyButton/index.cjs.js +95 -0
  24. package/dist/react/components/copyButton/index.cjs.js.map +1 -0
  25. package/dist/react/components/copyButton/index.esm.js +71 -0
  26. package/dist/react/components/copyButton/index.esm.js.map +1 -0
  27. package/dist/react/components/dashLogo/index.cjs.js +74 -0
  28. package/dist/react/components/dashLogo/index.cjs.js.map +1 -0
  29. package/dist/react/components/dashLogo/index.esm.js +69 -0
  30. package/dist/react/components/dashLogo/index.esm.js.map +1 -0
  31. package/dist/react/components/dateBlock/index.cjs.js +120 -0
  32. package/dist/react/components/dateBlock/index.cjs.js.map +1 -0
  33. package/dist/react/components/dateBlock/index.esm.js +115 -0
  34. package/dist/react/components/dateBlock/index.esm.js.map +1 -0
  35. package/dist/react/components/dialog/index.cjs.js +292 -0
  36. package/dist/react/components/dialog/index.cjs.js.map +1 -0
  37. package/dist/react/components/dialog/index.esm.js +270 -0
  38. package/dist/react/components/dialog/index.esm.js.map +1 -0
  39. package/dist/react/components/heading/index.cjs.js +60 -0
  40. package/dist/react/components/heading/index.cjs.js.map +1 -0
  41. package/dist/react/components/heading/index.esm.js +58 -0
  42. package/dist/react/components/heading/index.esm.js.map +1 -0
  43. package/dist/react/components/icons/index.cjs.js +1173 -0
  44. package/dist/react/components/icons/index.cjs.js.map +1 -0
  45. package/dist/react/components/icons/index.d.ts +2 -0
  46. package/dist/react/components/icons/index.esm.js +1128 -0
  47. package/dist/react/components/icons/index.esm.js.map +1 -0
  48. package/dist/react/components/identifier/index.cjs.js +286 -0
  49. package/dist/react/components/identifier/index.cjs.js.map +1 -0
  50. package/dist/react/components/identifier/index.esm.js +282 -0
  51. package/dist/react/components/identifier/index.esm.js.map +1 -0
  52. package/dist/react/components/index.cjs.js +101 -0
  53. package/dist/react/components/index.cjs.js.map +1 -0
  54. package/dist/react/components/index.d.ts +1 -1
  55. package/dist/react/components/index.esm.js +29 -0
  56. package/dist/react/components/index.esm.js.map +1 -0
  57. package/dist/react/components/input/index.cjs.js +237 -0
  58. package/dist/react/components/input/index.cjs.js.map +1 -0
  59. package/dist/react/components/input/index.esm.js +232 -0
  60. package/dist/react/components/input/index.esm.js.map +1 -0
  61. package/dist/react/components/list/index.cjs.js +49 -0
  62. package/dist/react/components/list/index.cjs.js.map +1 -0
  63. package/dist/react/components/list/index.esm.js +47 -0
  64. package/dist/react/components/list/index.esm.js.map +1 -0
  65. package/dist/react/components/notActive/index.cjs.js +40 -0
  66. package/dist/react/components/notActive/index.cjs.js.map +1 -0
  67. package/dist/react/components/notActive/index.esm.js +38 -0
  68. package/dist/react/components/notActive/index.esm.js.map +1 -0
  69. package/dist/react/components/overlayMenu/index.cjs.js +425 -0
  70. package/dist/react/components/overlayMenu/index.cjs.js.map +1 -0
  71. package/dist/react/components/overlayMenu/index.esm.js +420 -0
  72. package/dist/react/components/overlayMenu/index.esm.js.map +1 -0
  73. package/dist/react/components/overlaySelect/index.cjs.js +345 -0
  74. package/dist/react/components/overlaySelect/index.cjs.js.map +1 -0
  75. package/dist/react/components/overlaySelect/index.esm.js +340 -0
  76. package/dist/react/components/overlaySelect/index.esm.js.map +1 -0
  77. package/dist/react/components/progressStepBar/index.cjs.js +49 -0
  78. package/dist/react/components/progressStepBar/index.cjs.js.map +1 -0
  79. package/dist/react/components/progressStepBar/index.d.ts +2 -1
  80. package/dist/react/components/progressStepBar/index.esm.js +47 -0
  81. package/dist/react/components/progressStepBar/index.esm.js.map +1 -0
  82. package/dist/react/components/select/index.cjs.js +236 -0
  83. package/dist/react/components/select/index.cjs.js.map +1 -0
  84. package/dist/react/components/select/index.esm.js +212 -0
  85. package/dist/react/components/select/index.esm.js.map +1 -0
  86. package/dist/react/components/switch/index.cjs.js +184 -0
  87. package/dist/react/components/switch/index.cjs.js.map +1 -0
  88. package/dist/react/components/switch/index.esm.js +179 -0
  89. package/dist/react/components/switch/index.esm.js.map +1 -0
  90. package/dist/react/components/tabs/index.cjs.js +178 -0
  91. package/dist/react/components/tabs/index.cjs.js.map +1 -0
  92. package/dist/react/components/tabs/index.esm.js +154 -0
  93. package/dist/react/components/tabs/index.esm.js.map +1 -0
  94. package/dist/react/components/text/index.cjs.js +120 -0
  95. package/dist/react/components/text/index.cjs.js.map +1 -0
  96. package/dist/react/components/text/index.esm.js +115 -0
  97. package/dist/react/components/text/index.esm.js.map +1 -0
  98. package/dist/react/components/textarea/index.cjs.js +256 -0
  99. package/dist/react/components/textarea/index.cjs.js.map +1 -0
  100. package/dist/react/components/textarea/index.esm.js +251 -0
  101. package/dist/react/components/textarea/index.esm.js.map +1 -0
  102. package/dist/react/components/timeDelta/index.cjs.js +93 -0
  103. package/dist/react/components/timeDelta/index.cjs.js.map +1 -0
  104. package/dist/react/components/timeDelta/index.d.ts +1 -1
  105. package/dist/react/components/timeDelta/index.esm.js +88 -0
  106. package/dist/react/components/timeDelta/index.esm.js.map +1 -0
  107. package/dist/react/components/transactionStatusIcon/index.cjs.js +59 -0
  108. package/dist/react/components/transactionStatusIcon/index.cjs.js.map +1 -0
  109. package/dist/react/components/transactionStatusIcon/index.esm.js +54 -0
  110. package/dist/react/components/transactionStatusIcon/index.esm.js.map +1 -0
  111. package/dist/react/components/valueCard/index.cjs.js +176 -0
  112. package/dist/react/components/valueCard/index.cjs.js.map +1 -0
  113. package/dist/react/components/valueCard/index.d.ts +1 -1
  114. package/dist/react/components/valueCard/index.esm.js +171 -0
  115. package/dist/react/components/valueCard/index.esm.js.map +1 -0
  116. package/dist/react/contexts/ThemeContext.cjs.js +79 -0
  117. package/dist/react/contexts/ThemeContext.cjs.js.map +1 -0
  118. package/dist/react/contexts/ThemeContext.esm.js +76 -0
  119. package/dist/react/contexts/ThemeContext.esm.js.map +1 -0
  120. package/dist/react/contexts/index.cjs.js +11 -0
  121. package/dist/react/contexts/index.cjs.js.map +1 -0
  122. package/dist/react/contexts/index.esm.js +4 -0
  123. package/dist/react/contexts/index.esm.js.map +1 -0
  124. package/dist/react/hooks/useDebounce.cjs.js +83 -0
  125. package/dist/react/hooks/useDebounce.cjs.js.map +1 -0
  126. package/dist/react/hooks/useDebounce.esm.js +78 -0
  127. package/dist/react/hooks/useDebounce.esm.js.map +1 -0
  128. package/dist/react/index.cjs.js +99 -12811
  129. package/dist/react/index.cjs.js.map +1 -1
  130. package/dist/react/index.d.ts +1 -1
  131. package/dist/react/index.esm.js +27 -12725
  132. package/dist/react/index.esm.js.map +1 -1
  133. package/dist/react/shared/utils/datetime.cjs.js +59 -0
  134. package/dist/react/shared/utils/datetime.cjs.js.map +1 -0
  135. package/dist/react/shared/utils/datetime.esm.js +57 -0
  136. package/dist/react/shared/utils/datetime.esm.js.map +1 -0
  137. package/dist/react/utils/copyToClipboard.cjs.js +31 -0
  138. package/dist/react/utils/copyToClipboard.cjs.js.map +1 -0
  139. package/dist/react/utils/copyToClipboard.esm.js +26 -0
  140. package/dist/react/utils/copyToClipboard.esm.js.map +1 -0
  141. package/dist/react/utils/index.d.ts +1 -1
  142. package/dist/react-native/components/avatar/index.d.ts +26 -0
  143. package/dist/react-native/components/avatar/index.web.d.ts +24 -0
  144. package/dist/react-native/components/badge/index.d.ts +51 -0
  145. package/dist/react-native/components/bigNumber/index.d.ts +26 -0
  146. package/dist/react-native/components/button/index.d.ts +39 -0
  147. package/dist/react-native/components/copyButton/index.d.ts +22 -0
  148. package/dist/react-native/components/copyButton/index.web.d.ts +20 -0
  149. package/dist/react-native/components/dashLogo/index.d.ts +30 -0
  150. package/dist/react-native/components/heading/index.d.ts +25 -0
  151. package/dist/react-native/components/icons/index.d.ts +43 -0
  152. package/dist/react-native/components/identifier/index.d.ts +47 -0
  153. package/dist/react-native/components/index.d.ts +15 -0
  154. package/dist/react-native/components/input/index.d.ts +53 -0
  155. package/dist/react-native/components/notActive/index.d.ts +16 -0
  156. package/dist/react-native/components/tabs/index.d.ts +50 -0
  157. package/dist/react-native/components/text/index.d.ts +28 -0
  158. package/dist/react-native/components/transactionStatusIcon/index.d.ts +24 -0
  159. package/dist/react-native/components/valueCard/index.d.ts +43 -0
  160. package/dist/react-native/hooks/index.d.ts +1 -0
  161. package/dist/react-native/hooks/useDebounce.d.ts +43 -0
  162. package/dist/react-native/index.cjs.js +2856 -0
  163. package/dist/react-native/index.cjs.js.map +1 -0
  164. package/dist/react-native/index.d.ts +4 -0
  165. package/dist/react-native/index.esm.js +2808 -0
  166. package/dist/react-native/index.esm.js.map +1 -0
  167. package/dist/react-native/styles/index.d.ts +11 -0
  168. package/dist/react-native/styles/tokens.d.ts +308 -0
  169. package/dist/react-native/styles/utils.d.ts +65 -0
  170. package/dist/react-native/utils/clipboard.d.ts +27 -0
  171. package/dist/react-native/utils/index.d.ts +2 -0
  172. package/dist/react-native/utils/tw.d.ts +7 -0
  173. package/dist/shared/constants/colors.d.ts +25 -0
  174. package/dist/shared/constants/index.d.ts +2 -0
  175. package/dist/shared/constants/sizes.d.ts +49 -0
  176. package/dist/shared/index.cjs.js +171 -0
  177. package/dist/shared/index.cjs.js.map +1 -0
  178. package/dist/shared/index.d.ts +3 -0
  179. package/dist/shared/index.esm.js +161 -0
  180. package/dist/shared/index.esm.js.map +1 -0
  181. package/dist/shared/types/common.d.ts +33 -0
  182. package/dist/shared/types/index.d.ts +1 -0
  183. package/dist/shared/utils/index.d.ts +1 -0
  184. package/dist/styles.css +1 -1
  185. package/package.json +50 -8
  186. /package/dist/{react → shared}/utils/datetime.d.ts +0 -0
@@ -0,0 +1,40 @@
1
+ "use client";
2
+
3
+ 'use strict';
4
+
5
+ var tslib = require('tslib');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+ var classVarianceAuthority = require('class-variance-authority');
8
+ var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
9
+
10
+ const notActiveStyles = classVarianceAuthority.cva('text-sm', {
11
+ variants: {
12
+ theme: {
13
+ light: 'text-gray-400',
14
+ dark: 'text-gray-500'
15
+ }
16
+ },
17
+ defaultVariants: {
18
+ theme: 'light'
19
+ }
20
+ });
21
+ function NotActive(_a) {
22
+ var {
23
+ children,
24
+ className
25
+ } = _a,
26
+ props = tslib.__rest(_a, ["children", "className"]);
27
+ const {
28
+ theme
29
+ } = ThemeContext.useTheme();
30
+ return jsxRuntime.jsx("span", Object.assign({
31
+ className: `${notActiveStyles({
32
+ theme
33
+ })} ${className !== null && className !== void 0 ? className : ''}`
34
+ }, props, {
35
+ children: children !== null && children !== void 0 ? children : 'n/a'
36
+ }));
37
+ }
38
+
39
+ exports.NotActive = NotActive;
40
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -0,0 +1,38 @@
1
+ "use client";
2
+
3
+ import { __rest } from 'tslib';
4
+ import { jsx } from 'react/jsx-runtime';
5
+ import { cva } from 'class-variance-authority';
6
+ import { useTheme } from '../../contexts/ThemeContext.esm.js';
7
+
8
+ const notActiveStyles = cva('text-sm', {
9
+ variants: {
10
+ theme: {
11
+ light: 'text-gray-400',
12
+ dark: 'text-gray-500'
13
+ }
14
+ },
15
+ defaultVariants: {
16
+ theme: 'light'
17
+ }
18
+ });
19
+ function NotActive(_a) {
20
+ var {
21
+ children,
22
+ className
23
+ } = _a,
24
+ props = __rest(_a, ["children", "className"]);
25
+ const {
26
+ theme
27
+ } = useTheme();
28
+ return jsx("span", Object.assign({
29
+ className: `${notActiveStyles({
30
+ theme
31
+ })} ${className !== null && className !== void 0 ? className : ''}`
32
+ }, props, {
33
+ children: children !== null && children !== void 0 ? children : 'n/a'
34
+ }));
35
+ }
36
+
37
+ export { NotActive };
38
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -0,0 +1,425 @@
1
+ "use client";
2
+
3
+ 'use strict';
4
+
5
+ Object.defineProperty(exports, '__esModule', { value: true });
6
+
7
+ var tslib = require('tslib');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+ var React = require('react');
10
+ var classVarianceAuthority = require('class-variance-authority');
11
+ var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
12
+ var index = require('../icons/index.cjs.js');
13
+
14
+ 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', {
15
+ variants: {
16
+ theme: {
17
+ light: 'text-dash-primary-dark-blue',
18
+ dark: 'text-white'
19
+ },
20
+ colorScheme: {
21
+ default: '',
22
+ brand: '',
23
+ error: '',
24
+ success: '',
25
+ gray: '',
26
+ lightGray: ''
27
+ },
28
+ size: {
29
+ sm: 'dash-block-sm',
30
+ md: 'dash-block-md',
31
+ xl: 'dash-block-xl'
32
+ },
33
+ border: {
34
+ true: 'outline outline-1 outline-offset-[-1px]',
35
+ false: ''
36
+ },
37
+ disabled: {
38
+ false: '',
39
+ true: 'opacity-60 cursor-not-allowed'
40
+ },
41
+ filled: {
42
+ false: '',
43
+ true: ''
44
+ }
45
+ },
46
+ compoundVariants: [{
47
+ colorScheme: 'default',
48
+ border: true,
49
+ class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'
50
+ }, {
51
+ colorScheme: 'brand',
52
+ border: true,
53
+ class: 'outline-dash-brand/30 focus:outline-dash-brand'
54
+ }, {
55
+ colorScheme: 'error',
56
+ border: true,
57
+ class: 'outline-red-500 focus:outline-red-500'
58
+ }, {
59
+ colorScheme: 'success',
60
+ border: true,
61
+ class: 'outline-green-500 focus:outline-green-500'
62
+ }, {
63
+ colorScheme: 'gray',
64
+ border: true,
65
+ theme: 'light',
66
+ class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'
67
+ }, {
68
+ colorScheme: 'gray',
69
+ border: true,
70
+ theme: 'dark',
71
+ class: 'outline-gray-600/50 focus:outline-gray-500'
72
+ }, {
73
+ colorScheme: 'lightGray',
74
+ border: true,
75
+ theme: 'light',
76
+ class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'
77
+ }, {
78
+ colorScheme: 'lightGray',
79
+ border: true,
80
+ theme: 'dark',
81
+ class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'
82
+ }, {
83
+ colorScheme: 'gray',
84
+ border: false,
85
+ theme: 'light',
86
+ class: 'bg-[rgba(12,28,51,0.03)]'
87
+ }, {
88
+ colorScheme: 'gray',
89
+ border: false,
90
+ theme: 'dark',
91
+ class: 'bg-gray-700/20'
92
+ },
93
+ // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover
94
+ {
95
+ colorScheme: 'lightGray',
96
+ border: false,
97
+ theme: 'light',
98
+ class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
99
+ }, {
100
+ colorScheme: 'lightGray',
101
+ border: false,
102
+ theme: 'dark',
103
+ class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
104
+ }, {
105
+ colorScheme: 'lightGray',
106
+ filled: true,
107
+ theme: 'light',
108
+ class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
109
+ }, {
110
+ colorScheme: 'lightGray',
111
+ filled: true,
112
+ theme: 'dark',
113
+ class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'
114
+ },
115
+ // Default background when not filled
116
+ {
117
+ filled: false,
118
+ theme: 'light',
119
+ class: 'bg-white'
120
+ }, {
121
+ filled: false,
122
+ theme: 'dark',
123
+ class: 'bg-gray-800'
124
+ },
125
+ // Filled variants
126
+ {
127
+ colorScheme: 'default',
128
+ filled: true,
129
+ theme: 'light',
130
+ class: 'bg-white text-gray-900'
131
+ }, {
132
+ colorScheme: 'default',
133
+ filled: true,
134
+ theme: 'dark',
135
+ class: 'bg-gray-700 text-white'
136
+ }, {
137
+ colorScheme: 'brand',
138
+ filled: true,
139
+ theme: 'light',
140
+ class: 'bg-blue-50 text-blue-700'
141
+ }, {
142
+ colorScheme: 'brand',
143
+ filled: true,
144
+ theme: 'dark',
145
+ class: 'bg-blue-900/30 text-blue-300'
146
+ }, {
147
+ colorScheme: 'error',
148
+ filled: true,
149
+ theme: 'light',
150
+ class: 'bg-red-50 text-red-700'
151
+ }, {
152
+ colorScheme: 'error',
153
+ filled: true,
154
+ theme: 'dark',
155
+ class: 'bg-red-500/20 text-red-400'
156
+ }, {
157
+ colorScheme: 'success',
158
+ filled: true,
159
+ theme: 'light',
160
+ class: 'bg-green-50 text-green-700'
161
+ }, {
162
+ colorScheme: 'success',
163
+ filled: true,
164
+ theme: 'dark',
165
+ class: 'bg-green-500/20 text-green-400'
166
+ }, {
167
+ colorScheme: 'gray',
168
+ filled: true,
169
+ theme: 'light',
170
+ class: 'bg-gray-200 text-gray-800'
171
+ }, {
172
+ colorScheme: 'gray',
173
+ filled: true,
174
+ theme: 'dark',
175
+ class: 'bg-gray-600 text-gray-200'
176
+ }],
177
+ defaultVariants: {
178
+ theme: 'light',
179
+ colorScheme: 'default',
180
+ size: 'xl',
181
+ border: true,
182
+ disabled: false,
183
+ filled: false
184
+ }
185
+ });
186
+ const overlayContent = classVarianceAuthority.cva('absolute z-50 overflow-hidden', {
187
+ variants: {
188
+ theme: {
189
+ light: 'bg-white border border-[rgba(12,28,51,0.05)]',
190
+ dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'
191
+ },
192
+ size: {
193
+ sm: 'rounded-[0.625rem]',
194
+ md: 'rounded-[0.75rem]',
195
+ xl: 'rounded-[0.9375rem]'
196
+ },
197
+ variant: {
198
+ dropdown: 'min-w-full',
199
+ 'context-menu': 'w-[200px]'
200
+ },
201
+ hasShadow: {
202
+ true: 'shadow-[0px_0px_75px_0px_rgba(0,0,0,0.15)]',
203
+ false: 'shadow-lg'
204
+ }
205
+ },
206
+ defaultVariants: {
207
+ variant: 'dropdown',
208
+ hasShadow: false
209
+ }
210
+ });
211
+ const overlayHeader = classVarianceAuthority.cva('flex items-center justify-between border-b gap-2', {
212
+ variants: {
213
+ theme: {
214
+ light: 'border-[rgba(12,28,51,0.05)]',
215
+ dark: 'border-[rgba(255,255,255,0.15)]'
216
+ },
217
+ size: {
218
+ sm: 'px-[0.875rem] py-[0.375rem]',
219
+ md: 'px-[1rem] py-[0.5rem]',
220
+ xl: 'px-[1.125rem] py-[0.5rem]'
221
+ }
222
+ },
223
+ defaultVariants: {
224
+ theme: 'light',
225
+ size: 'xl'
226
+ }
227
+ });
228
+ 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]', {
229
+ variants: {
230
+ theme: {
231
+ light: 'text-[#0C1C33] hover:bg-gray-50',
232
+ dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'
233
+ },
234
+ size: {
235
+ sm: 'px-[0.875rem] py-[0.625rem]',
236
+ md: 'px-[1rem] py-[0.6875rem]',
237
+ xl: 'px-[1.125rem] py-[0.75rem]'
238
+ }
239
+ },
240
+ defaultVariants: {
241
+ theme: 'light',
242
+ size: 'xl'
243
+ }
244
+ });
245
+ // Arrow icon
246
+ const ChevronDownIcon = ({
247
+ className
248
+ }) => jsxRuntime.jsx("svg", {
249
+ width: '15',
250
+ height: '15',
251
+ viewBox: '0 0 15 15',
252
+ fill: 'none',
253
+ xmlns: 'http://www.w3.org/2000/svg',
254
+ className: className,
255
+ children: jsxRuntime.jsx("path", {
256
+ 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',
257
+ fill: 'currentColor',
258
+ fillRule: 'evenodd',
259
+ clipRule: 'evenodd'
260
+ })
261
+ });
262
+ /**
263
+ * Overlay menu component that opens above the trigger with overlay positioning.
264
+ * Supports custom content items with onClick handlers.
265
+ *
266
+ * @param variant - 'dropdown' (default) or 'context-menu'
267
+ * @param headerContent - Custom header content (for context-menu variant)
268
+ * @param showCloseButton - Show close button in header
269
+ * @param position - Position object for context-menu variant
270
+ * @param width - Custom width (default: 200px for context-menu)
271
+ */
272
+ const OverlayMenu = _a => {
273
+ var {
274
+ className = '',
275
+ contentClassName = '',
276
+ colorScheme,
277
+ size,
278
+ error = false,
279
+ success = false,
280
+ border = true,
281
+ filled = false,
282
+ disabled = false,
283
+ items = [],
284
+ showArrow = true,
285
+ name,
286
+ overlayLabel,
287
+ maxHeight = '200px',
288
+ triggerContent,
289
+ placeholder = 'Menu',
290
+ showItemBorders = true,
291
+ variant = 'dropdown',
292
+ headerContent,
293
+ showCloseButton = false,
294
+ position,
295
+ width,
296
+ onClose
297
+ } = _a,
298
+ props = tslib.__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"]);
299
+ const {
300
+ theme
301
+ } = ThemeContext.useTheme();
302
+ const [isOpen, setIsOpen] = React.useState(false);
303
+ const triggerRef = React.useRef(null);
304
+ // Determine color scheme based on state
305
+ let finalColorScheme = colorScheme;
306
+ if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
307
+ const isContextMenu = variant === 'context-menu';
308
+ // Handle Escape key
309
+ React.useEffect(() => {
310
+ if (!isOpen) return;
311
+ const handleEscape = e => {
312
+ if (e.key === 'Escape') {
313
+ handleClose();
314
+ }
315
+ };
316
+ document.addEventListener('keydown', handleEscape);
317
+ return () => document.removeEventListener('keydown', handleEscape);
318
+ }, [isOpen]);
319
+ const handleClose = () => {
320
+ setIsOpen(false);
321
+ onClose === null || onClose === void 0 ? void 0 : onClose();
322
+ };
323
+ const triggerClasses = overlayMenuTrigger({
324
+ theme,
325
+ colorScheme: finalColorScheme,
326
+ size,
327
+ border,
328
+ filled,
329
+ disabled
330
+ }) + ' ' + className;
331
+ const contentClasses = overlayContent({
332
+ theme,
333
+ size,
334
+ variant,
335
+ hasShadow: isContextMenu
336
+ });
337
+ const headerClasses = overlayHeader({
338
+ theme,
339
+ size
340
+ });
341
+ const itemClasses = overlayItem({
342
+ theme,
343
+ size
344
+ });
345
+ const handleItemClick = item => {
346
+ if (!item.disabled && item.onClick) {
347
+ item.onClick();
348
+ }
349
+ handleClose();
350
+ };
351
+ // For context-menu variant, show menu immediately if position is provided
352
+ React.useEffect(() => {
353
+ if (isContextMenu && position) {
354
+ setIsOpen(true);
355
+ }
356
+ }, [isContextMenu, position]);
357
+ // Calculate position styles for context-menu
358
+ const getPositionStyles = () => {
359
+ if (!isContextMenu || !position) return {};
360
+ const styles = {};
361
+ if (position.top !== undefined) styles.top = position.top;
362
+ if (position.left !== undefined) styles.left = position.left;
363
+ if (position.right !== undefined) styles.right = position.right;
364
+ if (position.bottom !== undefined) styles.bottom = position.bottom;
365
+ if (width) styles.width = typeof width === 'number' ? `${width}px` : width;
366
+ return styles;
367
+ };
368
+ return jsxRuntime.jsxs("div", {
369
+ className: isContextMenu ? '' : 'relative',
370
+ children: [!isContextMenu && jsxRuntime.jsxs("button", Object.assign({
371
+ ref: triggerRef,
372
+ type: 'button',
373
+ className: triggerClasses,
374
+ onClick: () => !disabled && setIsOpen(!isOpen),
375
+ disabled: disabled,
376
+ name: name
377
+ }, props, {
378
+ children: [jsxRuntime.jsx("div", {
379
+ className: 'w-full flex-1 text-left',
380
+ children: triggerContent || jsxRuntime.jsx("span", {
381
+ className: theme === 'dark' ? 'text-gray-400' : 'text-gray-500',
382
+ children: placeholder
383
+ })
384
+ }), showArrow && jsxRuntime.jsx(ChevronDownIcon, {
385
+ className: `transition-transform ${isOpen ? 'rotate-180' : ''} ${size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'}`
386
+ })]
387
+ })), isOpen && jsxRuntime.jsxs(jsxRuntime.Fragment, {
388
+ children: [jsxRuntime.jsx("div", {
389
+ className: `${isContextMenu ? 'fixed' : 'fixed'} inset-0 z-40`,
390
+ onClick: handleClose
391
+ }), jsxRuntime.jsxs("div", {
392
+ className: `${contentClasses} ${isContextMenu ? 'fixed' : ''} ${!isContextMenu ? 'top-0 left-0 right-0' : ''} overflow-y-auto ${contentClassName}`,
393
+ style: Object.assign({
394
+ maxHeight
395
+ }, getPositionStyles()),
396
+ children: [(headerContent || overlayLabel) && jsxRuntime.jsxs("div", {
397
+ className: `${headerClasses} ${!showCloseButton && !isContextMenu ? 'cursor-pointer' : ''}`,
398
+ onClick: !showCloseButton && !isContextMenu ? handleClose : undefined,
399
+ children: [jsxRuntime.jsx("div", {
400
+ className: 'w-full flex-1',
401
+ children: headerContent || overlayLabel
402
+ }), (showCloseButton || isContextMenu && headerContent) && jsxRuntime.jsx("button", {
403
+ className: 'flex items-center cursor-pointer hover:opacity-70 transition-opacity',
404
+ onClick: handleClose,
405
+ "aria-label": 'Close menu',
406
+ children: jsxRuntime.jsx(index.CrossIcon, {
407
+ size: 16,
408
+ color: theme === 'dark' ? '#FFFFFF' : '#0C1C33'
409
+ })
410
+ })]
411
+ }), jsxRuntime.jsx("div", {
412
+ children: items.map((item, index) => jsxRuntime.jsx("div", {
413
+ 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)]'}` : ''}`,
414
+ onClick: () => handleItemClick(item),
415
+ children: item.content
416
+ }, item.id))
417
+ })]
418
+ })]
419
+ })]
420
+ });
421
+ };
422
+
423
+ exports.OverlayMenu = OverlayMenu;
424
+ exports.default = OverlayMenu;
425
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
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'\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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"}