@janbox/storefront-builder 1.0.8 → 1.0.9

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 (33) hide show
  1. package/dist/anchor-target-BlOvysAr.js +2329 -0
  2. package/dist/color-picker-popover-B3AVFuei.js +201 -0
  3. package/dist/components/composer/dataset.d.ts +1 -0
  4. package/dist/constants/index.d.ts +1 -0
  5. package/dist/countdown-timer.node-j79tvSTR.js +826 -0
  6. package/dist/date-picker-B4Rju7gG.js +115 -0
  7. package/dist/{countdown-timer.node-BwrDThFq.js → dialog-header-DPLOS7TT.js} +2209 -3174
  8. package/dist/dropzone-Dbfed3jK.js +490 -0
  9. package/dist/editor/hooks/index.d.ts +1 -1
  10. package/dist/editor/lib/index.d.ts +2 -2
  11. package/dist/editor/toolbars.js +336 -0
  12. package/dist/editor/types/index.d.ts +0 -2
  13. package/dist/editor/ui/button/button.d.ts +2 -3
  14. package/dist/editor/ui/icon-button/icon-button.d.ts +1 -2
  15. package/dist/editor/ui.js +110 -0
  16. package/dist/editor.js +273 -269
  17. package/dist/index-BbiQ0n_-.js +4 -0
  18. package/dist/index-C9Q0Iqvf.js +4447 -0
  19. package/dist/index.js +369 -107
  20. package/dist/lib/container/container.inspector/container.inspector.d.ts +1 -0
  21. package/dist/lib/container/container.inspector/index.d.ts +1 -0
  22. package/dist/lib/container/container.node/container.node.d.ts +2 -0
  23. package/dist/lib/container/container.node/index.d.ts +3 -0
  24. package/dist/lib/container/container.node/types.d.ts +2 -0
  25. package/dist/lib/container/index.d.ts +2 -0
  26. package/dist/lib/index.d.ts +1 -0
  27. package/dist/style.css +1 -1
  28. package/dist/templates.js +185 -189
  29. package/dist/{tooltip-W55T4oR8.js → tooltip-KbIHELP2.js} +1 -1
  30. package/package.json +11 -3
  31. package/dist/index-Br_MUhzZ.js +0 -6015
  32. package/dist/index-DGKFfr43.js +0 -4
  33. /package/dist/editor/hooks/{use-editor-state.d.ts → use-editor.d.ts} +0 -0
@@ -0,0 +1,826 @@
1
+ import { jsx as s, Fragment as h, jsxs as m } from "@emotion/react/jsx-runtime";
2
+ import { Fragment as M } from "react";
3
+ import "flat";
4
+ import { isNil as p } from "lodash-es";
5
+ import { u as A, e as g, a as L, i as k, d as l } from "./color-picker-popover-B3AVFuei.js";
6
+ import { useNode as i, Element as P } from "@craftjs/core";
7
+ import { useMergeRefs as u } from "@floating-ui/react";
8
+ import { Button as _, Grid as R, Cell as B, Link as F, Flexbox as q, FlexItem as G, Text as x, Image as E, Marquee as U, MarqueeDataAttributes as V, MarqueeItem as H, Tabs as $, TabList as j, Tab as W, TabContent as z, TabPanel as Q, Swiper as X, SwiperSlide as J, UnorderedList as K, ListItem as Y, Icon as Z, Accordion as ee, AccordionSummary as te, AccordionContent as ne, AccordionGroup as ae, Video as oe, Box as se, Container as re, CountdownTimer as ce, Primitive as D } from "@janbox/storefront-ui";
9
+ import { v as ie, P as le, c as de } from "./dialog-header-DPLOS7TT.js";
10
+ import { mediaQuery as ue } from "@janbox/storefront-ui/theme";
11
+ import "@janbox/storefront-ui/hooks";
12
+ import "react-use";
13
+ import "react-colorful";
14
+ import "overlayscrollbars-react";
15
+ import "@tanstack/react-virtual";
16
+ import "react-dropzone";
17
+ import "react-datepicker/dist/react-datepicker.css";
18
+ import "react-datepicker";
19
+ var c = /* @__PURE__ */ ((e) => (e.Root = "root", e.Unknown = "unknown", e.Box = "box", e.Paragraph = "paragraph", e.Heading = "heading", e.Image = "image", e.Button = "button", e.IconButton = "icon-button", e.Link = "link", e.Video = "video", e.Grid = "grid", e.Cell = "cell", e.Flexbox = "flexbox", e.FlexItem = "flex-item", e.UnorderedList = "unordered-list", e.ListItem = "list-item", e.Swiper = "swiper", e.SwiperSlide = "swiper-slide", e.Icon = "icon", e.Tabs = "tabs", e.TabList = "tab-list", e.Tab = "tab", e.TabContent = "tab-content", e.TabPanel = "tab-panel", e.Marquee = "marquee", e.MarqueeItem = "marquee-item", e.AccordionGroup = "accordion-group", e.Accordion = "accordion", e.AccordionSummary = "accordion-summary", e.AccordionContent = "accordion-content", e.Container = "container", e.CountdownTimer = "countdown-timer", e))(c || {}), v = /* @__PURE__ */ ((e) => (e.DATA_NODE_ID = "data-node-id", e.DATA_NODE_EDITABLE = "data-node-editable", e.DATA_NODE_SELECTABLE = "data-node-selectable", e.DATA_NODE_NAME = "data-node-name", e.DATA_NODE_RESOLVED = "data-node-resolved", e.DATA_NODE_INDICATOR_ERROR = "data-node-indicator-error", e.DATA_NODE_INDICATOR_TARGET = "data-node-indicator-target", e.DATA_NODE_DROP_TARGET = "data-node-drop-target", e.DATA_NODE_DROP_TARGET_ERROR = "data-node-drop-target-error", e))(v || {}), S = /* @__PURE__ */ ((e) => (e.True = "true", e.False = "false", e))(S || {});
20
+ const d = (e = {}) => {
21
+ const { enabled: t, indicator: a } = A((w) => ({
22
+ enabled: w.options.enabled,
23
+ indicator: w.indicator
24
+ })), { id: n, selectable: o, displayName: r, resolvedId: y } = i((w) => ({
25
+ selectable: k(w),
26
+ displayName: L(w),
27
+ resolvedId: g(w)
28
+ }));
29
+ if (!t) return {};
30
+ const N = a?.placement?.parent?.id === n, I = N && !!a?.error;
31
+ return {
32
+ [v.DATA_NODE_ID]: n,
33
+ [v.DATA_NODE_EDITABLE]: S.True,
34
+ [v.DATA_NODE_SELECTABLE]: o.toString(),
35
+ [v.DATA_NODE_NAME]: r,
36
+ [v.DATA_NODE_RESOLVED]: y,
37
+ [v.DATA_NODE_DROP_TARGET]: N.toString(),
38
+ [v.DATA_NODE_DROP_TARGET_ERROR]: I.toString(),
39
+ ...e
40
+ };
41
+ }, me = ({ children: e }) => {
42
+ const { enabled: t } = A((r) => ({
43
+ enabled: r.options.enabled
44
+ })), a = d(), { connectors: n } = i(), o = u([
45
+ (r) => {
46
+ r && n.connect(r);
47
+ }
48
+ ]);
49
+ return t ? /* @__PURE__ */ s(
50
+ "div",
51
+ {
52
+ ...a,
53
+ css: {
54
+ minHeight: "100vh",
55
+ paddingLeft: 4,
56
+ paddingRight: 4,
57
+ paddingTop: 12,
58
+ paddingBottom: 12,
59
+ overflowX: "hidden"
60
+ },
61
+ ref: o,
62
+ children: e
63
+ }
64
+ ) : /* @__PURE__ */ s(M, { children: e });
65
+ };
66
+ l(me, {
67
+ resolved: c.Root,
68
+ isCanvas: !0,
69
+ info: {
70
+ displayName: "Root"
71
+ }
72
+ });
73
+ const pe = () => {
74
+ const { enabled: e, actions: t } = A((o) => ({
75
+ enabled: o.options.enabled
76
+ })), { id: a } = i();
77
+ return /* @__PURE__ */ s(h, { children: e && /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center tw:gap-1 tw:p-2 tw:bg-neutral-100", children: [
78
+ /* @__PURE__ */ s("p", { children: "Section is not available" }),
79
+ /* @__PURE__ */ s("p", { className: "tw:text-xs tw:text-neutral-500", children: "(this only visible in the editor)" }),
80
+ /* @__PURE__ */ s(_, { size: "sm", variant: "contained", color: "neutral", onClick: () => {
81
+ t.delete(a);
82
+ }, children: "Remove" })
83
+ ] }) });
84
+ };
85
+ l(pe, {
86
+ resolved: c.Unknown,
87
+ isCanvas: !1,
88
+ info: {
89
+ displayName: "Unknown"
90
+ }
91
+ });
92
+ const fe = (e) => {
93
+ const { connectors: t } = i(), a = d();
94
+ return /* @__PURE__ */ s(
95
+ R,
96
+ {
97
+ ...e,
98
+ ref: (n) => {
99
+ n && t.connect(n);
100
+ },
101
+ ...a
102
+ }
103
+ );
104
+ };
105
+ l(fe, {
106
+ resolved: c.Grid,
107
+ isCanvas: !0,
108
+ rules: {
109
+ canMoveIn: (e) => e.every((t) => g(t) == c.Cell)
110
+ },
111
+ info: {
112
+ displayName: "Grid"
113
+ }
114
+ });
115
+ const pt = P, f = ({ placeholder: e = "Drop here" }) => {
116
+ const { enabled: t } = A((n) => ({
117
+ enabled: n.options.enabled
118
+ }));
119
+ if (!t) return /* @__PURE__ */ s(h, {});
120
+ const a = {
121
+ "--drop-placeholder": `'${e}'`,
122
+ [ue("sm")]: {
123
+ "--drop-placeholder": "'Drop element here'"
124
+ },
125
+ ":before": {
126
+ content: "var(--drop-placeholder)"
127
+ }
128
+ };
129
+ return /* @__PURE__ */ s(
130
+ "div",
131
+ {
132
+ className: de(
133
+ "tw:grid tw:place-items-center tw:p-2 tw:relative tw:outline-1 tw:outline-dashed tw:outline-ic-ink-3s tw:-outline-offset-1 tw:min-h-full"
134
+ ),
135
+ children: /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center", children: [
136
+ /* @__PURE__ */ s(ie, { source: le, width: 16, height: 16 }),
137
+ /* @__PURE__ */ s("p", { css: a, className: "tw:text-xs tw:text-center tw:mt-1" })
138
+ ] })
139
+ }
140
+ );
141
+ }, be = ({ children: e, ...t }) => {
142
+ const { connectors: a } = i(), n = d(), o = u([
143
+ (r) => {
144
+ r && a.connect(r);
145
+ }
146
+ ]);
147
+ return /* @__PURE__ */ m(B, { ...t, ...n, ref: o, children: [
148
+ e,
149
+ p(e) && /* @__PURE__ */ s(f, {})
150
+ ] });
151
+ };
152
+ l(be, {
153
+ resolved: c.Cell,
154
+ isCanvas: !0,
155
+ info: {
156
+ displayName: "Cell"
157
+ }
158
+ });
159
+ const ve = (e) => {
160
+ const t = d(), { enabled: a } = A((r) => ({
161
+ enabled: r.options.enabled
162
+ })), { connectors: n } = i();
163
+ return /* @__PURE__ */ s(
164
+ F,
165
+ {
166
+ ...e,
167
+ ...t,
168
+ css: a && {
169
+ ":empty": {
170
+ ":after": {
171
+ display: "block",
172
+ content: '"Drag or type something"',
173
+ opacity: 0.5,
174
+ paddingTop: 8,
175
+ paddingBottom: 8,
176
+ paddingLeft: 8,
177
+ paddingRight: 8
178
+ }
179
+ }
180
+ },
181
+ onClick: (r) => {
182
+ a && r.preventDefault(), e.onClick?.(r);
183
+ },
184
+ ref: (r) => {
185
+ r && n.connect(r);
186
+ }
187
+ }
188
+ );
189
+ };
190
+ l(ve, {
191
+ resolved: c.Link,
192
+ isCanvas: !0,
193
+ rules: {
194
+ canMoveIn(e, t) {
195
+ return p(t.data.props.dangerouslySetInnerHTML);
196
+ }
197
+ },
198
+ info: {
199
+ displayName: "Link"
200
+ }
201
+ });
202
+ const Ae = ({ anchor: e, ...t }) => {
203
+ const a = d(), { enabled: n } = A((r) => ({
204
+ enabled: r.options.enabled
205
+ })), { connectors: o } = i();
206
+ return /* @__PURE__ */ s(
207
+ _,
208
+ {
209
+ anchor: n ? void 0 : e,
210
+ ...t,
211
+ ...a,
212
+ ref: (r) => {
213
+ r && o.connect(r);
214
+ }
215
+ }
216
+ );
217
+ };
218
+ l(Ae, {
219
+ resolved: c.Button,
220
+ isCanvas: !1,
221
+ info: {
222
+ displayName: "Button"
223
+ }
224
+ });
225
+ const ge = (e) => {
226
+ const { connectors: t } = i(), a = d(), n = u([
227
+ (o) => {
228
+ o && t.connect(o);
229
+ }
230
+ ]);
231
+ return /* @__PURE__ */ s(q, { ...e, ...a, ref: n });
232
+ }, we = "Flexbox";
233
+ l(ge, {
234
+ resolved: c.Flexbox,
235
+ isCanvas: !0,
236
+ rules: {
237
+ canMoveIn: (e) => e.every((t) => g(t) == c.FlexItem)
238
+ },
239
+ info: {
240
+ displayName: we
241
+ }
242
+ });
243
+ const Te = ({ children: e, ...t }) => {
244
+ const { connectors: a } = i(), n = d(), o = u([
245
+ (r) => {
246
+ r && a.connect(r);
247
+ }
248
+ ]);
249
+ return /* @__PURE__ */ m(G, { ...t, ...n, ref: o, children: [
250
+ e,
251
+ p(e) && /* @__PURE__ */ s(f, {})
252
+ ] });
253
+ };
254
+ l(Te, {
255
+ resolved: c.FlexItem,
256
+ isCanvas: !0,
257
+ info: {
258
+ displayName: "Flex item"
259
+ },
260
+ rules: {
261
+ canDrag: () => !1
262
+ }
263
+ });
264
+ const Ne = (e) => /* @__PURE__ */ s(x, { ...e, as: "div" }), ye = (e) => {
265
+ const { connectors: t } = i(), a = d(), n = u([
266
+ (o) => {
267
+ o && t.connect(o);
268
+ }
269
+ ]);
270
+ return /* @__PURE__ */ s(Ne, { ...e, ref: n, ...a });
271
+ };
272
+ l(ye, {
273
+ resolved: c.Paragraph,
274
+ isCanvas: !1,
275
+ info: {
276
+ displayName: "Paragraph"
277
+ }
278
+ });
279
+ const he = ({ ...e }) => /* @__PURE__ */ s(x, { ...e }), xe = (e) => {
280
+ const { connectors: t } = i(), a = d(), n = u([
281
+ (o) => {
282
+ o && t.connect(o);
283
+ }
284
+ ]);
285
+ return /* @__PURE__ */ s(he, { ...e, ref: n, ...a });
286
+ };
287
+ l(xe, {
288
+ resolved: c.Heading,
289
+ isCanvas: !1,
290
+ info: {
291
+ displayName: "Heading"
292
+ }
293
+ });
294
+ const Ie = (e) => {
295
+ const t = d(), { connectors: a } = i(), n = u([
296
+ (o) => {
297
+ o && a.connect(o);
298
+ }
299
+ ]);
300
+ return /* @__PURE__ */ s(E, { ...e, ...t, ref: n });
301
+ };
302
+ l(Ie, {
303
+ resolved: c.Image,
304
+ isCanvas: !1,
305
+ info: {
306
+ displayName: "Image"
307
+ }
308
+ });
309
+ const De = (e) => {
310
+ const { connectors: t } = i(), { enabled: a } = A((r) => ({
311
+ enabled: r.options.enabled
312
+ })), n = d(), o = u([
313
+ (r) => {
314
+ r && t.connect(r);
315
+ }
316
+ ]);
317
+ return /* @__PURE__ */ s(
318
+ U,
319
+ {
320
+ ...e,
321
+ ...n,
322
+ autoScrollOptions: a ? {
323
+ ...e.autoScrollOptions,
324
+ playOnInit: !1
325
+ } : e.autoScrollOptions,
326
+ ...a ? {
327
+ [V.PlayState]: "off"
328
+ } : {},
329
+ ref: o
330
+ }
331
+ );
332
+ };
333
+ l(De, {
334
+ resolved: c.Marquee,
335
+ isCanvas: !0,
336
+ rules: {
337
+ canMoveIn: (e) => e.every((t) => g(t) == c.MarqueeItem)
338
+ },
339
+ info: {
340
+ displayName: "Marquee"
341
+ }
342
+ });
343
+ const _e = ({ children: e, ...t }) => {
344
+ const { connectors: a } = i(), n = d(), o = u([
345
+ (r) => {
346
+ r && a.connect(r);
347
+ }
348
+ ]);
349
+ return /* @__PURE__ */ m(H, { ...t, ...n, ref: o, children: [
350
+ e,
351
+ p(e) && /* @__PURE__ */ s(f, {})
352
+ ] });
353
+ };
354
+ l(_e, {
355
+ resolved: c.MarqueeItem,
356
+ isCanvas: !0,
357
+ info: {
358
+ selectable: !1,
359
+ displayName: "Marquee item"
360
+ }
361
+ });
362
+ const Se = (e) => {
363
+ const { connectors: t } = i(), a = u([
364
+ (n) => {
365
+ n && t.connect(n);
366
+ }
367
+ ]);
368
+ return /* @__PURE__ */ s($, { ...e, ref: a });
369
+ };
370
+ l(Se, {
371
+ resolved: c.Tabs,
372
+ isCanvas: !1,
373
+ info: {
374
+ displayName: "Tabs"
375
+ }
376
+ });
377
+ const Ce = (e) => {
378
+ const { connectors: t } = i(), a = d(), n = u([
379
+ (o) => {
380
+ o && t.connect(o);
381
+ }
382
+ ]);
383
+ return /* @__PURE__ */ s(j, { ...e, ...a, ref: n });
384
+ };
385
+ l(Ce, {
386
+ resolved: c.TabList,
387
+ isCanvas: !0,
388
+ rules: {
389
+ canMoveIn: (e) => e.every((t) => g(t) == c.Tab)
390
+ },
391
+ info: {
392
+ selectable: !1,
393
+ displayName: "Tab list"
394
+ }
395
+ });
396
+ const Oe = (e) => {
397
+ const t = d(), { connectors: a } = i(), n = u([
398
+ (o) => {
399
+ o && a.connect(o);
400
+ }
401
+ ]);
402
+ return /* @__PURE__ */ s(W, { ...e, ref: n, ...t });
403
+ };
404
+ l(Oe, {
405
+ resolved: c.Tab,
406
+ isCanvas: !1,
407
+ info: {
408
+ selectable: !1,
409
+ displayName: "Tab"
410
+ }
411
+ });
412
+ const Me = (e) => {
413
+ const { connectors: t } = i(), a = d(), n = u([
414
+ (o) => {
415
+ o && t.connect(o);
416
+ }
417
+ ]);
418
+ return /* @__PURE__ */ s(z, { ...e, ...a, ref: n });
419
+ };
420
+ l(Me, {
421
+ resolved: c.TabContent,
422
+ isCanvas: !0,
423
+ rules: {
424
+ canMoveIn: (e) => e.every((t) => g(t) == c.TabPanel)
425
+ },
426
+ info: {
427
+ selectable: !1,
428
+ displayName: "Tab content"
429
+ }
430
+ });
431
+ const Le = ({ children: e, ...t }) => {
432
+ const { connectors: a } = i(), n = d(), o = u([
433
+ (r) => {
434
+ r && a.connect(r);
435
+ }
436
+ ]);
437
+ return /* @__PURE__ */ m(Q, { ...t, ...n, ref: o, children: [
438
+ e,
439
+ p(e) && /* @__PURE__ */ s(f, {})
440
+ ] });
441
+ };
442
+ l(Le, {
443
+ resolved: c.TabPanel,
444
+ isCanvas: !0,
445
+ info: {
446
+ selectable: !1,
447
+ displayName: "Tab panel"
448
+ }
449
+ });
450
+ const ke = (e) => {
451
+ const { connectors: t } = i();
452
+ return /* @__PURE__ */ s(
453
+ X,
454
+ {
455
+ ...e,
456
+ ref: (a) => {
457
+ a && t.connect(a);
458
+ }
459
+ }
460
+ );
461
+ }, Pe = "Carousel";
462
+ l(ke, {
463
+ resolved: c.Swiper,
464
+ isCanvas: !0,
465
+ rules: {
466
+ canMoveIn: (e) => e.every((t) => g(t) == c.SwiperSlide)
467
+ },
468
+ info: {
469
+ displayName: Pe
470
+ }
471
+ });
472
+ const Re = ({ children: e, ...t }) => {
473
+ const a = d(), { connectors: n } = i(), o = u([
474
+ (r) => {
475
+ r && n.connect(r);
476
+ }
477
+ ]);
478
+ return /* @__PURE__ */ m(J, { ...t, ...a, ref: o, children: [
479
+ e,
480
+ p(e) && /* @__PURE__ */ s(f, {})
481
+ ] });
482
+ };
483
+ l(Re, {
484
+ resolved: c.SwiperSlide,
485
+ info: {
486
+ selectable: !1,
487
+ displayName: "Swiper Slide"
488
+ }
489
+ });
490
+ const Be = (e) => {
491
+ const { connectors: t } = i(), a = u([
492
+ (n) => {
493
+ n && t.connect(n);
494
+ }
495
+ ]);
496
+ return /* @__PURE__ */ s(K, { ...e, ref: a });
497
+ };
498
+ l(Be, {
499
+ resolved: c.UnorderedList,
500
+ isCanvas: !1,
501
+ info: {
502
+ displayName: "Unordered list"
503
+ }
504
+ });
505
+ const Fe = (e) => {
506
+ const t = d(), { connectors: a } = i(), n = u([
507
+ (o) => {
508
+ o && a.connect(o);
509
+ }
510
+ ]);
511
+ return /* @__PURE__ */ s(Y, { ...e, ...t, ref: n });
512
+ };
513
+ l(Fe, {
514
+ isCanvas: !0,
515
+ resolved: c.ListItem,
516
+ info: {
517
+ displayName: "List item",
518
+ selectable: !1
519
+ }
520
+ });
521
+ const qe = (e) => {
522
+ const { connectors: t } = i(), a = d();
523
+ return /* @__PURE__ */ s(
524
+ Z,
525
+ {
526
+ ...a,
527
+ ...e,
528
+ ref: (n) => {
529
+ n && t.connect(n);
530
+ }
531
+ }
532
+ );
533
+ };
534
+ l(qe, {
535
+ resolved: c.Icon,
536
+ isCanvas: !1,
537
+ info: {
538
+ displayName: "Icon"
539
+ }
540
+ });
541
+ const Ge = (e) => {
542
+ const { connectors: t } = i(), a = d(), n = u([
543
+ (o) => {
544
+ o && t.connect(o);
545
+ }
546
+ ]);
547
+ return /* @__PURE__ */ s(ee, { ...e, ...a, ref: n });
548
+ };
549
+ l(Ge, {
550
+ resolved: c.Accordion,
551
+ isCanvas: !1,
552
+ info: {
553
+ selectable: !1
554
+ }
555
+ });
556
+ const Ee = ({ children: e, ...t }) => {
557
+ const { connectors: a } = i(), n = d();
558
+ return /* @__PURE__ */ m(
559
+ te,
560
+ {
561
+ ...t,
562
+ ...n,
563
+ ref: (o) => {
564
+ o && a.connect(o);
565
+ },
566
+ children: [
567
+ e,
568
+ p(e) && /* @__PURE__ */ s(f, { placeholder: Ue })
569
+ ]
570
+ }
571
+ );
572
+ }, Ue = "Accordion summary";
573
+ l(Ee, {
574
+ resolved: c.AccordionSummary,
575
+ isCanvas: !0,
576
+ rules: {
577
+ canMoveIn: () => !0,
578
+ canMoveOut: () => !1
579
+ },
580
+ info: {
581
+ selectable: !1
582
+ }
583
+ });
584
+ const Ve = ({ children: e, ...t }) => {
585
+ const { connectors: a } = i(), n = d();
586
+ return /* @__PURE__ */ m(
587
+ ne,
588
+ {
589
+ ...t,
590
+ ...n,
591
+ containerProps: {
592
+ ref: (o) => {
593
+ o && a.connect(o);
594
+ }
595
+ },
596
+ children: [
597
+ e,
598
+ p(e) && /* @__PURE__ */ s(f, { placeholder: He })
599
+ ]
600
+ }
601
+ );
602
+ }, He = "Accordion Content";
603
+ l(Ve, {
604
+ resolved: c.AccordionContent,
605
+ isCanvas: !0,
606
+ rules: {
607
+ canMoveIn: () => !0,
608
+ canMoveOut: () => !1
609
+ },
610
+ info: {
611
+ selectable: !1
612
+ }
613
+ });
614
+ const $e = (e) => {
615
+ const { connectors: t } = i(), a = d();
616
+ return /* @__PURE__ */ s(
617
+ ae,
618
+ {
619
+ ...e,
620
+ ...a,
621
+ ref: (n) => {
622
+ n && t.connect(n);
623
+ }
624
+ }
625
+ );
626
+ };
627
+ l($e, {
628
+ resolved: c.AccordionGroup,
629
+ isCanvas: !0,
630
+ rules: {
631
+ canMoveIn: (e) => e.every((t) => g(t) == c.Accordion)
632
+ },
633
+ info: {
634
+ displayName: "Accordion"
635
+ }
636
+ });
637
+ const je = ({ ...e }) => {
638
+ const t = d(), { connectors: a } = i();
639
+ return /* @__PURE__ */ s(
640
+ oe,
641
+ {
642
+ ...e,
643
+ ref: (n) => {
644
+ n && a.connect(n);
645
+ },
646
+ ...t
647
+ }
648
+ );
649
+ };
650
+ l(je, {
651
+ resolved: c.Video,
652
+ isCanvas: !1,
653
+ info: {
654
+ displayName: "Video"
655
+ }
656
+ });
657
+ const We = ({ children: e, ...t }) => {
658
+ const a = d(), { connectors: n } = i();
659
+ return /* @__PURE__ */ m(
660
+ se,
661
+ {
662
+ ...t,
663
+ ...a,
664
+ ref: (o) => {
665
+ o && n.connect(o);
666
+ },
667
+ children: [
668
+ e,
669
+ p(e) && /* @__PURE__ */ s(f, {})
670
+ ]
671
+ }
672
+ );
673
+ };
674
+ l(We, {
675
+ resolved: c.Box,
676
+ isCanvas: !0,
677
+ rules: {
678
+ canMoveIn: () => !0
679
+ },
680
+ info: {
681
+ displayName: "Block"
682
+ }
683
+ });
684
+ const ze = ({ children: e, ...t }) => {
685
+ const a = d(), { connectors: n } = i();
686
+ return /* @__PURE__ */ m(
687
+ re,
688
+ {
689
+ ...t,
690
+ ...a,
691
+ ref: (o) => {
692
+ o && n.connect(o);
693
+ },
694
+ children: [
695
+ e,
696
+ p(e) && /* @__PURE__ */ s(f, {})
697
+ ]
698
+ }
699
+ );
700
+ };
701
+ l(ze, {
702
+ resolved: c.Container,
703
+ isCanvas: !0,
704
+ rules: {
705
+ canMoveIn: () => !0
706
+ },
707
+ info: {
708
+ displayName: "Container"
709
+ }
710
+ });
711
+ const Qe = ({
712
+ unitItemProps: e,
713
+ captionProps: t,
714
+ timeProps: a,
715
+ units: n,
716
+ date: o,
717
+ hideAfterExpired: r,
718
+ ...y
719
+ }) => {
720
+ const { enabled: N } = A((T) => ({
721
+ enabled: T.options.enabled
722
+ })), { connectors: I } = i(), C = Object.fromEntries(
723
+ ["years", "months", "weeks", "days", "hours", "minutes", "seconds"].map((T) => [T, n.every((b) => b.value !== T)])
724
+ );
725
+ return /* @__PURE__ */ s(ce, { date: o, omit: C, children: (T) => /* @__PURE__ */ m(
726
+ D,
727
+ {
728
+ ...y,
729
+ ref: (b) => {
730
+ b && I.connect(b);
731
+ },
732
+ sx: {
733
+ display: "flex",
734
+ maxWidth: "100%",
735
+ ":empty": {
736
+ display: "none"
737
+ },
738
+ ...y?.sx
739
+ },
740
+ children: [
741
+ r && T.isFinished ? /* @__PURE__ */ s(h, { children: N && /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center tw:gap-1 tw:p-2 tw:bg-neutral-100", children: [
742
+ /* @__PURE__ */ s("p", { children: "Countdown is run out of time" }),
743
+ /* @__PURE__ */ s("p", { className: "tw:text-xs tw:text-neutral-500", children: "(this only visible in the editor)" })
744
+ ] }) }) : /* @__PURE__ */ m(h, { children: [
745
+ n.map((b) => {
746
+ const O = T[b.value];
747
+ return /* @__PURE__ */ m(
748
+ D,
749
+ {
750
+ className: "tw:flex tw:flex-col tw:items-center",
751
+ ...e,
752
+ sx: {
753
+ display: "flex",
754
+ flexDirection: "column",
755
+ alignItems: "center",
756
+ ...e?.sx
757
+ },
758
+ children: [
759
+ /* @__PURE__ */ s(x, { ...a, children: O.toString().padStart(2, "0") }),
760
+ /* @__PURE__ */ s(x, { ...t, children: b.caption })
761
+ ]
762
+ },
763
+ b.value
764
+ );
765
+ }),
766
+ N && n.length === 0 && /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center tw:gap-1 tw:p-2 tw:bg-neutral-100 tw:w-full", children: [
767
+ /* @__PURE__ */ s("p", { children: "No units selected" }),
768
+ /* @__PURE__ */ s("p", { className: "tw:text-xs tw:text-neutral-500", children: "(this only visible in the editor)" })
769
+ ] })
770
+ ] }),
771
+ N && n.length === 0 && /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center tw:gap-1 tw:p-2 tw:bg-neutral-100 tw:w-full", children: [
772
+ /* @__PURE__ */ s("p", { children: "No units selected" }),
773
+ /* @__PURE__ */ s("p", { className: "tw:text-xs tw:text-neutral-500", children: "(this only visible in the editor)" })
774
+ ] })
775
+ ]
776
+ }
777
+ ) });
778
+ };
779
+ l(Qe, {
780
+ resolved: c.CountdownTimer,
781
+ isCanvas: !1,
782
+ info: {
783
+ displayName: "Countdown timer"
784
+ }
785
+ });
786
+ export {
787
+ Ve as A,
788
+ We as B,
789
+ f as C,
790
+ Te as F,
791
+ fe as G,
792
+ he as H,
793
+ qe as I,
794
+ ve as L,
795
+ _e as M,
796
+ v as N,
797
+ Ne as P,
798
+ pt as R,
799
+ ke as S,
800
+ Me as T,
801
+ pe as U,
802
+ je as V,
803
+ $e as a,
804
+ Ge as b,
805
+ Ee as c,
806
+ Ae as d,
807
+ be as e,
808
+ ze as f,
809
+ Qe as g,
810
+ ge as h,
811
+ xe as i,
812
+ Ie as j,
813
+ Fe as k,
814
+ De as l,
815
+ ye as m,
816
+ me as n,
817
+ Re as o,
818
+ Ce as p,
819
+ Oe as q,
820
+ Le as r,
821
+ Se as s,
822
+ Be as t,
823
+ d as u,
824
+ S as v,
825
+ c as w
826
+ };