@weaverse/react 0.7.66 → 0.7.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +3 -0
  2. package/dist/index.js +831 -671
  3. package/dist/index.mjs +827 -671
  4. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
19
19
  };
20
20
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
21
21
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ // If the importer is in node compatibility mode or this is not an ESM
23
+ // file that has been converted to a CommonJS file using a Babel-
24
+ // compatible transform (i.e. "__esModule" has not been set), then set
25
+ // "default" to the CommonJS "module.exports" for node compatibility.
22
26
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
23
27
  mod
24
28
  ));
@@ -50,18 +54,19 @@ var Button = React.forwardRef((props, ref) => {
50
54
  let { isDesignMode } = (0, import_react.useContext)(WeaverseContext);
51
55
  let { text, clickAction, linkTo, openInNewTab, ...rest } = props;
52
56
  if (clickAction === "none") {
53
- return /* @__PURE__ */ React.createElement("button", {
57
+ return /* @__PURE__ */ React.createElement("button", { ref, ...rest }, text);
58
+ }
59
+ return /* @__PURE__ */ React.createElement(
60
+ "a",
61
+ {
54
62
  ref,
63
+ href: !isDesignMode ? linkTo : void 0,
64
+ target: openInNewTab ? "_blank" : "_self",
65
+ rel: "noreferrer",
55
66
  ...rest
56
- }, text);
57
- }
58
- return /* @__PURE__ */ React.createElement("a", {
59
- ref,
60
- href: !isDesignMode ? linkTo : void 0,
61
- target: openInNewTab ? "_blank" : "_self",
62
- rel: "noreferrer",
63
- ...rest
64
- }, text);
67
+ },
68
+ text
69
+ );
65
70
  });
66
71
  Button.defaultProps = {
67
72
  type: "button",
@@ -95,10 +100,7 @@ var import_react2 = __toESM(require("react"));
95
100
  var Container = (0, import_react2.forwardRef)(
96
101
  (props, ref) => {
97
102
  let { children, ...rest } = props;
98
- return /* @__PURE__ */ import_react2.default.createElement("div", {
99
- ref,
100
- ...rest
101
- }, children);
103
+ return /* @__PURE__ */ import_react2.default.createElement("div", { ref, ...rest }, children);
102
104
  }
103
105
  );
104
106
  var css2 = {
@@ -149,13 +151,7 @@ function getVimeoId(url) {
149
151
  // src/elements/countdown/timer-block.tsx
150
152
  var import_react3 = __toESM(require("react"));
151
153
  function TimerBlock({ value, label }) {
152
- return /* @__PURE__ */ import_react3.default.createElement("div", {
153
- className: "wv-cd-block"
154
- }, /* @__PURE__ */ import_react3.default.createElement("div", {
155
- className: "wv-cd-number"
156
- }, typeof value === "string" ? value : value.toString().padStart(2, "0")), label && /* @__PURE__ */ import_react3.default.createElement("div", {
157
- className: "wv-cd-label"
158
- }, label));
154
+ return /* @__PURE__ */ import_react3.default.createElement("div", { className: "wv-cd-block" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "wv-cd-number" }, typeof value === "string" ? value : value.toString().padStart(2, "0")), label && /* @__PURE__ */ import_react3.default.createElement("div", { className: "wv-cd-label" }, label));
159
155
  }
160
156
 
161
157
  // src/elements/countdown/index.tsx
@@ -218,18 +214,14 @@ var Countdown = (0, import_react4.forwardRef)(
218
214
  };
219
215
  }, [startTimeProp, endTimeProp, periods, timerType]);
220
216
  const timer = getTime(remaining);
221
- return /* @__PURE__ */ import_react4.default.createElement("div", {
222
- ref,
223
- ...rest
224
- }, TIMES.map((time) => {
225
- return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, {
226
- key: time
227
- }, /* @__PURE__ */ import_react4.default.createElement(TimerBlock, {
228
- label: showLabel ? time : "",
229
- value: remaining === 0 ? "--" : timer[time]
230
- }), time !== "seconds" && /* @__PURE__ */ import_react4.default.createElement("div", {
231
- className: "wv-cd-separator"
232
- }, showColon && /* @__PURE__ */ import_react4.default.createElement("span", null, ":")));
217
+ return /* @__PURE__ */ import_react4.default.createElement("div", { ref, ...rest }, TIMES.map((time) => {
218
+ return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, { key: time }, /* @__PURE__ */ import_react4.default.createElement(
219
+ TimerBlock,
220
+ {
221
+ label: showLabel ? time : "",
222
+ value: remaining === 0 ? "--" : timer[time]
223
+ }
224
+ ), time !== "seconds" && /* @__PURE__ */ import_react4.default.createElement("div", { className: "wv-cd-separator" }, showColon && /* @__PURE__ */ import_react4.default.createElement("span", null, ":")));
233
225
  }));
234
226
  }
235
227
  );
@@ -291,25 +283,19 @@ var Image = import_react5.default.forwardRef(
291
283
  "--img-object-fit": objectFit,
292
284
  "--img-object-position": objectPosition
293
285
  };
294
- let content = /* @__PURE__ */ import_react5.default.createElement("img", {
295
- alt,
296
- "data-blink-src": src
297
- });
286
+ let content = /* @__PURE__ */ import_react5.default.createElement("img", { alt, "data-blink-src": src });
298
287
  if (clickAction === "openLink" && linkTo) {
299
- content = /* @__PURE__ */ import_react5.default.createElement("a", {
300
- href: linkTo,
301
- target: openLinkInNewTab ? "_blank" : "_self",
302
- rel: "noreferrer"
303
- }, /* @__PURE__ */ import_react5.default.createElement("img", {
304
- alt,
305
- "data-blink-src": src
306
- }));
288
+ content = /* @__PURE__ */ import_react5.default.createElement(
289
+ "a",
290
+ {
291
+ href: linkTo,
292
+ target: openLinkInNewTab ? "_blank" : "_self",
293
+ rel: "noreferrer"
294
+ },
295
+ /* @__PURE__ */ import_react5.default.createElement("img", { alt, "data-blink-src": src })
296
+ );
307
297
  }
308
- return /* @__PURE__ */ import_react5.default.createElement("div", {
309
- ref,
310
- style,
311
- ...rest
312
- }, content);
298
+ return /* @__PURE__ */ import_react5.default.createElement("div", { ref, style, ...rest }, content);
313
299
  }
314
300
  );
315
301
  var css4 = {
@@ -350,15 +336,15 @@ function Background(props) {
350
336
  ["--layout-bg-image-position"]: objectPosition
351
337
  };
352
338
  if (imgUrl || bgColor) {
353
- return /* @__PURE__ */ import_react6.default.createElement("div", {
354
- style,
355
- className: "wv-layout-background"
356
- }, imgUrl && /* @__PURE__ */ import_react6.default.createElement("img", {
357
- width: "100%",
358
- height: "100%",
359
- "data-blink-src": imgUrl,
360
- alt: "Section background"
361
- }));
339
+ return /* @__PURE__ */ import_react6.default.createElement("div", { style, className: "wv-layout-background" }, imgUrl && /* @__PURE__ */ import_react6.default.createElement(
340
+ "img",
341
+ {
342
+ width: "100%",
343
+ height: "100%",
344
+ "data-blink-src": imgUrl,
345
+ alt: "Section background"
346
+ }
347
+ ));
362
348
  }
363
349
  return null;
364
350
  }
@@ -371,10 +357,7 @@ function Overlay(props) {
371
357
  let style = {
372
358
  ["--layout-overlay-opacity"]: overlayOpacity / 100
373
359
  };
374
- return /* @__PURE__ */ import_react7.default.createElement("div", {
375
- className: "wv-layout-overlay",
376
- style
377
- });
360
+ return /* @__PURE__ */ import_react7.default.createElement("div", { className: "wv-layout-overlay", style });
378
361
  }
379
362
  return null;
380
363
  }
@@ -407,21 +390,15 @@ var Layout = (0, import_react8.forwardRef)((props, ref) => {
407
390
  "--row-size": rowSize + "px",
408
391
  "--col-size": "calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"
409
392
  };
410
- return /* @__PURE__ */ import_react8.default.createElement("div", {
411
- ref,
412
- ...rest,
413
- style
414
- }, /* @__PURE__ */ import_react8.default.createElement(Background, {
415
- imgUrl: backgroundImage,
416
- bgColor: backgroundColor,
417
- objectFit,
418
- objectPosition
419
- }), /* @__PURE__ */ import_react8.default.createElement(Overlay, {
420
- enableOverlay,
421
- overlayOpacity
422
- }), /* @__PURE__ */ import_react8.default.createElement("div", {
423
- "data-layout-content": true
424
- }, children));
393
+ return /* @__PURE__ */ import_react8.default.createElement("div", { ref, ...rest, style }, /* @__PURE__ */ import_react8.default.createElement(
394
+ Background,
395
+ {
396
+ imgUrl: backgroundImage,
397
+ bgColor: backgroundColor,
398
+ objectFit,
399
+ objectPosition
400
+ }
401
+ ), /* @__PURE__ */ import_react8.default.createElement(Overlay, { enableOverlay, overlayOpacity }), /* @__PURE__ */ import_react8.default.createElement("div", { "data-layout-content": true }, children));
425
402
  });
426
403
  var css5 = {
427
404
  "@desktop": {
@@ -480,17 +457,17 @@ var layout_default = Layout;
480
457
  var import_react9 = __toESM(require("react"));
481
458
  var Map = (0, import_react9.forwardRef)((props, ref) => {
482
459
  let { place, zoom, ...rest } = props;
483
- return /* @__PURE__ */ import_react9.default.createElement("div", {
484
- ref,
485
- ...rest
486
- }, /* @__PURE__ */ import_react9.default.createElement("iframe", {
487
- loading: "lazy",
488
- width: "100%",
489
- height: "100%",
490
- title: "map",
491
- src: `https://maps.google.com/maps?z=${zoom}&t=m&q=${place}&ie=UTF8&&output=embed`,
492
- style: { pointerEvents: "none" }
493
- }));
460
+ return /* @__PURE__ */ import_react9.default.createElement("div", { ref, ...rest }, /* @__PURE__ */ import_react9.default.createElement(
461
+ "iframe",
462
+ {
463
+ loading: "lazy",
464
+ width: "100%",
465
+ height: "100%",
466
+ title: "map",
467
+ src: `https://maps.google.com/maps?z=${zoom}&t=m&q=${place}&ie=UTF8&&output=embed`,
468
+ style: { pointerEvents: "none" }
469
+ }
470
+ ));
494
471
  });
495
472
  var css6 = {
496
473
  "@desktop": {
@@ -515,13 +492,13 @@ var React10 = __toESM(require("react"));
515
492
  var Text = React10.forwardRef(
516
493
  (props, ref) => {
517
494
  let { children, value, ...rest } = props;
518
- return /* @__PURE__ */ React10.createElement("div", {
519
- ref,
520
- ...rest
521
- }, /* @__PURE__ */ React10.createElement("div", {
522
- className: "wv-text-content",
523
- dangerouslySetInnerHTML: { __html: value }
524
- }));
495
+ return /* @__PURE__ */ React10.createElement("div", { ref, ...rest }, /* @__PURE__ */ React10.createElement(
496
+ "div",
497
+ {
498
+ className: "wv-text-content",
499
+ dangerouslySetInnerHTML: { __html: value }
500
+ }
501
+ ));
525
502
  }
526
503
  );
527
504
  var css7 = {
@@ -548,20 +525,20 @@ var import_react13 = __toESM(require("react"));
548
525
  var import_react10 = __toESM(require("react"));
549
526
  function HTMLVideo(props) {
550
527
  let { src, type, controls, autoPlay, loop, muted } = props;
551
- return /* @__PURE__ */ import_react10.default.createElement("video", {
552
- controls,
553
- autoPlay,
554
- loop,
555
- muted,
556
- controlsList: "nodownload",
557
- disablePictureInPicture: true
558
- }, /* @__PURE__ */ import_react10.default.createElement("source", {
559
- src,
560
- type: type || "video/mp4"
561
- }), /* @__PURE__ */ import_react10.default.createElement("source", {
562
- src,
563
- type: "video/ogg"
564
- }), "Your browser does not support the video tag.");
528
+ return /* @__PURE__ */ import_react10.default.createElement(
529
+ "video",
530
+ {
531
+ controls,
532
+ autoPlay,
533
+ loop,
534
+ muted,
535
+ controlsList: "nodownload",
536
+ disablePictureInPicture: true
537
+ },
538
+ /* @__PURE__ */ import_react10.default.createElement("source", { src, type: type || "video/mp4" }),
539
+ /* @__PURE__ */ import_react10.default.createElement("source", { src, type: "video/ogg" }),
540
+ "Your browser does not support the video tag."
541
+ );
565
542
  }
566
543
 
567
544
  // src/elements/video/vimeo.tsx
@@ -570,12 +547,7 @@ function Vimeo(props) {
570
547
  let { vimeoId, controls, autoPlay, loop, muted } = props;
571
548
  let params = `autoplay=${autoPlay}&loop=${loop}&controls=${controls}&muted=${muted}`;
572
549
  let vimeoSrc = `https://player.vimeo.com/video/${vimeoId}?${params}`;
573
- return /* @__PURE__ */ import_react11.default.createElement("iframe", {
574
- src: vimeoSrc,
575
- width: "100%",
576
- height: "100%",
577
- allowFullScreen: true
578
- });
550
+ return /* @__PURE__ */ import_react11.default.createElement("iframe", { src: vimeoSrc, width: "100%", height: "100%", allowFullScreen: true });
579
551
  }
580
552
 
581
553
  // src/elements/video/youtube.tsx
@@ -590,12 +562,7 @@ function Youtube(props) {
590
562
  });
591
563
  let youtubeSrc = `https://www.youtube.com/embed/${youtubeId}?playlist=${youtubeId}&${params.toString()}`;
592
564
  let allow = `accelerometer;${autoPlay ? "autoplay;" : ""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`;
593
- return /* @__PURE__ */ import_react12.default.createElement("iframe", {
594
- src: youtubeSrc,
595
- width: "100%",
596
- height: "100%",
597
- allow
598
- });
565
+ return /* @__PURE__ */ import_react12.default.createElement("iframe", { src: youtubeSrc, width: "100%", height: "100%", allow });
599
566
  }
600
567
 
601
568
  // src/elements/video/index.tsx
@@ -616,24 +583,13 @@ var Video = (0, import_react13.forwardRef)((props, ref) => {
616
583
  let youtubeId = getYoutubeEmbedId(src);
617
584
  let vimeoId = getVimeoId(src);
618
585
  if (youtubeId) {
619
- content = /* @__PURE__ */ import_react13.default.createElement(Youtube, {
620
- ...videoProps,
621
- youtubeId
622
- });
586
+ content = /* @__PURE__ */ import_react13.default.createElement(Youtube, { ...videoProps, youtubeId });
623
587
  } else if (vimeoId) {
624
- content = /* @__PURE__ */ import_react13.default.createElement(Vimeo, {
625
- ...videoProps,
626
- vimeoId
627
- });
588
+ content = /* @__PURE__ */ import_react13.default.createElement(Vimeo, { ...videoProps, vimeoId });
628
589
  } else {
629
- content = /* @__PURE__ */ import_react13.default.createElement(HTMLVideo, {
630
- ...videoProps
631
- });
590
+ content = /* @__PURE__ */ import_react13.default.createElement(HTMLVideo, { ...videoProps });
632
591
  }
633
- return /* @__PURE__ */ import_react13.default.createElement("div", {
634
- ref,
635
- ...rest
636
- }, content);
592
+ return /* @__PURE__ */ import_react13.default.createElement("div", { ref, ...rest }, content);
637
593
  });
638
594
  var css8 = {
639
595
  "@desktop": {
@@ -685,6 +641,7 @@ __export(phosphor_exports, {
685
641
  Eye: () => Eye,
686
642
  Image: () => Image2,
687
643
  Minus: () => Minus,
644
+ Newspaper: () => Newspaper,
688
645
  Package: () => Package,
689
646
  Plus: () => Plus,
690
647
  ShoppingCart: () => ShoppingCart,
@@ -693,391 +650,580 @@ __export(phosphor_exports, {
693
650
  });
694
651
  var import_react14 = __toESM(require("react"));
695
652
  var CircleNotch = (props) => {
696
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
697
- xmlns: "http://www.w3.org/2000/svg",
698
- fill: "none",
699
- viewBox: "0 0 24 24",
700
- ...props
701
- }, /* @__PURE__ */ import_react14.default.createElement("circle", {
702
- style: { opacity: ".25" },
703
- cx: "12",
704
- cy: "12",
705
- r: "10",
706
- stroke: "currentColor",
707
- strokeWidth: "4"
708
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
709
- style: { opacity: ".75" },
710
- fill: "currentColor",
711
- 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"
712
- }));
653
+ return /* @__PURE__ */ import_react14.default.createElement(
654
+ "svg",
655
+ {
656
+ xmlns: "http://www.w3.org/2000/svg",
657
+ fill: "none",
658
+ viewBox: "0 0 24 24",
659
+ ...props
660
+ },
661
+ /* @__PURE__ */ import_react14.default.createElement(
662
+ "circle",
663
+ {
664
+ style: { opacity: ".25" },
665
+ cx: "12",
666
+ cy: "12",
667
+ r: "10",
668
+ stroke: "currentColor",
669
+ strokeWidth: "4"
670
+ }
671
+ ),
672
+ /* @__PURE__ */ import_react14.default.createElement(
673
+ "path",
674
+ {
675
+ style: { opacity: ".75" },
676
+ fill: "currentColor",
677
+ 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"
678
+ }
679
+ )
680
+ );
713
681
  };
714
682
  var X = (props) => {
715
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
716
- xmlns: "http://www.w3.org/2000/svg",
717
- width: "20",
718
- height: "20",
719
- fill: "currentColor",
720
- viewBox: "0 0 256 256",
721
- ...props
722
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
723
- width: "256",
724
- height: "256",
725
- fill: "none"
726
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
727
- x1: "200",
728
- y1: "56",
729
- x2: "56",
730
- y2: "200",
731
- fill: "none",
732
- stroke: "currentColor",
733
- strokeLinecap: "round",
734
- strokeLinejoin: "round",
735
- strokeWidth: "12"
736
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
737
- x1: "200",
738
- y1: "200",
739
- x2: "56",
740
- y2: "56",
741
- fill: "none",
742
- stroke: "currentColor",
743
- strokeLinecap: "round",
744
- strokeLinejoin: "round",
745
- strokeWidth: "12"
746
- }));
683
+ return /* @__PURE__ */ import_react14.default.createElement(
684
+ "svg",
685
+ {
686
+ xmlns: "http://www.w3.org/2000/svg",
687
+ width: "20",
688
+ height: "20",
689
+ fill: "currentColor",
690
+ viewBox: "0 0 256 256",
691
+ ...props
692
+ },
693
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
694
+ /* @__PURE__ */ import_react14.default.createElement(
695
+ "line",
696
+ {
697
+ x1: "200",
698
+ y1: "56",
699
+ x2: "56",
700
+ y2: "200",
701
+ fill: "none",
702
+ stroke: "currentColor",
703
+ strokeLinecap: "round",
704
+ strokeLinejoin: "round",
705
+ strokeWidth: "12"
706
+ }
707
+ ),
708
+ /* @__PURE__ */ import_react14.default.createElement(
709
+ "line",
710
+ {
711
+ x1: "200",
712
+ y1: "200",
713
+ x2: "56",
714
+ y2: "56",
715
+ fill: "none",
716
+ stroke: "currentColor",
717
+ strokeLinecap: "round",
718
+ strokeLinejoin: "round",
719
+ strokeWidth: "12"
720
+ }
721
+ )
722
+ );
747
723
  };
748
724
  var Minus = (props) => {
749
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
750
- width: "196",
751
- height: "196",
752
- fill: "currentColor",
753
- stroke: "currentColor",
754
- xmlns: "http://www.w3.org/2000/svg",
755
- viewBox: "0 0 384 512",
756
- ...props
757
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
758
- 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"
759
- }));
725
+ return /* @__PURE__ */ import_react14.default.createElement(
726
+ "svg",
727
+ {
728
+ width: "196",
729
+ height: "196",
730
+ fill: "currentColor",
731
+ stroke: "currentColor",
732
+ xmlns: "http://www.w3.org/2000/svg",
733
+ viewBox: "0 0 384 512",
734
+ ...props
735
+ },
736
+ /* @__PURE__ */ import_react14.default.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" })
737
+ );
760
738
  };
761
739
  var Plus = (props) => {
762
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
763
- width: "196",
764
- height: "196",
765
- fill: "currentColor",
766
- stroke: "currentColor",
767
- xmlns: "http://www.w3.org/2000/svg",
768
- viewBox: "0 0 384 512",
769
- ...props
770
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
771
- 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"
772
- }));
740
+ return /* @__PURE__ */ import_react14.default.createElement(
741
+ "svg",
742
+ {
743
+ width: "196",
744
+ height: "196",
745
+ fill: "currentColor",
746
+ stroke: "currentColor",
747
+ xmlns: "http://www.w3.org/2000/svg",
748
+ viewBox: "0 0 384 512",
749
+ ...props
750
+ },
751
+ /* @__PURE__ */ import_react14.default.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" })
752
+ );
773
753
  };
774
754
  var ArrowLeft = (props) => {
775
- return /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("rect", {
783
- width: "256",
784
- height: "256",
785
- fill: "none"
786
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
787
- x1: "216",
788
- y1: "128",
789
- x2: "40",
790
- y2: "128",
791
- fill: "none",
792
- stroke: "currentColor",
793
- strokeLinecap: "round",
794
- strokeLinejoin: "round",
795
- strokeWidth: "16"
796
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
797
- points: "112 56 40 128 112 200",
798
- fill: "none",
799
- stroke: "currentColor",
800
- strokeLinecap: "round",
801
- strokeLinejoin: "round",
802
- strokeWidth: "16"
803
- }));
755
+ return /* @__PURE__ */ import_react14.default.createElement(
756
+ "svg",
757
+ {
758
+ xmlns: "http://www.w3.org/2000/svg",
759
+ width: "192",
760
+ height: "192",
761
+ fill: "currentColor",
762
+ viewBox: "0 0 256 256",
763
+ ...props
764
+ },
765
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
766
+ /* @__PURE__ */ import_react14.default.createElement(
767
+ "line",
768
+ {
769
+ x1: "216",
770
+ y1: "128",
771
+ x2: "40",
772
+ y2: "128",
773
+ fill: "none",
774
+ stroke: "currentColor",
775
+ strokeLinecap: "round",
776
+ strokeLinejoin: "round",
777
+ strokeWidth: "16"
778
+ }
779
+ ),
780
+ /* @__PURE__ */ import_react14.default.createElement(
781
+ "polyline",
782
+ {
783
+ points: "112 56 40 128 112 200",
784
+ fill: "none",
785
+ stroke: "currentColor",
786
+ strokeLinecap: "round",
787
+ strokeLinejoin: "round",
788
+ strokeWidth: "16"
789
+ }
790
+ )
791
+ );
804
792
  };
805
793
  var ArrowRight = (props) => {
806
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
807
- xmlns: "http://www.w3.org/2000/svg",
808
- width: "192",
809
- height: "192",
810
- fill: "currentColor",
811
- viewBox: "0 0 256 256",
812
- ...props
813
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
814
- width: "256",
815
- height: "256",
816
- fill: "none"
817
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
818
- x1: "40",
819
- y1: "128",
820
- x2: "216",
821
- y2: "128",
822
- fill: "none",
823
- stroke: "currentColor",
824
- strokeLinecap: "round",
825
- strokeLinejoin: "round",
826
- strokeWidth: "16"
827
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
828
- points: "144 56 216 128 144 200",
829
- fill: "none",
830
- stroke: "currentColor",
831
- strokeLinecap: "round",
832
- strokeLinejoin: "round",
833
- strokeWidth: "16"
834
- }));
794
+ return /* @__PURE__ */ import_react14.default.createElement(
795
+ "svg",
796
+ {
797
+ xmlns: "http://www.w3.org/2000/svg",
798
+ width: "192",
799
+ height: "192",
800
+ fill: "currentColor",
801
+ viewBox: "0 0 256 256",
802
+ ...props
803
+ },
804
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
805
+ /* @__PURE__ */ import_react14.default.createElement(
806
+ "line",
807
+ {
808
+ x1: "40",
809
+ y1: "128",
810
+ x2: "216",
811
+ y2: "128",
812
+ fill: "none",
813
+ stroke: "currentColor",
814
+ strokeLinecap: "round",
815
+ strokeLinejoin: "round",
816
+ strokeWidth: "16"
817
+ }
818
+ ),
819
+ /* @__PURE__ */ import_react14.default.createElement(
820
+ "polyline",
821
+ {
822
+ points: "144 56 216 128 144 200",
823
+ fill: "none",
824
+ stroke: "currentColor",
825
+ strokeLinecap: "round",
826
+ strokeLinejoin: "round",
827
+ strokeWidth: "16"
828
+ }
829
+ )
830
+ );
835
831
  };
836
832
  var Image2 = (props) => {
837
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
838
- xmlns: "http://www.w3.org/2000/svg",
839
- "aria-hidden": "true",
840
- fill: "currentColor",
841
- viewBox: "0 0 640 512",
842
- ...props
843
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
844
- 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"
845
- }));
833
+ return /* @__PURE__ */ import_react14.default.createElement(
834
+ "svg",
835
+ {
836
+ xmlns: "http://www.w3.org/2000/svg",
837
+ "aria-hidden": "true",
838
+ fill: "currentColor",
839
+ viewBox: "0 0 640 512",
840
+ ...props
841
+ },
842
+ /* @__PURE__ */ import_react14.default.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" })
843
+ );
846
844
  };
847
845
  var ShoppingCart = (props) => {
848
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
849
- xmlns: "http://www.w3.org/2000/svg",
850
- width: "192",
851
- height: "192",
852
- fill: "currentColor",
853
- viewBox: "0 0 256 256",
854
- ...props
855
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
856
- width: "256",
857
- height: "256",
858
- fill: "none"
859
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
860
- d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
861
- fill: "none",
862
- stroke: "currentColor",
863
- strokeLinecap: "round",
864
- strokeLinejoin: "round",
865
- strokeWidth: "16"
866
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
867
- cx: "80",
868
- cy: "204",
869
- r: "20",
870
- fill: "none",
871
- stroke: "currentColor",
872
- strokeLinecap: "round",
873
- strokeLinejoin: "round",
874
- strokeWidth: "16"
875
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
876
- cx: "184",
877
- cy: "204",
878
- r: "20",
879
- fill: "none",
880
- stroke: "currentColor",
881
- strokeLinecap: "round",
882
- strokeLinejoin: "round",
883
- strokeWidth: "16"
884
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
885
- d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
886
- fill: "none",
887
- stroke: "currentColor",
888
- strokeLinecap: "round",
889
- strokeLinejoin: "round",
890
- strokeWidth: "16"
891
- }));
846
+ return /* @__PURE__ */ import_react14.default.createElement(
847
+ "svg",
848
+ {
849
+ xmlns: "http://www.w3.org/2000/svg",
850
+ width: "192",
851
+ height: "192",
852
+ fill: "currentColor",
853
+ viewBox: "0 0 256 256",
854
+ ...props
855
+ },
856
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
857
+ /* @__PURE__ */ import_react14.default.createElement(
858
+ "path",
859
+ {
860
+ d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
861
+ fill: "none",
862
+ stroke: "currentColor",
863
+ strokeLinecap: "round",
864
+ strokeLinejoin: "round",
865
+ strokeWidth: "16"
866
+ }
867
+ ),
868
+ /* @__PURE__ */ import_react14.default.createElement(
869
+ "circle",
870
+ {
871
+ cx: "80",
872
+ cy: "204",
873
+ r: "20",
874
+ fill: "none",
875
+ stroke: "currentColor",
876
+ strokeLinecap: "round",
877
+ strokeLinejoin: "round",
878
+ strokeWidth: "16"
879
+ }
880
+ ),
881
+ /* @__PURE__ */ import_react14.default.createElement(
882
+ "circle",
883
+ {
884
+ cx: "184",
885
+ cy: "204",
886
+ r: "20",
887
+ fill: "none",
888
+ stroke: "currentColor",
889
+ strokeLinecap: "round",
890
+ strokeLinejoin: "round",
891
+ strokeWidth: "16"
892
+ }
893
+ ),
894
+ /* @__PURE__ */ import_react14.default.createElement(
895
+ "path",
896
+ {
897
+ d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
898
+ fill: "none",
899
+ stroke: "currentColor",
900
+ strokeLinecap: "round",
901
+ strokeLinejoin: "round",
902
+ strokeWidth: "16"
903
+ }
904
+ )
905
+ );
892
906
  };
893
907
  var Storefront = (props) => {
894
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
895
- xmlns: "http://www.w3.org/2000/svg",
896
- width: "192",
897
- height: "192",
898
- fill: "currentColor",
899
- viewBox: "0 0 256 256",
900
- ...props
901
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
902
- width: "256",
903
- height: "256",
904
- fill: "none"
905
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
906
- d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
907
- fill: "none",
908
- stroke: "currentColor",
909
- strokeLinecap: "round",
910
- strokeLinejoin: "round",
911
- strokeWidth: "12"
912
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
913
- 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",
914
- fill: "none",
915
- stroke: "currentColor",
916
- strokeLinecap: "round",
917
- strokeLinejoin: "round",
918
- strokeWidth: "12"
919
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
920
- d: "M96,96v16a32,32,0,0,1-64,0V96",
921
- fill: "none",
922
- stroke: "currentColor",
923
- strokeLinecap: "round",
924
- strokeLinejoin: "round",
925
- strokeWidth: "12"
926
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
927
- d: "M160,96v16a32,32,0,0,1-64,0V96",
928
- fill: "none",
929
- stroke: "currentColor",
930
- strokeLinecap: "round",
931
- strokeLinejoin: "round",
932
- strokeWidth: "12"
933
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
934
- d: "M224,96v16a32,32,0,0,1-64,0V96",
935
- fill: "none",
936
- stroke: "currentColor",
937
- strokeLinecap: "round",
938
- strokeLinejoin: "round",
939
- strokeWidth: "12"
940
- }));
908
+ return /* @__PURE__ */ import_react14.default.createElement(
909
+ "svg",
910
+ {
911
+ xmlns: "http://www.w3.org/2000/svg",
912
+ width: "192",
913
+ height: "192",
914
+ fill: "currentColor",
915
+ viewBox: "0 0 256 256",
916
+ ...props
917
+ },
918
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
919
+ /* @__PURE__ */ import_react14.default.createElement(
920
+ "path",
921
+ {
922
+ d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
923
+ fill: "none",
924
+ stroke: "currentColor",
925
+ strokeLinecap: "round",
926
+ strokeLinejoin: "round",
927
+ strokeWidth: "12"
928
+ }
929
+ ),
930
+ /* @__PURE__ */ import_react14.default.createElement(
931
+ "path",
932
+ {
933
+ 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",
934
+ fill: "none",
935
+ stroke: "currentColor",
936
+ strokeLinecap: "round",
937
+ strokeLinejoin: "round",
938
+ strokeWidth: "12"
939
+ }
940
+ ),
941
+ /* @__PURE__ */ import_react14.default.createElement(
942
+ "path",
943
+ {
944
+ d: "M96,96v16a32,32,0,0,1-64,0V96",
945
+ fill: "none",
946
+ stroke: "currentColor",
947
+ strokeLinecap: "round",
948
+ strokeLinejoin: "round",
949
+ strokeWidth: "12"
950
+ }
951
+ ),
952
+ /* @__PURE__ */ import_react14.default.createElement(
953
+ "path",
954
+ {
955
+ d: "M160,96v16a32,32,0,0,1-64,0V96",
956
+ fill: "none",
957
+ stroke: "currentColor",
958
+ strokeLinecap: "round",
959
+ strokeLinejoin: "round",
960
+ strokeWidth: "12"
961
+ }
962
+ ),
963
+ /* @__PURE__ */ import_react14.default.createElement(
964
+ "path",
965
+ {
966
+ d: "M224,96v16a32,32,0,0,1-64,0V96",
967
+ fill: "none",
968
+ stroke: "currentColor",
969
+ strokeLinecap: "round",
970
+ strokeLinejoin: "round",
971
+ strokeWidth: "12"
972
+ }
973
+ )
974
+ );
941
975
  };
942
976
  var Package = (props) => {
943
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
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
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
951
- width: "256",
952
- height: "256",
953
- fill: "none"
954
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
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
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
962
- points: "177 152.5 177 100.5 80 47",
963
- fill: "none",
964
- stroke: "currentColor",
965
- strokeLinecap: "round",
966
- strokeLinejoin: "round",
967
- strokeWidth: "8"
968
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
969
- points: "222.9 74.6 128.9 128 33.1 74.6",
970
- fill: "none",
971
- stroke: "currentColor",
972
- strokeLinecap: "round",
973
- strokeLinejoin: "round",
974
- strokeWidth: "8"
975
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
976
- x1: "128.9",
977
- y1: "128",
978
- x2: "128",
979
- y2: "234.8",
980
- fill: "none",
981
- stroke: "currentColor",
982
- strokeLinecap: "round",
983
- strokeLinejoin: "round",
984
- strokeWidth: "8"
985
- }));
977
+ return /* @__PURE__ */ import_react14.default.createElement(
978
+ "svg",
979
+ {
980
+ xmlns: "http://www.w3.org/2000/svg",
981
+ width: "192",
982
+ height: "192",
983
+ fill: "currentColor",
984
+ viewBox: "0 0 256 256",
985
+ ...props
986
+ },
987
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
988
+ /* @__PURE__ */ import_react14.default.createElement(
989
+ "path",
990
+ {
991
+ 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",
992
+ fill: "none",
993
+ stroke: "currentColor",
994
+ strokeLinecap: "round",
995
+ strokeLinejoin: "round",
996
+ strokeWidth: "8"
997
+ }
998
+ ),
999
+ /* @__PURE__ */ import_react14.default.createElement(
1000
+ "polyline",
1001
+ {
1002
+ points: "177 152.5 177 100.5 80 47",
1003
+ fill: "none",
1004
+ stroke: "currentColor",
1005
+ strokeLinecap: "round",
1006
+ strokeLinejoin: "round",
1007
+ strokeWidth: "8"
1008
+ }
1009
+ ),
1010
+ /* @__PURE__ */ import_react14.default.createElement(
1011
+ "polyline",
1012
+ {
1013
+ points: "222.9 74.6 128.9 128 33.1 74.6",
1014
+ fill: "none",
1015
+ stroke: "currentColor",
1016
+ strokeLinecap: "round",
1017
+ strokeLinejoin: "round",
1018
+ strokeWidth: "8"
1019
+ }
1020
+ ),
1021
+ /* @__PURE__ */ import_react14.default.createElement(
1022
+ "line",
1023
+ {
1024
+ x1: "128.9",
1025
+ y1: "128",
1026
+ x2: "128",
1027
+ y2: "234.8",
1028
+ fill: "none",
1029
+ stroke: "currentColor",
1030
+ strokeLinecap: "round",
1031
+ strokeLinejoin: "round",
1032
+ strokeWidth: "8"
1033
+ }
1034
+ )
1035
+ );
986
1036
  };
987
1037
  var Backpack = (props) => {
988
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
989
- xmlns: "http://www.w3.org/2000/svg",
990
- width: "192",
991
- height: "192",
992
- fill: "currentColor",
993
- viewBox: "0 0 256 256",
994
- ...props
995
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
996
- width: "256",
997
- height: "256",
998
- fill: "none"
999
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1000
- 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",
1001
- fill: "none",
1002
- stroke: "currentColor",
1003
- strokeLinecap: "round",
1004
- strokeLinejoin: "round",
1005
- strokeWidth: "12"
1006
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1007
- d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1008
- fill: "none",
1009
- stroke: "currentColor",
1010
- strokeLinecap: "round",
1011
- strokeLinejoin: "round",
1012
- strokeWidth: "12"
1013
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1014
- d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1015
- fill: "none",
1016
- stroke: "currentColor",
1017
- strokeLinecap: "round",
1018
- strokeLinejoin: "round",
1019
- strokeWidth: "12"
1020
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1021
- x1: "112",
1022
- y1: "88",
1023
- x2: "144",
1024
- y2: "88",
1025
- fill: "none",
1026
- stroke: "currentColor",
1027
- strokeLinecap: "round",
1028
- strokeLinejoin: "round",
1029
- strokeWidth: "12"
1030
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1031
- x1: "80",
1032
- y1: "168",
1033
- x2: "176",
1034
- y2: "168",
1035
- fill: "none",
1036
- stroke: "currentColor",
1037
- strokeLinecap: "round",
1038
- strokeLinejoin: "round",
1039
- strokeWidth: "12"
1040
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1041
- x1: "144",
1042
- y1: "168",
1043
- x2: "144",
1044
- y2: "184",
1045
- fill: "none",
1046
- stroke: "currentColor",
1047
- strokeLinecap: "round",
1048
- strokeLinejoin: "round",
1049
- strokeWidth: "12"
1050
- }));
1038
+ return /* @__PURE__ */ import_react14.default.createElement(
1039
+ "svg",
1040
+ {
1041
+ xmlns: "http://www.w3.org/2000/svg",
1042
+ width: "192",
1043
+ height: "192",
1044
+ fill: "currentColor",
1045
+ viewBox: "0 0 256 256",
1046
+ ...props
1047
+ },
1048
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1049
+ /* @__PURE__ */ import_react14.default.createElement(
1050
+ "path",
1051
+ {
1052
+ 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",
1053
+ fill: "none",
1054
+ stroke: "currentColor",
1055
+ strokeLinecap: "round",
1056
+ strokeLinejoin: "round",
1057
+ strokeWidth: "12"
1058
+ }
1059
+ ),
1060
+ /* @__PURE__ */ import_react14.default.createElement(
1061
+ "path",
1062
+ {
1063
+ d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1064
+ fill: "none",
1065
+ stroke: "currentColor",
1066
+ strokeLinecap: "round",
1067
+ strokeLinejoin: "round",
1068
+ strokeWidth: "12"
1069
+ }
1070
+ ),
1071
+ /* @__PURE__ */ import_react14.default.createElement(
1072
+ "path",
1073
+ {
1074
+ d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1075
+ fill: "none",
1076
+ stroke: "currentColor",
1077
+ strokeLinecap: "round",
1078
+ strokeLinejoin: "round",
1079
+ strokeWidth: "12"
1080
+ }
1081
+ ),
1082
+ /* @__PURE__ */ import_react14.default.createElement(
1083
+ "line",
1084
+ {
1085
+ x1: "112",
1086
+ y1: "88",
1087
+ x2: "144",
1088
+ y2: "88",
1089
+ fill: "none",
1090
+ stroke: "currentColor",
1091
+ strokeLinecap: "round",
1092
+ strokeLinejoin: "round",
1093
+ strokeWidth: "12"
1094
+ }
1095
+ ),
1096
+ /* @__PURE__ */ import_react14.default.createElement(
1097
+ "line",
1098
+ {
1099
+ x1: "80",
1100
+ y1: "168",
1101
+ x2: "176",
1102
+ y2: "168",
1103
+ fill: "none",
1104
+ stroke: "currentColor",
1105
+ strokeLinecap: "round",
1106
+ strokeLinejoin: "round",
1107
+ strokeWidth: "12"
1108
+ }
1109
+ ),
1110
+ /* @__PURE__ */ import_react14.default.createElement(
1111
+ "line",
1112
+ {
1113
+ x1: "144",
1114
+ y1: "168",
1115
+ x2: "144",
1116
+ y2: "184",
1117
+ fill: "none",
1118
+ stroke: "currentColor",
1119
+ strokeLinecap: "round",
1120
+ strokeLinejoin: "round",
1121
+ strokeWidth: "12"
1122
+ }
1123
+ )
1124
+ );
1125
+ };
1126
+ var Newspaper = (props) => {
1127
+ return /* @__PURE__ */ import_react14.default.createElement(
1128
+ "svg",
1129
+ {
1130
+ xmlns: "http://www.w3.org/2000/svg",
1131
+ width: "192",
1132
+ height: "192",
1133
+ fill: "currentColor",
1134
+ viewBox: "0 0 256 256",
1135
+ ...props
1136
+ },
1137
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1138
+ /* @__PURE__ */ import_react14.default.createElement(
1139
+ "line",
1140
+ {
1141
+ x1: "96",
1142
+ y1: "112",
1143
+ x2: "176",
1144
+ y2: "112",
1145
+ fill: "none",
1146
+ stroke: "currentColor",
1147
+ strokeLinecap: "round",
1148
+ strokeLinejoin: "round",
1149
+ strokeWidth: "8"
1150
+ }
1151
+ ),
1152
+ /* @__PURE__ */ import_react14.default.createElement(
1153
+ "line",
1154
+ {
1155
+ x1: "96",
1156
+ y1: "144",
1157
+ x2: "176",
1158
+ y2: "144",
1159
+ fill: "none",
1160
+ stroke: "currentColor",
1161
+ strokeLinecap: "round",
1162
+ strokeLinejoin: "round",
1163
+ strokeWidth: "8"
1164
+ }
1165
+ ),
1166
+ /* @__PURE__ */ import_react14.default.createElement(
1167
+ "path",
1168
+ {
1169
+ 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",
1170
+ fill: "none",
1171
+ stroke: "currentColor",
1172
+ strokeLinecap: "round",
1173
+ strokeLinejoin: "round",
1174
+ strokeWidth: "8"
1175
+ }
1176
+ ),
1177
+ /* @__PURE__ */ import_react14.default.createElement(
1178
+ "path",
1179
+ {
1180
+ d: "M32,200a16,16,0,0,1-16-16h0V88",
1181
+ fill: "none",
1182
+ stroke: "currentColor",
1183
+ strokeLinecap: "round",
1184
+ strokeLinejoin: "round",
1185
+ strokeWidth: "8"
1186
+ }
1187
+ )
1188
+ );
1051
1189
  };
1052
1190
  var Eye = (props) => {
1053
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
1054
- xmlns: "http://www.w3.org/2000/svg",
1055
- width: "192",
1056
- height: "192",
1057
- fill: "currentColor",
1058
- viewBox: "0 0 256 256",
1059
- ...props
1060
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
1061
- width: "256",
1062
- height: "256",
1063
- fill: "none"
1064
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1065
- d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1066
- fill: "none",
1067
- stroke: "currentColor",
1068
- strokeLinecap: "round",
1069
- strokeLinejoin: "round",
1070
- strokeWidth: "12"
1071
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
1072
- cx: "128",
1073
- cy: "128",
1074
- r: "40",
1075
- fill: "none",
1076
- stroke: "currentColor",
1077
- strokeLinecap: "round",
1078
- strokeLinejoin: "round",
1079
- strokeWidth: "12"
1080
- }));
1191
+ return /* @__PURE__ */ import_react14.default.createElement(
1192
+ "svg",
1193
+ {
1194
+ xmlns: "http://www.w3.org/2000/svg",
1195
+ width: "192",
1196
+ height: "192",
1197
+ fill: "currentColor",
1198
+ viewBox: "0 0 256 256",
1199
+ ...props
1200
+ },
1201
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1202
+ /* @__PURE__ */ import_react14.default.createElement(
1203
+ "path",
1204
+ {
1205
+ d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1206
+ fill: "none",
1207
+ stroke: "currentColor",
1208
+ strokeLinecap: "round",
1209
+ strokeLinejoin: "round",
1210
+ strokeWidth: "12"
1211
+ }
1212
+ ),
1213
+ /* @__PURE__ */ import_react14.default.createElement(
1214
+ "circle",
1215
+ {
1216
+ cx: "128",
1217
+ cy: "128",
1218
+ r: "40",
1219
+ fill: "none",
1220
+ stroke: "currentColor",
1221
+ strokeLinecap: "round",
1222
+ strokeLinejoin: "round",
1223
+ strokeWidth: "12"
1224
+ }
1225
+ )
1226
+ );
1081
1227
  };
1082
1228
 
1083
1229
  // src/components/icons/index.tsx
@@ -1085,10 +1231,7 @@ var import_clsx = __toESM(require("clsx"));
1085
1231
  function Icon({ name, className, ...props }) {
1086
1232
  let WeaverseIcon = phosphor_exports[name];
1087
1233
  let cls = (0, import_clsx.default)("wv-icon", className);
1088
- return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, {
1089
- className: cls,
1090
- ...props
1091
- });
1234
+ return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, { className: cls, ...props });
1092
1235
  }
1093
1236
 
1094
1237
  // src/components/slider/arrows.tsx
@@ -1102,28 +1245,29 @@ function Arrows(props) {
1102
1245
  let style = {
1103
1246
  "--offset": `${offset}px`
1104
1247
  };
1105
- return /* @__PURE__ */ import_react17.default.createElement(StyledArrows, {
1106
- className,
1107
- style
1108
- }, /* @__PURE__ */ import_react17.default.createElement("button", {
1109
- type: "button",
1110
- className: (0, import_clsx2.default)("arrow arrow--left", isFirst && "arrow--disabled"),
1111
- onClick: (e) => {
1112
- e.stopPropagation();
1113
- instanceRef?.current?.prev();
1114
- }
1115
- }, /* @__PURE__ */ import_react17.default.createElement(Icon, {
1116
- name: "ArrowLeft"
1117
- })), /* @__PURE__ */ import_react17.default.createElement("button", {
1118
- type: "button",
1119
- className: (0, import_clsx2.default)("arrow arrow--right", isLast && "arrow--disabled"),
1120
- onClick: (e) => {
1121
- e.stopPropagation();
1122
- instanceRef?.current?.next();
1123
- }
1124
- }, /* @__PURE__ */ import_react17.default.createElement(Icon, {
1125
- name: "ArrowRight"
1126
- })));
1248
+ return /* @__PURE__ */ import_react17.default.createElement(StyledArrows, { className, style }, /* @__PURE__ */ import_react17.default.createElement(
1249
+ "button",
1250
+ {
1251
+ type: "button",
1252
+ className: (0, import_clsx2.default)("arrow arrow--left", isFirst && "arrow--disabled"),
1253
+ onClick: (e) => {
1254
+ e.stopPropagation();
1255
+ instanceRef?.current?.prev();
1256
+ }
1257
+ },
1258
+ /* @__PURE__ */ import_react17.default.createElement(Icon, { name: "ArrowLeft" })
1259
+ ), /* @__PURE__ */ import_react17.default.createElement(
1260
+ "button",
1261
+ {
1262
+ type: "button",
1263
+ className: (0, import_clsx2.default)("arrow arrow--right", isLast && "arrow--disabled"),
1264
+ onClick: (e) => {
1265
+ e.stopPropagation();
1266
+ instanceRef?.current?.next();
1267
+ }
1268
+ },
1269
+ /* @__PURE__ */ import_react17.default.createElement(Icon, { name: "ArrowRight" })
1270
+ ));
1127
1271
  }
1128
1272
  var StyledArrows = (0, import_react16.styled)("div", {
1129
1273
  ".arrow": {
@@ -1178,17 +1322,18 @@ function Dots(props) {
1178
1322
  position && `dots--${position}`,
1179
1323
  color && `dots--${color}`
1180
1324
  );
1181
- return /* @__PURE__ */ import_react19.default.createElement(StyledDots, {
1182
- className: _className
1183
- }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1325
+ return /* @__PURE__ */ import_react19.default.createElement(StyledDots, { className: _className }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1184
1326
  (idx) => {
1185
1327
  let className2 = (0, import_clsx3.default)("dot", currentSlide === idx && "dot--active");
1186
- return /* @__PURE__ */ import_react19.default.createElement("button", {
1187
- key: idx,
1188
- type: "button",
1189
- onClick: () => instanceRef.current?.moveToIdx(idx),
1190
- className: className2
1191
- });
1328
+ return /* @__PURE__ */ import_react19.default.createElement(
1329
+ "button",
1330
+ {
1331
+ key: idx,
1332
+ type: "button",
1333
+ onClick: () => instanceRef.current?.moveToIdx(idx),
1334
+ className: className2
1335
+ }
1336
+ );
1192
1337
  }
1193
1338
  ));
1194
1339
  }
@@ -1436,26 +1581,25 @@ var Slideshow = (0, import_react23.forwardRef)((props, ref) => {
1436
1581
  faderClass,
1437
1582
  animation === "slide" ? "keen-slider" : "keen-fader"
1438
1583
  );
1439
- return /* @__PURE__ */ import_react23.default.createElement("div", {
1440
- ref,
1441
- style,
1442
- ...rest
1443
- }, /* @__PURE__ */ import_react23.default.createElement("div", {
1444
- ref: sliderRef,
1445
- className: _className
1446
- }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(Arrows, {
1447
- instanceRef,
1448
- currentSlide,
1449
- className: "wv-slideshow--arrows",
1450
- offset: 20
1451
- }), showDots && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(Dots, {
1452
- instanceRef,
1453
- currentSlide,
1454
- className: "wv-slideshow--dots",
1455
- position: dotsPosition,
1456
- color: dotsColor,
1457
- absolute: true
1458
- }));
1584
+ return /* @__PURE__ */ import_react23.default.createElement("div", { ref, style, ...rest }, /* @__PURE__ */ import_react23.default.createElement("div", { ref: sliderRef, className: _className }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(
1585
+ Arrows,
1586
+ {
1587
+ instanceRef,
1588
+ currentSlide,
1589
+ className: "wv-slideshow--arrows",
1590
+ offset: 20
1591
+ }
1592
+ ), showDots && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(
1593
+ Dots,
1594
+ {
1595
+ instanceRef,
1596
+ currentSlide,
1597
+ className: "wv-slideshow--dots",
1598
+ position: dotsPosition,
1599
+ color: dotsColor,
1600
+ absolute: true
1601
+ }
1602
+ ));
1459
1603
  });
1460
1604
  var css9 = {
1461
1605
  "@desktop": {
@@ -1509,15 +1653,15 @@ function Background2(props) {
1509
1653
  ["--bg-position"]: backgroundPosition
1510
1654
  };
1511
1655
  if (backgroundImage || backgroundColor) {
1512
- return /* @__PURE__ */ import_react25.default.createElement(StyledBackground, {
1513
- style,
1514
- className
1515
- }, backgroundImage && /* @__PURE__ */ import_react25.default.createElement("img", {
1516
- width: "100%",
1517
- height: "100%",
1518
- "data-blink-src": backgroundImage,
1519
- alt: "Background"
1520
- }));
1656
+ return /* @__PURE__ */ import_react25.default.createElement(StyledBackground, { style, className }, backgroundImage && /* @__PURE__ */ import_react25.default.createElement(
1657
+ "img",
1658
+ {
1659
+ width: "100%",
1660
+ height: "100%",
1661
+ "data-blink-src": backgroundImage,
1662
+ alt: "Background"
1663
+ }
1664
+ ));
1521
1665
  }
1522
1666
  return null;
1523
1667
  }
@@ -1538,10 +1682,13 @@ var import_react27 = __toESM(require("react"));
1538
1682
  function Overlay2(props) {
1539
1683
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1540
1684
  if (enabled) {
1541
- return /* @__PURE__ */ import_react27.default.createElement(StyledOverlay, {
1542
- className,
1543
- css: { ["--overlay-opacity"]: opacity / 100 }
1544
- });
1685
+ return /* @__PURE__ */ import_react27.default.createElement(
1686
+ StyledOverlay,
1687
+ {
1688
+ className,
1689
+ css: { ["--overlay-opacity"]: opacity / 100 }
1690
+ }
1691
+ );
1545
1692
  }
1546
1693
  return null;
1547
1694
  }
@@ -1557,14 +1704,7 @@ var import_react28 = __toESM(require("react"));
1557
1704
  var Placeholder = (0, import_react28.forwardRef)(
1558
1705
  (props, ref) => {
1559
1706
  let { element, className, children, ...rest } = props;
1560
- return /* @__PURE__ */ import_react28.default.createElement("div", {
1561
- "data-wv-placeholder": true,
1562
- ref,
1563
- className,
1564
- ...rest
1565
- }, /* @__PURE__ */ import_react28.default.createElement("div", {
1566
- style: { fontWeight: 600, marginBottom: "10px" }
1567
- }, element), /* @__PURE__ */ import_react28.default.createElement("div", null, children));
1707
+ return /* @__PURE__ */ import_react28.default.createElement("div", { "data-wv-placeholder": true, ref, className, ...rest }, /* @__PURE__ */ import_react28.default.createElement("div", { style: { fontWeight: 600, marginBottom: "10px" } }, element), /* @__PURE__ */ import_react28.default.createElement("div", null, children));
1568
1708
  }
1569
1709
  );
1570
1710
  var placeholder_default = Placeholder;
@@ -1622,26 +1762,23 @@ var Slide = (0, import_react29.forwardRef)((props, ref) => {
1622
1762
  children,
1623
1763
  ...rest
1624
1764
  } = props;
1625
- return /* @__PURE__ */ import_react29.default.createElement("div", {
1626
- className: "keen-slider__slide"
1627
- }, /* @__PURE__ */ import_react29.default.createElement(Background2, {
1628
- backgroundColor,
1629
- backgroundImage,
1630
- backgroundFit,
1631
- backgroundPosition,
1632
- className: "slide-background"
1633
- }), /* @__PURE__ */ import_react29.default.createElement(Overlay2, {
1634
- enableOverlay,
1635
- overlayOpacity,
1636
- className: "slide-overlay"
1637
- }), /* @__PURE__ */ import_react29.default.createElement("div", {
1638
- ref,
1639
- style: slidePositionMap[contentPosition],
1640
- ...rest
1641
- }, children?.length ? children : /* @__PURE__ */ import_react29.default.createElement(placeholder_default, {
1642
- element: "Slide",
1643
- className: "wv-slide-placeholder"
1644
- }, "Drag and drop elements here")));
1765
+ return /* @__PURE__ */ import_react29.default.createElement("div", { className: "keen-slider__slide" }, /* @__PURE__ */ import_react29.default.createElement(
1766
+ Background2,
1767
+ {
1768
+ backgroundColor,
1769
+ backgroundImage,
1770
+ backgroundFit,
1771
+ backgroundPosition,
1772
+ className: "slide-background"
1773
+ }
1774
+ ), /* @__PURE__ */ import_react29.default.createElement(
1775
+ Overlay2,
1776
+ {
1777
+ enableOverlay,
1778
+ overlayOpacity,
1779
+ className: "slide-overlay"
1780
+ }
1781
+ ), /* @__PURE__ */ import_react29.default.createElement("div", { ref, style: slidePositionMap[contentPosition], ...rest }, children?.length ? children : /* @__PURE__ */ import_react29.default.createElement(placeholder_default, { element: "Slide", className: "wv-slide-placeholder" }, "Drag and drop elements here")));
1645
1782
  });
1646
1783
  var css10 = {
1647
1784
  "@desktop": {
@@ -1690,6 +1827,12 @@ var Elements = {
1690
1827
  type: "image",
1691
1828
  defaultCss: css4
1692
1829
  },
1830
+ // Instagram: {
1831
+ // Component: Instagram.default,
1832
+ // type: 'instagram',
1833
+ // defaultCss: Instagram.css,
1834
+ // permanentCss: Instagram.permanentCss,
1835
+ // },
1693
1836
  Layout: {
1694
1837
  Component: layout_default,
1695
1838
  type: "layout",
@@ -1710,6 +1853,31 @@ var Elements = {
1710
1853
  type: "video",
1711
1854
  defaultCss: css8
1712
1855
  },
1856
+ // Accordion: {
1857
+ // Component: Accordion.default,
1858
+ // type: 'accordion',
1859
+ // defaultCss: Accordion.css,
1860
+ // },
1861
+ // AccordionWrapper: {
1862
+ // Component: AccordionWrapper.default,
1863
+ // type: 'accordion.wrapper',
1864
+ // defaultCss: AccordionWrapper.css,
1865
+ // },
1866
+ // AccordionContent: {
1867
+ // Component: AccordionContent.default,
1868
+ // type: 'accordion.content',
1869
+ // defaultCss: AccordionContent.css,
1870
+ // },
1871
+ // Tab: {
1872
+ // Component: Tab.default,
1873
+ // type: 'tab',
1874
+ // defaultCss: Tab.css,
1875
+ // },
1876
+ // TabContent: {
1877
+ // Component: TabContent.default,
1878
+ // type: 'tab.content',
1879
+ // defaultCss: TabContent.css,
1880
+ // },
1713
1881
  Slideshow: {
1714
1882
  Component: slideshow_default,
1715
1883
  type: "slideshow",
@@ -1859,36 +2027,39 @@ function useOpenChangeEffect(props) {
1859
2027
  var Modal = (props) => {
1860
2028
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1861
2029
  let handleOpenChange = useOpenChangeEffect(props);
1862
- return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Root, {
1863
- open,
1864
- defaultOpen,
1865
- onOpenChange: handleOpenChange,
1866
- ...rest
1867
- }, children);
2030
+ return /* @__PURE__ */ import_react33.default.createElement(
2031
+ import_react_dialog2.Root,
2032
+ {
2033
+ open,
2034
+ defaultOpen,
2035
+ onOpenChange: handleOpenChange,
2036
+ ...rest
2037
+ },
2038
+ children
2039
+ );
1868
2040
  };
1869
2041
  var ModalTrigger = import_react_dialog2.Trigger;
1870
2042
  var ModalHeader = (0, import_react33.forwardRef)(
1871
2043
  (props, ref) => {
1872
2044
  let { children, ...rest } = props;
1873
- return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, {
1874
- ref,
1875
- ...rest,
1876
- "data-wv-modal-header": true
1877
- }, children);
2045
+ return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1878
2046
  }
1879
2047
  );
1880
2048
  var ModalContent = (0, import_react33.forwardRef)(
1881
2049
  (props, ref) => {
1882
2050
  let { children, size, portal, ...rest } = props;
1883
- let modalContent = /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(StyledOverlay2, null), /* @__PURE__ */ import_react33.default.createElement(StyledContent, {
1884
- ...rest,
1885
- onCloseAutoFocus: (e) => e.preventDefault(),
1886
- "data-wv-modal": true,
1887
- "data-size": size,
1888
- ref
1889
- }, /* @__PURE__ */ import_react33.default.createElement(ModalClose, null), /* @__PURE__ */ import_react33.default.createElement("div", {
1890
- className: "wv-modal-content"
1891
- }, children)));
2051
+ let modalContent = /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(StyledOverlay2, null), /* @__PURE__ */ import_react33.default.createElement(
2052
+ StyledContent,
2053
+ {
2054
+ ...rest,
2055
+ onCloseAutoFocus: (e) => e.preventDefault(),
2056
+ "data-wv-modal": true,
2057
+ "data-size": size,
2058
+ ref
2059
+ },
2060
+ /* @__PURE__ */ import_react33.default.createElement(ModalClose, null),
2061
+ /* @__PURE__ */ import_react33.default.createElement("div", { className: "wv-modal-content" }, children)
2062
+ ));
1892
2063
  if (portal) {
1893
2064
  return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Portal, null, modalContent);
1894
2065
  }
@@ -1902,34 +2073,21 @@ ModalContent.defaultProps = {
1902
2073
  var ModalClose = (0, import_react33.forwardRef)(
1903
2074
  (props, ref) => {
1904
2075
  let { asChild, children, ...rest } = props;
1905
- let closeIcon = /* @__PURE__ */ import_react33.default.createElement(StyledCloseIcon, null, /* @__PURE__ */ import_react33.default.createElement(Icon, {
1906
- name: "X"
1907
- }));
1908
- return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Close, {
1909
- asChild: true,
1910
- ...rest,
1911
- ref
1912
- }, asChild ? children : closeIcon);
2076
+ let closeIcon = /* @__PURE__ */ import_react33.default.createElement(StyledCloseIcon, null, /* @__PURE__ */ import_react33.default.createElement(Icon, { name: "X" }));
2077
+ return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Close, { asChild: true, ...rest, ref }, asChild ? children : closeIcon);
1913
2078
  }
1914
2079
  );
1915
2080
 
1916
2081
  // src/components/spinner.tsx
1917
2082
  var import_react34 = __toESM(require("react"));
1918
2083
  function Spinner() {
1919
- return /* @__PURE__ */ import_react34.default.createElement("span", {
1920
- className: "wv-spinner-wrapper"
1921
- }, /* @__PURE__ */ import_react34.default.createElement(Icon, {
1922
- name: "CircleNotch",
1923
- className: "wv-spinner"
1924
- }));
2084
+ return /* @__PURE__ */ import_react34.default.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ import_react34.default.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1925
2085
  }
1926
2086
 
1927
2087
  // src/components/tooltip.tsx
1928
2088
  var import_react35 = __toESM(require("react"));
1929
2089
  function Tooltip({ children }) {
1930
- return /* @__PURE__ */ import_react35.default.createElement("span", {
1931
- className: "wv-tooltip"
1932
- }, children);
2090
+ return /* @__PURE__ */ import_react35.default.createElement("span", { className: "wv-tooltip" }, children);
1933
2091
  }
1934
2092
 
1935
2093
  // src/components/slider/index.tsx
@@ -1965,18 +2123,21 @@ function Slider(props) {
1965
2123
  );
1966
2124
  let _className = (0, import_clsx6.default)("keen-slider", className);
1967
2125
  let arrowsClass = (0, import_clsx6.default)(className && `${className}-arrows`);
1968
- return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement("div", {
1969
- ref,
1970
- className: _className
1971
- }, /* @__PURE__ */ import_react37.default.createElement("link", {
1972
- rel: "stylesheet",
1973
- href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
1974
- }), children), created && instanceRef?.current && /* @__PURE__ */ import_react37.default.createElement(Arrows, {
1975
- currentSlide,
1976
- instanceRef,
1977
- className: arrowsClass,
1978
- offset: arrowOffset
1979
- }));
2126
+ return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement("div", { ref, className: _className }, /* @__PURE__ */ import_react37.default.createElement(
2127
+ "link",
2128
+ {
2129
+ rel: "stylesheet",
2130
+ href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
2131
+ }
2132
+ ), children), created && instanceRef?.current && /* @__PURE__ */ import_react37.default.createElement(
2133
+ Arrows,
2134
+ {
2135
+ currentSlide,
2136
+ instanceRef,
2137
+ className: arrowsClass,
2138
+ offset: arrowOffset
2139
+ }
2140
+ ));
1980
2141
  }
1981
2142
 
1982
2143
  // src/components/index.ts
@@ -2014,15 +2175,15 @@ var WeaverseRoot = ({ context }) => {
2014
2175
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
2015
2176
  let themeClass = context.stitchesInstance.theme.className;
2016
2177
  if (context.projectData?.rootId) {
2017
- return /* @__PURE__ */ import_react38.default.createElement("div", {
2018
- className: `weaverse-content-root ${themeClass}`,
2019
- ...eventHandlers,
2020
- ref: rootRef
2021
- }, /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, {
2022
- value: context
2023
- }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, {
2024
- id: context.projectData.rootId
2025
- })));
2178
+ return /* @__PURE__ */ import_react38.default.createElement(
2179
+ "div",
2180
+ {
2181
+ className: `weaverse-content-root ${themeClass}`,
2182
+ ...eventHandlers,
2183
+ ref: rootRef
2184
+ },
2185
+ /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { id: context.projectData.rootId }))
2186
+ );
2026
2187
  }
2027
2188
  return null;
2028
2189
  };
@@ -2046,16 +2207,20 @@ var ItemComponent = ({ instance }) => {
2046
2207
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2047
2208
  rest.ref = instance.ref;
2048
2209
  }
2049
- return /* @__PURE__ */ import_react38.default.createElement(Component, {
2050
- key: id,
2051
- "data-wv-type": type,
2052
- "data-wv-id": id,
2053
- className: generateItemClassName(instance, stitchesInstance),
2054
- ...rest
2055
- }, childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, {
2056
- key: id2,
2057
- id: id2
2058
- })));
2210
+ return (
2211
+ // @ts-ignore
2212
+ /* @__PURE__ */ import_react38.default.createElement(
2213
+ Component,
2214
+ {
2215
+ key: id,
2216
+ "data-wv-type": type,
2217
+ "data-wv-id": id,
2218
+ className: generateItemClassName(instance, stitchesInstance),
2219
+ ...rest
2220
+ },
2221
+ childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { key: id2, id: id2 }))
2222
+ )
2223
+ );
2059
2224
  } else {
2060
2225
  console.log(`Unknown element: ${type}`);
2061
2226
  return null;
@@ -2066,14 +2231,9 @@ var ItemInstance = ({ id }) => {
2066
2231
  let { itemInstances } = context;
2067
2232
  let instance = itemInstances.get(id);
2068
2233
  if (!instance) {
2069
- return /* @__PURE__ */ import_react38.default.createElement("div", {
2070
- style: { display: "none" }
2071
- }, "Item instance ", id, " not found");
2234
+ return /* @__PURE__ */ import_react38.default.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2072
2235
  }
2073
- return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, {
2074
- key: id,
2075
- instance
2076
- });
2236
+ return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, { key: id, instance });
2077
2237
  };
2078
2238
  // Annotate the CommonJS export names for ESM import in node:
2079
2239
  0 && (module.exports = {