@uipath/apollo-wind 0.10.0 → 0.11.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.
Files changed (187) hide show
  1. package/dist/components/custom/canvas-studio.cjs +133 -0
  2. package/dist/components/custom/canvas-studio.d.ts +99 -0
  3. package/dist/components/custom/canvas-studio.js +93 -0
  4. package/dist/components/custom/canvas.cjs +44 -0
  5. package/dist/components/custom/canvas.d.ts +14 -0
  6. package/dist/components/custom/canvas.js +10 -0
  7. package/dist/components/custom/chat-composer.cjs +105 -0
  8. package/dist/components/custom/chat-composer.d.ts +15 -0
  9. package/dist/components/custom/chat-composer.js +71 -0
  10. package/dist/components/custom/chat-first-experience.cjs +87 -0
  11. package/dist/components/custom/chat-first-experience.d.ts +24 -0
  12. package/dist/components/custom/chat-first-experience.js +53 -0
  13. package/dist/components/custom/chat-prompt-suggestions.cjs +49 -0
  14. package/dist/components/custom/chat-prompt-suggestions.d.ts +18 -0
  15. package/dist/components/custom/chat-prompt-suggestions.js +15 -0
  16. package/dist/components/custom/chat-steps-view.cjs +308 -0
  17. package/dist/components/custom/chat-steps-view.d.ts +38 -0
  18. package/dist/components/custom/chat-steps-view.js +274 -0
  19. package/dist/components/custom/flow-node.cjs +76 -0
  20. package/dist/components/custom/flow-node.d.ts +20 -0
  21. package/dist/components/custom/flow-node.js +42 -0
  22. package/dist/components/custom/flow-properties-bar.cjs +103 -0
  23. package/dist/components/custom/flow-properties-bar.d.ts +21 -0
  24. package/dist/components/custom/flow-properties-bar.js +69 -0
  25. package/dist/components/custom/flow-properties-expanded.cjs +328 -0
  26. package/dist/components/custom/flow-properties-expanded.d.ts +21 -0
  27. package/dist/components/custom/flow-properties-expanded.js +294 -0
  28. package/dist/components/custom/flow-properties-simple.cjs +364 -0
  29. package/dist/components/custom/flow-properties-simple.d.ts +62 -0
  30. package/dist/components/custom/flow-properties-simple.js +330 -0
  31. package/dist/components/custom/flow-properties.cjs +56 -0
  32. package/dist/components/custom/flow-properties.d.ts +28 -0
  33. package/dist/components/custom/flow-properties.js +22 -0
  34. package/dist/components/custom/global-header.cjs +422 -0
  35. package/dist/components/custom/global-header.d.ts +38 -0
  36. package/dist/components/custom/global-header.js +388 -0
  37. package/dist/components/custom/grid-maestro.cjs +62 -0
  38. package/dist/components/custom/grid-maestro.d.ts +19 -0
  39. package/dist/components/custom/grid-maestro.js +22 -0
  40. package/dist/components/custom/page-header.cjs +92 -0
  41. package/dist/components/custom/page-header.d.ts +43 -0
  42. package/dist/components/custom/page-header.js +58 -0
  43. package/dist/components/custom/panel-delegate.cjs +285 -0
  44. package/dist/components/custom/panel-delegate.d.ts +34 -0
  45. package/dist/components/custom/panel-delegate.js +251 -0
  46. package/dist/components/custom/panel-flow.cjs +262 -0
  47. package/dist/components/custom/panel-flow.d.ts +38 -0
  48. package/dist/components/custom/panel-flow.js +225 -0
  49. package/dist/components/custom/panel-maestro.cjs +74 -0
  50. package/dist/components/custom/panel-maestro.d.ts +30 -0
  51. package/dist/components/custom/panel-maestro.js +40 -0
  52. package/dist/components/custom/panel-studio.cjs +122 -0
  53. package/dist/components/custom/panel-studio.d.ts +48 -0
  54. package/dist/components/custom/panel-studio.js +85 -0
  55. package/dist/components/custom/toolbar-canvas.cjs +124 -0
  56. package/dist/components/custom/toolbar-canvas.d.ts +15 -0
  57. package/dist/components/custom/toolbar-canvas.js +90 -0
  58. package/dist/components/custom/toolbar-view.cjs +121 -0
  59. package/dist/components/custom/toolbar-view.d.ts +14 -0
  60. package/dist/components/custom/toolbar-view.js +87 -0
  61. package/dist/components/custom/viewport-guard.cjs +92 -0
  62. package/dist/components/custom/viewport-guard.d.ts +23 -0
  63. package/dist/components/custom/viewport-guard.js +55 -0
  64. package/dist/components/forms/field-renderer.cjs +3 -1
  65. package/dist/components/forms/field-renderer.js +3 -1
  66. package/dist/components/forms/form-designer.cjs +13 -2
  67. package/dist/components/forms/form-designer.js +13 -2
  68. package/dist/components/forms/rules-engine.d.ts +1 -1
  69. package/dist/components/ui/breadcrumb.cjs +1 -2
  70. package/dist/components/ui/breadcrumb.js +1 -2
  71. package/dist/components/ui/button-group.cjs +5 -3
  72. package/dist/components/ui/button-group.d.ts +2 -2
  73. package/dist/components/ui/button-group.js +5 -3
  74. package/dist/components/ui/button.cjs +3 -3
  75. package/dist/components/ui/button.js +3 -3
  76. package/dist/components/ui/chart.cjs +223 -0
  77. package/dist/components/ui/chart.d.ts +40 -0
  78. package/dist/components/ui/chart.js +174 -0
  79. package/dist/components/ui/code-block.cjs +234 -0
  80. package/dist/components/ui/code-block.d.ts +48 -0
  81. package/dist/components/ui/code-block.js +200 -0
  82. package/dist/components/ui/data-table.cjs +22 -4
  83. package/dist/components/ui/data-table.d.ts +5 -2
  84. package/dist/components/ui/data-table.js +23 -5
  85. package/dist/components/ui/editable-cell.cjs +3 -10
  86. package/dist/components/ui/editable-cell.js +3 -10
  87. package/dist/components/ui/empty-state.cjs +17 -6
  88. package/dist/components/ui/empty-state.d.ts +7 -0
  89. package/dist/components/ui/empty-state.js +17 -6
  90. package/dist/components/ui/file-upload.cjs +8 -0
  91. package/dist/components/ui/file-upload.js +8 -0
  92. package/dist/components/ui/index.cjs +287 -147
  93. package/dist/components/ui/index.d.ts +2 -3
  94. package/dist/components/ui/index.js +2 -3
  95. package/dist/components/ui/multi-select.cjs +3 -10
  96. package/dist/components/ui/multi-select.js +3 -10
  97. package/dist/components/ui/pagination.cjs +0 -1
  98. package/dist/components/ui/pagination.js +0 -1
  99. package/dist/components/ui/resizable.d.ts +1 -1
  100. package/dist/components/ui/tree-view.cjs +1117 -0
  101. package/dist/components/ui/tree-view.d.ts +95 -0
  102. package/dist/components/ui/tree-view.js +1083 -0
  103. package/dist/foundation/Future/colors.cjs +92 -0
  104. package/dist/foundation/Future/colors.d.ts +132 -0
  105. package/dist/foundation/Future/colors.js +43 -0
  106. package/dist/foundation/Future/radius.cjs +46 -0
  107. package/dist/foundation/Future/radius.d.ts +33 -0
  108. package/dist/foundation/Future/radius.js +12 -0
  109. package/dist/foundation/Future/responsive.cjs +49 -0
  110. package/dist/foundation/Future/responsive.d.ts +40 -0
  111. package/dist/foundation/Future/responsive.js +12 -0
  112. package/dist/foundation/Future/shadows.cjs +48 -0
  113. package/dist/foundation/Future/shadows.d.ts +29 -0
  114. package/dist/foundation/Future/shadows.js +11 -0
  115. package/dist/foundation/Future/spacing.cjs +71 -0
  116. package/dist/foundation/Future/spacing.d.ts +80 -0
  117. package/dist/foundation/Future/spacing.js +31 -0
  118. package/dist/foundation/Future/strokes.cjs +59 -0
  119. package/dist/foundation/Future/strokes.d.ts +49 -0
  120. package/dist/foundation/Future/strokes.js +19 -0
  121. package/dist/foundation/Future/types.cjs +18 -0
  122. package/dist/foundation/Future/types.d.ts +25 -0
  123. package/dist/foundation/Future/types.js +0 -0
  124. package/dist/foundation/Future/typography.cjs +79 -0
  125. package/dist/foundation/Future/typography.d.ts +86 -0
  126. package/dist/foundation/Future/typography.js +33 -0
  127. package/dist/index.cjs +131 -221
  128. package/dist/index.d.ts +4 -3
  129. package/dist/index.js +3 -4
  130. package/dist/src/foundation/Future/themes.css +279 -0
  131. package/dist/styles.css +1941 -605
  132. package/dist/tailwind.css +874 -87
  133. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  134. package/dist/templates/Admin/template-admin.d.ts +86 -0
  135. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  136. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  137. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  138. package/dist/templates/Flow/template-flow.d.ts +57 -0
  139. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  140. package/dist/templates/Studio/template-studio.d.ts +102 -0
  141. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  142. package/package.json +12 -1
  143. package/dist/components/ui/menubar.cjs +0 -210
  144. package/dist/components/ui/menubar.d.ts +0 -28
  145. package/dist/components/ui/menubar.js +0 -131
  146. package/dist/components/ui/navigation-menu.cjs +0 -122
  147. package/dist/components/ui/navigation-menu.d.ts +0 -12
  148. package/dist/components/ui/navigation-menu.js +0 -64
  149. package/dist/examples/admin-layout-example.cjs +0 -490
  150. package/dist/examples/admin-layout-example.d.ts +0 -92
  151. package/dist/examples/admin-layout-example.js +0 -411
  152. package/dist/examples/app-shell-example.cjs +0 -452
  153. package/dist/examples/app-shell-example.d.ts +0 -52
  154. package/dist/examples/app-shell-example.js +0 -418
  155. package/dist/examples/dashboard-example.cjs +0 -590
  156. package/dist/examples/dashboard-example.d.ts +0 -11
  157. package/dist/examples/dashboard-example.js +0 -556
  158. package/dist/examples/data-management-example.cjs +0 -584
  159. package/dist/examples/data-management-example.d.ts +0 -1
  160. package/dist/examples/data-management-example.js +0 -550
  161. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  162. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  163. package/dist/examples/flow-editor-layout-example.js +0 -269
  164. package/dist/examples/flow-start-example.cjs +0 -467
  165. package/dist/examples/flow-start-example.d.ts +0 -30
  166. package/dist/examples/flow-start-example.js +0 -433
  167. package/dist/examples/form-builder-example.cjs +0 -674
  168. package/dist/examples/form-builder-example.js +0 -640
  169. package/dist/examples/new-project-example.cjs +0 -550
  170. package/dist/examples/new-project-example.d.ts +0 -30
  171. package/dist/examples/new-project-example.js +0 -516
  172. package/dist/examples/settings-example.cjs +0 -864
  173. package/dist/examples/settings-example.d.ts +0 -1
  174. package/dist/examples/settings-example.js +0 -830
  175. package/dist/examples/vscode-example.cjs +0 -340
  176. package/dist/examples/vscode-example.d.ts +0 -80
  177. package/dist/examples/vscode-example.js +0 -270
  178. package/dist/templates/admin-layout-example.d.ts +0 -92
  179. package/dist/templates/app-shell-example.d.ts +0 -52
  180. package/dist/templates/dashboard-example.d.ts +0 -11
  181. package/dist/templates/data-management-example.d.ts +0 -1
  182. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  183. package/dist/templates/flow-start-example.d.ts +0 -30
  184. package/dist/templates/form-builder-example.d.ts +0 -1
  185. package/dist/templates/new-project-example.d.ts +0 -30
  186. package/dist/templates/settings-example.d.ts +0 -1
  187. /package/dist/{examples → templates/Forms}/form-builder-example.d.ts +0 -0
@@ -1,340 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (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 = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- ShellActivityBarItem: ()=>ShellActivityBarItem,
28
- ShellStatusBar: ()=>ShellStatusBar,
29
- ShellTabBar: ()=>ShellTabBar,
30
- Shell: ()=>Shell,
31
- ShellFileTree: ()=>ShellFileTree,
32
- ShellActivityBar: ()=>ShellActivityBar,
33
- ShellContent: ()=>ShellContent,
34
- ShellSidebarHeader: ()=>ShellSidebarHeader,
35
- ShellMain: ()=>ShellMain,
36
- ShellPane: ()=>ShellPane,
37
- ShellSidebar: ()=>ShellSidebar,
38
- ShellTitleBar: ()=>ShellTitleBar,
39
- ShellPanel: ()=>ShellPanel
40
- });
41
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
42
- const external_react_namespaceObject = require("react");
43
- const index_cjs_namespaceObject = require("../lib/index.cjs");
44
- const external_lucide_react_namespaceObject = require("lucide-react");
45
- const button_cjs_namespaceObject = require("../components/ui/button.cjs");
46
- const scroll_area_cjs_namespaceObject = require("../components/ui/scroll-area.cjs");
47
- const layout_index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
48
- function Shell({ className, children, ...props }) {
49
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
50
- overflow: "hidden",
51
- className: (0, index_cjs_namespaceObject.cn)('h-[600px] w-full rounded-lg border bg-background', className),
52
- ...props,
53
- children: children
54
- });
55
- }
56
- function ShellTitleBar({ className, title, children, ...props }) {
57
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
58
- h: 9,
59
- justify: "between",
60
- align: "center",
61
- className: (0, index_cjs_namespaceObject.cn)('border-b bg-muted/50 px-3', className),
62
- ...props,
63
- children: [
64
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
65
- gap: 2,
66
- align: "center",
67
- children: [
68
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
69
- gap: 1.5,
70
- children: [
71
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
72
- className: "h-3 w-3 rounded-full bg-red-500"
73
- }),
74
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
75
- className: "h-3 w-3 rounded-full bg-yellow-500"
76
- }),
77
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
78
- className: "h-3 w-3 rounded-full bg-green-500"
79
- })
80
- ]
81
- }),
82
- title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
83
- className: "ml-3 text-xs text-muted-foreground",
84
- children: title
85
- })
86
- ]
87
- }),
88
- children
89
- ]
90
- });
91
- }
92
- function ShellContent({ className, children, ...props }) {
93
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
94
- flex: 1,
95
- overflow: "hidden",
96
- className: className,
97
- ...props,
98
- children: children
99
- });
100
- }
101
- function ShellSidebar({ className, children, collapsed = false, onCollapsedChange, width = 240, ...props }) {
102
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
103
- className: (0, index_cjs_namespaceObject.cn)('border-r bg-muted/30 transition-all duration-200', collapsed ? 'w-0 overflow-hidden' : '', className),
104
- style: {
105
- width: collapsed ? 0 : width
106
- },
107
- ...props,
108
- children: children
109
- });
110
- }
111
- function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }) {
112
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
113
- h: 8,
114
- justify: "between",
115
- align: "center",
116
- className: (0, index_cjs_namespaceObject.cn)('px-3 text-xs font-medium uppercase text-muted-foreground', className),
117
- ...props,
118
- children: [
119
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
120
- children: title
121
- }),
122
- onCollapsedChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
123
- variant: "ghost",
124
- size: "icon",
125
- className: "h-5 w-5",
126
- onClick: ()=>onCollapsedChange(!collapsed),
127
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.PanelLeftClose, {
128
- className: "h-3.5 w-3.5"
129
- })
130
- })
131
- ]
132
- });
133
- }
134
- function ShellFileTree({ items, selectedFile, onSelectFile }) {
135
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
136
- className: "flex-1",
137
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
138
- className: "p-2",
139
- children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FileTreeNode, {
140
- item: item,
141
- depth: 0,
142
- selectedFile: selectedFile,
143
- onSelectFile: onSelectFile
144
- }, item.name))
145
- })
146
- });
147
- }
148
- function FileTreeNode({ item, depth, selectedFile, onSelectFile }) {
149
- const [expanded, setExpanded] = external_react_namespaceObject.useState(true);
150
- const isFolder = 'folder' === item.type;
151
- const isSelected = selectedFile === item.name;
152
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
153
- children: [
154
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
155
- gap: 1,
156
- align: "center",
157
- className: (0, index_cjs_namespaceObject.cn)('cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted', isSelected && 'bg-primary/10 text-primary'),
158
- style: {
159
- paddingLeft: 12 * depth + 8
160
- },
161
- onClick: ()=>{
162
- if (isFolder) setExpanded(!expanded);
163
- else onSelectFile?.(item.name);
164
- },
165
- children: [
166
- isFolder ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
167
- children: [
168
- expanded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
169
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
170
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
171
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
172
- }),
173
- expanded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FolderOpen, {
174
- className: "h-4 w-4 shrink-0 text-yellow-600"
175
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Folder, {
176
- className: "h-4 w-4 shrink-0 text-yellow-600"
177
- })
178
- ]
179
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
180
- children: [
181
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
182
- className: "w-3.5"
183
- }),
184
- item.icon || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.File, {
185
- className: "h-4 w-4 shrink-0 text-muted-foreground"
186
- })
187
- ]
188
- }),
189
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
190
- className: "truncate",
191
- children: item.name
192
- })
193
- ]
194
- }),
195
- isFolder && expanded && item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
196
- children: item.children.map((child)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FileTreeNode, {
197
- item: child,
198
- depth: depth + 1,
199
- selectedFile: selectedFile,
200
- onSelectFile: onSelectFile
201
- }, child.name))
202
- })
203
- ]
204
- });
205
- }
206
- function ShellMain({ className, children, ...props }) {
207
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
208
- flex: 1,
209
- overflow: "hidden",
210
- className: className,
211
- ...props,
212
- children: children
213
- });
214
- }
215
- function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }) {
216
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
217
- h: 9,
218
- align: "center",
219
- className: "border-b bg-muted/30",
220
- children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
221
- gap: 2,
222
- align: "center",
223
- className: (0, index_cjs_namespaceObject.cn)('group h-full cursor-pointer border-r px-3 text-sm', activeTab === tab.id ? 'bg-background text-foreground' : 'text-muted-foreground hover:bg-muted/50'),
224
- onClick: ()=>onTabChange?.(tab.id),
225
- children: [
226
- tab.icon,
227
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
228
- className: "max-w-[120px] truncate",
229
- children: tab.title
230
- }),
231
- onTabClose && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
232
- variant: "ghost",
233
- size: "icon",
234
- className: "h-4 w-4 opacity-0 group-hover:opacity-100",
235
- onClick: (e)=>{
236
- e.stopPropagation();
237
- onTabClose(tab.id);
238
- },
239
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
240
- className: "h-3 w-3"
241
- })
242
- })
243
- ]
244
- }, tab.id))
245
- });
246
- }
247
- function ShellPane({ className, children }) {
248
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
249
- className: (0, index_cjs_namespaceObject.cn)('flex-1', className),
250
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
251
- className: "p-4",
252
- children: children
253
- })
254
- });
255
- }
256
- function ShellStatusBar({ className, children, ...props }) {
257
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
258
- h: 6,
259
- justify: "between",
260
- align: "center",
261
- className: (0, index_cjs_namespaceObject.cn)('border-t bg-primary px-2 text-xs text-primary-foreground', className),
262
- ...props,
263
- children: children
264
- });
265
- }
266
- function ShellActivityBar({ className, children, ...props }) {
267
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
268
- w: 12,
269
- gap: 2,
270
- align: "center",
271
- className: (0, index_cjs_namespaceObject.cn)('border-r bg-muted/50 py-2', className),
272
- ...props,
273
- children: children
274
- });
275
- }
276
- function ShellActivityBarItem({ icon, active, onClick, tooltip }) {
277
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
278
- variant: "ghost",
279
- size: "icon",
280
- className: (0, index_cjs_namespaceObject.cn)('h-10 w-10 rounded-none border-l-2 border-transparent', active && 'border-primary bg-muted'),
281
- onClick: onClick,
282
- title: tooltip,
283
- children: icon
284
- });
285
- }
286
- function ShellPanel({ className, title, height = 200, children, ...props }) {
287
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
288
- className: (0, index_cjs_namespaceObject.cn)('border-t', className),
289
- style: {
290
- height
291
- },
292
- ...props,
293
- children: [
294
- title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
295
- h: 8,
296
- align: "center",
297
- className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
298
- children: title
299
- }),
300
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
301
- className: "h-full",
302
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
303
- className: "p-2 font-mono text-sm",
304
- children: children
305
- })
306
- })
307
- ]
308
- });
309
- }
310
- exports.Shell = __webpack_exports__.Shell;
311
- exports.ShellActivityBar = __webpack_exports__.ShellActivityBar;
312
- exports.ShellActivityBarItem = __webpack_exports__.ShellActivityBarItem;
313
- exports.ShellContent = __webpack_exports__.ShellContent;
314
- exports.ShellFileTree = __webpack_exports__.ShellFileTree;
315
- exports.ShellMain = __webpack_exports__.ShellMain;
316
- exports.ShellPane = __webpack_exports__.ShellPane;
317
- exports.ShellPanel = __webpack_exports__.ShellPanel;
318
- exports.ShellSidebar = __webpack_exports__.ShellSidebar;
319
- exports.ShellSidebarHeader = __webpack_exports__.ShellSidebarHeader;
320
- exports.ShellStatusBar = __webpack_exports__.ShellStatusBar;
321
- exports.ShellTabBar = __webpack_exports__.ShellTabBar;
322
- exports.ShellTitleBar = __webpack_exports__.ShellTitleBar;
323
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
324
- "Shell",
325
- "ShellActivityBar",
326
- "ShellActivityBarItem",
327
- "ShellContent",
328
- "ShellFileTree",
329
- "ShellMain",
330
- "ShellPane",
331
- "ShellPanel",
332
- "ShellSidebar",
333
- "ShellSidebarHeader",
334
- "ShellStatusBar",
335
- "ShellTabBar",
336
- "ShellTitleBar"
337
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
338
- Object.defineProperty(exports, '__esModule', {
339
- value: true
340
- });
@@ -1,80 +0,0 @@
1
- import * as React from 'react';
2
- interface ShellProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
4
- }
5
- export declare function Shell({ className, children, ...props }: ShellProps): import("react/jsx-runtime").JSX.Element;
6
- interface ShellTitleBarProps extends React.HTMLAttributes<HTMLDivElement> {
7
- title?: string;
8
- }
9
- export declare function ShellTitleBar({ className, title, children, ...props }: ShellTitleBarProps): import("react/jsx-runtime").JSX.Element;
10
- interface ShellContentProps extends React.HTMLAttributes<HTMLDivElement> {
11
- children: React.ReactNode;
12
- }
13
- export declare function ShellContent({ className, children, ...props }: ShellContentProps): import("react/jsx-runtime").JSX.Element;
14
- interface ShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
15
- collapsed?: boolean;
16
- onCollapsedChange?: (collapsed: boolean) => void;
17
- width?: number;
18
- }
19
- export declare function ShellSidebar({ className, children, collapsed, onCollapsedChange, width, ...props }: ShellSidebarProps): import("react/jsx-runtime").JSX.Element;
20
- interface ShellSidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
21
- title: string;
22
- collapsed?: boolean;
23
- onCollapsedChange?: (collapsed: boolean) => void;
24
- }
25
- export declare function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }: ShellSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
26
- interface FileTreeItem {
27
- name: string;
28
- type: 'file' | 'folder';
29
- children?: FileTreeItem[];
30
- icon?: React.ReactNode;
31
- }
32
- interface ShellFileTreeProps {
33
- items: FileTreeItem[];
34
- selectedFile?: string;
35
- onSelectFile?: (name: string) => void;
36
- }
37
- export declare function ShellFileTree({ items, selectedFile, onSelectFile }: ShellFileTreeProps): import("react/jsx-runtime").JSX.Element;
38
- interface ShellMainProps extends React.HTMLAttributes<HTMLDivElement> {
39
- children: React.ReactNode;
40
- }
41
- export declare function ShellMain({ className, children, ...props }: ShellMainProps): import("react/jsx-runtime").JSX.Element;
42
- interface ShellTab {
43
- id: string;
44
- title: string;
45
- icon?: React.ReactNode;
46
- }
47
- interface ShellTabBarProps {
48
- tabs: ShellTab[];
49
- activeTab?: string;
50
- onTabChange?: (id: string) => void;
51
- onTabClose?: (id: string) => void;
52
- }
53
- export declare function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }: ShellTabBarProps): import("react/jsx-runtime").JSX.Element;
54
- interface ShellPaneProps {
55
- children: React.ReactNode;
56
- className?: string;
57
- }
58
- export declare function ShellPane({ className, children }: ShellPaneProps): import("react/jsx-runtime").JSX.Element;
59
- interface ShellStatusBarProps extends React.HTMLAttributes<HTMLDivElement> {
60
- children?: React.ReactNode;
61
- }
62
- export declare function ShellStatusBar({ className, children, ...props }: ShellStatusBarProps): import("react/jsx-runtime").JSX.Element;
63
- interface ShellActivityBarProps extends React.HTMLAttributes<HTMLDivElement> {
64
- children: React.ReactNode;
65
- }
66
- export declare function ShellActivityBar({ className, children, ...props }: ShellActivityBarProps): import("react/jsx-runtime").JSX.Element;
67
- interface ShellActivityBarItemProps {
68
- icon: React.ReactNode;
69
- active?: boolean;
70
- onClick?: () => void;
71
- tooltip?: string;
72
- }
73
- export declare function ShellActivityBarItem({ icon, active, onClick, tooltip, }: ShellActivityBarItemProps): import("react/jsx-runtime").JSX.Element;
74
- interface ShellPanelProps extends React.HTMLAttributes<HTMLDivElement> {
75
- title?: string;
76
- height?: number;
77
- children: React.ReactNode;
78
- }
79
- export declare function ShellPanel({ className, title, height, children, ...props }: ShellPanelProps): import("react/jsx-runtime").JSX.Element;
80
- export {};
@@ -1,270 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { cn } from "../lib/index.js";
4
- import { ChevronDown, ChevronRight, File, Folder, FolderOpen, PanelLeftClose, X } from "lucide-react";
5
- import { Button } from "../components/ui/button.js";
6
- import { ScrollArea } from "../components/ui/scroll-area.js";
7
- import { Column, Row } from "../components/ui/layout/index.js";
8
- function Shell({ className, children, ...props }) {
9
- return /*#__PURE__*/ jsx(Column, {
10
- overflow: "hidden",
11
- className: cn('h-[600px] w-full rounded-lg border bg-background', className),
12
- ...props,
13
- children: children
14
- });
15
- }
16
- function ShellTitleBar({ className, title, children, ...props }) {
17
- return /*#__PURE__*/ jsxs(Row, {
18
- h: 9,
19
- justify: "between",
20
- align: "center",
21
- className: cn('border-b bg-muted/50 px-3', className),
22
- ...props,
23
- children: [
24
- /*#__PURE__*/ jsxs(Row, {
25
- gap: 2,
26
- align: "center",
27
- children: [
28
- /*#__PURE__*/ jsxs(Row, {
29
- gap: 1.5,
30
- children: [
31
- /*#__PURE__*/ jsx("div", {
32
- className: "h-3 w-3 rounded-full bg-red-500"
33
- }),
34
- /*#__PURE__*/ jsx("div", {
35
- className: "h-3 w-3 rounded-full bg-yellow-500"
36
- }),
37
- /*#__PURE__*/ jsx("div", {
38
- className: "h-3 w-3 rounded-full bg-green-500"
39
- })
40
- ]
41
- }),
42
- title && /*#__PURE__*/ jsx("span", {
43
- className: "ml-3 text-xs text-muted-foreground",
44
- children: title
45
- })
46
- ]
47
- }),
48
- children
49
- ]
50
- });
51
- }
52
- function ShellContent({ className, children, ...props }) {
53
- return /*#__PURE__*/ jsx(Row, {
54
- flex: 1,
55
- overflow: "hidden",
56
- className: className,
57
- ...props,
58
- children: children
59
- });
60
- }
61
- function ShellSidebar({ className, children, collapsed = false, onCollapsedChange, width = 240, ...props }) {
62
- return /*#__PURE__*/ jsx(Column, {
63
- className: cn('border-r bg-muted/30 transition-all duration-200', collapsed ? 'w-0 overflow-hidden' : '', className),
64
- style: {
65
- width: collapsed ? 0 : width
66
- },
67
- ...props,
68
- children: children
69
- });
70
- }
71
- function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }) {
72
- return /*#__PURE__*/ jsxs(Row, {
73
- h: 8,
74
- justify: "between",
75
- align: "center",
76
- className: cn('px-3 text-xs font-medium uppercase text-muted-foreground', className),
77
- ...props,
78
- children: [
79
- /*#__PURE__*/ jsx("span", {
80
- children: title
81
- }),
82
- onCollapsedChange && /*#__PURE__*/ jsx(Button, {
83
- variant: "ghost",
84
- size: "icon",
85
- className: "h-5 w-5",
86
- onClick: ()=>onCollapsedChange(!collapsed),
87
- children: /*#__PURE__*/ jsx(PanelLeftClose, {
88
- className: "h-3.5 w-3.5"
89
- })
90
- })
91
- ]
92
- });
93
- }
94
- function ShellFileTree({ items, selectedFile, onSelectFile }) {
95
- return /*#__PURE__*/ jsx(ScrollArea, {
96
- className: "flex-1",
97
- children: /*#__PURE__*/ jsx("div", {
98
- className: "p-2",
99
- children: items.map((item)=>/*#__PURE__*/ jsx(FileTreeNode, {
100
- item: item,
101
- depth: 0,
102
- selectedFile: selectedFile,
103
- onSelectFile: onSelectFile
104
- }, item.name))
105
- })
106
- });
107
- }
108
- function FileTreeNode({ item, depth, selectedFile, onSelectFile }) {
109
- const [expanded, setExpanded] = useState(true);
110
- const isFolder = 'folder' === item.type;
111
- const isSelected = selectedFile === item.name;
112
- return /*#__PURE__*/ jsxs("div", {
113
- children: [
114
- /*#__PURE__*/ jsxs(Row, {
115
- gap: 1,
116
- align: "center",
117
- className: cn('cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted', isSelected && 'bg-primary/10 text-primary'),
118
- style: {
119
- paddingLeft: 12 * depth + 8
120
- },
121
- onClick: ()=>{
122
- if (isFolder) setExpanded(!expanded);
123
- else onSelectFile?.(item.name);
124
- },
125
- children: [
126
- isFolder ? /*#__PURE__*/ jsxs(Fragment, {
127
- children: [
128
- expanded ? /*#__PURE__*/ jsx(ChevronDown, {
129
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
130
- }) : /*#__PURE__*/ jsx(ChevronRight, {
131
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
132
- }),
133
- expanded ? /*#__PURE__*/ jsx(FolderOpen, {
134
- className: "h-4 w-4 shrink-0 text-yellow-600"
135
- }) : /*#__PURE__*/ jsx(Folder, {
136
- className: "h-4 w-4 shrink-0 text-yellow-600"
137
- })
138
- ]
139
- }) : /*#__PURE__*/ jsxs(Fragment, {
140
- children: [
141
- /*#__PURE__*/ jsx("span", {
142
- className: "w-3.5"
143
- }),
144
- item.icon || /*#__PURE__*/ jsx(File, {
145
- className: "h-4 w-4 shrink-0 text-muted-foreground"
146
- })
147
- ]
148
- }),
149
- /*#__PURE__*/ jsx("span", {
150
- className: "truncate",
151
- children: item.name
152
- })
153
- ]
154
- }),
155
- isFolder && expanded && item.children && /*#__PURE__*/ jsx("div", {
156
- children: item.children.map((child)=>/*#__PURE__*/ jsx(FileTreeNode, {
157
- item: child,
158
- depth: depth + 1,
159
- selectedFile: selectedFile,
160
- onSelectFile: onSelectFile
161
- }, child.name))
162
- })
163
- ]
164
- });
165
- }
166
- function ShellMain({ className, children, ...props }) {
167
- return /*#__PURE__*/ jsx(Column, {
168
- flex: 1,
169
- overflow: "hidden",
170
- className: className,
171
- ...props,
172
- children: children
173
- });
174
- }
175
- function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }) {
176
- return /*#__PURE__*/ jsx(Row, {
177
- h: 9,
178
- align: "center",
179
- className: "border-b bg-muted/30",
180
- children: tabs.map((tab)=>/*#__PURE__*/ jsxs(Row, {
181
- gap: 2,
182
- align: "center",
183
- className: cn('group h-full cursor-pointer border-r px-3 text-sm', activeTab === tab.id ? 'bg-background text-foreground' : 'text-muted-foreground hover:bg-muted/50'),
184
- onClick: ()=>onTabChange?.(tab.id),
185
- children: [
186
- tab.icon,
187
- /*#__PURE__*/ jsx("span", {
188
- className: "max-w-[120px] truncate",
189
- children: tab.title
190
- }),
191
- onTabClose && /*#__PURE__*/ jsx(Button, {
192
- variant: "ghost",
193
- size: "icon",
194
- className: "h-4 w-4 opacity-0 group-hover:opacity-100",
195
- onClick: (e)=>{
196
- e.stopPropagation();
197
- onTabClose(tab.id);
198
- },
199
- children: /*#__PURE__*/ jsx(X, {
200
- className: "h-3 w-3"
201
- })
202
- })
203
- ]
204
- }, tab.id))
205
- });
206
- }
207
- function ShellPane({ className, children }) {
208
- return /*#__PURE__*/ jsx(ScrollArea, {
209
- className: cn('flex-1', className),
210
- children: /*#__PURE__*/ jsx("div", {
211
- className: "p-4",
212
- children: children
213
- })
214
- });
215
- }
216
- function ShellStatusBar({ className, children, ...props }) {
217
- return /*#__PURE__*/ jsx(Row, {
218
- h: 6,
219
- justify: "between",
220
- align: "center",
221
- className: cn('border-t bg-primary px-2 text-xs text-primary-foreground', className),
222
- ...props,
223
- children: children
224
- });
225
- }
226
- function ShellActivityBar({ className, children, ...props }) {
227
- return /*#__PURE__*/ jsx(Column, {
228
- w: 12,
229
- gap: 2,
230
- align: "center",
231
- className: cn('border-r bg-muted/50 py-2', className),
232
- ...props,
233
- children: children
234
- });
235
- }
236
- function ShellActivityBarItem({ icon, active, onClick, tooltip }) {
237
- return /*#__PURE__*/ jsx(Button, {
238
- variant: "ghost",
239
- size: "icon",
240
- className: cn('h-10 w-10 rounded-none border-l-2 border-transparent', active && 'border-primary bg-muted'),
241
- onClick: onClick,
242
- title: tooltip,
243
- children: icon
244
- });
245
- }
246
- function ShellPanel({ className, title, height = 200, children, ...props }) {
247
- return /*#__PURE__*/ jsxs("div", {
248
- className: cn('border-t', className),
249
- style: {
250
- height
251
- },
252
- ...props,
253
- children: [
254
- title && /*#__PURE__*/ jsx(Row, {
255
- h: 8,
256
- align: "center",
257
- className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
258
- children: title
259
- }),
260
- /*#__PURE__*/ jsx(ScrollArea, {
261
- className: "h-full",
262
- children: /*#__PURE__*/ jsx("div", {
263
- className: "p-2 font-mono text-sm",
264
- children: children
265
- })
266
- })
267
- ]
268
- });
269
- }
270
- export { Shell, ShellActivityBar, ShellActivityBarItem, ShellContent, ShellFileTree, ShellMain, ShellPane, ShellPanel, ShellSidebar, ShellSidebarHeader, ShellStatusBar, ShellTabBar, ShellTitleBar };