@weaverse/react 0.7.67 → 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 (3) hide show
  1. package/dist/index.js +828 -717
  2. package/dist/index.mjs +824 -717
  3. 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": {
@@ -662,439 +614,580 @@ __export(phosphor_exports, {
662
614
  });
663
615
  import React15 from "react";
664
616
  var CircleNotch = (props) => {
665
- return /* @__PURE__ */ React15.createElement("svg", {
666
- xmlns: "http://www.w3.org/2000/svg",
667
- fill: "none",
668
- viewBox: "0 0 24 24",
669
- ...props
670
- }, /* @__PURE__ */ React15.createElement("circle", {
671
- style: { opacity: ".25" },
672
- cx: "12",
673
- cy: "12",
674
- r: "10",
675
- stroke: "currentColor",
676
- strokeWidth: "4"
677
- }), /* @__PURE__ */ React15.createElement("path", {
678
- style: { opacity: ".75" },
679
- fill: "currentColor",
680
- 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"
681
- }));
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
+ );
682
645
  };
683
646
  var X = (props) => {
684
- return /* @__PURE__ */ React15.createElement("svg", {
685
- xmlns: "http://www.w3.org/2000/svg",
686
- width: "20",
687
- height: "20",
688
- fill: "currentColor",
689
- viewBox: "0 0 256 256",
690
- ...props
691
- }, /* @__PURE__ */ React15.createElement("rect", {
692
- width: "256",
693
- height: "256",
694
- fill: "none"
695
- }), /* @__PURE__ */ React15.createElement("line", {
696
- x1: "200",
697
- y1: "56",
698
- x2: "56",
699
- y2: "200",
700
- fill: "none",
701
- stroke: "currentColor",
702
- strokeLinecap: "round",
703
- strokeLinejoin: "round",
704
- strokeWidth: "12"
705
- }), /* @__PURE__ */ React15.createElement("line", {
706
- x1: "200",
707
- y1: "200",
708
- x2: "56",
709
- y2: "56",
710
- fill: "none",
711
- stroke: "currentColor",
712
- strokeLinecap: "round",
713
- strokeLinejoin: "round",
714
- strokeWidth: "12"
715
- }));
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
+ );
716
687
  };
717
688
  var Minus = (props) => {
718
- return /* @__PURE__ */ React15.createElement("svg", {
719
- width: "196",
720
- height: "196",
721
- fill: "currentColor",
722
- stroke: "currentColor",
723
- xmlns: "http://www.w3.org/2000/svg",
724
- viewBox: "0 0 384 512",
725
- ...props
726
- }, /* @__PURE__ */ React15.createElement("path", {
727
- 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"
728
- }));
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
+ );
729
702
  };
730
703
  var Plus = (props) => {
731
- return /* @__PURE__ */ React15.createElement("svg", {
732
- width: "196",
733
- height: "196",
734
- fill: "currentColor",
735
- stroke: "currentColor",
736
- xmlns: "http://www.w3.org/2000/svg",
737
- viewBox: "0 0 384 512",
738
- ...props
739
- }, /* @__PURE__ */ React15.createElement("path", {
740
- 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"
741
- }));
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
+ );
742
717
  };
743
718
  var ArrowLeft = (props) => {
744
- return /* @__PURE__ */ React15.createElement("svg", {
745
- xmlns: "http://www.w3.org/2000/svg",
746
- width: "192",
747
- height: "192",
748
- fill: "currentColor",
749
- viewBox: "0 0 256 256",
750
- ...props
751
- }, /* @__PURE__ */ React15.createElement("rect", {
752
- width: "256",
753
- height: "256",
754
- fill: "none"
755
- }), /* @__PURE__ */ React15.createElement("line", {
756
- x1: "216",
757
- y1: "128",
758
- x2: "40",
759
- y2: "128",
760
- fill: "none",
761
- stroke: "currentColor",
762
- strokeLinecap: "round",
763
- strokeLinejoin: "round",
764
- strokeWidth: "16"
765
- }), /* @__PURE__ */ React15.createElement("polyline", {
766
- points: "112 56 40 128 112 200",
767
- fill: "none",
768
- stroke: "currentColor",
769
- strokeLinecap: "round",
770
- strokeLinejoin: "round",
771
- strokeWidth: "16"
772
- }));
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
+ );
773
756
  };
774
757
  var ArrowRight = (props) => {
775
- return /* @__PURE__ */ React15.createElement("svg", {
776
- xmlns: "http://www.w3.org/2000/svg",
777
- width: "192",
778
- height: "192",
779
- fill: "currentColor",
780
- viewBox: "0 0 256 256",
781
- ...props
782
- }, /* @__PURE__ */ React15.createElement("rect", {
783
- width: "256",
784
- height: "256",
785
- fill: "none"
786
- }), /* @__PURE__ */ React15.createElement("line", {
787
- x1: "40",
788
- y1: "128",
789
- x2: "216",
790
- y2: "128",
791
- fill: "none",
792
- stroke: "currentColor",
793
- strokeLinecap: "round",
794
- strokeLinejoin: "round",
795
- strokeWidth: "16"
796
- }), /* @__PURE__ */ React15.createElement("polyline", {
797
- points: "144 56 216 128 144 200",
798
- fill: "none",
799
- stroke: "currentColor",
800
- strokeLinecap: "round",
801
- strokeLinejoin: "round",
802
- strokeWidth: "16"
803
- }));
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
+ );
804
795
  };
805
796
  var Image2 = (props) => {
806
- return /* @__PURE__ */ React15.createElement("svg", {
807
- xmlns: "http://www.w3.org/2000/svg",
808
- "aria-hidden": "true",
809
- fill: "currentColor",
810
- viewBox: "0 0 640 512",
811
- ...props
812
- }, /* @__PURE__ */ React15.createElement("path", {
813
- 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"
814
- }));
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
+ );
815
808
  };
816
809
  var ShoppingCart = (props) => {
817
- return /* @__PURE__ */ React15.createElement("svg", {
818
- xmlns: "http://www.w3.org/2000/svg",
819
- width: "192",
820
- height: "192",
821
- fill: "currentColor",
822
- viewBox: "0 0 256 256",
823
- ...props
824
- }, /* @__PURE__ */ React15.createElement("rect", {
825
- width: "256",
826
- height: "256",
827
- fill: "none"
828
- }), /* @__PURE__ */ React15.createElement("path", {
829
- d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
830
- fill: "none",
831
- stroke: "currentColor",
832
- strokeLinecap: "round",
833
- strokeLinejoin: "round",
834
- strokeWidth: "16"
835
- }), /* @__PURE__ */ React15.createElement("circle", {
836
- cx: "80",
837
- cy: "204",
838
- r: "20",
839
- fill: "none",
840
- stroke: "currentColor",
841
- strokeLinecap: "round",
842
- strokeLinejoin: "round",
843
- strokeWidth: "16"
844
- }), /* @__PURE__ */ React15.createElement("circle", {
845
- cx: "184",
846
- cy: "204",
847
- r: "20",
848
- fill: "none",
849
- stroke: "currentColor",
850
- strokeLinecap: "round",
851
- strokeLinejoin: "round",
852
- strokeWidth: "16"
853
- }), /* @__PURE__ */ React15.createElement("path", {
854
- d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
855
- fill: "none",
856
- stroke: "currentColor",
857
- strokeLinecap: "round",
858
- strokeLinejoin: "round",
859
- strokeWidth: "16"
860
- }));
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
+ );
861
870
  };
862
871
  var Storefront = (props) => {
863
- return /* @__PURE__ */ React15.createElement("svg", {
864
- xmlns: "http://www.w3.org/2000/svg",
865
- width: "192",
866
- height: "192",
867
- fill: "currentColor",
868
- viewBox: "0 0 256 256",
869
- ...props
870
- }, /* @__PURE__ */ React15.createElement("rect", {
871
- width: "256",
872
- height: "256",
873
- fill: "none"
874
- }), /* @__PURE__ */ React15.createElement("path", {
875
- d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
876
- fill: "none",
877
- stroke: "currentColor",
878
- strokeLinecap: "round",
879
- strokeLinejoin: "round",
880
- strokeWidth: "12"
881
- }), /* @__PURE__ */ React15.createElement("path", {
882
- 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",
883
- fill: "none",
884
- stroke: "currentColor",
885
- strokeLinecap: "round",
886
- strokeLinejoin: "round",
887
- strokeWidth: "12"
888
- }), /* @__PURE__ */ React15.createElement("path", {
889
- d: "M96,96v16a32,32,0,0,1-64,0V96",
890
- fill: "none",
891
- stroke: "currentColor",
892
- strokeLinecap: "round",
893
- strokeLinejoin: "round",
894
- strokeWidth: "12"
895
- }), /* @__PURE__ */ React15.createElement("path", {
896
- d: "M160,96v16a32,32,0,0,1-64,0V96",
897
- fill: "none",
898
- stroke: "currentColor",
899
- strokeLinecap: "round",
900
- strokeLinejoin: "round",
901
- strokeWidth: "12"
902
- }), /* @__PURE__ */ React15.createElement("path", {
903
- d: "M224,96v16a32,32,0,0,1-64,0V96",
904
- fill: "none",
905
- stroke: "currentColor",
906
- strokeLinecap: "round",
907
- strokeLinejoin: "round",
908
- strokeWidth: "12"
909
- }));
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
+ );
910
939
  };
911
940
  var Package = (props) => {
912
- return /* @__PURE__ */ React15.createElement("svg", {
913
- xmlns: "http://www.w3.org/2000/svg",
914
- width: "192",
915
- height: "192",
916
- fill: "currentColor",
917
- viewBox: "0 0 256 256",
918
- ...props
919
- }, /* @__PURE__ */ React15.createElement("rect", {
920
- width: "256",
921
- height: "256",
922
- fill: "none"
923
- }), /* @__PURE__ */ React15.createElement("path", {
924
- 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",
925
- fill: "none",
926
- stroke: "currentColor",
927
- strokeLinecap: "round",
928
- strokeLinejoin: "round",
929
- strokeWidth: "8"
930
- }), /* @__PURE__ */ React15.createElement("polyline", {
931
- points: "177 152.5 177 100.5 80 47",
932
- fill: "none",
933
- stroke: "currentColor",
934
- strokeLinecap: "round",
935
- strokeLinejoin: "round",
936
- strokeWidth: "8"
937
- }), /* @__PURE__ */ React15.createElement("polyline", {
938
- points: "222.9 74.6 128.9 128 33.1 74.6",
939
- fill: "none",
940
- stroke: "currentColor",
941
- strokeLinecap: "round",
942
- strokeLinejoin: "round",
943
- strokeWidth: "8"
944
- }), /* @__PURE__ */ React15.createElement("line", {
945
- x1: "128.9",
946
- y1: "128",
947
- x2: "128",
948
- y2: "234.8",
949
- fill: "none",
950
- stroke: "currentColor",
951
- strokeLinecap: "round",
952
- strokeLinejoin: "round",
953
- strokeWidth: "8"
954
- }));
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
+ );
955
1000
  };
956
1001
  var Backpack = (props) => {
957
- return /* @__PURE__ */ React15.createElement("svg", {
958
- xmlns: "http://www.w3.org/2000/svg",
959
- width: "192",
960
- height: "192",
961
- fill: "currentColor",
962
- viewBox: "0 0 256 256",
963
- ...props
964
- }, /* @__PURE__ */ React15.createElement("rect", {
965
- width: "256",
966
- height: "256",
967
- fill: "none"
968
- }), /* @__PURE__ */ React15.createElement("path", {
969
- 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",
970
- fill: "none",
971
- stroke: "currentColor",
972
- strokeLinecap: "round",
973
- strokeLinejoin: "round",
974
- strokeWidth: "12"
975
- }), /* @__PURE__ */ React15.createElement("path", {
976
- d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
977
- fill: "none",
978
- stroke: "currentColor",
979
- strokeLinecap: "round",
980
- strokeLinejoin: "round",
981
- strokeWidth: "12"
982
- }), /* @__PURE__ */ React15.createElement("path", {
983
- d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
984
- fill: "none",
985
- stroke: "currentColor",
986
- strokeLinecap: "round",
987
- strokeLinejoin: "round",
988
- strokeWidth: "12"
989
- }), /* @__PURE__ */ React15.createElement("line", {
990
- x1: "112",
991
- y1: "88",
992
- x2: "144",
993
- y2: "88",
994
- fill: "none",
995
- stroke: "currentColor",
996
- strokeLinecap: "round",
997
- strokeLinejoin: "round",
998
- strokeWidth: "12"
999
- }), /* @__PURE__ */ React15.createElement("line", {
1000
- x1: "80",
1001
- y1: "168",
1002
- x2: "176",
1003
- y2: "168",
1004
- fill: "none",
1005
- stroke: "currentColor",
1006
- strokeLinecap: "round",
1007
- strokeLinejoin: "round",
1008
- strokeWidth: "12"
1009
- }), /* @__PURE__ */ React15.createElement("line", {
1010
- x1: "144",
1011
- y1: "168",
1012
- x2: "144",
1013
- y2: "184",
1014
- fill: "none",
1015
- stroke: "currentColor",
1016
- strokeLinecap: "round",
1017
- strokeLinejoin: "round",
1018
- strokeWidth: "12"
1019
- }));
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
+ );
1020
1089
  };
1021
1090
  var Newspaper = (props) => {
1022
- return /* @__PURE__ */ React15.createElement("svg", {
1023
- xmlns: "http://www.w3.org/2000/svg",
1024
- width: "192",
1025
- height: "192",
1026
- fill: "currentColor",
1027
- viewBox: "0 0 256 256",
1028
- ...props
1029
- }, /* @__PURE__ */ React15.createElement("rect", {
1030
- width: "256",
1031
- height: "256",
1032
- fill: "none"
1033
- }), /* @__PURE__ */ React15.createElement("line", {
1034
- x1: "96",
1035
- y1: "112",
1036
- x2: "176",
1037
- y2: "112",
1038
- fill: "none",
1039
- stroke: "currentColor",
1040
- strokeLinecap: "round",
1041
- strokeLinejoin: "round",
1042
- strokeWidth: "8"
1043
- }), /* @__PURE__ */ React15.createElement("line", {
1044
- x1: "96",
1045
- y1: "144",
1046
- x2: "176",
1047
- y2: "144",
1048
- fill: "none",
1049
- stroke: "currentColor",
1050
- strokeLinecap: "round",
1051
- strokeLinejoin: "round",
1052
- strokeWidth: "8"
1053
- }), /* @__PURE__ */ React15.createElement("path", {
1054
- 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",
1055
- fill: "none",
1056
- stroke: "currentColor",
1057
- strokeLinecap: "round",
1058
- strokeLinejoin: "round",
1059
- strokeWidth: "8"
1060
- }), /* @__PURE__ */ React15.createElement("path", {
1061
- d: "M32,200a16,16,0,0,1-16-16h0V88",
1062
- fill: "none",
1063
- stroke: "currentColor",
1064
- strokeLinecap: "round",
1065
- strokeLinejoin: "round",
1066
- strokeWidth: "8"
1067
- }));
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
+ );
1068
1153
  };
1069
1154
  var Eye = (props) => {
1070
- return /* @__PURE__ */ React15.createElement("svg", {
1071
- xmlns: "http://www.w3.org/2000/svg",
1072
- width: "192",
1073
- height: "192",
1074
- fill: "currentColor",
1075
- viewBox: "0 0 256 256",
1076
- ...props
1077
- }, /* @__PURE__ */ React15.createElement("rect", {
1078
- width: "256",
1079
- height: "256",
1080
- fill: "none"
1081
- }), /* @__PURE__ */ React15.createElement("path", {
1082
- d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1083
- fill: "none",
1084
- stroke: "currentColor",
1085
- strokeLinecap: "round",
1086
- strokeLinejoin: "round",
1087
- strokeWidth: "12"
1088
- }), /* @__PURE__ */ React15.createElement("circle", {
1089
- cx: "128",
1090
- cy: "128",
1091
- r: "40",
1092
- fill: "none",
1093
- stroke: "currentColor",
1094
- strokeLinecap: "round",
1095
- strokeLinejoin: "round",
1096
- strokeWidth: "12"
1097
- }));
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
+ );
1098
1191
  };
1099
1192
 
1100
1193
  // src/components/icons/index.tsx
@@ -1102,10 +1195,7 @@ import clsx from "clsx";
1102
1195
  function Icon({ name, className, ...props }) {
1103
1196
  let WeaverseIcon = phosphor_exports[name];
1104
1197
  let cls = clsx("wv-icon", className);
1105
- return /* @__PURE__ */ React16.createElement(WeaverseIcon, {
1106
- className: cls,
1107
- ...props
1108
- });
1198
+ return /* @__PURE__ */ React16.createElement(WeaverseIcon, { className: cls, ...props });
1109
1199
  }
1110
1200
 
1111
1201
  // src/components/slider/arrows.tsx
@@ -1119,28 +1209,29 @@ function Arrows(props) {
1119
1209
  let style = {
1120
1210
  "--offset": `${offset}px`
1121
1211
  };
1122
- return /* @__PURE__ */ React17.createElement(StyledArrows, {
1123
- className,
1124
- style
1125
- }, /* @__PURE__ */ React17.createElement("button", {
1126
- type: "button",
1127
- className: clsx2("arrow arrow--left", isFirst && "arrow--disabled"),
1128
- onClick: (e) => {
1129
- e.stopPropagation();
1130
- instanceRef?.current?.prev();
1131
- }
1132
- }, /* @__PURE__ */ React17.createElement(Icon, {
1133
- name: "ArrowLeft"
1134
- })), /* @__PURE__ */ React17.createElement("button", {
1135
- type: "button",
1136
- className: clsx2("arrow arrow--right", isLast && "arrow--disabled"),
1137
- onClick: (e) => {
1138
- e.stopPropagation();
1139
- instanceRef?.current?.next();
1140
- }
1141
- }, /* @__PURE__ */ React17.createElement(Icon, {
1142
- name: "ArrowRight"
1143
- })));
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
+ ));
1144
1235
  }
1145
1236
  var StyledArrows = styled("div", {
1146
1237
  ".arrow": {
@@ -1195,17 +1286,18 @@ function Dots(props) {
1195
1286
  position && `dots--${position}`,
1196
1287
  color && `dots--${color}`
1197
1288
  );
1198
- return /* @__PURE__ */ React18.createElement(StyledDots, {
1199
- className: _className
1200
- }, [...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(
1201
1290
  (idx) => {
1202
1291
  let className2 = clsx3("dot", currentSlide === idx && "dot--active");
1203
- return /* @__PURE__ */ React18.createElement("button", {
1204
- key: idx,
1205
- type: "button",
1206
- onClick: () => instanceRef.current?.moveToIdx(idx),
1207
- className: className2
1208
- });
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
+ );
1209
1301
  }
1210
1302
  ));
1211
1303
  }
@@ -1453,26 +1545,25 @@ var Slideshow = forwardRef8((props, ref) => {
1453
1545
  faderClass,
1454
1546
  animation === "slide" ? "keen-slider" : "keen-fader"
1455
1547
  );
1456
- return /* @__PURE__ */ React20.createElement("div", {
1457
- ref,
1458
- style,
1459
- ...rest
1460
- }, /* @__PURE__ */ React20.createElement("div", {
1461
- ref: sliderRef,
1462
- className: _className
1463
- }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(Arrows, {
1464
- instanceRef,
1465
- currentSlide,
1466
- className: "wv-slideshow--arrows",
1467
- offset: 20
1468
- }), showDots && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(Dots, {
1469
- instanceRef,
1470
- currentSlide,
1471
- className: "wv-slideshow--dots",
1472
- position: dotsPosition,
1473
- color: dotsColor,
1474
- absolute: true
1475
- }));
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
+ ));
1476
1567
  });
1477
1568
  var css9 = {
1478
1569
  "@desktop": {
@@ -1526,15 +1617,15 @@ function Background2(props) {
1526
1617
  ["--bg-position"]: backgroundPosition
1527
1618
  };
1528
1619
  if (backgroundImage || backgroundColor) {
1529
- return /* @__PURE__ */ React21.createElement(StyledBackground, {
1530
- style,
1531
- className
1532
- }, backgroundImage && /* @__PURE__ */ React21.createElement("img", {
1533
- width: "100%",
1534
- height: "100%",
1535
- "data-blink-src": backgroundImage,
1536
- alt: "Background"
1537
- }));
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
+ ));
1538
1629
  }
1539
1630
  return null;
1540
1631
  }
@@ -1555,10 +1646,13 @@ import React22 from "react";
1555
1646
  function Overlay2(props) {
1556
1647
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1557
1648
  if (enabled) {
1558
- return /* @__PURE__ */ React22.createElement(StyledOverlay, {
1559
- className,
1560
- css: { ["--overlay-opacity"]: opacity / 100 }
1561
- });
1649
+ return /* @__PURE__ */ React22.createElement(
1650
+ StyledOverlay,
1651
+ {
1652
+ className,
1653
+ css: { ["--overlay-opacity"]: opacity / 100 }
1654
+ }
1655
+ );
1562
1656
  }
1563
1657
  return null;
1564
1658
  }
@@ -1574,14 +1668,7 @@ import React23, { forwardRef as forwardRef9 } from "react";
1574
1668
  var Placeholder = forwardRef9(
1575
1669
  (props, ref) => {
1576
1670
  let { element, className, children, ...rest } = props;
1577
- return /* @__PURE__ */ React23.createElement("div", {
1578
- "data-wv-placeholder": true,
1579
- ref,
1580
- className,
1581
- ...rest
1582
- }, /* @__PURE__ */ React23.createElement("div", {
1583
- style: { fontWeight: 600, marginBottom: "10px" }
1584
- }, 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));
1585
1672
  }
1586
1673
  );
1587
1674
  var placeholder_default = Placeholder;
@@ -1639,26 +1726,23 @@ var Slide = forwardRef10((props, ref) => {
1639
1726
  children,
1640
1727
  ...rest
1641
1728
  } = props;
1642
- return /* @__PURE__ */ React24.createElement("div", {
1643
- className: "keen-slider__slide"
1644
- }, /* @__PURE__ */ React24.createElement(Background2, {
1645
- backgroundColor,
1646
- backgroundImage,
1647
- backgroundFit,
1648
- backgroundPosition,
1649
- className: "slide-background"
1650
- }), /* @__PURE__ */ React24.createElement(Overlay2, {
1651
- enableOverlay,
1652
- overlayOpacity,
1653
- className: "slide-overlay"
1654
- }), /* @__PURE__ */ React24.createElement("div", {
1655
- ref,
1656
- style: slidePositionMap[contentPosition],
1657
- ...rest
1658
- }, children?.length ? children : /* @__PURE__ */ React24.createElement(placeholder_default, {
1659
- element: "Slide",
1660
- className: "wv-slide-placeholder"
1661
- }, "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")));
1662
1746
  });
1663
1747
  var css10 = {
1664
1748
  "@desktop": {
@@ -1707,6 +1791,12 @@ var Elements = {
1707
1791
  type: "image",
1708
1792
  defaultCss: css4
1709
1793
  },
1794
+ // Instagram: {
1795
+ // Component: Instagram.default,
1796
+ // type: 'instagram',
1797
+ // defaultCss: Instagram.css,
1798
+ // permanentCss: Instagram.permanentCss,
1799
+ // },
1710
1800
  Layout: {
1711
1801
  Component: layout_default,
1712
1802
  type: "layout",
@@ -1727,6 +1817,31 @@ var Elements = {
1727
1817
  type: "video",
1728
1818
  defaultCss: css8
1729
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
+ // },
1730
1845
  Slideshow: {
1731
1846
  Component: slideshow_default,
1732
1847
  type: "slideshow",
@@ -1876,36 +1991,39 @@ function useOpenChangeEffect(props) {
1876
1991
  var Modal = (props) => {
1877
1992
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1878
1993
  let handleOpenChange = useOpenChangeEffect(props);
1879
- return /* @__PURE__ */ React25.createElement(Root, {
1880
- open,
1881
- defaultOpen,
1882
- onOpenChange: handleOpenChange,
1883
- ...rest
1884
- }, children);
1994
+ return /* @__PURE__ */ React25.createElement(
1995
+ Root,
1996
+ {
1997
+ open,
1998
+ defaultOpen,
1999
+ onOpenChange: handleOpenChange,
2000
+ ...rest
2001
+ },
2002
+ children
2003
+ );
1885
2004
  };
1886
2005
  var ModalTrigger = Trigger;
1887
2006
  var ModalHeader = forwardRef11(
1888
2007
  (props, ref) => {
1889
2008
  let { children, ...rest } = props;
1890
- return /* @__PURE__ */ React25.createElement(StyledTitle, {
1891
- ref,
1892
- ...rest,
1893
- "data-wv-modal-header": true
1894
- }, children);
2009
+ return /* @__PURE__ */ React25.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1895
2010
  }
1896
2011
  );
1897
2012
  var ModalContent = forwardRef11(
1898
2013
  (props, ref) => {
1899
2014
  let { children, size, portal, ...rest } = props;
1900
- let modalContent = /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(StyledOverlay2, null), /* @__PURE__ */ React25.createElement(StyledContent, {
1901
- ...rest,
1902
- onCloseAutoFocus: (e) => e.preventDefault(),
1903
- "data-wv-modal": true,
1904
- "data-size": size,
1905
- ref
1906
- }, /* @__PURE__ */ React25.createElement(ModalClose, null), /* @__PURE__ */ React25.createElement("div", {
1907
- className: "wv-modal-content"
1908
- }, 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
+ ));
1909
2027
  if (portal) {
1910
2028
  return /* @__PURE__ */ React25.createElement(Portal, null, modalContent);
1911
2029
  }
@@ -1919,34 +2037,21 @@ ModalContent.defaultProps = {
1919
2037
  var ModalClose = forwardRef11(
1920
2038
  (props, ref) => {
1921
2039
  let { asChild, children, ...rest } = props;
1922
- let closeIcon = /* @__PURE__ */ React25.createElement(StyledCloseIcon, null, /* @__PURE__ */ React25.createElement(Icon, {
1923
- name: "X"
1924
- }));
1925
- return /* @__PURE__ */ React25.createElement(Close, {
1926
- asChild: true,
1927
- ...rest,
1928
- ref
1929
- }, 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);
1930
2042
  }
1931
2043
  );
1932
2044
 
1933
2045
  // src/components/spinner.tsx
1934
2046
  import React26 from "react";
1935
2047
  function Spinner() {
1936
- return /* @__PURE__ */ React26.createElement("span", {
1937
- className: "wv-spinner-wrapper"
1938
- }, /* @__PURE__ */ React26.createElement(Icon, {
1939
- name: "CircleNotch",
1940
- className: "wv-spinner"
1941
- }));
2048
+ return /* @__PURE__ */ React26.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ React26.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1942
2049
  }
1943
2050
 
1944
2051
  // src/components/tooltip.tsx
1945
2052
  import React27 from "react";
1946
2053
  function Tooltip({ children }) {
1947
- return /* @__PURE__ */ React27.createElement("span", {
1948
- className: "wv-tooltip"
1949
- }, children);
2054
+ return /* @__PURE__ */ React27.createElement("span", { className: "wv-tooltip" }, children);
1950
2055
  }
1951
2056
 
1952
2057
  // src/components/slider/index.tsx
@@ -1982,18 +2087,21 @@ function Slider(props) {
1982
2087
  );
1983
2088
  let _className = clsx6("keen-slider", className);
1984
2089
  let arrowsClass = clsx6(className && `${className}-arrows`);
1985
- return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", {
1986
- ref,
1987
- className: _className
1988
- }, /* @__PURE__ */ React28.createElement("link", {
1989
- rel: "stylesheet",
1990
- href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
1991
- }), children), created && instanceRef?.current && /* @__PURE__ */ React28.createElement(Arrows, {
1992
- currentSlide,
1993
- instanceRef,
1994
- className: arrowsClass,
1995
- offset: arrowOffset
1996
- }));
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
+ ));
1997
2105
  }
1998
2106
 
1999
2107
  // src/components/index.ts
@@ -2031,15 +2139,15 @@ var WeaverseRoot = ({ context }) => {
2031
2139
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
2032
2140
  let themeClass = context.stitchesInstance.theme.className;
2033
2141
  if (context.projectData?.rootId) {
2034
- return /* @__PURE__ */ React29.createElement("div", {
2035
- className: `weaverse-content-root ${themeClass}`,
2036
- ...eventHandlers,
2037
- ref: rootRef
2038
- }, /* @__PURE__ */ React29.createElement(WeaverseContextProvider, {
2039
- value: context
2040
- }, /* @__PURE__ */ React29.createElement(ItemInstance, {
2041
- id: context.projectData.rootId
2042
- })));
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
+ );
2043
2151
  }
2044
2152
  return null;
2045
2153
  };
@@ -2063,16 +2171,20 @@ var ItemComponent = ({ instance }) => {
2063
2171
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2064
2172
  rest.ref = instance.ref;
2065
2173
  }
2066
- return /* @__PURE__ */ React29.createElement(Component, {
2067
- key: id,
2068
- "data-wv-type": type,
2069
- "data-wv-id": id,
2070
- className: generateItemClassName(instance, stitchesInstance),
2071
- ...rest
2072
- }, childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, {
2073
- key: id2,
2074
- id: id2
2075
- })));
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
+ );
2076
2188
  } else {
2077
2189
  console.log(`Unknown element: ${type}`);
2078
2190
  return null;
@@ -2083,14 +2195,9 @@ var ItemInstance = ({ id }) => {
2083
2195
  let { itemInstances } = context;
2084
2196
  let instance = itemInstances.get(id);
2085
2197
  if (!instance) {
2086
- return /* @__PURE__ */ React29.createElement("div", {
2087
- style: { display: "none" }
2088
- }, "Item instance ", id, " not found");
2198
+ return /* @__PURE__ */ React29.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2089
2199
  }
2090
- return /* @__PURE__ */ React29.createElement(ItemComponent, {
2091
- key: id,
2092
- instance
2093
- });
2200
+ return /* @__PURE__ */ React29.createElement(ItemComponent, { key: id, instance });
2094
2201
  };
2095
2202
  export {
2096
2203
  Components,