@c15t/dev-tools 0.0.1-rc.9 → 1.0.0
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 +1 -1
- package/dist/components/error-state.cjs +88 -117
- package/dist/components/error-state.css +25 -28
- package/dist/components/error-state.d.ts +4 -6
- package/dist/components/error-state.js +61 -108
- package/dist/components/header.cjs +55 -74
- package/dist/components/header.css +18 -17
- package/dist/components/header.d.ts +3 -5
- package/dist/components/header.js +28 -45
- package/dist/components/ui/accordion.cjs +71 -101
- package/dist/components/ui/accordion.css +39 -39
- package/dist/components/ui/accordion.d.ts +5 -32
- package/dist/components/ui/accordion.js +36 -70
- package/dist/components/ui/alert.cjs +66 -80
- package/dist/components/ui/alert.css +27 -30
- package/dist/components/ui/alert.d.ts +6 -22
- package/dist/components/ui/alert.js +34 -54
- package/dist/components/ui/badge.cjs +52 -62
- package/dist/components/ui/badge.css +27 -39
- package/dist/components/ui/badge.d.ts +7 -22
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.js +23 -31
- package/dist/components/ui/button.cjs +67 -76
- package/dist/components/ui/button.css +40 -43
- package/dist/components/ui/button.d.ts +8 -24
- package/dist/components/ui/button.js +38 -47
- package/dist/components/ui/card.cjs +76 -92
- package/dist/components/ui/card.css +21 -20
- package/dist/components/ui/card.d.ts +8 -29
- package/dist/components/ui/card.js +35 -76
- package/dist/components/ui/error-state.css +20 -19
- package/dist/components/ui/expandable-tabs.cjs +118 -158
- package/dist/components/ui/expandable-tabs.css +34 -33
- package/dist/components/ui/expandable-tabs.d.ts +13 -20
- package/dist/components/ui/expandable-tabs.js +91 -131
- package/dist/components/ui/logo.cjs +93 -106
- package/dist/components/ui/logo.d.ts +5 -11
- package/dist/components/ui/logo.d.ts.map +1 -1
- package/dist/components/ui/logo.js +67 -82
- package/dist/components/ui/scroll-area.cjs +57 -85
- package/dist/components/ui/scroll-area.css +25 -24
- package/dist/components/ui/scroll-area.d.ts +3 -17
- package/dist/components/ui/scroll-area.js +28 -62
- package/dist/components/ui/switch.cjs +39 -56
- package/dist/components/ui/switch.css +26 -25
- package/dist/components/ui/switch.d.ts +2 -9
- package/dist/components/ui/switch.js +13 -25
- package/dist/components/ui/tooltip.cjs +48 -60
- package/dist/components/ui/tooltip.css +64 -63
- package/dist/components/ui/tooltip.d.ts +5 -17
- package/dist/components/ui/tooltip.js +16 -32
- package/dist/components/wrapper.cjs +148 -205
- package/dist/components/wrapper.css +49 -48
- package/dist/components/wrapper.d.ts +7 -12
- package/dist/components/wrapper.js +119 -186
- package/dist/dev-tool.cjs +112 -153
- package/dist/dev-tool.d.ts +6 -6
- package/dist/dev-tool.d.ts.map +1 -1
- package/dist/dev-tool.js +71 -108
- package/dist/index.cjs +28 -36
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -3
- package/dist/libs/utils.cjs +39 -58
- package/dist/libs/utils.d.ts +1 -1
- package/dist/libs/utils.js +3 -5
- package/dist/router/router.cjs +145 -193
- package/dist/router/router.d.ts +3 -5
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/router.js +118 -174
- package/dist/styles/theme.css +37 -36
- package/package.json +12 -12
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
.c15t-devtool-header {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
8
|
}
|
|
9
9
|
|
|
10
10
|
.c15t-devtool-header-title {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
align-items: center;
|
|
12
|
+
gap: .5rem;
|
|
13
|
+
font-size: .875rem;
|
|
14
|
+
font-weight: 500;
|
|
15
|
+
display: flex;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.c15t-devtool-header-actions {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
align-items: center;
|
|
20
|
+
gap: .5rem;
|
|
21
|
+
display: flex;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.c15t-devtool-header-logo {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
width: auto;
|
|
26
|
+
height: 1.4rem;
|
|
27
|
+
fill: var(--c15t-dev-tools-muted-foreground);
|
|
28
28
|
}
|
|
29
|
+
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import './header.css';
|
|
2
2
|
interface HeaderProps {
|
|
3
|
-
|
|
3
|
+
onClose?: () => void;
|
|
4
4
|
}
|
|
5
|
-
export declare function Header({
|
|
6
|
-
onClose,
|
|
7
|
-
}: HeaderProps): import('react/jsx-runtime').JSX.Element;
|
|
5
|
+
export declare function Header({ onClose }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
6
|
export {};
|
|
9
|
-
//# sourceMappingURL=header.d.ts.map
|
|
7
|
+
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1,48 +1,31 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__ from
|
|
4
|
-
import
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__ui_logo_js_d86f2cc7__ from
|
|
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
6
|
function Header({ onClose }) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{
|
|
31
|
-
variant: 'ghost',
|
|
32
|
-
size: 'icon',
|
|
33
|
-
onClick: onClose,
|
|
34
|
-
'aria-label': 'Close',
|
|
35
|
-
children: /*#__PURE__*/ (0,
|
|
36
|
-
__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
37
|
-
__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.X,
|
|
38
|
-
{
|
|
39
|
-
className: 'h-4 w-4',
|
|
40
|
-
}
|
|
41
|
-
),
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
}),
|
|
45
|
-
],
|
|
46
|
-
});
|
|
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__.C15TIcon, {
|
|
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
|
+
});
|
|
47
30
|
}
|
|
48
31
|
export { Header };
|
|
@@ -1,112 +1,82 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
2
|
+
"use strict";
|
|
3
3
|
var __webpack_require__ = {};
|
|
4
|
-
(()
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports1, key, {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: definition[key],
|
|
14
|
-
});
|
|
15
|
-
};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (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
|
+
};
|
|
16
11
|
})();
|
|
17
|
-
(()
|
|
18
|
-
|
|
19
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
20
|
-
};
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
21
14
|
})();
|
|
22
|
-
(()
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
};
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
32
24
|
})();
|
|
33
25
|
var __webpack_exports__ = {};
|
|
34
26
|
__webpack_require__.r(__webpack_exports__);
|
|
35
27
|
__webpack_require__.d(__webpack_exports__, {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
AccordionTrigger: ()=>AccordionTrigger,
|
|
29
|
+
AccordionContent: ()=>AccordionContent,
|
|
30
|
+
Accordion: ()=>Accordion,
|
|
31
|
+
AccordionItem: ()=>AccordionItem
|
|
40
32
|
});
|
|
41
|
-
const jsx_runtime_namespaceObject = require(
|
|
42
|
-
const react_accordion_namespaceObject = require(
|
|
43
|
-
const external_lucide_react_namespaceObject = require(
|
|
44
|
-
const external_react_namespaceObject = require(
|
|
45
|
-
require(
|
|
33
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
|
+
const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
|
|
35
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
36
|
+
const external_react_namespaceObject = require("react");
|
|
37
|
+
require("./accordion.css");
|
|
46
38
|
const Accordion = react_accordion_namespaceObject.Root;
|
|
47
|
-
const AccordionItem = /*#__PURE__*/ (0,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
ref: ref,
|
|
53
|
-
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
54
|
-
...props,
|
|
55
|
-
}
|
|
56
|
-
)
|
|
57
|
-
);
|
|
39
|
+
const AccordionItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
42
|
+
...props
|
|
43
|
+
}));
|
|
58
44
|
AccordionItem.displayName = 'AccordionItem';
|
|
59
|
-
const AccordionTrigger = /*#__PURE__*/ (0,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
|
|
98
|
-
className: 'c15t-devtool-accordion-content-inner',
|
|
99
|
-
children: children,
|
|
100
|
-
}),
|
|
101
|
-
}
|
|
102
|
-
)
|
|
103
|
-
);
|
|
104
|
-
AccordionContent.displayName =
|
|
105
|
-
react_accordion_namespaceObject.Content.displayName;
|
|
106
|
-
var __webpack_export_target__ = exports;
|
|
107
|
-
for (var __webpack_i__ in __webpack_exports__)
|
|
108
|
-
__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
109
|
-
if (__webpack_exports__.__esModule)
|
|
110
|
-
Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
111
|
-
value: true,
|
|
112
|
-
});
|
|
45
|
+
const AccordionTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header, {
|
|
46
|
+
className: "flex",
|
|
47
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_accordion_namespaceObject.Trigger, {
|
|
48
|
+
ref: ref,
|
|
49
|
+
className: `c15t-devtool-accordion-trigger ${className || ''}`,
|
|
50
|
+
...props,
|
|
51
|
+
children: [
|
|
52
|
+
children,
|
|
53
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
54
|
+
className: "c15t-devtool-accordion-chevron h-4 w-4"
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
})
|
|
58
|
+
}));
|
|
59
|
+
AccordionTrigger.displayName = react_accordion_namespaceObject.Trigger.displayName;
|
|
60
|
+
const AccordionContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
|
|
61
|
+
ref: ref,
|
|
62
|
+
className: `c15t-devtool-accordion-content ${className || ''}`,
|
|
63
|
+
...props,
|
|
64
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
65
|
+
className: "c15t-devtool-accordion-content-inner",
|
|
66
|
+
children: children
|
|
67
|
+
})
|
|
68
|
+
}));
|
|
69
|
+
AccordionContent.displayName = react_accordion_namespaceObject.Content.displayName;
|
|
70
|
+
exports.Accordion = __webpack_exports__.Accordion;
|
|
71
|
+
exports.AccordionContent = __webpack_exports__.AccordionContent;
|
|
72
|
+
exports.AccordionItem = __webpack_exports__.AccordionItem;
|
|
73
|
+
exports.AccordionTrigger = __webpack_exports__.AccordionTrigger;
|
|
74
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
75
|
+
"Accordion",
|
|
76
|
+
"AccordionContent",
|
|
77
|
+
"AccordionItem",
|
|
78
|
+
"AccordionTrigger"
|
|
79
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
80
|
+
Object.defineProperty(exports, '__esModule', {
|
|
81
|
+
value: true
|
|
82
|
+
});
|
|
@@ -1,72 +1,72 @@
|
|
|
1
1
|
.c15t-devtool-accordion-item {
|
|
2
|
-
|
|
2
|
+
border-bottom: 1px solid var(--c15t-dev-tools-border);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.c15t-devtool-accordion-trigger {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
17
|
}
|
|
18
18
|
|
|
19
19
|
.c15t-devtool-accordion-chevron {
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
transition: transform .2s cubic-bezier(.87, 0, .13, 1);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.c15t-devtool-accordion-trigger:hover {
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
background-color: var(--c15t-dev-tools-accent);
|
|
26
|
+
color: var(--c15t-dev-tools-accent-foreground);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.c15t-devtool-accordion-trigger[data-state="open"]
|
|
30
|
-
|
|
31
|
-
transform: rotate(180deg);
|
|
29
|
+
.c15t-devtool-accordion-trigger[data-state="open"] > .c15t-devtool-accordion-chevron {
|
|
30
|
+
transform: rotate(180deg);
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
.c15t-devtool-accordion-content {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.c15t-devtool-accordion-content[data-state="open"] {
|
|
43
|
-
|
|
42
|
+
animation: .3s cubic-bezier(.87, 0, .13, 1) slideDown;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
45
|
.c15t-devtool-accordion-content[data-state="closed"] {
|
|
47
|
-
|
|
46
|
+
animation: .3s cubic-bezier(.87, 0, .13, 1) slideUp;
|
|
48
47
|
}
|
|
49
48
|
|
|
50
49
|
.c15t-devtool-accordion-content-inner {
|
|
51
|
-
|
|
50
|
+
padding: 0 1rem 1rem;
|
|
52
51
|
}
|
|
53
52
|
|
|
54
53
|
@keyframes slideDown {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
from {
|
|
55
|
+
height: 0;
|
|
56
|
+
}
|
|
58
57
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
to {
|
|
59
|
+
height: var(--radix-accordion-content-height);
|
|
60
|
+
}
|
|
62
61
|
}
|
|
63
62
|
|
|
64
63
|
@keyframes slideUp {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
from {
|
|
65
|
+
height: var(--radix-accordion-content-height);
|
|
66
|
+
}
|
|
68
67
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
68
|
+
to {
|
|
69
|
+
height: 0;
|
|
70
|
+
}
|
|
72
71
|
}
|
|
72
|
+
|
|
@@ -1,35 +1,8 @@
|
|
|
1
1
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
2
|
import './accordion.css';
|
|
3
|
-
declare const Accordion: import(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
) &
|
|
8
|
-
import('react').RefAttributes<HTMLDivElement>
|
|
9
|
-
>;
|
|
10
|
-
declare const AccordionItem: import('react').ForwardRefExoticComponent<
|
|
11
|
-
Omit<
|
|
12
|
-
AccordionPrimitive.AccordionItemProps &
|
|
13
|
-
import('react').RefAttributes<HTMLDivElement>,
|
|
14
|
-
'ref'
|
|
15
|
-
> &
|
|
16
|
-
import('react').RefAttributes<HTMLDivElement>
|
|
17
|
-
>;
|
|
18
|
-
declare const AccordionTrigger: import('react').ForwardRefExoticComponent<
|
|
19
|
-
Omit<
|
|
20
|
-
AccordionPrimitive.AccordionTriggerProps &
|
|
21
|
-
import('react').RefAttributes<HTMLButtonElement>,
|
|
22
|
-
'ref'
|
|
23
|
-
> &
|
|
24
|
-
import('react').RefAttributes<HTMLButtonElement>
|
|
25
|
-
>;
|
|
26
|
-
declare const AccordionContent: import('react').ForwardRefExoticComponent<
|
|
27
|
-
Omit<
|
|
28
|
-
AccordionPrimitive.AccordionContentProps &
|
|
29
|
-
import('react').RefAttributes<HTMLDivElement>,
|
|
30
|
-
'ref'
|
|
31
|
-
> &
|
|
32
|
-
import('react').RefAttributes<HTMLDivElement>
|
|
33
|
-
>;
|
|
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>>;
|
|
34
7
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
35
|
-
//# sourceMappingURL=accordion.d.ts.map
|
|
8
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1,73 +1,39 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react__ from
|
|
6
|
-
import
|
|
7
|
-
const Accordion =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
{
|
|
14
|
-
ref: ref,
|
|
15
|
-
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
16
|
-
...props,
|
|
17
|
-
}
|
|
18
|
-
)
|
|
19
|
-
);
|
|
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
|
+
}));
|
|
20
13
|
AccordionItem.displayName = 'AccordionItem';
|
|
21
|
-
const AccordionTrigger = /*#__PURE__*/ (0,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
),
|
|
48
|
-
}
|
|
49
|
-
)
|
|
50
|
-
);
|
|
51
|
-
AccordionTrigger.displayName =
|
|
52
|
-
__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger.displayName;
|
|
53
|
-
const AccordionContent = /*#__PURE__*/ (0,
|
|
54
|
-
__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
|
|
55
|
-
({ className, children, ...props }, ref) =>
|
|
56
|
-
/*#__PURE__*/ (0,
|
|
57
|
-
__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
58
|
-
__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content,
|
|
59
|
-
{
|
|
60
|
-
ref: ref,
|
|
61
|
-
className: `c15t-devtool-accordion-content ${className || ''}`,
|
|
62
|
-
...props,
|
|
63
|
-
children: /*#__PURE__*/ (0,
|
|
64
|
-
__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('div', {
|
|
65
|
-
className: 'c15t-devtool-accordion-content-inner',
|
|
66
|
-
children: children,
|
|
67
|
-
}),
|
|
68
|
-
}
|
|
69
|
-
)
|
|
70
|
-
);
|
|
71
|
-
AccordionContent.displayName =
|
|
72
|
-
__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content.displayName;
|
|
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;
|
|
73
39
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|