@simple-builder/react 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{build-container-client-MHVIH442.js → build-container-client-DKP66XWJ.js} +232 -268
- package/dist/{build-container-client-R2FNJHPM.mjs → build-container-client-VVBART5S.mjs} +176 -209
- package/dist/{builder-content-MNCJZTFS.mjs → builder-content-2ZCDLKAI.mjs} +2 -2
- package/dist/{builder-content-BOQEXOAK.js → builder-content-RAITJRFM.js} +7 -7
- package/dist/{chunk-N2X3IJBG.js → chunk-2CKQ5QRQ.js} +3 -3
- package/dist/{chunk-IVFWYNC3.mjs → chunk-5IFB55LU.mjs} +2 -2
- package/dist/chunk-5YLARMT3.js +145 -0
- package/dist/{chunk-GSOMMLCG.js → chunk-PJOHRI67.js} +5 -40
- package/dist/{chunk-LPIHSXYO.mjs → chunk-V2LC2Z4Q.mjs} +2 -35
- package/dist/chunk-XHPQBTIC.mjs +115 -0
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -6
- package/dist/index.mjs +2 -2
- package/package.json +2 -2
- package/dist/chunk-FGQSJAOO.mjs +0 -52
- package/dist/chunk-UZFAGH6G.js +0 -74
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
require('./chunk-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
4
|
+
require('./chunk-2CKQ5QRQ.js');
|
|
5
|
+
var chunkPJOHRI67_js = require('./chunk-PJOHRI67.js');
|
|
6
|
+
var chunk5YLARMT3_js = require('./chunk-5YLARMT3.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');
|
|
@@ -15,14 +15,11 @@ var reactSlot = require('@radix-ui/react-slot');
|
|
|
15
15
|
var LabelPrimitive = require('@radix-ui/react-label');
|
|
16
16
|
var classVarianceAuthority = require('class-variance-authority');
|
|
17
17
|
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
18
|
-
var NextImage = require('next/image');
|
|
19
18
|
var SwitchPrimitives = require('@radix-ui/react-switch');
|
|
20
19
|
var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
21
20
|
var dateFns = require('date-fns');
|
|
22
21
|
var reactDayPicker = require('react-day-picker');
|
|
23
22
|
|
|
24
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
|
-
|
|
26
23
|
function _interopNamespace(e) {
|
|
27
24
|
if (e && e.__esModule) return e;
|
|
28
25
|
var n = Object.create(null);
|
|
@@ -41,22 +38,21 @@ function _interopNamespace(e) {
|
|
|
41
38
|
return Object.freeze(n);
|
|
42
39
|
}
|
|
43
40
|
|
|
44
|
-
var
|
|
41
|
+
var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
|
|
45
42
|
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
46
43
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
47
44
|
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
48
45
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
49
|
-
var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
|
|
50
46
|
var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
|
|
51
47
|
var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
|
|
52
48
|
|
|
53
49
|
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
54
50
|
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
55
51
|
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
56
|
-
var AlertDialogOverlay =
|
|
52
|
+
var AlertDialogOverlay = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
57
53
|
AlertDialogPrimitive__namespace.Overlay,
|
|
58
54
|
{
|
|
59
|
-
className:
|
|
55
|
+
className: chunk5YLARMT3_js.cn(
|
|
60
56
|
"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",
|
|
61
57
|
className
|
|
62
58
|
),
|
|
@@ -65,11 +61,11 @@ var AlertDialogOverlay = React13__namespace.forwardRef(({ className, ...props },
|
|
|
65
61
|
}
|
|
66
62
|
));
|
|
67
63
|
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
68
|
-
var AlertDialogContent =
|
|
64
|
+
var AlertDialogContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React12__namespace.createElement(
|
|
69
65
|
AlertDialogPrimitive__namespace.Content,
|
|
70
66
|
{
|
|
71
67
|
ref,
|
|
72
|
-
className:
|
|
68
|
+
className: chunk5YLARMT3_js.cn(
|
|
73
69
|
"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",
|
|
74
70
|
className
|
|
75
71
|
),
|
|
@@ -80,10 +76,10 @@ AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.display
|
|
|
80
76
|
var AlertDialogFooter = ({
|
|
81
77
|
className,
|
|
82
78
|
...props
|
|
83
|
-
}) => /* @__PURE__ */
|
|
79
|
+
}) => /* @__PURE__ */ React12__namespace.createElement(
|
|
84
80
|
"div",
|
|
85
81
|
{
|
|
86
|
-
className:
|
|
82
|
+
className: chunk5YLARMT3_js.cn(
|
|
87
83
|
"sb-flex sb-flex-col-reverse sm:sb-flex-row sm:sb-justify-end sm:sb-space-x-2",
|
|
88
84
|
className
|
|
89
85
|
),
|
|
@@ -91,39 +87,39 @@ var AlertDialogFooter = ({
|
|
|
91
87
|
}
|
|
92
88
|
);
|
|
93
89
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
94
|
-
var AlertDialogTitle =
|
|
90
|
+
var AlertDialogTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
95
91
|
AlertDialogPrimitive__namespace.Title,
|
|
96
92
|
{
|
|
97
93
|
ref,
|
|
98
|
-
className:
|
|
94
|
+
className: chunk5YLARMT3_js.cn("sb-text-lg sb-font-semibold", className),
|
|
99
95
|
...props
|
|
100
96
|
}
|
|
101
97
|
));
|
|
102
98
|
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
103
|
-
var AlertDialogDescription =
|
|
99
|
+
var AlertDialogDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
104
100
|
AlertDialogPrimitive__namespace.Description,
|
|
105
101
|
{
|
|
106
102
|
ref,
|
|
107
|
-
className:
|
|
103
|
+
className: chunk5YLARMT3_js.cn("sb-text-sm sb-text-muted-foreground", className),
|
|
108
104
|
...props
|
|
109
105
|
}
|
|
110
106
|
));
|
|
111
107
|
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
112
|
-
var AlertDialogAction =
|
|
108
|
+
var AlertDialogAction = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
113
109
|
AlertDialogPrimitive__namespace.Action,
|
|
114
110
|
{
|
|
115
111
|
ref,
|
|
116
|
-
className:
|
|
112
|
+
className: chunk5YLARMT3_js.cn(chunkPJOHRI67_js.buttonVariants(), className),
|
|
117
113
|
...props
|
|
118
114
|
}
|
|
119
115
|
));
|
|
120
116
|
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
121
|
-
var AlertDialogCancel =
|
|
117
|
+
var AlertDialogCancel = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
122
118
|
AlertDialogPrimitive__namespace.Cancel,
|
|
123
119
|
{
|
|
124
120
|
ref,
|
|
125
|
-
className:
|
|
126
|
-
|
|
121
|
+
className: chunk5YLARMT3_js.cn(
|
|
122
|
+
chunkPJOHRI67_js.buttonVariants({ variant: "outline" }),
|
|
127
123
|
"sb-mt-2 sm:sb-mt-0",
|
|
128
124
|
className
|
|
129
125
|
),
|
|
@@ -134,13 +130,13 @@ AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayNa
|
|
|
134
130
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
135
131
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
136
132
|
var PopoverClose = PopoverPrimitive__namespace.Close;
|
|
137
|
-
var PopoverContent =
|
|
133
|
+
var PopoverContent = React12__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
138
134
|
PopoverPrimitive__namespace.Content,
|
|
139
135
|
{
|
|
140
136
|
ref,
|
|
141
137
|
align,
|
|
142
138
|
sideOffset,
|
|
143
|
-
className:
|
|
139
|
+
className: chunk5YLARMT3_js.cn(
|
|
144
140
|
"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",
|
|
145
141
|
className
|
|
146
142
|
),
|
|
@@ -151,11 +147,11 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
|
151
147
|
var labelVariants = classVarianceAuthority.cva(
|
|
152
148
|
"sb-text-sm sb-font-medium sb-font-roboto sb-leading-none peer-disabled:sb-cursor-not-allowed peer-disabled:sb-opacity-70"
|
|
153
149
|
);
|
|
154
|
-
var Label =
|
|
150
|
+
var Label = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
155
151
|
LabelPrimitive__namespace.Root,
|
|
156
152
|
{
|
|
157
153
|
ref,
|
|
158
|
-
className:
|
|
154
|
+
className: chunk5YLARMT3_js.cn(labelVariants(), className),
|
|
159
155
|
...props
|
|
160
156
|
}
|
|
161
157
|
));
|
|
@@ -163,17 +159,17 @@ Label.displayName = LabelPrimitive__namespace.Root.displayName;
|
|
|
163
159
|
|
|
164
160
|
// src/components/ui/form.tsx
|
|
165
161
|
var Form = reactHookForm.FormProvider;
|
|
166
|
-
var FormFieldContext =
|
|
162
|
+
var FormFieldContext = React12__namespace.createContext(
|
|
167
163
|
{}
|
|
168
164
|
);
|
|
169
165
|
var FormField = ({
|
|
170
166
|
...props
|
|
171
167
|
}) => {
|
|
172
|
-
return /* @__PURE__ */
|
|
168
|
+
return /* @__PURE__ */ React12__namespace.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React12__namespace.createElement(reactHookForm.Controller, { ...props }));
|
|
173
169
|
};
|
|
174
170
|
var useFormField = () => {
|
|
175
|
-
const fieldContext =
|
|
176
|
-
const itemContext =
|
|
171
|
+
const fieldContext = React12__namespace.useContext(FormFieldContext);
|
|
172
|
+
const itemContext = React12__namespace.useContext(FormItemContext);
|
|
177
173
|
const { getFieldState, formState } = reactHookForm.useFormContext();
|
|
178
174
|
const fieldState = getFieldState(fieldContext.name, formState);
|
|
179
175
|
if (!fieldContext) {
|
|
@@ -189,30 +185,30 @@ var useFormField = () => {
|
|
|
189
185
|
...fieldState
|
|
190
186
|
};
|
|
191
187
|
};
|
|
192
|
-
var FormItemContext =
|
|
188
|
+
var FormItemContext = React12__namespace.createContext(
|
|
193
189
|
{}
|
|
194
190
|
);
|
|
195
|
-
var FormItem =
|
|
196
|
-
const id =
|
|
197
|
-
return /* @__PURE__ */
|
|
191
|
+
var FormItem = React12__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
192
|
+
const id = React12__namespace.useId();
|
|
193
|
+
return /* @__PURE__ */ React12__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React12__namespace.createElement("div", { ref, className: chunk5YLARMT3_js.cn("sb-space-y-2", className), ...props }));
|
|
198
194
|
});
|
|
199
195
|
FormItem.displayName = "FormItem";
|
|
200
|
-
var FormLabel =
|
|
196
|
+
var FormLabel = React12__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
201
197
|
const { error, formItemId } = useFormField();
|
|
202
|
-
return /* @__PURE__ */
|
|
198
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
203
199
|
Label,
|
|
204
200
|
{
|
|
205
201
|
ref,
|
|
206
|
-
className:
|
|
202
|
+
className: chunk5YLARMT3_js.cn(error && "sb-text-destructive", className),
|
|
207
203
|
htmlFor: formItemId,
|
|
208
204
|
...props
|
|
209
205
|
}
|
|
210
206
|
);
|
|
211
207
|
});
|
|
212
208
|
FormLabel.displayName = "FormLabel";
|
|
213
|
-
var FormControl =
|
|
209
|
+
var FormControl = React12__namespace.forwardRef(({ ...props }, ref) => {
|
|
214
210
|
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
215
|
-
return /* @__PURE__ */
|
|
211
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
216
212
|
reactSlot.Slot,
|
|
217
213
|
{
|
|
218
214
|
ref,
|
|
@@ -224,14 +220,14 @@ var FormControl = React13__namespace.forwardRef(({ ...props }, ref) => {
|
|
|
224
220
|
);
|
|
225
221
|
});
|
|
226
222
|
FormControl.displayName = "FormControl";
|
|
227
|
-
var FormDescription =
|
|
223
|
+
var FormDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
228
224
|
const { formDescriptionId } = useFormField();
|
|
229
|
-
return /* @__PURE__ */
|
|
225
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
230
226
|
"p",
|
|
231
227
|
{
|
|
232
228
|
ref,
|
|
233
229
|
id: formDescriptionId,
|
|
234
|
-
className:
|
|
230
|
+
className: chunk5YLARMT3_js.cn(
|
|
235
231
|
"sb-text-sm sb-font-roboto sb-text-muted-foreground",
|
|
236
232
|
className
|
|
237
233
|
),
|
|
@@ -240,18 +236,18 @@ var FormDescription = React13__namespace.forwardRef(({ className, ...props }, re
|
|
|
240
236
|
);
|
|
241
237
|
});
|
|
242
238
|
FormDescription.displayName = "FormDescription";
|
|
243
|
-
var FormMessage =
|
|
239
|
+
var FormMessage = React12__namespace.forwardRef(({ className, children, ...props }, ref) => {
|
|
244
240
|
const { error, formMessageId } = useFormField();
|
|
245
241
|
const body = error ? String(error?.message) : children;
|
|
246
242
|
if (!body) {
|
|
247
243
|
return null;
|
|
248
244
|
}
|
|
249
|
-
return /* @__PURE__ */
|
|
245
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
250
246
|
"p",
|
|
251
247
|
{
|
|
252
248
|
ref,
|
|
253
249
|
id: formMessageId,
|
|
254
|
-
className:
|
|
250
|
+
className: chunk5YLARMT3_js.cn(
|
|
255
251
|
"sb-text-sm sb-font-roboto sb-font-medium sb-text-destructive",
|
|
256
252
|
className
|
|
257
253
|
),
|
|
@@ -262,11 +258,11 @@ var FormMessage = React13__namespace.forwardRef(({ className, children, ...props
|
|
|
262
258
|
});
|
|
263
259
|
FormMessage.displayName = "FormMessage";
|
|
264
260
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
265
|
-
var TabsList =
|
|
261
|
+
var TabsList = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
266
262
|
TabsPrimitive__namespace.List,
|
|
267
263
|
{
|
|
268
264
|
ref,
|
|
269
|
-
className:
|
|
265
|
+
className: chunk5YLARMT3_js.cn(
|
|
270
266
|
"sb-flex sb-items-center sb-border-b sb-px-4 sb-space-x-6",
|
|
271
267
|
className
|
|
272
268
|
),
|
|
@@ -274,11 +270,11 @@ var TabsList = React13__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
274
270
|
}
|
|
275
271
|
));
|
|
276
272
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
277
|
-
var TabsTrigger =
|
|
273
|
+
var TabsTrigger = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
278
274
|
TabsPrimitive__namespace.Trigger,
|
|
279
275
|
{
|
|
280
276
|
ref,
|
|
281
|
-
className:
|
|
277
|
+
className: chunk5YLARMT3_js.cn(
|
|
282
278
|
"sb-inline-flex sb-font-roboto sb-items-center sb-justify-center sb-whitespace-nowrap sb-py-3 sb-text-sm sb-font-medium sb-transition-all focus-visible:sb-outline-none disabled:sb-pointer-events-none disabled:sb-opacity-50 data-[state=active]:sb-border-black sb-border-b-2 sb-border-transparent data-[state=active]:sb-text-foreground sb-text-muted-foreground",
|
|
283
279
|
className
|
|
284
280
|
),
|
|
@@ -286,11 +282,11 @@ var TabsTrigger = React13__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
286
282
|
}
|
|
287
283
|
));
|
|
288
284
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
289
|
-
var TabsContent =
|
|
285
|
+
var TabsContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
290
286
|
TabsPrimitive__namespace.Content,
|
|
291
287
|
{
|
|
292
288
|
ref,
|
|
293
|
-
className:
|
|
289
|
+
className: chunk5YLARMT3_js.cn(
|
|
294
290
|
"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",
|
|
295
291
|
className
|
|
296
292
|
),
|
|
@@ -298,21 +294,13 @@ var TabsContent = React13__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
298
294
|
}
|
|
299
295
|
));
|
|
300
296
|
TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
|
|
301
|
-
var Image = (props) => {
|
|
302
|
-
if (typeof NextImage__default.default !== "undefined") {
|
|
303
|
-
return /* @__PURE__ */ React13__namespace.createElement(NextImage__default.default.default, { ...props });
|
|
304
|
-
}
|
|
305
|
-
return /* @__PURE__ */ React13__namespace.createElement("img", { ...props });
|
|
306
|
-
};
|
|
307
|
-
|
|
308
|
-
// src/components/ui/media-input.tsx
|
|
309
297
|
var MediaInput = (props) => {
|
|
310
298
|
const { onFilesChange, limit = 32, multiple = false, onError } = props;
|
|
311
|
-
const id =
|
|
312
|
-
const [queue, setQueue] =
|
|
313
|
-
const [sources, setSources] =
|
|
299
|
+
const id = React12__namespace.useId();
|
|
300
|
+
const [queue, setQueue] = React12__namespace.useState([]);
|
|
301
|
+
const [sources, setSources] = React12__namespace.useState(props.files ?? []);
|
|
314
302
|
const maxConcurrentUploads = 3;
|
|
315
|
-
const uploadingCountRef =
|
|
303
|
+
const uploadingCountRef = React12__namespace.useRef(0);
|
|
316
304
|
const handleFilesAdd = async (e) => {
|
|
317
305
|
const files = e.target.files;
|
|
318
306
|
if (!files || files.length === 0) {
|
|
@@ -383,42 +371,42 @@ var MediaInput = (props) => {
|
|
|
383
371
|
body: JSON.stringify({ src })
|
|
384
372
|
});
|
|
385
373
|
};
|
|
386
|
-
return /* @__PURE__ */
|
|
387
|
-
Image,
|
|
374
|
+
return /* @__PURE__ */ React12__namespace.createElement("div", { className: chunk5YLARMT3_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React12__namespace.createElement(MediaInputItem, { key: src, className: chunk5YLARMT3_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React12__namespace.createElement(
|
|
375
|
+
chunk5YLARMT3_js.Image,
|
|
388
376
|
{
|
|
389
377
|
src,
|
|
390
378
|
alt: "",
|
|
391
379
|
fill: true,
|
|
392
380
|
className: "sb-absolute sb-inset-0 sb-object-cover sb-pointer-events-none"
|
|
393
381
|
}
|
|
394
|
-
), /* @__PURE__ */
|
|
382
|
+
), /* @__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(
|
|
395
383
|
"button",
|
|
396
384
|
{
|
|
397
385
|
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",
|
|
398
386
|
onClick: () => handleSourceDelete(src)
|
|
399
387
|
},
|
|
400
|
-
/* @__PURE__ */
|
|
401
|
-
)))), queue.map((_, i) => /* @__PURE__ */
|
|
388
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-4 sb-w-4" })
|
|
389
|
+
)))), queue.map((_, i) => /* @__PURE__ */ React12__namespace.createElement(
|
|
402
390
|
MediaInputItem,
|
|
403
391
|
{
|
|
404
392
|
key: i,
|
|
405
|
-
className:
|
|
393
|
+
className: chunk5YLARMT3_js.cn(
|
|
406
394
|
"sb-flex sb-h-28 sb-w-28 sb-items-center sb-justify-center",
|
|
407
395
|
props.itemClassName
|
|
408
396
|
)
|
|
409
397
|
},
|
|
410
|
-
/* @__PURE__ */
|
|
411
|
-
)), multiple || !multiple && !sources.length && !queue.length ? /* @__PURE__ */
|
|
398
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.Loader2Icon, { className: "sb-h-6 sb-w-6 sb-animate-spin" })
|
|
399
|
+
)), multiple || !multiple && !sources.length && !queue.length ? /* @__PURE__ */ React12__namespace.createElement(
|
|
412
400
|
"label",
|
|
413
401
|
{
|
|
414
402
|
htmlFor: id,
|
|
415
|
-
className:
|
|
403
|
+
className: chunk5YLARMT3_js.cn(
|
|
416
404
|
"sb-flex sb-h-28 sb-w-28 sb-cursor-pointer sb-items-center sb-justify-center sb-rounded-lg sb-border",
|
|
417
405
|
props.itemClassName
|
|
418
406
|
)
|
|
419
407
|
},
|
|
420
|
-
/* @__PURE__ */
|
|
421
|
-
/* @__PURE__ */
|
|
408
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-h-6 sb-w-6" }),
|
|
409
|
+
/* @__PURE__ */ React12__namespace.createElement(
|
|
422
410
|
"input",
|
|
423
411
|
{
|
|
424
412
|
id,
|
|
@@ -432,10 +420,10 @@ var MediaInput = (props) => {
|
|
|
432
420
|
) : null);
|
|
433
421
|
};
|
|
434
422
|
var MediaInputItem = (props) => {
|
|
435
|
-
return /* @__PURE__ */
|
|
423
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
436
424
|
"div",
|
|
437
425
|
{
|
|
438
|
-
className:
|
|
426
|
+
className: chunk5YLARMT3_js.cn(
|
|
439
427
|
"sb-relative sb-h-28 sb-w-28 sb-overflow-hidden sb-rounded-lg sb-border",
|
|
440
428
|
props.className
|
|
441
429
|
)
|
|
@@ -475,38 +463,38 @@ var BackgroundPicker = (props) => {
|
|
|
475
463
|
"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)",
|
|
476
464
|
"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)"
|
|
477
465
|
];
|
|
478
|
-
const defaultTab =
|
|
466
|
+
const defaultTab = React12__namespace.useMemo(() => {
|
|
479
467
|
if (background.includes("url"))
|
|
480
468
|
return "image";
|
|
481
469
|
if (background.includes("gradient"))
|
|
482
470
|
return "gradient";
|
|
483
471
|
return "solid";
|
|
484
472
|
}, [background]);
|
|
485
|
-
return /* @__PURE__ */
|
|
486
|
-
|
|
473
|
+
return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
|
|
474
|
+
chunkPJOHRI67_js.Button,
|
|
487
475
|
{
|
|
488
476
|
variant: "outline",
|
|
489
477
|
size: "sm",
|
|
490
|
-
className:
|
|
478
|
+
className: chunk5YLARMT3_js.cn(
|
|
491
479
|
"sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
|
|
492
480
|
!background && "sb-text-muted-foreground",
|
|
493
481
|
className
|
|
494
482
|
)
|
|
495
483
|
},
|
|
496
|
-
/* @__PURE__ */
|
|
484
|
+
/* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, background ? /* @__PURE__ */ React12__namespace.createElement(
|
|
497
485
|
"div",
|
|
498
486
|
{
|
|
499
487
|
className: "sb-h-4 sb-w-4 sb-rounded !sb-bg-center !sb-bg-cover sb-transition-all sb-border",
|
|
500
488
|
style: { background }
|
|
501
489
|
}
|
|
502
|
-
) : /* @__PURE__ */
|
|
503
|
-
)), /* @__PURE__ */
|
|
490
|
+
) : /* @__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"))
|
|
491
|
+
)), /* @__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(
|
|
504
492
|
TabsContent,
|
|
505
493
|
{
|
|
506
494
|
value: "solid",
|
|
507
495
|
className: "data-[state=active]:sb-flex sb-flex-wrap sb-gap-1 sb-p-4"
|
|
508
496
|
},
|
|
509
|
-
solids.map((s) => /* @__PURE__ */
|
|
497
|
+
solids.map((s) => /* @__PURE__ */ React12__namespace.createElement(
|
|
510
498
|
"div",
|
|
511
499
|
{
|
|
512
500
|
key: s,
|
|
@@ -515,13 +503,13 @@ var BackgroundPicker = (props) => {
|
|
|
515
503
|
onClick: () => onBackgroundChange(s)
|
|
516
504
|
}
|
|
517
505
|
))
|
|
518
|
-
), /* @__PURE__ */
|
|
506
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
519
507
|
TabsContent,
|
|
520
508
|
{
|
|
521
509
|
value: "gradient",
|
|
522
510
|
className: "data-[state=active]:sb-flex sb-flex-wrap sb-gap-1 sb-p-4"
|
|
523
511
|
},
|
|
524
|
-
gradients.map((s) => /* @__PURE__ */
|
|
512
|
+
gradients.map((s) => /* @__PURE__ */ React12__namespace.createElement(
|
|
525
513
|
"div",
|
|
526
514
|
{
|
|
527
515
|
key: s,
|
|
@@ -530,7 +518,7 @@ var BackgroundPicker = (props) => {
|
|
|
530
518
|
onClick: () => onBackgroundChange(s)
|
|
531
519
|
}
|
|
532
520
|
))
|
|
533
|
-
), /* @__PURE__ */
|
|
521
|
+
), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "image" }, /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-p-4 sb-border-b" }, /* @__PURE__ */ React12__namespace.createElement(
|
|
534
522
|
MediaInput,
|
|
535
523
|
{
|
|
536
524
|
className: "sb-grid sb-grid-cols-2 sb-gap-1",
|
|
@@ -546,7 +534,7 @@ var BackgroundPicker = (props) => {
|
|
|
546
534
|
"media-input: Error: " + e?.description
|
|
547
535
|
)
|
|
548
536
|
}
|
|
549
|
-
)), /* @__PURE__ */
|
|
537
|
+
)), /* @__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(
|
|
550
538
|
"div",
|
|
551
539
|
{
|
|
552
540
|
key: s,
|
|
@@ -569,25 +557,25 @@ var ColorPicker = (props) => {
|
|
|
569
557
|
"#009DD1",
|
|
570
558
|
"#FF0000"
|
|
571
559
|
];
|
|
572
|
-
return /* @__PURE__ */
|
|
573
|
-
|
|
560
|
+
return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
|
|
561
|
+
chunkPJOHRI67_js.Button,
|
|
574
562
|
{
|
|
575
563
|
variant: "outline",
|
|
576
564
|
size: "sm",
|
|
577
|
-
className:
|
|
565
|
+
className: chunk5YLARMT3_js.cn(
|
|
578
566
|
"sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
|
|
579
567
|
!color && "sb-text-muted-foreground",
|
|
580
568
|
className
|
|
581
569
|
)
|
|
582
570
|
},
|
|
583
|
-
/* @__PURE__ */
|
|
571
|
+
/* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-w-full sb-flex sb-items-center sb-gap-2" }, color ? /* @__PURE__ */ React12__namespace.createElement(
|
|
584
572
|
"div",
|
|
585
573
|
{
|
|
586
574
|
className: "sb-h-4 sb-w-4 sb-rounded !sb-bg-center !sb-bg-cover sb-transition-all sb-border",
|
|
587
575
|
style: { background: color }
|
|
588
576
|
}
|
|
589
|
-
) : /* @__PURE__ */
|
|
590
|
-
)), /* @__PURE__ */
|
|
577
|
+
) : /* @__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"))
|
|
578
|
+
)), /* @__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(
|
|
591
579
|
"div",
|
|
592
580
|
{
|
|
593
581
|
key: s,
|
|
@@ -597,13 +585,13 @@ var ColorPicker = (props) => {
|
|
|
597
585
|
}
|
|
598
586
|
))));
|
|
599
587
|
};
|
|
600
|
-
var Input =
|
|
588
|
+
var Input = React12__namespace.forwardRef(
|
|
601
589
|
({ className, type, ...props }, ref) => {
|
|
602
|
-
return /* @__PURE__ */
|
|
590
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
603
591
|
"input",
|
|
604
592
|
{
|
|
605
593
|
type,
|
|
606
|
-
className:
|
|
594
|
+
className: chunk5YLARMT3_js.cn(
|
|
607
595
|
"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",
|
|
608
596
|
className
|
|
609
597
|
),
|
|
@@ -614,26 +602,26 @@ var Input = React13__namespace.forwardRef(
|
|
|
614
602
|
}
|
|
615
603
|
);
|
|
616
604
|
Input.displayName = "Input";
|
|
617
|
-
var AdvancedInput =
|
|
605
|
+
var AdvancedInput = React12__namespace.forwardRef(
|
|
618
606
|
({ prepend, append, ...props }, ref) => {
|
|
619
|
-
return /* @__PURE__ */
|
|
607
|
+
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));
|
|
620
608
|
}
|
|
621
609
|
);
|
|
622
610
|
AdvancedInput.displayName = "AdvancedInput";
|
|
623
|
-
var Switch =
|
|
611
|
+
var Switch = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
624
612
|
SwitchPrimitives__namespace.Root,
|
|
625
613
|
{
|
|
626
|
-
className:
|
|
614
|
+
className: chunk5YLARMT3_js.cn(
|
|
627
615
|
"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",
|
|
628
616
|
className
|
|
629
617
|
),
|
|
630
618
|
...props,
|
|
631
619
|
ref
|
|
632
620
|
},
|
|
633
|
-
/* @__PURE__ */
|
|
621
|
+
/* @__PURE__ */ React12__namespace.createElement(
|
|
634
622
|
SwitchPrimitives__namespace.Thumb,
|
|
635
623
|
{
|
|
636
|
-
className:
|
|
624
|
+
className: chunk5YLARMT3_js.cn(
|
|
637
625
|
"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"
|
|
638
626
|
)
|
|
639
627
|
}
|
|
@@ -660,11 +648,11 @@ var toggleVariants = classVarianceAuthority.cva(
|
|
|
660
648
|
}
|
|
661
649
|
}
|
|
662
650
|
);
|
|
663
|
-
var Toggle =
|
|
651
|
+
var Toggle = React12__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ React12__namespace.createElement(
|
|
664
652
|
TogglePrimitive__namespace.Root,
|
|
665
653
|
{
|
|
666
654
|
ref,
|
|
667
|
-
className:
|
|
655
|
+
className: chunk5YLARMT3_js.cn(toggleVariants({ variant, size, className })),
|
|
668
656
|
...props
|
|
669
657
|
}
|
|
670
658
|
));
|
|
@@ -691,20 +679,21 @@ var designSchema = zod.z.object({
|
|
|
691
679
|
color: zod.z.string(),
|
|
692
680
|
padding: spacingSchema,
|
|
693
681
|
margin: spacingSchema
|
|
694
|
-
});
|
|
682
|
+
}).passthrough();
|
|
695
683
|
var ItemDesignForm = (props) => {
|
|
696
684
|
const { item } = props;
|
|
697
|
-
const { patchItem } =
|
|
698
|
-
const initialPadding =
|
|
699
|
-
const initialMargin =
|
|
685
|
+
const { patchItem } = chunkPJOHRI67_js.useBuilder();
|
|
686
|
+
const initialPadding = chunk5YLARMT3_js.spacing.parse(item.styles?.padding ?? "");
|
|
687
|
+
const initialMargin = chunk5YLARMT3_js.spacing.parse(item.styles?.margin ?? "");
|
|
700
688
|
const form = reactHookForm.useForm({
|
|
701
689
|
resolver: zod$1.zodResolver(designSchema),
|
|
702
690
|
defaultValues: {
|
|
691
|
+
...item.styles,
|
|
703
692
|
container: item.styles?.container ?? true,
|
|
704
693
|
background: item.styles?.background ?? "",
|
|
705
694
|
color: item.styles?.color ?? "",
|
|
706
695
|
padding: {
|
|
707
|
-
indipendent:
|
|
696
|
+
indipendent: chunk5YLARMT3_js.spacing.isIndipendent(
|
|
708
697
|
item.styles?.padding ?? ""
|
|
709
698
|
),
|
|
710
699
|
horizontal: initialPadding.left,
|
|
@@ -715,7 +704,7 @@ var ItemDesignForm = (props) => {
|
|
|
715
704
|
bottom: initialPadding.bottom
|
|
716
705
|
},
|
|
717
706
|
margin: {
|
|
718
|
-
indipendent:
|
|
707
|
+
indipendent: chunk5YLARMT3_js.spacing.isIndipendent(
|
|
719
708
|
item.styles?.margin ?? ""
|
|
720
709
|
),
|
|
721
710
|
horizontal: initialMargin.left,
|
|
@@ -728,20 +717,18 @@ var ItemDesignForm = (props) => {
|
|
|
728
717
|
}
|
|
729
718
|
});
|
|
730
719
|
const onSubmit = (values) => {
|
|
731
|
-
const {
|
|
720
|
+
const { padding: p, margin: m, ...rest } = values;
|
|
732
721
|
const padding = !p.indipendent ? `${p.vertical}px ${p.horizontal}px` : `${p.top}px ${p.right}px ${p.bottom}px ${p.left}px`;
|
|
733
722
|
const margin = !m.indipendent ? `${m.vertical}px ${m.horizontal}px` : `${m.top}px ${m.right}px ${m.bottom}px ${m.left}px`;
|
|
734
723
|
patchItem(item.id, {
|
|
735
724
|
styles: {
|
|
736
|
-
container,
|
|
737
|
-
background,
|
|
738
|
-
color,
|
|
739
725
|
padding,
|
|
740
|
-
margin
|
|
726
|
+
margin,
|
|
727
|
+
...rest
|
|
741
728
|
}
|
|
742
729
|
});
|
|
743
730
|
};
|
|
744
|
-
|
|
731
|
+
React12__namespace.useEffect(() => {
|
|
745
732
|
const subscription = form.watch(() => form.handleSubmit(onSubmit)());
|
|
746
733
|
return () => subscription.unsubscribe();
|
|
747
734
|
}, [form.watch, form.handleSubmit]);
|
|
@@ -749,135 +736,135 @@ var ItemDesignForm = (props) => {
|
|
|
749
736
|
"padding.indipendent",
|
|
750
737
|
"margin.indipendent"
|
|
751
738
|
]);
|
|
752
|
-
return /* @__PURE__ */
|
|
739
|
+
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(
|
|
753
740
|
FormField,
|
|
754
741
|
{
|
|
755
742
|
control: form.control,
|
|
756
743
|
name: "background",
|
|
757
|
-
render: ({ field }) => /* @__PURE__ */
|
|
744
|
+
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(
|
|
758
745
|
BackgroundPicker,
|
|
759
746
|
{
|
|
760
747
|
background: field.value,
|
|
761
748
|
onBackgroundChange: field.onChange
|
|
762
749
|
}
|
|
763
|
-
)), /* @__PURE__ */
|
|
750
|
+
)), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
|
|
764
751
|
}
|
|
765
|
-
), /* @__PURE__ */
|
|
752
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
766
753
|
FormField,
|
|
767
754
|
{
|
|
768
755
|
control: form.control,
|
|
769
756
|
name: "color",
|
|
770
|
-
render: ({ field }) => /* @__PURE__ */
|
|
757
|
+
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(
|
|
771
758
|
ColorPicker,
|
|
772
759
|
{
|
|
773
760
|
color: field.value,
|
|
774
761
|
onColorChange: field.onChange
|
|
775
762
|
}
|
|
776
|
-
)), /* @__PURE__ */
|
|
763
|
+
)), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
|
|
777
764
|
}
|
|
778
|
-
), /* @__PURE__ */
|
|
765
|
+
), /* @__PURE__ */ React12__namespace.createElement("hr", null), /* @__PURE__ */ React12__namespace.createElement(
|
|
779
766
|
FormField,
|
|
780
767
|
{
|
|
781
768
|
control: form.control,
|
|
782
769
|
name: "container",
|
|
783
|
-
render: ({ field }) => /* @__PURE__ */
|
|
770
|
+
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(
|
|
784
771
|
Switch,
|
|
785
772
|
{
|
|
786
773
|
checked: !field.value,
|
|
787
774
|
onCheckedChange: (v) => field.onChange(!v)
|
|
788
775
|
}
|
|
789
|
-
)), /* @__PURE__ */
|
|
776
|
+
)), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null))
|
|
790
777
|
}
|
|
791
|
-
), /* @__PURE__ */
|
|
778
|
+
), /* @__PURE__ */ React12__namespace.createElement("hr", null), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-2" }, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Padding"), /* @__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" }, !indipendentPadding ? /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
792
779
|
FormField,
|
|
793
780
|
{
|
|
794
781
|
control: form.control,
|
|
795
782
|
name: "padding.horizontal",
|
|
796
|
-
render: ({ field }) => /* @__PURE__ */
|
|
783
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
797
784
|
AdvancedInput,
|
|
798
785
|
{
|
|
799
786
|
...field,
|
|
800
|
-
prepend: /* @__PURE__ */
|
|
801
|
-
append: /* @__PURE__ */
|
|
787
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4" }),
|
|
788
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
802
789
|
}
|
|
803
790
|
)))
|
|
804
791
|
}
|
|
805
|
-
), /* @__PURE__ */
|
|
792
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
806
793
|
FormField,
|
|
807
794
|
{
|
|
808
795
|
control: form.control,
|
|
809
796
|
name: "padding.vertical",
|
|
810
|
-
render: ({ field }) => /* @__PURE__ */
|
|
797
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
811
798
|
AdvancedInput,
|
|
812
799
|
{
|
|
813
800
|
...field,
|
|
814
|
-
prepend: /* @__PURE__ */
|
|
815
|
-
append: /* @__PURE__ */
|
|
801
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
|
|
802
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
816
803
|
}
|
|
817
804
|
)))
|
|
818
805
|
}
|
|
819
|
-
)) : /* @__PURE__ */
|
|
806
|
+
)) : /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
820
807
|
FormField,
|
|
821
808
|
{
|
|
822
809
|
control: form.control,
|
|
823
810
|
name: "padding.left",
|
|
824
|
-
render: ({ field }) => /* @__PURE__ */
|
|
811
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
825
812
|
AdvancedInput,
|
|
826
813
|
{
|
|
827
814
|
...field,
|
|
828
|
-
prepend: /* @__PURE__ */
|
|
829
|
-
append: /* @__PURE__ */
|
|
815
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4" }),
|
|
816
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
830
817
|
}
|
|
831
818
|
)))
|
|
832
819
|
}
|
|
833
|
-
), /* @__PURE__ */
|
|
820
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
834
821
|
FormField,
|
|
835
822
|
{
|
|
836
823
|
control: form.control,
|
|
837
824
|
name: "padding.top",
|
|
838
|
-
render: ({ field }) => /* @__PURE__ */
|
|
825
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
839
826
|
AdvancedInput,
|
|
840
827
|
{
|
|
841
828
|
...field,
|
|
842
|
-
prepend: /* @__PURE__ */
|
|
843
|
-
append: /* @__PURE__ */
|
|
829
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
|
|
830
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
844
831
|
}
|
|
845
832
|
)))
|
|
846
833
|
}
|
|
847
|
-
), /* @__PURE__ */
|
|
834
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
848
835
|
FormField,
|
|
849
836
|
{
|
|
850
837
|
control: form.control,
|
|
851
838
|
name: "padding.right",
|
|
852
|
-
render: ({ field }) => /* @__PURE__ */
|
|
839
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
853
840
|
AdvancedInput,
|
|
854
841
|
{
|
|
855
842
|
...field,
|
|
856
|
-
prepend: /* @__PURE__ */
|
|
857
|
-
append: /* @__PURE__ */
|
|
843
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-180" }),
|
|
844
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
858
845
|
}
|
|
859
846
|
)))
|
|
860
847
|
}
|
|
861
|
-
), /* @__PURE__ */
|
|
848
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
862
849
|
FormField,
|
|
863
850
|
{
|
|
864
851
|
control: form.control,
|
|
865
852
|
name: "padding.bottom",
|
|
866
|
-
render: ({ field }) => /* @__PURE__ */
|
|
853
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
867
854
|
AdvancedInput,
|
|
868
855
|
{
|
|
869
856
|
...field,
|
|
870
|
-
prepend: /* @__PURE__ */
|
|
871
|
-
append: /* @__PURE__ */
|
|
857
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb--rotate-90" }),
|
|
858
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
872
859
|
}
|
|
873
860
|
)))
|
|
874
861
|
}
|
|
875
|
-
))), /* @__PURE__ */
|
|
862
|
+
))), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-shrink-0" }, /* @__PURE__ */ React12__namespace.createElement(
|
|
876
863
|
FormField,
|
|
877
864
|
{
|
|
878
865
|
control: form.control,
|
|
879
866
|
name: "padding.indipendent",
|
|
880
|
-
render: ({ field }) => /* @__PURE__ */
|
|
867
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
881
868
|
Toggle,
|
|
882
869
|
{
|
|
883
870
|
className: "sb-shrink-0 sb-flex sb-w-8 sb-h-8 sb-p-0",
|
|
@@ -886,99 +873,99 @@ var ItemDesignForm = (props) => {
|
|
|
886
873
|
pressed: field.value,
|
|
887
874
|
onPressedChange: field.onChange
|
|
888
875
|
},
|
|
889
|
-
/* @__PURE__ */
|
|
876
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.ScanIcon, { className: "sb-h-4 sb-w-4" })
|
|
890
877
|
))
|
|
891
878
|
}
|
|
892
|
-
))), /* @__PURE__ */
|
|
879
|
+
))), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null)), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-space-y-2" }, /* @__PURE__ */ React12__namespace.createElement(FormLabel, null, "Margin"), /* @__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" }, !indipendentMargin ? /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
893
880
|
FormField,
|
|
894
881
|
{
|
|
895
882
|
control: form.control,
|
|
896
883
|
name: "margin.horizontal",
|
|
897
|
-
render: ({ field }) => /* @__PURE__ */
|
|
884
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
898
885
|
AdvancedInput,
|
|
899
886
|
{
|
|
900
887
|
...field,
|
|
901
|
-
prepend: /* @__PURE__ */
|
|
902
|
-
append: /* @__PURE__ */
|
|
888
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4" }),
|
|
889
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
903
890
|
}
|
|
904
891
|
)))
|
|
905
892
|
}
|
|
906
|
-
), /* @__PURE__ */
|
|
893
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
907
894
|
FormField,
|
|
908
895
|
{
|
|
909
896
|
control: form.control,
|
|
910
897
|
name: "margin.vertical",
|
|
911
|
-
render: ({ field }) => /* @__PURE__ */
|
|
898
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
912
899
|
AdvancedInput,
|
|
913
900
|
{
|
|
914
901
|
...field,
|
|
915
|
-
prepend: /* @__PURE__ */
|
|
916
|
-
append: /* @__PURE__ */
|
|
902
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalSpaceAroundIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
|
|
903
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
917
904
|
}
|
|
918
905
|
)))
|
|
919
906
|
}
|
|
920
|
-
)) : /* @__PURE__ */
|
|
907
|
+
)) : /* @__PURE__ */ React12__namespace.createElement(React12__namespace.Fragment, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
921
908
|
FormField,
|
|
922
909
|
{
|
|
923
910
|
control: form.control,
|
|
924
911
|
name: "margin.left",
|
|
925
|
-
render: ({ field }) => /* @__PURE__ */
|
|
912
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
926
913
|
AdvancedInput,
|
|
927
914
|
{
|
|
928
915
|
...field,
|
|
929
|
-
prepend: /* @__PURE__ */
|
|
930
|
-
append: /* @__PURE__ */
|
|
916
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4" }),
|
|
917
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
931
918
|
}
|
|
932
919
|
)))
|
|
933
920
|
}
|
|
934
|
-
), /* @__PURE__ */
|
|
921
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
935
922
|
FormField,
|
|
936
923
|
{
|
|
937
924
|
control: form.control,
|
|
938
925
|
name: "margin.top",
|
|
939
|
-
render: ({ field }) => /* @__PURE__ */
|
|
926
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
940
927
|
AdvancedInput,
|
|
941
928
|
{
|
|
942
929
|
...field,
|
|
943
|
-
prepend: /* @__PURE__ */
|
|
944
|
-
append: /* @__PURE__ */
|
|
930
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-90" }),
|
|
931
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
945
932
|
}
|
|
946
933
|
)))
|
|
947
934
|
}
|
|
948
|
-
), /* @__PURE__ */
|
|
935
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
949
936
|
FormField,
|
|
950
937
|
{
|
|
951
938
|
control: form.control,
|
|
952
939
|
name: "margin.right",
|
|
953
|
-
render: ({ field }) => /* @__PURE__ */
|
|
940
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
954
941
|
AdvancedInput,
|
|
955
942
|
{
|
|
956
943
|
...field,
|
|
957
|
-
prepend: /* @__PURE__ */
|
|
958
|
-
append: /* @__PURE__ */
|
|
944
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb-rotate-180" }),
|
|
945
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
959
946
|
}
|
|
960
947
|
)))
|
|
961
948
|
}
|
|
962
|
-
), /* @__PURE__ */
|
|
949
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
963
950
|
FormField,
|
|
964
951
|
{
|
|
965
952
|
control: form.control,
|
|
966
953
|
name: "margin.bottom",
|
|
967
|
-
render: ({ field }) => /* @__PURE__ */
|
|
954
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormItem, null, /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
968
955
|
AdvancedInput,
|
|
969
956
|
{
|
|
970
957
|
...field,
|
|
971
|
-
prepend: /* @__PURE__ */
|
|
972
|
-
append: /* @__PURE__ */
|
|
958
|
+
prepend: /* @__PURE__ */ React12__namespace.createElement(lucideReact.AlignHorizontalJustifyStartIcon, { className: "sb-h-4 sb-w-4 sb--rotate-90" }),
|
|
959
|
+
append: /* @__PURE__ */ React12__namespace.createElement("span", { className: "sb-text-muted-foreground" }, "px")
|
|
973
960
|
}
|
|
974
961
|
)))
|
|
975
962
|
}
|
|
976
|
-
))), /* @__PURE__ */
|
|
963
|
+
))), /* @__PURE__ */ React12__namespace.createElement("div", { className: "sb-shrink-0" }, /* @__PURE__ */ React12__namespace.createElement(
|
|
977
964
|
FormField,
|
|
978
965
|
{
|
|
979
966
|
control: form.control,
|
|
980
967
|
name: "margin.indipendent",
|
|
981
|
-
render: ({ field }) => /* @__PURE__ */
|
|
968
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(FormControl, null, /* @__PURE__ */ React12__namespace.createElement(
|
|
982
969
|
Toggle,
|
|
983
970
|
{
|
|
984
971
|
className: "sb-shrink-0 sb-flex sb-w-8 sb-h-8 sb-p-0",
|
|
@@ -987,10 +974,10 @@ var ItemDesignForm = (props) => {
|
|
|
987
974
|
pressed: field.value,
|
|
988
975
|
onPressedChange: field.onChange
|
|
989
976
|
},
|
|
990
|
-
/* @__PURE__ */
|
|
977
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.ScanIcon, { className: "sb-h-4 sb-w-4" })
|
|
991
978
|
))
|
|
992
979
|
}
|
|
993
|
-
))), /* @__PURE__ */
|
|
980
|
+
))), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null)))));
|
|
994
981
|
};
|
|
995
982
|
function Calendar({
|
|
996
983
|
className,
|
|
@@ -998,19 +985,19 @@ function Calendar({
|
|
|
998
985
|
showOutsideDays = true,
|
|
999
986
|
...props
|
|
1000
987
|
}) {
|
|
1001
|
-
return /* @__PURE__ */
|
|
988
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
1002
989
|
reactDayPicker.DayPicker,
|
|
1003
990
|
{
|
|
1004
991
|
showOutsideDays,
|
|
1005
|
-
className:
|
|
992
|
+
className: chunk5YLARMT3_js.cn("sb-p-3 sb-font-roboto", className),
|
|
1006
993
|
classNames: {
|
|
1007
994
|
months: "sb-flex sb-flex-col sm:sb-flex-row sb-space-y-4 sm:sb-space-x-4 sm:sb-space-y-0",
|
|
1008
995
|
month: "sb-space-y-4",
|
|
1009
996
|
caption: "sb-flex sb-justify-center sb-pt-1 sb-relative sb-items-center",
|
|
1010
997
|
caption_label: "sb-text-sm sb-font-medium",
|
|
1011
998
|
nav: "sb-space-x-1 sb-flex sb-items-center",
|
|
1012
|
-
nav_button:
|
|
1013
|
-
|
|
999
|
+
nav_button: chunk5YLARMT3_js.cn(
|
|
1000
|
+
chunkPJOHRI67_js.buttonVariants({ variant: "outline" }),
|
|
1014
1001
|
"sb-h-7 sb-w-7 sb-bg-transparent sb-p-0 sb-opacity-50 hover:sb-opacity-100"
|
|
1015
1002
|
),
|
|
1016
1003
|
nav_button_previous: "sb-absolute sb-left-1",
|
|
@@ -1019,12 +1006,12 @@ function Calendar({
|
|
|
1019
1006
|
head_row: "sb-flex",
|
|
1020
1007
|
head_cell: "sb-text-muted-foreground sb-rounded-md sb-w-8 sb-font-normal sb-text-[0.8rem]",
|
|
1021
1008
|
row: "sb-flex sb-w-full sb-mt-2",
|
|
1022
|
-
cell:
|
|
1009
|
+
cell: chunk5YLARMT3_js.cn(
|
|
1023
1010
|
"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",
|
|
1024
1011
|
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"
|
|
1025
1012
|
),
|
|
1026
|
-
day:
|
|
1027
|
-
|
|
1013
|
+
day: chunk5YLARMT3_js.cn(
|
|
1014
|
+
chunkPJOHRI67_js.buttonVariants({ variant: "ghost" }),
|
|
1028
1015
|
"sb-h-8 sb-w-8 sb-p-0 sb-font-normal aria-selected:sb-opacity-100"
|
|
1029
1016
|
),
|
|
1030
1017
|
day_range_start: "day-range-start",
|
|
@@ -1038,20 +1025,20 @@ function Calendar({
|
|
|
1038
1025
|
...classNames
|
|
1039
1026
|
},
|
|
1040
1027
|
components: {
|
|
1041
|
-
IconLeft: () => /* @__PURE__ */
|
|
1042
|
-
IconRight: () => /* @__PURE__ */
|
|
1028
|
+
IconLeft: () => /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronLeftIcon, { className: "sb-h-4 sb-w-4" }),
|
|
1029
|
+
IconRight: () => /* @__PURE__ */ React12__namespace.createElement(lucideReact.ChevronRightIcon, { className: "sb-h-4 sb-w-4" })
|
|
1043
1030
|
},
|
|
1044
1031
|
...props
|
|
1045
1032
|
}
|
|
1046
1033
|
);
|
|
1047
1034
|
}
|
|
1048
1035
|
Calendar.displayName = "Calendar";
|
|
1049
|
-
var Textarea =
|
|
1036
|
+
var Textarea = React12__namespace.forwardRef(
|
|
1050
1037
|
({ className, ...props }, ref) => {
|
|
1051
|
-
return /* @__PURE__ */
|
|
1038
|
+
return /* @__PURE__ */ React12__namespace.createElement(
|
|
1052
1039
|
"textarea",
|
|
1053
1040
|
{
|
|
1054
|
-
className:
|
|
1041
|
+
className: chunk5YLARMT3_js.cn(
|
|
1055
1042
|
"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",
|
|
1056
1043
|
className
|
|
1057
1044
|
),
|
|
@@ -1066,8 +1053,8 @@ Textarea.displayName = "Textarea";
|
|
|
1066
1053
|
// src/components/container-item-form.tsx
|
|
1067
1054
|
var ContainerItemForm = (props) => {
|
|
1068
1055
|
const { item } = props;
|
|
1069
|
-
const { patchItem } =
|
|
1070
|
-
const component =
|
|
1056
|
+
const { patchItem } = chunkPJOHRI67_js.useBuilder();
|
|
1057
|
+
const component = chunk5YLARMT3_js.builder.getComponent(item.component);
|
|
1071
1058
|
if (!component) {
|
|
1072
1059
|
throw new Error(
|
|
1073
1060
|
`[simple-builder]: Component with id ${item.component} not found in container item form component`
|
|
@@ -1087,17 +1074,17 @@ var ContainerItemForm = (props) => {
|
|
|
1087
1074
|
props: values
|
|
1088
1075
|
});
|
|
1089
1076
|
};
|
|
1090
|
-
|
|
1077
|
+
React12__namespace.useEffect(() => {
|
|
1091
1078
|
const subscription = form.watch(() => form.handleSubmit(onSubmit)());
|
|
1092
1079
|
return () => subscription.unsubscribe();
|
|
1093
1080
|
}, [form.watch, form.handleSubmit]);
|
|
1094
|
-
return /* @__PURE__ */
|
|
1081
|
+
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(
|
|
1095
1082
|
FormField,
|
|
1096
1083
|
{
|
|
1097
1084
|
key: input.name,
|
|
1098
1085
|
control: form.control,
|
|
1099
1086
|
name: input.name,
|
|
1100
|
-
render: ({ field }) => /* @__PURE__ */
|
|
1087
|
+
render: ({ field }) => /* @__PURE__ */ React12__namespace.createElement(RenderInput, { type: input.type, input, field })
|
|
1101
1088
|
}
|
|
1102
1089
|
)))));
|
|
1103
1090
|
};
|
|
@@ -1105,29 +1092,29 @@ var RenderInput = (props) => {
|
|
|
1105
1092
|
const { type, input, field } = props;
|
|
1106
1093
|
switch (type) {
|
|
1107
1094
|
case "string":
|
|
1108
|
-
return /* @__PURE__ */
|
|
1095
|
+
return /* @__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(Input, { ...field })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1109
1096
|
case "longText":
|
|
1110
|
-
return /* @__PURE__ */
|
|
1097
|
+
return /* @__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(Textarea, { ...field })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1111
1098
|
case "richText":
|
|
1112
|
-
return /* @__PURE__ */
|
|
1099
|
+
return /* @__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(Textarea, { ...field })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1113
1100
|
case "number":
|
|
1114
|
-
return /* @__PURE__ */
|
|
1101
|
+
return /* @__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(Input, { type: "number", ...field })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1115
1102
|
case "color":
|
|
1116
|
-
return /* @__PURE__ */
|
|
1103
|
+
return /* @__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(ColorPicker, { color: field.value, onColorChange: field.onChange })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1117
1104
|
case "date":
|
|
1118
|
-
return /* @__PURE__ */
|
|
1119
|
-
|
|
1105
|
+
return /* @__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(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
|
|
1106
|
+
chunkPJOHRI67_js.Button,
|
|
1120
1107
|
{
|
|
1121
1108
|
variant: "outline",
|
|
1122
1109
|
size: "sm",
|
|
1123
|
-
className:
|
|
1110
|
+
className: chunk5YLARMT3_js.cn(
|
|
1124
1111
|
"sb-w-full sb-flex sb-justify-start sb-text-left sb-font-normal",
|
|
1125
1112
|
!field.value && "sb-text-muted-foreground"
|
|
1126
1113
|
)
|
|
1127
1114
|
},
|
|
1128
|
-
/* @__PURE__ */
|
|
1129
|
-
field.value ? dateFns.format(field.value, "PPP") : /* @__PURE__ */
|
|
1130
|
-
)), /* @__PURE__ */
|
|
1115
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.CalendarIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
|
|
1116
|
+
field.value ? dateFns.format(field.value, "PPP") : /* @__PURE__ */ React12__namespace.createElement("span", null, "Pick a date")
|
|
1117
|
+
)), /* @__PURE__ */ React12__namespace.createElement(PopoverContent, { className: "sb-w-auto sb-p-0", align: "start" }, /* @__PURE__ */ React12__namespace.createElement(
|
|
1131
1118
|
Calendar,
|
|
1132
1119
|
{
|
|
1133
1120
|
mode: "single",
|
|
@@ -1135,11 +1122,11 @@ var RenderInput = (props) => {
|
|
|
1135
1122
|
onSelect: field.onChange,
|
|
1136
1123
|
initialFocus: true
|
|
1137
1124
|
}
|
|
1138
|
-
)))), input.helperText && /* @__PURE__ */
|
|
1125
|
+
)))), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1139
1126
|
case "boolean":
|
|
1140
|
-
return /* @__PURE__ */
|
|
1127
|
+
return /* @__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(Switch, { checked: field.value, onCheckedChange: field.onChange })), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1141
1128
|
case "file":
|
|
1142
|
-
return /* @__PURE__ */
|
|
1129
|
+
return /* @__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(
|
|
1143
1130
|
MediaInput,
|
|
1144
1131
|
{
|
|
1145
1132
|
className: "sb-grid sb-grid-cols-2 sb-gap-1",
|
|
@@ -1151,7 +1138,7 @@ var RenderInput = (props) => {
|
|
|
1151
1138
|
"media-input: Error: " + e?.description
|
|
1152
1139
|
)
|
|
1153
1140
|
}
|
|
1154
|
-
)), input.helperText && /* @__PURE__ */
|
|
1141
|
+
)), input.helperText && /* @__PURE__ */ React12__namespace.createElement(FormDescription, null, input.helperText), /* @__PURE__ */ React12__namespace.createElement(FormMessage, null));
|
|
1155
1142
|
default:
|
|
1156
1143
|
throw new Error(
|
|
1157
1144
|
`[simple-builder]: Input type "${props.type}" not supported`
|
|
@@ -1162,29 +1149,29 @@ var RenderInput = (props) => {
|
|
|
1162
1149
|
// src/components/container-item-toolbar.tsx
|
|
1163
1150
|
var ContainerItemToolbar = (props) => {
|
|
1164
1151
|
const { contentId, canBringUp = false, canBringDown = false } = props;
|
|
1165
|
-
const { bringUp, bringDown } =
|
|
1166
|
-
return /* @__PURE__ */
|
|
1167
|
-
|
|
1152
|
+
const { bringUp, bringDown } = chunkPJOHRI67_js.useBuilder();
|
|
1153
|
+
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(
|
|
1154
|
+
chunkPJOHRI67_js.Button,
|
|
1168
1155
|
{
|
|
1169
1156
|
variant: "ghost",
|
|
1170
1157
|
className: "sb-w-8 sb-h-8 sb-p-0",
|
|
1171
1158
|
onClick: () => bringUp(contentId),
|
|
1172
1159
|
disabled: !canBringUp
|
|
1173
1160
|
},
|
|
1174
|
-
/* @__PURE__ */
|
|
1175
|
-
), /* @__PURE__ */
|
|
1176
|
-
|
|
1161
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.ArrowUp, { className: "sb-h-5 sb-w-5" })
|
|
1162
|
+
), /* @__PURE__ */ React12__namespace.createElement(
|
|
1163
|
+
chunkPJOHRI67_js.Button,
|
|
1177
1164
|
{
|
|
1178
1165
|
variant: "ghost",
|
|
1179
1166
|
className: "sb-w-8 sb-h-8 sb-p-0",
|
|
1180
1167
|
onClick: () => bringDown(contentId),
|
|
1181
1168
|
disabled: !canBringDown
|
|
1182
1169
|
},
|
|
1183
|
-
/* @__PURE__ */
|
|
1184
|
-
), /* @__PURE__ */
|
|
1170
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.ArrowDown, { className: "sb-h-5 sb-w-5" })
|
|
1171
|
+
), /* @__PURE__ */ React12__namespace.createElement(DeleteButton, { contentId })));
|
|
1185
1172
|
};
|
|
1186
1173
|
var EditButton = ({ id }) => {
|
|
1187
|
-
return /* @__PURE__ */
|
|
1174
|
+
return /* @__PURE__ */ React12__namespace.createElement(Popover, null, /* @__PURE__ */ React12__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(chunkPJOHRI67_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(
|
|
1188
1175
|
PopoverContent,
|
|
1189
1176
|
{
|
|
1190
1177
|
side: "left",
|
|
@@ -1194,61 +1181,38 @@ var EditButton = ({ id }) => {
|
|
|
1194
1181
|
className: "sb-p-0",
|
|
1195
1182
|
collisionPadding: 16
|
|
1196
1183
|
},
|
|
1197
|
-
/* @__PURE__ */
|
|
1184
|
+
/* @__PURE__ */ React12__namespace.createElement(EditPopoverInner, { id })
|
|
1198
1185
|
));
|
|
1199
1186
|
};
|
|
1200
1187
|
var EditPopoverInner = (props) => {
|
|
1201
1188
|
const { id } = props;
|
|
1202
|
-
const { getItem } =
|
|
1189
|
+
const { getItem } = chunkPJOHRI67_js.useBuilder();
|
|
1203
1190
|
const item = getItem(id);
|
|
1204
1191
|
if (!item) {
|
|
1205
1192
|
throw new Error(
|
|
1206
1193
|
`[simple-builder]: Item with id ${id} not found in container item form component`
|
|
1207
1194
|
);
|
|
1208
1195
|
}
|
|
1209
|
-
return /* @__PURE__ */
|
|
1196
|
+
return /* @__PURE__ */ React12__namespace.createElement(Tabs, null, /* @__PURE__ */ React12__namespace.createElement(TabsList, { defaultValue: "content" }, /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { value: "content" }, "Inhoud"), /* @__PURE__ */ React12__namespace.createElement(TabsTrigger, { value: "design" }, "Design")), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "content" }, /* @__PURE__ */ React12__namespace.createElement(ContainerItemForm, { item })), /* @__PURE__ */ React12__namespace.createElement(TabsContent, { value: "design" }, /* @__PURE__ */ React12__namespace.createElement(ItemDesignForm, { item })));
|
|
1210
1197
|
};
|
|
1211
1198
|
var DeleteButton = ({ contentId }) => {
|
|
1212
|
-
const { deleteContent } =
|
|
1213
|
-
return /* @__PURE__ */
|
|
1214
|
-
|
|
1199
|
+
const { deleteContent } = chunkPJOHRI67_js.useBuilder();
|
|
1200
|
+
return /* @__PURE__ */ React12__namespace.createElement(AlertDialog, null, /* @__PURE__ */ React12__namespace.createElement(AlertDialogTrigger, { asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
|
|
1201
|
+
chunkPJOHRI67_js.Button,
|
|
1215
1202
|
{
|
|
1216
1203
|
variant: "ghost",
|
|
1217
1204
|
className: "sb-w-8 sb-h-8 sb-p-0 sb-text-destructive"
|
|
1218
1205
|
},
|
|
1219
|
-
/* @__PURE__ */
|
|
1220
|
-
)), /* @__PURE__ */
|
|
1206
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.Trash2Icon, { className: "sb-h-5 sb-w-5" })
|
|
1207
|
+
)), /* @__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(
|
|
1221
1208
|
AlertDialogAction,
|
|
1222
1209
|
{
|
|
1223
|
-
className:
|
|
1210
|
+
className: chunkPJOHRI67_js.buttonVariants({ variant: "destructive" }),
|
|
1224
1211
|
onClick: () => deleteContent(contentId)
|
|
1225
1212
|
},
|
|
1226
1213
|
"Verwijderen"
|
|
1227
1214
|
))));
|
|
1228
1215
|
};
|
|
1229
|
-
var DesignWrapper = (props) => {
|
|
1230
|
-
const { children, className, styles } = props;
|
|
1231
|
-
const { container = true, background, ...rest } = styles || {};
|
|
1232
|
-
const matches = typeof background === "string" ? background.match(/url\(["']?(.*?)["']?\)/) : void 0;
|
|
1233
|
-
const src = matches ? matches[1] : void 0;
|
|
1234
|
-
return /* @__PURE__ */ React13__namespace.createElement(
|
|
1235
|
-
"div",
|
|
1236
|
-
{
|
|
1237
|
-
className: chunkGSOMMLCG_js.cn("sb-relative", className),
|
|
1238
|
-
style: { ...!src && { background }, ...rest }
|
|
1239
|
-
},
|
|
1240
|
-
src && /* @__PURE__ */ React13__namespace.createElement(
|
|
1241
|
-
Image,
|
|
1242
|
-
{
|
|
1243
|
-
src,
|
|
1244
|
-
alt: "",
|
|
1245
|
-
fill: true,
|
|
1246
|
-
className: "sb-object-cover sb-absolute sb-inset-0 sb-pointer-events-none sb--z-[1]"
|
|
1247
|
-
}
|
|
1248
|
-
),
|
|
1249
|
-
container ? /* @__PURE__ */ React13__namespace.createElement("div", { className: "sb-container sb-mx-auto" }, children) : children
|
|
1250
|
-
);
|
|
1251
|
-
};
|
|
1252
1216
|
|
|
1253
1217
|
// src/components/build-container-client.tsx
|
|
1254
1218
|
var BuildContainerInner = (props) => {
|
|
@@ -1259,14 +1223,14 @@ var BuildContainerInner = (props) => {
|
|
|
1259
1223
|
"[simple-builder]: Multiple content blocks detected when using property multiple false."
|
|
1260
1224
|
);
|
|
1261
1225
|
}
|
|
1262
|
-
return /* @__PURE__ */
|
|
1226
|
+
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(chunk5YLARMT3_js.DesignWrapper, { styles: item.styles }, chunk5YLARMT3_js.builder.bindComponent(item, true)), /* @__PURE__ */ React12__namespace.createElement(
|
|
1263
1227
|
ContainerItemToolbar,
|
|
1264
1228
|
{
|
|
1265
1229
|
contentId: item.id,
|
|
1266
1230
|
canBringUp: i > 0,
|
|
1267
1231
|
canBringDown: i < items.length - 1
|
|
1268
1232
|
}
|
|
1269
|
-
)), multiple && /* @__PURE__ */
|
|
1233
|
+
)), multiple && /* @__PURE__ */ React12__namespace.createElement(
|
|
1270
1234
|
AddContentDividerButton,
|
|
1271
1235
|
{
|
|
1272
1236
|
parent: id,
|
|
@@ -1277,12 +1241,12 @@ var BuildContainerInner = (props) => {
|
|
|
1277
1241
|
};
|
|
1278
1242
|
var build_container_client_default = BuildContainerInner;
|
|
1279
1243
|
var AddContentButton = (props) => {
|
|
1280
|
-
const components =
|
|
1281
|
-
const { addContent } =
|
|
1282
|
-
return /* @__PURE__ */
|
|
1244
|
+
const components = chunk5YLARMT3_js.builder.getComponents();
|
|
1245
|
+
const { addContent } = chunkPJOHRI67_js.useBuilder();
|
|
1246
|
+
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) => {
|
|
1283
1247
|
const Icon = component.icon ?? lucideReact.ImageIcon;
|
|
1284
|
-
return /* @__PURE__ */
|
|
1285
|
-
|
|
1248
|
+
return /* @__PURE__ */ React12__namespace.createElement(PopoverClose, { key: component.name, asChild: true }, /* @__PURE__ */ React12__namespace.createElement(
|
|
1249
|
+
chunkPJOHRI67_js.Button,
|
|
1286
1250
|
{
|
|
1287
1251
|
variant: "ghost",
|
|
1288
1252
|
className: "sb-justify-start",
|
|
@@ -1295,22 +1259,22 @@ var AddContentButton = (props) => {
|
|
|
1295
1259
|
);
|
|
1296
1260
|
}
|
|
1297
1261
|
},
|
|
1298
|
-
/* @__PURE__ */
|
|
1262
|
+
/* @__PURE__ */ React12__namespace.createElement(Icon, { className: "sb-mr-2 sb-h-4 sb-w-4 sb-shrink-0" }),
|
|
1299
1263
|
component.friendlyName ?? component.name
|
|
1300
1264
|
));
|
|
1301
1265
|
}))));
|
|
1302
1266
|
};
|
|
1303
1267
|
var AddContentPlaceholder = (props) => {
|
|
1304
|
-
return /* @__PURE__ */
|
|
1268
|
+
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(chunkPJOHRI67_js.Button, { size: "sm" }, /* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }), "Blok Toevoegen")));
|
|
1305
1269
|
};
|
|
1306
1270
|
var AddContentDividerButton = (props) => {
|
|
1307
|
-
return /* @__PURE__ */
|
|
1308
|
-
|
|
1271
|
+
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(
|
|
1272
|
+
chunkPJOHRI67_js.Button,
|
|
1309
1273
|
{
|
|
1310
1274
|
size: "sm",
|
|
1311
1275
|
className: "sb-absolute sb-left-1/2 sb-top-1/2 sb--translate-y-1/2 sb--translate-x-1/2 sb-shadow"
|
|
1312
1276
|
},
|
|
1313
|
-
/* @__PURE__ */
|
|
1277
|
+
/* @__PURE__ */ React12__namespace.createElement(lucideReact.PlusIcon, { className: "sb-mr-2 sb-h-4 sb-w-4" }),
|
|
1314
1278
|
"Blok Toevoegen"
|
|
1315
1279
|
)));
|
|
1316
1280
|
};
|