@simple-builder/react 1.0.14 → 1.0.16

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 (16) hide show
  1. package/dist/{build-container-client-2NZERZ4Y.css → build-container-client-5Z6CS44L.css} +99 -0
  2. package/dist/{build-container-client-B5JZDFZJ.mjs → build-container-client-OYPWDSFF.mjs} +273 -166
  3. package/dist/{build-container-client-GECCNILW.js → build-container-client-RZM5T6MI.js} +330 -222
  4. package/dist/{builder-content-SMRSZVD3.css → builder-content-NRFOTOLD.css} +99 -0
  5. package/dist/{builder-content-DEV4Q6IL.mjs → builder-content-OUZ6DU5D.mjs} +2 -2
  6. package/dist/{builder-content-AO4S7TW2.js → builder-content-SF4P2BPU.js} +7 -7
  7. package/dist/{chunk-YZSCMK6O.mjs → chunk-BK43TKWV.mjs} +1 -1
  8. package/dist/{chunk-EQDGBWL2.js → chunk-GST3B44T.js} +5 -5
  9. package/dist/{chunk-SNXCKFH4.mjs → chunk-MOOE7HQW.mjs} +2 -2
  10. package/dist/{chunk-JVLK736S.mjs → chunk-SALB4QYA.mjs} +5 -7
  11. package/dist/{chunk-BEBS2427.js → chunk-VR3UNUZD.js} +5 -7
  12. package/dist/{chunk-MTYU3LLZ.js → chunk-YWKSTMRO.js} +3 -3
  13. package/dist/index.css +99 -0
  14. package/dist/index.js +6 -6
  15. package/dist/index.mjs +2 -2
  16. package/package.json +3 -2
package/dist/{build-container-client-GECCNILW.js → build-container-client-RZM5T6MI.js} RENAMED
@@ -1,10 +1,10 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- require('./chunk-MTYU3LLZ.js');
5
- var chunkEQDGBWL2_js = require('./chunk-EQDGBWL2.js');
6
- var chunkBEBS2427_js = require('./chunk-BEBS2427.js');
7
- var React11 = require('react');
4
+ require('./chunk-YWKSTMRO.js');
5
+ var chunkGST3B44T_js = require('./chunk-GST3B44T.js');
6
+ var chunkVR3UNUZD_js = require('./chunk-VR3UNUZD.js');
7
+ var React12 = require('react');
8
8
  var lucideReact = require('lucide-react');
9
9
  var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
10
10
  var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -13,6 +13,7 @@ var reactHookForm = require('react-hook-form');
13
13
  var reactDayPicker = require('react-day-picker');
14
14
  var reactSlot = require('@radix-ui/react-slot');
15
15
  var LabelPrimitive = require('@radix-ui/react-label');
16
+ var SelectPrimitive = require('@radix-ui/react-select');
16
17
  var SwitchPrimitives = require('@radix-ui/react-switch');
17
18
  var zod$1 = require('@hookform/resolvers/zod');
18
19
  var zod = require('zod');
@@ -38,10 +39,11 @@ function _interopNamespace(e) {
38
39
  return Object.freeze(n);
39
40
  }
40
41
 
41
- var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
42
+ var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
42
43
  var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
43
44
  var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
44
45
  var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
46
+ var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
45
47
  var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
46
48
  var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
47
49
  var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
@@ -50,10 +52,10 @@ var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPr
50
52
  var AlertDialog = AlertDialogPrimitive__namespace.Root;
51
53
  var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
52
54
  var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
53
- var AlertDialogOverlay = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
55
+ var AlertDialogOverlay = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
54
56
  AlertDialogPrimitive__namespace.Overlay,
55
57
  {
56
- className: chunkBEBS2427_js.cn(
58
+ className: chunkVR3UNUZD_js.cn(
57
59
  "sb-fixed sb-inset-0 sb-z-50 sb-bg-background/80 sb-backdrop-blur-sm data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0",
58
60
  className
59
61
  ),
@@ -62,11 +64,11 @@ var AlertDialogOverlay = React11__namespace.forwardRef(({ className, ...props },
62
64
  }
63
65
  ));
64
66
  AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
65
- var AlertDialogContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React11__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React11__namespace.createElement(
67
+ var AlertDialogContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React12__namespace.createElement(
66
68
  AlertDialogPrimitive__namespace.Content,
67
69
  {
68
70
  ref,
69
- className: chunkBEBS2427_js.cn(
71
+ className: chunkVR3UNUZD_js.cn(
70
72
  "sb-fixed sb-font-roboto sb-left-[50%] sb-top-[50%] sb-z-50 sb-grid sb-w-full sb-max-w-lg sb-translate-x-[-50%] sb-translate-y-[-50%] sb-gap-4 sb-border sb-bg-background sb-p-6 sb-shadow-lg sb-duration-200 data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[state=closed]:sb-slide-out-to-left-1/2 data-[state=closed]:sb-slide-out-to-top-[48%] data-[state=open]:sb-slide-in-from-left-1/2 data-[state=open]:sb-slide-in-from-top-[48%] sm:sb-rounded-lg",
71
73
  className
72
74
  ),
@@ -77,10 +79,10 @@ AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.display
77
79
  var AlertDialogFooter = ({
78
80
  className,
79
81
  ...props
80
- }) => /* @__PURE__ */ React11__namespace.createElement(
82
+ }) => /* @__PURE__ */ React12__namespace.createElement(
81
83
  "div",
82
84
  {
83
- className: chunkBEBS2427_js.cn(
85
+ className: chunkVR3UNUZD_js.cn(
84
86
  "sb-flex sb-flex-col-reverse sm:sb-flex-row sm:sb-justify-end sm:sb-space-x-2",
85
87
  className
86
88
  ),
@@ -88,39 +90,39 @@ var AlertDialogFooter = ({
88
90
  }
89
91
  );
90
92
  AlertDialogFooter.displayName = "AlertDialogFooter";
91
- var AlertDialogTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
93
+ var AlertDialogTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
92
94
  AlertDialogPrimitive__namespace.Title,
93
95
  {
94
96
  ref,
95
- className: chunkBEBS2427_js.cn("sb-text-lg sb-font-semibold", className),
97
+ className: chunkVR3UNUZD_js.cn("sb-text-lg sb-font-semibold", className),
96
98
  ...props
97
99
  }
98
100
  ));
99
101
  AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
100
- var AlertDialogDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
102
+ var AlertDialogDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
101
103
  AlertDialogPrimitive__namespace.Description,
102
104
  {
103
105
  ref,
104
- className: chunkBEBS2427_js.cn("sb-text-sm sb-text-muted-foreground", className),
106
+ className: chunkVR3UNUZD_js.cn("sb-text-sm sb-text-muted-foreground", className),
105
107
  ...props
106
108
  }
107
109
  ));
108
110
  AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
109
- var AlertDialogAction = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
111
+ var AlertDialogAction = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
110
112
  AlertDialogPrimitive__namespace.Action,
111
113
  {
112
114
  ref,
113
- className: chunkBEBS2427_js.cn(chunkEQDGBWL2_js.buttonVariants(), className),
115
+ className: chunkVR3UNUZD_js.cn(chunkGST3B44T_js.buttonVariants(), className),
114
116
  ...props
115
117
  }
116
118
  ));
117
119
  AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
118
- var AlertDialogCancel = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
120
+ var AlertDialogCancel = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
119
121
  AlertDialogPrimitive__namespace.Cancel,
120
122
  {
121
123
  ref,
122
- className: chunkBEBS2427_js.cn(
123
- chunkEQDGBWL2_js.buttonVariants({ variant: "outline" }),
124
+ className: chunkVR3UNUZD_js.cn(
125
+ chunkGST3B44T_js.buttonVariants({ variant: "outline" }),
124
126
  "sb-mt-2 sm:sb-mt-0",
125
127
  className
126
128
  ),
@@ -131,13 +133,13 @@ AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayNa
131
133
  var Popover = PopoverPrimitive__namespace.Root;
132
134
  var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
133
135
  var PopoverClose = PopoverPrimitive__namespace.Close;
134
- var PopoverContent = React11__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React11__namespace.createElement(
136
+ var PopoverContent = React12__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React12__namespace.createElement(
135
137
  PopoverPrimitive__namespace.Content,
136
138
  {
137
139
  ref,
138
140
  align,
139
141
  sideOffset,
140
- className: chunkBEBS2427_js.cn(
142
+ className: chunkVR3UNUZD_js.cn(
141
143
  "sb-z-50 sb-w-72 sb-font-roboto sb-rounded-md sb-border sb-bg-popover sb-p-4 sb-text-popover-foreground sb-shadow-md sb-outline-none data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2",
142
144
  className
143
145
  ),
@@ -151,19 +153,19 @@ function Calendar({
151
153
  showOutsideDays = true,
152
154
  ...props
153
155
  }) {
154
- return /* @__PURE__ */ React11__namespace.createElement(
156
+ return /* @__PURE__ */ React12__namespace.createElement(
155
157
  reactDayPicker.DayPicker,
156
158
  {
157
159
  showOutsideDays,
158
- className: chunkBEBS2427_js.cn("sb-p-3 sb-font-roboto", className),
160
+ className: chunkVR3UNUZD_js.cn("sb-p-3 sb-font-roboto", className),
159
161
  classNames: {
160
162
  months: "sb-flex sb-flex-col sm:sb-flex-row sb-space-y-4 sm:sb-space-x-4 sm:sb-space-y-0",
161
163
  month: "sb-space-y-4",
162
164
  caption: "sb-flex sb-justify-center sb-pt-1 sb-relative sb-items-center",
163
165
  caption_label: "sb-text-sm sb-font-medium",
164
166
  nav: "sb-space-x-1 sb-flex sb-items-center",
165
- nav_button: chunkBEBS2427_js.cn(
166
- chunkEQDGBWL2_js.buttonVariants({ variant: "outline" }),
167
+ nav_button: chunkVR3UNUZD_js.cn(
168
+ chunkGST3B44T_js.buttonVariants({ variant: "outline" }),
167
169
  "sb-h-7 sb-w-7 sb-bg-transparent sb-p-0 sb-opacity-50 hover:sb-opacity-100"
168
170
  ),
169
171
  nav_button_previous: "sb-absolute sb-left-1",
@@ -172,12 +174,12 @@ function Calendar({
172
174
  head_row: "sb-flex",
173
175
  head_cell: "sb-text-muted-foreground sb-rounded-md sb-w-8 sb-font-normal sb-text-[0.8rem]",
174
176
  row: "sb-flex sb-w-full sb-mt-2",
175
- cell: chunkBEBS2427_js.cn(
177
+ cell: chunkVR3UNUZD_js.cn(
176
178
  "sb-relative sb-p-0 sb-text-center sb-text-sm focus-within:sb-relative focus-within:sb-z-20 [&:has([aria-selected])]:sb-bg-accent [&:has([aria-selected].day-outside)]:sb-bg-accent/50 [&:has([aria-selected].day-range-end)]:sb-rounded-r-md",
177
179
  props.mode === "range" ? "[&:has(>.day-range-end)]:sb-rounded-r-md [&:has(>.day-range-start)]:sb-rounded-l-md first:[&:has([aria-selected])]:sb-rounded-l-md last:[&:has([aria-selected])]:sb-rounded-r-md" : "[&:has([aria-selected])]:sb-rounded-md"
178
180
  ),
179
- day: chunkBEBS2427_js.cn(
180
- chunkEQDGBWL2_js.buttonVariants({ variant: "ghost" }),
181
+ day: chunkVR3UNUZD_js.cn(
182
+ chunkGST3B44T_js.buttonVariants({ variant: "ghost" }),
181
183
  "sb-h-8 sb-w-8 sb-p-0 sb-font-normal aria-selected:sb-opacity-100"
182
184
  ),
183
185
  day_range_start: "day-range-start",
@@ -191,8 +193,8 @@ function Calendar({
191
193
  ...classNames
192
194
  },
193
195
  components: {
194
- IconLeft: () => /* @__PURE__ */ React11__namespace.createElement(lucideReact.ChevronLeftIcon, { className: "sb-h-4 sb-w-4" }),
195
- IconRight: () => /* @__PURE__ */ React11__namespace.createElement(lucideReact.ChevronRightIcon, { className: "sb-h-4 sb-w-4" })
196
+ IconLeft: () => /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronLeftIcon, { className: "sb-h-4 sb-w-4" }),
197
+ IconRight: () => /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronRightIcon, { className: "sb-h-4 sb-w-4" })
196
198
  },
197
199
  ...props
198
200
  }
@@ -212,25 +214,25 @@ var ColorPicker = (props) => {
212
214
  "#009DD1",
213
215
  "#FF0000"
214
216
  ];
215
- return /* @__PURE__ */ React11__namespace.createElement(Popover, null, /* @__PURE__ */ React11__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React11__namespace.createElement(
216
- chunkEQDGBWL2_js.Button,
217
+ return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
218
+ chunkGST3B44T_js.Button,
217
219
  {
218
220
  variant: "outline",
219
221
  size: "sm",
220
- className: chunkBEBS2427_js.cn(
222
+ className: chunkVR3UNUZD_js.cn(
221
223
  "sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
222
224
  !color && "sb-text-muted-foreground",
223
225
  className
224
226
  )
225
227
  },
226
- /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, color ? /* @__PURE__ */ React11__namespace.createElement(
228
+ /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, color ? /* @__PURE__ */ React12__namespace.createElement(
227
229
  "div",
228
230
  {
229
231
  className: "sb-h-4 sb-w-4 sb-rounded !sb-bg-center !sb-bg-cover sb-transition-all sb-border",
230
232
  style: { background: color }
231
233
  }
232
- ) : /* @__PURE__ */ React11__namespace.createElement(lucideReact.PaintbrushIcon, { className: "sb-h-4 sb-w-4" }), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-truncate sb-flex-1" }, color ? color : "Kies een kleur"))
233
- )), /* @__PURE__ */ React11__namespace.createElement(PopoverContent, { className: "sb-w-64 sb-p-4 sb-flex sb-flex-wrap sb-gap-1" }, colors.map((s) => /* @__PURE__ */ React11__namespace.createElement(
234
+ ) : /* @__PURE__ */ React12__namespace.createElement(lucideReact.PaintbrushIcon, { className: "sb-h-4 sb-w-4" }), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-truncate sb-flex-1" }, color ? color : "Kies een kleur"))
235
+ )), /* @__PURE__ */ React12__namespace.createElement(PopoverContent, { className: "sb-w-64 sb-p-4 sb-flex sb-flex-wrap sb-gap-1" }, colors.map((s) => /* @__PURE__ */ React12__namespace.createElement(
234
236
  "div",
235
237
  {
236
238
  key: s,
@@ -240,10 +242,10 @@ var ColorPicker = (props) => {
240
242
  }
241
243
  ))));
242
244
  };
243
- var labelVariants = chunkBEBS2427_js.tv({
245
+ var labelVariants = chunkVR3UNUZD_js.tv({
244
246
  base: "sb-text-sm sb-font-medium sb-font-roboto sb-leading-none peer-disabled:sb-cursor-not-allowed peer-disabled:sb-opacity-70"
245
247
  });
246
- var Label = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
248
+ var Label = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
247
249
  LabelPrimitive__namespace.Root,
248
250
  {
249
251
  ref,
@@ -255,17 +257,17 @@ Label.displayName = LabelPrimitive__namespace.Root.displayName;
255
257
 
256
258
  // src/components/ui/form.tsx
257
259
  var Form = reactHookForm.FormProvider;
258
- var FormFieldContext = React11__namespace.createContext(
260
+ var FormFieldContext = React12__namespace.createContext(
259
261
  {}
260
262
  );
261
263
  var FormField = ({
262
264
  ...props
263
265
  }) => {
264
- return /* @__PURE__ */ React11__namespace.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React11__namespace.createElement(reactHookForm.Controller, { ...props }));
266
+ return /* @__PURE__ */ React12__namespace.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React12__namespace.createElement(reactHookForm.Controller, { ...props }));
265
267
  };
266
268
  var useFormField = () => {
267
- const fieldContext = React11__namespace.useContext(FormFieldContext);
268
- const itemContext = React11__namespace.useContext(FormItemContext);
269
+ const fieldContext = React12__namespace.useContext(FormFieldContext);
270
+ const itemContext = React12__namespace.useContext(FormItemContext);
269
271
  const { getFieldState, formState } = reactHookForm.useFormContext();
270
272
  const fieldState = getFieldState(fieldContext.name, formState);
271
273
  if (!fieldContext) {
@@ -281,30 +283,30 @@ var useFormField = () => {
281
283
  ...fieldState
282
284
  };
283
285
  };
284
- var FormItemContext = React11__namespace.createContext(
286
+ var FormItemContext = React12__namespace.createContext(
285
287
  {}
286
288
  );
287
- var FormItem = React11__namespace.forwardRef(({ className, ...props }, ref) => {
288
- const id = React11__namespace.useId();
289
- return /* @__PURE__ */ React11__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React11__namespace.createElement("div", { ref, className: chunkBEBS2427_js.cn("sb-space-y-2", className), ...props }));
289
+ var FormItem = React12__namespace.forwardRef(({ className, ...props }, ref) => {
290
+ const id = React12__namespace.useId();
291
+ return /* @__PURE__ */ React12__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React12__namespace.createElement("div", { ref, className: chunkVR3UNUZD_js.cn("sb-space-y-2", className), ...props }));
290
292
  });
291
293
  FormItem.displayName = "FormItem";
292
- var FormLabel = React11__namespace.forwardRef(({ className, ...props }, ref) => {
294
+ var FormLabel = React12__namespace.forwardRef(({ className, ...props }, ref) => {
293
295
  const { error, formItemId } = useFormField();
294
- return /* @__PURE__ */ React11__namespace.createElement(
296
+ return /* @__PURE__ */ React12__namespace.createElement(
295
297
  Label,
296
298
  {
297
299
  ref,
298
- className: chunkBEBS2427_js.cn(error && "sb-text-destructive", className),
300
+ className: chunkVR3UNUZD_js.cn(error && "sb-text-destructive", className),
299
301
  htmlFor: formItemId,
300
302
  ...props
301
303
  }
302
304
  );
303
305
  });
304
306
  FormLabel.displayName = "FormLabel";
305
- var FormControl = React11__namespace.forwardRef(({ ...props }, ref) => {
307
+ var FormControl = React12__namespace.forwardRef(({ ...props }, ref) => {
306
308
  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
307
- return /* @__PURE__ */ React11__namespace.createElement(
309
+ return /* @__PURE__ */ React12__namespace.createElement(
308
310
  reactSlot.Slot,
309
311
  {
310
312
  ref,
@@ -316,14 +318,14 @@ var FormControl = React11__namespace.forwardRef(({ ...props }, ref) => {
316
318
  );
317
319
  });
318
320
  FormControl.displayName = "FormControl";
319
- var FormDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => {
321
+ var FormDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => {
320
322
  const { formDescriptionId } = useFormField();
321
- return /* @__PURE__ */ React11__namespace.createElement(
323
+ return /* @__PURE__ */ React12__namespace.createElement(
322
324
  "p",
323
325
  {
324
326
  ref,
325
327
  id: formDescriptionId,
326
- className: chunkBEBS2427_js.cn(
328
+ className: chunkVR3UNUZD_js.cn(
327
329
  "sb-text-sm sb-font-roboto sb-text-muted-foreground",
328
330
  className
329
331
  ),
@@ -332,18 +334,18 @@ var FormDescription = React11__namespace.forwardRef(({ className, ...props }, re
332
334
  );
333
335
  });
334
336
  FormDescription.displayName = "FormDescription";
335
- var FormMessage = React11__namespace.forwardRef(({ className, children, ...props }, ref) => {
337
+ var FormMessage = React12__namespace.forwardRef(({ className, children, ...props }, ref) => {
336
338
  const { error, formMessageId } = useFormField();
337
339
  const body = error ? String(error?.message) : children;
338
340
  if (!body) {
339
341
  return null;
340
342
  }
341
- return /* @__PURE__ */ React11__namespace.createElement(
343
+ return /* @__PURE__ */ React12__namespace.createElement(
342
344
  "p",
343
345
  {
344
346
  ref,
345
347
  id: formMessageId,
346
- className: chunkBEBS2427_js.cn(
348
+ className: chunkVR3UNUZD_js.cn(
347
349
  "sb-text-sm sb-font-roboto sb-font-medium sb-text-destructive",
348
350
  className
349
351
  ),
@@ -353,13 +355,13 @@ var FormMessage = React11__namespace.forwardRef(({ className, children, ...props
353
355
  );
354
356
  });
355
357
  FormMessage.displayName = "FormMessage";
356
- var Input = React11__namespace.forwardRef(
358
+ var Input = React12__namespace.forwardRef(
357
359
  ({ className, type, ...props }, ref) => {
358
- return /* @__PURE__ */ React11__namespace.createElement(
360
+ return /* @__PURE__ */ React12__namespace.createElement(
359
361
  "input",
360
362
  {
361
363
  type,
362
- className: chunkBEBS2427_js.cn(
364
+ className: chunkVR3UNUZD_js.cn(
363
365
  "sb-flex sb-h-8 sb-w-full sb-font-roboto sb-rounded-md sb-border sb-border-input sb-bg-background sb-px-3 sb-py-1 sb-text-sm sb-ring-offset-background file:sb-border-0 file:sb-bg-transparent file:sb-text-sm file:sb-font-medium placeholder:sb-text-muted-foreground focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:ring-sb-ring focus-visible:sb-ring-offset-2 disabled:sb-cursor-not-allowed disabled:sb-opacity-50",
364
366
  className
365
367
  ),
@@ -370,19 +372,19 @@ var Input = React11__namespace.forwardRef(
370
372
  }
371
373
  );
372
374
  Input.displayName = "Input";
373
- var AdvancedInput = React11__namespace.forwardRef(
375
+ var AdvancedInput = React12__namespace.forwardRef(
374
376
  ({ prepend, append, ...props }, ref) => {
375
- return /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-relative" }, /* @__PURE__ */ React11__namespace.createElement(Input, { ref, className: "sb-pl-9 sb-pr-7 sb-text-right", ...props }), prepend && /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-absolute sb-font-roboto sb-top-1/2 sb-left-3 sb--translate-y-1/2" }, prepend), append && /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-absolute sb-font-roboto sb-top-1/2 sb-right-3 sb--translate-y-1/2" }, append));
377
+ return /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-relative" }, /* @__PURE__ */ React12__namespace.createElement(Input, { ref, className: "sb-pl-9 sb-pr-7 sb-text-right", ...props }), prepend && /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-absolute sb-font-roboto sb-top-1/2 sb-left-3 sb--translate-y-1/2" }, prepend), append && /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-absolute sb-font-roboto sb-top-1/2 sb-right-3 sb--translate-y-1/2" }, append));
376
378
  }
377
379
  );
378
380
  AdvancedInput.displayName = "AdvancedInput";
379
381
  var MediaInput = (props) => {
380
382
  const { onFilesChange, limit = 32, multiple = false, onError } = props;
381
- const id = React11__namespace.useId();
382
- const [queue, setQueue] = React11__namespace.useState([]);
383
- const [sources, setSources] = React11__namespace.useState(props.files ?? []);
383
+ const id = React12__namespace.useId();
384
+ const [queue, setQueue] = React12__namespace.useState([]);
385
+ const [sources, setSources] = React12__namespace.useState(props.files ?? []);
384
386
  const maxConcurrentUploads = 3;
385
- const uploadingCountRef = React11__namespace.useRef(0);
387
+ const uploadingCountRef = React12__namespace.useRef(0);
386
388
  const handleFilesAdd = async (e) => {
387
389
  const files = e.target.files;
388
390
  if (!files || files.length === 0) {
@@ -453,42 +455,42 @@ var MediaInput = (props) => {
453
455
  body: JSON.stringify({ src })
454
456
  });
455
457
  };
456
- return /* @__PURE__ */ React11__namespace.createElement("div", { className: chunkBEBS2427_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React11__namespace.createElement(MediaInputItem, { key: src, className: chunkBEBS2427_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React11__namespace.createElement(
457
- chunkBEBS2427_js.Image,
458
+ return /* @__PURE__ */ React12__namespace.createElement("div", { className: chunkVR3UNUZD_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React12__namespace.createElement(MediaInputItem, { key: src, className: chunkVR3UNUZD_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React12__namespace.createElement(
459
+ chunkVR3UNUZD_js.Image,
458
460
  {
459
461
  src,
460
462
  alt: "",
461
463
  fill: true,
462
464
  className: "sb-absolute sb-inset-0 sb-object-cover sb-pointer-events-none"
463
465
  }
464
- ), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-absolute sb-right-1 sb-top-1 sb-z-30 sb-flex sb-items-center sb-justify-end sb-gap-3 sb-opacity-0 sb-transition-opacity group-hover:sb-opacity-100" }, /* @__PURE__ */ React11__namespace.createElement(
466
+ ), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-absolute sb-right-1 sb-top-1 sb-z-30 sb-flex sb-items-center sb-justify-end sb-gap-3 sb-opacity-0 sb-transition-opacity group-hover:sb-opacity-100" }, /* @__PURE__ */ React12__namespace.createElement(
465
467
  "button",
466
468
  {
467
469
  className: "sb-flex sb-h-8 sb-w-8 sb-items-center sb-justify-center sb-rounded-full sb-border sb-bg-secondary sb-text-secondary-foreground sb-opacity-90 sb-shadow sb-transition-opacity hover:sb-opacity-100",
468
470
  onClick: () => handleSourceDelete(src)
469
471
  },
470
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-4 sb-w-4" })
471
- )))), queue.map((_, i) => /* @__PURE__ */ React11__namespace.createElement(
472
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-4 sb-w-4" })
473
+ )))), queue.map((_, i) => /* @__PURE__ */ React12__namespace.createElement(
472
474
  MediaInputItem,
473
475
  {
474
476
  key: i,
475
- className: chunkBEBS2427_js.cn(
477
+ className: chunkVR3UNUZD_js.cn(
476
478
  "sb-flex sb-h-28 sb-w-28 sb-items-center sb-justify-center",
477
479
  props.itemClassName
478
480
  )
479
481
  },
480
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.Loader2Icon, { className: "sb-h-6 sb-w-6 sb-animate-spin" })
481
- )), multiple || !multiple && !sources.length && !queue.length ? /* @__PURE__ */ React11__namespace.createElement(
482
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.Loader2Icon, { className: "sb-h-6 sb-w-6 sb-animate-spin" })
483
+ )), multiple || !multiple && !sources.length && !queue.length ? /* @__PURE__ */ React12__namespace.createElement(
482
484
  "label",
483
485
  {
484
486
  htmlFor: id,
485
- className: chunkBEBS2427_js.cn(
487
+ className: chunkVR3UNUZD_js.cn(
486
488
  "sb-flex sb-h-28 sb-w-28 sb-cursor-pointer sb-items-center sb-justify-center sb-rounded-lg sb-border",
487
489
  props.itemClassName
488
490
  )
489
491
  },
490
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.PlusIcon, { className: "sb-h-6 sb-w-6" }),
491
- /* @__PURE__ */ React11__namespace.createElement(
492
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-h-6 sb-w-6" }),
493
+ /* @__PURE__ */ React12__namespace.createElement(
492
494
  "input",
493
495
  {
494
496
  id,
@@ -502,10 +504,10 @@ var MediaInput = (props) => {
502
504
  ) : null);
503
505
  };
504
506
  var MediaInputItem = (props) => {
505
- return /* @__PURE__ */ React11__namespace.createElement(
507
+ return /* @__PURE__ */ React12__namespace.createElement(
506
508
  "div",
507
509
  {
508
- className: chunkBEBS2427_js.cn(
510
+ className: chunkVR3UNUZD_js.cn(
509
511
  "sb-relative sb-h-28 sb-w-28 sb-overflow-hidden sb-rounded-lg sb-border",
510
512
  props.className
511
513
  )
@@ -522,32 +524,135 @@ var MediaInputError = class extends Error {
522
524
  this.description = description;
523
525
  }
524
526
  };
525
- var Switch = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
527
+ var Select = SelectPrimitive__namespace.Root;
528
+ var SelectValue = SelectPrimitive__namespace.Value;
529
+ var SelectTrigger = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
530
+ SelectPrimitive__namespace.Trigger,
531
+ {
532
+ ref,
533
+ className: chunkVR3UNUZD_js.cn(
534
+ "sb-flex sb-h-10 sb-w-full sb-items-center sb-justify-between sb-rounded-md sb-border sb-border-input sb-bg-background sb-px-3 sb-py-2 sb-text-sm sb-ring-offset-background placeholder:sb-text-muted-foreground focus:sb-outline-none focus:sb-ring-2 focus:sb-ring-ring focus:sb-ring-offset-2 disabled:sb-cursor-not-allowed disabled:sb-opacity-50 [&>span]:sb-line-clamp-1",
535
+ className
536
+ ),
537
+ ...props
538
+ },
539
+ children,
540
+ /* @__PURE__ */ React12__namespace.createElement(SelectPrimitive__namespace.Icon, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronDown, { className: "sb-h-4 sb-w-4 sb-opacity-50" }))
541
+ ));
542
+ SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
543
+ var SelectScrollUpButton = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
544
+ SelectPrimitive__namespace.ScrollUpButton,
545
+ {
546
+ ref,
547
+ className: chunkVR3UNUZD_js.cn(
548
+ "sb-flex sb-cursor-default sb-items-center sb-justify-center sb-py-1",
549
+ className
550
+ ),
551
+ ...props
552
+ },
553
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronUp, { className: "sb-h-4 sb-w-4" })
554
+ ));
555
+ SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
556
+ var SelectScrollDownButton = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
557
+ SelectPrimitive__namespace.ScrollDownButton,
558
+ {
559
+ ref,
560
+ className: chunkVR3UNUZD_js.cn(
561
+ "sb-flex sb-cursor-default sb-items-center sb-justify-center sb-py-1",
562
+ className
563
+ ),
564
+ ...props
565
+ },
566
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronDown, { className: "sb-h-4 sb-w-4" })
567
+ ));
568
+ SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
569
+ var SelectContent = React12__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React12__namespace.createElement(
570
+ SelectPrimitive__namespace.Content,
571
+ {
572
+ ref,
573
+ className: chunkVR3UNUZD_js.cn(
574
+ "sb-relative sb-z-50 sb-max-h-96 sb-min-w-[8rem] sb-overflow-hidden sb-rounded-md sb-border sb-bg-popover sb-text-popover-foreground sb-shadow-md data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2",
575
+ position === "popper" && "data-[side=bottom]:sb-translate-y-1 data-[side=left]:sb--translate-x-1 data-[side=right]:sb-translate-x-1 data-[side=top]:sb--translate-y-1",
576
+ className
577
+ ),
578
+ position,
579
+ ...props
580
+ },
581
+ /* @__PURE__ */ React12__namespace.createElement(SelectScrollUpButton, null),
582
+ /* @__PURE__ */ React12__namespace.createElement(
583
+ SelectPrimitive__namespace.Viewport,
584
+ {
585
+ className: chunkVR3UNUZD_js.cn(
586
+ "sb-p-1",
587
+ position === "popper" && "sb-h-[var(--radix-select-trigger-height)] sb-w-full sb-min-w-[var(--radix-select-trigger-width)]"
588
+ )
589
+ },
590
+ children
591
+ ),
592
+ /* @__PURE__ */ React12__namespace.createElement(SelectScrollDownButton, null)
593
+ )));
594
+ SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
595
+ var SelectLabel = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
596
+ SelectPrimitive__namespace.Label,
597
+ {
598
+ ref,
599
+ className: chunkVR3UNUZD_js.cn(
600
+ "sb-py-1.5 sb-pl-8 sb-pr-2 sb-text-sm sb-font-semibold",
601
+ className
602
+ ),
603
+ ...props
604
+ }
605
+ ));
606
+ SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
607
+ var SelectItem = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
608
+ SelectPrimitive__namespace.Item,
609
+ {
610
+ ref,
611
+ className: chunkVR3UNUZD_js.cn(
612
+ "sb-relative sb-flex sb-w-full sb-cursor-default sb-select-none sb-items-center sb-rounded-sm sb-py-1.5 sb-pl-8 sb-pr-2 sb-text-sm sb-outline-none focus:sb-bg-accent focus:sb-text-accent-foreground data-[disabled]:sb-pointer-events-none data-[disabled]:sb-opacity-50",
613
+ className
614
+ ),
615
+ ...props
616
+ },
617
+ /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-absolute sb-left-2 sb-flex sb-h-3.5 sb-w-3.5 sb-items-center sb-justify-center" }, /* @__PURE__ */ React12__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React12__namespace.createElement(lucideReact.Check, { className: "sb-h-4 sb-w-4" }))),
618
+ /* @__PURE__ */ React12__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children)
619
+ ));
620
+ SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
621
+ var SelectSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
622
+ SelectPrimitive__namespace.Separator,
623
+ {
624
+ ref,
625
+ className: chunkVR3UNUZD_js.cn("sb--mx-1 sb-my-1 sb-h-px sb-bg-muted", className),
626
+ ...props
627
+ }
628
+ ));
629
+ SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
630
+ var Switch = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
526
631
  SwitchPrimitives__namespace.Root,
527
632
  {
528
- className: chunkBEBS2427_js.cn(
633
+ className: chunkVR3UNUZD_js.cn(
529
634
  "peer sb-inline-flex sb-h-6 sb-w-11 sb-shrink-0 sb-cursor-pointer sb-items-center sb-rounded-full sb-border-2 sb-border-transparent sb-transition-colors focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2 focus-visible:sb-ring-offset-background disabled:sb-cursor-not-allowed disabled:sb-opacity-50 data-[state=checked]:sb-bg-primary data-[state=unchecked]:sb-bg-input",
530
635
  className
531
636
  ),
532
637
  ...props,
533
638
  ref
534
639
  },
535
- /* @__PURE__ */ React11__namespace.createElement(
640
+ /* @__PURE__ */ React12__namespace.createElement(
536
641
  SwitchPrimitives__namespace.Thumb,
537
642
  {
538
- className: chunkBEBS2427_js.cn(
643
+ className: chunkVR3UNUZD_js.cn(
539
644
  "sb-pointer-events-none sb-block sb-h-5 sb-w-5 sb-rounded-full sb-bg-background sb-shadow-lg sb-ring-0 sb-transition-transform data-[state=checked]:sb-translate-x-5 data-[state=unchecked]:sb-translate-x-0"
540
645
  )
541
646
  }
542
647
  )
543
648
  ));
544
649
  Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
545
- var Textarea = React11__namespace.forwardRef(
650
+ var Textarea = React12__namespace.forwardRef(
546
651
  ({ className, ...props }, ref) => {
547
- return /* @__PURE__ */ React11__namespace.createElement(
652
+ return /* @__PURE__ */ React12__namespace.createElement(
548
653
  "textarea",
549
654
  {
550
- className: chunkBEBS2427_js.cn(
655
+ className: chunkVR3UNUZD_js.cn(
551
656
  "sb-flex sb-min-h-[60px] sb-font-roboto sb-w-full sb-rounded-md sb-border sb-border-input sb-bg-transparent sb-px-3 sb-py-2 sb-text-sm sb-shadow-sm placeholder:sb-text-muted-foreground focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-cursor-not-allowed disabled:sb-opacity-50",
552
657
  className
553
658
  ),
@@ -562,8 +667,8 @@ Textarea.displayName = "Textarea";
562
667
  // src/components/container-item-form.tsx
563
668
  var ContainerItemForm = (props) => {
564
669
  const { item } = props;
565
- const { patchItem } = chunkEQDGBWL2_js.useBuilder();
566
- const component = chunkBEBS2427_js.builder.getComponent(item.component);
670
+ const { patchItem } = chunkGST3B44T_js.useBuilder();
671
+ const component = chunkVR3UNUZD_js.builder.getComponent(item.component);
567
672
  if (!component) {
568
673
  throw new Error(
569
674
  `[simple-builder]: Component with id ${item.component} not found in container item form component`
@@ -583,11 +688,11 @@ var ContainerItemForm = (props) => {
583
688
  props: values
584
689
  });
585
690
  };
586
- React11__namespace.useEffect(() => {
691
+ React12__namespace.useEffect(() => {
587
692
  const subscription = form.watch(() => form.handleSubmit(onSubmit)());
588
693
  return () => subscription.unsubscribe();
589
694
  }, [form.watch, form.handleSubmit]);
590
- return /* @__PURE__ */ React11__namespace.createElement(Form, { ...form }, /* @__PURE__ */ React11__namespace.createElement("form", { onSubmit: form.handleSubmit(onSubmit) }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-4 sb-p-4" }, (component.inputs || []).map((input) => /* @__PURE__ */ React11__namespace.createElement(
695
+ return /* @__PURE__ */ React12__namespace.createElement(Form, { ...form }, /* @__PURE__ */ React12__namespace.createElement("form", { onSubmit: form.handleSubmit(onSubmit) }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-4 sb-p-4" }, (component.inputs || []).map((input) => /* @__PURE__ */ React12__namespace.createElement(
591
696
  RenderFormField,
592
697
  {
593
698
  key: input.name,
@@ -604,16 +709,16 @@ var RenderFormField = (props) => {
604
709
  name: input.name
605
710
  });
606
711
  if (input.multiple) {
607
- return /* @__PURE__ */ React11__namespace.createElement("fieldset", { className: "sb-space-y-2" }, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-4" }, fieldArray.fields.map(
608
- (field, i) => type !== "grouped" ? /* @__PURE__ */ React11__namespace.createElement(
712
+ return /* @__PURE__ */ React12__namespace.createElement("fieldset", { className: "sb-space-y-2" }, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-4" }, fieldArray.fields.map(
713
+ (field, i) => type !== "grouped" ? /* @__PURE__ */ React12__namespace.createElement(
609
714
  FormField,
610
715
  {
611
716
  key: field.id,
612
717
  control: form.control,
613
718
  name: `${input.name}.${i}`,
614
- render: ({ field: field2 }) => /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-flex sb-items-center sb-gap-3" }, /* @__PURE__ */ React11__namespace.createElement(RenderInput, { field: field2, type: input.type }), /* @__PURE__ */ React11__namespace.createElement("button", { type: "button", onClick: () => fieldArray.remove(i) }, /* @__PURE__ */ React11__namespace.createElement(lucideReact.XIcon, { className: "sb-h-4 sb-w-4" })))
719
+ render: ({ field: field2 }) => /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-flex sb-items-center sb-gap-3" }, /* @__PURE__ */ React12__namespace.createElement(RenderInput, { field: field2, type: input.type }), /* @__PURE__ */ React12__namespace.createElement("button", { type: "button", onClick: () => fieldArray.remove(i) }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.XIcon, { className: "sb-h-4 sb-w-4" })))
615
720
  }
616
- ) : /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-flex sb-items-center sb-relative" }, /* @__PURE__ */ React11__namespace.createElement(
721
+ ) : /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-flex sb-items-center sb-relative" }, /* @__PURE__ */ React12__namespace.createElement(
617
722
  RenderFormField,
618
723
  {
619
724
  key: field.id,
@@ -626,28 +731,28 @@ var RenderFormField = (props) => {
626
731
  friendlyName: ""
627
732
  }
628
733
  }
629
- ), /* @__PURE__ */ React11__namespace.createElement(
734
+ ), /* @__PURE__ */ React12__namespace.createElement(
630
735
  "button",
631
736
  {
632
737
  type: "button",
633
738
  onClick: () => fieldArray.remove(i),
634
739
  className: "sb-absolute sb-top-2 sb-right-2 sb-text-foreground/70 hover:sb-text-foreground"
635
740
  },
636
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.XIcon, { className: "sb-h-4 sb-w-4" })
741
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.XIcon, { className: "sb-h-4 sb-w-4" })
637
742
  ))
638
- ), /* @__PURE__ */ React11__namespace.createElement(
639
- chunkEQDGBWL2_js.Button,
743
+ ), /* @__PURE__ */ React12__namespace.createElement(
744
+ chunkGST3B44T_js.Button,
640
745
  {
641
746
  type: "button",
642
747
  variant: "outline",
643
748
  size: "sm",
644
- className: chunkBEBS2427_js.cn(
749
+ className: chunkVR3UNUZD_js.cn(
645
750
  "sb-w-[89%] sb-border-2 sb-border-dashed sb-text-muted-foreground",
646
751
  type === "grouped" && "sb-w-full"
647
752
  ),
648
753
  onClick: () => fieldArray.append(void 0)
649
754
  },
650
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.PlusCircleIcon, { className: "sb-h-4 sb-w-4" })
755
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusCircleIcon, { className: "sb-h-4 sb-w-4" })
651
756
  )));
652
757
  }
653
758
  switch (type) {
@@ -658,27 +763,27 @@ var RenderFormField = (props) => {
658
763
  case "color":
659
764
  case "date":
660
765
  case "file":
661
- return /* @__PURE__ */ React11__namespace.createElement(
766
+ return /* @__PURE__ */ React12__namespace.createElement(
662
767
  FormField,
663
768
  {
664
769
  key: input.name,
665
770
  control: form.control,
666
771
  name: input.name,
667
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, null, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(RenderInput, { type, field })), input.helperText && /* @__PURE__ */ React11__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
772
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(RenderInput, { type, field, options: input?.enum })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
668
773
  }
669
774
  );
670
775
  case "boolean":
671
- return /* @__PURE__ */ React11__namespace.createElement(
776
+ return /* @__PURE__ */ React12__namespace.createElement(
672
777
  FormField,
673
778
  {
674
779
  key: input.name,
675
780
  control: form.control,
676
781
  name: input.name,
677
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, { className: "sb-flex sb-flex-row sb-items-center sb-justify-between sb-space-y-0" }, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(RenderInput, { type, field })), input.helperText && /* @__PURE__ */ React11__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
782
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, { className: "sb-flex sb-flex-row sb-items-center sb-justify-between sb-space-y-0" }, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(RenderInput, { type, field })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
678
783
  }
679
784
  );
680
785
  case "grouped":
681
- return /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-2 sb-w-full" }, input.friendlyName !== "" && /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-2 sb-p-3 sb-w-full sb-border sb-rounded-lg" }, input.inputs.map((sub) => /* @__PURE__ */ React11__namespace.createElement(
786
+ return /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-2 sb-w-full" }, input.friendlyName !== "" && /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-2 sb-p-3 sb-w-full sb-border sb-rounded-lg" }, input.inputs.map((sub) => /* @__PURE__ */ React12__namespace.createElement(
682
787
  RenderFormField,
683
788
  {
684
789
  key: `${input.name}.${sub.name}`,
@@ -697,31 +802,34 @@ var RenderFormField = (props) => {
697
802
  }
698
803
  };
699
804
  var RenderInput = (props) => {
700
- const { type, field } = props;
805
+ const { type, options, field } = props;
701
806
  switch (type) {
702
807
  case "string":
703
- return /* @__PURE__ */ React11__namespace.createElement(Input, { ...field });
808
+ if (!options)
809
+ return /* @__PURE__ */ React12__namespace.createElement(Input, { ...field });
810
+ console.log("options", options);
811
+ return /* @__PURE__ */ React12__namespace.createElement(Select, { onValueChange: field.onChange, defaultValue: field.value }, /* @__PURE__ */ React12__namespace.createElement(SelectTrigger, null, /* @__PURE__ */ React12__namespace.createElement(SelectValue, null)), /* @__PURE__ */ React12__namespace.createElement(SelectContent, null, options.map((option) => /* @__PURE__ */ React12__namespace.createElement(SelectItem, { key: option, value: option }, option))));
704
812
  case "longText":
705
813
  case "richText":
706
- return /* @__PURE__ */ React11__namespace.createElement(Textarea, { ...field });
814
+ return /* @__PURE__ */ React12__namespace.createElement(Textarea, { ...field });
707
815
  case "number":
708
- return /* @__PURE__ */ React11__namespace.createElement(Input, { type: "number", ...field });
816
+ return /* @__PURE__ */ React12__namespace.createElement(Input, { type: "number", ...field });
709
817
  case "color":
710
- return /* @__PURE__ */ React11__namespace.createElement(ColorPicker, { color: field.value, onColorChange: field.onChange });
818
+ return /* @__PURE__ */ React12__namespace.createElement(ColorPicker, { color: field.value, onColorChange: field.onChange });
711
819
  case "date":
712
- return /* @__PURE__ */ React11__namespace.createElement(Popover, null, /* @__PURE__ */ React11__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React11__namespace.createElement(
713
- chunkEQDGBWL2_js.Button,
820
+ return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
821
+ chunkGST3B44T_js.Button,
714
822
  {
715
823
  variant: "outline",
716
824
  size: "sm",
717
- className: chunkBEBS2427_js.cn(
825
+ className: chunkVR3UNUZD_js.cn(
718
826
  "sb-w-full sb-flex sb-justify-start sb-text-left sb-font-normal",
719
827
  !field.value && "sb-text-muted-foreground"
720
828
  )
721
829
  },
722
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.CalendarIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
723
- field.value ? dateFns.format(field.value, "PPP") : /* @__PURE__ */ React11__namespace.createElement("span", null, "Pick a date")
724
- )), /* @__PURE__ */ React11__namespace.createElement(PopoverContent, { className: "sb-w-auto sb-p-0", align: "start" }, /* @__PURE__ */ React11__namespace.createElement(
830
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.CalendarIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
831
+ field.value && !Array.isArray(field.value) ? dateFns.format(field.value, "PPP") : /* @__PURE__ */ React12__namespace.createElement("span", null, "Pick a date")
832
+ )), /* @__PURE__ */ React12__namespace.createElement(PopoverContent, { className: "sb-w-auto sb-p-0", align: "start" }, /* @__PURE__ */ React12__namespace.createElement(
725
833
  Calendar,
726
834
  {
727
835
  mode: "single",
@@ -731,9 +839,9 @@ var RenderInput = (props) => {
731
839
  }
732
840
  )));
733
841
  case "boolean":
734
- return /* @__PURE__ */ React11__namespace.createElement(Switch, { checked: field.value, onCheckedChange: field.onChange });
842
+ return /* @__PURE__ */ React12__namespace.createElement(Switch, { checked: field.value, onCheckedChange: field.onChange });
735
843
  case "file":
736
- return /* @__PURE__ */ React11__namespace.createElement(
844
+ return /* @__PURE__ */ React12__namespace.createElement(
737
845
  MediaInput,
738
846
  {
739
847
  className: "sb-grid sb-grid-cols-2 sb-gap-1",
@@ -753,7 +861,7 @@ var RenderInput = (props) => {
753
861
  }
754
862
  };
755
863
  var Tabs = TabsPrimitive__namespace.Root;
756
- var tabsListVariants = chunkBEBS2427_js.tv({
864
+ var tabsListVariants = chunkVR3UNUZD_js.tv({
757
865
  variants: {
758
866
  variant: {
759
867
  contained: "sb-inline-flex sb-h-10 sb-items-center sb-justify-center sb-rounded-md sb-bg-muted sb-p-1 sb-text-muted-foreground",
@@ -764,7 +872,7 @@ var tabsListVariants = chunkBEBS2427_js.tv({
764
872
  variant: "contained"
765
873
  }
766
874
  });
767
- var TabsList = React11__namespace.forwardRef(({ variant, className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
875
+ var TabsList = React12__namespace.forwardRef(({ variant, className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
768
876
  TabsPrimitive__namespace.List,
769
877
  {
770
878
  ref,
@@ -773,7 +881,7 @@ var TabsList = React11__namespace.forwardRef(({ variant, className, ...props },
773
881
  }
774
882
  ));
775
883
  TabsList.displayName = TabsPrimitive__namespace.List.displayName;
776
- var tabsTriggerVariants = chunkBEBS2427_js.tv({
884
+ var tabsTriggerVariants = chunkVR3UNUZD_js.tv({
777
885
  variants: {
778
886
  variant: {
779
887
  contained: "sb-inline-flex sb-items-center sb-justify-center sb-whitespace-nowrap sb-rounded-sm sb-px-3 sb-py-1.5 sb-text-sm sb-font-medium sb-ring-offset-background sb-transition-all focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2 disabled:sb-pointer-events-none disabled:sb-opacity-50 data-[state=active]:sb-bg-background data-[state=active]:sb-text-foreground data-[state=active]:sb-shadow-sm",
@@ -784,7 +892,7 @@ var tabsTriggerVariants = chunkBEBS2427_js.tv({
784
892
  variant: "contained"
785
893
  }
786
894
  });
787
- var TabsTrigger = React11__namespace.forwardRef(({ variant, className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
895
+ var TabsTrigger = React12__namespace.forwardRef(({ variant, className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
788
896
  TabsPrimitive__namespace.Trigger,
789
897
  {
790
898
  ref,
@@ -793,11 +901,11 @@ var TabsTrigger = React11__namespace.forwardRef(({ variant, className, ...props
793
901
  }
794
902
  ));
795
903
  TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
796
- var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
904
+ var TabsContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
797
905
  TabsPrimitive__namespace.Content,
798
906
  {
799
907
  ref,
800
- className: chunkBEBS2427_js.cn(
908
+ className: chunkVR3UNUZD_js.cn(
801
909
  "sb-ring-offset-background sb-font-roboto focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2",
802
910
  className
803
911
  ),
@@ -828,38 +936,38 @@ var BackgroundPicker = (props) => {
828
936
  "url(https://images.unsplash.com/photo-1688822863426-8c5f9b257090?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2532&q=90)",
829
937
  "url(https://images.unsplash.com/photo-1691225850735-6e4e51834cad?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2532&q=90)"
830
938
  ];
831
- const defaultTab = React11__namespace.useMemo(() => {
939
+ const defaultTab = React12__namespace.useMemo(() => {
832
940
  if (background.includes("url"))
833
941
  return "image";
834
942
  if (background.includes("gradient"))
835
943
  return "gradient";
836
944
  return "solid";
837
945
  }, [background]);
838
- return /* @__PURE__ */ React11__namespace.createElement(Popover, null, /* @__PURE__ */ React11__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React11__namespace.createElement(
839
- chunkEQDGBWL2_js.Button,
946
+ return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
947
+ chunkGST3B44T_js.Button,
840
948
  {
841
949
  variant: "outline",
842
950
  size: "sm",
843
- className: chunkBEBS2427_js.cn(
951
+ className: chunkVR3UNUZD_js.cn(
844
952
  "sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
845
953
  !background && "sb-text-muted-foreground",
846
954
  className
847
955
  )
848
956
  },
849
- /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, background ? /* @__PURE__ */ React11__namespace.createElement(
957
+ /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, background ? /* @__PURE__ */ React12__namespace.createElement(
850
958
  "div",
851
959
  {
852
960
  className: "sb-h-4 sb-w-4 sb-rounded !sb-bg-center !sb-bg-cover sb-transition-all sb-border",
853
961
  style: { background }
854
962
  }
855
- ) : /* @__PURE__ */ React11__namespace.createElement(lucideReact.PaintbrushIcon, { className: "sb-h-4 sb-w-4" }), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-truncate sb-flex-1" }, background ? background : "Kies een achtergrond"))
856
- )), /* @__PURE__ */ React11__namespace.createElement(PopoverContent, { className: "sb-w-64 sb-p-0" }, /* @__PURE__ */ React11__namespace.createElement(Tabs, { defaultValue: defaultTab }, /* @__PURE__ */ React11__namespace.createElement(TabsList, { className: "sb-w-full" }, /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "solid" }, "Solid"), /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "gradient" }, "Gradient"), /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "image" }, "Image")), /* @__PURE__ */ React11__namespace.createElement(
963
+ ) : /* @__PURE__ */ React12__namespace.createElement(lucideReact.PaintbrushIcon, { className: "sb-h-4 sb-w-4" }), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-truncate sb-flex-1" }, background ? background : "Kies een achtergrond"))
964
+ )), /* @__PURE__ */ React12__namespace.createElement(PopoverContent, { className: "sb-w-64 sb-p-0" }, /* @__PURE__ */ React12__namespace.createElement(Tabs, { defaultValue: defaultTab }, /* @__PURE__ */ React12__namespace.createElement(TabsList, { className: "sb-w-full" }, /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "solid" }, "Solid"), /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "gradient" }, "Gradient"), /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { className: "sb-flex-1", value: "image" }, "Image")), /* @__PURE__ */ React12__namespace.createElement(
857
965
  TabsContent,
858
966
  {
859
967
  value: "solid",
860
968
  className: "data-[state=active]:sb-flex sb-flex-wrap sb-gap-1 sb-p-4"
861
969
  },
862
- solids.map((s) => /* @__PURE__ */ React11__namespace.createElement(
970
+ solids.map((s) => /* @__PURE__ */ React12__namespace.createElement(
863
971
  "div",
864
972
  {
865
973
  key: s,
@@ -868,13 +976,13 @@ var BackgroundPicker = (props) => {
868
976
  onClick: () => onBackgroundChange(s)
869
977
  }
870
978
  ))
871
- ), /* @__PURE__ */ React11__namespace.createElement(
979
+ ), /* @__PURE__ */ React12__namespace.createElement(
872
980
  TabsContent,
873
981
  {
874
982
  value: "gradient",
875
983
  className: "data-[state=active]:sb-flex sb-flex-wrap sb-gap-1 sb-p-4"
876
984
  },
877
- gradients.map((s) => /* @__PURE__ */ React11__namespace.createElement(
985
+ gradients.map((s) => /* @__PURE__ */ React12__namespace.createElement(
878
986
  "div",
879
987
  {
880
988
  key: s,
@@ -883,7 +991,7 @@ var BackgroundPicker = (props) => {
883
991
  onClick: () => onBackgroundChange(s)
884
992
  }
885
993
  ))
886
- ), /* @__PURE__ */ React11__namespace.createElement(TabsContent, { value: "image" }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-p-4 sb-border-b" }, /* @__PURE__ */ React11__namespace.createElement(
994
+ ), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "image" }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-p-4 sb-border-b" }, /* @__PURE__ */ React12__namespace.createElement(
887
995
  MediaInput,
888
996
  {
889
997
  className: "sb-grid sb-grid-cols-2 sb-gap-1",
@@ -899,7 +1007,7 @@ var BackgroundPicker = (props) => {
899
1007
  "media-input: Error: " + e?.description
900
1008
  )
901
1009
  }
902
- )), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-gap-1 sb-p-4" }, images.map((s) => /* @__PURE__ */ React11__namespace.createElement(
1010
+ )), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-gap-1 sb-p-4" }, images.map((s) => /* @__PURE__ */ React12__namespace.createElement(
903
1011
  "div",
904
1012
  {
905
1013
  key: s,
@@ -909,7 +1017,7 @@ var BackgroundPicker = (props) => {
909
1017
  }
910
1018
  )))))));
911
1019
  };
912
- var toggleVariants = chunkBEBS2427_js.tv({
1020
+ var toggleVariants = chunkVR3UNUZD_js.tv({
913
1021
  base: "sb-inline-flex sb-items-center sb-justify-center sb-rounded-md sb-text-sm sb-font-medium sb-ring-offset-background sb-transition-colors hover:sb-bg-muted hover:sb-text-muted-foreground focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2 disabled:sb-pointer-events-none disabled:sb-opacity-50 data-[state=on]:sb-bg-accent data-[state=on]:sb-text-accent-foreground",
914
1022
  variants: {
915
1023
  variant: {
@@ -927,7 +1035,7 @@ var toggleVariants = chunkBEBS2427_js.tv({
927
1035
  size: "default"
928
1036
  }
929
1037
  });
930
- var Toggle = React11__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
1038
+ var Toggle = React12__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
931
1039
  TogglePrimitive__namespace.Root,
932
1040
  {
933
1041
  ref,
@@ -939,70 +1047,70 @@ Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
939
1047
 
940
1048
  // src/components/ui/spacing-input.tsx
941
1049
  var SpacingInput = (props) => {
942
- const [value, setValue] = React11__namespace.useState(parse(props.value || "0px"));
943
- const [indipendent, setIndipendent] = React11__namespace.useState(
1050
+ const [value, setValue] = React12__namespace.useState(parse(props.value || "0px"));
1051
+ const [indipendent, setIndipendent] = React12__namespace.useState(
944
1052
  isIndipendent(parse(props.value || "0px"))
945
1053
  );
946
- React11__namespace.useEffect(() => {
1054
+ React12__namespace.useEffect(() => {
947
1055
  if (!props.onChange)
948
1056
  return;
949
1057
  props.onChange(stringify(value));
950
1058
  }, [value, props.onChange]);
951
- return /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-grid sb-grid-cols-[1fr,auto] sb-gap-3" }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-items-center sb-gap-3" }, !indipendent ? /* @__PURE__ */ React11__namespace.createElement(React11__namespace.Fragment, null, /* @__PURE__ */ React11__namespace.createElement(
1059
+ return /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-grid sb-grid-cols-[1fr,auto] sb-gap-3" }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-items-center sb-gap-3" }, !indipendent ? /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
952
1060
  AdvancedInput,
953
1061
  {
954
1062
  value: value.left,
955
1063
  pattern: "\\d+",
956
1064
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, left: +value2, right: +value2 })),
957
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4" }),
958
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1065
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4" }),
1066
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
959
1067
  }
960
- ), /* @__PURE__ */ React11__namespace.createElement(
1068
+ ), /* @__PURE__ */ React12__namespace.createElement(
961
1069
  AdvancedInput,
962
1070
  {
963
1071
  value: value.top,
964
1072
  pattern: "\\d+",
965
1073
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, top: +value2, bottom: +value2 })),
966
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
967
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1074
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
1075
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
968
1076
  }
969
- )) : /* @__PURE__ */ React11__namespace.createElement(React11__namespace.Fragment, null, /* @__PURE__ */ React11__namespace.createElement(
1077
+ )) : /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
970
1078
  AdvancedInput,
971
1079
  {
972
1080
  value: value.left,
973
1081
  pattern: "\\d+",
974
1082
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, left: +value2 })),
975
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4" }),
976
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1083
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4" }),
1084
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
977
1085
  }
978
- ), /* @__PURE__ */ React11__namespace.createElement(
1086
+ ), /* @__PURE__ */ React12__namespace.createElement(
979
1087
  AdvancedInput,
980
1088
  {
981
1089
  value: value.top,
982
1090
  pattern: "\\d+",
983
1091
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, top: +value2 })),
984
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
985
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1092
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
1093
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
986
1094
  }
987
- ), /* @__PURE__ */ React11__namespace.createElement(
1095
+ ), /* @__PURE__ */ React12__namespace.createElement(
988
1096
  AdvancedInput,
989
1097
  {
990
1098
  value: value.right,
991
1099
  pattern: "\\d+",
992
1100
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, right: +value2 })),
993
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-180" }),
994
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1101
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-180" }),
1102
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
995
1103
  }
996
- ), /* @__PURE__ */ React11__namespace.createElement(
1104
+ ), /* @__PURE__ */ React12__namespace.createElement(
997
1105
  AdvancedInput,
998
1106
  {
999
1107
  value: value.bottom,
1000
1108
  pattern: "\\d+",
1001
1109
  onChange: ({ target: { value: value2 } }) => setValue((prev) => ({ ...prev, bottom: +value2 })),
1002
- prepend: /* @__PURE__ */ React11__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb--rotate-90" }),
1003
- append: /* @__PURE__ */ React11__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1110
+ prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb--rotate-90" }),
1111
+ append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
1004
1112
  }
1005
- ))), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-shrink-0" }, /* @__PURE__ */ React11__namespace.createElement(
1113
+ ))), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-shrink-0" }, /* @__PURE__ */ React12__namespace.createElement(
1006
1114
  Toggle,
1007
1115
  {
1008
1116
  className: "sb-shrink-0 sb-flex sb-w-8 sb-h-8 sb-p-0",
@@ -1011,7 +1119,7 @@ var SpacingInput = (props) => {
1011
1119
  pressed: indipendent,
1012
1120
  onPressedChange: setIndipendent
1013
1121
  },
1014
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.ScanIcon, { className: "sb-h-4 sb-w-4" })
1122
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.ScanIcon, { className: "sb-h-4 sb-w-4" })
1015
1123
  )));
1016
1124
  };
1017
1125
  var isIndipendent = (value) => {
@@ -1064,7 +1172,7 @@ var designSchema = zod.z.object({
1064
1172
  });
1065
1173
  var ItemDesignForm = (props) => {
1066
1174
  const { item } = props;
1067
- const component = chunkBEBS2427_js.builder.getComponent(item.component);
1175
+ const component = chunkVR3UNUZD_js.builder.getComponent(item.component);
1068
1176
  if (!component) {
1069
1177
  throw new Error(
1070
1178
  `[simple-builder]: Component "${item.component}" not found`
@@ -1105,7 +1213,7 @@ var ItemDesignForm = (props) => {
1105
1213
  mobile: getDefaultDeviceValues("mobile")
1106
1214
  }
1107
1215
  });
1108
- const { patchItem } = chunkEQDGBWL2_js.useBuilder();
1216
+ const { patchItem } = chunkGST3B44T_js.useBuilder();
1109
1217
  const onSubmit = (values) => {
1110
1218
  const { container, desktop, mobile } = values;
1111
1219
  const dirtyFields = form.formState.dirtyFields;
@@ -1143,107 +1251,107 @@ var ItemDesignForm = (props) => {
1143
1251
  }
1144
1252
  });
1145
1253
  };
1146
- const [device, setDevice] = React11__namespace.useState("desktop");
1147
- React11__namespace.useEffect(() => {
1254
+ const [device, setDevice] = React12__namespace.useState("desktop");
1255
+ React12__namespace.useEffect(() => {
1148
1256
  const subscription = form.watch(() => form.handleSubmit(onSubmit)());
1149
1257
  return () => subscription.unsubscribe();
1150
1258
  }, [form.watch, form.handleSubmit]);
1151
- return /* @__PURE__ */ React11__namespace.createElement(Form, { ...form }, /* @__PURE__ */ React11__namespace.createElement("form", { onSubmit: form.handleSubmit(onSubmit) }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-4 sb-p-4" }, /* @__PURE__ */ React11__namespace.createElement(
1259
+ return /* @__PURE__ */ React12__namespace.createElement(Form, { ...form }, /* @__PURE__ */ React12__namespace.createElement("form", { onSubmit: form.handleSubmit(onSubmit) }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-4 sb-p-4" }, /* @__PURE__ */ React12__namespace.createElement(
1152
1260
  Tabs,
1153
1261
  {
1154
1262
  defaultValue: device,
1155
1263
  onValueChange: (device2) => setDevice(device2)
1156
1264
  },
1157
- /* @__PURE__ */ React11__namespace.createElement(TabsList, { className: "sb-h-9 sb-grid sb-w-full sb-grid-cols-2" }, /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { value: "desktop", className: "sb-text-xs" }, /* @__PURE__ */ React11__namespace.createElement(lucideReact.MonitorIcon, { className: "sb-h-4 sb-w-4 sb-mr-2" }), /* @__PURE__ */ React11__namespace.createElement("span", null, "Desktop")), /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { value: "mobile", className: "sb-text-xs" }, /* @__PURE__ */ React11__namespace.createElement(lucideReact.SmartphoneIcon, { className: "sb-h-4 sb-w-4 sb-mr-2" }), /* @__PURE__ */ React11__namespace.createElement("span", null, "Mobiel")))
1158
- ), /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-space-y-4" }, /* @__PURE__ */ React11__namespace.createElement(
1265
+ /* @__PURE__ */ React12__namespace.createElement(TabsList, { className: "sb-h-9 sb-grid sb-w-full sb-grid-cols-2" }, /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { value: "desktop", className: "sb-text-xs" }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.MonitorIcon, { className: "sb-h-4 sb-w-4 sb-mr-2" }), /* @__PURE__ */ React12__namespace.createElement("span", null, "Desktop")), /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { value: "mobile", className: "sb-text-xs" }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.SmartphoneIcon, { className: "sb-h-4 sb-w-4 sb-mr-2" }), /* @__PURE__ */ React12__namespace.createElement("span", null, "Mobiel")))
1266
+ ), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-4" }, /* @__PURE__ */ React12__namespace.createElement(
1159
1267
  FormField,
1160
1268
  {
1161
1269
  control: form.control,
1162
1270
  key: `${device}.background`,
1163
1271
  name: `${device}.background`,
1164
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, null, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, "Achtergrond"), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(
1272
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Achtergrond"), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
1165
1273
  BackgroundPicker,
1166
1274
  {
1167
1275
  background: field.value,
1168
1276
  onBackgroundChange: field.onChange
1169
1277
  }
1170
- )), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
1278
+ )), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
1171
1279
  }
1172
- ), /* @__PURE__ */ React11__namespace.createElement(
1280
+ ), /* @__PURE__ */ React12__namespace.createElement(
1173
1281
  FormField,
1174
1282
  {
1175
1283
  control: form.control,
1176
1284
  key: `${device}.color`,
1177
1285
  name: `${device}.color`,
1178
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, null, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, "Inhoud kleur"), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(
1286
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Inhoud kleur"), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
1179
1287
  ColorPicker,
1180
1288
  {
1181
1289
  color: field.value,
1182
1290
  onColorChange: field.onChange
1183
1291
  }
1184
- )), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
1292
+ )), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
1185
1293
  }
1186
- ), /* @__PURE__ */ React11__namespace.createElement("hr", null), /* @__PURE__ */ React11__namespace.createElement(
1294
+ ), /* @__PURE__ */ React12__namespace.createElement("hr", null), /* @__PURE__ */ React12__namespace.createElement(
1187
1295
  FormField,
1188
1296
  {
1189
1297
  control: form.control,
1190
1298
  name: "container",
1191
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, { className: "sb-flex sb-flex-row sb-items-center sb-justify-between sb-space-y-0" }, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, "Volledige breedte"), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(
1299
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, { className: "sb-flex sb-flex-row sb-items-center sb-justify-between sb-space-y-0" }, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Volledige breedte"), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
1192
1300
  Switch,
1193
1301
  {
1194
1302
  checked: !field.value,
1195
1303
  onCheckedChange: (v) => field.onChange(!v)
1196
1304
  }
1197
- )), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
1305
+ )), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
1198
1306
  }
1199
- ), /* @__PURE__ */ React11__namespace.createElement("hr", null), /* @__PURE__ */ React11__namespace.createElement(
1307
+ ), /* @__PURE__ */ React12__namespace.createElement("hr", null), /* @__PURE__ */ React12__namespace.createElement(
1200
1308
  FormField,
1201
1309
  {
1202
1310
  control: form.control,
1203
1311
  key: `${device}.padding`,
1204
1312
  name: `${device}.padding`,
1205
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, null, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, "Padding"), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(
1313
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Padding"), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
1206
1314
  SpacingInput,
1207
1315
  {
1208
1316
  value: field.value,
1209
1317
  onChange: field.onChange
1210
1318
  }
1211
- )), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
1319
+ )), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
1212
1320
  }
1213
- ), /* @__PURE__ */ React11__namespace.createElement(
1321
+ ), /* @__PURE__ */ React12__namespace.createElement(
1214
1322
  FormField,
1215
1323
  {
1216
1324
  control: form.control,
1217
1325
  key: `${device}.margin`,
1218
1326
  name: `${device}.margin`,
1219
- render: ({ field }) => /* @__PURE__ */ React11__namespace.createElement(FormItem, null, /* @__PURE__ */ React11__namespace.createElement(FormLabel, null, "Margin"), /* @__PURE__ */ React11__namespace.createElement(FormControl, null, /* @__PURE__ */ React11__namespace.createElement(
1327
+ render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Margin"), /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
1220
1328
  SpacingInput,
1221
1329
  {
1222
1330
  value: field.value,
1223
1331
  onChange: field.onChange
1224
1332
  }
1225
- )), /* @__PURE__ */ React11__namespace.createElement(FormMessage, null))
1333
+ )), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
1226
1334
  }
1227
1335
  )))));
1228
1336
  };
1229
- var ScrollArea = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
1337
+ var ScrollArea = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
1230
1338
  ScrollAreaPrimitive__namespace.Root,
1231
1339
  {
1232
1340
  ref,
1233
- className: chunkBEBS2427_js.cn("sb-relative sb-overflow-hidden", className),
1341
+ className: chunkVR3UNUZD_js.cn("sb-relative sb-overflow-hidden", className),
1234
1342
  ...props
1235
1343
  },
1236
- /* @__PURE__ */ React11__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "sb-h-full sb-max-h-[80vh] sb-w-full sb-rounded-[inherit]" }, children),
1237
- /* @__PURE__ */ React11__namespace.createElement(ScrollBar, null),
1238
- /* @__PURE__ */ React11__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null)
1344
+ /* @__PURE__ */ React12__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "sb-h-full sb-max-h-[80vh] sb-w-full sb-rounded-[inherit]" }, children),
1345
+ /* @__PURE__ */ React12__namespace.createElement(ScrollBar, null),
1346
+ /* @__PURE__ */ React12__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null)
1239
1347
  ));
1240
1348
  ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
1241
- var ScrollBar = React11__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React11__namespace.createElement(
1349
+ var ScrollBar = React12__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
1242
1350
  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
1243
1351
  {
1244
1352
  ref,
1245
1353
  orientation,
1246
- className: chunkBEBS2427_js.cn(
1354
+ className: chunkVR3UNUZD_js.cn(
1247
1355
  "sb-flex sb-touch-none sb-select-none sb-transition-colors",
1248
1356
  orientation === "vertical" && "sb-h-full sb-w-2.5 sb-border-l sb-border-l-transparent sb-p-[1px]",
1249
1357
  orientation === "horizontal" && "sb-h-2.5 sb-flex-col sb-border-t sb-border-t-transparent sb-p-[1px]",
@@ -1251,36 +1359,36 @@ var ScrollBar = React11__namespace.forwardRef(({ className, orientation = "verti
1251
1359
  ),
1252
1360
  ...props
1253
1361
  },
1254
- /* @__PURE__ */ React11__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "sb-relative sb-flex-1 sb-rounded-full sb-bg-border" })
1362
+ /* @__PURE__ */ React12__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "sb-relative sb-flex-1 sb-rounded-full sb-bg-border" })
1255
1363
  ));
1256
1364
  ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
1257
1365
 
1258
1366
  // src/components/container-item-toolbar.tsx
1259
1367
  var ContainerItemToolbar = (props) => {
1260
1368
  const { contentId, canBringUp = false, canBringDown = false } = props;
1261
- const { bringUp, bringDown } = chunkEQDGBWL2_js.useBuilder();
1262
- return /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-absolute sb-z-20 sb-top-1 sb-right-1 sb-rounded-md sb-shadow sb-flex sb-flex-col sb-gap-1 sb-p-1 sb-bg-card sb-text-card-foreground sb-item-toolbar sb-opacity-0 sb-transition-opacity" }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-h-10 sb-p-1 sb-border sb-border-input sb-bg-background sb-rounded-md sb-text-sm sb-font-medium sb-flex sb-gap-1 sb-items-center sb-justify-start" }, /* @__PURE__ */ React11__namespace.createElement(EditButton, { id: contentId }), /* @__PURE__ */ React11__namespace.createElement(
1263
- chunkEQDGBWL2_js.Button,
1369
+ const { bringUp, bringDown } = chunkGST3B44T_js.useBuilder();
1370
+ return /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-absolute sb-z-20 sb-top-1 sb-right-1 sb-rounded-md sb-shadow sb-flex sb-flex-col sb-gap-1 sb-p-1 sb-bg-card sb-text-card-foreground sb-item-toolbar sb-opacity-0 sb-transition-opacity" }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-h-10 sb-p-1 sb-border sb-border-input sb-bg-background sb-rounded-md sb-text-sm sb-font-medium sb-flex sb-gap-1 sb-items-center sb-justify-start" }, /* @__PURE__ */ React12__namespace.createElement(EditButton, { id: contentId }), /* @__PURE__ */ React12__namespace.createElement(
1371
+ chunkGST3B44T_js.Button,
1264
1372
  {
1265
1373
  variant: "ghost",
1266
1374
  className: "sb-w-8 sb-h-8 sb-p-0",
1267
1375
  onClick: () => bringUp(contentId),
1268
1376
  disabled: !canBringUp
1269
1377
  },
1270
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.ArrowUp, { className: "sb-h-5 sb-w-5" })
1271
- ), /* @__PURE__ */ React11__namespace.createElement(
1272
- chunkEQDGBWL2_js.Button,
1378
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.ArrowUp, { className: "sb-h-5 sb-w-5" })
1379
+ ), /* @__PURE__ */ React12__namespace.createElement(
1380
+ chunkGST3B44T_js.Button,
1273
1381
  {
1274
1382
  variant: "ghost",
1275
1383
  className: "sb-w-8 sb-h-8 sb-p-0",
1276
1384
  onClick: () => bringDown(contentId),
1277
1385
  disabled: !canBringDown
1278
1386
  },
1279
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.ArrowDown, { className: "sb-h-5 sb-w-5" })
1280
- ), /* @__PURE__ */ React11__namespace.createElement(DeleteButton, { contentId })));
1387
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.ArrowDown, { className: "sb-h-5 sb-w-5" })
1388
+ ), /* @__PURE__ */ React12__namespace.createElement(DeleteButton, { contentId })));
1281
1389
  };
1282
1390
  var EditButton = ({ id }) => {
1283
- return /* @__PURE__ */ React11__namespace.createElement(Popover, { modal: true }, /* @__PURE__ */ React11__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React11__namespace.createElement(chunkEQDGBWL2_js.Button, { variant: "ghost", className: "sb-w-8 sb-h-8 sb-p-0" }, /* @__PURE__ */ React11__namespace.createElement(lucideReact.Edit2Icon, { className: "sb-h-5 sb-w-5" }))), /* @__PURE__ */ React11__namespace.createElement(
1391
+ return /* @__PURE__ */ React12__namespace.createElement(Popover, { modal: true }, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(chunkGST3B44T_js.Button, { variant: "ghost", className: "sb-w-8 sb-h-8 sb-p-0" }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.Edit2Icon, { className: "sb-h-5 sb-w-5" }))), /* @__PURE__ */ React12__namespace.createElement(
1284
1392
  PopoverContent,
1285
1393
  {
1286
1394
  side: "left",
@@ -1290,33 +1398,33 @@ var EditButton = ({ id }) => {
1290
1398
  className: "sb-p-0 sb-relative",
1291
1399
  collisionPadding: 16
1292
1400
  },
1293
- /* @__PURE__ */ React11__namespace.createElement(EditPopoverInner, { id })
1401
+ /* @__PURE__ */ React12__namespace.createElement(EditPopoverInner, { id })
1294
1402
  ));
1295
1403
  };
1296
1404
  var EditPopoverInner = (props) => {
1297
1405
  const { id } = props;
1298
- const { getItem } = chunkEQDGBWL2_js.useBuilder();
1406
+ const { getItem } = chunkGST3B44T_js.useBuilder();
1299
1407
  const item = getItem(id);
1300
1408
  if (!item) {
1301
1409
  throw new Error(
1302
1410
  `[simple-builder]: Item with id ${id} not found in container item form component`
1303
1411
  );
1304
1412
  }
1305
- return /* @__PURE__ */ React11__namespace.createElement(Tabs, null, /* @__PURE__ */ React11__namespace.createElement(TabsList, { variant: "text", defaultValue: "content" }, /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { variant: "text", value: "content" }, "Inhoud"), /* @__PURE__ */ React11__namespace.createElement(TabsTrigger, { variant: "text", value: "design" }, "Design")), /* @__PURE__ */ React11__namespace.createElement(TabsContent, { value: "content" }, /* @__PURE__ */ React11__namespace.createElement(ScrollArea, null, /* @__PURE__ */ React11__namespace.createElement(ContainerItemForm, { item }))), /* @__PURE__ */ React11__namespace.createElement(TabsContent, { value: "design" }, /* @__PURE__ */ React11__namespace.createElement(ItemDesignForm, { item })));
1413
+ return /* @__PURE__ */ React12__namespace.createElement(Tabs, null, /* @__PURE__ */ React12__namespace.createElement(TabsList, { variant: "text", defaultValue: "content" }, /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { variant: "text", value: "content" }, "Inhoud"), /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { variant: "text", value: "design" }, "Design")), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "content" }, /* @__PURE__ */ React12__namespace.createElement(ScrollArea, null, /* @__PURE__ */ React12__namespace.createElement(ContainerItemForm, { item }))), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "design" }, /* @__PURE__ */ React12__namespace.createElement(ItemDesignForm, { item })));
1306
1414
  };
1307
1415
  var DeleteButton = ({ contentId }) => {
1308
- const { deleteContent } = chunkEQDGBWL2_js.useBuilder();
1309
- return /* @__PURE__ */ React11__namespace.createElement(AlertDialog, null, /* @__PURE__ */ React11__namespace.createElement(AlertDialogTrigger, { asChild: true }, /* @__PURE__ */ React11__namespace.createElement(
1310
- chunkEQDGBWL2_js.Button,
1416
+ const { deleteContent } = chunkGST3B44T_js.useBuilder();
1417
+ return /* @__PURE__ */ React12__namespace.createElement(AlertDialog, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
1418
+ chunkGST3B44T_js.Button,
1311
1419
  {
1312
1420
  variant: "ghost",
1313
1421
  className: "sb-w-8 sb-h-8 sb-p-0 sb-text-destructive"
1314
1422
  },
1315
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-5 sb-w-5" })
1316
- )), /* @__PURE__ */ React11__namespace.createElement(AlertDialogContent, null, /* @__PURE__ */ React11__namespace.createElement(AlertDialogDescription, null, "Weet je zeker dat je dit blok wilt verwijderen?"), /* @__PURE__ */ React11__namespace.createElement(AlertDialogFooter, null, /* @__PURE__ */ React11__namespace.createElement(AlertDialogCancel, null, "Annuleren"), /* @__PURE__ */ React11__namespace.createElement(
1423
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-5 sb-w-5" })
1424
+ )), /* @__PURE__ */ React12__namespace.createElement(AlertDialogContent, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogDescription, null, "Weet je zeker dat je dit blok wilt verwijderen?"), /* @__PURE__ */ React12__namespace.createElement(AlertDialogFooter, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogCancel, null, "Annuleren"), /* @__PURE__ */ React12__namespace.createElement(
1317
1425
  AlertDialogAction,
1318
1426
  {
1319
- className: chunkEQDGBWL2_js.buttonVariants({ variant: "destructive" }),
1427
+ className: chunkGST3B44T_js.buttonVariants({ variant: "destructive" }),
1320
1428
  onClick: () => deleteContent(contentId)
1321
1429
  },
1322
1430
  "Verwijderen"
@@ -1332,14 +1440,14 @@ var BuildContainerInner = (props) => {
1332
1440
  "[simple-builder]: Multiple content blocks detected when using property multiple false."
1333
1441
  );
1334
1442
  }
1335
- return /* @__PURE__ */ React11__namespace.createElement("div", null, items.length <= 0 ? /* @__PURE__ */ React11__namespace.createElement(AddContentPlaceholder, { parent: id, container: name, index: 0 }) : multiple && /* @__PURE__ */ React11__namespace.createElement(AddContentDividerButton, { parent: id, container: name, index: 0 }), items.map((item, i) => /* @__PURE__ */ React11__namespace.createElement(React11__namespace.Fragment, { key: item.id }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-relative sb-container-item" }, /* @__PURE__ */ React11__namespace.createElement(chunkBEBS2427_js.DesignWrapper, { styles: item.styles }, chunkBEBS2427_js.builder.bindComponent(item, true)), /* @__PURE__ */ React11__namespace.createElement(
1443
+ return /* @__PURE__ */ React12__namespace.createElement("div", null, items.length <= 0 ? /* @__PURE__ */ React12__namespace.createElement(AddContentPlaceholder, { parent: id, container: name, index: 0 }) : multiple && /* @__PURE__ */ React12__namespace.createElement(AddContentDividerButton, { parent: id, container: name, index: 0 }), items.map((item, i) => /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, { key: item.id }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-relative sb-container-item" }, /* @__PURE__ */ React12__namespace.createElement(chunkVR3UNUZD_js.DesignWrapper, { styles: item.styles }, chunkVR3UNUZD_js.builder.bindComponent(item, true)), /* @__PURE__ */ React12__namespace.createElement(
1336
1444
  ContainerItemToolbar,
1337
1445
  {
1338
1446
  contentId: item.id,
1339
1447
  canBringUp: i > 0,
1340
1448
  canBringDown: i < items.length - 1
1341
1449
  }
1342
- )), multiple && /* @__PURE__ */ React11__namespace.createElement(
1450
+ )), multiple && /* @__PURE__ */ React12__namespace.createElement(
1343
1451
  AddContentDividerButton,
1344
1452
  {
1345
1453
  parent: id,
@@ -1350,12 +1458,12 @@ var BuildContainerInner = (props) => {
1350
1458
  };
1351
1459
  var build_container_client_default = BuildContainerInner;
1352
1460
  var AddContentButton = (props) => {
1353
- const components = chunkBEBS2427_js.builder.getComponents();
1354
- const { addContent } = chunkEQDGBWL2_js.useBuilder();
1355
- return /* @__PURE__ */ React11__namespace.createElement(Popover, null, /* @__PURE__ */ React11__namespace.createElement(PopoverTrigger, { asChild: true }, props.children), /* @__PURE__ */ React11__namespace.createElement(PopoverContent, { className: "sb-p-1" }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-gap-2" }, components.map((component) => {
1356
- const Icon = component.icon ?? lucideReact.ImageIcon;
1357
- return /* @__PURE__ */ React11__namespace.createElement(PopoverClose, { key: component.name, asChild: true }, /* @__PURE__ */ React11__namespace.createElement(
1358
- chunkEQDGBWL2_js.Button,
1461
+ const components = chunkVR3UNUZD_js.builder.getComponents();
1462
+ const { addContent } = chunkGST3B44T_js.useBuilder();
1463
+ return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, props.children), /* @__PURE__ */ React12__namespace.createElement(PopoverContent, { className: "sb-p-1" }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-grid sb-grid-cols-2 sb-gap-2" }, components.map((component) => {
1464
+ const Icon2 = component.icon ?? lucideReact.ImageIcon;
1465
+ return /* @__PURE__ */ React12__namespace.createElement(PopoverClose, { key: component.name, asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
1466
+ chunkGST3B44T_js.Button,
1359
1467
  {
1360
1468
  variant: "ghost",
1361
1469
  className: "sb-justify-start",
@@ -1368,22 +1476,22 @@ var AddContentButton = (props) => {
1368
1476
  );
1369
1477
  }
1370
1478
  },
1371
- /* @__PURE__ */ React11__namespace.createElement(Icon, { className: "sb-mr-2 sb-h-4 sb-w-4 sb-shrink-0" }),
1479
+ /* @__PURE__ */ React12__namespace.createElement(Icon2, { className: "sb-mr-2 sb-h-4 sb-w-4 sb-shrink-0" }),
1372
1480
  component.friendlyName ?? component.name
1373
1481
  ));
1374
1482
  }))));
1375
1483
  };
1376
1484
  var AddContentPlaceholder = (props) => {
1377
- return /* @__PURE__ */ React11__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-flex sb-justify-center sb-bg-primary/50 p-4" }, /* @__PURE__ */ React11__namespace.createElement(chunkEQDGBWL2_js.Button, { size: "sm" }, /* @__PURE__ */ React11__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }), "Blok Toevoegen")));
1485
+ return /* @__PURE__ */ React12__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-flex sb-justify-center sb-bg-primary/50 p-4" }, /* @__PURE__ */ React12__namespace.createElement(chunkGST3B44T_js.Button, { size: "sm" }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }), "Blok Toevoegen")));
1378
1486
  };
1379
1487
  var AddContentDividerButton = (props) => {
1380
- return /* @__PURE__ */ React11__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React11__namespace.createElement("div", { className: "sb-w-full sb-h-1 sb--my-[2px] sb-bg-primary sb-relative sb-z-20 sb-opacity-0 add-content-divider-button sb-transition-opacity" }, /* @__PURE__ */ React11__namespace.createElement(
1381
- chunkEQDGBWL2_js.Button,
1488
+ return /* @__PURE__ */ React12__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-w-full sb-h-1 sb--my-[2px] sb-bg-primary sb-relative sb-z-20 sb-opacity-0 add-content-divider-button sb-transition-opacity" }, /* @__PURE__ */ React12__namespace.createElement(
1489
+ chunkGST3B44T_js.Button,
1382
1490
  {
1383
1491
  size: "sm",
1384
1492
  className: "sb-absolute sb-left-1/2 sb-top-1/2 sb--translate-y-1/2 sb--translate-x-1/2 sb-shadow"
1385
1493
  },
1386
- /* @__PURE__ */ React11__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
1494
+ /* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
1387
1495
  "Blok Toevoegen"
1388
1496
  )));
1389
1497
  };