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.
- package/README.md +52 -0
- package/dist/react/components/accordion/index.cjs.js +193 -0
- package/dist/react/components/accordion/index.cjs.js.map +1 -0
- package/dist/react/components/accordion/index.esm.js +169 -0
- package/dist/react/components/accordion/index.esm.js.map +1 -0
- package/dist/react/components/avatar/index.cjs.js +39 -0
- package/dist/react/components/avatar/index.cjs.js.map +1 -0
- package/dist/react/components/avatar/index.esm.js +34 -0
- package/dist/react/components/avatar/index.esm.js.map +1 -0
- package/dist/react/components/badge/index.cjs.js +92 -0
- package/dist/react/components/badge/index.cjs.js.map +1 -0
- package/dist/react/components/badge/index.esm.js +87 -0
- package/dist/react/components/badge/index.esm.js.map +1 -0
- package/dist/react/components/bigNumber/index.cjs.js +100 -0
- package/dist/react/components/bigNumber/index.cjs.js.map +1 -0
- package/dist/react/components/bigNumber/index.esm.js +95 -0
- package/dist/react/components/bigNumber/index.esm.js.map +1 -0
- package/dist/react/components/button/index.cjs.js +535 -0
- package/dist/react/components/button/index.cjs.js.map +1 -0
- package/dist/react/components/button/index.d.ts +3 -1
- package/dist/react/components/button/index.esm.js +530 -0
- package/dist/react/components/button/index.esm.js.map +1 -0
- package/dist/react/components/copyButton/index.cjs.js +95 -0
- package/dist/react/components/copyButton/index.cjs.js.map +1 -0
- package/dist/react/components/copyButton/index.esm.js +71 -0
- package/dist/react/components/copyButton/index.esm.js.map +1 -0
- package/dist/react/components/dashLogo/index.cjs.js +74 -0
- package/dist/react/components/dashLogo/index.cjs.js.map +1 -0
- package/dist/react/components/dashLogo/index.esm.js +69 -0
- package/dist/react/components/dashLogo/index.esm.js.map +1 -0
- package/dist/react/components/dateBlock/index.cjs.js +120 -0
- package/dist/react/components/dateBlock/index.cjs.js.map +1 -0
- package/dist/react/components/dateBlock/index.esm.js +115 -0
- package/dist/react/components/dateBlock/index.esm.js.map +1 -0
- package/dist/react/components/dialog/index.cjs.js +292 -0
- package/dist/react/components/dialog/index.cjs.js.map +1 -0
- package/dist/react/components/dialog/index.esm.js +270 -0
- package/dist/react/components/dialog/index.esm.js.map +1 -0
- package/dist/react/components/heading/index.cjs.js +60 -0
- package/dist/react/components/heading/index.cjs.js.map +1 -0
- package/dist/react/components/heading/index.esm.js +58 -0
- package/dist/react/components/heading/index.esm.js.map +1 -0
- package/dist/react/components/icons/index.cjs.js +1173 -0
- package/dist/react/components/icons/index.cjs.js.map +1 -0
- package/dist/react/components/icons/index.d.ts +2 -0
- package/dist/react/components/icons/index.esm.js +1128 -0
- package/dist/react/components/icons/index.esm.js.map +1 -0
- package/dist/react/components/identifier/index.cjs.js +286 -0
- package/dist/react/components/identifier/index.cjs.js.map +1 -0
- package/dist/react/components/identifier/index.esm.js +282 -0
- package/dist/react/components/identifier/index.esm.js.map +1 -0
- package/dist/react/components/index.cjs.js +101 -0
- package/dist/react/components/index.cjs.js.map +1 -0
- package/dist/react/components/index.d.ts +1 -1
- package/dist/react/components/index.esm.js +29 -0
- package/dist/react/components/index.esm.js.map +1 -0
- package/dist/react/components/input/index.cjs.js +237 -0
- package/dist/react/components/input/index.cjs.js.map +1 -0
- package/dist/react/components/input/index.esm.js +232 -0
- package/dist/react/components/input/index.esm.js.map +1 -0
- package/dist/react/components/list/index.cjs.js +49 -0
- package/dist/react/components/list/index.cjs.js.map +1 -0
- package/dist/react/components/list/index.esm.js +47 -0
- package/dist/react/components/list/index.esm.js.map +1 -0
- package/dist/react/components/notActive/index.cjs.js +40 -0
- package/dist/react/components/notActive/index.cjs.js.map +1 -0
- package/dist/react/components/notActive/index.esm.js +38 -0
- package/dist/react/components/notActive/index.esm.js.map +1 -0
- package/dist/react/components/overlayMenu/index.cjs.js +425 -0
- package/dist/react/components/overlayMenu/index.cjs.js.map +1 -0
- package/dist/react/components/overlayMenu/index.esm.js +420 -0
- package/dist/react/components/overlayMenu/index.esm.js.map +1 -0
- package/dist/react/components/overlaySelect/index.cjs.js +345 -0
- package/dist/react/components/overlaySelect/index.cjs.js.map +1 -0
- package/dist/react/components/overlaySelect/index.esm.js +340 -0
- package/dist/react/components/overlaySelect/index.esm.js.map +1 -0
- package/dist/react/components/progressStepBar/index.cjs.js +49 -0
- package/dist/react/components/progressStepBar/index.cjs.js.map +1 -0
- package/dist/react/components/progressStepBar/index.d.ts +2 -1
- package/dist/react/components/progressStepBar/index.esm.js +47 -0
- package/dist/react/components/progressStepBar/index.esm.js.map +1 -0
- package/dist/react/components/select/index.cjs.js +236 -0
- package/dist/react/components/select/index.cjs.js.map +1 -0
- package/dist/react/components/select/index.esm.js +212 -0
- package/dist/react/components/select/index.esm.js.map +1 -0
- package/dist/react/components/switch/index.cjs.js +184 -0
- package/dist/react/components/switch/index.cjs.js.map +1 -0
- package/dist/react/components/switch/index.esm.js +179 -0
- package/dist/react/components/switch/index.esm.js.map +1 -0
- package/dist/react/components/tabs/index.cjs.js +178 -0
- package/dist/react/components/tabs/index.cjs.js.map +1 -0
- package/dist/react/components/tabs/index.esm.js +154 -0
- package/dist/react/components/tabs/index.esm.js.map +1 -0
- package/dist/react/components/text/index.cjs.js +120 -0
- package/dist/react/components/text/index.cjs.js.map +1 -0
- package/dist/react/components/text/index.esm.js +115 -0
- package/dist/react/components/text/index.esm.js.map +1 -0
- package/dist/react/components/textarea/index.cjs.js +256 -0
- package/dist/react/components/textarea/index.cjs.js.map +1 -0
- package/dist/react/components/textarea/index.esm.js +251 -0
- package/dist/react/components/textarea/index.esm.js.map +1 -0
- package/dist/react/components/timeDelta/index.cjs.js +93 -0
- package/dist/react/components/timeDelta/index.cjs.js.map +1 -0
- package/dist/react/components/timeDelta/index.d.ts +1 -1
- package/dist/react/components/timeDelta/index.esm.js +88 -0
- package/dist/react/components/timeDelta/index.esm.js.map +1 -0
- package/dist/react/components/transactionStatusIcon/index.cjs.js +59 -0
- package/dist/react/components/transactionStatusIcon/index.cjs.js.map +1 -0
- package/dist/react/components/transactionStatusIcon/index.esm.js +54 -0
- package/dist/react/components/transactionStatusIcon/index.esm.js.map +1 -0
- package/dist/react/components/valueCard/index.cjs.js +176 -0
- package/dist/react/components/valueCard/index.cjs.js.map +1 -0
- package/dist/react/components/valueCard/index.d.ts +1 -1
- package/dist/react/components/valueCard/index.esm.js +171 -0
- package/dist/react/components/valueCard/index.esm.js.map +1 -0
- package/dist/react/contexts/ThemeContext.cjs.js +79 -0
- package/dist/react/contexts/ThemeContext.cjs.js.map +1 -0
- package/dist/react/contexts/ThemeContext.esm.js +76 -0
- package/dist/react/contexts/ThemeContext.esm.js.map +1 -0
- package/dist/react/contexts/index.cjs.js +11 -0
- package/dist/react/contexts/index.cjs.js.map +1 -0
- package/dist/react/contexts/index.esm.js +4 -0
- package/dist/react/contexts/index.esm.js.map +1 -0
- package/dist/react/hooks/useDebounce.cjs.js +83 -0
- package/dist/react/hooks/useDebounce.cjs.js.map +1 -0
- package/dist/react/hooks/useDebounce.esm.js +78 -0
- package/dist/react/hooks/useDebounce.esm.js.map +1 -0
- package/dist/react/index.cjs.js +99 -12811
- package/dist/react/index.cjs.js.map +1 -1
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.esm.js +27 -12725
- package/dist/react/index.esm.js.map +1 -1
- package/dist/react/shared/utils/datetime.cjs.js +59 -0
- package/dist/react/shared/utils/datetime.cjs.js.map +1 -0
- package/dist/react/shared/utils/datetime.esm.js +57 -0
- package/dist/react/shared/utils/datetime.esm.js.map +1 -0
- package/dist/react/utils/copyToClipboard.cjs.js +31 -0
- package/dist/react/utils/copyToClipboard.cjs.js.map +1 -0
- package/dist/react/utils/copyToClipboard.esm.js +26 -0
- package/dist/react/utils/copyToClipboard.esm.js.map +1 -0
- package/dist/react/utils/index.d.ts +1 -1
- package/dist/react-native/components/avatar/index.d.ts +26 -0
- package/dist/react-native/components/avatar/index.web.d.ts +24 -0
- package/dist/react-native/components/badge/index.d.ts +51 -0
- package/dist/react-native/components/bigNumber/index.d.ts +26 -0
- package/dist/react-native/components/button/index.d.ts +39 -0
- package/dist/react-native/components/copyButton/index.d.ts +22 -0
- package/dist/react-native/components/copyButton/index.web.d.ts +20 -0
- package/dist/react-native/components/dashLogo/index.d.ts +30 -0
- package/dist/react-native/components/heading/index.d.ts +25 -0
- package/dist/react-native/components/icons/index.d.ts +43 -0
- package/dist/react-native/components/identifier/index.d.ts +47 -0
- package/dist/react-native/components/index.d.ts +15 -0
- package/dist/react-native/components/input/index.d.ts +53 -0
- package/dist/react-native/components/notActive/index.d.ts +16 -0
- package/dist/react-native/components/tabs/index.d.ts +50 -0
- package/dist/react-native/components/text/index.d.ts +28 -0
- package/dist/react-native/components/transactionStatusIcon/index.d.ts +24 -0
- package/dist/react-native/components/valueCard/index.d.ts +43 -0
- package/dist/react-native/hooks/index.d.ts +1 -0
- package/dist/react-native/hooks/useDebounce.d.ts +43 -0
- package/dist/react-native/index.cjs.js +2856 -0
- package/dist/react-native/index.cjs.js.map +1 -0
- package/dist/react-native/index.d.ts +4 -0
- package/dist/react-native/index.esm.js +2808 -0
- package/dist/react-native/index.esm.js.map +1 -0
- package/dist/react-native/styles/index.d.ts +11 -0
- package/dist/react-native/styles/tokens.d.ts +308 -0
- package/dist/react-native/styles/utils.d.ts +65 -0
- package/dist/react-native/utils/clipboard.d.ts +27 -0
- package/dist/react-native/utils/index.d.ts +2 -0
- package/dist/react-native/utils/tw.d.ts +7 -0
- package/dist/shared/constants/colors.d.ts +25 -0
- package/dist/shared/constants/index.d.ts +2 -0
- package/dist/shared/constants/sizes.d.ts +49 -0
- package/dist/shared/index.cjs.js +171 -0
- package/dist/shared/index.cjs.js.map +1 -0
- package/dist/shared/index.d.ts +3 -0
- package/dist/shared/index.esm.js +161 -0
- package/dist/shared/index.esm.js.map +1 -0
- package/dist/shared/types/common.d.ts +33 -0
- package/dist/shared/types/index.d.ts +1 -0
- package/dist/shared/utils/index.d.ts +1 -0
- package/dist/styles.css +1 -1
- package/package.json +50 -8
- /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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"}
|