@c15t/dev-tools 0.0.1-rc.10
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/CHANGELOG.md +23 -0
- package/LICENSE.md +595 -0
- package/README.md +47 -0
- package/dist/components/error-state.cjs +98 -0
- package/dist/components/error-state.css +51 -0
- package/dist/components/error-state.d.ts +5 -0
- package/dist/components/error-state.d.ts.map +1 -0
- package/dist/components/error-state.js +64 -0
- package/dist/components/header.cjs +65 -0
- package/dist/components/header.css +29 -0
- package/dist/components/header.d.ts +7 -0
- package/dist/components/header.d.ts.map +1 -0
- package/dist/components/header.js +31 -0
- package/dist/components/ui/accordion.cjs +76 -0
- package/dist/components/ui/accordion.css +72 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +39 -0
- package/dist/components/ui/alert.cjs +73 -0
- package/dist/components/ui/alert.css +59 -0
- package/dist/components/ui/alert.d.ts +10 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +37 -0
- package/dist/components/ui/badge.cjs +61 -0
- package/dist/components/ui/badge.css +52 -0
- package/dist/components/ui/badge.d.ts +11 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +26 -0
- package/dist/components/ui/button.cjs +75 -0
- package/dist/components/ui/button.css +87 -0
- package/dist/components/ui/button.d.ts +13 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +40 -0
- package/dist/components/ui/card.cjs +79 -0
- package/dist/components/ui/card.css +41 -0
- package/dist/components/ui/card.d.ts +10 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +40 -0
- package/dist/components/ui/error-state.css +34 -0
- package/dist/components/ui/expandable-tabs.cjs +136 -0
- package/dist/components/ui/expandable-tabs.css +57 -0
- package/dist/components/ui/expandable-tabs.d.ts +23 -0
- package/dist/components/ui/expandable-tabs.d.ts.map +1 -0
- package/dist/components/ui/expandable-tabs.js +102 -0
- package/dist/components/ui/logo.cjs +101 -0
- package/dist/components/ui/logo.d.ts +8 -0
- package/dist/components/ui/logo.d.ts.map +1 -0
- package/dist/components/ui/logo.js +67 -0
- package/dist/components/ui/scroll-area.cjs +65 -0
- package/dist/components/ui/scroll-area.css +42 -0
- package/dist/components/ui/scroll-area.d.ts +6 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/scroll-area.js +30 -0
- package/dist/components/ui/switch.cjs +49 -0
- package/dist/components/ui/switch.css +49 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +15 -0
- package/dist/components/ui/tooltip.cjs +55 -0
- package/dist/components/ui/tooltip.css +101 -0
- package/dist/components/ui/tooltip.d.ts +8 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +18 -0
- package/dist/components/wrapper.cjs +156 -0
- package/dist/components/wrapper.css +90 -0
- package/dist/components/wrapper.d.ts +20 -0
- package/dist/components/wrapper.d.ts.map +1 -0
- package/dist/components/wrapper.js +121 -0
- package/dist/dev-tool.cjs +124 -0
- package/dist/dev-tool.d.ts +15 -0
- package/dist/dev-tool.d.ts.map +1 -0
- package/dist/dev-tool.js +74 -0
- package/dist/index.cjs +36 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/libs/utils.cjs +54 -0
- package/dist/libs/utils.d.ts +3 -0
- package/dist/libs/utils.d.ts.map +1 -0
- package/dist/libs/utils.js +6 -0
- package/dist/router/router.cjs +158 -0
- package/dist/router/router.d.ts +6 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +124 -0
- package/dist/styles/theme.css +42 -0
- package/package.json +49 -0
- package/tsconfig.json +12 -0
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
ErrorState: ()=>ErrorState
|
|
30
|
+
});
|
|
31
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
33
|
+
const react_namespaceObject = require("motion/react");
|
|
34
|
+
const alert_cjs_namespaceObject = require("./ui/alert.cjs");
|
|
35
|
+
require("./error-state.css");
|
|
36
|
+
function ErrorState({ namespace }) {
|
|
37
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
|
|
38
|
+
className: "c15t-devtool-error-container",
|
|
39
|
+
initial: {
|
|
40
|
+
opacity: 0
|
|
41
|
+
},
|
|
42
|
+
animate: {
|
|
43
|
+
opacity: 1
|
|
44
|
+
},
|
|
45
|
+
exit: {
|
|
46
|
+
opacity: 0
|
|
47
|
+
},
|
|
48
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(alert_cjs_namespaceObject.Alert, {
|
|
49
|
+
variant: "destructive",
|
|
50
|
+
className: "c15t-devtool-error-alert",
|
|
51
|
+
children: [
|
|
52
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {
|
|
53
|
+
className: "c15t-devtool-error-icon"
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(alert_cjs_namespaceObject.AlertTitle, {
|
|
56
|
+
className: "c15t-devtool-error-title",
|
|
57
|
+
children: "SDK Initialization Failed"
|
|
58
|
+
}),
|
|
59
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(alert_cjs_namespaceObject.AlertDescription, {
|
|
60
|
+
className: "c15t-devtool-error-description",
|
|
61
|
+
children: [
|
|
62
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
63
|
+
className: "c15t-devtool-error-message",
|
|
64
|
+
children: "The c15t SDK could not be found in the global scope. This usually means either:"
|
|
65
|
+
}),
|
|
66
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("ul", {
|
|
67
|
+
className: "c15t-devtool-error-list",
|
|
68
|
+
children: [
|
|
69
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
|
|
70
|
+
children: "The namespace has been changed from its default value"
|
|
71
|
+
}),
|
|
72
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
|
|
73
|
+
children: "The SDK initialization failed"
|
|
74
|
+
})
|
|
75
|
+
]
|
|
76
|
+
}),
|
|
77
|
+
namespace && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
|
|
78
|
+
className: "c15t-devtool-error-namespace",
|
|
79
|
+
children: [
|
|
80
|
+
"Current namespace:",
|
|
81
|
+
' ',
|
|
82
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("code", {
|
|
83
|
+
className: "c15t-devtool-error-code",
|
|
84
|
+
children: namespace
|
|
85
|
+
})
|
|
86
|
+
]
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
})
|
|
90
|
+
]
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
var __webpack_export_target__ = exports;
|
|
95
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
96
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
97
|
+
value: true
|
|
98
|
+
});
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.c15t-devtool-error-container {
|
|
2
|
+
text-align: center;
|
|
3
|
+
border-radius: .5rem;
|
|
4
|
+
margin-top: 1rem;
|
|
5
|
+
margin-bottom: 1rem;
|
|
6
|
+
font-size: 1rem;
|
|
7
|
+
box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.c15t-devtool-error-alert {
|
|
11
|
+
border-top-left-radius: 0;
|
|
12
|
+
border-top-right-radius: 0;
|
|
13
|
+
max-width: 42rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.c15t-devtool-error-icon {
|
|
17
|
+
width: 1rem;
|
|
18
|
+
height: 1rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.c15t-devtool-error-title {
|
|
22
|
+
font-size: 1.125rem;
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.c15t-devtool-error-description {
|
|
27
|
+
margin-top: .5rem;
|
|
28
|
+
margin-left: -1.75rem;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.c15t-devtool-error-message {
|
|
32
|
+
margin-bottom: .5rem;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.c15t-devtool-error-list {
|
|
36
|
+
margin-top: .25rem;
|
|
37
|
+
padding-left: 1.5rem;
|
|
38
|
+
list-style-type: disc;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.c15t-devtool-error-namespace {
|
|
42
|
+
margin-top: .75rem;
|
|
43
|
+
font-size: .875rem;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.c15t-devtool-error-code {
|
|
47
|
+
background-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 10%, transparent);
|
|
48
|
+
border-radius: .25rem;
|
|
49
|
+
padding: .125rem .25rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/components/error-state.tsx"],"names":[],"mappings":"AAGA,OAAO,mBAAmB,CAAC;AAE3B,wBAAgB,UAAU,CAAC,EAC1B,SAAS,GACT,EAAE;IACF,SAAS,EAAE,MAAM,CAAC;CAClB,2CAiCA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__ from "./ui/alert.js";
|
|
5
|
+
import "./error-state.css";
|
|
6
|
+
function ErrorState({ namespace }) {
|
|
7
|
+
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
|
|
8
|
+
className: "c15t-devtool-error-container",
|
|
9
|
+
initial: {
|
|
10
|
+
opacity: 0
|
|
11
|
+
},
|
|
12
|
+
animate: {
|
|
13
|
+
opacity: 1
|
|
14
|
+
},
|
|
15
|
+
exit: {
|
|
16
|
+
opacity: 0
|
|
17
|
+
},
|
|
18
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.Alert, {
|
|
19
|
+
variant: "destructive",
|
|
20
|
+
className: "c15t-devtool-error-alert",
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.AlertCircle, {
|
|
23
|
+
className: "c15t-devtool-error-icon"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertTitle, {
|
|
26
|
+
className: "c15t-devtool-error-title",
|
|
27
|
+
children: "SDK Initialization Failed"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertDescription, {
|
|
30
|
+
className: "c15t-devtool-error-description",
|
|
31
|
+
children: [
|
|
32
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
|
|
33
|
+
className: "c15t-devtool-error-message",
|
|
34
|
+
children: "The c15t SDK could not be found in the global scope. This usually means either:"
|
|
35
|
+
}),
|
|
36
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("ul", {
|
|
37
|
+
className: "c15t-devtool-error-list",
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
|
|
40
|
+
children: "The namespace has been changed from its default value"
|
|
41
|
+
}),
|
|
42
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
|
|
43
|
+
children: "The SDK initialization failed"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
}),
|
|
47
|
+
namespace && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
|
|
48
|
+
className: "c15t-devtool-error-namespace",
|
|
49
|
+
children: [
|
|
50
|
+
"Current namespace:",
|
|
51
|
+
' ',
|
|
52
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("code", {
|
|
53
|
+
className: "c15t-devtool-error-code",
|
|
54
|
+
children: namespace
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
export { ErrorState };
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
Header: ()=>Header
|
|
30
|
+
});
|
|
31
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
33
|
+
const button_cjs_namespaceObject = require("./ui/button.cjs");
|
|
34
|
+
require("./header.css");
|
|
35
|
+
const logo_cjs_namespaceObject = require("./ui/logo.cjs");
|
|
36
|
+
function Header({ onClose }) {
|
|
37
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
38
|
+
className: "c15t-devtool-header",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
41
|
+
className: "c15t-devtool-header-title",
|
|
42
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentManagementIcon, {
|
|
43
|
+
className: "c15t-devtool-header-logo"
|
|
44
|
+
})
|
|
45
|
+
}),
|
|
46
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
47
|
+
className: "c15t-devtool-header-actions",
|
|
48
|
+
children: onClose && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
|
|
49
|
+
variant: "ghost",
|
|
50
|
+
size: "icon",
|
|
51
|
+
onClick: onClose,
|
|
52
|
+
"aria-label": "Close",
|
|
53
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
|
|
54
|
+
className: "h-4 w-4"
|
|
55
|
+
})
|
|
56
|
+
})
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
var __webpack_export_target__ = exports;
|
|
62
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
63
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
64
|
+
value: true
|
|
65
|
+
});
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.c15t-devtool-header {
|
|
2
|
+
border-bottom: 1px solid var(--c15t-dev-tools-border);
|
|
3
|
+
background-color: var(--c15t-dev-tools-background);
|
|
4
|
+
justify-content: space-between;
|
|
5
|
+
align-items: center;
|
|
6
|
+
padding: .75rem 1rem;
|
|
7
|
+
display: flex;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.c15t-devtool-header-title {
|
|
11
|
+
align-items: center;
|
|
12
|
+
gap: .5rem;
|
|
13
|
+
font-size: .875rem;
|
|
14
|
+
font-weight: 500;
|
|
15
|
+
display: flex;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.c15t-devtool-header-actions {
|
|
19
|
+
align-items: center;
|
|
20
|
+
gap: .5rem;
|
|
21
|
+
display: flex;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.c15t-devtool-header-logo {
|
|
25
|
+
width: auto;
|
|
26
|
+
height: 1.4rem;
|
|
27
|
+
fill: var(--c15t-dev-tools-muted-foreground);
|
|
28
|
+
}
|
|
29
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/components/header.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAGtB,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,WAAW,2CAqB9C"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__ from "./ui/button.js";
|
|
4
|
+
import "./header.css";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ui_logo_js_d86f2cc7__ from "./ui/logo.js";
|
|
6
|
+
function Header({ onClose }) {
|
|
7
|
+
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
|
|
8
|
+
className: "c15t-devtool-header",
|
|
9
|
+
children: [
|
|
10
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
11
|
+
className: "c15t-devtool-header-title",
|
|
12
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_logo_js_d86f2cc7__.ConsentManagementIcon, {
|
|
13
|
+
className: "c15t-devtool-header-logo"
|
|
14
|
+
})
|
|
15
|
+
}),
|
|
16
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
17
|
+
className: "c15t-devtool-header-actions",
|
|
18
|
+
children: onClose && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__.Button, {
|
|
19
|
+
variant: "ghost",
|
|
20
|
+
size: "icon",
|
|
21
|
+
onClick: onClose,
|
|
22
|
+
"aria-label": "Close",
|
|
23
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.X, {
|
|
24
|
+
className: "h-4 w-4"
|
|
25
|
+
})
|
|
26
|
+
})
|
|
27
|
+
})
|
|
28
|
+
]
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
export { Header };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = function(obj, prop) {
|
|
14
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
(()=>{
|
|
18
|
+
__webpack_require__.r = function(exports1) {
|
|
19
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
|
+
value: 'Module'
|
|
21
|
+
});
|
|
22
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
})();
|
|
27
|
+
var __webpack_exports__ = {};
|
|
28
|
+
__webpack_require__.r(__webpack_exports__);
|
|
29
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
30
|
+
AccordionContent: ()=>AccordionContent,
|
|
31
|
+
AccordionItem: ()=>AccordionItem,
|
|
32
|
+
AccordionTrigger: ()=>AccordionTrigger,
|
|
33
|
+
Accordion: ()=>Accordion
|
|
34
|
+
});
|
|
35
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
36
|
+
const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
|
|
37
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
38
|
+
const external_react_namespaceObject = require("react");
|
|
39
|
+
require("./accordion.css");
|
|
40
|
+
const Accordion = react_accordion_namespaceObject.Root;
|
|
41
|
+
const AccordionItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
|
|
42
|
+
ref: ref,
|
|
43
|
+
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
44
|
+
...props
|
|
45
|
+
}));
|
|
46
|
+
AccordionItem.displayName = 'AccordionItem';
|
|
47
|
+
const AccordionTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header, {
|
|
48
|
+
className: "flex",
|
|
49
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_accordion_namespaceObject.Trigger, {
|
|
50
|
+
ref: ref,
|
|
51
|
+
className: `c15t-devtool-accordion-trigger ${className || ''}`,
|
|
52
|
+
...props,
|
|
53
|
+
children: [
|
|
54
|
+
children,
|
|
55
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
56
|
+
className: "c15t-devtool-accordion-chevron h-4 w-4"
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
})
|
|
60
|
+
}));
|
|
61
|
+
AccordionTrigger.displayName = react_accordion_namespaceObject.Trigger.displayName;
|
|
62
|
+
const AccordionContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
className: `c15t-devtool-accordion-content ${className || ''}`,
|
|
65
|
+
...props,
|
|
66
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
67
|
+
className: "c15t-devtool-accordion-content-inner",
|
|
68
|
+
children: children
|
|
69
|
+
})
|
|
70
|
+
}));
|
|
71
|
+
AccordionContent.displayName = react_accordion_namespaceObject.Content.displayName;
|
|
72
|
+
var __webpack_export_target__ = exports;
|
|
73
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
74
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
75
|
+
value: true
|
|
76
|
+
});
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
.c15t-devtool-accordion-item {
|
|
2
|
+
border-bottom: 1px solid var(--c15t-dev-tools-border);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.c15t-devtool-accordion-trigger {
|
|
6
|
+
text-align: left;
|
|
7
|
+
flex: 1;
|
|
8
|
+
justify-content: space-between;
|
|
9
|
+
align-items: center;
|
|
10
|
+
padding: 1rem;
|
|
11
|
+
font-size: .875rem;
|
|
12
|
+
font-weight: 500;
|
|
13
|
+
transition-property: all;
|
|
14
|
+
transition-duration: .2s;
|
|
15
|
+
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
16
|
+
display: flex;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.c15t-devtool-accordion-chevron {
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
transition: transform .2s cubic-bezier(.87, 0, .13, 1);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.c15t-devtool-accordion-trigger:hover {
|
|
25
|
+
background-color: var(--c15t-dev-tools-accent);
|
|
26
|
+
color: var(--c15t-dev-tools-accent-foreground);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.c15t-devtool-accordion-trigger[data-state="open"] > .c15t-devtool-accordion-chevron {
|
|
30
|
+
transform: rotate(180deg);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.c15t-devtool-accordion-content {
|
|
34
|
+
font-size: .875rem;
|
|
35
|
+
transition-property: all;
|
|
36
|
+
transition-duration: .2s;
|
|
37
|
+
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.c15t-devtool-accordion-content[data-state="open"] {
|
|
42
|
+
animation: .3s cubic-bezier(.87, 0, .13, 1) slideDown;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.c15t-devtool-accordion-content[data-state="closed"] {
|
|
46
|
+
animation: .3s cubic-bezier(.87, 0, .13, 1) slideUp;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.c15t-devtool-accordion-content-inner {
|
|
50
|
+
padding: 0 1rem 1rem;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@keyframes slideDown {
|
|
54
|
+
from {
|
|
55
|
+
height: 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
to {
|
|
59
|
+
height: var(--radix-accordion-content-height);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@keyframes slideUp {
|
|
64
|
+
from {
|
|
65
|
+
height: var(--radix-accordion-content-height);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
to {
|
|
69
|
+
height: 0;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
import './accordion.css';
|
|
3
|
+
declare const Accordion: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
8
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAOhE,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,SAAS,kLAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,+LASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,wMAcpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,kMAWpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
6
|
+
import "./accordion.css";
|
|
7
|
+
const Accordion = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root;
|
|
8
|
+
const AccordionItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
|
|
9
|
+
ref: ref,
|
|
10
|
+
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
11
|
+
...props
|
|
12
|
+
}));
|
|
13
|
+
AccordionItem.displayName = 'AccordionItem';
|
|
14
|
+
const AccordionTrigger = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header, {
|
|
15
|
+
className: "flex",
|
|
16
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
className: `c15t-devtool-accordion-trigger ${className || ''}`,
|
|
19
|
+
...props,
|
|
20
|
+
children: [
|
|
21
|
+
children,
|
|
22
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDown, {
|
|
23
|
+
className: "c15t-devtool-accordion-chevron h-4 w-4"
|
|
24
|
+
})
|
|
25
|
+
]
|
|
26
|
+
})
|
|
27
|
+
}));
|
|
28
|
+
AccordionTrigger.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger.displayName;
|
|
29
|
+
const AccordionContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content, {
|
|
30
|
+
ref: ref,
|
|
31
|
+
className: `c15t-devtool-accordion-content ${className || ''}`,
|
|
32
|
+
...props,
|
|
33
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
34
|
+
className: "c15t-devtool-accordion-content-inner",
|
|
35
|
+
children: children
|
|
36
|
+
})
|
|
37
|
+
}));
|
|
38
|
+
AccordionContent.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content.displayName;
|
|
39
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
AlertDescription: ()=>AlertDescription,
|
|
30
|
+
AlertTitle: ()=>AlertTitle,
|
|
31
|
+
Alert: ()=>Alert
|
|
32
|
+
});
|
|
33
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
|
+
const external_class_variance_authority_namespaceObject = require("class-variance-authority");
|
|
35
|
+
const external_react_namespaceObject = require("react");
|
|
36
|
+
require("./alert.css");
|
|
37
|
+
const alertVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
|
|
38
|
+
variants: {
|
|
39
|
+
variant: {
|
|
40
|
+
default: 'c15t-devtool-alert-default',
|
|
41
|
+
destructive: 'c15t-devtool-alert-destructive'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
variant: 'default'
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
49
|
+
ref: ref,
|
|
50
|
+
role: "alert",
|
|
51
|
+
className: `${alertVariants({
|
|
52
|
+
variant
|
|
53
|
+
})} ${className || ''}`,
|
|
54
|
+
...props
|
|
55
|
+
}));
|
|
56
|
+
Alert.displayName = 'Alert';
|
|
57
|
+
const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
|
|
58
|
+
ref: ref,
|
|
59
|
+
className: `c15t-devtool-alert-title ${className || ''}`,
|
|
60
|
+
...props
|
|
61
|
+
}));
|
|
62
|
+
AlertTitle.displayName = 'AlertTitle';
|
|
63
|
+
const AlertDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
64
|
+
ref: ref,
|
|
65
|
+
className: `c15t-devtool-alert-description ${className || ''}`,
|
|
66
|
+
...props
|
|
67
|
+
}));
|
|
68
|
+
AlertDescription.displayName = "AlertDescription";
|
|
69
|
+
var __webpack_export_target__ = exports;
|
|
70
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
71
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
72
|
+
value: true
|
|
73
|
+
});
|