@mirohq/design-system-icons 0.2.3-colors.0 → 0.3.0

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 (62) hide show
  1. package/dist/main.js +593 -18
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +572 -19
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +119 -141
  6. package/package.json +4 -4
  7. package/react/arrow-down.tsx +1 -1
  8. package/react/arrow-fat-right.tsx +32 -0
  9. package/react/arrow-up.tsx +1 -1
  10. package/react/chat.tsx +32 -0
  11. package/react/circle-motion-x.tsx +33 -0
  12. package/react/circle.tsx +32 -0
  13. package/react/exclamation-point-circle.tsx +2 -2
  14. package/react/funnel.tsx +33 -0
  15. package/react/index.ts +22 -0
  16. package/react/information-mark-circle.tsx +1 -1
  17. package/react/line-diagonal.tsx +33 -0
  18. package/react/microphone-slash.tsx +33 -0
  19. package/react/microphone.tsx +33 -0
  20. package/react/parallelogram.tsx +32 -0
  21. package/react/pause-circle.tsx +33 -0
  22. package/react/play-circle.tsx +26 -0
  23. package/react/playback-speed-circle.tsx +31 -0
  24. package/react/rhombus.tsx +32 -0
  25. package/react/shapes.tsx +33 -0
  26. package/react/sliders-x.tsx +33 -0
  27. package/react/sliders-y.tsx +33 -0
  28. package/react/speaker-cross.tsx +33 -0
  29. package/react/speaker-high.tsx +33 -0
  30. package/react/square-rounded.tsx +32 -0
  31. package/react/square.tsx +32 -0
  32. package/react/stop-circle.tsx +25 -0
  33. package/react/triangle.tsx +32 -0
  34. package/react/wallet.tsx +1 -1
  35. package/svg/24/arrow-down.svg +1 -1
  36. package/svg/24/arrow-fat-right.svg +1 -0
  37. package/svg/24/arrow-up.svg +1 -1
  38. package/svg/24/chat.svg +1 -0
  39. package/svg/24/circle-motion-x.svg +1 -0
  40. package/svg/24/circle.svg +1 -0
  41. package/svg/24/exclamation-point-circle.svg +1 -1
  42. package/svg/24/funnel.svg +1 -0
  43. package/svg/24/information-mark-circle.svg +1 -1
  44. package/svg/24/line-diagonal.svg +1 -0
  45. package/svg/24/microphone-slash.svg +1 -0
  46. package/svg/24/microphone.svg +1 -0
  47. package/svg/24/parallelogram.svg +1 -0
  48. package/svg/24/pause-circle.svg +1 -0
  49. package/svg/24/play-circle.svg +1 -0
  50. package/svg/24/playback-speed-circle.svg +1 -0
  51. package/svg/24/rhombus.svg +1 -0
  52. package/svg/24/shapes.svg +1 -0
  53. package/svg/24/sliders-x.svg +1 -0
  54. package/svg/24/sliders-y.svg +1 -0
  55. package/svg/24/speaker-cross.svg +1 -0
  56. package/svg/24/speaker-high.svg +1 -0
  57. package/svg/24/square-rounded.svg +1 -0
  58. package/svg/24/square.svg +1 -0
  59. package/svg/24/stop-circle.svg +1 -0
  60. package/svg/24/triangle.svg +1 -0
  61. package/svg/24/wallet.svg +1 -1
  62. package/svg/meta.json +143 -0
package/dist/module.js CHANGED
@@ -94,11 +94,36 @@ const IconArrowDown = forwardRef(
94
94
  stroke: "currentColor",
95
95
  strokeLinecap: "round",
96
96
  strokeWidth: 2,
97
- d: "M12 20V3m7 10.59-7 7-7-7"
97
+ d: "M12.205 3.205v17m-7-6.41 7 7 7-7"
98
98
  })
99
99
  )
100
100
  );
101
101
 
102
+ const IconArrowFatRight = forwardRef(
103
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
104
+ StyledIcon,
105
+ {
106
+ ...props,
107
+ size,
108
+ viewBox: "0 0 24 24",
109
+ fill: "none",
110
+ ref: forwardRef2
111
+ },
112
+ /* @__PURE__ */ React.createElement("g", {
113
+ clipPath: "url(#a)"
114
+ }, /* @__PURE__ */ React.createElement("path", {
115
+ stroke: "currentColor",
116
+ strokeWidth: 2,
117
+ d: "M11 7H3.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25H11v3.937c0 .216.257.33.418.185L21.5 12 11.418 2.878a.25.25 0 0 0-.418.185V7Z"
118
+ })),
119
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
120
+ id: "a"
121
+ }, /* @__PURE__ */ React.createElement("path", {
122
+ d: "M0 0h24v24H0z"
123
+ })))
124
+ )
125
+ );
126
+
102
127
  const IconArrowLeft = forwardRef(
103
128
  ({ size = "medium", ...props }, forwardRef2) => createElement(
104
129
  StyledIcon,
@@ -189,7 +214,7 @@ const IconArrowUp = forwardRef(
189
214
  stroke: "currentColor",
190
215
  strokeLinecap: "round",
191
216
  strokeWidth: 2,
192
- d: "M12 4v17M5 10.41l7-7 7 7"
217
+ d: "M12.205 20.795v-17m7 6.41-7-7-7 7"
193
218
  })
194
219
  )
195
220
  );
@@ -213,6 +238,31 @@ const IconBarThree = forwardRef(
213
238
  )
214
239
  );
215
240
 
241
+ const IconChat = forwardRef(
242
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
243
+ StyledIcon,
244
+ {
245
+ ...props,
246
+ size,
247
+ viewBox: "0 0 24 24",
248
+ fill: "none",
249
+ ref: forwardRef2
250
+ },
251
+ /* @__PURE__ */ React.createElement("g", {
252
+ clipPath: "url(#a)"
253
+ }, /* @__PURE__ */ React.createElement("path", {
254
+ stroke: "currentColor",
255
+ strokeWidth: 2,
256
+ d: "m12 18.5-3.847 2.404A.1.1 0 0 1 8 20.82V18.5H5.5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2H12Z"
257
+ })),
258
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
259
+ id: "a"
260
+ }, /* @__PURE__ */ React.createElement("path", {
261
+ d: "M0 0h24v24H0z"
262
+ })))
263
+ )
264
+ );
265
+
216
266
  const IconCheckMark = forwardRef(
217
267
  ({ size = "medium", ...props }, forwardRef2) => createElement(
218
268
  StyledIcon,
@@ -308,6 +358,57 @@ const IconChevronUp = forwardRef(
308
358
  )
309
359
  );
310
360
 
361
+ const IconCircleMotionX = forwardRef(
362
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
363
+ StyledIcon,
364
+ {
365
+ ...props,
366
+ size,
367
+ viewBox: "0 0 24 24",
368
+ fill: "none",
369
+ ref: forwardRef2
370
+ },
371
+ /* @__PURE__ */ React.createElement("g", {
372
+ clipPath: "url(#a)"
373
+ }, /* @__PURE__ */ React.createElement("path", {
374
+ stroke: "currentColor",
375
+ strokeLinecap: "round",
376
+ strokeWidth: 2,
377
+ d: "M3.5 6H5m3 0h7m0 0a6 6 0 1 0 0 12 6 6 0 0 0 0-12ZM2.5 10H9m-6 4h1m3 0h2m-5 4h10.5"
378
+ })),
379
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
380
+ id: "a"
381
+ }, /* @__PURE__ */ React.createElement("path", {
382
+ d: "M0 0h24v24H0z"
383
+ })))
384
+ )
385
+ );
386
+
387
+ const IconCircle = forwardRef(
388
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
389
+ StyledIcon,
390
+ {
391
+ ...props,
392
+ size,
393
+ viewBox: "0 0 24 24",
394
+ fill: "none",
395
+ ref: forwardRef2
396
+ },
397
+ /* @__PURE__ */ React.createElement("g", {
398
+ clipPath: "url(#a)"
399
+ }, /* @__PURE__ */ React.createElement("path", {
400
+ stroke: "currentColor",
401
+ strokeWidth: 2,
402
+ d: "M20.5 12c0 4.97-3.53 8.5-8.5 8.5-4.97 0-8.5-3.53-8.5-8.5 0-4.97 3.53-8.5 8.5-8.5 4.97 0 8.5 3.53 8.5 8.5Z"
403
+ })),
404
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
405
+ id: "a"
406
+ }, /* @__PURE__ */ React.createElement("path", {
407
+ d: "M0 0h24v24H0z"
408
+ })))
409
+ )
410
+ );
411
+
311
412
  const IconCog = forwardRef(
312
413
  ({ size = "medium", ...props }, forwardRef2) => createElement(
313
414
  StyledIcon,
@@ -402,21 +503,45 @@ const IconExclamationPointCircle = forwardRef(
402
503
  fill: "none",
403
504
  ref: forwardRef2
404
505
  },
405
- /* @__PURE__ */ React.createElement("circle", {
406
- cx: 12,
407
- cy: 15.5,
408
- r: 1,
409
- fill: "currentColor"
410
- }),
411
506
  /* @__PURE__ */ React.createElement("path", {
412
507
  stroke: "currentColor",
413
508
  strokeLinecap: "round",
414
509
  strokeWidth: 2,
415
510
  d: "M12 8v4m9 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
511
+ }),
512
+ /* @__PURE__ */ React.createElement("path", {
513
+ fill: "currentColor",
514
+ d: "M13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
416
515
  })
417
516
  )
418
517
  );
419
518
 
519
+ const IconFunnel = forwardRef(
520
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
521
+ StyledIcon,
522
+ {
523
+ ...props,
524
+ size,
525
+ viewBox: "0 0 24 24",
526
+ fill: "none",
527
+ ref: forwardRef2
528
+ },
529
+ /* @__PURE__ */ React.createElement("g", {
530
+ clipPath: "url(#a)"
531
+ }, /* @__PURE__ */ React.createElement("path", {
532
+ stroke: "currentColor",
533
+ strokeLinecap: "round",
534
+ strokeWidth: 2,
535
+ d: "M19.772 4H4.228a.1.1 0 0 0-.073.168L10 10.5V19l3.447-1.724a1 1 0 0 0 .553-.894V10.5l5.845-6.332A.1.1 0 0 0 19.772 4Z"
536
+ })),
537
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
538
+ id: "a"
539
+ }, /* @__PURE__ */ React.createElement("path", {
540
+ d: "M0 0h24v24H0z"
541
+ })))
542
+ )
543
+ );
544
+
420
545
  const IconGlobe = forwardRef(
421
546
  ({ size = "medium", ...props }, forwardRef2) => createElement(
422
547
  StyledIcon,
@@ -463,11 +588,9 @@ const IconInformationMarkCircle = forwardRef(
463
588
  fill: "none",
464
589
  ref: forwardRef2
465
590
  },
466
- /* @__PURE__ */ React.createElement("circle", {
467
- cx: 12,
468
- cy: 8.5,
469
- r: 1,
470
- fill: "currentColor"
591
+ /* @__PURE__ */ React.createElement("path", {
592
+ fill: "currentColor",
593
+ d: "M13 8.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
471
594
  }),
472
595
  /* @__PURE__ */ React.createElement("path", {
473
596
  stroke: "currentColor",
@@ -478,6 +601,32 @@ const IconInformationMarkCircle = forwardRef(
478
601
  )
479
602
  );
480
603
 
604
+ const IconLineDiagonal = forwardRef(
605
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
606
+ StyledIcon,
607
+ {
608
+ ...props,
609
+ size,
610
+ viewBox: "0 0 24 24",
611
+ fill: "none",
612
+ ref: forwardRef2
613
+ },
614
+ /* @__PURE__ */ React.createElement("g", {
615
+ clipPath: "url(#a)"
616
+ }, /* @__PURE__ */ React.createElement("path", {
617
+ stroke: "currentColor",
618
+ strokeLinecap: "round",
619
+ strokeWidth: 2,
620
+ d: "M4 20 20 4"
621
+ })),
622
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
623
+ id: "a"
624
+ }, /* @__PURE__ */ React.createElement("path", {
625
+ d: "M0 0h24v24H0z"
626
+ })))
627
+ )
628
+ );
629
+
481
630
  const IconLink = forwardRef(
482
631
  ({ size = "medium", ...props }, forwardRef2) => createElement(
483
632
  StyledIcon,
@@ -566,6 +715,58 @@ const IconMagnifyingGlass = forwardRef(
566
715
  )
567
716
  );
568
717
 
718
+ const IconMicrophoneSlash = forwardRef(
719
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
720
+ StyledIcon,
721
+ {
722
+ ...props,
723
+ size,
724
+ viewBox: "0 0 24 24",
725
+ fill: "none",
726
+ ref: forwardRef2
727
+ },
728
+ /* @__PURE__ */ React.createElement("g", {
729
+ clipPath: "url(#a)"
730
+ }, /* @__PURE__ */ React.createElement("path", {
731
+ stroke: "currentColor",
732
+ strokeLinecap: "round",
733
+ strokeWidth: 2,
734
+ d: "M19 8v3a7 7 0 0 1-7 7m0 0v3m0-3a6.984 6.984 0 0 1-5.284-2.409M15 7v4a3 3 0 0 1-5.387 1.818M15 7 4 18M15 7l4-4M5 8v3c0 .34.024.673.07 1M9 7.5V6a3 3 0 0 1 4.5-2.599"
735
+ })),
736
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
737
+ id: "a"
738
+ }, /* @__PURE__ */ React.createElement("path", {
739
+ d: "M0 0h24v24H0z"
740
+ })))
741
+ )
742
+ );
743
+
744
+ const IconMicrophone = forwardRef(
745
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
746
+ StyledIcon,
747
+ {
748
+ ...props,
749
+ size,
750
+ viewBox: "0 0 24 24",
751
+ fill: "none",
752
+ ref: forwardRef2
753
+ },
754
+ /* @__PURE__ */ React.createElement("g", {
755
+ clipPath: "url(#a)"
756
+ }, /* @__PURE__ */ React.createElement("path", {
757
+ stroke: "currentColor",
758
+ strokeLinecap: "round",
759
+ strokeWidth: 2,
760
+ d: "M5 8v3a7 7 0 0 0 7 7m7-10v3a7 7 0 0 1-7 7m0 0v3m3-15v5a3 3 0 1 1-6 0V6a3 3 0 1 1 6 0Z"
761
+ })),
762
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
763
+ id: "a"
764
+ }, /* @__PURE__ */ React.createElement("path", {
765
+ d: "M0 0h24v24H0z"
766
+ })))
767
+ )
768
+ );
769
+
569
770
  const IconMinus = forwardRef(
570
771
  ({ size = "medium", ...props }, forwardRef2) => createElement(
571
772
  StyledIcon,
@@ -585,6 +786,57 @@ const IconMinus = forwardRef(
585
786
  )
586
787
  );
587
788
 
789
+ const IconParallelogram = forwardRef(
790
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
791
+ StyledIcon,
792
+ {
793
+ ...props,
794
+ size,
795
+ viewBox: "0 0 24 24",
796
+ fill: "none",
797
+ ref: forwardRef2
798
+ },
799
+ /* @__PURE__ */ React.createElement("g", {
800
+ clipPath: "url(#a)"
801
+ }, /* @__PURE__ */ React.createElement("path", {
802
+ stroke: "currentColor",
803
+ strokeWidth: 2,
804
+ d: "M21.68 4H6.195a.25.25 0 0 0-.242.19l-3.875 15.5a.25.25 0 0 0 .242.31h15.485a.25.25 0 0 0 .242-.19l3.875-15.5A.25.25 0 0 0 21.68 4Z"
805
+ })),
806
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
807
+ id: "a"
808
+ }, /* @__PURE__ */ React.createElement("path", {
809
+ d: "M0 0h24v24H0z"
810
+ })))
811
+ )
812
+ );
813
+
814
+ const IconPauseCircle = forwardRef(
815
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
816
+ StyledIcon,
817
+ {
818
+ ...props,
819
+ size,
820
+ viewBox: "0 0 24 24",
821
+ fill: "none",
822
+ ref: forwardRef2
823
+ },
824
+ /* @__PURE__ */ React.createElement("g", {
825
+ clipPath: "url(#a)"
826
+ }, /* @__PURE__ */ React.createElement("path", {
827
+ stroke: "currentColor",
828
+ strokeLinecap: "round",
829
+ strokeWidth: 2,
830
+ d: "M13.889 9.167v5.666M10.11 9.167v5.666M20.5 12a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"
831
+ })),
832
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
833
+ id: "a"
834
+ }, /* @__PURE__ */ React.createElement("path", {
835
+ d: "M0 0h24v24H0z"
836
+ })))
837
+ )
838
+ );
839
+
588
840
  const IconPlaceholder = forwardRef(
589
841
  ({ size = "medium", ...props }, forwardRef2) => createElement(
590
842
  StyledIcon,
@@ -604,6 +856,55 @@ const IconPlaceholder = forwardRef(
604
856
  )
605
857
  );
606
858
 
859
+ const IconPlayCircle = forwardRef(
860
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
861
+ StyledIcon,
862
+ {
863
+ ...props,
864
+ size,
865
+ viewBox: "0 0 24 24",
866
+ fill: "none",
867
+ ref: forwardRef2
868
+ },
869
+ /* @__PURE__ */ React.createElement("circle", {
870
+ cx: 12,
871
+ cy: 12,
872
+ r: 8.5,
873
+ stroke: "currentColor",
874
+ strokeWidth: 2
875
+ }),
876
+ /* @__PURE__ */ React.createElement("path", {
877
+ fill: "currentColor",
878
+ stroke: "currentColor",
879
+ d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
880
+ })
881
+ )
882
+ );
883
+
884
+ const IconPlaybackSpeedCircle = forwardRef(
885
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
886
+ StyledIcon,
887
+ {
888
+ ...props,
889
+ size,
890
+ viewBox: "0 0 24 24",
891
+ fill: "none",
892
+ ref: forwardRef2
893
+ },
894
+ /* @__PURE__ */ React.createElement("path", {
895
+ stroke: "currentColor",
896
+ strokeLinecap: "round",
897
+ strokeWidth: 2,
898
+ d: "M10.583 3.618a8.5 8.5 0 1 1 .173 16.792M7.3 4.917a8.547 8.547 0 0 0-2.222 2.15m-1.444 3.421a8.55 8.55 0 0 0-.016 2.929m1.479 3.543a8.55 8.55 0 0 0 1.709 1.769"
899
+ }),
900
+ /* @__PURE__ */ React.createElement("path", {
901
+ fill: "currentColor",
902
+ stroke: "currentColor",
903
+ d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
904
+ })
905
+ )
906
+ );
907
+
607
908
  const IconPlug = forwardRef(
608
909
  ({ size = "medium", ...props }, forwardRef2) => createElement(
609
910
  StyledIcon,
@@ -661,6 +962,109 @@ const IconQuestionMarkCircle = forwardRef(
661
962
  )
662
963
  );
663
964
 
965
+ const IconRhombus = forwardRef(
966
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
967
+ StyledIcon,
968
+ {
969
+ ...props,
970
+ size,
971
+ viewBox: "0 0 24 24",
972
+ fill: "none",
973
+ ref: forwardRef2
974
+ },
975
+ /* @__PURE__ */ React.createElement("g", {
976
+ clipPath: "url(#a)"
977
+ }, /* @__PURE__ */ React.createElement("path", {
978
+ stroke: "currentColor",
979
+ strokeWidth: 2,
980
+ d: "m11.823 3.177-8.646 8.646a.25.25 0 0 0 0 .354l8.646 8.646a.25.25 0 0 0 .354 0l8.646-8.646a.25.25 0 0 0 0-.354l-8.646-8.646a.25.25 0 0 0-.354 0Z"
981
+ })),
982
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
983
+ id: "a"
984
+ }, /* @__PURE__ */ React.createElement("path", {
985
+ d: "M0 0h24v24H0z"
986
+ })))
987
+ )
988
+ );
989
+
990
+ const IconShapes = forwardRef(
991
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
992
+ StyledIcon,
993
+ {
994
+ ...props,
995
+ size,
996
+ viewBox: "0 0 24 24",
997
+ fill: "none",
998
+ ref: forwardRef2
999
+ },
1000
+ /* @__PURE__ */ React.createElement("g", {
1001
+ clipPath: "url(#a)"
1002
+ }, /* @__PURE__ */ React.createElement("path", {
1003
+ stroke: "currentColor",
1004
+ strokeLinecap: "round",
1005
+ strokeWidth: 2,
1006
+ d: "M8 9.5a6.5 6.5 0 1 1 6.5 6.5M3.25 10h10.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25H3.25a.25.25 0 0 1-.25-.25v-10.5a.25.25 0 0 1 .25-.25Z"
1007
+ })),
1008
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1009
+ id: "a"
1010
+ }, /* @__PURE__ */ React.createElement("path", {
1011
+ d: "M0 0h24v24H0z"
1012
+ })))
1013
+ )
1014
+ );
1015
+
1016
+ const IconSlidersX = forwardRef(
1017
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1018
+ StyledIcon,
1019
+ {
1020
+ ...props,
1021
+ size,
1022
+ viewBox: "0 0 24 24",
1023
+ fill: "none",
1024
+ ref: forwardRef2
1025
+ },
1026
+ /* @__PURE__ */ React.createElement("g", {
1027
+ clipPath: "url(#a)"
1028
+ }, /* @__PURE__ */ React.createElement("path", {
1029
+ stroke: "currentColor",
1030
+ strokeLinecap: "round",
1031
+ strokeWidth: 2,
1032
+ d: "M20 8h-5M9 8H4m11.5 8H4m8-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm6 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
1033
+ })),
1034
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1035
+ id: "a"
1036
+ }, /* @__PURE__ */ React.createElement("path", {
1037
+ d: "M0 0h24v24H0z"
1038
+ })))
1039
+ )
1040
+ );
1041
+
1042
+ const IconSlidersY = forwardRef(
1043
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1044
+ StyledIcon,
1045
+ {
1046
+ ...props,
1047
+ size,
1048
+ viewBox: "0 0 24 24",
1049
+ fill: "none",
1050
+ ref: forwardRef2
1051
+ },
1052
+ /* @__PURE__ */ React.createElement("g", {
1053
+ clipPath: "url(#a)"
1054
+ }, /* @__PURE__ */ React.createElement("path", {
1055
+ stroke: "currentColor",
1056
+ strokeLinecap: "round",
1057
+ strokeWidth: 2,
1058
+ d: "M5 5v4m0 6v4m7-14v10m0 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7-5.5V19M7 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm14-5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
1059
+ })),
1060
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1061
+ id: "a"
1062
+ }, /* @__PURE__ */ React.createElement("path", {
1063
+ d: "M0 0h24v24H0z"
1064
+ })))
1065
+ )
1066
+ );
1067
+
664
1068
  const IconSocialFacebook = forwardRef(
665
1069
  ({ size = "medium", ...props }, forwardRef2) => createElement(
666
1070
  StyledIcon,
@@ -752,6 +1156,157 @@ const IconSocialYoutube = forwardRef(
752
1156
  )
753
1157
  );
754
1158
 
1159
+ const IconSpeakerCross = forwardRef(
1160
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1161
+ StyledIcon,
1162
+ {
1163
+ ...props,
1164
+ size,
1165
+ viewBox: "0 0 24 24",
1166
+ fill: "none",
1167
+ ref: forwardRef2
1168
+ },
1169
+ /* @__PURE__ */ React.createElement("g", {
1170
+ clipPath: "url(#a)"
1171
+ }, /* @__PURE__ */ React.createElement("path", {
1172
+ stroke: "currentColor",
1173
+ strokeLinecap: "round",
1174
+ strokeWidth: 2,
1175
+ d: "m21 9.5-5 5m0-5 5 5M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"
1176
+ })),
1177
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1178
+ id: "a"
1179
+ }, /* @__PURE__ */ React.createElement("path", {
1180
+ d: "M0 0h24v24H0z"
1181
+ })))
1182
+ )
1183
+ );
1184
+
1185
+ const IconSpeakerHigh = forwardRef(
1186
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1187
+ StyledIcon,
1188
+ {
1189
+ ...props,
1190
+ size,
1191
+ viewBox: "0 0 24 24",
1192
+ fill: "none",
1193
+ ref: forwardRef2
1194
+ },
1195
+ /* @__PURE__ */ React.createElement("g", {
1196
+ clipPath: "url(#a)"
1197
+ }, /* @__PURE__ */ React.createElement("path", {
1198
+ stroke: "currentColor",
1199
+ strokeLinecap: "round",
1200
+ strokeWidth: 2,
1201
+ d: "M16 10v4m3-8.5V18M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"
1202
+ })),
1203
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1204
+ id: "a"
1205
+ }, /* @__PURE__ */ React.createElement("path", {
1206
+ d: "M0 0h24v24H0z"
1207
+ })))
1208
+ )
1209
+ );
1210
+
1211
+ const IconSquareRounded = forwardRef(
1212
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1213
+ StyledIcon,
1214
+ {
1215
+ ...props,
1216
+ size,
1217
+ viewBox: "0 0 24 24",
1218
+ fill: "none",
1219
+ ref: forwardRef2
1220
+ },
1221
+ /* @__PURE__ */ React.createElement("g", {
1222
+ clipPath: "url(#a)"
1223
+ }, /* @__PURE__ */ React.createElement("path", {
1224
+ stroke: "currentColor",
1225
+ strokeWidth: 2,
1226
+ d: "M16 4H8a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4Z"
1227
+ })),
1228
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1229
+ id: "a"
1230
+ }, /* @__PURE__ */ React.createElement("path", {
1231
+ d: "M0 0h24v24H0z"
1232
+ })))
1233
+ )
1234
+ );
1235
+
1236
+ const IconSquare = forwardRef(
1237
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1238
+ StyledIcon,
1239
+ {
1240
+ ...props,
1241
+ size,
1242
+ viewBox: "0 0 24 24",
1243
+ fill: "none",
1244
+ ref: forwardRef2
1245
+ },
1246
+ /* @__PURE__ */ React.createElement("g", {
1247
+ clipPath: "url(#a)"
1248
+ }, /* @__PURE__ */ React.createElement("path", {
1249
+ stroke: "currentColor",
1250
+ strokeWidth: 2,
1251
+ d: "M19.75 4H4.25a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h15.5a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"
1252
+ })),
1253
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1254
+ id: "a"
1255
+ }, /* @__PURE__ */ React.createElement("path", {
1256
+ d: "M0 0h24v24H0z"
1257
+ })))
1258
+ )
1259
+ );
1260
+
1261
+ const IconStopCircle = forwardRef(
1262
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1263
+ StyledIcon,
1264
+ {
1265
+ ...props,
1266
+ size,
1267
+ viewBox: "0 0 24 24",
1268
+ fill: "none",
1269
+ ref: forwardRef2
1270
+ },
1271
+ /* @__PURE__ */ React.createElement("circle", {
1272
+ cx: 12,
1273
+ cy: 12,
1274
+ r: 8.5,
1275
+ stroke: "currentColor",
1276
+ strokeWidth: 2
1277
+ }),
1278
+ /* @__PURE__ */ React.createElement("path", {
1279
+ fill: "currentColor",
1280
+ d: "M9 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4Z"
1281
+ })
1282
+ )
1283
+ );
1284
+
1285
+ const IconTriangle = forwardRef(
1286
+ ({ size = "medium", ...props }, forwardRef2) => createElement(
1287
+ StyledIcon,
1288
+ {
1289
+ ...props,
1290
+ size,
1291
+ viewBox: "0 0 24 24",
1292
+ fill: "none",
1293
+ ref: forwardRef2
1294
+ },
1295
+ /* @__PURE__ */ React.createElement("g", {
1296
+ clipPath: "url(#a)"
1297
+ }, /* @__PURE__ */ React.createElement("path", {
1298
+ stroke: "currentColor",
1299
+ strokeWidth: 2,
1300
+ d: "M20.58 20.526H3.4a.25.25 0 0 1-.225-.359l8.138-16.729a.25.25 0 0 1 .445-.01l9.043 16.73a.25.25 0 0 1-.22.368Z"
1301
+ })),
1302
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
1303
+ id: "a"
1304
+ }, /* @__PURE__ */ React.createElement("path", {
1305
+ d: "M0 0h24v24H0z"
1306
+ })))
1307
+ )
1308
+ );
1309
+
755
1310
  const IconUserAdd = forwardRef(
756
1311
  ({ size = "medium", ...props }, forwardRef2) => createElement(
757
1312
  StyledIcon,
@@ -825,14 +1380,12 @@ const IconWallet = forwardRef(
825
1380
  strokeWidth: 2,
826
1381
  d: "M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z"
827
1382
  }),
828
- /* @__PURE__ */ React.createElement("circle", {
829
- cx: 15.5,
830
- cy: 10,
831
- r: 1.5,
832
- fill: "currentColor"
1383
+ /* @__PURE__ */ React.createElement("path", {
1384
+ fill: "currentColor",
1385
+ d: "M17 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
833
1386
  })
834
1387
  )
835
1388
  );
836
1389
 
837
- export { IconArrowBoxOut, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpLeft, IconArrowUpRight, IconBarThree, IconCheckMark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCog, IconCross, IconCrossCircle, IconEnvelope, IconExclamationPointCircle, IconGlobe, IconHouse, IconInformationMarkCircle, IconLink, IconLockClosed, IconLockOpen, IconMagnifyingGlass, IconMinus, IconPlaceholder, IconPlug, IconPlus, IconQuestionMarkCircle, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconUser, IconUserAdd, IconUsers, IconWallet };
1390
+ export { IconArrowBoxOut, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowFatRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpLeft, IconArrowUpRight, IconBarThree, IconChat, IconCheckMark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircle, IconCircleMotionX, IconCog, IconCross, IconCrossCircle, IconEnvelope, IconExclamationPointCircle, IconFunnel, IconGlobe, IconHouse, IconInformationMarkCircle, IconLineDiagonal, IconLink, IconLockClosed, IconLockOpen, IconMagnifyingGlass, IconMicrophone, IconMicrophoneSlash, IconMinus, IconParallelogram, IconPauseCircle, IconPlaceholder, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconQuestionMarkCircle, IconRhombus, IconShapes, IconSlidersX, IconSlidersY, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconSpeakerCross, IconSpeakerHigh, IconSquare, IconSquareRounded, IconStopCircle, IconTriangle, IconUser, IconUserAdd, IconUsers, IconWallet };
838
1391
  //# sourceMappingURL=module.js.map