@health-samurai/react-components 0.0.0-alpha.3 → 0.0.0-alpha.5
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/dist/bundle.css +687 -446
- package/dist/src/components/code-editor/http/grammar/http.d.ts +3 -0
- package/dist/src/components/code-editor/http/grammar/http.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.grammar +74 -0
- package/dist/src/components/code-editor/http/grammar/http.js +38 -0
- package/dist/src/components/code-editor/http/grammar/http.js.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.d.ts +2 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.js +4 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.js.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.test.d.ts +2 -0
- package/dist/src/components/code-editor/http/grammar/http.test.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.test.js +80 -0
- package/dist/src/components/code-editor/http/grammar/http.test.js.map +1 -0
- package/dist/src/components/code-editor/http/index.d.ts +4 -0
- package/dist/src/components/code-editor/http/index.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/index.js +66 -0
- package/dist/src/components/code-editor/http/index.js.map +1 -0
- package/dist/src/components/code-editor/index.d.ts +13 -2
- package/dist/src/components/code-editor/index.d.ts.map +1 -1
- package/dist/src/components/code-editor/index.js +161 -20
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.js +3 -1
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/request-line-editor.d.ts +11 -35
- package/dist/src/components/request-line-editor.d.ts.map +1 -1
- package/dist/src/components/request-line-editor.js +51 -49
- package/dist/src/components/request-line-editor.js.map +1 -1
- package/dist/src/components/request-line-editor.stories.d.ts.map +1 -1
- package/dist/src/components/request-line-editor.stories.js +17 -53
- package/dist/src/components/request-line-editor.stories.js.map +1 -1
- package/dist/src/components/tree-view.d.ts +16 -0
- package/dist/src/components/tree-view.d.ts.map +1 -0
- package/dist/src/components/tree-view.js +67 -0
- package/dist/src/components/tree-view.js.map +1 -0
- package/dist/src/components/tree-view.stories.d.ts +13 -0
- package/dist/src/components/tree-view.stories.d.ts.map +1 -0
- package/dist/src/components/tree-view.stories.js +274 -0
- package/dist/src/components/tree-view.stories.js.map +1 -0
- package/dist/src/icons.d.ts +3 -0
- package/dist/src/icons.d.ts.map +1 -0
- package/dist/src/icons.js +47 -0
- package/dist/src/icons.js.map +1 -0
- package/dist/src/index.css +42 -3
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.js +23 -5
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/alert.js +12 -5
- package/dist/src/shadcn/components/ui/alert.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.js +4 -3
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/badge.js +16 -5
- package/dist/src/shadcn/components/ui/badge.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.js +6 -6
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/button.js +19 -11
- package/dist/src/shadcn/components/ui/button.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/card.js +14 -6
- package/dist/src/shadcn/components/ui/card.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.js +1 -0
- package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +20 -5
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.js +44 -35
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/combobox.d.ts +18 -0
- package/dist/src/shadcn/components/ui/combobox.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.js +121 -0
- package/dist/src/shadcn/components/ui/combobox.js.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.stories.d.ts +11 -0
- package/dist/src/shadcn/components/ui/combobox.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.stories.js +16 -0
- package/dist/src/shadcn/components/ui/combobox.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/command.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/command.js +73 -12
- package/dist/src/shadcn/components/ui/command.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.stories.js +0 -1
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.js +35 -7
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +26 -5
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js +12 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +12 -4
- package/dist/src/shadcn/components/ui/form.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.js +1 -0
- package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +87 -16
- package/dist/src/shadcn/components/ui/input.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +8 -1
- package/dist/src/shadcn/components/ui/label.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.js +35 -13
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.js +6 -6
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +12 -1
- package/dist/src/shadcn/components/ui/popover.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/progress.js +6 -2
- package/dist/src/shadcn/components/ui/progress.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +11 -6
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.js +57 -34
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.js +1 -0
- package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +9 -3
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/select.js +49 -14
- package/dist/src/shadcn/components/ui/select.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.js +1 -4
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +7 -1
- package/dist/src/shadcn/components/ui/separator.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +20 -6
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.js +3 -1
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +34 -4
- package/dist/src/shadcn/components/ui/slider.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.d.ts +16 -1
- package/dist/src/shadcn/components/ui/sonner.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.js +23 -3
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.js +19 -11
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +18 -2
- package/dist/src/shadcn/components/ui/switch.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/table.js +12 -8
- package/dist/src/shadcn/components/ui/table.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.d.ts +21 -3
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.js +314 -9
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js +50 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.js +15 -1
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.js +7 -2
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.js +18 -6
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +11 -1
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
- package/dist/src/shadcn/components/ui/tree.d.ts +20 -0
- package/dist/src/shadcn/components/ui/tree.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tree.js +111 -0
- package/dist/src/shadcn/components/ui/tree.js.map +1 -0
- package/package.json +9 -2
- package/src/components/code-editor/http/grammar/http.grammar +74 -0
- package/src/components/code-editor/http/grammar/http.terms.ts +9 -0
- package/src/components/code-editor/http/grammar/http.test.ts +110 -0
- package/src/components/code-editor/http/grammar/http.ts +21 -0
- package/src/components/code-editor/http/index.ts +87 -0
- package/src/components/code-editor/index.tsx +182 -21
- package/src/components/code-editor.stories.tsx +1 -1
- package/src/components/request-line-editor.stories.tsx +17 -27
- package/src/components/request-line-editor.tsx +72 -61
- package/src/components/tree-view.stories.tsx +260 -0
- package/src/components/tree-view.tsx +101 -0
- package/src/icons.tsx +45 -0
- package/src/index.css +42 -3
- package/src/index.tsx +1 -1
- package/src/shadcn/components/ui/accordion.tsx +66 -8
- package/src/shadcn/components/ui/alert.tsx +53 -15
- package/src/shadcn/components/ui/avatar.tsx +17 -6
- package/src/shadcn/components/ui/badge.tsx +67 -18
- package/src/shadcn/components/ui/breadcrumb.tsx +35 -7
- package/src/shadcn/components/ui/button.tsx +118 -57
- package/src/shadcn/components/ui/card.tsx +44 -13
- package/src/shadcn/components/ui/carousel.tsx +1 -0
- package/src/shadcn/components/ui/checkbox.stories.tsx +20 -24
- package/src/shadcn/components/ui/checkbox.tsx +45 -4
- package/src/shadcn/components/ui/combobox.stories.tsx +19 -0
- package/src/shadcn/components/ui/combobox.tsx +142 -0
- package/src/shadcn/components/ui/command.stories.tsx +1 -1
- package/src/shadcn/components/ui/command.tsx +192 -36
- package/src/shadcn/components/ui/dialog.tsx +101 -13
- package/src/shadcn/components/ui/drawer.tsx +93 -18
- package/src/shadcn/components/ui/dropdown-menu.tsx +38 -9
- package/src/shadcn/components/ui/form.tsx +16 -4
- package/src/shadcn/components/ui/input-otp.tsx +1 -0
- package/src/shadcn/components/ui/input.tsx +281 -29
- package/src/shadcn/components/ui/label.tsx +21 -4
- package/src/shadcn/components/ui/menubar.tsx +188 -43
- package/src/shadcn/components/ui/pagination.tsx +12 -6
- package/src/shadcn/components/ui/popover.tsx +35 -4
- package/src/shadcn/components/ui/progress.tsx +21 -5
- package/src/shadcn/components/ui/radio-group.stories.tsx +22 -14
- package/src/shadcn/components/ui/radio-group.tsx +42 -5
- package/src/shadcn/components/ui/resizable.tsx +1 -0
- package/src/shadcn/components/ui/scroll-area.tsx +33 -5
- package/src/shadcn/components/ui/select.stories.tsx +0 -2
- package/src/shadcn/components/ui/select.tsx +184 -33
- package/src/shadcn/components/ui/separator.tsx +15 -5
- package/src/shadcn/components/ui/sidebar.tsx +68 -26
- package/src/shadcn/components/ui/skeleton.tsx +4 -1
- package/src/shadcn/components/ui/slider.tsx +82 -11
- package/src/shadcn/components/ui/sonner.stories.tsx +19 -15
- package/src/shadcn/components/ui/sonner.tsx +53 -3
- package/src/shadcn/components/ui/switch.tsx +53 -7
- package/src/shadcn/components/ui/table.tsx +38 -11
- package/src/shadcn/components/ui/tabs.stories.tsx +32 -0
- package/src/shadcn/components/ui/tabs.tsx +455 -17
- package/src/shadcn/components/ui/textarea.tsx +42 -4
- package/src/shadcn/components/ui/toggle-group.tsx +28 -5
- package/src/shadcn/components/ui/toggle.tsx +59 -18
- package/src/shadcn/components/ui/tooltip.tsx +33 -8
- package/src/shadcn/components/ui/tree.tsx +200 -0
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Ellipsis, Pin, Plus } from "lucide-react";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { action } from "storybook/actions";
|
|
5
|
+
import { Button } from "../shadcn/components/ui/button.js";
|
|
6
|
+
import { PinIcon } from "../icons.js";
|
|
7
|
+
import TreeView from "./tree-view.js";
|
|
8
|
+
const meta = {
|
|
9
|
+
title: "Component/Tree view",
|
|
10
|
+
component: TreeView,
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: "fullscreen"
|
|
13
|
+
},
|
|
14
|
+
tags: [
|
|
15
|
+
"autodocs"
|
|
16
|
+
]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
const items = {
|
|
20
|
+
root: {
|
|
21
|
+
name: "Root",
|
|
22
|
+
children: [
|
|
23
|
+
"collection1",
|
|
24
|
+
"collection2",
|
|
25
|
+
"collection3"
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
collection1: {
|
|
29
|
+
name: "Collection 1",
|
|
30
|
+
children: [
|
|
31
|
+
"request1",
|
|
32
|
+
"request2",
|
|
33
|
+
"request3"
|
|
34
|
+
],
|
|
35
|
+
meta: {
|
|
36
|
+
pinned: true
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
collection2: {
|
|
40
|
+
name: "Collection 2",
|
|
41
|
+
children: [
|
|
42
|
+
"request4",
|
|
43
|
+
"request5",
|
|
44
|
+
"request6"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
collection3: {
|
|
48
|
+
name: "New Collection",
|
|
49
|
+
children: [
|
|
50
|
+
"request7",
|
|
51
|
+
"request8",
|
|
52
|
+
"request9",
|
|
53
|
+
"request10",
|
|
54
|
+
"request11",
|
|
55
|
+
"collection4"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
collection4: {
|
|
59
|
+
name: "New Collection",
|
|
60
|
+
children: [
|
|
61
|
+
"request12",
|
|
62
|
+
"request13",
|
|
63
|
+
"request14"
|
|
64
|
+
]
|
|
65
|
+
},
|
|
66
|
+
request1: {
|
|
67
|
+
meta: {
|
|
68
|
+
method: "GET",
|
|
69
|
+
path: "/request1"
|
|
70
|
+
},
|
|
71
|
+
name: "Request 1"
|
|
72
|
+
},
|
|
73
|
+
request2: {
|
|
74
|
+
meta: {
|
|
75
|
+
method: "POST",
|
|
76
|
+
path: "/request2"
|
|
77
|
+
},
|
|
78
|
+
name: "Request 2"
|
|
79
|
+
},
|
|
80
|
+
request3: {
|
|
81
|
+
meta: {
|
|
82
|
+
method: "PUT",
|
|
83
|
+
path: "/request3"
|
|
84
|
+
},
|
|
85
|
+
name: "Request 3"
|
|
86
|
+
},
|
|
87
|
+
request4: {
|
|
88
|
+
meta: {
|
|
89
|
+
method: "DELETE",
|
|
90
|
+
path: "/request4"
|
|
91
|
+
},
|
|
92
|
+
name: "Request 4"
|
|
93
|
+
},
|
|
94
|
+
request5: {
|
|
95
|
+
meta: {
|
|
96
|
+
method: "PATCH",
|
|
97
|
+
path: "/request5"
|
|
98
|
+
},
|
|
99
|
+
name: "Request 5"
|
|
100
|
+
},
|
|
101
|
+
request6: {
|
|
102
|
+
meta: {
|
|
103
|
+
method: "GET",
|
|
104
|
+
path: "/request6"
|
|
105
|
+
},
|
|
106
|
+
name: "Request 6"
|
|
107
|
+
},
|
|
108
|
+
request7: {
|
|
109
|
+
meta: {
|
|
110
|
+
method: "PATCH",
|
|
111
|
+
path: "/fhir/Patient/123"
|
|
112
|
+
},
|
|
113
|
+
name: "Request 7"
|
|
114
|
+
},
|
|
115
|
+
request8: {
|
|
116
|
+
meta: {
|
|
117
|
+
method: "DELETE",
|
|
118
|
+
path: "/fhir/Patient/123"
|
|
119
|
+
},
|
|
120
|
+
name: "Request 8"
|
|
121
|
+
},
|
|
122
|
+
request9: {
|
|
123
|
+
meta: {
|
|
124
|
+
method: "PUT",
|
|
125
|
+
path: "/fhir/Patient/123"
|
|
126
|
+
},
|
|
127
|
+
name: "Request 9"
|
|
128
|
+
},
|
|
129
|
+
request10: {
|
|
130
|
+
meta: {
|
|
131
|
+
method: "POST",
|
|
132
|
+
path: "/fhir/Patient/123"
|
|
133
|
+
},
|
|
134
|
+
name: "Request 10"
|
|
135
|
+
},
|
|
136
|
+
request11: {
|
|
137
|
+
meta: {
|
|
138
|
+
method: "GET",
|
|
139
|
+
path: "/fhir/Patient/123"
|
|
140
|
+
},
|
|
141
|
+
name: "Request 11"
|
|
142
|
+
},
|
|
143
|
+
request12: {
|
|
144
|
+
meta: {
|
|
145
|
+
method: "PUT",
|
|
146
|
+
path: "/fhir/Patient/123"
|
|
147
|
+
},
|
|
148
|
+
name: "Request 12"
|
|
149
|
+
},
|
|
150
|
+
request13: {
|
|
151
|
+
meta: {
|
|
152
|
+
method: "PUT",
|
|
153
|
+
path: "/fhir/Patient/123"
|
|
154
|
+
},
|
|
155
|
+
name: "Request 13"
|
|
156
|
+
},
|
|
157
|
+
request14: {
|
|
158
|
+
meta: {
|
|
159
|
+
method: "PUT",
|
|
160
|
+
path: "/fhir/Patient/123"
|
|
161
|
+
},
|
|
162
|
+
name: "Request 14"
|
|
163
|
+
}
|
|
164
|
+
};
|
|
165
|
+
export const Default = {
|
|
166
|
+
args: {
|
|
167
|
+
items: items,
|
|
168
|
+
rootItemId: "root",
|
|
169
|
+
selectedItemId: "request9",
|
|
170
|
+
expandedItemIds: [
|
|
171
|
+
"collection3"
|
|
172
|
+
],
|
|
173
|
+
onSelectItem: (a)=>action("onSelectItem")(a)
|
|
174
|
+
},
|
|
175
|
+
render: (args)=>/*#__PURE__*/ _jsx(TreeView, {
|
|
176
|
+
...args
|
|
177
|
+
})
|
|
178
|
+
};
|
|
179
|
+
const customItemView = (item)=>{
|
|
180
|
+
const isRootLevel = item.getItemMeta().level === 0;
|
|
181
|
+
const hasChildren = item.getItemData()?.children !== undefined;
|
|
182
|
+
const requestMethhod = item.getItemData()?.meta?.method;
|
|
183
|
+
const requestPath = item.getItemData()?.meta?.path;
|
|
184
|
+
const itemName = item.getItemData()?.name;
|
|
185
|
+
const requestMethodView = ()=>{
|
|
186
|
+
switch(requestMethhod){
|
|
187
|
+
case "GET":
|
|
188
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
189
|
+
className: " opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-green text-left",
|
|
190
|
+
children: "GET"
|
|
191
|
+
});
|
|
192
|
+
case "POST":
|
|
193
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
194
|
+
className: "opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-yellow text-left",
|
|
195
|
+
children: "POST"
|
|
196
|
+
});
|
|
197
|
+
case "PUT":
|
|
198
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
199
|
+
className: "opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-blue text-left",
|
|
200
|
+
children: "PUT"
|
|
201
|
+
});
|
|
202
|
+
case "PATCH":
|
|
203
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
204
|
+
className: "opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-violet text-left",
|
|
205
|
+
children: "PATCH"
|
|
206
|
+
});
|
|
207
|
+
case "DELETE":
|
|
208
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
209
|
+
className: "opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-red text-left",
|
|
210
|
+
children: "DELETE"
|
|
211
|
+
});
|
|
212
|
+
default:
|
|
213
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
214
|
+
className: "opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-gray text-left",
|
|
215
|
+
children: "Unknown"
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
220
|
+
className: "w-full flex justify-between gap-2",
|
|
221
|
+
children: [
|
|
222
|
+
/*#__PURE__*/ _jsx("div", {
|
|
223
|
+
className: "flex items-center gap-2 truncate",
|
|
224
|
+
children: hasChildren ? itemName : /*#__PURE__*/ _jsxs(React.Fragment, {
|
|
225
|
+
children: [
|
|
226
|
+
requestMethodView(),
|
|
227
|
+
requestPath
|
|
228
|
+
]
|
|
229
|
+
})
|
|
230
|
+
}),
|
|
231
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
232
|
+
className: "gap-2 hidden group-hover/tree-item-label:flex items-center",
|
|
233
|
+
children: [
|
|
234
|
+
isRootLevel && /*#__PURE__*/ _jsx(Button, {
|
|
235
|
+
variant: "link",
|
|
236
|
+
size: "small",
|
|
237
|
+
className: "p-0 h-4",
|
|
238
|
+
children: item.getItemData()?.meta?.pinned ? /*#__PURE__*/ _jsx(PinIcon, {}) : /*#__PURE__*/ _jsx(Pin, {})
|
|
239
|
+
}),
|
|
240
|
+
hasChildren && /*#__PURE__*/ _jsx(Button, {
|
|
241
|
+
variant: "link",
|
|
242
|
+
size: "small",
|
|
243
|
+
className: "p-0 h-4",
|
|
244
|
+
children: /*#__PURE__*/ _jsx(Plus, {})
|
|
245
|
+
}),
|
|
246
|
+
/*#__PURE__*/ _jsx(Button, {
|
|
247
|
+
variant: "link",
|
|
248
|
+
size: "small",
|
|
249
|
+
className: "p-0 h-4",
|
|
250
|
+
children: /*#__PURE__*/ _jsx(Ellipsis, {})
|
|
251
|
+
})
|
|
252
|
+
]
|
|
253
|
+
})
|
|
254
|
+
]
|
|
255
|
+
});
|
|
256
|
+
};
|
|
257
|
+
export const CustomItemView = {
|
|
258
|
+
args: {
|
|
259
|
+
items: items,
|
|
260
|
+
rootItemId: "root",
|
|
261
|
+
selectedItemId: "request11",
|
|
262
|
+
expandedItemIds: [
|
|
263
|
+
"collection3",
|
|
264
|
+
"collection4"
|
|
265
|
+
],
|
|
266
|
+
onSelectItem: (a)=>action("onSelectItem")(a.getItemData()?.name),
|
|
267
|
+
customItemView: customItemView
|
|
268
|
+
},
|
|
269
|
+
render: (args)=>/*#__PURE__*/ _jsx(TreeView, {
|
|
270
|
+
...args
|
|
271
|
+
})
|
|
272
|
+
};
|
|
273
|
+
|
|
274
|
+
//# sourceMappingURL=tree-view.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/tree-view.stories.tsx"],"sourcesContent":["import type { ItemInstance } from \"@headless-tree/core\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Ellipsis, Pin, Plus } from \"lucide-react\";\nimport React from \"react\";\nimport { action } from \"storybook/actions\";\nimport { Button } from \"#shadcn/components/ui/button.js\";\nimport { PinIcon } from \"../icons\";\nimport type { Item } from \"./tree-view\";\nimport TreeView from \"./tree-view\";\n\nconst meta: Meta<typeof TreeView> = {\n\ttitle: \"Component/Tree view\",\n\tcomponent: TreeView,\n\tparameters: {\n\t\tlayout: \"fullscreen\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TreeView<ItemMeta>>;\n\ntype ItemMeta = {\n\tpinned?: boolean;\n\tmethod?: \"GET\" | \"POST\" | \"PUT\" | \"DELETE\" | \"PATCH\";\n\tpath?: string;\n};\n\nconst items: Record<string, Item<ItemMeta>> = {\n\troot: {\n\t\tname: \"Root\",\n\t\tchildren: [\"collection1\", \"collection2\", \"collection3\"],\n\t},\n\tcollection1: {\n\t\tname: \"Collection 1\",\n\t\tchildren: [\"request1\", \"request2\", \"request3\"],\n\t\tmeta: {\n\t\t\tpinned: true,\n\t\t},\n\t},\n\tcollection2: {\n\t\tname: \"Collection 2\",\n\t\tchildren: [\"request4\", \"request5\", \"request6\"],\n\t},\n\tcollection3: {\n\t\tname: \"New Collection\",\n\t\tchildren: [\n\t\t\t\"request7\",\n\t\t\t\"request8\",\n\t\t\t\"request9\",\n\t\t\t\"request10\",\n\t\t\t\"request11\",\n\t\t\t\"collection4\",\n\t\t],\n\t},\n\tcollection4: {\n\t\tname: \"New Collection\",\n\t\tchildren: [\"request12\", \"request13\", \"request14\"],\n\t},\n\trequest1: {\n\t\tmeta: {\n\t\t\tmethod: \"GET\",\n\t\t\tpath: \"/request1\",\n\t\t},\n\t\tname: \"Request 1\",\n\t},\n\trequest2: {\n\t\tmeta: {\n\t\t\tmethod: \"POST\",\n\t\t\tpath: \"/request2\",\n\t\t},\n\t\tname: \"Request 2\",\n\t},\n\trequest3: {\n\t\tmeta: {\n\t\t\tmethod: \"PUT\",\n\t\t\tpath: \"/request3\",\n\t\t},\n\t\tname: \"Request 3\",\n\t},\n\trequest4: {\n\t\tmeta: {\n\t\t\tmethod: \"DELETE\",\n\t\t\tpath: \"/request4\",\n\t\t},\n\t\tname: \"Request 4\",\n\t},\n\trequest5: {\n\t\tmeta: {\n\t\t\tmethod: \"PATCH\",\n\t\t\tpath: \"/request5\",\n\t\t},\n\t\tname: \"Request 5\",\n\t},\n\trequest6: {\n\t\tmeta: {\n\t\t\tmethod: \"GET\",\n\t\t\tpath: \"/request6\",\n\t\t},\n\t\tname: \"Request 6\",\n\t},\n\trequest7: {\n\t\tmeta: {\n\t\t\tmethod: \"PATCH\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 7\",\n\t},\n\trequest8: {\n\t\tmeta: {\n\t\t\tmethod: \"DELETE\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 8\",\n\t},\n\trequest9: {\n\t\tmeta: {\n\t\t\tmethod: \"PUT\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 9\",\n\t},\n\trequest10: {\n\t\tmeta: {\n\t\t\tmethod: \"POST\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 10\",\n\t},\n\trequest11: {\n\t\tmeta: {\n\t\t\tmethod: \"GET\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 11\",\n\t},\n\trequest12: {\n\t\tmeta: {\n\t\t\tmethod: \"PUT\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 12\",\n\t},\n\trequest13: {\n\t\tmeta: {\n\t\t\tmethod: \"PUT\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 13\",\n\t},\n\trequest14: {\n\t\tmeta: {\n\t\t\tmethod: \"PUT\",\n\t\t\tpath: \"/fhir/Patient/123\",\n\t\t},\n\t\tname: \"Request 14\",\n\t},\n};\n\nexport const Default: Story = {\n\targs: {\n\t\titems: items,\n\t\trootItemId: \"root\",\n\t\tselectedItemId: \"request9\",\n\t\texpandedItemIds: [\"collection3\"],\n\t\tonSelectItem: (a) => action(\"onSelectItem\")(a),\n\t},\n\trender: (args) => <TreeView {...args} />,\n};\n\nconst customItemView = (item: ItemInstance<Item<ItemMeta>>) => {\n\tconst isRootLevel = item.getItemMeta().level === 0;\n\tconst hasChildren = item.getItemData()?.children !== undefined;\n\tconst requestMethhod = item.getItemData()?.meta?.method;\n\tconst requestPath = item.getItemData()?.meta?.path;\n\tconst itemName = item.getItemData()?.name;\n\n\tconst requestMethodView = () => {\n\t\tswitch (requestMethhod) {\n\t\t\tcase \"GET\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\" opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-green text-left\">\n\t\t\t\t\t\tGET\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase \"POST\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-yellow text-left\">\n\t\t\t\t\t\tPOST\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase \"PUT\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-blue text-left\">\n\t\t\t\t\t\tPUT\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase \"PATCH\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-violet text-left\">\n\t\t\t\t\t\tPATCH\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase \"DELETE\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-red text-left\">\n\t\t\t\t\t\tDELETE\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"opacity-50 group-hover/tree-item-label:opacity-100 in-data-[selected=true]:opacity-100 font-medium min-w-13 w-13 text-utility-gray text-left\">\n\t\t\t\t\t\tUnknown\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"w-full flex justify-between gap-2\">\n\t\t\t<div className=\"flex items-center gap-2 truncate\">\n\t\t\t\t{hasChildren ? (\n\t\t\t\t\titemName\n\t\t\t\t) : (\n\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t{requestMethodView()}\n\t\t\t\t\t\t{requestPath}\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"gap-2 hidden group-hover/tree-item-label:flex items-center\">\n\t\t\t\t{isRootLevel && (\n\t\t\t\t\t<Button variant=\"link\" size=\"small\" className=\"p-0 h-4\">\n\t\t\t\t\t\t{item.getItemData()?.meta?.pinned ? <PinIcon /> : <Pin />}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{hasChildren && (\n\t\t\t\t\t<Button variant=\"link\" size=\"small\" className=\"p-0 h-4\">\n\t\t\t\t\t\t<Plus />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<Button variant=\"link\" size=\"small\" className=\"p-0 h-4\">\n\t\t\t\t\t<Ellipsis />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const CustomItemView: Story = {\n\targs: {\n\t\titems: items,\n\t\trootItemId: \"root\",\n\t\tselectedItemId: \"request11\",\n\t\texpandedItemIds: [\"collection3\", \"collection4\"],\n\t\tonSelectItem: (a) => action(\"onSelectItem\")(a.getItemData()?.name),\n\t\tcustomItemView: customItemView,\n\t},\n\trender: (args) => <TreeView {...args} />,\n};\n"],"names":["Ellipsis","Pin","Plus","React","action","Button","PinIcon","TreeView","meta","title","component","parameters","layout","tags","items","root","name","children","collection1","pinned","collection2","collection3","collection4","request1","method","path","request2","request3","request4","request5","request6","request7","request8","request9","request10","request11","request12","request13","request14","Default","args","rootItemId","selectedItemId","expandedItemIds","onSelectItem","a","render","customItemView","item","isRootLevel","getItemMeta","level","hasChildren","getItemData","undefined","requestMethhod","requestPath","itemName","requestMethodView","div","className","Fragment","variant","size","CustomItemView"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,+CAkBpB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAwBnB,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const PlayIcon = ()=>{
|
|
3
|
+
return /*#__PURE__*/ _jsxs("svg", {
|
|
4
|
+
width: "16",
|
|
5
|
+
height: "16",
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
fill: "none",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
"aria-label": "Play",
|
|
10
|
+
role: "img",
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsx("title", {
|
|
13
|
+
children: "Play"
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M3.76074 1.56153C3.92124 1.47395 4.11669 1.48025 4.27051 1.57911L13.6035 7.57911C13.7466 7.67111 13.833 7.82988 13.833 8.00001C13.833 8.17014 13.7466 8.32891 13.6035 8.42091L4.27051 14.4209C4.11669 14.5198 3.92124 14.5261 3.76074 14.4385C3.60021 14.3508 3.5 14.1829 3.5 14V2.00001C3.5 1.81711 3.60021 1.64918 3.76074 1.56153Z",
|
|
17
|
+
fill: "white"
|
|
18
|
+
})
|
|
19
|
+
]
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
export const PinIcon = ()=>{
|
|
23
|
+
return /*#__PURE__*/ _jsxs("svg", {
|
|
24
|
+
width: "16",
|
|
25
|
+
height: "16",
|
|
26
|
+
viewBox: "0 0 16 16",
|
|
27
|
+
fill: "none",
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
29
|
+
"aria-label": "Pin",
|
|
30
|
+
role: "img",
|
|
31
|
+
children: [
|
|
32
|
+
/*#__PURE__*/ _jsx("path", {
|
|
33
|
+
d: "M8 11.3334V14.6667",
|
|
34
|
+
stroke: "#717684",
|
|
35
|
+
"stroke-width": "1.25",
|
|
36
|
+
"stroke-linecap": "round",
|
|
37
|
+
"stroke-linejoin": "round"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("path", {
|
|
40
|
+
d: "M5.9987 7.17337C5.99857 7.42143 5.92924 7.66453 5.79851 7.87534C5.66778 8.08616 5.48084 8.25632 5.2587 8.36671L4.07203 8.96671C3.84989 9.07709 3.66295 9.24726 3.53222 9.45807C3.40149 9.66888 3.33216 9.91198 3.33203 10.16V10.6667C3.33203 10.8435 3.40227 11.0131 3.52729 11.1381C3.65232 11.2631 3.82189 11.3334 3.9987 11.3334H11.9987C12.1755 11.3334 12.3451 11.2631 12.4701 11.1381C12.5951 11.0131 12.6654 10.8435 12.6654 10.6667V10.16C12.6652 9.91198 12.5959 9.66888 12.4652 9.45807C12.3345 9.24726 12.1475 9.07709 11.9254 8.96671L10.7387 8.36671C10.5166 8.25632 10.3296 8.08616 10.1989 7.87534C10.0682 7.66453 9.99883 7.42143 9.9987 7.17337V4.66671C9.9987 4.4899 10.0689 4.32033 10.194 4.1953C10.319 4.07028 10.4886 4.00004 10.6654 4.00004C11.019 4.00004 11.3581 3.85957 11.6082 3.60952C11.8582 3.35947 11.9987 3.02033 11.9987 2.66671C11.9987 2.31309 11.8582 1.97395 11.6082 1.7239C11.3581 1.47385 11.019 1.33337 10.6654 1.33337H5.33203C4.97841 1.33337 4.63927 1.47385 4.38922 1.7239C4.13917 1.97395 3.9987 2.31309 3.9987 2.66671C3.9987 3.02033 4.13917 3.35947 4.38922 3.60952C4.63927 3.85957 4.97841 4.00004 5.33203 4.00004C5.50884 4.00004 5.67841 4.07028 5.80344 4.1953C5.92846 4.32033 5.9987 4.4899 5.9987 4.66671V7.17337Z",
|
|
41
|
+
fill: "#717684"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/icons.tsx"],"sourcesContent":["export const PlayIcon = () => {\n\treturn (\n\t\t<svg\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Play\"\n\t\t\trole=\"img\"\n\t\t>\n\t\t\t<title>Play</title>\n\t\t\t<path\n\t\t\t\td=\"M3.76074 1.56153C3.92124 1.47395 4.11669 1.48025 4.27051 1.57911L13.6035 7.57911C13.7466 7.67111 13.833 7.82988 13.833 8.00001C13.833 8.17014 13.7466 8.32891 13.6035 8.42091L4.27051 14.4209C4.11669 14.5198 3.92124 14.5261 3.76074 14.4385C3.60021 14.3508 3.5 14.1829 3.5 14V2.00001C3.5 1.81711 3.60021 1.64918 3.76074 1.56153Z\"\n\t\t\t\tfill=\"white\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\n\nexport const PinIcon = () => {\n\treturn (\n\t\t<svg\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Pin\"\n\t\t\trole=\"img\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M8 11.3334V14.6667\"\n\t\t\t\tstroke=\"#717684\"\n\t\t\t\tstroke-width=\"1.25\"\n\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M5.9987 7.17337C5.99857 7.42143 5.92924 7.66453 5.79851 7.87534C5.66778 8.08616 5.48084 8.25632 5.2587 8.36671L4.07203 8.96671C3.84989 9.07709 3.66295 9.24726 3.53222 9.45807C3.40149 9.66888 3.33216 9.91198 3.33203 10.16V10.6667C3.33203 10.8435 3.40227 11.0131 3.52729 11.1381C3.65232 11.2631 3.82189 11.3334 3.9987 11.3334H11.9987C12.1755 11.3334 12.3451 11.2631 12.4701 11.1381C12.5951 11.0131 12.6654 10.8435 12.6654 10.6667V10.16C12.6652 9.91198 12.5959 9.66888 12.4652 9.45807C12.3345 9.24726 12.1475 9.07709 11.9254 8.96671L10.7387 8.36671C10.5166 8.25632 10.3296 8.08616 10.1989 7.87534C10.0682 7.66453 9.99883 7.42143 9.9987 7.17337V4.66671C9.9987 4.4899 10.0689 4.32033 10.194 4.1953C10.319 4.07028 10.4886 4.00004 10.6654 4.00004C11.019 4.00004 11.3581 3.85957 11.6082 3.60952C11.8582 3.35947 11.9987 3.02033 11.9987 2.66671C11.9987 2.31309 11.8582 1.97395 11.6082 1.7239C11.3581 1.47385 11.019 1.33337 10.6654 1.33337H5.33203C4.97841 1.33337 4.63927 1.47385 4.38922 1.7239C4.13917 1.97395 3.9987 2.31309 3.9987 2.66671C3.9987 3.02033 4.13917 3.35947 4.38922 3.60952C4.63927 3.85957 4.97841 4.00004 5.33203 4.00004C5.50884 4.00004 5.67841 4.07028 5.80344 4.1953C5.92846 4.32033 5.9987 4.4899 5.9987 4.66671V7.17337Z\"\n\t\t\t\tfill=\"#717684\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\n"],"names":["PlayIcon","svg","width","height","viewBox","fill","xmlns","aria-label","role","title","path","d","PinIcon","stroke","stroke-width","stroke-linecap","stroke-linejoin"],"mappings":";AAAA,OAAO,MAAMA,WAAW;IACvB,qBACC,MAACC;QACAC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,cAAW;QACXC,MAAK;;0BAEL,KAACC;0BAAM;;0BACP,KAACC;gBACAC,GAAE;gBACFN,MAAK;;;;AAIT,EAAE;AAEF,OAAO,MAAMO,UAAU;IACtB,qBACC,MAACX;QACAC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,cAAW;QACXC,MAAK;;0BAEL,KAACE;gBACAC,GAAE;gBACFE,QAAO;gBACPC,gBAAa;gBACbC,kBAAe;gBACfC,mBAAgB;;0BAEjB,KAACN;gBACAC,GAAE;gBACFN,MAAK;;;;AAIT,EAAE"}
|
package/dist/src/index.css
CHANGED
|
@@ -3,6 +3,11 @@
|
|
|
3
3
|
@import "./tokens.css";
|
|
4
4
|
@import "./typography.css";
|
|
5
5
|
|
|
6
|
+
.lucide {
|
|
7
|
+
/* Change this! */
|
|
8
|
+
stroke-width: 1.5px;
|
|
9
|
+
}
|
|
10
|
+
|
|
6
11
|
@theme {
|
|
7
12
|
--color-selection: var(--color-blue-300);
|
|
8
13
|
--color-ring-red: var(--color-red-200);
|
|
@@ -11,7 +16,7 @@
|
|
|
11
16
|
--color-ring-purple: var(--color-purple-200);
|
|
12
17
|
--color-ring-orange: var(--color-orange-200);
|
|
13
18
|
--color-ring-pink: var(--color-pink-200);
|
|
14
|
-
--color-ring-blue: var(--color-blue-
|
|
19
|
+
--color-ring-blue: var(--color-blue-200);
|
|
15
20
|
--color-ring-red: var(--color-red-200);
|
|
16
21
|
--color-text-primary: var(--color-neutral-900);
|
|
17
22
|
--color-text-secondary: var(--color-neutral-500);
|
|
@@ -19,12 +24,13 @@
|
|
|
19
24
|
--color-text-primary_on-brand: var(--color-neutral-50);
|
|
20
25
|
--color-text-secondary_on-brand: var(--color-neutral-100);
|
|
21
26
|
--color-text-tertiary: var(--color-neutral-400);
|
|
27
|
+
--color-text-tertiary_hover: var(--color-neutral-500);
|
|
22
28
|
--color-text-quternary: var(--color-neutral-400);
|
|
23
29
|
--color-text-quternary_hover: var(--color-neutral-500);
|
|
24
30
|
--color-text-quternary_on-brand: var(--color-neutral-200);
|
|
25
31
|
--color-text-disabled: var(--color-neutral-300);
|
|
26
32
|
--color-text-link: var(--color-blue-500);
|
|
27
|
-
--color-text-link_hover: var(--color-blue-
|
|
33
|
+
--color-text-link_hover: var(--color-blue-700);
|
|
28
34
|
--color-text-link_disabled: var(--color-blue-400);
|
|
29
35
|
--color-text-brand-primary: var(--color-brand-500);
|
|
30
36
|
--color-text-brand-secondary: var(--color-brand-300);
|
|
@@ -39,6 +45,7 @@
|
|
|
39
45
|
--color-border-secondary: var(--color-neutral-200);
|
|
40
46
|
--color-border-separator: var(--color-neutral-200);
|
|
41
47
|
--color-border-disabled: var(--color-neutral-100);
|
|
48
|
+
--color-border-dark: var(--color-neutral-500);
|
|
42
49
|
--color-border-brand: var(--color-brand-500);
|
|
43
50
|
--color-border-link: var(--color-blue-500);
|
|
44
51
|
--color-border-error: var(--color-red-500);
|
|
@@ -90,7 +97,6 @@
|
|
|
90
97
|
--color-fg-success-secondary: var(--color-green-400);
|
|
91
98
|
--color-fg-warning-primary: var(--color-yellow-500);
|
|
92
99
|
--color-fg-warning-secondary: var(--color-yellow-400);
|
|
93
|
-
|
|
94
100
|
--color-utility-green: var(--color-green-500);
|
|
95
101
|
--color-utility-yellow: var(--color-yellow-600);
|
|
96
102
|
--color-utility-blue: var(--color-blue-500);
|
|
@@ -102,3 +108,36 @@
|
|
|
102
108
|
--font-family-sans: "Inter", system-ui, sans-serif;
|
|
103
109
|
--font-family-mono: "JetBrains Mono", monospace;
|
|
104
110
|
}
|
|
111
|
+
|
|
112
|
+
.no-scrollbar::-webkit-scrollbar {
|
|
113
|
+
display: none;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.no-scrollbar {
|
|
117
|
+
-ms-overflow-style: none;
|
|
118
|
+
scrollbar-width: none;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
body ::-webkit-scrollbar {
|
|
122
|
+
width: 6px;
|
|
123
|
+
height: 6px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
body ::-webkit-scrollbar-track {
|
|
127
|
+
background: transparent;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
body ::-webkit-scrollbar-thumb {
|
|
131
|
+
background-color: var(--color-elements-disabled);
|
|
132
|
+
border-radius: 4px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
body ::-webkit-scrollbar-thumb:hover {
|
|
136
|
+
background-color: var(--color-elements-assistive);
|
|
137
|
+
}
|
|
138
|
+
@supports not selector(::-webkit-scrollbar) {
|
|
139
|
+
body {
|
|
140
|
+
scrollbar-color: var(--color-elements-disabled) rgba(0, 0, 0, 0);
|
|
141
|
+
scrollbar-width: thin;
|
|
142
|
+
}
|
|
143
|
+
}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from "./components/code-editor";
|
|
2
|
-
export * from "./components/code-editor";
|
|
3
2
|
export * from "./components/copy-icon";
|
|
4
3
|
export * from "./components/request-line-editor";
|
|
4
|
+
export * from "./icons";
|
|
5
5
|
export * from "./shadcn/components/ui/accordion";
|
|
6
6
|
export * from "./shadcn/components/ui/alert";
|
|
7
7
|
export * from "./shadcn/components/ui/alert-dialog";
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,cAAc,0BAA0B,CAAC;AACzC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,2BAA2B,CAAC"}
|
package/dist/src/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
// Shadcn Components
|
|
2
2
|
export * from "./components/code-editor/index.js";
|
|
3
|
-
export * from "./components/code-editor/index.js";
|
|
4
3
|
export * from "./components/copy-icon.js";
|
|
5
4
|
export * from "./components/request-line-editor.js";
|
|
5
|
+
export * from "./icons.js";
|
|
6
6
|
export * from "./shadcn/components/ui/accordion.js";
|
|
7
7
|
export * from "./shadcn/components/ui/alert.js";
|
|
8
8
|
export * from "./shadcn/components/ui/alert-dialog.js";
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["// Shadcn Components\n\nexport * from \"./components/code-editor\";\nexport * from \"./components/
|
|
1
|
+
{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["// Shadcn Components\n\nexport * from \"./components/code-editor\";\nexport * from \"./components/copy-icon\";\nexport * from \"./components/request-line-editor\";\nexport * from \"./icons\";\nexport * from \"./shadcn/components/ui/accordion\";\nexport * from \"./shadcn/components/ui/alert\";\nexport * from \"./shadcn/components/ui/alert-dialog\";\nexport * from \"./shadcn/components/ui/aspect-ratio\";\nexport * from \"./shadcn/components/ui/avatar\";\nexport * from \"./shadcn/components/ui/badge\";\nexport * from \"./shadcn/components/ui/breadcrumb\";\nexport * from \"./shadcn/components/ui/button\";\nexport * from \"./shadcn/components/ui/calendar\";\nexport * from \"./shadcn/components/ui/card\";\nexport * from \"./shadcn/components/ui/carousel\";\nexport * from \"./shadcn/components/ui/chart\";\nexport * from \"./shadcn/components/ui/checkbox\";\nexport * from \"./shadcn/components/ui/collapsible\";\nexport * from \"./shadcn/components/ui/command\";\nexport * from \"./shadcn/components/ui/context-menu\";\nexport * from \"./shadcn/components/ui/dialog\";\nexport * from \"./shadcn/components/ui/drawer\";\nexport * from \"./shadcn/components/ui/dropdown-menu\";\nexport * from \"./shadcn/components/ui/form\";\nexport * from \"./shadcn/components/ui/hover-card\";\nexport * from \"./shadcn/components/ui/input\";\nexport * from \"./shadcn/components/ui/input-otp\";\nexport * from \"./shadcn/components/ui/label\";\nexport * from \"./shadcn/components/ui/menubar\";\nexport * from \"./shadcn/components/ui/navigation-menu\";\nexport * from \"./shadcn/components/ui/pagination\";\nexport * from \"./shadcn/components/ui/popover\";\nexport * from \"./shadcn/components/ui/progress\";\nexport * from \"./shadcn/components/ui/radio-group\";\nexport * from \"./shadcn/components/ui/resizable\";\nexport * from \"./shadcn/components/ui/scroll-area\";\nexport * from \"./shadcn/components/ui/select\";\nexport * from \"./shadcn/components/ui/separator\";\nexport * from \"./shadcn/components/ui/sheet\";\nexport * from \"./shadcn/components/ui/sidebar\";\nexport * from \"./shadcn/components/ui/skeleton\";\nexport * from \"./shadcn/components/ui/slider\";\nexport * from \"./shadcn/components/ui/sonner\";\nexport * from \"./shadcn/components/ui/switch\";\nexport * from \"./shadcn/components/ui/table\";\nexport * from \"./shadcn/components/ui/tabs\";\nexport * from \"./shadcn/components/ui/textarea\";\nexport * from \"./shadcn/components/ui/toggle\";\nexport * from \"./shadcn/components/ui/toggle-group\";\nexport * from \"./shadcn/components/ui/tooltip\";\n\n// Hooks\nexport * from \"./shadcn/hooks/use-mobile\";\n"],"names":[],"mappings":"AAAA,oBAAoB;AAEpB,cAAc,oCAA2B;AACzC,cAAc,4BAAyB;AACvC,cAAc,sCAAmC;AACjD,cAAc,aAAU;AACxB,cAAc,sCAAmC;AACjD,cAAc,kCAA+B;AAC7C,cAAc,yCAAsC;AACpD,cAAc,yCAAsC;AACpD,cAAc,mCAAgC;AAC9C,cAAc,kCAA+B;AAC7C,cAAc,uCAAoC;AAClD,cAAc,mCAAgC;AAC9C,cAAc,qCAAkC;AAChD,cAAc,iCAA8B;AAC5C,cAAc,qCAAkC;AAChD,cAAc,kCAA+B;AAC7C,cAAc,qCAAkC;AAChD,cAAc,wCAAqC;AACnD,cAAc,oCAAiC;AAC/C,cAAc,yCAAsC;AACpD,cAAc,mCAAgC;AAC9C,cAAc,mCAAgC;AAC9C,cAAc,0CAAuC;AACrD,cAAc,iCAA8B;AAC5C,cAAc,uCAAoC;AAClD,cAAc,kCAA+B;AAC7C,cAAc,sCAAmC;AACjD,cAAc,kCAA+B;AAC7C,cAAc,oCAAiC;AAC/C,cAAc,4CAAyC;AACvD,cAAc,uCAAoC;AAClD,cAAc,oCAAiC;AAC/C,cAAc,qCAAkC;AAChD,cAAc,wCAAqC;AACnD,cAAc,sCAAmC;AACjD,cAAc,wCAAqC;AACnD,cAAc,mCAAgC;AAC9C,cAAc,sCAAmC;AACjD,cAAc,kCAA+B;AAC7C,cAAc,oCAAiC;AAC/C,cAAc,qCAAkC;AAChD,cAAc,mCAAgC;AAC9C,cAAc,mCAAgC;AAC9C,cAAc,mCAAgC;AAC9C,cAAc,kCAA+B;AAC7C,cAAc,iCAA8B;AAC5C,cAAc,qCAAkC;AAChD,cAAc,mCAAgC;AAC9C,cAAc,yCAAsC;AACpD,cAAc,oCAAiC;AAE/C,QAAQ;AACR,cAAc,+BAA4B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AA+DpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAazD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAYzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -2,6 +2,24 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
3
|
import { ChevronDownIcon } from "lucide-react";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
// Accordion item styles
|
|
6
|
+
const accordionItemStyles = cn("border-b", "border-border-primary", "last:border-b-0");
|
|
7
|
+
// Accordion trigger styles
|
|
8
|
+
const accordionTriggerStyles = cn(// Layout
|
|
9
|
+
"flex", "flex-1", "items-start", "justify-between", "gap-4", // Shape
|
|
10
|
+
"rounded-md", // Spacing
|
|
11
|
+
"py-4", // Typography
|
|
12
|
+
"text-left", "text-sm", "font-medium", // Interaction
|
|
13
|
+
"transition-all", "outline-none", "hover:underline", // Focus
|
|
14
|
+
"focus-visible:ring-2", "focus-visible:ring-utility-blue/70", // Disabled
|
|
15
|
+
"disabled:pointer-events-none", "disabled:opacity-50", // Icon rotation
|
|
16
|
+
"[&[data-state=open]>svg]:rotate-180");
|
|
17
|
+
// Accordion content styles
|
|
18
|
+
const accordionContentStyles = cn("data-[state=closed]:animate-accordion-up", "data-[state=open]:animate-accordion-down", "overflow-hidden", "text-sm");
|
|
19
|
+
// Accordion content inner styles
|
|
20
|
+
const accordionContentInnerStyles = cn("pt-0", "pb-4");
|
|
21
|
+
// Accordion chevron styles
|
|
22
|
+
const accordionChevronStyles = cn("text-text-secondary", "pointer-events-none", "size-4", "shrink-0", "translate-y-0.5", "transition-transform", "duration-200");
|
|
5
23
|
function Accordion({ ...props }) {
|
|
6
24
|
return /*#__PURE__*/ _jsx(AccordionPrimitive.Root, {
|
|
7
25
|
"data-slot": "accordion",
|
|
@@ -11,7 +29,7 @@ function Accordion({ ...props }) {
|
|
|
11
29
|
function AccordionItem({ className, ...props }) {
|
|
12
30
|
return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, {
|
|
13
31
|
"data-slot": "accordion-item",
|
|
14
|
-
className: cn(
|
|
32
|
+
className: cn(accordionItemStyles, className),
|
|
15
33
|
...props
|
|
16
34
|
});
|
|
17
35
|
}
|
|
@@ -20,12 +38,12 @@ function AccordionTrigger({ className, children, ...props }) {
|
|
|
20
38
|
className: "flex",
|
|
21
39
|
children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, {
|
|
22
40
|
"data-slot": "accordion-trigger",
|
|
23
|
-
className: cn(
|
|
41
|
+
className: cn(accordionTriggerStyles, className),
|
|
24
42
|
...props,
|
|
25
43
|
children: [
|
|
26
44
|
children,
|
|
27
45
|
/*#__PURE__*/ _jsx(ChevronDownIcon, {
|
|
28
|
-
className:
|
|
46
|
+
className: accordionChevronStyles
|
|
29
47
|
})
|
|
30
48
|
]
|
|
31
49
|
})
|
|
@@ -34,10 +52,10 @@ function AccordionTrigger({ className, children, ...props }) {
|
|
|
34
52
|
function AccordionContent({ className, children, ...props }) {
|
|
35
53
|
return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, {
|
|
36
54
|
"data-slot": "accordion-content",
|
|
37
|
-
className:
|
|
55
|
+
className: accordionContentStyles,
|
|
38
56
|
...props,
|
|
39
57
|
children: /*#__PURE__*/ _jsx("div", {
|
|
40
|
-
className: cn(
|
|
58
|
+
className: cn(accordionContentInnerStyles, className),
|
|
41
59
|
children: children
|
|
42
60
|
})
|
|
43
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Accordion({\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n\treturn <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Accordion item styles\nconst accordionItemStyles = cn(\n\t\"border-b\",\n\t\"border-border-primary\",\n\t\"last:border-b-0\",\n);\n\n// Accordion trigger styles\nconst accordionTriggerStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"flex-1\",\n\t\"items-start\",\n\t\"justify-between\",\n\t\"gap-4\",\n\t// Shape\n\t\"rounded-md\",\n\t// Spacing\n\t\"py-4\",\n\t// Typography\n\t\"text-left\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t// Interaction\n\t\"transition-all\",\n\t\"outline-none\",\n\t\"hover:underline\",\n\t// Focus\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t\"disabled:opacity-50\",\n\t// Icon rotation\n\t\"[&[data-state=open]>svg]:rotate-180\",\n);\n\n// Accordion content styles\nconst accordionContentStyles = cn(\n\t\"data-[state=closed]:animate-accordion-up\",\n\t\"data-[state=open]:animate-accordion-down\",\n\t\"overflow-hidden\",\n\t\"text-sm\",\n);\n\n// Accordion content inner styles\nconst accordionContentInnerStyles = cn(\"pt-0\", \"pb-4\");\n\n// Accordion chevron styles\nconst accordionChevronStyles = cn(\n\t\"text-text-secondary\",\n\t\"pointer-events-none\",\n\t\"size-4\",\n\t\"shrink-0\",\n\t\"translate-y-0.5\",\n\t\"transition-transform\",\n\t\"duration-200\",\n);\n\nfunction Accordion({\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n\treturn <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(accordionItemStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(accordionTriggerStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDownIcon className={accordionChevronStyles} />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nfunction AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName={accordionContentStyles}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(accordionContentInnerStyles, className)}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["AccordionPrimitive","ChevronDownIcon","cn","accordionItemStyles","accordionTriggerStyles","accordionContentStyles","accordionContentInnerStyles","accordionChevronStyles","Accordion","props","Root","data-slot","AccordionItem","className","Item","AccordionTrigger","children","Header","Trigger","AccordionContent","Content","div"],"mappings":";AAAA,YAAYA,wBAAwB,4BAA4B;AAChE,SAASC,eAAe,QAAQ,eAAe;AAG/C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,wBAAwB;AACxB,MAAMC,sBAAsBD,GAC3B,YACA,yBACA;AAGD,2BAA2B;AAC3B,MAAME,yBAAyBF,GAC9B,SAAS;AACT,QACA,UACA,eACA,mBACA,SACA,QAAQ;AACR,cACA,UAAU;AACV,QACA,aAAa;AACb,aACA,WACA,eACA,cAAc;AACd,kBACA,gBACA,mBACA,QAAQ;AACR,wBACA,sCACA,WAAW;AACX,gCACA,uBACA,gBAAgB;AAChB;AAGD,2BAA2B;AAC3B,MAAMG,yBAAyBH,GAC9B,4CACA,4CACA,mBACA;AAGD,iCAAiC;AACjC,MAAMI,8BAA8BJ,GAAG,QAAQ;AAE/C,2BAA2B;AAC3B,MAAMK,yBAAyBL,GAC9B,uBACA,uBACA,UACA,YACA,mBACA,wBACA;AAGD,SAASM,UAAU,EAClB,GAAGC,OACmD;IACtD,qBAAO,KAACT,mBAAmBU,IAAI;QAACC,aAAU;QAAa,GAAGF,KAAK;;AAChE;AAEA,SAASG,cAAc,EACtBC,SAAS,EACT,GAAGJ,OACmD;IACtD,qBACC,KAACT,mBAAmBc,IAAI;QACvBH,aAAU;QACVE,WAAWX,GAAGC,qBAAqBU;QAClC,GAAGJ,KAAK;;AAGZ;AAEA,SAASM,iBAAiB,EACzBF,SAAS,EACTG,QAAQ,EACR,GAAGP,OACsD;IACzD,qBACC,KAACT,mBAAmBiB,MAAM;QAACJ,WAAU;kBACpC,cAAA,MAACb,mBAAmBkB,OAAO;YAC1BP,aAAU;YACVE,WAAWX,GAAGE,wBAAwBS;YACrC,GAAGJ,KAAK;;gBAERO;8BACD,KAACf;oBAAgBY,WAAWN;;;;;AAIhC;AAEA,SAASY,iBAAiB,EACzBN,SAAS,EACTG,QAAQ,EACR,GAAGP,OACsD;IACzD,qBACC,KAACT,mBAAmBoB,OAAO;QAC1BT,aAAU;QACVE,WAAWR;QACV,GAAGI,KAAK;kBAET,cAAA,KAACY;YAAIR,WAAWX,GAAGI,6BAA6BO;sBAC9CG;;;AAIL;AAEA,SAASR,SAAS,EAAEI,aAAa,EAAEG,gBAAgB,EAAEI,gBAAgB,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AA8BpC,QAAA,MAAM,aAAa;;8EAgBjB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAevE;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAiB7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
|