@weaverse/react 0.7.66 → 0.7.68

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 (4) hide show
  1. package/dist/index.d.ts +3 -0
  2. package/dist/index.js +831 -671
  3. package/dist/index.mjs +827 -671
  4. package/package.json +2 -2
package/dist/index.mjs CHANGED
@@ -18,18 +18,19 @@ var Button = React.forwardRef((props, ref) => {
18
18
  let { isDesignMode } = useContext(WeaverseContext);
19
19
  let { text, clickAction, linkTo, openInNewTab, ...rest } = props;
20
20
  if (clickAction === "none") {
21
- return /* @__PURE__ */ React.createElement("button", {
21
+ return /* @__PURE__ */ React.createElement("button", { ref, ...rest }, text);
22
+ }
23
+ return /* @__PURE__ */ React.createElement(
24
+ "a",
25
+ {
22
26
  ref,
27
+ href: !isDesignMode ? linkTo : void 0,
28
+ target: openInNewTab ? "_blank" : "_self",
29
+ rel: "noreferrer",
23
30
  ...rest
24
- }, text);
25
- }
26
- return /* @__PURE__ */ React.createElement("a", {
27
- ref,
28
- href: !isDesignMode ? linkTo : void 0,
29
- target: openInNewTab ? "_blank" : "_self",
30
- rel: "noreferrer",
31
- ...rest
32
- }, text);
31
+ },
32
+ text
33
+ );
33
34
  });
34
35
  Button.defaultProps = {
35
36
  type: "button",
@@ -63,10 +64,7 @@ import React2, { forwardRef as forwardRef2 } from "react";
63
64
  var Container = forwardRef2(
64
65
  (props, ref) => {
65
66
  let { children, ...rest } = props;
66
- return /* @__PURE__ */ React2.createElement("div", {
67
- ref,
68
- ...rest
69
- }, children);
67
+ return /* @__PURE__ */ React2.createElement("div", { ref, ...rest }, children);
70
68
  }
71
69
  );
72
70
  var css2 = {
@@ -117,13 +115,7 @@ function getVimeoId(url) {
117
115
  // src/elements/countdown/timer-block.tsx
118
116
  import React3 from "react";
119
117
  function TimerBlock({ value, label }) {
120
- return /* @__PURE__ */ React3.createElement("div", {
121
- className: "wv-cd-block"
122
- }, /* @__PURE__ */ React3.createElement("div", {
123
- className: "wv-cd-number"
124
- }, typeof value === "string" ? value : value.toString().padStart(2, "0")), label && /* @__PURE__ */ React3.createElement("div", {
125
- className: "wv-cd-label"
126
- }, label));
118
+ return /* @__PURE__ */ React3.createElement("div", { className: "wv-cd-block" }, /* @__PURE__ */ React3.createElement("div", { className: "wv-cd-number" }, typeof value === "string" ? value : value.toString().padStart(2, "0")), label && /* @__PURE__ */ React3.createElement("div", { className: "wv-cd-label" }, label));
127
119
  }
128
120
 
129
121
  // src/elements/countdown/index.tsx
@@ -186,18 +178,14 @@ var Countdown = forwardRef3(
186
178
  };
187
179
  }, [startTimeProp, endTimeProp, periods, timerType]);
188
180
  const timer = getTime(remaining);
189
- return /* @__PURE__ */ React4.createElement("div", {
190
- ref,
191
- ...rest
192
- }, TIMES.map((time) => {
193
- return /* @__PURE__ */ React4.createElement(React4.Fragment, {
194
- key: time
195
- }, /* @__PURE__ */ React4.createElement(TimerBlock, {
196
- label: showLabel ? time : "",
197
- value: remaining === 0 ? "--" : timer[time]
198
- }), time !== "seconds" && /* @__PURE__ */ React4.createElement("div", {
199
- className: "wv-cd-separator"
200
- }, showColon && /* @__PURE__ */ React4.createElement("span", null, ":")));
181
+ return /* @__PURE__ */ React4.createElement("div", { ref, ...rest }, TIMES.map((time) => {
182
+ return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: time }, /* @__PURE__ */ React4.createElement(
183
+ TimerBlock,
184
+ {
185
+ label: showLabel ? time : "",
186
+ value: remaining === 0 ? "--" : timer[time]
187
+ }
188
+ ), time !== "seconds" && /* @__PURE__ */ React4.createElement("div", { className: "wv-cd-separator" }, showColon && /* @__PURE__ */ React4.createElement("span", null, ":")));
201
189
  }));
202
190
  }
203
191
  );
@@ -259,25 +247,19 @@ var Image = React5.forwardRef(
259
247
  "--img-object-fit": objectFit,
260
248
  "--img-object-position": objectPosition
261
249
  };
262
- let content = /* @__PURE__ */ React5.createElement("img", {
263
- alt,
264
- "data-blink-src": src
265
- });
250
+ let content = /* @__PURE__ */ React5.createElement("img", { alt, "data-blink-src": src });
266
251
  if (clickAction === "openLink" && linkTo) {
267
- content = /* @__PURE__ */ React5.createElement("a", {
268
- href: linkTo,
269
- target: openLinkInNewTab ? "_blank" : "_self",
270
- rel: "noreferrer"
271
- }, /* @__PURE__ */ React5.createElement("img", {
272
- alt,
273
- "data-blink-src": src
274
- }));
252
+ content = /* @__PURE__ */ React5.createElement(
253
+ "a",
254
+ {
255
+ href: linkTo,
256
+ target: openLinkInNewTab ? "_blank" : "_self",
257
+ rel: "noreferrer"
258
+ },
259
+ /* @__PURE__ */ React5.createElement("img", { alt, "data-blink-src": src })
260
+ );
275
261
  }
276
- return /* @__PURE__ */ React5.createElement("div", {
277
- ref,
278
- style,
279
- ...rest
280
- }, content);
262
+ return /* @__PURE__ */ React5.createElement("div", { ref, style, ...rest }, content);
281
263
  }
282
264
  );
283
265
  var css4 = {
@@ -318,15 +300,15 @@ function Background(props) {
318
300
  ["--layout-bg-image-position"]: objectPosition
319
301
  };
320
302
  if (imgUrl || bgColor) {
321
- return /* @__PURE__ */ React6.createElement("div", {
322
- style,
323
- className: "wv-layout-background"
324
- }, imgUrl && /* @__PURE__ */ React6.createElement("img", {
325
- width: "100%",
326
- height: "100%",
327
- "data-blink-src": imgUrl,
328
- alt: "Section background"
329
- }));
303
+ return /* @__PURE__ */ React6.createElement("div", { style, className: "wv-layout-background" }, imgUrl && /* @__PURE__ */ React6.createElement(
304
+ "img",
305
+ {
306
+ width: "100%",
307
+ height: "100%",
308
+ "data-blink-src": imgUrl,
309
+ alt: "Section background"
310
+ }
311
+ ));
330
312
  }
331
313
  return null;
332
314
  }
@@ -339,10 +321,7 @@ function Overlay(props) {
339
321
  let style = {
340
322
  ["--layout-overlay-opacity"]: overlayOpacity / 100
341
323
  };
342
- return /* @__PURE__ */ React7.createElement("div", {
343
- className: "wv-layout-overlay",
344
- style
345
- });
324
+ return /* @__PURE__ */ React7.createElement("div", { className: "wv-layout-overlay", style });
346
325
  }
347
326
  return null;
348
327
  }
@@ -375,21 +354,15 @@ var Layout = forwardRef4((props, ref) => {
375
354
  "--row-size": rowSize + "px",
376
355
  "--col-size": "calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"
377
356
  };
378
- return /* @__PURE__ */ React8.createElement("div", {
379
- ref,
380
- ...rest,
381
- style
382
- }, /* @__PURE__ */ React8.createElement(Background, {
383
- imgUrl: backgroundImage,
384
- bgColor: backgroundColor,
385
- objectFit,
386
- objectPosition
387
- }), /* @__PURE__ */ React8.createElement(Overlay, {
388
- enableOverlay,
389
- overlayOpacity
390
- }), /* @__PURE__ */ React8.createElement("div", {
391
- "data-layout-content": true
392
- }, children));
357
+ return /* @__PURE__ */ React8.createElement("div", { ref, ...rest, style }, /* @__PURE__ */ React8.createElement(
358
+ Background,
359
+ {
360
+ imgUrl: backgroundImage,
361
+ bgColor: backgroundColor,
362
+ objectFit,
363
+ objectPosition
364
+ }
365
+ ), /* @__PURE__ */ React8.createElement(Overlay, { enableOverlay, overlayOpacity }), /* @__PURE__ */ React8.createElement("div", { "data-layout-content": true }, children));
393
366
  });
394
367
  var css5 = {
395
368
  "@desktop": {
@@ -448,17 +421,17 @@ var layout_default = Layout;
448
421
  import React9, { forwardRef as forwardRef5 } from "react";
449
422
  var Map = forwardRef5((props, ref) => {
450
423
  let { place, zoom, ...rest } = props;
451
- return /* @__PURE__ */ React9.createElement("div", {
452
- ref,
453
- ...rest
454
- }, /* @__PURE__ */ React9.createElement("iframe", {
455
- loading: "lazy",
456
- width: "100%",
457
- height: "100%",
458
- title: "map",
459
- src: `https://maps.google.com/maps?z=${zoom}&t=m&q=${place}&ie=UTF8&&output=embed`,
460
- style: { pointerEvents: "none" }
461
- }));
424
+ return /* @__PURE__ */ React9.createElement("div", { ref, ...rest }, /* @__PURE__ */ React9.createElement(
425
+ "iframe",
426
+ {
427
+ loading: "lazy",
428
+ width: "100%",
429
+ height: "100%",
430
+ title: "map",
431
+ src: `https://maps.google.com/maps?z=${zoom}&t=m&q=${place}&ie=UTF8&&output=embed`,
432
+ style: { pointerEvents: "none" }
433
+ }
434
+ ));
462
435
  });
463
436
  var css6 = {
464
437
  "@desktop": {
@@ -483,13 +456,13 @@ import * as React10 from "react";
483
456
  var Text = React10.forwardRef(
484
457
  (props, ref) => {
485
458
  let { children, value, ...rest } = props;
486
- return /* @__PURE__ */ React10.createElement("div", {
487
- ref,
488
- ...rest
489
- }, /* @__PURE__ */ React10.createElement("div", {
490
- className: "wv-text-content",
491
- dangerouslySetInnerHTML: { __html: value }
492
- }));
459
+ return /* @__PURE__ */ React10.createElement("div", { ref, ...rest }, /* @__PURE__ */ React10.createElement(
460
+ "div",
461
+ {
462
+ className: "wv-text-content",
463
+ dangerouslySetInnerHTML: { __html: value }
464
+ }
465
+ ));
493
466
  }
494
467
  );
495
468
  var css7 = {
@@ -516,20 +489,20 @@ import React14, { forwardRef as forwardRef7, useContext as useContext3 } from "r
516
489
  import React11 from "react";
517
490
  function HTMLVideo(props) {
518
491
  let { src, type, controls, autoPlay, loop, muted } = props;
519
- return /* @__PURE__ */ React11.createElement("video", {
520
- controls,
521
- autoPlay,
522
- loop,
523
- muted,
524
- controlsList: "nodownload",
525
- disablePictureInPicture: true
526
- }, /* @__PURE__ */ React11.createElement("source", {
527
- src,
528
- type: type || "video/mp4"
529
- }), /* @__PURE__ */ React11.createElement("source", {
530
- src,
531
- type: "video/ogg"
532
- }), "Your browser does not support the video tag.");
492
+ return /* @__PURE__ */ React11.createElement(
493
+ "video",
494
+ {
495
+ controls,
496
+ autoPlay,
497
+ loop,
498
+ muted,
499
+ controlsList: "nodownload",
500
+ disablePictureInPicture: true
501
+ },
502
+ /* @__PURE__ */ React11.createElement("source", { src, type: type || "video/mp4" }),
503
+ /* @__PURE__ */ React11.createElement("source", { src, type: "video/ogg" }),
504
+ "Your browser does not support the video tag."
505
+ );
533
506
  }
534
507
 
535
508
  // src/elements/video/vimeo.tsx
@@ -538,12 +511,7 @@ function Vimeo(props) {
538
511
  let { vimeoId, controls, autoPlay, loop, muted } = props;
539
512
  let params = `autoplay=${autoPlay}&loop=${loop}&controls=${controls}&muted=${muted}`;
540
513
  let vimeoSrc = `https://player.vimeo.com/video/${vimeoId}?${params}`;
541
- return /* @__PURE__ */ React12.createElement("iframe", {
542
- src: vimeoSrc,
543
- width: "100%",
544
- height: "100%",
545
- allowFullScreen: true
546
- });
514
+ return /* @__PURE__ */ React12.createElement("iframe", { src: vimeoSrc, width: "100%", height: "100%", allowFullScreen: true });
547
515
  }
548
516
 
549
517
  // src/elements/video/youtube.tsx
@@ -558,12 +526,7 @@ function Youtube(props) {
558
526
  });
559
527
  let youtubeSrc = `https://www.youtube.com/embed/${youtubeId}?playlist=${youtubeId}&${params.toString()}`;
560
528
  let allow = `accelerometer;${autoPlay ? "autoplay;" : ""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`;
561
- return /* @__PURE__ */ React13.createElement("iframe", {
562
- src: youtubeSrc,
563
- width: "100%",
564
- height: "100%",
565
- allow
566
- });
529
+ return /* @__PURE__ */ React13.createElement("iframe", { src: youtubeSrc, width: "100%", height: "100%", allow });
567
530
  }
568
531
 
569
532
  // src/elements/video/index.tsx
@@ -584,24 +547,13 @@ var Video = forwardRef7((props, ref) => {
584
547
  let youtubeId = getYoutubeEmbedId(src);
585
548
  let vimeoId = getVimeoId(src);
586
549
  if (youtubeId) {
587
- content = /* @__PURE__ */ React14.createElement(Youtube, {
588
- ...videoProps,
589
- youtubeId
590
- });
550
+ content = /* @__PURE__ */ React14.createElement(Youtube, { ...videoProps, youtubeId });
591
551
  } else if (vimeoId) {
592
- content = /* @__PURE__ */ React14.createElement(Vimeo, {
593
- ...videoProps,
594
- vimeoId
595
- });
552
+ content = /* @__PURE__ */ React14.createElement(Vimeo, { ...videoProps, vimeoId });
596
553
  } else {
597
- content = /* @__PURE__ */ React14.createElement(HTMLVideo, {
598
- ...videoProps
599
- });
554
+ content = /* @__PURE__ */ React14.createElement(HTMLVideo, { ...videoProps });
600
555
  }
601
- return /* @__PURE__ */ React14.createElement("div", {
602
- ref,
603
- ...rest
604
- }, content);
556
+ return /* @__PURE__ */ React14.createElement("div", { ref, ...rest }, content);
605
557
  });
606
558
  var css8 = {
607
559
  "@desktop": {
@@ -653,6 +605,7 @@ __export(phosphor_exports, {
653
605
  Eye: () => Eye,
654
606
  Image: () => Image2,
655
607
  Minus: () => Minus,
608
+ Newspaper: () => Newspaper,
656
609
  Package: () => Package,
657
610
  Plus: () => Plus,
658
611
  ShoppingCart: () => ShoppingCart,
@@ -661,391 +614,580 @@ __export(phosphor_exports, {
661
614
  });
662
615
  import React15 from "react";
663
616
  var CircleNotch = (props) => {
664
- return /* @__PURE__ */ React15.createElement("svg", {
665
- xmlns: "http://www.w3.org/2000/svg",
666
- fill: "none",
667
- viewBox: "0 0 24 24",
668
- ...props
669
- }, /* @__PURE__ */ React15.createElement("circle", {
670
- style: { opacity: ".25" },
671
- cx: "12",
672
- cy: "12",
673
- r: "10",
674
- stroke: "currentColor",
675
- strokeWidth: "4"
676
- }), /* @__PURE__ */ React15.createElement("path", {
677
- style: { opacity: ".75" },
678
- fill: "currentColor",
679
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
680
- }));
617
+ return /* @__PURE__ */ React15.createElement(
618
+ "svg",
619
+ {
620
+ xmlns: "http://www.w3.org/2000/svg",
621
+ fill: "none",
622
+ viewBox: "0 0 24 24",
623
+ ...props
624
+ },
625
+ /* @__PURE__ */ React15.createElement(
626
+ "circle",
627
+ {
628
+ style: { opacity: ".25" },
629
+ cx: "12",
630
+ cy: "12",
631
+ r: "10",
632
+ stroke: "currentColor",
633
+ strokeWidth: "4"
634
+ }
635
+ ),
636
+ /* @__PURE__ */ React15.createElement(
637
+ "path",
638
+ {
639
+ style: { opacity: ".75" },
640
+ fill: "currentColor",
641
+ d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
642
+ }
643
+ )
644
+ );
681
645
  };
682
646
  var X = (props) => {
683
- return /* @__PURE__ */ React15.createElement("svg", {
684
- xmlns: "http://www.w3.org/2000/svg",
685
- width: "20",
686
- height: "20",
687
- fill: "currentColor",
688
- viewBox: "0 0 256 256",
689
- ...props
690
- }, /* @__PURE__ */ React15.createElement("rect", {
691
- width: "256",
692
- height: "256",
693
- fill: "none"
694
- }), /* @__PURE__ */ React15.createElement("line", {
695
- x1: "200",
696
- y1: "56",
697
- x2: "56",
698
- y2: "200",
699
- fill: "none",
700
- stroke: "currentColor",
701
- strokeLinecap: "round",
702
- strokeLinejoin: "round",
703
- strokeWidth: "12"
704
- }), /* @__PURE__ */ React15.createElement("line", {
705
- x1: "200",
706
- y1: "200",
707
- x2: "56",
708
- y2: "56",
709
- fill: "none",
710
- stroke: "currentColor",
711
- strokeLinecap: "round",
712
- strokeLinejoin: "round",
713
- strokeWidth: "12"
714
- }));
647
+ return /* @__PURE__ */ React15.createElement(
648
+ "svg",
649
+ {
650
+ xmlns: "http://www.w3.org/2000/svg",
651
+ width: "20",
652
+ height: "20",
653
+ fill: "currentColor",
654
+ viewBox: "0 0 256 256",
655
+ ...props
656
+ },
657
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
658
+ /* @__PURE__ */ React15.createElement(
659
+ "line",
660
+ {
661
+ x1: "200",
662
+ y1: "56",
663
+ x2: "56",
664
+ y2: "200",
665
+ fill: "none",
666
+ stroke: "currentColor",
667
+ strokeLinecap: "round",
668
+ strokeLinejoin: "round",
669
+ strokeWidth: "12"
670
+ }
671
+ ),
672
+ /* @__PURE__ */ React15.createElement(
673
+ "line",
674
+ {
675
+ x1: "200",
676
+ y1: "200",
677
+ x2: "56",
678
+ y2: "56",
679
+ fill: "none",
680
+ stroke: "currentColor",
681
+ strokeLinecap: "round",
682
+ strokeLinejoin: "round",
683
+ strokeWidth: "12"
684
+ }
685
+ )
686
+ );
715
687
  };
716
688
  var Minus = (props) => {
717
- return /* @__PURE__ */ React15.createElement("svg", {
718
- width: "196",
719
- height: "196",
720
- fill: "currentColor",
721
- stroke: "currentColor",
722
- xmlns: "http://www.w3.org/2000/svg",
723
- viewBox: "0 0 384 512",
724
- ...props
725
- }, /* @__PURE__ */ React15.createElement("path", {
726
- d: "M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"
727
- }));
689
+ return /* @__PURE__ */ React15.createElement(
690
+ "svg",
691
+ {
692
+ width: "196",
693
+ height: "196",
694
+ fill: "currentColor",
695
+ stroke: "currentColor",
696
+ xmlns: "http://www.w3.org/2000/svg",
697
+ viewBox: "0 0 384 512",
698
+ ...props
699
+ },
700
+ /* @__PURE__ */ React15.createElement("path", { d: "M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z" })
701
+ );
728
702
  };
729
703
  var Plus = (props) => {
730
- return /* @__PURE__ */ React15.createElement("svg", {
731
- width: "196",
732
- height: "196",
733
- fill: "currentColor",
734
- stroke: "currentColor",
735
- xmlns: "http://www.w3.org/2000/svg",
736
- viewBox: "0 0 384 512",
737
- ...props
738
- }, /* @__PURE__ */ React15.createElement("path", {
739
- d: "M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"
740
- }));
704
+ return /* @__PURE__ */ React15.createElement(
705
+ "svg",
706
+ {
707
+ width: "196",
708
+ height: "196",
709
+ fill: "currentColor",
710
+ stroke: "currentColor",
711
+ xmlns: "http://www.w3.org/2000/svg",
712
+ viewBox: "0 0 384 512",
713
+ ...props
714
+ },
715
+ /* @__PURE__ */ React15.createElement("path", { d: "M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z" })
716
+ );
741
717
  };
742
718
  var ArrowLeft = (props) => {
743
- return /* @__PURE__ */ React15.createElement("svg", {
744
- xmlns: "http://www.w3.org/2000/svg",
745
- width: "192",
746
- height: "192",
747
- fill: "currentColor",
748
- viewBox: "0 0 256 256",
749
- ...props
750
- }, /* @__PURE__ */ React15.createElement("rect", {
751
- width: "256",
752
- height: "256",
753
- fill: "none"
754
- }), /* @__PURE__ */ React15.createElement("line", {
755
- x1: "216",
756
- y1: "128",
757
- x2: "40",
758
- y2: "128",
759
- fill: "none",
760
- stroke: "currentColor",
761
- strokeLinecap: "round",
762
- strokeLinejoin: "round",
763
- strokeWidth: "16"
764
- }), /* @__PURE__ */ React15.createElement("polyline", {
765
- points: "112 56 40 128 112 200",
766
- fill: "none",
767
- stroke: "currentColor",
768
- strokeLinecap: "round",
769
- strokeLinejoin: "round",
770
- strokeWidth: "16"
771
- }));
719
+ return /* @__PURE__ */ React15.createElement(
720
+ "svg",
721
+ {
722
+ xmlns: "http://www.w3.org/2000/svg",
723
+ width: "192",
724
+ height: "192",
725
+ fill: "currentColor",
726
+ viewBox: "0 0 256 256",
727
+ ...props
728
+ },
729
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
730
+ /* @__PURE__ */ React15.createElement(
731
+ "line",
732
+ {
733
+ x1: "216",
734
+ y1: "128",
735
+ x2: "40",
736
+ y2: "128",
737
+ fill: "none",
738
+ stroke: "currentColor",
739
+ strokeLinecap: "round",
740
+ strokeLinejoin: "round",
741
+ strokeWidth: "16"
742
+ }
743
+ ),
744
+ /* @__PURE__ */ React15.createElement(
745
+ "polyline",
746
+ {
747
+ points: "112 56 40 128 112 200",
748
+ fill: "none",
749
+ stroke: "currentColor",
750
+ strokeLinecap: "round",
751
+ strokeLinejoin: "round",
752
+ strokeWidth: "16"
753
+ }
754
+ )
755
+ );
772
756
  };
773
757
  var ArrowRight = (props) => {
774
- return /* @__PURE__ */ React15.createElement("svg", {
775
- xmlns: "http://www.w3.org/2000/svg",
776
- width: "192",
777
- height: "192",
778
- fill: "currentColor",
779
- viewBox: "0 0 256 256",
780
- ...props
781
- }, /* @__PURE__ */ React15.createElement("rect", {
782
- width: "256",
783
- height: "256",
784
- fill: "none"
785
- }), /* @__PURE__ */ React15.createElement("line", {
786
- x1: "40",
787
- y1: "128",
788
- x2: "216",
789
- y2: "128",
790
- fill: "none",
791
- stroke: "currentColor",
792
- strokeLinecap: "round",
793
- strokeLinejoin: "round",
794
- strokeWidth: "16"
795
- }), /* @__PURE__ */ React15.createElement("polyline", {
796
- points: "144 56 216 128 144 200",
797
- fill: "none",
798
- stroke: "currentColor",
799
- strokeLinecap: "round",
800
- strokeLinejoin: "round",
801
- strokeWidth: "16"
802
- }));
758
+ return /* @__PURE__ */ React15.createElement(
759
+ "svg",
760
+ {
761
+ xmlns: "http://www.w3.org/2000/svg",
762
+ width: "192",
763
+ height: "192",
764
+ fill: "currentColor",
765
+ viewBox: "0 0 256 256",
766
+ ...props
767
+ },
768
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
769
+ /* @__PURE__ */ React15.createElement(
770
+ "line",
771
+ {
772
+ x1: "40",
773
+ y1: "128",
774
+ x2: "216",
775
+ y2: "128",
776
+ fill: "none",
777
+ stroke: "currentColor",
778
+ strokeLinecap: "round",
779
+ strokeLinejoin: "round",
780
+ strokeWidth: "16"
781
+ }
782
+ ),
783
+ /* @__PURE__ */ React15.createElement(
784
+ "polyline",
785
+ {
786
+ points: "144 56 216 128 144 200",
787
+ fill: "none",
788
+ stroke: "currentColor",
789
+ strokeLinecap: "round",
790
+ strokeLinejoin: "round",
791
+ strokeWidth: "16"
792
+ }
793
+ )
794
+ );
803
795
  };
804
796
  var Image2 = (props) => {
805
- return /* @__PURE__ */ React15.createElement("svg", {
806
- xmlns: "http://www.w3.org/2000/svg",
807
- "aria-hidden": "true",
808
- fill: "currentColor",
809
- viewBox: "0 0 640 512",
810
- ...props
811
- }, /* @__PURE__ */ React15.createElement("path", {
812
- d: "M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"
813
- }));
797
+ return /* @__PURE__ */ React15.createElement(
798
+ "svg",
799
+ {
800
+ xmlns: "http://www.w3.org/2000/svg",
801
+ "aria-hidden": "true",
802
+ fill: "currentColor",
803
+ viewBox: "0 0 640 512",
804
+ ...props
805
+ },
806
+ /* @__PURE__ */ React15.createElement("path", { d: "M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z" })
807
+ );
814
808
  };
815
809
  var ShoppingCart = (props) => {
816
- return /* @__PURE__ */ React15.createElement("svg", {
817
- xmlns: "http://www.w3.org/2000/svg",
818
- width: "192",
819
- height: "192",
820
- fill: "currentColor",
821
- viewBox: "0 0 256 256",
822
- ...props
823
- }, /* @__PURE__ */ React15.createElement("rect", {
824
- width: "256",
825
- height: "256",
826
- fill: "none"
827
- }), /* @__PURE__ */ React15.createElement("path", {
828
- d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
829
- fill: "none",
830
- stroke: "currentColor",
831
- strokeLinecap: "round",
832
- strokeLinejoin: "round",
833
- strokeWidth: "16"
834
- }), /* @__PURE__ */ React15.createElement("circle", {
835
- cx: "80",
836
- cy: "204",
837
- r: "20",
838
- fill: "none",
839
- stroke: "currentColor",
840
- strokeLinecap: "round",
841
- strokeLinejoin: "round",
842
- strokeWidth: "16"
843
- }), /* @__PURE__ */ React15.createElement("circle", {
844
- cx: "184",
845
- cy: "204",
846
- r: "20",
847
- fill: "none",
848
- stroke: "currentColor",
849
- strokeLinecap: "round",
850
- strokeLinejoin: "round",
851
- strokeWidth: "16"
852
- }), /* @__PURE__ */ React15.createElement("path", {
853
- d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
854
- fill: "none",
855
- stroke: "currentColor",
856
- strokeLinecap: "round",
857
- strokeLinejoin: "round",
858
- strokeWidth: "16"
859
- }));
810
+ return /* @__PURE__ */ React15.createElement(
811
+ "svg",
812
+ {
813
+ xmlns: "http://www.w3.org/2000/svg",
814
+ width: "192",
815
+ height: "192",
816
+ fill: "currentColor",
817
+ viewBox: "0 0 256 256",
818
+ ...props
819
+ },
820
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
821
+ /* @__PURE__ */ React15.createElement(
822
+ "path",
823
+ {
824
+ d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
825
+ fill: "none",
826
+ stroke: "currentColor",
827
+ strokeLinecap: "round",
828
+ strokeLinejoin: "round",
829
+ strokeWidth: "16"
830
+ }
831
+ ),
832
+ /* @__PURE__ */ React15.createElement(
833
+ "circle",
834
+ {
835
+ cx: "80",
836
+ cy: "204",
837
+ r: "20",
838
+ fill: "none",
839
+ stroke: "currentColor",
840
+ strokeLinecap: "round",
841
+ strokeLinejoin: "round",
842
+ strokeWidth: "16"
843
+ }
844
+ ),
845
+ /* @__PURE__ */ React15.createElement(
846
+ "circle",
847
+ {
848
+ cx: "184",
849
+ cy: "204",
850
+ r: "20",
851
+ fill: "none",
852
+ stroke: "currentColor",
853
+ strokeLinecap: "round",
854
+ strokeLinejoin: "round",
855
+ strokeWidth: "16"
856
+ }
857
+ ),
858
+ /* @__PURE__ */ React15.createElement(
859
+ "path",
860
+ {
861
+ d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
862
+ fill: "none",
863
+ stroke: "currentColor",
864
+ strokeLinecap: "round",
865
+ strokeLinejoin: "round",
866
+ strokeWidth: "16"
867
+ }
868
+ )
869
+ );
860
870
  };
861
871
  var Storefront = (props) => {
862
- return /* @__PURE__ */ React15.createElement("svg", {
863
- xmlns: "http://www.w3.org/2000/svg",
864
- width: "192",
865
- height: "192",
866
- fill: "currentColor",
867
- viewBox: "0 0 256 256",
868
- ...props
869
- }, /* @__PURE__ */ React15.createElement("rect", {
870
- width: "256",
871
- height: "256",
872
- fill: "none"
873
- }), /* @__PURE__ */ React15.createElement("path", {
874
- d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
875
- fill: "none",
876
- stroke: "currentColor",
877
- strokeLinecap: "round",
878
- strokeLinejoin: "round",
879
- strokeWidth: "12"
880
- }), /* @__PURE__ */ React15.createElement("path", {
881
- d: "M54,40H202a8.1,8.1,0,0,1,7.7,5.8L224,96H32L46.3,45.8A8.1,8.1,0,0,1,54,40Z",
882
- fill: "none",
883
- stroke: "currentColor",
884
- strokeLinecap: "round",
885
- strokeLinejoin: "round",
886
- strokeWidth: "12"
887
- }), /* @__PURE__ */ React15.createElement("path", {
888
- d: "M96,96v16a32,32,0,0,1-64,0V96",
889
- fill: "none",
890
- stroke: "currentColor",
891
- strokeLinecap: "round",
892
- strokeLinejoin: "round",
893
- strokeWidth: "12"
894
- }), /* @__PURE__ */ React15.createElement("path", {
895
- d: "M160,96v16a32,32,0,0,1-64,0V96",
896
- fill: "none",
897
- stroke: "currentColor",
898
- strokeLinecap: "round",
899
- strokeLinejoin: "round",
900
- strokeWidth: "12"
901
- }), /* @__PURE__ */ React15.createElement("path", {
902
- d: "M224,96v16a32,32,0,0,1-64,0V96",
903
- fill: "none",
904
- stroke: "currentColor",
905
- strokeLinecap: "round",
906
- strokeLinejoin: "round",
907
- strokeWidth: "12"
908
- }));
872
+ return /* @__PURE__ */ React15.createElement(
873
+ "svg",
874
+ {
875
+ xmlns: "http://www.w3.org/2000/svg",
876
+ width: "192",
877
+ height: "192",
878
+ fill: "currentColor",
879
+ viewBox: "0 0 256 256",
880
+ ...props
881
+ },
882
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
883
+ /* @__PURE__ */ React15.createElement(
884
+ "path",
885
+ {
886
+ d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
887
+ fill: "none",
888
+ stroke: "currentColor",
889
+ strokeLinecap: "round",
890
+ strokeLinejoin: "round",
891
+ strokeWidth: "12"
892
+ }
893
+ ),
894
+ /* @__PURE__ */ React15.createElement(
895
+ "path",
896
+ {
897
+ d: "M54,40H202a8.1,8.1,0,0,1,7.7,5.8L224,96H32L46.3,45.8A8.1,8.1,0,0,1,54,40Z",
898
+ fill: "none",
899
+ stroke: "currentColor",
900
+ strokeLinecap: "round",
901
+ strokeLinejoin: "round",
902
+ strokeWidth: "12"
903
+ }
904
+ ),
905
+ /* @__PURE__ */ React15.createElement(
906
+ "path",
907
+ {
908
+ d: "M96,96v16a32,32,0,0,1-64,0V96",
909
+ fill: "none",
910
+ stroke: "currentColor",
911
+ strokeLinecap: "round",
912
+ strokeLinejoin: "round",
913
+ strokeWidth: "12"
914
+ }
915
+ ),
916
+ /* @__PURE__ */ React15.createElement(
917
+ "path",
918
+ {
919
+ d: "M160,96v16a32,32,0,0,1-64,0V96",
920
+ fill: "none",
921
+ stroke: "currentColor",
922
+ strokeLinecap: "round",
923
+ strokeLinejoin: "round",
924
+ strokeWidth: "12"
925
+ }
926
+ ),
927
+ /* @__PURE__ */ React15.createElement(
928
+ "path",
929
+ {
930
+ d: "M224,96v16a32,32,0,0,1-64,0V96",
931
+ fill: "none",
932
+ stroke: "currentColor",
933
+ strokeLinecap: "round",
934
+ strokeLinejoin: "round",
935
+ strokeWidth: "12"
936
+ }
937
+ )
938
+ );
909
939
  };
910
940
  var Package = (props) => {
911
- return /* @__PURE__ */ React15.createElement("svg", {
912
- xmlns: "http://www.w3.org/2000/svg",
913
- width: "192",
914
- height: "192",
915
- fill: "currentColor",
916
- viewBox: "0 0 256 256",
917
- ...props
918
- }, /* @__PURE__ */ React15.createElement("rect", {
919
- width: "256",
920
- height: "256",
921
- fill: "none"
922
- }), /* @__PURE__ */ React15.createElement("path", {
923
- d: "M224,177.3V78.7a8.1,8.1,0,0,0-4.1-7l-88-49.5a7.8,7.8,0,0,0-7.8,0l-88,49.5a8.1,8.1,0,0,0-4.1,7v98.6a8.1,8.1,0,0,0,4.1,7l88,49.5a7.8,7.8,0,0,0,7.8,0l88-49.5A8.1,8.1,0,0,0,224,177.3Z",
924
- fill: "none",
925
- stroke: "currentColor",
926
- strokeLinecap: "round",
927
- strokeLinejoin: "round",
928
- strokeWidth: "8"
929
- }), /* @__PURE__ */ React15.createElement("polyline", {
930
- points: "177 152.5 177 100.5 80 47",
931
- fill: "none",
932
- stroke: "currentColor",
933
- strokeLinecap: "round",
934
- strokeLinejoin: "round",
935
- strokeWidth: "8"
936
- }), /* @__PURE__ */ React15.createElement("polyline", {
937
- points: "222.9 74.6 128.9 128 33.1 74.6",
938
- fill: "none",
939
- stroke: "currentColor",
940
- strokeLinecap: "round",
941
- strokeLinejoin: "round",
942
- strokeWidth: "8"
943
- }), /* @__PURE__ */ React15.createElement("line", {
944
- x1: "128.9",
945
- y1: "128",
946
- x2: "128",
947
- y2: "234.8",
948
- fill: "none",
949
- stroke: "currentColor",
950
- strokeLinecap: "round",
951
- strokeLinejoin: "round",
952
- strokeWidth: "8"
953
- }));
941
+ return /* @__PURE__ */ React15.createElement(
942
+ "svg",
943
+ {
944
+ xmlns: "http://www.w3.org/2000/svg",
945
+ width: "192",
946
+ height: "192",
947
+ fill: "currentColor",
948
+ viewBox: "0 0 256 256",
949
+ ...props
950
+ },
951
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
952
+ /* @__PURE__ */ React15.createElement(
953
+ "path",
954
+ {
955
+ d: "M224,177.3V78.7a8.1,8.1,0,0,0-4.1-7l-88-49.5a7.8,7.8,0,0,0-7.8,0l-88,49.5a8.1,8.1,0,0,0-4.1,7v98.6a8.1,8.1,0,0,0,4.1,7l88,49.5a7.8,7.8,0,0,0,7.8,0l88-49.5A8.1,8.1,0,0,0,224,177.3Z",
956
+ fill: "none",
957
+ stroke: "currentColor",
958
+ strokeLinecap: "round",
959
+ strokeLinejoin: "round",
960
+ strokeWidth: "8"
961
+ }
962
+ ),
963
+ /* @__PURE__ */ React15.createElement(
964
+ "polyline",
965
+ {
966
+ points: "177 152.5 177 100.5 80 47",
967
+ fill: "none",
968
+ stroke: "currentColor",
969
+ strokeLinecap: "round",
970
+ strokeLinejoin: "round",
971
+ strokeWidth: "8"
972
+ }
973
+ ),
974
+ /* @__PURE__ */ React15.createElement(
975
+ "polyline",
976
+ {
977
+ points: "222.9 74.6 128.9 128 33.1 74.6",
978
+ fill: "none",
979
+ stroke: "currentColor",
980
+ strokeLinecap: "round",
981
+ strokeLinejoin: "round",
982
+ strokeWidth: "8"
983
+ }
984
+ ),
985
+ /* @__PURE__ */ React15.createElement(
986
+ "line",
987
+ {
988
+ x1: "128.9",
989
+ y1: "128",
990
+ x2: "128",
991
+ y2: "234.8",
992
+ fill: "none",
993
+ stroke: "currentColor",
994
+ strokeLinecap: "round",
995
+ strokeLinejoin: "round",
996
+ strokeWidth: "8"
997
+ }
998
+ )
999
+ );
954
1000
  };
955
1001
  var Backpack = (props) => {
956
- return /* @__PURE__ */ React15.createElement("svg", {
957
- xmlns: "http://www.w3.org/2000/svg",
958
- width: "192",
959
- height: "192",
960
- fill: "currentColor",
961
- viewBox: "0 0 256 256",
962
- ...props
963
- }, /* @__PURE__ */ React15.createElement("rect", {
964
- width: "256",
965
- height: "256",
966
- fill: "none"
967
- }), /* @__PURE__ */ React15.createElement("path", {
968
- d: "M96,48h64a48,48,0,0,1,48,48V216a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V96A48,48,0,0,1,96,48Z",
969
- fill: "none",
970
- stroke: "currentColor",
971
- strokeLinecap: "round",
972
- strokeLinejoin: "round",
973
- strokeWidth: "12"
974
- }), /* @__PURE__ */ React15.createElement("path", {
975
- d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
976
- fill: "none",
977
- stroke: "currentColor",
978
- strokeLinecap: "round",
979
- strokeLinejoin: "round",
980
- strokeWidth: "12"
981
- }), /* @__PURE__ */ React15.createElement("path", {
982
- d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
983
- fill: "none",
984
- stroke: "currentColor",
985
- strokeLinecap: "round",
986
- strokeLinejoin: "round",
987
- strokeWidth: "12"
988
- }), /* @__PURE__ */ React15.createElement("line", {
989
- x1: "112",
990
- y1: "88",
991
- x2: "144",
992
- y2: "88",
993
- fill: "none",
994
- stroke: "currentColor",
995
- strokeLinecap: "round",
996
- strokeLinejoin: "round",
997
- strokeWidth: "12"
998
- }), /* @__PURE__ */ React15.createElement("line", {
999
- x1: "80",
1000
- y1: "168",
1001
- x2: "176",
1002
- y2: "168",
1003
- fill: "none",
1004
- stroke: "currentColor",
1005
- strokeLinecap: "round",
1006
- strokeLinejoin: "round",
1007
- strokeWidth: "12"
1008
- }), /* @__PURE__ */ React15.createElement("line", {
1009
- x1: "144",
1010
- y1: "168",
1011
- x2: "144",
1012
- y2: "184",
1013
- fill: "none",
1014
- stroke: "currentColor",
1015
- strokeLinecap: "round",
1016
- strokeLinejoin: "round",
1017
- strokeWidth: "12"
1018
- }));
1002
+ return /* @__PURE__ */ React15.createElement(
1003
+ "svg",
1004
+ {
1005
+ xmlns: "http://www.w3.org/2000/svg",
1006
+ width: "192",
1007
+ height: "192",
1008
+ fill: "currentColor",
1009
+ viewBox: "0 0 256 256",
1010
+ ...props
1011
+ },
1012
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1013
+ /* @__PURE__ */ React15.createElement(
1014
+ "path",
1015
+ {
1016
+ d: "M96,48h64a48,48,0,0,1,48,48V216a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V96A48,48,0,0,1,96,48Z",
1017
+ fill: "none",
1018
+ stroke: "currentColor",
1019
+ strokeLinecap: "round",
1020
+ strokeLinejoin: "round",
1021
+ strokeWidth: "12"
1022
+ }
1023
+ ),
1024
+ /* @__PURE__ */ React15.createElement(
1025
+ "path",
1026
+ {
1027
+ d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1028
+ fill: "none",
1029
+ stroke: "currentColor",
1030
+ strokeLinecap: "round",
1031
+ strokeLinejoin: "round",
1032
+ strokeWidth: "12"
1033
+ }
1034
+ ),
1035
+ /* @__PURE__ */ React15.createElement(
1036
+ "path",
1037
+ {
1038
+ d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1039
+ fill: "none",
1040
+ stroke: "currentColor",
1041
+ strokeLinecap: "round",
1042
+ strokeLinejoin: "round",
1043
+ strokeWidth: "12"
1044
+ }
1045
+ ),
1046
+ /* @__PURE__ */ React15.createElement(
1047
+ "line",
1048
+ {
1049
+ x1: "112",
1050
+ y1: "88",
1051
+ x2: "144",
1052
+ y2: "88",
1053
+ fill: "none",
1054
+ stroke: "currentColor",
1055
+ strokeLinecap: "round",
1056
+ strokeLinejoin: "round",
1057
+ strokeWidth: "12"
1058
+ }
1059
+ ),
1060
+ /* @__PURE__ */ React15.createElement(
1061
+ "line",
1062
+ {
1063
+ x1: "80",
1064
+ y1: "168",
1065
+ x2: "176",
1066
+ y2: "168",
1067
+ fill: "none",
1068
+ stroke: "currentColor",
1069
+ strokeLinecap: "round",
1070
+ strokeLinejoin: "round",
1071
+ strokeWidth: "12"
1072
+ }
1073
+ ),
1074
+ /* @__PURE__ */ React15.createElement(
1075
+ "line",
1076
+ {
1077
+ x1: "144",
1078
+ y1: "168",
1079
+ x2: "144",
1080
+ y2: "184",
1081
+ fill: "none",
1082
+ stroke: "currentColor",
1083
+ strokeLinecap: "round",
1084
+ strokeLinejoin: "round",
1085
+ strokeWidth: "12"
1086
+ }
1087
+ )
1088
+ );
1089
+ };
1090
+ var Newspaper = (props) => {
1091
+ return /* @__PURE__ */ React15.createElement(
1092
+ "svg",
1093
+ {
1094
+ xmlns: "http://www.w3.org/2000/svg",
1095
+ width: "192",
1096
+ height: "192",
1097
+ fill: "currentColor",
1098
+ viewBox: "0 0 256 256",
1099
+ ...props
1100
+ },
1101
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1102
+ /* @__PURE__ */ React15.createElement(
1103
+ "line",
1104
+ {
1105
+ x1: "96",
1106
+ y1: "112",
1107
+ x2: "176",
1108
+ y2: "112",
1109
+ fill: "none",
1110
+ stroke: "currentColor",
1111
+ strokeLinecap: "round",
1112
+ strokeLinejoin: "round",
1113
+ strokeWidth: "8"
1114
+ }
1115
+ ),
1116
+ /* @__PURE__ */ React15.createElement(
1117
+ "line",
1118
+ {
1119
+ x1: "96",
1120
+ y1: "144",
1121
+ x2: "176",
1122
+ y2: "144",
1123
+ fill: "none",
1124
+ stroke: "currentColor",
1125
+ strokeLinecap: "round",
1126
+ strokeLinejoin: "round",
1127
+ strokeWidth: "8"
1128
+ }
1129
+ ),
1130
+ /* @__PURE__ */ React15.createElement(
1131
+ "path",
1132
+ {
1133
+ d: "M32,200a16,16,0,0,0,16-16V64a8,8,0,0,1,8-8H216a8,8,0,0,1,8,8V184a16,16,0,0,1-16,16Z",
1134
+ fill: "none",
1135
+ stroke: "currentColor",
1136
+ strokeLinecap: "round",
1137
+ strokeLinejoin: "round",
1138
+ strokeWidth: "8"
1139
+ }
1140
+ ),
1141
+ /* @__PURE__ */ React15.createElement(
1142
+ "path",
1143
+ {
1144
+ d: "M32,200a16,16,0,0,1-16-16h0V88",
1145
+ fill: "none",
1146
+ stroke: "currentColor",
1147
+ strokeLinecap: "round",
1148
+ strokeLinejoin: "round",
1149
+ strokeWidth: "8"
1150
+ }
1151
+ )
1152
+ );
1019
1153
  };
1020
1154
  var Eye = (props) => {
1021
- return /* @__PURE__ */ React15.createElement("svg", {
1022
- xmlns: "http://www.w3.org/2000/svg",
1023
- width: "192",
1024
- height: "192",
1025
- fill: "currentColor",
1026
- viewBox: "0 0 256 256",
1027
- ...props
1028
- }, /* @__PURE__ */ React15.createElement("rect", {
1029
- width: "256",
1030
- height: "256",
1031
- fill: "none"
1032
- }), /* @__PURE__ */ React15.createElement("path", {
1033
- d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1034
- fill: "none",
1035
- stroke: "currentColor",
1036
- strokeLinecap: "round",
1037
- strokeLinejoin: "round",
1038
- strokeWidth: "12"
1039
- }), /* @__PURE__ */ React15.createElement("circle", {
1040
- cx: "128",
1041
- cy: "128",
1042
- r: "40",
1043
- fill: "none",
1044
- stroke: "currentColor",
1045
- strokeLinecap: "round",
1046
- strokeLinejoin: "round",
1047
- strokeWidth: "12"
1048
- }));
1155
+ return /* @__PURE__ */ React15.createElement(
1156
+ "svg",
1157
+ {
1158
+ xmlns: "http://www.w3.org/2000/svg",
1159
+ width: "192",
1160
+ height: "192",
1161
+ fill: "currentColor",
1162
+ viewBox: "0 0 256 256",
1163
+ ...props
1164
+ },
1165
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1166
+ /* @__PURE__ */ React15.createElement(
1167
+ "path",
1168
+ {
1169
+ d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1170
+ fill: "none",
1171
+ stroke: "currentColor",
1172
+ strokeLinecap: "round",
1173
+ strokeLinejoin: "round",
1174
+ strokeWidth: "12"
1175
+ }
1176
+ ),
1177
+ /* @__PURE__ */ React15.createElement(
1178
+ "circle",
1179
+ {
1180
+ cx: "128",
1181
+ cy: "128",
1182
+ r: "40",
1183
+ fill: "none",
1184
+ stroke: "currentColor",
1185
+ strokeLinecap: "round",
1186
+ strokeLinejoin: "round",
1187
+ strokeWidth: "12"
1188
+ }
1189
+ )
1190
+ );
1049
1191
  };
1050
1192
 
1051
1193
  // src/components/icons/index.tsx
@@ -1053,10 +1195,7 @@ import clsx from "clsx";
1053
1195
  function Icon({ name, className, ...props }) {
1054
1196
  let WeaverseIcon = phosphor_exports[name];
1055
1197
  let cls = clsx("wv-icon", className);
1056
- return /* @__PURE__ */ React16.createElement(WeaverseIcon, {
1057
- className: cls,
1058
- ...props
1059
- });
1198
+ return /* @__PURE__ */ React16.createElement(WeaverseIcon, { className: cls, ...props });
1060
1199
  }
1061
1200
 
1062
1201
  // src/components/slider/arrows.tsx
@@ -1070,28 +1209,29 @@ function Arrows(props) {
1070
1209
  let style = {
1071
1210
  "--offset": `${offset}px`
1072
1211
  };
1073
- return /* @__PURE__ */ React17.createElement(StyledArrows, {
1074
- className,
1075
- style
1076
- }, /* @__PURE__ */ React17.createElement("button", {
1077
- type: "button",
1078
- className: clsx2("arrow arrow--left", isFirst && "arrow--disabled"),
1079
- onClick: (e) => {
1080
- e.stopPropagation();
1081
- instanceRef?.current?.prev();
1082
- }
1083
- }, /* @__PURE__ */ React17.createElement(Icon, {
1084
- name: "ArrowLeft"
1085
- })), /* @__PURE__ */ React17.createElement("button", {
1086
- type: "button",
1087
- className: clsx2("arrow arrow--right", isLast && "arrow--disabled"),
1088
- onClick: (e) => {
1089
- e.stopPropagation();
1090
- instanceRef?.current?.next();
1091
- }
1092
- }, /* @__PURE__ */ React17.createElement(Icon, {
1093
- name: "ArrowRight"
1094
- })));
1212
+ return /* @__PURE__ */ React17.createElement(StyledArrows, { className, style }, /* @__PURE__ */ React17.createElement(
1213
+ "button",
1214
+ {
1215
+ type: "button",
1216
+ className: clsx2("arrow arrow--left", isFirst && "arrow--disabled"),
1217
+ onClick: (e) => {
1218
+ e.stopPropagation();
1219
+ instanceRef?.current?.prev();
1220
+ }
1221
+ },
1222
+ /* @__PURE__ */ React17.createElement(Icon, { name: "ArrowLeft" })
1223
+ ), /* @__PURE__ */ React17.createElement(
1224
+ "button",
1225
+ {
1226
+ type: "button",
1227
+ className: clsx2("arrow arrow--right", isLast && "arrow--disabled"),
1228
+ onClick: (e) => {
1229
+ e.stopPropagation();
1230
+ instanceRef?.current?.next();
1231
+ }
1232
+ },
1233
+ /* @__PURE__ */ React17.createElement(Icon, { name: "ArrowRight" })
1234
+ ));
1095
1235
  }
1096
1236
  var StyledArrows = styled("div", {
1097
1237
  ".arrow": {
@@ -1146,17 +1286,18 @@ function Dots(props) {
1146
1286
  position && `dots--${position}`,
1147
1287
  color && `dots--${color}`
1148
1288
  );
1149
- return /* @__PURE__ */ React18.createElement(StyledDots, {
1150
- className: _className
1151
- }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1289
+ return /* @__PURE__ */ React18.createElement(StyledDots, { className: _className }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1152
1290
  (idx) => {
1153
1291
  let className2 = clsx3("dot", currentSlide === idx && "dot--active");
1154
- return /* @__PURE__ */ React18.createElement("button", {
1155
- key: idx,
1156
- type: "button",
1157
- onClick: () => instanceRef.current?.moveToIdx(idx),
1158
- className: className2
1159
- });
1292
+ return /* @__PURE__ */ React18.createElement(
1293
+ "button",
1294
+ {
1295
+ key: idx,
1296
+ type: "button",
1297
+ onClick: () => instanceRef.current?.moveToIdx(idx),
1298
+ className: className2
1299
+ }
1300
+ );
1160
1301
  }
1161
1302
  ));
1162
1303
  }
@@ -1404,26 +1545,25 @@ var Slideshow = forwardRef8((props, ref) => {
1404
1545
  faderClass,
1405
1546
  animation === "slide" ? "keen-slider" : "keen-fader"
1406
1547
  );
1407
- return /* @__PURE__ */ React20.createElement("div", {
1408
- ref,
1409
- style,
1410
- ...rest
1411
- }, /* @__PURE__ */ React20.createElement("div", {
1412
- ref: sliderRef,
1413
- className: _className
1414
- }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(Arrows, {
1415
- instanceRef,
1416
- currentSlide,
1417
- className: "wv-slideshow--arrows",
1418
- offset: 20
1419
- }), showDots && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(Dots, {
1420
- instanceRef,
1421
- currentSlide,
1422
- className: "wv-slideshow--dots",
1423
- position: dotsPosition,
1424
- color: dotsColor,
1425
- absolute: true
1426
- }));
1548
+ return /* @__PURE__ */ React20.createElement("div", { ref, style, ...rest }, /* @__PURE__ */ React20.createElement("div", { ref: sliderRef, className: _className }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(
1549
+ Arrows,
1550
+ {
1551
+ instanceRef,
1552
+ currentSlide,
1553
+ className: "wv-slideshow--arrows",
1554
+ offset: 20
1555
+ }
1556
+ ), showDots && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(
1557
+ Dots,
1558
+ {
1559
+ instanceRef,
1560
+ currentSlide,
1561
+ className: "wv-slideshow--dots",
1562
+ position: dotsPosition,
1563
+ color: dotsColor,
1564
+ absolute: true
1565
+ }
1566
+ ));
1427
1567
  });
1428
1568
  var css9 = {
1429
1569
  "@desktop": {
@@ -1477,15 +1617,15 @@ function Background2(props) {
1477
1617
  ["--bg-position"]: backgroundPosition
1478
1618
  };
1479
1619
  if (backgroundImage || backgroundColor) {
1480
- return /* @__PURE__ */ React21.createElement(StyledBackground, {
1481
- style,
1482
- className
1483
- }, backgroundImage && /* @__PURE__ */ React21.createElement("img", {
1484
- width: "100%",
1485
- height: "100%",
1486
- "data-blink-src": backgroundImage,
1487
- alt: "Background"
1488
- }));
1620
+ return /* @__PURE__ */ React21.createElement(StyledBackground, { style, className }, backgroundImage && /* @__PURE__ */ React21.createElement(
1621
+ "img",
1622
+ {
1623
+ width: "100%",
1624
+ height: "100%",
1625
+ "data-blink-src": backgroundImage,
1626
+ alt: "Background"
1627
+ }
1628
+ ));
1489
1629
  }
1490
1630
  return null;
1491
1631
  }
@@ -1506,10 +1646,13 @@ import React22 from "react";
1506
1646
  function Overlay2(props) {
1507
1647
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1508
1648
  if (enabled) {
1509
- return /* @__PURE__ */ React22.createElement(StyledOverlay, {
1510
- className,
1511
- css: { ["--overlay-opacity"]: opacity / 100 }
1512
- });
1649
+ return /* @__PURE__ */ React22.createElement(
1650
+ StyledOverlay,
1651
+ {
1652
+ className,
1653
+ css: { ["--overlay-opacity"]: opacity / 100 }
1654
+ }
1655
+ );
1513
1656
  }
1514
1657
  return null;
1515
1658
  }
@@ -1525,14 +1668,7 @@ import React23, { forwardRef as forwardRef9 } from "react";
1525
1668
  var Placeholder = forwardRef9(
1526
1669
  (props, ref) => {
1527
1670
  let { element, className, children, ...rest } = props;
1528
- return /* @__PURE__ */ React23.createElement("div", {
1529
- "data-wv-placeholder": true,
1530
- ref,
1531
- className,
1532
- ...rest
1533
- }, /* @__PURE__ */ React23.createElement("div", {
1534
- style: { fontWeight: 600, marginBottom: "10px" }
1535
- }, element), /* @__PURE__ */ React23.createElement("div", null, children));
1671
+ return /* @__PURE__ */ React23.createElement("div", { "data-wv-placeholder": true, ref, className, ...rest }, /* @__PURE__ */ React23.createElement("div", { style: { fontWeight: 600, marginBottom: "10px" } }, element), /* @__PURE__ */ React23.createElement("div", null, children));
1536
1672
  }
1537
1673
  );
1538
1674
  var placeholder_default = Placeholder;
@@ -1590,26 +1726,23 @@ var Slide = forwardRef10((props, ref) => {
1590
1726
  children,
1591
1727
  ...rest
1592
1728
  } = props;
1593
- return /* @__PURE__ */ React24.createElement("div", {
1594
- className: "keen-slider__slide"
1595
- }, /* @__PURE__ */ React24.createElement(Background2, {
1596
- backgroundColor,
1597
- backgroundImage,
1598
- backgroundFit,
1599
- backgroundPosition,
1600
- className: "slide-background"
1601
- }), /* @__PURE__ */ React24.createElement(Overlay2, {
1602
- enableOverlay,
1603
- overlayOpacity,
1604
- className: "slide-overlay"
1605
- }), /* @__PURE__ */ React24.createElement("div", {
1606
- ref,
1607
- style: slidePositionMap[contentPosition],
1608
- ...rest
1609
- }, children?.length ? children : /* @__PURE__ */ React24.createElement(placeholder_default, {
1610
- element: "Slide",
1611
- className: "wv-slide-placeholder"
1612
- }, "Drag and drop elements here")));
1729
+ return /* @__PURE__ */ React24.createElement("div", { className: "keen-slider__slide" }, /* @__PURE__ */ React24.createElement(
1730
+ Background2,
1731
+ {
1732
+ backgroundColor,
1733
+ backgroundImage,
1734
+ backgroundFit,
1735
+ backgroundPosition,
1736
+ className: "slide-background"
1737
+ }
1738
+ ), /* @__PURE__ */ React24.createElement(
1739
+ Overlay2,
1740
+ {
1741
+ enableOverlay,
1742
+ overlayOpacity,
1743
+ className: "slide-overlay"
1744
+ }
1745
+ ), /* @__PURE__ */ React24.createElement("div", { ref, style: slidePositionMap[contentPosition], ...rest }, children?.length ? children : /* @__PURE__ */ React24.createElement(placeholder_default, { element: "Slide", className: "wv-slide-placeholder" }, "Drag and drop elements here")));
1613
1746
  });
1614
1747
  var css10 = {
1615
1748
  "@desktop": {
@@ -1658,6 +1791,12 @@ var Elements = {
1658
1791
  type: "image",
1659
1792
  defaultCss: css4
1660
1793
  },
1794
+ // Instagram: {
1795
+ // Component: Instagram.default,
1796
+ // type: 'instagram',
1797
+ // defaultCss: Instagram.css,
1798
+ // permanentCss: Instagram.permanentCss,
1799
+ // },
1661
1800
  Layout: {
1662
1801
  Component: layout_default,
1663
1802
  type: "layout",
@@ -1678,6 +1817,31 @@ var Elements = {
1678
1817
  type: "video",
1679
1818
  defaultCss: css8
1680
1819
  },
1820
+ // Accordion: {
1821
+ // Component: Accordion.default,
1822
+ // type: 'accordion',
1823
+ // defaultCss: Accordion.css,
1824
+ // },
1825
+ // AccordionWrapper: {
1826
+ // Component: AccordionWrapper.default,
1827
+ // type: 'accordion.wrapper',
1828
+ // defaultCss: AccordionWrapper.css,
1829
+ // },
1830
+ // AccordionContent: {
1831
+ // Component: AccordionContent.default,
1832
+ // type: 'accordion.content',
1833
+ // defaultCss: AccordionContent.css,
1834
+ // },
1835
+ // Tab: {
1836
+ // Component: Tab.default,
1837
+ // type: 'tab',
1838
+ // defaultCss: Tab.css,
1839
+ // },
1840
+ // TabContent: {
1841
+ // Component: TabContent.default,
1842
+ // type: 'tab.content',
1843
+ // defaultCss: TabContent.css,
1844
+ // },
1681
1845
  Slideshow: {
1682
1846
  Component: slideshow_default,
1683
1847
  type: "slideshow",
@@ -1827,36 +1991,39 @@ function useOpenChangeEffect(props) {
1827
1991
  var Modal = (props) => {
1828
1992
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1829
1993
  let handleOpenChange = useOpenChangeEffect(props);
1830
- return /* @__PURE__ */ React25.createElement(Root, {
1831
- open,
1832
- defaultOpen,
1833
- onOpenChange: handleOpenChange,
1834
- ...rest
1835
- }, children);
1994
+ return /* @__PURE__ */ React25.createElement(
1995
+ Root,
1996
+ {
1997
+ open,
1998
+ defaultOpen,
1999
+ onOpenChange: handleOpenChange,
2000
+ ...rest
2001
+ },
2002
+ children
2003
+ );
1836
2004
  };
1837
2005
  var ModalTrigger = Trigger;
1838
2006
  var ModalHeader = forwardRef11(
1839
2007
  (props, ref) => {
1840
2008
  let { children, ...rest } = props;
1841
- return /* @__PURE__ */ React25.createElement(StyledTitle, {
1842
- ref,
1843
- ...rest,
1844
- "data-wv-modal-header": true
1845
- }, children);
2009
+ return /* @__PURE__ */ React25.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1846
2010
  }
1847
2011
  );
1848
2012
  var ModalContent = forwardRef11(
1849
2013
  (props, ref) => {
1850
2014
  let { children, size, portal, ...rest } = props;
1851
- let modalContent = /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(StyledOverlay2, null), /* @__PURE__ */ React25.createElement(StyledContent, {
1852
- ...rest,
1853
- onCloseAutoFocus: (e) => e.preventDefault(),
1854
- "data-wv-modal": true,
1855
- "data-size": size,
1856
- ref
1857
- }, /* @__PURE__ */ React25.createElement(ModalClose, null), /* @__PURE__ */ React25.createElement("div", {
1858
- className: "wv-modal-content"
1859
- }, children)));
2015
+ let modalContent = /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(StyledOverlay2, null), /* @__PURE__ */ React25.createElement(
2016
+ StyledContent,
2017
+ {
2018
+ ...rest,
2019
+ onCloseAutoFocus: (e) => e.preventDefault(),
2020
+ "data-wv-modal": true,
2021
+ "data-size": size,
2022
+ ref
2023
+ },
2024
+ /* @__PURE__ */ React25.createElement(ModalClose, null),
2025
+ /* @__PURE__ */ React25.createElement("div", { className: "wv-modal-content" }, children)
2026
+ ));
1860
2027
  if (portal) {
1861
2028
  return /* @__PURE__ */ React25.createElement(Portal, null, modalContent);
1862
2029
  }
@@ -1870,34 +2037,21 @@ ModalContent.defaultProps = {
1870
2037
  var ModalClose = forwardRef11(
1871
2038
  (props, ref) => {
1872
2039
  let { asChild, children, ...rest } = props;
1873
- let closeIcon = /* @__PURE__ */ React25.createElement(StyledCloseIcon, null, /* @__PURE__ */ React25.createElement(Icon, {
1874
- name: "X"
1875
- }));
1876
- return /* @__PURE__ */ React25.createElement(Close, {
1877
- asChild: true,
1878
- ...rest,
1879
- ref
1880
- }, asChild ? children : closeIcon);
2040
+ let closeIcon = /* @__PURE__ */ React25.createElement(StyledCloseIcon, null, /* @__PURE__ */ React25.createElement(Icon, { name: "X" }));
2041
+ return /* @__PURE__ */ React25.createElement(Close, { asChild: true, ...rest, ref }, asChild ? children : closeIcon);
1881
2042
  }
1882
2043
  );
1883
2044
 
1884
2045
  // src/components/spinner.tsx
1885
2046
  import React26 from "react";
1886
2047
  function Spinner() {
1887
- return /* @__PURE__ */ React26.createElement("span", {
1888
- className: "wv-spinner-wrapper"
1889
- }, /* @__PURE__ */ React26.createElement(Icon, {
1890
- name: "CircleNotch",
1891
- className: "wv-spinner"
1892
- }));
2048
+ return /* @__PURE__ */ React26.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ React26.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1893
2049
  }
1894
2050
 
1895
2051
  // src/components/tooltip.tsx
1896
2052
  import React27 from "react";
1897
2053
  function Tooltip({ children }) {
1898
- return /* @__PURE__ */ React27.createElement("span", {
1899
- className: "wv-tooltip"
1900
- }, children);
2054
+ return /* @__PURE__ */ React27.createElement("span", { className: "wv-tooltip" }, children);
1901
2055
  }
1902
2056
 
1903
2057
  // src/components/slider/index.tsx
@@ -1933,18 +2087,21 @@ function Slider(props) {
1933
2087
  );
1934
2088
  let _className = clsx6("keen-slider", className);
1935
2089
  let arrowsClass = clsx6(className && `${className}-arrows`);
1936
- return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", {
1937
- ref,
1938
- className: _className
1939
- }, /* @__PURE__ */ React28.createElement("link", {
1940
- rel: "stylesheet",
1941
- href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
1942
- }), children), created && instanceRef?.current && /* @__PURE__ */ React28.createElement(Arrows, {
1943
- currentSlide,
1944
- instanceRef,
1945
- className: arrowsClass,
1946
- offset: arrowOffset
1947
- }));
2090
+ return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", { ref, className: _className }, /* @__PURE__ */ React28.createElement(
2091
+ "link",
2092
+ {
2093
+ rel: "stylesheet",
2094
+ href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
2095
+ }
2096
+ ), children), created && instanceRef?.current && /* @__PURE__ */ React28.createElement(
2097
+ Arrows,
2098
+ {
2099
+ currentSlide,
2100
+ instanceRef,
2101
+ className: arrowsClass,
2102
+ offset: arrowOffset
2103
+ }
2104
+ ));
1948
2105
  }
1949
2106
 
1950
2107
  // src/components/index.ts
@@ -1982,15 +2139,15 @@ var WeaverseRoot = ({ context }) => {
1982
2139
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
1983
2140
  let themeClass = context.stitchesInstance.theme.className;
1984
2141
  if (context.projectData?.rootId) {
1985
- return /* @__PURE__ */ React29.createElement("div", {
1986
- className: `weaverse-content-root ${themeClass}`,
1987
- ...eventHandlers,
1988
- ref: rootRef
1989
- }, /* @__PURE__ */ React29.createElement(WeaverseContextProvider, {
1990
- value: context
1991
- }, /* @__PURE__ */ React29.createElement(ItemInstance, {
1992
- id: context.projectData.rootId
1993
- })));
2142
+ return /* @__PURE__ */ React29.createElement(
2143
+ "div",
2144
+ {
2145
+ className: `weaverse-content-root ${themeClass}`,
2146
+ ...eventHandlers,
2147
+ ref: rootRef
2148
+ },
2149
+ /* @__PURE__ */ React29.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ React29.createElement(ItemInstance, { id: context.projectData.rootId }))
2150
+ );
1994
2151
  }
1995
2152
  return null;
1996
2153
  };
@@ -2014,16 +2171,20 @@ var ItemComponent = ({ instance }) => {
2014
2171
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2015
2172
  rest.ref = instance.ref;
2016
2173
  }
2017
- return /* @__PURE__ */ React29.createElement(Component, {
2018
- key: id,
2019
- "data-wv-type": type,
2020
- "data-wv-id": id,
2021
- className: generateItemClassName(instance, stitchesInstance),
2022
- ...rest
2023
- }, childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, {
2024
- key: id2,
2025
- id: id2
2026
- })));
2174
+ return (
2175
+ // @ts-ignore
2176
+ /* @__PURE__ */ React29.createElement(
2177
+ Component,
2178
+ {
2179
+ key: id,
2180
+ "data-wv-type": type,
2181
+ "data-wv-id": id,
2182
+ className: generateItemClassName(instance, stitchesInstance),
2183
+ ...rest
2184
+ },
2185
+ childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, { key: id2, id: id2 }))
2186
+ )
2187
+ );
2027
2188
  } else {
2028
2189
  console.log(`Unknown element: ${type}`);
2029
2190
  return null;
@@ -2034,14 +2195,9 @@ var ItemInstance = ({ id }) => {
2034
2195
  let { itemInstances } = context;
2035
2196
  let instance = itemInstances.get(id);
2036
2197
  if (!instance) {
2037
- return /* @__PURE__ */ React29.createElement("div", {
2038
- style: { display: "none" }
2039
- }, "Item instance ", id, " not found");
2198
+ return /* @__PURE__ */ React29.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2040
2199
  }
2041
- return /* @__PURE__ */ React29.createElement(ItemComponent, {
2042
- key: id,
2043
- instance
2044
- });
2200
+ return /* @__PURE__ */ React29.createElement(ItemComponent, { key: id, instance });
2045
2201
  };
2046
2202
  export {
2047
2203
  Components,