@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.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 = {
@@ -530,9 +507,14 @@ var css7 = {
530
507
  padding: "10px",
531
508
  overflow: "hidden",
532
509
  ".wv-text-content": {
533
- wordBreak: "break-word",
534
- overflowWrap: "break-word",
535
- whiteSpace: "break-spaces"
510
+ width: "100%",
511
+ height: "100%",
512
+ "> p, > h1, > h2, > h3, > h4, > h5, > h6": {
513
+ all: "inherit",
514
+ margin: "0",
515
+ wordBreak: "break-word",
516
+ overflowWrap: "break-word"
517
+ }
536
518
  }
537
519
  }
538
520
  };
@@ -548,20 +530,20 @@ var import_react13 = __toESM(require("react"));
548
530
  var import_react10 = __toESM(require("react"));
549
531
  function HTMLVideo(props) {
550
532
  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.");
533
+ return /* @__PURE__ */ import_react10.default.createElement(
534
+ "video",
535
+ {
536
+ controls,
537
+ autoPlay,
538
+ loop,
539
+ muted,
540
+ controlsList: "nodownload",
541
+ disablePictureInPicture: true
542
+ },
543
+ /* @__PURE__ */ import_react10.default.createElement("source", { src, type: type || "video/mp4" }),
544
+ /* @__PURE__ */ import_react10.default.createElement("source", { src, type: "video/ogg" }),
545
+ "Your browser does not support the video tag."
546
+ );
565
547
  }
566
548
 
567
549
  // src/elements/video/vimeo.tsx
@@ -570,12 +552,7 @@ function Vimeo(props) {
570
552
  let { vimeoId, controls, autoPlay, loop, muted } = props;
571
553
  let params = `autoplay=${autoPlay}&loop=${loop}&controls=${controls}&muted=${muted}`;
572
554
  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
- });
555
+ return /* @__PURE__ */ import_react11.default.createElement("iframe", { src: vimeoSrc, width: "100%", height: "100%", allowFullScreen: true });
579
556
  }
580
557
 
581
558
  // src/elements/video/youtube.tsx
@@ -590,12 +567,7 @@ function Youtube(props) {
590
567
  });
591
568
  let youtubeSrc = `https://www.youtube.com/embed/${youtubeId}?playlist=${youtubeId}&${params.toString()}`;
592
569
  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
- });
570
+ return /* @__PURE__ */ import_react12.default.createElement("iframe", { src: youtubeSrc, width: "100%", height: "100%", allow });
599
571
  }
600
572
 
601
573
  // src/elements/video/index.tsx
@@ -616,24 +588,13 @@ var Video = (0, import_react13.forwardRef)((props, ref) => {
616
588
  let youtubeId = getYoutubeEmbedId(src);
617
589
  let vimeoId = getVimeoId(src);
618
590
  if (youtubeId) {
619
- content = /* @__PURE__ */ import_react13.default.createElement(Youtube, {
620
- ...videoProps,
621
- youtubeId
622
- });
591
+ content = /* @__PURE__ */ import_react13.default.createElement(Youtube, { ...videoProps, youtubeId });
623
592
  } else if (vimeoId) {
624
- content = /* @__PURE__ */ import_react13.default.createElement(Vimeo, {
625
- ...videoProps,
626
- vimeoId
627
- });
593
+ content = /* @__PURE__ */ import_react13.default.createElement(Vimeo, { ...videoProps, vimeoId });
628
594
  } else {
629
- content = /* @__PURE__ */ import_react13.default.createElement(HTMLVideo, {
630
- ...videoProps
631
- });
595
+ content = /* @__PURE__ */ import_react13.default.createElement(HTMLVideo, { ...videoProps });
632
596
  }
633
- return /* @__PURE__ */ import_react13.default.createElement("div", {
634
- ref,
635
- ...rest
636
- }, content);
597
+ return /* @__PURE__ */ import_react13.default.createElement("div", { ref, ...rest }, content);
637
598
  });
638
599
  var css8 = {
639
600
  "@desktop": {
@@ -694,439 +655,580 @@ __export(phosphor_exports, {
694
655
  });
695
656
  var import_react14 = __toESM(require("react"));
696
657
  var CircleNotch = (props) => {
697
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
698
- xmlns: "http://www.w3.org/2000/svg",
699
- fill: "none",
700
- viewBox: "0 0 24 24",
701
- ...props
702
- }, /* @__PURE__ */ import_react14.default.createElement("circle", {
703
- style: { opacity: ".25" },
704
- cx: "12",
705
- cy: "12",
706
- r: "10",
707
- stroke: "currentColor",
708
- strokeWidth: "4"
709
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
710
- style: { opacity: ".75" },
711
- fill: "currentColor",
712
- 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"
713
- }));
658
+ return /* @__PURE__ */ import_react14.default.createElement(
659
+ "svg",
660
+ {
661
+ xmlns: "http://www.w3.org/2000/svg",
662
+ fill: "none",
663
+ viewBox: "0 0 24 24",
664
+ ...props
665
+ },
666
+ /* @__PURE__ */ import_react14.default.createElement(
667
+ "circle",
668
+ {
669
+ style: { opacity: ".25" },
670
+ cx: "12",
671
+ cy: "12",
672
+ r: "10",
673
+ stroke: "currentColor",
674
+ strokeWidth: "4"
675
+ }
676
+ ),
677
+ /* @__PURE__ */ import_react14.default.createElement(
678
+ "path",
679
+ {
680
+ style: { opacity: ".75" },
681
+ fill: "currentColor",
682
+ 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"
683
+ }
684
+ )
685
+ );
714
686
  };
715
687
  var X = (props) => {
716
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
717
- xmlns: "http://www.w3.org/2000/svg",
718
- width: "20",
719
- height: "20",
720
- fill: "currentColor",
721
- viewBox: "0 0 256 256",
722
- ...props
723
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
724
- width: "256",
725
- height: "256",
726
- fill: "none"
727
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
728
- x1: "200",
729
- y1: "56",
730
- x2: "56",
731
- y2: "200",
732
- fill: "none",
733
- stroke: "currentColor",
734
- strokeLinecap: "round",
735
- strokeLinejoin: "round",
736
- strokeWidth: "12"
737
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
738
- x1: "200",
739
- y1: "200",
740
- x2: "56",
741
- y2: "56",
742
- fill: "none",
743
- stroke: "currentColor",
744
- strokeLinecap: "round",
745
- strokeLinejoin: "round",
746
- strokeWidth: "12"
747
- }));
688
+ return /* @__PURE__ */ import_react14.default.createElement(
689
+ "svg",
690
+ {
691
+ xmlns: "http://www.w3.org/2000/svg",
692
+ width: "20",
693
+ height: "20",
694
+ fill: "currentColor",
695
+ viewBox: "0 0 256 256",
696
+ ...props
697
+ },
698
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
699
+ /* @__PURE__ */ import_react14.default.createElement(
700
+ "line",
701
+ {
702
+ x1: "200",
703
+ y1: "56",
704
+ x2: "56",
705
+ y2: "200",
706
+ fill: "none",
707
+ stroke: "currentColor",
708
+ strokeLinecap: "round",
709
+ strokeLinejoin: "round",
710
+ strokeWidth: "12"
711
+ }
712
+ ),
713
+ /* @__PURE__ */ import_react14.default.createElement(
714
+ "line",
715
+ {
716
+ x1: "200",
717
+ y1: "200",
718
+ x2: "56",
719
+ y2: "56",
720
+ fill: "none",
721
+ stroke: "currentColor",
722
+ strokeLinecap: "round",
723
+ strokeLinejoin: "round",
724
+ strokeWidth: "12"
725
+ }
726
+ )
727
+ );
748
728
  };
749
729
  var Minus = (props) => {
750
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
751
- width: "196",
752
- height: "196",
753
- fill: "currentColor",
754
- stroke: "currentColor",
755
- xmlns: "http://www.w3.org/2000/svg",
756
- viewBox: "0 0 384 512",
757
- ...props
758
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
759
- 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"
760
- }));
730
+ return /* @__PURE__ */ import_react14.default.createElement(
731
+ "svg",
732
+ {
733
+ width: "196",
734
+ height: "196",
735
+ fill: "currentColor",
736
+ stroke: "currentColor",
737
+ xmlns: "http://www.w3.org/2000/svg",
738
+ viewBox: "0 0 384 512",
739
+ ...props
740
+ },
741
+ /* @__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" })
742
+ );
761
743
  };
762
744
  var Plus = (props) => {
763
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
764
- width: "196",
765
- height: "196",
766
- fill: "currentColor",
767
- stroke: "currentColor",
768
- xmlns: "http://www.w3.org/2000/svg",
769
- viewBox: "0 0 384 512",
770
- ...props
771
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
772
- 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"
773
- }));
745
+ return /* @__PURE__ */ import_react14.default.createElement(
746
+ "svg",
747
+ {
748
+ width: "196",
749
+ height: "196",
750
+ fill: "currentColor",
751
+ stroke: "currentColor",
752
+ xmlns: "http://www.w3.org/2000/svg",
753
+ viewBox: "0 0 384 512",
754
+ ...props
755
+ },
756
+ /* @__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" })
757
+ );
774
758
  };
775
759
  var ArrowLeft = (props) => {
776
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
777
- xmlns: "http://www.w3.org/2000/svg",
778
- width: "192",
779
- height: "192",
780
- fill: "currentColor",
781
- viewBox: "0 0 256 256",
782
- ...props
783
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
784
- width: "256",
785
- height: "256",
786
- fill: "none"
787
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
788
- x1: "216",
789
- y1: "128",
790
- x2: "40",
791
- y2: "128",
792
- fill: "none",
793
- stroke: "currentColor",
794
- strokeLinecap: "round",
795
- strokeLinejoin: "round",
796
- strokeWidth: "16"
797
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
798
- points: "112 56 40 128 112 200",
799
- fill: "none",
800
- stroke: "currentColor",
801
- strokeLinecap: "round",
802
- strokeLinejoin: "round",
803
- strokeWidth: "16"
804
- }));
760
+ return /* @__PURE__ */ import_react14.default.createElement(
761
+ "svg",
762
+ {
763
+ xmlns: "http://www.w3.org/2000/svg",
764
+ width: "192",
765
+ height: "192",
766
+ fill: "currentColor",
767
+ viewBox: "0 0 256 256",
768
+ ...props
769
+ },
770
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
771
+ /* @__PURE__ */ import_react14.default.createElement(
772
+ "line",
773
+ {
774
+ x1: "216",
775
+ y1: "128",
776
+ x2: "40",
777
+ y2: "128",
778
+ fill: "none",
779
+ stroke: "currentColor",
780
+ strokeLinecap: "round",
781
+ strokeLinejoin: "round",
782
+ strokeWidth: "16"
783
+ }
784
+ ),
785
+ /* @__PURE__ */ import_react14.default.createElement(
786
+ "polyline",
787
+ {
788
+ points: "112 56 40 128 112 200",
789
+ fill: "none",
790
+ stroke: "currentColor",
791
+ strokeLinecap: "round",
792
+ strokeLinejoin: "round",
793
+ strokeWidth: "16"
794
+ }
795
+ )
796
+ );
805
797
  };
806
798
  var ArrowRight = (props) => {
807
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
808
- xmlns: "http://www.w3.org/2000/svg",
809
- width: "192",
810
- height: "192",
811
- fill: "currentColor",
812
- viewBox: "0 0 256 256",
813
- ...props
814
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
815
- width: "256",
816
- height: "256",
817
- fill: "none"
818
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
819
- x1: "40",
820
- y1: "128",
821
- x2: "216",
822
- y2: "128",
823
- fill: "none",
824
- stroke: "currentColor",
825
- strokeLinecap: "round",
826
- strokeLinejoin: "round",
827
- strokeWidth: "16"
828
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
829
- points: "144 56 216 128 144 200",
830
- fill: "none",
831
- stroke: "currentColor",
832
- strokeLinecap: "round",
833
- strokeLinejoin: "round",
834
- strokeWidth: "16"
835
- }));
799
+ return /* @__PURE__ */ import_react14.default.createElement(
800
+ "svg",
801
+ {
802
+ xmlns: "http://www.w3.org/2000/svg",
803
+ width: "192",
804
+ height: "192",
805
+ fill: "currentColor",
806
+ viewBox: "0 0 256 256",
807
+ ...props
808
+ },
809
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
810
+ /* @__PURE__ */ import_react14.default.createElement(
811
+ "line",
812
+ {
813
+ x1: "40",
814
+ y1: "128",
815
+ x2: "216",
816
+ y2: "128",
817
+ fill: "none",
818
+ stroke: "currentColor",
819
+ strokeLinecap: "round",
820
+ strokeLinejoin: "round",
821
+ strokeWidth: "16"
822
+ }
823
+ ),
824
+ /* @__PURE__ */ import_react14.default.createElement(
825
+ "polyline",
826
+ {
827
+ points: "144 56 216 128 144 200",
828
+ fill: "none",
829
+ stroke: "currentColor",
830
+ strokeLinecap: "round",
831
+ strokeLinejoin: "round",
832
+ strokeWidth: "16"
833
+ }
834
+ )
835
+ );
836
836
  };
837
837
  var Image2 = (props) => {
838
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
839
- xmlns: "http://www.w3.org/2000/svg",
840
- "aria-hidden": "true",
841
- fill: "currentColor",
842
- viewBox: "0 0 640 512",
843
- ...props
844
- }, /* @__PURE__ */ import_react14.default.createElement("path", {
845
- 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"
846
- }));
838
+ return /* @__PURE__ */ import_react14.default.createElement(
839
+ "svg",
840
+ {
841
+ xmlns: "http://www.w3.org/2000/svg",
842
+ "aria-hidden": "true",
843
+ fill: "currentColor",
844
+ viewBox: "0 0 640 512",
845
+ ...props
846
+ },
847
+ /* @__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" })
848
+ );
847
849
  };
848
850
  var ShoppingCart = (props) => {
849
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
850
- xmlns: "http://www.w3.org/2000/svg",
851
- width: "192",
852
- height: "192",
853
- fill: "currentColor",
854
- viewBox: "0 0 256 256",
855
- ...props
856
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
857
- width: "256",
858
- height: "256",
859
- fill: "none"
860
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
861
- d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
862
- fill: "none",
863
- stroke: "currentColor",
864
- strokeLinecap: "round",
865
- strokeLinejoin: "round",
866
- strokeWidth: "16"
867
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
868
- cx: "80",
869
- cy: "204",
870
- r: "20",
871
- fill: "none",
872
- stroke: "currentColor",
873
- strokeLinecap: "round",
874
- strokeLinejoin: "round",
875
- strokeWidth: "16"
876
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
877
- cx: "184",
878
- cy: "204",
879
- r: "20",
880
- fill: "none",
881
- stroke: "currentColor",
882
- strokeLinecap: "round",
883
- strokeLinejoin: "round",
884
- strokeWidth: "16"
885
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
886
- d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
887
- fill: "none",
888
- stroke: "currentColor",
889
- strokeLinecap: "round",
890
- strokeLinejoin: "round",
891
- strokeWidth: "16"
892
- }));
851
+ return /* @__PURE__ */ import_react14.default.createElement(
852
+ "svg",
853
+ {
854
+ xmlns: "http://www.w3.org/2000/svg",
855
+ width: "192",
856
+ height: "192",
857
+ fill: "currentColor",
858
+ viewBox: "0 0 256 256",
859
+ ...props
860
+ },
861
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
862
+ /* @__PURE__ */ import_react14.default.createElement(
863
+ "path",
864
+ {
865
+ d: "M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",
866
+ fill: "none",
867
+ stroke: "currentColor",
868
+ strokeLinecap: "round",
869
+ strokeLinejoin: "round",
870
+ strokeWidth: "16"
871
+ }
872
+ ),
873
+ /* @__PURE__ */ import_react14.default.createElement(
874
+ "circle",
875
+ {
876
+ cx: "80",
877
+ cy: "204",
878
+ r: "20",
879
+ fill: "none",
880
+ stroke: "currentColor",
881
+ strokeLinecap: "round",
882
+ strokeLinejoin: "round",
883
+ strokeWidth: "16"
884
+ }
885
+ ),
886
+ /* @__PURE__ */ import_react14.default.createElement(
887
+ "circle",
888
+ {
889
+ cx: "184",
890
+ cy: "204",
891
+ r: "20",
892
+ fill: "none",
893
+ stroke: "currentColor",
894
+ strokeLinecap: "round",
895
+ strokeLinejoin: "round",
896
+ strokeWidth: "16"
897
+ }
898
+ ),
899
+ /* @__PURE__ */ import_react14.default.createElement(
900
+ "path",
901
+ {
902
+ d: "M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",
903
+ fill: "none",
904
+ stroke: "currentColor",
905
+ strokeLinecap: "round",
906
+ strokeLinejoin: "round",
907
+ strokeWidth: "16"
908
+ }
909
+ )
910
+ );
893
911
  };
894
912
  var Storefront = (props) => {
895
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
896
- xmlns: "http://www.w3.org/2000/svg",
897
- width: "192",
898
- height: "192",
899
- fill: "currentColor",
900
- viewBox: "0 0 256 256",
901
- ...props
902
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
903
- width: "256",
904
- height: "256",
905
- fill: "none"
906
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
907
- d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
908
- fill: "none",
909
- stroke: "currentColor",
910
- strokeLinecap: "round",
911
- strokeLinejoin: "round",
912
- strokeWidth: "12"
913
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
914
- 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",
915
- fill: "none",
916
- stroke: "currentColor",
917
- strokeLinecap: "round",
918
- strokeLinejoin: "round",
919
- strokeWidth: "12"
920
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
921
- d: "M96,96v16a32,32,0,0,1-64,0V96",
922
- fill: "none",
923
- stroke: "currentColor",
924
- strokeLinecap: "round",
925
- strokeLinejoin: "round",
926
- strokeWidth: "12"
927
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
928
- d: "M160,96v16a32,32,0,0,1-64,0V96",
929
- fill: "none",
930
- stroke: "currentColor",
931
- strokeLinecap: "round",
932
- strokeLinejoin: "round",
933
- strokeWidth: "12"
934
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
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
- }));
913
+ return /* @__PURE__ */ import_react14.default.createElement(
914
+ "svg",
915
+ {
916
+ xmlns: "http://www.w3.org/2000/svg",
917
+ width: "192",
918
+ height: "192",
919
+ fill: "currentColor",
920
+ viewBox: "0 0 256 256",
921
+ ...props
922
+ },
923
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
924
+ /* @__PURE__ */ import_react14.default.createElement(
925
+ "path",
926
+ {
927
+ d: "M48,139.6V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.6",
928
+ fill: "none",
929
+ stroke: "currentColor",
930
+ strokeLinecap: "round",
931
+ strokeLinejoin: "round",
932
+ strokeWidth: "12"
933
+ }
934
+ ),
935
+ /* @__PURE__ */ import_react14.default.createElement(
936
+ "path",
937
+ {
938
+ 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",
939
+ fill: "none",
940
+ stroke: "currentColor",
941
+ strokeLinecap: "round",
942
+ strokeLinejoin: "round",
943
+ strokeWidth: "12"
944
+ }
945
+ ),
946
+ /* @__PURE__ */ import_react14.default.createElement(
947
+ "path",
948
+ {
949
+ d: "M96,96v16a32,32,0,0,1-64,0V96",
950
+ fill: "none",
951
+ stroke: "currentColor",
952
+ strokeLinecap: "round",
953
+ strokeLinejoin: "round",
954
+ strokeWidth: "12"
955
+ }
956
+ ),
957
+ /* @__PURE__ */ import_react14.default.createElement(
958
+ "path",
959
+ {
960
+ d: "M160,96v16a32,32,0,0,1-64,0V96",
961
+ fill: "none",
962
+ stroke: "currentColor",
963
+ strokeLinecap: "round",
964
+ strokeLinejoin: "round",
965
+ strokeWidth: "12"
966
+ }
967
+ ),
968
+ /* @__PURE__ */ import_react14.default.createElement(
969
+ "path",
970
+ {
971
+ d: "M224,96v16a32,32,0,0,1-64,0V96",
972
+ fill: "none",
973
+ stroke: "currentColor",
974
+ strokeLinecap: "round",
975
+ strokeLinejoin: "round",
976
+ strokeWidth: "12"
977
+ }
978
+ )
979
+ );
942
980
  };
943
981
  var Package = (props) => {
944
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
945
- xmlns: "http://www.w3.org/2000/svg",
946
- width: "192",
947
- height: "192",
948
- fill: "currentColor",
949
- viewBox: "0 0 256 256",
950
- ...props
951
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
952
- width: "256",
953
- height: "256",
954
- fill: "none"
955
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
956
- 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",
957
- fill: "none",
958
- stroke: "currentColor",
959
- strokeLinecap: "round",
960
- strokeLinejoin: "round",
961
- strokeWidth: "8"
962
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
963
- points: "177 152.5 177 100.5 80 47",
964
- fill: "none",
965
- stroke: "currentColor",
966
- strokeLinecap: "round",
967
- strokeLinejoin: "round",
968
- strokeWidth: "8"
969
- }), /* @__PURE__ */ import_react14.default.createElement("polyline", {
970
- points: "222.9 74.6 128.9 128 33.1 74.6",
971
- fill: "none",
972
- stroke: "currentColor",
973
- strokeLinecap: "round",
974
- strokeLinejoin: "round",
975
- strokeWidth: "8"
976
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
977
- x1: "128.9",
978
- y1: "128",
979
- x2: "128",
980
- y2: "234.8",
981
- fill: "none",
982
- stroke: "currentColor",
983
- strokeLinecap: "round",
984
- strokeLinejoin: "round",
985
- strokeWidth: "8"
986
- }));
982
+ return /* @__PURE__ */ import_react14.default.createElement(
983
+ "svg",
984
+ {
985
+ xmlns: "http://www.w3.org/2000/svg",
986
+ width: "192",
987
+ height: "192",
988
+ fill: "currentColor",
989
+ viewBox: "0 0 256 256",
990
+ ...props
991
+ },
992
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
993
+ /* @__PURE__ */ import_react14.default.createElement(
994
+ "path",
995
+ {
996
+ 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",
997
+ fill: "none",
998
+ stroke: "currentColor",
999
+ strokeLinecap: "round",
1000
+ strokeLinejoin: "round",
1001
+ strokeWidth: "8"
1002
+ }
1003
+ ),
1004
+ /* @__PURE__ */ import_react14.default.createElement(
1005
+ "polyline",
1006
+ {
1007
+ points: "177 152.5 177 100.5 80 47",
1008
+ fill: "none",
1009
+ stroke: "currentColor",
1010
+ strokeLinecap: "round",
1011
+ strokeLinejoin: "round",
1012
+ strokeWidth: "8"
1013
+ }
1014
+ ),
1015
+ /* @__PURE__ */ import_react14.default.createElement(
1016
+ "polyline",
1017
+ {
1018
+ points: "222.9 74.6 128.9 128 33.1 74.6",
1019
+ fill: "none",
1020
+ stroke: "currentColor",
1021
+ strokeLinecap: "round",
1022
+ strokeLinejoin: "round",
1023
+ strokeWidth: "8"
1024
+ }
1025
+ ),
1026
+ /* @__PURE__ */ import_react14.default.createElement(
1027
+ "line",
1028
+ {
1029
+ x1: "128.9",
1030
+ y1: "128",
1031
+ x2: "128",
1032
+ y2: "234.8",
1033
+ fill: "none",
1034
+ stroke: "currentColor",
1035
+ strokeLinecap: "round",
1036
+ strokeLinejoin: "round",
1037
+ strokeWidth: "8"
1038
+ }
1039
+ )
1040
+ );
987
1041
  };
988
1042
  var Backpack = (props) => {
989
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
990
- xmlns: "http://www.w3.org/2000/svg",
991
- width: "192",
992
- height: "192",
993
- fill: "currentColor",
994
- viewBox: "0 0 256 256",
995
- ...props
996
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
997
- width: "256",
998
- height: "256",
999
- fill: "none"
1000
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1001
- 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",
1002
- fill: "none",
1003
- stroke: "currentColor",
1004
- strokeLinecap: "round",
1005
- strokeLinejoin: "round",
1006
- strokeWidth: "12"
1007
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1008
- d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1009
- fill: "none",
1010
- stroke: "currentColor",
1011
- strokeLinecap: "round",
1012
- strokeLinejoin: "round",
1013
- strokeWidth: "12"
1014
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1015
- d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1016
- fill: "none",
1017
- stroke: "currentColor",
1018
- strokeLinecap: "round",
1019
- strokeLinejoin: "round",
1020
- strokeWidth: "12"
1021
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1022
- x1: "112",
1023
- y1: "88",
1024
- x2: "144",
1025
- y2: "88",
1026
- fill: "none",
1027
- stroke: "currentColor",
1028
- strokeLinecap: "round",
1029
- strokeLinejoin: "round",
1030
- strokeWidth: "12"
1031
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1032
- x1: "80",
1033
- y1: "168",
1034
- x2: "176",
1035
- y2: "168",
1036
- fill: "none",
1037
- stroke: "currentColor",
1038
- strokeLinecap: "round",
1039
- strokeLinejoin: "round",
1040
- strokeWidth: "12"
1041
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1042
- x1: "144",
1043
- y1: "168",
1044
- x2: "144",
1045
- y2: "184",
1046
- fill: "none",
1047
- stroke: "currentColor",
1048
- strokeLinecap: "round",
1049
- strokeLinejoin: "round",
1050
- strokeWidth: "12"
1051
- }));
1043
+ return /* @__PURE__ */ import_react14.default.createElement(
1044
+ "svg",
1045
+ {
1046
+ xmlns: "http://www.w3.org/2000/svg",
1047
+ width: "192",
1048
+ height: "192",
1049
+ fill: "currentColor",
1050
+ viewBox: "0 0 256 256",
1051
+ ...props
1052
+ },
1053
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1054
+ /* @__PURE__ */ import_react14.default.createElement(
1055
+ "path",
1056
+ {
1057
+ 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",
1058
+ fill: "none",
1059
+ stroke: "currentColor",
1060
+ strokeLinecap: "round",
1061
+ strokeLinejoin: "round",
1062
+ strokeWidth: "12"
1063
+ }
1064
+ ),
1065
+ /* @__PURE__ */ import_react14.default.createElement(
1066
+ "path",
1067
+ {
1068
+ d: "M80,224V152a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v72",
1069
+ fill: "none",
1070
+ stroke: "currentColor",
1071
+ strokeLinecap: "round",
1072
+ strokeLinejoin: "round",
1073
+ strokeWidth: "12"
1074
+ }
1075
+ ),
1076
+ /* @__PURE__ */ import_react14.default.createElement(
1077
+ "path",
1078
+ {
1079
+ d: "M96,48V32a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V48",
1080
+ fill: "none",
1081
+ stroke: "currentColor",
1082
+ strokeLinecap: "round",
1083
+ strokeLinejoin: "round",
1084
+ strokeWidth: "12"
1085
+ }
1086
+ ),
1087
+ /* @__PURE__ */ import_react14.default.createElement(
1088
+ "line",
1089
+ {
1090
+ x1: "112",
1091
+ y1: "88",
1092
+ x2: "144",
1093
+ y2: "88",
1094
+ fill: "none",
1095
+ stroke: "currentColor",
1096
+ strokeLinecap: "round",
1097
+ strokeLinejoin: "round",
1098
+ strokeWidth: "12"
1099
+ }
1100
+ ),
1101
+ /* @__PURE__ */ import_react14.default.createElement(
1102
+ "line",
1103
+ {
1104
+ x1: "80",
1105
+ y1: "168",
1106
+ x2: "176",
1107
+ y2: "168",
1108
+ fill: "none",
1109
+ stroke: "currentColor",
1110
+ strokeLinecap: "round",
1111
+ strokeLinejoin: "round",
1112
+ strokeWidth: "12"
1113
+ }
1114
+ ),
1115
+ /* @__PURE__ */ import_react14.default.createElement(
1116
+ "line",
1117
+ {
1118
+ x1: "144",
1119
+ y1: "168",
1120
+ x2: "144",
1121
+ y2: "184",
1122
+ fill: "none",
1123
+ stroke: "currentColor",
1124
+ strokeLinecap: "round",
1125
+ strokeLinejoin: "round",
1126
+ strokeWidth: "12"
1127
+ }
1128
+ )
1129
+ );
1052
1130
  };
1053
1131
  var Newspaper = (props) => {
1054
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
1055
- xmlns: "http://www.w3.org/2000/svg",
1056
- width: "192",
1057
- height: "192",
1058
- fill: "currentColor",
1059
- viewBox: "0 0 256 256",
1060
- ...props
1061
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
1062
- width: "256",
1063
- height: "256",
1064
- fill: "none"
1065
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1066
- x1: "96",
1067
- y1: "112",
1068
- x2: "176",
1069
- y2: "112",
1070
- fill: "none",
1071
- stroke: "currentColor",
1072
- strokeLinecap: "round",
1073
- strokeLinejoin: "round",
1074
- strokeWidth: "8"
1075
- }), /* @__PURE__ */ import_react14.default.createElement("line", {
1076
- x1: "96",
1077
- y1: "144",
1078
- x2: "176",
1079
- y2: "144",
1080
- fill: "none",
1081
- stroke: "currentColor",
1082
- strokeLinecap: "round",
1083
- strokeLinejoin: "round",
1084
- strokeWidth: "8"
1085
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1086
- 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",
1087
- fill: "none",
1088
- stroke: "currentColor",
1089
- strokeLinecap: "round",
1090
- strokeLinejoin: "round",
1091
- strokeWidth: "8"
1092
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1093
- d: "M32,200a16,16,0,0,1-16-16h0V88",
1094
- fill: "none",
1095
- stroke: "currentColor",
1096
- strokeLinecap: "round",
1097
- strokeLinejoin: "round",
1098
- strokeWidth: "8"
1099
- }));
1132
+ return /* @__PURE__ */ import_react14.default.createElement(
1133
+ "svg",
1134
+ {
1135
+ xmlns: "http://www.w3.org/2000/svg",
1136
+ width: "192",
1137
+ height: "192",
1138
+ fill: "currentColor",
1139
+ viewBox: "0 0 256 256",
1140
+ ...props
1141
+ },
1142
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1143
+ /* @__PURE__ */ import_react14.default.createElement(
1144
+ "line",
1145
+ {
1146
+ x1: "96",
1147
+ y1: "112",
1148
+ x2: "176",
1149
+ y2: "112",
1150
+ fill: "none",
1151
+ stroke: "currentColor",
1152
+ strokeLinecap: "round",
1153
+ strokeLinejoin: "round",
1154
+ strokeWidth: "8"
1155
+ }
1156
+ ),
1157
+ /* @__PURE__ */ import_react14.default.createElement(
1158
+ "line",
1159
+ {
1160
+ x1: "96",
1161
+ y1: "144",
1162
+ x2: "176",
1163
+ y2: "144",
1164
+ fill: "none",
1165
+ stroke: "currentColor",
1166
+ strokeLinecap: "round",
1167
+ strokeLinejoin: "round",
1168
+ strokeWidth: "8"
1169
+ }
1170
+ ),
1171
+ /* @__PURE__ */ import_react14.default.createElement(
1172
+ "path",
1173
+ {
1174
+ 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",
1175
+ fill: "none",
1176
+ stroke: "currentColor",
1177
+ strokeLinecap: "round",
1178
+ strokeLinejoin: "round",
1179
+ strokeWidth: "8"
1180
+ }
1181
+ ),
1182
+ /* @__PURE__ */ import_react14.default.createElement(
1183
+ "path",
1184
+ {
1185
+ d: "M32,200a16,16,0,0,1-16-16h0V88",
1186
+ fill: "none",
1187
+ stroke: "currentColor",
1188
+ strokeLinecap: "round",
1189
+ strokeLinejoin: "round",
1190
+ strokeWidth: "8"
1191
+ }
1192
+ )
1193
+ );
1100
1194
  };
1101
1195
  var Eye = (props) => {
1102
- return /* @__PURE__ */ import_react14.default.createElement("svg", {
1103
- xmlns: "http://www.w3.org/2000/svg",
1104
- width: "192",
1105
- height: "192",
1106
- fill: "currentColor",
1107
- viewBox: "0 0 256 256",
1108
- ...props
1109
- }, /* @__PURE__ */ import_react14.default.createElement("rect", {
1110
- width: "256",
1111
- height: "256",
1112
- fill: "none"
1113
- }), /* @__PURE__ */ import_react14.default.createElement("path", {
1114
- d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1115
- fill: "none",
1116
- stroke: "currentColor",
1117
- strokeLinecap: "round",
1118
- strokeLinejoin: "round",
1119
- strokeWidth: "12"
1120
- }), /* @__PURE__ */ import_react14.default.createElement("circle", {
1121
- cx: "128",
1122
- cy: "128",
1123
- r: "40",
1124
- fill: "none",
1125
- stroke: "currentColor",
1126
- strokeLinecap: "round",
1127
- strokeLinejoin: "round",
1128
- strokeWidth: "12"
1129
- }));
1196
+ return /* @__PURE__ */ import_react14.default.createElement(
1197
+ "svg",
1198
+ {
1199
+ xmlns: "http://www.w3.org/2000/svg",
1200
+ width: "192",
1201
+ height: "192",
1202
+ fill: "currentColor",
1203
+ viewBox: "0 0 256 256",
1204
+ ...props
1205
+ },
1206
+ /* @__PURE__ */ import_react14.default.createElement("rect", { width: "256", height: "256", fill: "none" }),
1207
+ /* @__PURE__ */ import_react14.default.createElement(
1208
+ "path",
1209
+ {
1210
+ d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",
1211
+ fill: "none",
1212
+ stroke: "currentColor",
1213
+ strokeLinecap: "round",
1214
+ strokeLinejoin: "round",
1215
+ strokeWidth: "12"
1216
+ }
1217
+ ),
1218
+ /* @__PURE__ */ import_react14.default.createElement(
1219
+ "circle",
1220
+ {
1221
+ cx: "128",
1222
+ cy: "128",
1223
+ r: "40",
1224
+ fill: "none",
1225
+ stroke: "currentColor",
1226
+ strokeLinecap: "round",
1227
+ strokeLinejoin: "round",
1228
+ strokeWidth: "12"
1229
+ }
1230
+ )
1231
+ );
1130
1232
  };
1131
1233
 
1132
1234
  // src/components/icons/index.tsx
@@ -1134,10 +1236,7 @@ var import_clsx = __toESM(require("clsx"));
1134
1236
  function Icon({ name, className, ...props }) {
1135
1237
  let WeaverseIcon = phosphor_exports[name];
1136
1238
  let cls = (0, import_clsx.default)("wv-icon", className);
1137
- return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, {
1138
- className: cls,
1139
- ...props
1140
- });
1239
+ return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, { className: cls, ...props });
1141
1240
  }
1142
1241
 
1143
1242
  // src/components/slider/arrows.tsx
@@ -1151,28 +1250,29 @@ function Arrows(props) {
1151
1250
  let style = {
1152
1251
  "--offset": `${offset}px`
1153
1252
  };
1154
- return /* @__PURE__ */ import_react17.default.createElement(StyledArrows, {
1155
- className,
1156
- style
1157
- }, /* @__PURE__ */ import_react17.default.createElement("button", {
1158
- type: "button",
1159
- className: (0, import_clsx2.default)("arrow arrow--left", isFirst && "arrow--disabled"),
1160
- onClick: (e) => {
1161
- e.stopPropagation();
1162
- instanceRef?.current?.prev();
1163
- }
1164
- }, /* @__PURE__ */ import_react17.default.createElement(Icon, {
1165
- name: "ArrowLeft"
1166
- })), /* @__PURE__ */ import_react17.default.createElement("button", {
1167
- type: "button",
1168
- className: (0, import_clsx2.default)("arrow arrow--right", isLast && "arrow--disabled"),
1169
- onClick: (e) => {
1170
- e.stopPropagation();
1171
- instanceRef?.current?.next();
1172
- }
1173
- }, /* @__PURE__ */ import_react17.default.createElement(Icon, {
1174
- name: "ArrowRight"
1175
- })));
1253
+ return /* @__PURE__ */ import_react17.default.createElement(StyledArrows, { className, style }, /* @__PURE__ */ import_react17.default.createElement(
1254
+ "button",
1255
+ {
1256
+ type: "button",
1257
+ className: (0, import_clsx2.default)("arrow arrow--left", isFirst && "arrow--disabled"),
1258
+ onClick: (e) => {
1259
+ e.stopPropagation();
1260
+ instanceRef?.current?.prev();
1261
+ }
1262
+ },
1263
+ /* @__PURE__ */ import_react17.default.createElement(Icon, { name: "ArrowLeft" })
1264
+ ), /* @__PURE__ */ import_react17.default.createElement(
1265
+ "button",
1266
+ {
1267
+ type: "button",
1268
+ className: (0, import_clsx2.default)("arrow arrow--right", isLast && "arrow--disabled"),
1269
+ onClick: (e) => {
1270
+ e.stopPropagation();
1271
+ instanceRef?.current?.next();
1272
+ }
1273
+ },
1274
+ /* @__PURE__ */ import_react17.default.createElement(Icon, { name: "ArrowRight" })
1275
+ ));
1176
1276
  }
1177
1277
  var StyledArrows = (0, import_react16.styled)("div", {
1178
1278
  ".arrow": {
@@ -1227,17 +1327,18 @@ function Dots(props) {
1227
1327
  position && `dots--${position}`,
1228
1328
  color && `dots--${color}`
1229
1329
  );
1230
- return /* @__PURE__ */ import_react19.default.createElement(StyledDots, {
1231
- className: _className
1232
- }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1330
+ return /* @__PURE__ */ import_react19.default.createElement(StyledDots, { className: _className }, [...Array(instanceRef.current?.track.details.slides.length).keys()].map(
1233
1331
  (idx) => {
1234
1332
  let className2 = (0, import_clsx3.default)("dot", currentSlide === idx && "dot--active");
1235
- return /* @__PURE__ */ import_react19.default.createElement("button", {
1236
- key: idx,
1237
- type: "button",
1238
- onClick: () => instanceRef.current?.moveToIdx(idx),
1239
- className: className2
1240
- });
1333
+ return /* @__PURE__ */ import_react19.default.createElement(
1334
+ "button",
1335
+ {
1336
+ key: idx,
1337
+ type: "button",
1338
+ onClick: () => instanceRef.current?.moveToIdx(idx),
1339
+ className: className2
1340
+ }
1341
+ );
1241
1342
  }
1242
1343
  ));
1243
1344
  }
@@ -1485,26 +1586,25 @@ var Slideshow = (0, import_react23.forwardRef)((props, ref) => {
1485
1586
  faderClass,
1486
1587
  animation === "slide" ? "keen-slider" : "keen-fader"
1487
1588
  );
1488
- return /* @__PURE__ */ import_react23.default.createElement("div", {
1489
- ref,
1490
- style,
1491
- ...rest
1492
- }, /* @__PURE__ */ import_react23.default.createElement("div", {
1493
- ref: sliderRef,
1494
- className: _className
1495
- }, children), showArrows && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(Arrows, {
1496
- instanceRef,
1497
- currentSlide,
1498
- className: "wv-slideshow--arrows",
1499
- offset: 20
1500
- }), showDots && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(Dots, {
1501
- instanceRef,
1502
- currentSlide,
1503
- className: "wv-slideshow--dots",
1504
- position: dotsPosition,
1505
- color: dotsColor,
1506
- absolute: true
1507
- }));
1589
+ 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(
1590
+ Arrows,
1591
+ {
1592
+ instanceRef,
1593
+ currentSlide,
1594
+ className: "wv-slideshow--arrows",
1595
+ offset: 20
1596
+ }
1597
+ ), showDots && created && instanceRef?.current && /* @__PURE__ */ import_react23.default.createElement(
1598
+ Dots,
1599
+ {
1600
+ instanceRef,
1601
+ currentSlide,
1602
+ className: "wv-slideshow--dots",
1603
+ position: dotsPosition,
1604
+ color: dotsColor,
1605
+ absolute: true
1606
+ }
1607
+ ));
1508
1608
  });
1509
1609
  var css9 = {
1510
1610
  "@desktop": {
@@ -1558,15 +1658,15 @@ function Background2(props) {
1558
1658
  ["--bg-position"]: backgroundPosition
1559
1659
  };
1560
1660
  if (backgroundImage || backgroundColor) {
1561
- return /* @__PURE__ */ import_react25.default.createElement(StyledBackground, {
1562
- style,
1563
- className
1564
- }, backgroundImage && /* @__PURE__ */ import_react25.default.createElement("img", {
1565
- width: "100%",
1566
- height: "100%",
1567
- "data-blink-src": backgroundImage,
1568
- alt: "Background"
1569
- }));
1661
+ return /* @__PURE__ */ import_react25.default.createElement(StyledBackground, { style, className }, backgroundImage && /* @__PURE__ */ import_react25.default.createElement(
1662
+ "img",
1663
+ {
1664
+ width: "100%",
1665
+ height: "100%",
1666
+ "data-blink-src": backgroundImage,
1667
+ alt: "Background"
1668
+ }
1669
+ ));
1570
1670
  }
1571
1671
  return null;
1572
1672
  }
@@ -1587,10 +1687,13 @@ var import_react27 = __toESM(require("react"));
1587
1687
  function Overlay2(props) {
1588
1688
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1589
1689
  if (enabled) {
1590
- return /* @__PURE__ */ import_react27.default.createElement(StyledOverlay, {
1591
- className,
1592
- css: { ["--overlay-opacity"]: opacity / 100 }
1593
- });
1690
+ return /* @__PURE__ */ import_react27.default.createElement(
1691
+ StyledOverlay,
1692
+ {
1693
+ className,
1694
+ css: { ["--overlay-opacity"]: opacity / 100 }
1695
+ }
1696
+ );
1594
1697
  }
1595
1698
  return null;
1596
1699
  }
@@ -1606,14 +1709,7 @@ var import_react28 = __toESM(require("react"));
1606
1709
  var Placeholder = (0, import_react28.forwardRef)(
1607
1710
  (props, ref) => {
1608
1711
  let { element, className, children, ...rest } = props;
1609
- return /* @__PURE__ */ import_react28.default.createElement("div", {
1610
- "data-wv-placeholder": true,
1611
- ref,
1612
- className,
1613
- ...rest
1614
- }, /* @__PURE__ */ import_react28.default.createElement("div", {
1615
- style: { fontWeight: 600, marginBottom: "10px" }
1616
- }, element), /* @__PURE__ */ import_react28.default.createElement("div", null, children));
1712
+ 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));
1617
1713
  }
1618
1714
  );
1619
1715
  var placeholder_default = Placeholder;
@@ -1671,26 +1767,23 @@ var Slide = (0, import_react29.forwardRef)((props, ref) => {
1671
1767
  children,
1672
1768
  ...rest
1673
1769
  } = props;
1674
- return /* @__PURE__ */ import_react29.default.createElement("div", {
1675
- className: "keen-slider__slide"
1676
- }, /* @__PURE__ */ import_react29.default.createElement(Background2, {
1677
- backgroundColor,
1678
- backgroundImage,
1679
- backgroundFit,
1680
- backgroundPosition,
1681
- className: "slide-background"
1682
- }), /* @__PURE__ */ import_react29.default.createElement(Overlay2, {
1683
- enableOverlay,
1684
- overlayOpacity,
1685
- className: "slide-overlay"
1686
- }), /* @__PURE__ */ import_react29.default.createElement("div", {
1687
- ref,
1688
- style: slidePositionMap[contentPosition],
1689
- ...rest
1690
- }, children?.length ? children : /* @__PURE__ */ import_react29.default.createElement(placeholder_default, {
1691
- element: "Slide",
1692
- className: "wv-slide-placeholder"
1693
- }, "Drag and drop elements here")));
1770
+ return /* @__PURE__ */ import_react29.default.createElement("div", { className: "keen-slider__slide" }, /* @__PURE__ */ import_react29.default.createElement(
1771
+ Background2,
1772
+ {
1773
+ backgroundColor,
1774
+ backgroundImage,
1775
+ backgroundFit,
1776
+ backgroundPosition,
1777
+ className: "slide-background"
1778
+ }
1779
+ ), /* @__PURE__ */ import_react29.default.createElement(
1780
+ Overlay2,
1781
+ {
1782
+ enableOverlay,
1783
+ overlayOpacity,
1784
+ className: "slide-overlay"
1785
+ }
1786
+ ), /* @__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")));
1694
1787
  });
1695
1788
  var css10 = {
1696
1789
  "@desktop": {
@@ -1739,6 +1832,12 @@ var Elements = {
1739
1832
  type: "image",
1740
1833
  defaultCss: css4
1741
1834
  },
1835
+ // Instagram: {
1836
+ // Component: Instagram.default,
1837
+ // type: 'instagram',
1838
+ // defaultCss: Instagram.css,
1839
+ // permanentCss: Instagram.permanentCss,
1840
+ // },
1742
1841
  Layout: {
1743
1842
  Component: layout_default,
1744
1843
  type: "layout",
@@ -1759,6 +1858,31 @@ var Elements = {
1759
1858
  type: "video",
1760
1859
  defaultCss: css8
1761
1860
  },
1861
+ // Accordion: {
1862
+ // Component: Accordion.default,
1863
+ // type: 'accordion',
1864
+ // defaultCss: Accordion.css,
1865
+ // },
1866
+ // AccordionWrapper: {
1867
+ // Component: AccordionWrapper.default,
1868
+ // type: 'accordion.wrapper',
1869
+ // defaultCss: AccordionWrapper.css,
1870
+ // },
1871
+ // AccordionContent: {
1872
+ // Component: AccordionContent.default,
1873
+ // type: 'accordion.content',
1874
+ // defaultCss: AccordionContent.css,
1875
+ // },
1876
+ // Tab: {
1877
+ // Component: Tab.default,
1878
+ // type: 'tab',
1879
+ // defaultCss: Tab.css,
1880
+ // },
1881
+ // TabContent: {
1882
+ // Component: TabContent.default,
1883
+ // type: 'tab.content',
1884
+ // defaultCss: TabContent.css,
1885
+ // },
1762
1886
  Slideshow: {
1763
1887
  Component: slideshow_default,
1764
1888
  type: "slideshow",
@@ -1908,36 +2032,39 @@ function useOpenChangeEffect(props) {
1908
2032
  var Modal = (props) => {
1909
2033
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1910
2034
  let handleOpenChange = useOpenChangeEffect(props);
1911
- return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Root, {
1912
- open,
1913
- defaultOpen,
1914
- onOpenChange: handleOpenChange,
1915
- ...rest
1916
- }, children);
2035
+ return /* @__PURE__ */ import_react33.default.createElement(
2036
+ import_react_dialog2.Root,
2037
+ {
2038
+ open,
2039
+ defaultOpen,
2040
+ onOpenChange: handleOpenChange,
2041
+ ...rest
2042
+ },
2043
+ children
2044
+ );
1917
2045
  };
1918
2046
  var ModalTrigger = import_react_dialog2.Trigger;
1919
2047
  var ModalHeader = (0, import_react33.forwardRef)(
1920
2048
  (props, ref) => {
1921
2049
  let { children, ...rest } = props;
1922
- return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, {
1923
- ref,
1924
- ...rest,
1925
- "data-wv-modal-header": true
1926
- }, children);
2050
+ return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1927
2051
  }
1928
2052
  );
1929
2053
  var ModalContent = (0, import_react33.forwardRef)(
1930
2054
  (props, ref) => {
1931
2055
  let { children, size, portal, ...rest } = props;
1932
- 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, {
1933
- ...rest,
1934
- onCloseAutoFocus: (e) => e.preventDefault(),
1935
- "data-wv-modal": true,
1936
- "data-size": size,
1937
- ref
1938
- }, /* @__PURE__ */ import_react33.default.createElement(ModalClose, null), /* @__PURE__ */ import_react33.default.createElement("div", {
1939
- className: "wv-modal-content"
1940
- }, children)));
2056
+ let modalContent = /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(StyledOverlay2, null), /* @__PURE__ */ import_react33.default.createElement(
2057
+ StyledContent,
2058
+ {
2059
+ ...rest,
2060
+ onCloseAutoFocus: (e) => e.preventDefault(),
2061
+ "data-wv-modal": true,
2062
+ "data-size": size,
2063
+ ref
2064
+ },
2065
+ /* @__PURE__ */ import_react33.default.createElement(ModalClose, null),
2066
+ /* @__PURE__ */ import_react33.default.createElement("div", { className: "wv-modal-content" }, children)
2067
+ ));
1941
2068
  if (portal) {
1942
2069
  return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Portal, null, modalContent);
1943
2070
  }
@@ -1951,34 +2078,21 @@ ModalContent.defaultProps = {
1951
2078
  var ModalClose = (0, import_react33.forwardRef)(
1952
2079
  (props, ref) => {
1953
2080
  let { asChild, children, ...rest } = props;
1954
- let closeIcon = /* @__PURE__ */ import_react33.default.createElement(StyledCloseIcon, null, /* @__PURE__ */ import_react33.default.createElement(Icon, {
1955
- name: "X"
1956
- }));
1957
- return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Close, {
1958
- asChild: true,
1959
- ...rest,
1960
- ref
1961
- }, asChild ? children : closeIcon);
2081
+ let closeIcon = /* @__PURE__ */ import_react33.default.createElement(StyledCloseIcon, null, /* @__PURE__ */ import_react33.default.createElement(Icon, { name: "X" }));
2082
+ return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Close, { asChild: true, ...rest, ref }, asChild ? children : closeIcon);
1962
2083
  }
1963
2084
  );
1964
2085
 
1965
2086
  // src/components/spinner.tsx
1966
2087
  var import_react34 = __toESM(require("react"));
1967
2088
  function Spinner() {
1968
- return /* @__PURE__ */ import_react34.default.createElement("span", {
1969
- className: "wv-spinner-wrapper"
1970
- }, /* @__PURE__ */ import_react34.default.createElement(Icon, {
1971
- name: "CircleNotch",
1972
- className: "wv-spinner"
1973
- }));
2089
+ return /* @__PURE__ */ import_react34.default.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ import_react34.default.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1974
2090
  }
1975
2091
 
1976
2092
  // src/components/tooltip.tsx
1977
2093
  var import_react35 = __toESM(require("react"));
1978
2094
  function Tooltip({ children }) {
1979
- return /* @__PURE__ */ import_react35.default.createElement("span", {
1980
- className: "wv-tooltip"
1981
- }, children);
2095
+ return /* @__PURE__ */ import_react35.default.createElement("span", { className: "wv-tooltip" }, children);
1982
2096
  }
1983
2097
 
1984
2098
  // src/components/slider/index.tsx
@@ -2014,18 +2128,21 @@ function Slider(props) {
2014
2128
  );
2015
2129
  let _className = (0, import_clsx6.default)("keen-slider", className);
2016
2130
  let arrowsClass = (0, import_clsx6.default)(className && `${className}-arrows`);
2017
- return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement("div", {
2018
- ref,
2019
- className: _className
2020
- }, /* @__PURE__ */ import_react37.default.createElement("link", {
2021
- rel: "stylesheet",
2022
- href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
2023
- }), children), created && instanceRef?.current && /* @__PURE__ */ import_react37.default.createElement(Arrows, {
2024
- currentSlide,
2025
- instanceRef,
2026
- className: arrowsClass,
2027
- offset: arrowOffset
2028
- }));
2131
+ 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(
2132
+ "link",
2133
+ {
2134
+ rel: "stylesheet",
2135
+ href: "https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
2136
+ }
2137
+ ), children), created && instanceRef?.current && /* @__PURE__ */ import_react37.default.createElement(
2138
+ Arrows,
2139
+ {
2140
+ currentSlide,
2141
+ instanceRef,
2142
+ className: arrowsClass,
2143
+ offset: arrowOffset
2144
+ }
2145
+ ));
2029
2146
  }
2030
2147
 
2031
2148
  // src/components/index.ts
@@ -2063,15 +2180,15 @@ var WeaverseRoot = ({ context }) => {
2063
2180
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
2064
2181
  let themeClass = context.stitchesInstance.theme.className;
2065
2182
  if (context.projectData?.rootId) {
2066
- return /* @__PURE__ */ import_react38.default.createElement("div", {
2067
- className: `weaverse-content-root ${themeClass}`,
2068
- ...eventHandlers,
2069
- ref: rootRef
2070
- }, /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, {
2071
- value: context
2072
- }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, {
2073
- id: context.projectData.rootId
2074
- })));
2183
+ return /* @__PURE__ */ import_react38.default.createElement(
2184
+ "div",
2185
+ {
2186
+ className: `weaverse-content-root ${themeClass}`,
2187
+ ...eventHandlers,
2188
+ ref: rootRef
2189
+ },
2190
+ /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { id: context.projectData.rootId }))
2191
+ );
2075
2192
  }
2076
2193
  return null;
2077
2194
  };
@@ -2095,16 +2212,20 @@ var ItemComponent = ({ instance }) => {
2095
2212
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2096
2213
  rest.ref = instance.ref;
2097
2214
  }
2098
- return /* @__PURE__ */ import_react38.default.createElement(Component, {
2099
- key: id,
2100
- "data-wv-type": type,
2101
- "data-wv-id": id,
2102
- className: generateItemClassName(instance, stitchesInstance),
2103
- ...rest
2104
- }, childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, {
2105
- key: id2,
2106
- id: id2
2107
- })));
2215
+ return (
2216
+ // @ts-ignore
2217
+ /* @__PURE__ */ import_react38.default.createElement(
2218
+ Component,
2219
+ {
2220
+ key: id,
2221
+ "data-wv-type": type,
2222
+ "data-wv-id": id,
2223
+ className: generateItemClassName(instance, stitchesInstance),
2224
+ ...rest
2225
+ },
2226
+ childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { key: id2, id: id2 }))
2227
+ )
2228
+ );
2108
2229
  } else {
2109
2230
  console.log(`Unknown element: ${type}`);
2110
2231
  return null;
@@ -2115,14 +2236,9 @@ var ItemInstance = ({ id }) => {
2115
2236
  let { itemInstances } = context;
2116
2237
  let instance = itemInstances.get(id);
2117
2238
  if (!instance) {
2118
- return /* @__PURE__ */ import_react38.default.createElement("div", {
2119
- style: { display: "none" }
2120
- }, "Item instance ", id, " not found");
2239
+ return /* @__PURE__ */ import_react38.default.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2121
2240
  }
2122
- return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, {
2123
- key: id,
2124
- instance
2125
- });
2241
+ return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, { key: id, instance });
2126
2242
  };
2127
2243
  // Annotate the CommonJS export names for ESM import in node:
2128
2244
  0 && (module.exports = {