@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
package/dist/examples/form-builder-example.cjs DELETED
@@ -1,674 +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
- FormBuilderExample: ()=>FormBuilderExample
28
- });
29
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
- const external_react_namespaceObject = require("react");
31
- const button_cjs_namespaceObject = require("../components/ui/button.cjs");
32
- const card_cjs_namespaceObject = require("../components/ui/card.cjs");
33
- const checkbox_cjs_namespaceObject = require("../components/ui/checkbox.cjs");
34
- const input_cjs_namespaceObject = require("../components/ui/input.cjs");
35
- const label_cjs_namespaceObject = require("../components/ui/label.cjs");
36
- const radio_group_cjs_namespaceObject = require("../components/ui/radio-group.cjs");
37
- const resizable_cjs_namespaceObject = require("../components/ui/resizable.cjs");
38
- const scroll_area_cjs_namespaceObject = require("../components/ui/scroll-area.cjs");
39
- const select_cjs_namespaceObject = require("../components/ui/select.cjs");
40
- const slider_cjs_namespaceObject = require("../components/ui/slider.cjs");
41
- const switch_cjs_namespaceObject = require("../components/ui/switch.cjs");
42
- const tabs_cjs_namespaceObject = require("../components/ui/tabs.cjs");
43
- const textarea_cjs_namespaceObject = require("../components/ui/textarea.cjs");
44
- const index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
45
- function FormBuilderExample() {
46
- const [formData, setFormData] = external_react_namespaceObject.useState({
47
- firstName: '',
48
- lastName: '',
49
- email: '',
50
- phone: '',
51
- bio: '',
52
- theme: 'system',
53
- language: 'en',
54
- notifications: true,
55
- newsletter: false,
56
- visibility: 'public',
57
- experience: 5,
58
- interests: [],
59
- customJson: '{}'
60
- });
61
- const updateField = (field, value)=>{
62
- setFormData((prev)=>({
63
- ...prev,
64
- [field]: value
65
- }));
66
- };
67
- const handleReset = ()=>{
68
- setFormData({
69
- firstName: '',
70
- lastName: '',
71
- email: '',
72
- phone: '',
73
- bio: '',
74
- theme: 'system',
75
- language: 'en',
76
- notifications: true,
77
- newsletter: false,
78
- visibility: 'public',
79
- experience: 5,
80
- interests: [],
81
- customJson: '{}'
82
- });
83
- };
84
- const handleSubmit = (e)=>{
85
- e.preventDefault();
86
- alert('Form submitted! Check the JSON preview.');
87
- };
88
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
89
- h: "screen",
90
- w: "full",
91
- className: "bg-background",
92
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(resizable_cjs_namespaceObject.ResizablePanelGroup, {
93
- direction: "horizontal",
94
- children: [
95
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(resizable_cjs_namespaceObject.ResizablePanel, {
96
- defaultSize: 50,
97
- minSize: 30,
98
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
99
- className: "h-screen",
100
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
101
- className: "p-6",
102
- children: [
103
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
104
- className: "mb-6",
105
- children: [
106
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
107
- className: "text-3xl font-bold tracking-tight",
108
- children: "Form Builder"
109
- }),
110
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
111
- className: "text-muted-foreground",
112
- children: "A powerful example showcasing forms, tabs, and live JSON preview"
113
- })
114
- ]
115
- }),
116
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("form", {
117
- onSubmit: handleSubmit,
118
- className: "space-y-6",
119
- children: [
120
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
121
- defaultValue: "personal",
122
- className: "w-full",
123
- children: [
124
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
125
- className: "grid w-full grid-cols-4",
126
- children: [
127
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
128
- value: "personal",
129
- children: "Personal"
130
- }),
131
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
132
- value: "preferences",
133
- children: "Preferences"
134
- }),
135
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
136
- value: "settings",
137
- children: "Settings"
138
- }),
139
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
140
- value: "advanced",
141
- children: "Advanced"
142
- })
143
- ]
144
- }),
145
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
146
- value: "personal",
147
- className: "space-y-4",
148
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
149
- children: [
150
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
151
- children: [
152
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
153
- children: "Personal Information"
154
- }),
155
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
156
- children: "Enter your personal details below"
157
- })
158
- ]
159
- }),
160
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
161
- className: "space-y-4",
162
- children: [
163
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
164
- gap: 4,
165
- cols: 2,
166
- className: "md:grid-cols-2",
167
- children: [
168
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
169
- gap: 2,
170
- children: [
171
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
172
- htmlFor: "firstName",
173
- children: "First Name"
174
- }),
175
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
176
- id: "firstName",
177
- placeholder: "John",
178
- value: formData.firstName,
179
- onChange: (e)=>updateField('firstName', e.target.value)
180
- })
181
- ]
182
- }),
183
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
184
- gap: 2,
185
- children: [
186
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
187
- htmlFor: "lastName",
188
- children: "Last Name"
189
- }),
190
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
191
- id: "lastName",
192
- placeholder: "Doe",
193
- value: formData.lastName,
194
- onChange: (e)=>updateField('lastName', e.target.value)
195
- })
196
- ]
197
- })
198
- ]
199
- }),
200
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
201
- gap: 2,
202
- children: [
203
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
204
- htmlFor: "email",
205
- children: "Email"
206
- }),
207
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
208
- id: "email",
209
- type: "email",
210
- placeholder: "john.doe@example.com",
211
- value: formData.email,
212
- onChange: (e)=>updateField('email', e.target.value)
213
- })
214
- ]
215
- }),
216
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
217
- gap: 2,
218
- children: [
219
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
220
- htmlFor: "phone",
221
- children: "Phone Number"
222
- }),
223
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
224
- id: "phone",
225
- type: "tel",
226
- placeholder: "+1 (555) 000-0000",
227
- value: formData.phone,
228
- onChange: (e)=>updateField('phone', e.target.value)
229
- })
230
- ]
231
- }),
232
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
233
- gap: 2,
234
- children: [
235
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
236
- htmlFor: "bio",
237
- children: "Bio"
238
- }),
239
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(textarea_cjs_namespaceObject.Textarea, {
240
- id: "bio",
241
- placeholder: "Tell us about yourself...",
242
- rows: 4,
243
- value: formData.bio,
244
- onChange: (e)=>updateField('bio', e.target.value)
245
- })
246
- ]
247
- })
248
- ]
249
- })
250
- ]
251
- })
252
- }),
253
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
254
- value: "preferences",
255
- className: "space-y-4",
256
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
257
- children: [
258
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
259
- children: [
260
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
261
- children: "Preferences"
262
- }),
263
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
264
- children: "Customize your experience"
265
- })
266
- ]
267
- }),
268
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
269
- className: "space-y-6",
270
- children: [
271
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
272
- gap: 2,
273
- children: [
274
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
275
- htmlFor: "theme",
276
- children: "Theme"
277
- }),
278
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
279
- value: formData.theme,
280
- onValueChange: (value)=>updateField('theme', value),
281
- children: [
282
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
283
- id: "theme",
284
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
285
- placeholder: "Select a theme"
286
- })
287
- }),
288
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
289
- children: [
290
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
291
- value: "light",
292
- children: "Light"
293
- }),
294
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
295
- value: "dark",
296
- children: "Dark"
297
- }),
298
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
299
- value: "system",
300
- children: "System"
301
- })
302
- ]
303
- })
304
- ]
305
- })
306
- ]
307
- }),
308
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
309
- gap: 2,
310
- children: [
311
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
312
- htmlFor: "language",
313
- children: "Language"
314
- }),
315
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
316
- value: formData.language,
317
- onValueChange: (value)=>updateField('language', value),
318
- children: [
319
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
320
- id: "language",
321
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
322
- placeholder: "Select a language"
323
- })
324
- }),
325
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
326
- children: [
327
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
328
- value: "en",
329
- children: "English"
330
- }),
331
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
332
- value: "es",
333
- children: "Spanish"
334
- }),
335
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
336
- value: "fr",
337
- children: "French"
338
- }),
339
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
340
- value: "de",
341
- children: "German"
342
- }),
343
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
344
- value: "ja",
345
- children: "Japanese"
346
- })
347
- ]
348
- })
349
- ]
350
- })
351
- ]
352
- }),
353
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
354
- justify: "between",
355
- align: "center",
356
- children: [
357
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
358
- gap: 0.5,
359
- children: [
360
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
361
- htmlFor: "notifications",
362
- children: "Notifications"
363
- }),
364
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
365
- className: "text-sm text-muted-foreground",
366
- children: "Receive notifications about your account"
367
- })
368
- ]
369
- }),
370
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Switch, {
371
- id: "notifications",
372
- checked: formData.notifications,
373
- onCheckedChange: (checked)=>updateField('notifications', checked)
374
- })
375
- ]
376
- }),
377
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
378
- gap: 2,
379
- align: "center",
380
- children: [
381
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
382
- id: "newsletter",
383
- checked: formData.newsletter,
384
- onCheckedChange: (checked)=>updateField('newsletter', !!checked)
385
- }),
386
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
387
- htmlFor: "newsletter",
388
- className: "text-sm font-normal leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
389
- children: "Subscribe to newsletter"
390
- })
391
- ]
392
- })
393
- ]
394
- })
395
- ]
396
- })
397
- }),
398
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
399
- value: "settings",
400
- className: "space-y-4",
401
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
402
- children: [
403
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
404
- children: [
405
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
406
- children: "Settings"
407
- }),
408
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
409
- children: "Configure your account settings"
410
- })
411
- ]
412
- }),
413
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
414
- className: "space-y-6",
415
- children: [
416
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
417
- gap: 3,
418
- children: [
419
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
420
- children: "Profile Visibility"
421
- }),
422
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(radio_group_cjs_namespaceObject.RadioGroup, {
423
- value: formData.visibility,
424
- onValueChange: (value)=>updateField('visibility', value),
425
- children: [
426
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
427
- gap: 2,
428
- align: "center",
429
- children: [
430
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_group_cjs_namespaceObject.RadioGroupItem, {
431
- value: "public",
432
- id: "public"
433
- }),
434
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
435
- htmlFor: "public",
436
- className: "font-normal",
437
- children: "Public - Anyone can see your profile"
438
- })
439
- ]
440
- }),
441
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
442
- gap: 2,
443
- align: "center",
444
- children: [
445
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_group_cjs_namespaceObject.RadioGroupItem, {
446
- value: "private",
447
- id: "private"
448
- }),
449
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
450
- htmlFor: "private",
451
- className: "font-normal",
452
- children: "Private - Only you can see your profile"
453
- })
454
- ]
455
- }),
456
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
457
- gap: 2,
458
- align: "center",
459
- children: [
460
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_group_cjs_namespaceObject.RadioGroupItem, {
461
- value: "friends",
462
- id: "friends"
463
- }),
464
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
465
- htmlFor: "friends",
466
- className: "font-normal",
467
- children: "Friends - Only friends can see your profile"
468
- })
469
- ]
470
- })
471
- ]
472
- })
473
- ]
474
- }),
475
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
476
- gap: 3,
477
- children: [
478
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Row, {
479
- justify: "between",
480
- align: "center",
481
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(label_cjs_namespaceObject.Label, {
482
- htmlFor: "experience",
483
- children: [
484
- "Experience Level: ",
485
- formData.experience
486
- ]
487
- })
488
- }),
489
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(slider_cjs_namespaceObject.Slider, {
490
- id: "experience",
491
- min: 0,
492
- max: 10,
493
- step: 1,
494
- value: [
495
- formData.experience
496
- ],
497
- onValueChange: (value)=>updateField('experience', value[0])
498
- }),
499
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
500
- justify: "between",
501
- className: "text-xs text-muted-foreground",
502
- children: [
503
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
504
- children: "Beginner"
505
- }),
506
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
507
- children: "Expert"
508
- })
509
- ]
510
- })
511
- ]
512
- }),
513
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
514
- gap: 3,
515
- children: [
516
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
517
- children: "Interests"
518
- }),
519
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
520
- gap: 2,
521
- children: [
522
- 'Technology',
523
- 'Design',
524
- 'Business',
525
- 'Science',
526
- 'Arts'
527
- ].map((interest)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
528
- gap: 2,
529
- align: "center",
530
- children: [
531
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
532
- id: interest,
533
- checked: formData.interests.includes(interest),
534
- onCheckedChange: (checked)=>{
535
- checked ? updateField('interests', [
536
- ...formData.interests,
537
- interest
538
- ]) : updateField('interests', formData.interests.filter((i)=>i !== interest));
539
- }
540
- }),
541
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
542
- htmlFor: interest,
543
- className: "text-sm font-normal leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
544
- children: interest
545
- })
546
- ]
547
- }, interest))
548
- })
549
- ]
550
- })
551
- ]
552
- })
553
- ]
554
- })
555
- }),
556
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
557
- value: "advanced",
558
- className: "space-y-4",
559
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
560
- children: [
561
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
562
- children: [
563
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
564
- children: "Advanced Settings"
565
- }),
566
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
567
- children: "Configure advanced options with custom JSON"
568
- })
569
- ]
570
- }),
571
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
572
- className: "space-y-4",
573
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
574
- gap: 2,
575
- children: [
576
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
577
- htmlFor: "customJson",
578
- children: "Custom Configuration (JSON)"
579
- }),
580
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(textarea_cjs_namespaceObject.Textarea, {
581
- id: "customJson",
582
- placeholder: '{"key": "value"}',
583
- rows: 10,
584
- className: "font-mono text-sm",
585
- value: formData.customJson,
586
- onChange: (e)=>updateField('customJson', e.target.value)
587
- }),
588
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
589
- className: "text-xs text-muted-foreground",
590
- children: "Enter valid JSON for custom configuration"
591
- })
592
- ]
593
- })
594
- })
595
- ]
596
- })
597
- })
598
- ]
599
- }),
600
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
601
- gap: 4,
602
- children: [
603
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
604
- type: "submit",
605
- children: "Submit"
606
- }),
607
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
608
- type: "button",
609
- variant: "outline",
610
- onClick: handleReset,
611
- children: "Reset"
612
- })
613
- ]
614
- })
615
- ]
616
- })
617
- ]
618
- })
619
- })
620
- }),
621
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(resizable_cjs_namespaceObject.ResizableHandle, {
622
- withHandle: true
623
- }),
624
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(resizable_cjs_namespaceObject.ResizablePanel, {
625
- defaultSize: 50,
626
- minSize: 30,
627
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
628
- h: "screen",
629
- className: "border-l",
630
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
631
- className: "h-full",
632
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
633
- className: "p-6",
634
- children: [
635
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
636
- className: "mb-4",
637
- children: [
638
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
639
- className: "text-2xl font-bold tracking-tight",
640
- children: "JSON Preview"
641
- }),
642
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
643
- className: "text-muted-foreground",
644
- children: "Live preview of your form data"
645
- })
646
- ]
647
- }),
648
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.Card, {
649
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
650
- className: "p-4",
651
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
652
- className: "overflow-x-auto text-sm",
653
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("code", {
654
- children: JSON.stringify(formData, null, 2)
655
- })
656
- })
657
- })
658
- })
659
- ]
660
- })
661
- })
662
- })
663
- })
664
- ]
665
- })
666
- });
667
- }
668
- exports.FormBuilderExample = __webpack_exports__.FormBuilderExample;
669
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
670
- "FormBuilderExample"
671
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
672
- Object.defineProperty(exports, '__esModule', {
673
- value: true
674
- });