@janbox/storefront-builder 2.0.1 → 2.0.3

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 (51) hide show
  1. package/README.md +2 -2
  2. package/dist/{dialog-header-DPLOS7TT.js → countdown-timer.node-CZrTzirS.js} +3939 -2463
  3. package/dist/editor/components/index.d.ts +0 -1
  4. package/dist/editor/hooks/index.d.ts +0 -12
  5. package/dist/editor/hooks/use-editor.d.ts +6 -2
  6. package/dist/editor/index.d.ts +4 -0
  7. package/dist/editor/lib/index.d.ts +6 -4
  8. package/dist/editor/toolbars/css-font-weight/index.d.ts +9 -0
  9. package/dist/editor/toolbars/{width/width.d.ts → css-width/index.d.ts} +5 -5
  10. package/dist/editor/toolbars/html-anchor-target/index.d.ts +7 -0
  11. package/dist/editor/toolbars/index.d.ts +3 -3
  12. package/dist/editor/toolbars/text-align/index.d.ts +9 -1
  13. package/dist/editor/ui/button-group/button-group.d.ts +1 -1
  14. package/dist/editor/ui/dialog/dialog-body/dialog-body.d.ts +1 -1
  15. package/dist/editor/ui/form-label/form-label.d.ts +1 -1
  16. package/dist/editor/ui/input/input.d.ts +1 -2
  17. package/dist/editor/ui/loading-overlay/loading-overlay.d.ts +1 -1
  18. package/dist/editor/ui/popover/popover-close.d.ts +1 -1
  19. package/dist/editor/ui/tabs/tab-content.d.ts +1 -1
  20. package/dist/editor/ui/tabs/tab-list.d.ts +2 -4
  21. package/dist/editor/ui/tabs/tab-panel.d.ts +1 -1
  22. package/dist/editor/ui/tabs/tab.d.ts +2 -5
  23. package/dist/editor/ui/tabs/tabs.d.ts +1 -1
  24. package/dist/editor.js +1471 -739
  25. package/dist/index-B1b2lC5K.js +4 -0
  26. package/dist/index-CdI5y-ul.js +8326 -0
  27. package/dist/index.js +176 -334
  28. package/dist/style.css +1 -1
  29. package/dist/templates.js +27 -31
  30. package/dist/theme/index.d.ts +293 -0
  31. package/dist/tooltip-npH7aBjY.js +75 -0
  32. package/dist/utils/common.d.ts +0 -2
  33. package/package.json +1 -11
  34. package/dist/anchor-target-BlOvysAr.js +0 -2329
  35. package/dist/color-picker-popover-B3AVFuei.js +0 -201
  36. package/dist/countdown-timer.node-OmDiT-pz.js +0 -825
  37. package/dist/date-picker-B4Rju7gG.js +0 -115
  38. package/dist/dropzone-Dbfed3jK.js +0 -490
  39. package/dist/editor/components/toolbar-container.d.ts +0 -1
  40. package/dist/editor/toolbars/anchor-target/anchor-target.d.ts +0 -7
  41. package/dist/editor/toolbars/anchor-target/index.d.ts +0 -1
  42. package/dist/editor/toolbars/font-weight/dataset.d.ts +0 -5
  43. package/dist/editor/toolbars/font-weight/font-weight.d.ts +0 -9
  44. package/dist/editor/toolbars/font-weight/index.d.ts +0 -1
  45. package/dist/editor/toolbars/text-align/text-align.d.ts +0 -8
  46. package/dist/editor/toolbars/width/index.d.ts +0 -1
  47. package/dist/editor/toolbars.js +0 -336
  48. package/dist/editor/ui.js +0 -110
  49. package/dist/index-BbiQ0n_-.js +0 -4
  50. package/dist/index-CwrFnubn.js +0 -4448
  51. package/dist/tooltip-KbIHELP2.js +0 -65
@@ -1,825 +0,0 @@
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 } from "@craftjs/core";
7
- import { useMergeRefs as u } from "@floating-ui/react";
8
- import { Button as _, Grid as P, Cell as R, Link as B, Flexbox as F, FlexItem as q, Text as x, Image as G, Marquee as E, MarqueeDataAttributes as U, MarqueeItem as V, Tabs as H, TabList as $, Tab as j, TabContent as W, TabPanel as z, Swiper as Q, SwiperSlide as X, UnorderedList as J, ListItem as K, Icon as Y, Accordion as Z, AccordionSummary as ee, AccordionContent as te, AccordionGroup as ne, Video as ae, Box as oe, Container as se, CountdownTimer as re, Primitive as D } from "@janbox/storefront-ui";
9
- import { v as ce, P as ie, c as le } from "./dialog-header-DPLOS7TT.js";
10
- import { mediaQuery as de } 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
- }, ue = ({ 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(ue, {
67
- resolved: c.Root,
68
- isCanvas: !0,
69
- info: {
70
- displayName: "Root"
71
- }
72
- });
73
- const me = () => {
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(me, {
86
- resolved: c.Unknown,
87
- isCanvas: !1,
88
- info: {
89
- displayName: "Unknown"
90
- }
91
- });
92
- const pe = (e) => {
93
- const { connectors: t } = i(), a = d();
94
- return /* @__PURE__ */ s(
95
- P,
96
- {
97
- ...e,
98
- ref: (n) => {
99
- n && t.connect(n);
100
- },
101
- ...a
102
- }
103
- );
104
- };
105
- l(pe, {
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 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
- [de("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: le(
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(ce, { source: ie, width: 16, height: 16 }),
137
- /* @__PURE__ */ s("p", { css: a, className: "tw:text-xs tw:text-center tw:mt-1" })
138
- ] })
139
- }
140
- );
141
- }, fe = ({ 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(R, { ...t, ...n, ref: o, children: [
148
- e,
149
- p(e) && /* @__PURE__ */ s(f, {})
150
- ] });
151
- };
152
- l(fe, {
153
- resolved: c.Cell,
154
- isCanvas: !0,
155
- info: {
156
- displayName: "Cell"
157
- }
158
- });
159
- const be = (e) => {
160
- const t = d(), { enabled: a } = A((r) => ({
161
- enabled: r.options.enabled
162
- })), { connectors: n } = i();
163
- return /* @__PURE__ */ s(
164
- B,
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(be, {
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 ve = ({ 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(ve, {
219
- resolved: c.Button,
220
- isCanvas: !1,
221
- info: {
222
- displayName: "Button"
223
- }
224
- });
225
- const Ae = (e) => {
226
- const { connectors: t } = i(), a = d(), n = u([
227
- (o) => {
228
- o && t.connect(o);
229
- }
230
- ]);
231
- return /* @__PURE__ */ s(F, { ...e, ...a, ref: n });
232
- }, ge = "Flexbox";
233
- l(Ae, {
234
- resolved: c.Flexbox,
235
- isCanvas: !0,
236
- rules: {
237
- canMoveIn: (e) => e.every((t) => g(t) == c.FlexItem)
238
- },
239
- info: {
240
- displayName: ge
241
- }
242
- });
243
- const we = ({ 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(q, { ...t, ...n, ref: o, children: [
250
- e,
251
- p(e) && /* @__PURE__ */ s(f, {})
252
- ] });
253
- };
254
- l(we, {
255
- resolved: c.FlexItem,
256
- isCanvas: !0,
257
- info: {
258
- displayName: "Flex item"
259
- },
260
- rules: {
261
- canDrag: () => !1
262
- }
263
- });
264
- const Te = (e) => /* @__PURE__ */ s(x, { ...e, as: "div" }), Ne = (e) => {
265
- const { connectors: t } = i(), a = d(), n = u([
266
- (o) => {
267
- o && t.connect(o);
268
- }
269
- ]);
270
- return /* @__PURE__ */ s(Te, { ...e, ref: n, ...a });
271
- };
272
- l(Ne, {
273
- resolved: c.Paragraph,
274
- isCanvas: !1,
275
- info: {
276
- displayName: "Paragraph"
277
- }
278
- });
279
- const ye = ({ ...e }) => /* @__PURE__ */ s(x, { ...e }), he = (e) => {
280
- const { connectors: t } = i(), a = d(), n = u([
281
- (o) => {
282
- o && t.connect(o);
283
- }
284
- ]);
285
- return /* @__PURE__ */ s(ye, { ...e, ref: n, ...a });
286
- };
287
- l(he, {
288
- resolved: c.Heading,
289
- isCanvas: !1,
290
- info: {
291
- displayName: "Heading"
292
- }
293
- });
294
- const xe = (e) => {
295
- const t = d(), { connectors: a } = i(), n = u([
296
- (o) => {
297
- o && a.connect(o);
298
- }
299
- ]);
300
- return /* @__PURE__ */ s(G, { ...e, ...t, ref: n });
301
- };
302
- l(xe, {
303
- resolved: c.Image,
304
- isCanvas: !1,
305
- info: {
306
- displayName: "Image"
307
- }
308
- });
309
- const Ie = (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
- E,
319
- {
320
- ...e,
321
- ...n,
322
- autoScrollOptions: a ? {
323
- ...e.autoScrollOptions,
324
- playOnInit: !1
325
- } : e.autoScrollOptions,
326
- ...a ? {
327
- [U.PlayState]: "off"
328
- } : {},
329
- ref: o
330
- }
331
- );
332
- };
333
- l(Ie, {
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 De = ({ 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(V, { ...t, ...n, ref: o, children: [
350
- e,
351
- p(e) && /* @__PURE__ */ s(f, {})
352
- ] });
353
- };
354
- l(De, {
355
- resolved: c.MarqueeItem,
356
- isCanvas: !0,
357
- info: {
358
- selectable: !1,
359
- displayName: "Marquee item"
360
- }
361
- });
362
- const _e = (e) => {
363
- const { connectors: t } = i(), a = u([
364
- (n) => {
365
- n && t.connect(n);
366
- }
367
- ]);
368
- return /* @__PURE__ */ s(H, { ...e, ref: a });
369
- };
370
- l(_e, {
371
- resolved: c.Tabs,
372
- isCanvas: !1,
373
- info: {
374
- displayName: "Tabs"
375
- }
376
- });
377
- const Se = (e) => {
378
- const { connectors: t } = i(), a = d(), n = u([
379
- (o) => {
380
- o && t.connect(o);
381
- }
382
- ]);
383
- return /* @__PURE__ */ s($, { ...e, ...a, ref: n });
384
- };
385
- l(Se, {
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 Ce = (e) => {
397
- const t = d(), { connectors: a } = i(), n = u([
398
- (o) => {
399
- o && a.connect(o);
400
- }
401
- ]);
402
- return /* @__PURE__ */ s(j, { ...e, ref: n, ...t });
403
- };
404
- l(Ce, {
405
- resolved: c.Tab,
406
- isCanvas: !1,
407
- info: {
408
- selectable: !1,
409
- displayName: "Tab"
410
- }
411
- });
412
- const Oe = (e) => {
413
- const { connectors: t } = i(), a = d(), n = u([
414
- (o) => {
415
- o && t.connect(o);
416
- }
417
- ]);
418
- return /* @__PURE__ */ s(W, { ...e, ...a, ref: n });
419
- };
420
- l(Oe, {
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 Me = ({ 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(z, { ...t, ...n, ref: o, children: [
438
- e,
439
- p(e) && /* @__PURE__ */ s(f, {})
440
- ] });
441
- };
442
- l(Me, {
443
- resolved: c.TabPanel,
444
- isCanvas: !0,
445
- info: {
446
- selectable: !1,
447
- displayName: "Tab panel"
448
- }
449
- });
450
- const Le = (e) => {
451
- const { connectors: t } = i();
452
- return /* @__PURE__ */ s(
453
- Q,
454
- {
455
- ...e,
456
- ref: (a) => {
457
- a && t.connect(a);
458
- }
459
- }
460
- );
461
- }, ke = "Carousel";
462
- l(Le, {
463
- resolved: c.Swiper,
464
- isCanvas: !0,
465
- rules: {
466
- canMoveIn: (e) => e.every((t) => g(t) == c.SwiperSlide)
467
- },
468
- info: {
469
- displayName: ke
470
- }
471
- });
472
- const Pe = ({ 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(X, { ...t, ...a, ref: o, children: [
479
- e,
480
- p(e) && /* @__PURE__ */ s(f, {})
481
- ] });
482
- };
483
- l(Pe, {
484
- resolved: c.SwiperSlide,
485
- info: {
486
- selectable: !1,
487
- displayName: "Swiper Slide"
488
- }
489
- });
490
- const Re = (e) => {
491
- const { connectors: t } = i(), a = u([
492
- (n) => {
493
- n && t.connect(n);
494
- }
495
- ]);
496
- return /* @__PURE__ */ s(J, { ...e, ref: a });
497
- };
498
- l(Re, {
499
- resolved: c.UnorderedList,
500
- isCanvas: !1,
501
- info: {
502
- displayName: "Unordered list"
503
- }
504
- });
505
- const Be = (e) => {
506
- const t = d(), { connectors: a } = i(), n = u([
507
- (o) => {
508
- o && a.connect(o);
509
- }
510
- ]);
511
- return /* @__PURE__ */ s(K, { ...e, ...t, ref: n });
512
- };
513
- l(Be, {
514
- isCanvas: !0,
515
- resolved: c.ListItem,
516
- info: {
517
- displayName: "List item",
518
- selectable: !1
519
- }
520
- });
521
- const Fe = (e) => {
522
- const { connectors: t } = i(), a = d();
523
- return /* @__PURE__ */ s(
524
- Y,
525
- {
526
- ...a,
527
- ...e,
528
- ref: (n) => {
529
- n && t.connect(n);
530
- }
531
- }
532
- );
533
- };
534
- l(Fe, {
535
- resolved: c.Icon,
536
- isCanvas: !1,
537
- info: {
538
- displayName: "Icon"
539
- }
540
- });
541
- const qe = (e) => {
542
- const { connectors: t } = i(), a = d(), n = u([
543
- (o) => {
544
- o && t.connect(o);
545
- }
546
- ]);
547
- return /* @__PURE__ */ s(Z, { ...e, ...a, ref: n });
548
- };
549
- l(qe, {
550
- resolved: c.Accordion,
551
- isCanvas: !1,
552
- info: {
553
- selectable: !1
554
- }
555
- });
556
- const Ge = ({ children: e, ...t }) => {
557
- const { connectors: a } = i(), n = d();
558
- return /* @__PURE__ */ m(
559
- ee,
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: Ee })
569
- ]
570
- }
571
- );
572
- }, Ee = "Accordion summary";
573
- l(Ge, {
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 Ue = ({ children: e, ...t }) => {
585
- const { connectors: a } = i(), n = d();
586
- return /* @__PURE__ */ m(
587
- te,
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: Ve })
599
- ]
600
- }
601
- );
602
- }, Ve = "Accordion Content";
603
- l(Ue, {
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 He = (e) => {
615
- const { connectors: t } = i(), a = d();
616
- return /* @__PURE__ */ s(
617
- ne,
618
- {
619
- ...e,
620
- ...a,
621
- ref: (n) => {
622
- n && t.connect(n);
623
- }
624
- }
625
- );
626
- };
627
- l(He, {
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 $e = ({ ...e }) => {
638
- const t = d(), { connectors: a } = i();
639
- return /* @__PURE__ */ s(
640
- ae,
641
- {
642
- ...e,
643
- ref: (n) => {
644
- n && a.connect(n);
645
- },
646
- ...t
647
- }
648
- );
649
- };
650
- l($e, {
651
- resolved: c.Video,
652
- isCanvas: !1,
653
- info: {
654
- displayName: "Video"
655
- }
656
- });
657
- const je = ({ children: e, ...t }) => {
658
- const a = d(), { connectors: n } = i();
659
- return /* @__PURE__ */ m(
660
- oe,
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(je, {
675
- resolved: c.Box,
676
- isCanvas: !0,
677
- rules: {
678
- canMoveIn: () => !0
679
- },
680
- info: {
681
- displayName: "Block"
682
- }
683
- });
684
- const We = ({ children: e, ...t }) => {
685
- const a = d(), { connectors: n } = i();
686
- return /* @__PURE__ */ m(
687
- se,
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(We, {
702
- resolved: c.Container,
703
- isCanvas: !0,
704
- rules: {
705
- canMoveIn: () => !0
706
- },
707
- info: {
708
- displayName: "Container"
709
- }
710
- });
711
- const ze = ({
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(re, { 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(ze, {
780
- resolved: c.CountdownTimer,
781
- isCanvas: !1,
782
- info: {
783
- displayName: "Countdown timer"
784
- }
785
- });
786
- export {
787
- He as A,
788
- ve as B,
789
- We as C,
790
- we as F,
791
- pe as G,
792
- he as H,
793
- xe as I,
794
- be as L,
795
- De as M,
796
- v as N,
797
- Ne as P,
798
- ue as R,
799
- Le as S,
800
- Oe as T,
801
- me as U,
802
- $e as V,
803
- fe as a,
804
- qe as b,
805
- Ge as c,
806
- Ue as d,
807
- Te as e,
808
- ye as f,
809
- je as g,
810
- f as h,
811
- ze as i,
812
- Ae as j,
813
- Fe as k,
814
- Be as l,
815
- Ie as m,
816
- Pe as n,
817
- Se as o,
818
- Ce as p,
819
- Me as q,
820
- _e as r,
821
- Re as s,
822
- S as t,
823
- d as u,
824
- c as v
825
- };