@weaverse/react 0.7.67 → 0.7.69

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 +836 -720
  2. package/dist/index.mjs +832 -720
  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 = {
@@ -498,9 +471,14 @@ var css7 = {
498
471
  padding: "10px",
499
472
  overflow: "hidden",
500
473
  ".wv-text-content": {
501
- wordBreak: "break-word",
502
- overflowWrap: "break-word",
503
- whiteSpace: "break-spaces"
474
+ width: "100%",
475
+ height: "100%",
476
+ "> p, > h1, > h2, > h3, > h4, > h5, > h6": {
477
+ all: "inherit",
478
+ margin: "0",
479
+ wordBreak: "break-word",
480
+ overflowWrap: "break-word"
481
+ }
504
482
  }
505
483
  }
506
484
  };
@@ -516,20 +494,20 @@ import React14, { forwardRef as forwardRef7, useContext as useContext3 } from "r
516
494
  import React11 from "react";
517
495
  function HTMLVideo(props) {
518
496
  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.");
497
+ return /* @__PURE__ */ React11.createElement(
498
+ "video",
499
+ {
500
+ controls,
501
+ autoPlay,
502
+ loop,
503
+ muted,
504
+ controlsList: "nodownload",
505
+ disablePictureInPicture: true
506
+ },
507
+ /* @__PURE__ */ React11.createElement("source", { src, type: type || "video/mp4" }),
508
+ /* @__PURE__ */ React11.createElement("source", { src, type: "video/ogg" }),
509
+ "Your browser does not support the video tag."
510
+ );
533
511
  }
534
512
 
535
513
  // src/elements/video/vimeo.tsx
@@ -538,12 +516,7 @@ function Vimeo(props) {
538
516
  let { vimeoId, controls, autoPlay, loop, muted } = props;
539
517
  let params = `autoplay=${autoPlay}&loop=${loop}&controls=${controls}&muted=${muted}`;
540
518
  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
- });
519
+ return /* @__PURE__ */ React12.createElement("iframe", { src: vimeoSrc, width: "100%", height: "100%", allowFullScreen: true });
547
520
  }
548
521
 
549
522
  // src/elements/video/youtube.tsx
@@ -558,12 +531,7 @@ function Youtube(props) {
558
531
  });
559
532
  let youtubeSrc = `https://www.youtube.com/embed/${youtubeId}?playlist=${youtubeId}&${params.toString()}`;
560
533
  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
- });
534
+ return /* @__PURE__ */ React13.createElement("iframe", { src: youtubeSrc, width: "100%", height: "100%", allow });
567
535
  }
568
536
 
569
537
  // src/elements/video/index.tsx
@@ -584,24 +552,13 @@ var Video = forwardRef7((props, ref) => {
584
552
  let youtubeId = getYoutubeEmbedId(src);
585
553
  let vimeoId = getVimeoId(src);
586
554
  if (youtubeId) {
587
- content = /* @__PURE__ */ React14.createElement(Youtube, {
588
- ...videoProps,
589
- youtubeId
590
- });
555
+ content = /* @__PURE__ */ React14.createElement(Youtube, { ...videoProps, youtubeId });
591
556
  } else if (vimeoId) {
592
- content = /* @__PURE__ */ React14.createElement(Vimeo, {
593
- ...videoProps,
594
- vimeoId
595
- });
557
+ content = /* @__PURE__ */ React14.createElement(Vimeo, { ...videoProps, vimeoId });
596
558
  } else {
597
- content = /* @__PURE__ */ React14.createElement(HTMLVideo, {
598
- ...videoProps
599
- });
559
+ content = /* @__PURE__ */ React14.createElement(HTMLVideo, { ...videoProps });
600
560
  }
601
- return /* @__PURE__ */ React14.createElement("div", {
602
- ref,
603
- ...rest
604
- }, content);
561
+ return /* @__PURE__ */ React14.createElement("div", { ref, ...rest }, content);
605
562
  });
606
563
  var css8 = {
607
564
  "@desktop": {
@@ -662,439 +619,580 @@ __export(phosphor_exports, {
662
619
  });
663
620
  import React15 from "react";
664
621
  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
- }));
622
+ return /* @__PURE__ */ React15.createElement(
623
+ "svg",
624
+ {
625
+ xmlns: "http://www.w3.org/2000/svg",
626
+ fill: "none",
627
+ viewBox: "0 0 24 24",
628
+ ...props
629
+ },
630
+ /* @__PURE__ */ React15.createElement(
631
+ "circle",
632
+ {
633
+ style: { opacity: ".25" },
634
+ cx: "12",
635
+ cy: "12",
636
+ r: "10",
637
+ stroke: "currentColor",
638
+ strokeWidth: "4"
639
+ }
640
+ ),
641
+ /* @__PURE__ */ React15.createElement(
642
+ "path",
643
+ {
644
+ style: { opacity: ".75" },
645
+ fill: "currentColor",
646
+ 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"
647
+ }
648
+ )
649
+ );
682
650
  };
683
651
  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
- }));
652
+ return /* @__PURE__ */ React15.createElement(
653
+ "svg",
654
+ {
655
+ xmlns: "http://www.w3.org/2000/svg",
656
+ width: "20",
657
+ height: "20",
658
+ fill: "currentColor",
659
+ viewBox: "0 0 256 256",
660
+ ...props
661
+ },
662
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
663
+ /* @__PURE__ */ React15.createElement(
664
+ "line",
665
+ {
666
+ x1: "200",
667
+ y1: "56",
668
+ x2: "56",
669
+ y2: "200",
670
+ fill: "none",
671
+ stroke: "currentColor",
672
+ strokeLinecap: "round",
673
+ strokeLinejoin: "round",
674
+ strokeWidth: "12"
675
+ }
676
+ ),
677
+ /* @__PURE__ */ React15.createElement(
678
+ "line",
679
+ {
680
+ x1: "200",
681
+ y1: "200",
682
+ x2: "56",
683
+ y2: "56",
684
+ fill: "none",
685
+ stroke: "currentColor",
686
+ strokeLinecap: "round",
687
+ strokeLinejoin: "round",
688
+ strokeWidth: "12"
689
+ }
690
+ )
691
+ );
716
692
  };
717
693
  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
- }));
694
+ return /* @__PURE__ */ React15.createElement(
695
+ "svg",
696
+ {
697
+ width: "196",
698
+ height: "196",
699
+ fill: "currentColor",
700
+ stroke: "currentColor",
701
+ xmlns: "http://www.w3.org/2000/svg",
702
+ viewBox: "0 0 384 512",
703
+ ...props
704
+ },
705
+ /* @__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" })
706
+ );
729
707
  };
730
708
  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
- }));
709
+ return /* @__PURE__ */ React15.createElement(
710
+ "svg",
711
+ {
712
+ width: "196",
713
+ height: "196",
714
+ fill: "currentColor",
715
+ stroke: "currentColor",
716
+ xmlns: "http://www.w3.org/2000/svg",
717
+ viewBox: "0 0 384 512",
718
+ ...props
719
+ },
720
+ /* @__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" })
721
+ );
742
722
  };
743
723
  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
- }));
724
+ return /* @__PURE__ */ React15.createElement(
725
+ "svg",
726
+ {
727
+ xmlns: "http://www.w3.org/2000/svg",
728
+ width: "192",
729
+ height: "192",
730
+ fill: "currentColor",
731
+ viewBox: "0 0 256 256",
732
+ ...props
733
+ },
734
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
735
+ /* @__PURE__ */ React15.createElement(
736
+ "line",
737
+ {
738
+ x1: "216",
739
+ y1: "128",
740
+ x2: "40",
741
+ y2: "128",
742
+ fill: "none",
743
+ stroke: "currentColor",
744
+ strokeLinecap: "round",
745
+ strokeLinejoin: "round",
746
+ strokeWidth: "16"
747
+ }
748
+ ),
749
+ /* @__PURE__ */ React15.createElement(
750
+ "polyline",
751
+ {
752
+ points: "112 56 40 128 112 200",
753
+ fill: "none",
754
+ stroke: "currentColor",
755
+ strokeLinecap: "round",
756
+ strokeLinejoin: "round",
757
+ strokeWidth: "16"
758
+ }
759
+ )
760
+ );
773
761
  };
774
762
  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
- }));
763
+ return /* @__PURE__ */ React15.createElement(
764
+ "svg",
765
+ {
766
+ xmlns: "http://www.w3.org/2000/svg",
767
+ width: "192",
768
+ height: "192",
769
+ fill: "currentColor",
770
+ viewBox: "0 0 256 256",
771
+ ...props
772
+ },
773
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
774
+ /* @__PURE__ */ React15.createElement(
775
+ "line",
776
+ {
777
+ x1: "40",
778
+ y1: "128",
779
+ x2: "216",
780
+ y2: "128",
781
+ fill: "none",
782
+ stroke: "currentColor",
783
+ strokeLinecap: "round",
784
+ strokeLinejoin: "round",
785
+ strokeWidth: "16"
786
+ }
787
+ ),
788
+ /* @__PURE__ */ React15.createElement(
789
+ "polyline",
790
+ {
791
+ points: "144 56 216 128 144 200",
792
+ fill: "none",
793
+ stroke: "currentColor",
794
+ strokeLinecap: "round",
795
+ strokeLinejoin: "round",
796
+ strokeWidth: "16"
797
+ }
798
+ )
799
+ );
804
800
  };
805
801
  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
- }));
802
+ return /* @__PURE__ */ React15.createElement(
803
+ "svg",
804
+ {
805
+ xmlns: "http://www.w3.org/2000/svg",
806
+ "aria-hidden": "true",
807
+ fill: "currentColor",
808
+ viewBox: "0 0 640 512",
809
+ ...props
810
+ },
811
+ /* @__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" })
812
+ );
815
813
  };
816
814
  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
- }));
815
+ return /* @__PURE__ */ React15.createElement(
816
+ "svg",
817
+ {
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
+ },
825
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
826
+ /* @__PURE__ */ React15.createElement(
827
+ "path",
828
+ {
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
+ }
836
+ ),
837
+ /* @__PURE__ */ React15.createElement(
838
+ "circle",
839
+ {
840
+ cx: "80",
841
+ cy: "204",
842
+ r: "20",
843
+ fill: "none",
844
+ stroke: "currentColor",
845
+ strokeLinecap: "round",
846
+ strokeLinejoin: "round",
847
+ strokeWidth: "16"
848
+ }
849
+ ),
850
+ /* @__PURE__ */ React15.createElement(
851
+ "circle",
852
+ {
853
+ cx: "184",
854
+ cy: "204",
855
+ r: "20",
856
+ fill: "none",
857
+ stroke: "currentColor",
858
+ strokeLinecap: "round",
859
+ strokeLinejoin: "round",
860
+ strokeWidth: "16"
861
+ }
862
+ ),
863
+ /* @__PURE__ */ React15.createElement(
864
+ "path",
865
+ {
866
+ d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
867
+ fill: "none",
868
+ stroke: "currentColor",
869
+ strokeLinecap: "round",
870
+ strokeLinejoin: "round",
871
+ strokeWidth: "16"
872
+ }
873
+ )
874
+ );
861
875
  };
862
876
  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
- }));
877
+ return /* @__PURE__ */ React15.createElement(
878
+ "svg",
879
+ {
880
+ xmlns: "http://www.w3.org/2000/svg",
881
+ width: "192",
882
+ height: "192",
883
+ fill: "currentColor",
884
+ viewBox: "0 0 256 256",
885
+ ...props
886
+ },
887
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
888
+ /* @__PURE__ */ React15.createElement(
889
+ "path",
890
+ {
891
+ d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
892
+ fill: "none",
893
+ stroke: "currentColor",
894
+ strokeLinecap: "round",
895
+ strokeLinejoin: "round",
896
+ strokeWidth: "12"
897
+ }
898
+ ),
899
+ /* @__PURE__ */ React15.createElement(
900
+ "path",
901
+ {
902
+ 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",
903
+ fill: "none",
904
+ stroke: "currentColor",
905
+ strokeLinecap: "round",
906
+ strokeLinejoin: "round",
907
+ strokeWidth: "12"
908
+ }
909
+ ),
910
+ /* @__PURE__ */ React15.createElement(
911
+ "path",
912
+ {
913
+ d: "M96,96v16a32,32,0,0,1-64,0V96",
914
+ fill: "none",
915
+ stroke: "currentColor",
916
+ strokeLinecap: "round",
917
+ strokeLinejoin: "round",
918
+ strokeWidth: "12"
919
+ }
920
+ ),
921
+ /* @__PURE__ */ React15.createElement(
922
+ "path",
923
+ {
924
+ d: "M160,96v16a32,32,0,0,1-64,0V96",
925
+ fill: "none",
926
+ stroke: "currentColor",
927
+ strokeLinecap: "round",
928
+ strokeLinejoin: "round",
929
+ strokeWidth: "12"
930
+ }
931
+ ),
932
+ /* @__PURE__ */ React15.createElement(
933
+ "path",
934
+ {
935
+ d: "M224,96v16a32,32,0,0,1-64,0V96",
936
+ fill: "none",
937
+ stroke: "currentColor",
938
+ strokeLinecap: "round",
939
+ strokeLinejoin: "round",
940
+ strokeWidth: "12"
941
+ }
942
+ )
943
+ );
910
944
  };
911
945
  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
- }));
946
+ return /* @__PURE__ */ React15.createElement(
947
+ "svg",
948
+ {
949
+ xmlns: "http://www.w3.org/2000/svg",
950
+ width: "192",
951
+ height: "192",
952
+ fill: "currentColor",
953
+ viewBox: "0 0 256 256",
954
+ ...props
955
+ },
956
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
957
+ /* @__PURE__ */ React15.createElement(
958
+ "path",
959
+ {
960
+ 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",
961
+ fill: "none",
962
+ stroke: "currentColor",
963
+ strokeLinecap: "round",
964
+ strokeLinejoin: "round",
965
+ strokeWidth: "8"
966
+ }
967
+ ),
968
+ /* @__PURE__ */ React15.createElement(
969
+ "polyline",
970
+ {
971
+ points: "177 152.5 177 100.5 80 47",
972
+ fill: "none",
973
+ stroke: "currentColor",
974
+ strokeLinecap: "round",
975
+ strokeLinejoin: "round",
976
+ strokeWidth: "8"
977
+ }
978
+ ),
979
+ /* @__PURE__ */ React15.createElement(
980
+ "polyline",
981
+ {
982
+ points: "222.9 74.6 128.9 128 33.1 74.6",
983
+ fill: "none",
984
+ stroke: "currentColor",
985
+ strokeLinecap: "round",
986
+ strokeLinejoin: "round",
987
+ strokeWidth: "8"
988
+ }
989
+ ),
990
+ /* @__PURE__ */ React15.createElement(
991
+ "line",
992
+ {
993
+ x1: "128.9",
994
+ y1: "128",
995
+ x2: "128",
996
+ y2: "234.8",
997
+ fill: "none",
998
+ stroke: "currentColor",
999
+ strokeLinecap: "round",
1000
+ strokeLinejoin: "round",
1001
+ strokeWidth: "8"
1002
+ }
1003
+ )
1004
+ );
955
1005
  };
956
1006
  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
- }));
1007
+ return /* @__PURE__ */ React15.createElement(
1008
+ "svg",
1009
+ {
1010
+ xmlns: "http://www.w3.org/2000/svg",
1011
+ width: "192",
1012
+ height: "192",
1013
+ fill: "currentColor",
1014
+ viewBox: "0 0 256 256",
1015
+ ...props
1016
+ },
1017
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1018
+ /* @__PURE__ */ React15.createElement(
1019
+ "path",
1020
+ {
1021
+ 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",
1022
+ fill: "none",
1023
+ stroke: "currentColor",
1024
+ strokeLinecap: "round",
1025
+ strokeLinejoin: "round",
1026
+ strokeWidth: "12"
1027
+ }
1028
+ ),
1029
+ /* @__PURE__ */ React15.createElement(
1030
+ "path",
1031
+ {
1032
+ d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1033
+ fill: "none",
1034
+ stroke: "currentColor",
1035
+ strokeLinecap: "round",
1036
+ strokeLinejoin: "round",
1037
+ strokeWidth: "12"
1038
+ }
1039
+ ),
1040
+ /* @__PURE__ */ React15.createElement(
1041
+ "path",
1042
+ {
1043
+ d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1044
+ fill: "none",
1045
+ stroke: "currentColor",
1046
+ strokeLinecap: "round",
1047
+ strokeLinejoin: "round",
1048
+ strokeWidth: "12"
1049
+ }
1050
+ ),
1051
+ /* @__PURE__ */ React15.createElement(
1052
+ "line",
1053
+ {
1054
+ x1: "112",
1055
+ y1: "88",
1056
+ x2: "144",
1057
+ y2: "88",
1058
+ fill: "none",
1059
+ stroke: "currentColor",
1060
+ strokeLinecap: "round",
1061
+ strokeLinejoin: "round",
1062
+ strokeWidth: "12"
1063
+ }
1064
+ ),
1065
+ /* @__PURE__ */ React15.createElement(
1066
+ "line",
1067
+ {
1068
+ x1: "80",
1069
+ y1: "168",
1070
+ x2: "176",
1071
+ y2: "168",
1072
+ fill: "none",
1073
+ stroke: "currentColor",
1074
+ strokeLinecap: "round",
1075
+ strokeLinejoin: "round",
1076
+ strokeWidth: "12"
1077
+ }
1078
+ ),
1079
+ /* @__PURE__ */ React15.createElement(
1080
+ "line",
1081
+ {
1082
+ x1: "144",
1083
+ y1: "168",
1084
+ x2: "144",
1085
+ y2: "184",
1086
+ fill: "none",
1087
+ stroke: "currentColor",
1088
+ strokeLinecap: "round",
1089
+ strokeLinejoin: "round",
1090
+ strokeWidth: "12"
1091
+ }
1092
+ )
1093
+ );
1020
1094
  };
1021
1095
  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
- }));
1096
+ return /* @__PURE__ */ React15.createElement(
1097
+ "svg",
1098
+ {
1099
+ xmlns: "http://www.w3.org/2000/svg",
1100
+ width: "192",
1101
+ height: "192",
1102
+ fill: "currentColor",
1103
+ viewBox: "0 0 256 256",
1104
+ ...props
1105
+ },
1106
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1107
+ /* @__PURE__ */ React15.createElement(
1108
+ "line",
1109
+ {
1110
+ x1: "96",
1111
+ y1: "112",
1112
+ x2: "176",
1113
+ y2: "112",
1114
+ fill: "none",
1115
+ stroke: "currentColor",
1116
+ strokeLinecap: "round",
1117
+ strokeLinejoin: "round",
1118
+ strokeWidth: "8"
1119
+ }
1120
+ ),
1121
+ /* @__PURE__ */ React15.createElement(
1122
+ "line",
1123
+ {
1124
+ x1: "96",
1125
+ y1: "144",
1126
+ x2: "176",
1127
+ y2: "144",
1128
+ fill: "none",
1129
+ stroke: "currentColor",
1130
+ strokeLinecap: "round",
1131
+ strokeLinejoin: "round",
1132
+ strokeWidth: "8"
1133
+ }
1134
+ ),
1135
+ /* @__PURE__ */ React15.createElement(
1136
+ "path",
1137
+ {
1138
+ 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",
1139
+ fill: "none",
1140
+ stroke: "currentColor",
1141
+ strokeLinecap: "round",
1142
+ strokeLinejoin: "round",
1143
+ strokeWidth: "8"
1144
+ }
1145
+ ),
1146
+ /* @__PURE__ */ React15.createElement(
1147
+ "path",
1148
+ {
1149
+ d: "M32,200a16,16,0,0,1-16-16h0V88",
1150
+ fill: "none",
1151
+ stroke: "currentColor",
1152
+ strokeLinecap: "round",
1153
+ strokeLinejoin: "round",
1154
+ strokeWidth: "8"
1155
+ }
1156
+ )
1157
+ );
1068
1158
  };
1069
1159
  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
- }));
1160
+ return /* @__PURE__ */ React15.createElement(
1161
+ "svg",
1162
+ {
1163
+ xmlns: "http://www.w3.org/2000/svg",
1164
+ width: "192",
1165
+ height: "192",
1166
+ fill: "currentColor",
1167
+ viewBox: "0 0 256 256",
1168
+ ...props
1169
+ },
1170
+ /* @__PURE__ */ React15.createElement("rect", { width: "256", height: "256", fill: "none" }),
1171
+ /* @__PURE__ */ React15.createElement(
1172
+ "path",
1173
+ {
1174
+ d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1175
+ fill: "none",
1176
+ stroke: "currentColor",
1177
+ strokeLinecap: "round",
1178
+ strokeLinejoin: "round",
1179
+ strokeWidth: "12"
1180
+ }
1181
+ ),
1182
+ /* @__PURE__ */ React15.createElement(
1183
+ "circle",
1184
+ {
1185
+ cx: "128",
1186
+ cy: "128",
1187
+ r: "40",
1188
+ fill: "none",
1189
+ stroke: "currentColor",
1190
+ strokeLinecap: "round",
1191
+ strokeLinejoin: "round",
1192
+ strokeWidth: "12"
1193
+ }
1194
+ )
1195
+ );
1098
1196
  };
1099
1197
 
1100
1198
  // src/components/icons/index.tsx
@@ -1102,10 +1200,7 @@ import clsx from "clsx";
1102
1200
  function Icon({ name, className, ...props }) {
1103
1201
  let WeaverseIcon = phosphor_exports[name];
1104
1202
  let cls = clsx("wv-icon", className);
1105
- return /* @__PURE__ */ React16.createElement(WeaverseIcon, {
1106
- className: cls,
1107
- ...props
1108
- });
1203
+ return /* @__PURE__ */ React16.createElement(WeaverseIcon, { className: cls, ...props });
1109
1204
  }
1110
1205
 
1111
1206
  // src/components/slider/arrows.tsx
@@ -1119,28 +1214,29 @@ function Arrows(props) {
1119
1214
  let style = {
1120
1215
  "--offset": `${offset}px`
1121
1216
  };
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
- })));
1217
+ return /* @__PURE__ */ React17.createElement(StyledArrows, { className, style }, /* @__PURE__ */ React17.createElement(
1218
+ "button",
1219
+ {
1220
+ type: "button",
1221
+ className: clsx2("arrow arrow--left", isFirst && "arrow--disabled"),
1222
+ onClick: (e) => {
1223
+ e.stopPropagation();
1224
+ instanceRef?.current?.prev();
1225
+ }
1226
+ },
1227
+ /* @__PURE__ */ React17.createElement(Icon, { name: "ArrowLeft" })
1228
+ ), /* @__PURE__ */ React17.createElement(
1229
+ "button",
1230
+ {
1231
+ type: "button",
1232
+ className: clsx2("arrow arrow--right", isLast && "arrow--disabled"),
1233
+ onClick: (e) => {
1234
+ e.stopPropagation();
1235
+ instanceRef?.current?.next();
1236
+ }
1237
+ },
1238
+ /* @__PURE__ */ React17.createElement(Icon, { name: "ArrowRight" })
1239
+ ));
1144
1240
  }
1145
1241
  var StyledArrows = styled("div", {
1146
1242
  ".arrow": {
@@ -1195,17 +1291,18 @@ function Dots(props) {
1195
1291
  position && `dots--${position}`,
1196
1292
  color && `dots--${color}`
1197
1293
  );
1198
- return /* @__PURE__ */ React18.createElement(StyledDots, {
1199
- className: _className
1200
- }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1294
+ return /* @__PURE__ */ React18.createElement(StyledDots, { className: _className }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1201
1295
  (idx) => {
1202
1296
  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
- });
1297
+ return /* @__PURE__ */ React18.createElement(
1298
+ "button",
1299
+ {
1300
+ key: idx,
1301
+ type: "button",
1302
+ onClick: () => instanceRef.current?.moveToIdx(idx),
1303
+ className: className2
1304
+ }
1305
+ );
1209
1306
  }
1210
1307
  ));
1211
1308
  }
@@ -1453,26 +1550,25 @@ var Slideshow = forwardRef8((props, ref) => {
1453
1550
  faderClass,
1454
1551
  animation === "slide" ? "keen-slider" : "keen-fader"
1455
1552
  );
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
- }));
1553
+ return /* @__PURE__ */ React20.createElement("div", { ref, style, ...rest }, /* @__PURE__ */ React20.createElement("div", { ref: sliderRef, className: _className }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(
1554
+ Arrows,
1555
+ {
1556
+ instanceRef,
1557
+ currentSlide,
1558
+ className: "wv-slideshow--arrows",
1559
+ offset: 20
1560
+ }
1561
+ ), showDots && created && instanceRef?.current && /* @__PURE__ */ React20.createElement(
1562
+ Dots,
1563
+ {
1564
+ instanceRef,
1565
+ currentSlide,
1566
+ className: "wv-slideshow--dots",
1567
+ position: dotsPosition,
1568
+ color: dotsColor,
1569
+ absolute: true
1570
+ }
1571
+ ));
1476
1572
  });
1477
1573
  var css9 = {
1478
1574
  "@desktop": {
@@ -1526,15 +1622,15 @@ function Background2(props) {
1526
1622
  ["--bg-position"]: backgroundPosition
1527
1623
  };
1528
1624
  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
- }));
1625
+ return /* @__PURE__ */ React21.createElement(StyledBackground, { style, className }, backgroundImage && /* @__PURE__ */ React21.createElement(
1626
+ "img",
1627
+ {
1628
+ width: "100%",
1629
+ height: "100%",
1630
+ "data-blink-src": backgroundImage,
1631
+ alt: "Background"
1632
+ }
1633
+ ));
1538
1634
  }
1539
1635
  return null;
1540
1636
  }
@@ -1555,10 +1651,13 @@ import React22 from "react";
1555
1651
  function Overlay2(props) {
1556
1652
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1557
1653
  if (enabled) {
1558
- return /* @__PURE__ */ React22.createElement(StyledOverlay, {
1559
- className,
1560
- css: { ["--overlay-opacity"]: opacity / 100 }
1561
- });
1654
+ return /* @__PURE__ */ React22.createElement(
1655
+ StyledOverlay,
1656
+ {
1657
+ className,
1658
+ css: { ["--overlay-opacity"]: opacity / 100 }
1659
+ }
1660
+ );
1562
1661
  }
1563
1662
  return null;
1564
1663
  }
@@ -1574,14 +1673,7 @@ import React23, { forwardRef as forwardRef9 } from "react";
1574
1673
  var Placeholder = forwardRef9(
1575
1674
  (props, ref) => {
1576
1675
  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));
1676
+ 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
1677
  }
1586
1678
  );
1587
1679
  var placeholder_default = Placeholder;
@@ -1639,26 +1731,23 @@ var Slide = forwardRef10((props, ref) => {
1639
1731
  children,
1640
1732
  ...rest
1641
1733
  } = 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")));
1734
+ return /* @__PURE__ */ React24.createElement("div", { className: "keen-slider__slide" }, /* @__PURE__ */ React24.createElement(
1735
+ Background2,
1736
+ {
1737
+ backgroundColor,
1738
+ backgroundImage,
1739
+ backgroundFit,
1740
+ backgroundPosition,
1741
+ className: "slide-background"
1742
+ }
1743
+ ), /* @__PURE__ */ React24.createElement(
1744
+ Overlay2,
1745
+ {
1746
+ enableOverlay,
1747
+ overlayOpacity,
1748
+ className: "slide-overlay"
1749
+ }
1750
+ ), /* @__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
1751
  });
1663
1752
  var css10 = {
1664
1753
  "@desktop": {
@@ -1707,6 +1796,12 @@ var Elements = {
1707
1796
  type: "image",
1708
1797
  defaultCss: css4
1709
1798
  },
1799
+ // Instagram: {
1800
+ // Component: Instagram.default,
1801
+ // type: 'instagram',
1802
+ // defaultCss: Instagram.css,
1803
+ // permanentCss: Instagram.permanentCss,
1804
+ // },
1710
1805
  Layout: {
1711
1806
  Component: layout_default,
1712
1807
  type: "layout",
@@ -1727,6 +1822,31 @@ var Elements = {
1727
1822
  type: "video",
1728
1823
  defaultCss: css8
1729
1824
  },
1825
+ // Accordion: {
1826
+ // Component: Accordion.default,
1827
+ // type: 'accordion',
1828
+ // defaultCss: Accordion.css,
1829
+ // },
1830
+ // AccordionWrapper: {
1831
+ // Component: AccordionWrapper.default,
1832
+ // type: 'accordion.wrapper',
1833
+ // defaultCss: AccordionWrapper.css,
1834
+ // },
1835
+ // AccordionContent: {
1836
+ // Component: AccordionContent.default,
1837
+ // type: 'accordion.content',
1838
+ // defaultCss: AccordionContent.css,
1839
+ // },
1840
+ // Tab: {
1841
+ // Component: Tab.default,
1842
+ // type: 'tab',
1843
+ // defaultCss: Tab.css,
1844
+ // },
1845
+ // TabContent: {
1846
+ // Component: TabContent.default,
1847
+ // type: 'tab.content',
1848
+ // defaultCss: TabContent.css,
1849
+ // },
1730
1850
  Slideshow: {
1731
1851
  Component: slideshow_default,
1732
1852
  type: "slideshow",
@@ -1876,36 +1996,39 @@ function useOpenChangeEffect(props) {
1876
1996
  var Modal = (props) => {
1877
1997
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1878
1998
  let handleOpenChange = useOpenChangeEffect(props);
1879
- return /* @__PURE__ */ React25.createElement(Root, {
1880
- open,
1881
- defaultOpen,
1882
- onOpenChange: handleOpenChange,
1883
- ...rest
1884
- }, children);
1999
+ return /* @__PURE__ */ React25.createElement(
2000
+ Root,
2001
+ {
2002
+ open,
2003
+ defaultOpen,
2004
+ onOpenChange: handleOpenChange,
2005
+ ...rest
2006
+ },
2007
+ children
2008
+ );
1885
2009
  };
1886
2010
  var ModalTrigger = Trigger;
1887
2011
  var ModalHeader = forwardRef11(
1888
2012
  (props, ref) => {
1889
2013
  let { children, ...rest } = props;
1890
- return /* @__PURE__ */ React25.createElement(StyledTitle, {
1891
- ref,
1892
- ...rest,
1893
- "data-wv-modal-header": true
1894
- }, children);
2014
+ return /* @__PURE__ */ React25.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1895
2015
  }
1896
2016
  );
1897
2017
  var ModalContent = forwardRef11(
1898
2018
  (props, ref) => {
1899
2019
  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)));
2020
+ let modalContent = /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(StyledOverlay2, null), /* @__PURE__ */ React25.createElement(
2021
+ StyledContent,
2022
+ {
2023
+ ...rest,
2024
+ onCloseAutoFocus: (e) => e.preventDefault(),
2025
+ "data-wv-modal": true,
2026
+ "data-size": size,
2027
+ ref
2028
+ },
2029
+ /* @__PURE__ */ React25.createElement(ModalClose, null),
2030
+ /* @__PURE__ */ React25.createElement("div", { className: "wv-modal-content" }, children)
2031
+ ));
1909
2032
  if (portal) {
1910
2033
  return /* @__PURE__ */ React25.createElement(Portal, null, modalContent);
1911
2034
  }
@@ -1919,34 +2042,21 @@ ModalContent.defaultProps = {
1919
2042
  var ModalClose = forwardRef11(
1920
2043
  (props, ref) => {
1921
2044
  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);
2045
+ let closeIcon = /* @__PURE__ */ React25.createElement(StyledCloseIcon, null, /* @__PURE__ */ React25.createElement(Icon, { name: "X" }));
2046
+ return /* @__PURE__ */ React25.createElement(Close, { asChild: true, ...rest, ref }, asChild ? children : closeIcon);
1930
2047
  }
1931
2048
  );
1932
2049
 
1933
2050
  // src/components/spinner.tsx
1934
2051
  import React26 from "react";
1935
2052
  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
- }));
2053
+ return /* @__PURE__ */ React26.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ React26.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1942
2054
  }
1943
2055
 
1944
2056
  // src/components/tooltip.tsx
1945
2057
  import React27 from "react";
1946
2058
  function Tooltip({ children }) {
1947
- return /* @__PURE__ */ React27.createElement("span", {
1948
- className: "wv-tooltip"
1949
- }, children);
2059
+ return /* @__PURE__ */ React27.createElement("span", { className: "wv-tooltip" }, children);
1950
2060
  }
1951
2061
 
1952
2062
  // src/components/slider/index.tsx
@@ -1982,18 +2092,21 @@ function Slider(props) {
1982
2092
  );
1983
2093
  let _className = clsx6("keen-slider", className);
1984
2094
  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
- }));
2095
+ return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", { ref, className: _className }, /* @__PURE__ */ React28.createElement(
2096
+ "link",
2097
+ {
2098
+ rel: "stylesheet",
2099
+ href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
2100
+ }
2101
+ ), children), created && instanceRef?.current && /* @__PURE__ */ React28.createElement(
2102
+ Arrows,
2103
+ {
2104
+ currentSlide,
2105
+ instanceRef,
2106
+ className: arrowsClass,
2107
+ offset: arrowOffset
2108
+ }
2109
+ ));
1997
2110
  }
1998
2111
 
1999
2112
  // src/components/index.ts
@@ -2031,15 +2144,15 @@ var WeaverseRoot = ({ context }) => {
2031
2144
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
2032
2145
  let themeClass = context.stitchesInstance.theme.className;
2033
2146
  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
- })));
2147
+ return /* @__PURE__ */ React29.createElement(
2148
+ "div",
2149
+ {
2150
+ className: `weaverse-content-root ${themeClass}`,
2151
+ ...eventHandlers,
2152
+ ref: rootRef
2153
+ },
2154
+ /* @__PURE__ */ React29.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ React29.createElement(ItemInstance, { id: context.projectData.rootId }))
2155
+ );
2043
2156
  }
2044
2157
  return null;
2045
2158
  };
@@ -2063,16 +2176,20 @@ var ItemComponent = ({ instance }) => {
2063
2176
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2064
2177
  rest.ref = instance.ref;
2065
2178
  }
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
- })));
2179
+ return (
2180
+ // @ts-ignore
2181
+ /* @__PURE__ */ React29.createElement(
2182
+ Component,
2183
+ {
2184
+ key: id,
2185
+ "data-wv-type": type,
2186
+ "data-wv-id": id,
2187
+ className: generateItemClassName(instance, stitchesInstance),
2188
+ ...rest
2189
+ },
2190
+ childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, { key: id2, id: id2 }))
2191
+ )
2192
+ );
2076
2193
  } else {
2077
2194
  console.log(`Unknown element: ${type}`);
2078
2195
  return null;
@@ -2083,14 +2200,9 @@ var ItemInstance = ({ id }) => {
2083
2200
  let { itemInstances } = context;
2084
2201
  let instance = itemInstances.get(id);
2085
2202
  if (!instance) {
2086
- return /* @__PURE__ */ React29.createElement("div", {
2087
- style: { display: "none" }
2088
- }, "Item instance ", id, " not found");
2203
+ return /* @__PURE__ */ React29.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2089
2204
  }
2090
- return /* @__PURE__ */ React29.createElement(ItemComponent, {
2091
- key: id,
2092
- instance
2093
- });
2205
+ return /* @__PURE__ */ React29.createElement(ItemComponent, { key: id, instance });
2094
2206
  };
2095
2207
  export {
2096
2208
  Components,