@weaverse/react 0.7.67 → 0.7.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +828 -717
  2. package/dist/index.mjs +824 -717
  3. package/package.json +2 -2
package/dist/index.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": {
@@ -694,439 +650,580 @@ __export(phosphor_exports, {
694
650
  });
695
651
  var import_react14 = __toESM(require("react"));
696
652
  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
- }));
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
+ );
714
681
  };
715
682
  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
- }));
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
+ );
748
723
  };
749
724
  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
- }));
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
+ );
761
738
  };
762
739
  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
- }));
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
+ );
774
753
  };
775
754
  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
- }));
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
+ );
805
792
  };
806
793
  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
- }));
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
+ );
836
831
  };
837
832
  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
- }));
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
+ );
847
844
  };
848
845
  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
- }));
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
+ );
893
906
  };
894
907
  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
- }));
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
+ );
942
975
  };
943
976
  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
- }));
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
+ );
987
1036
  };
988
1037
  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
- }));
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
+ );
1052
1125
  };
1053
1126
  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
- }));
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
+ );
1100
1189
  };
1101
1190
  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
- }));
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
+ );
1130
1227
  };
1131
1228
 
1132
1229
  // src/components/icons/index.tsx
@@ -1134,10 +1231,7 @@ var import_clsx = __toESM(require("clsx"));
1134
1231
  function Icon({ name, className, ...props }) {
1135
1232
  let WeaverseIcon = phosphor_exports[name];
1136
1233
  let cls = (0, import_clsx.default)("wv-icon", className);
1137
- return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, {
1138
- className: cls,
1139
- ...props
1140
- });
1234
+ return /* @__PURE__ */ import_react15.default.createElement(WeaverseIcon, { className: cls, ...props });
1141
1235
  }
1142
1236
 
1143
1237
  // src/components/slider/arrows.tsx
@@ -1151,28 +1245,29 @@ function Arrows(props) {
1151
1245
  let style = {
1152
1246
  "--offset": `${offset}px`
1153
1247
  };
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
- })));
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
+ ));
1176
1271
  }
1177
1272
  var StyledArrows = (0, import_react16.styled)("div", {
1178
1273
  ".arrow": {
@@ -1227,17 +1322,18 @@ function Dots(props) {
1227
1322
  position && `dots--${position}`,
1228
1323
  color && `dots--${color}`
1229
1324
  );
1230
- return /* @__PURE__ */ import_react19.default.createElement(StyledDots, {
1231
- className: _className
1232
- }, [...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(
1233
1326
  (idx) => {
1234
1327
  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
- });
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
+ );
1241
1337
  }
1242
1338
  ));
1243
1339
  }
@@ -1485,26 +1581,25 @@ var Slideshow = (0, import_react23.forwardRef)((props, ref) => {
1485
1581
  faderClass,
1486
1582
  animation === "slide" ? "keen-slider" : "keen-fader"
1487
1583
  );
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
- }));
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
+ ));
1508
1603
  });
1509
1604
  var css9 = {
1510
1605
  "@desktop": {
@@ -1558,15 +1653,15 @@ function Background2(props) {
1558
1653
  ["--bg-position"]: backgroundPosition
1559
1654
  };
1560
1655
  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
- }));
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
+ ));
1570
1665
  }
1571
1666
  return null;
1572
1667
  }
@@ -1587,10 +1682,13 @@ var import_react27 = __toESM(require("react"));
1587
1682
  function Overlay2(props) {
1588
1683
  let { enableOverlay: enabled, overlayOpacity: opacity, className } = props;
1589
1684
  if (enabled) {
1590
- return /* @__PURE__ */ import_react27.default.createElement(StyledOverlay, {
1591
- className,
1592
- css: { ["--overlay-opacity"]: opacity / 100 }
1593
- });
1685
+ return /* @__PURE__ */ import_react27.default.createElement(
1686
+ StyledOverlay,
1687
+ {
1688
+ className,
1689
+ css: { ["--overlay-opacity"]: opacity / 100 }
1690
+ }
1691
+ );
1594
1692
  }
1595
1693
  return null;
1596
1694
  }
@@ -1606,14 +1704,7 @@ var import_react28 = __toESM(require("react"));
1606
1704
  var Placeholder = (0, import_react28.forwardRef)(
1607
1705
  (props, ref) => {
1608
1706
  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));
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));
1617
1708
  }
1618
1709
  );
1619
1710
  var placeholder_default = Placeholder;
@@ -1671,26 +1762,23 @@ var Slide = (0, import_react29.forwardRef)((props, ref) => {
1671
1762
  children,
1672
1763
  ...rest
1673
1764
  } = 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")));
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")));
1694
1782
  });
1695
1783
  var css10 = {
1696
1784
  "@desktop": {
@@ -1739,6 +1827,12 @@ var Elements = {
1739
1827
  type: "image",
1740
1828
  defaultCss: css4
1741
1829
  },
1830
+ // Instagram: {
1831
+ // Component: Instagram.default,
1832
+ // type: 'instagram',
1833
+ // defaultCss: Instagram.css,
1834
+ // permanentCss: Instagram.permanentCss,
1835
+ // },
1742
1836
  Layout: {
1743
1837
  Component: layout_default,
1744
1838
  type: "layout",
@@ -1759,6 +1853,31 @@ var Elements = {
1759
1853
  type: "video",
1760
1854
  defaultCss: css8
1761
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
+ // },
1762
1881
  Slideshow: {
1763
1882
  Component: slideshow_default,
1764
1883
  type: "slideshow",
@@ -1908,36 +2027,39 @@ function useOpenChangeEffect(props) {
1908
2027
  var Modal = (props) => {
1909
2028
  let { children, open, defaultOpen, onOpenChange, ...rest } = props;
1910
2029
  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);
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
+ );
1917
2040
  };
1918
2041
  var ModalTrigger = import_react_dialog2.Trigger;
1919
2042
  var ModalHeader = (0, import_react33.forwardRef)(
1920
2043
  (props, ref) => {
1921
2044
  let { children, ...rest } = props;
1922
- return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, {
1923
- ref,
1924
- ...rest,
1925
- "data-wv-modal-header": true
1926
- }, children);
2045
+ return /* @__PURE__ */ import_react33.default.createElement(StyledTitle, { ref, ...rest, "data-wv-modal-header": true }, children);
1927
2046
  }
1928
2047
  );
1929
2048
  var ModalContent = (0, import_react33.forwardRef)(
1930
2049
  (props, ref) => {
1931
2050
  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)));
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
+ ));
1941
2063
  if (portal) {
1942
2064
  return /* @__PURE__ */ import_react33.default.createElement(import_react_dialog2.Portal, null, modalContent);
1943
2065
  }
@@ -1951,34 +2073,21 @@ ModalContent.defaultProps = {
1951
2073
  var ModalClose = (0, import_react33.forwardRef)(
1952
2074
  (props, ref) => {
1953
2075
  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);
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);
1962
2078
  }
1963
2079
  );
1964
2080
 
1965
2081
  // src/components/spinner.tsx
1966
2082
  var import_react34 = __toESM(require("react"));
1967
2083
  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
- }));
2084
+ return /* @__PURE__ */ import_react34.default.createElement("span", { className: "wv-spinner-wrapper" }, /* @__PURE__ */ import_react34.default.createElement(Icon, { name: "CircleNotch", className: "wv-spinner" }));
1974
2085
  }
1975
2086
 
1976
2087
  // src/components/tooltip.tsx
1977
2088
  var import_react35 = __toESM(require("react"));
1978
2089
  function Tooltip({ children }) {
1979
- return /* @__PURE__ */ import_react35.default.createElement("span", {
1980
- className: "wv-tooltip"
1981
- }, children);
2090
+ return /* @__PURE__ */ import_react35.default.createElement("span", { className: "wv-tooltip" }, children);
1982
2091
  }
1983
2092
 
1984
2093
  // src/components/slider/index.tsx
@@ -2014,18 +2123,21 @@ function Slider(props) {
2014
2123
  );
2015
2124
  let _className = (0, import_clsx6.default)("keen-slider", className);
2016
2125
  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
- }));
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
+ ));
2029
2141
  }
2030
2142
 
2031
2143
  // src/components/index.ts
@@ -2063,15 +2175,15 @@ var WeaverseRoot = ({ context }) => {
2063
2175
  let eventHandlers = context?.studioBridge?.eventHandlers || {};
2064
2176
  let themeClass = context.stitchesInstance.theme.className;
2065
2177
  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
- })));
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
+ );
2075
2187
  }
2076
2188
  return null;
2077
2189
  };
@@ -2095,16 +2207,20 @@ var ItemComponent = ({ instance }) => {
2095
2207
  if (Component.$$typeof === Symbol.for("react.forward_ref")) {
2096
2208
  rest.ref = instance.ref;
2097
2209
  }
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
- })));
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
+ );
2108
2224
  } else {
2109
2225
  console.log(`Unknown element: ${type}`);
2110
2226
  return null;
@@ -2115,14 +2231,9 @@ var ItemInstance = ({ id }) => {
2115
2231
  let { itemInstances } = context;
2116
2232
  let instance = itemInstances.get(id);
2117
2233
  if (!instance) {
2118
- return /* @__PURE__ */ import_react38.default.createElement("div", {
2119
- style: { display: "none" }
2120
- }, "Item instance ", id, " not found");
2234
+ return /* @__PURE__ */ import_react38.default.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
2121
2235
  }
2122
- return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, {
2123
- key: id,
2124
- instance
2125
- });
2236
+ return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, { key: id, instance });
2126
2237
  };
2127
2238
  // Annotate the CommonJS export names for ESM import in node:
2128
2239
  0 && (module.exports = {