@opensite/ui 2.8.6 → 2.8.8

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 (143) hide show
  1. package/dist/about-developer-profile.cjs +17 -10
  2. package/dist/about-developer-profile.js +17 -10
  3. package/dist/article-chapters-author.cjs +17 -10
  4. package/dist/article-chapters-author.js +17 -10
  5. package/dist/carousel-animated-sections.cjs +79 -25
  6. package/dist/carousel-animated-sections.d.cts +7 -2
  7. package/dist/carousel-animated-sections.d.ts +7 -2
  8. package/dist/carousel-animated-sections.js +79 -25
  9. package/dist/carousel-gallery-thumbnails.cjs +79 -25
  10. package/dist/carousel-gallery-thumbnails.d.cts +7 -2
  11. package/dist/carousel-gallery-thumbnails.d.ts +7 -2
  12. package/dist/carousel-gallery-thumbnails.js +79 -25
  13. package/dist/carousel-icon-sidebar.cjs +5 -4
  14. package/dist/carousel-icon-sidebar.js +5 -4
  15. package/dist/carousel-portfolio-hero.cjs +79 -25
  16. package/dist/carousel-portfolio-hero.d.cts +7 -2
  17. package/dist/carousel-portfolio-hero.d.ts +7 -2
  18. package/dist/carousel-portfolio-hero.js +79 -25
  19. package/dist/components.cjs +81 -42
  20. package/dist/components.d.cts +29 -2
  21. package/dist/components.d.ts +29 -2
  22. package/dist/components.js +81 -43
  23. package/dist/contact-map.cjs +46 -32
  24. package/dist/contact-map.js +46 -32
  25. package/dist/footer-accordion-social.cjs +17 -10
  26. package/dist/footer-accordion-social.js +17 -10
  27. package/dist/footer-animated-social.cjs +17 -10
  28. package/dist/footer-animated-social.js +17 -10
  29. package/dist/footer-brand-description.cjs +17 -10
  30. package/dist/footer-brand-description.js +17 -10
  31. package/dist/footer-brand-links-contact.cjs +17 -10
  32. package/dist/footer-brand-links-contact.js +17 -10
  33. package/dist/footer-comprehensive-links.cjs +17 -10
  34. package/dist/footer-comprehensive-links.js +17 -10
  35. package/dist/footer-contact-card.cjs +17 -10
  36. package/dist/footer-contact-card.js +17 -10
  37. package/dist/footer-cta-banner.cjs +17 -10
  38. package/dist/footer-cta-banner.js +17 -10
  39. package/dist/footer-cta-social.cjs +17 -10
  40. package/dist/footer-cta-social.js +17 -10
  41. package/dist/footer-info-cards-accordion.cjs +17 -10
  42. package/dist/footer-info-cards-accordion.js +17 -10
  43. package/dist/footer-nav-social.cjs +17 -10
  44. package/dist/footer-nav-social.js +17 -10
  45. package/dist/footer-newsletter-contact.cjs +17 -10
  46. package/dist/footer-newsletter-contact.js +17 -10
  47. package/dist/footer-newsletter-grid.cjs +17 -10
  48. package/dist/footer-newsletter-grid.js +17 -10
  49. package/dist/footer-newsletter-minimal.cjs +17 -10
  50. package/dist/footer-newsletter-minimal.js +17 -10
  51. package/dist/footer-social-apps.cjs +17 -10
  52. package/dist/footer-social-apps.js +17 -10
  53. package/dist/footer-social-newsletter.cjs +17 -10
  54. package/dist/footer-social-newsletter.js +17 -10
  55. package/dist/footer-split-image-accordion.cjs +17 -10
  56. package/dist/footer-split-image-accordion.js +17 -10
  57. package/dist/geo-map.cjs +46 -32
  58. package/dist/geo-map.js +46 -32
  59. package/dist/hero-coming-soon-countdown.cjs +17 -10
  60. package/dist/hero-coming-soon-countdown.js +17 -10
  61. package/dist/hero-video-background-dark.cjs +78 -16
  62. package/dist/hero-video-background-dark.d.cts +7 -2
  63. package/dist/hero-video-background-dark.d.ts +7 -2
  64. package/dist/hero-video-background-dark.js +78 -16
  65. package/dist/index.cjs +81 -42
  66. package/dist/index.d.cts +1 -0
  67. package/dist/index.d.ts +1 -0
  68. package/dist/index.js +81 -43
  69. package/dist/link-page-bento-layout.cjs +17 -10
  70. package/dist/link-page-bento-layout.js +17 -10
  71. package/dist/link-page-grid-cards.cjs +17 -10
  72. package/dist/link-page-grid-cards.js +17 -10
  73. package/dist/link-page-minimal-profile.cjs +17 -10
  74. package/dist/link-page-minimal-profile.js +17 -10
  75. package/dist/link-page-newsletter-social.cjs +17 -10
  76. package/dist/link-page-newsletter-social.js +17 -10
  77. package/dist/link-tree-block.cjs +17 -10
  78. package/dist/link-tree-block.js +17 -10
  79. package/dist/navbar-fullscreen-menu.cjs +17 -10
  80. package/dist/navbar-fullscreen-menu.js +17 -10
  81. package/dist/navbar-transparent-overlay.cjs +17 -10
  82. package/dist/navbar-transparent-overlay.js +17 -10
  83. package/dist/registry.cjs +967 -620
  84. package/dist/registry.js +967 -620
  85. package/dist/social-link-icon.cjs +17 -10
  86. package/dist/social-link-icon.d.cts +5 -0
  87. package/dist/social-link-icon.d.ts +5 -0
  88. package/dist/social-link-icon.js +17 -10
  89. package/dist/testimonials-bento-grid.cjs +1 -1
  90. package/dist/testimonials-bento-grid.js +1 -1
  91. package/dist/testimonials-carousel-image.cjs +16 -2
  92. package/dist/testimonials-carousel-image.d.cts +5 -1
  93. package/dist/testimonials-carousel-image.d.ts +5 -1
  94. package/dist/testimonials-carousel-image.js +16 -2
  95. package/dist/testimonials-centered-avatars.cjs +1 -1
  96. package/dist/testimonials-centered-avatars.js +1 -1
  97. package/dist/testimonials-grid-add-review.cjs +51 -29
  98. package/dist/testimonials-grid-add-review.js +51 -29
  99. package/dist/testimonials-images-helpful.cjs +181 -160
  100. package/dist/testimonials-images-helpful.d.cts +9 -1
  101. package/dist/testimonials-images-helpful.d.ts +9 -1
  102. package/dist/testimonials-images-helpful.js +181 -159
  103. package/dist/testimonials-large-quote.cjs +74 -43
  104. package/dist/testimonials-large-quote.d.cts +5 -1
  105. package/dist/testimonials-large-quote.d.ts +5 -1
  106. package/dist/testimonials-large-quote.js +74 -43
  107. package/dist/testimonials-list-verified.cjs +63 -44
  108. package/dist/testimonials-list-verified.d.cts +5 -1
  109. package/dist/testimonials-list-verified.d.ts +5 -1
  110. package/dist/testimonials-list-verified.js +64 -45
  111. package/dist/testimonials-logo-cards.cjs +55 -25
  112. package/dist/testimonials-logo-cards.d.cts +5 -1
  113. package/dist/testimonials-logo-cards.d.ts +5 -1
  114. package/dist/testimonials-logo-cards.js +55 -25
  115. package/dist/testimonials-marquee.cjs +440 -28
  116. package/dist/testimonials-marquee.js +441 -26
  117. package/dist/testimonials-masonry-grid.cjs +486 -69
  118. package/dist/testimonials-masonry-grid.d.cts +5 -1
  119. package/dist/testimonials-masonry-grid.d.ts +5 -1
  120. package/dist/testimonials-masonry-grid.js +483 -63
  121. package/dist/testimonials-mini-dividers.cjs +119 -83
  122. package/dist/testimonials-mini-dividers.d.cts +10 -6
  123. package/dist/testimonials-mini-dividers.d.ts +10 -6
  124. package/dist/testimonials-mini-dividers.js +119 -83
  125. package/dist/testimonials-minimal-numbered.cjs +9 -7
  126. package/dist/testimonials-minimal-numbered.d.cts +5 -1
  127. package/dist/testimonials-minimal-numbered.d.ts +5 -1
  128. package/dist/testimonials-minimal-numbered.js +9 -7
  129. package/dist/testimonials-parallax-number.cjs +14 -9
  130. package/dist/testimonials-parallax-number.js +14 -9
  131. package/dist/testimonials-scrolling-columns.cjs +100 -21
  132. package/dist/testimonials-scrolling-columns.js +100 -21
  133. package/dist/testimonials-simple-grid.cjs +22 -5
  134. package/dist/testimonials-simple-grid.js +22 -5
  135. package/dist/testimonials-slider-minimal.cjs +1 -1
  136. package/dist/testimonials-slider-minimal.js +1 -1
  137. package/dist/testimonials-stats-header.cjs +528 -87
  138. package/dist/testimonials-stats-header.d.cts +39 -3
  139. package/dist/testimonials-stats-header.d.ts +39 -3
  140. package/dist/testimonials-stats-header.js +523 -82
  141. package/dist/testimonials-twitter-cards.cjs +20 -12
  142. package/dist/testimonials-twitter-cards.js +20 -12
  143. package/package.json +11 -1
@@ -879,6 +879,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
879
879
  iconClassName,
880
880
  className,
881
881
  iconNameOverride,
882
+ iconOnly = false,
882
883
  ...pressableProps
883
884
  }, ref) => {
884
885
  const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -891,6 +892,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
891
892
  const accessibleLabel = React__namespace.useMemo(() => {
892
893
  return label || platformName;
893
894
  }, [label, platformName]);
895
+ const icon = React__namespace.useMemo(() => {
896
+ return /* @__PURE__ */ jsxRuntime.jsx(
897
+ DynamicIcon,
898
+ {
899
+ name: iconName,
900
+ size: iconSize,
901
+ color: iconColor,
902
+ className: iconClassName,
903
+ alt: accessibleLabel
904
+ }
905
+ );
906
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
907
+ if (iconOnly) {
908
+ return icon;
909
+ }
894
910
  return /* @__PURE__ */ jsxRuntime.jsx(
895
911
  Pressable,
896
912
  {
@@ -902,16 +918,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
902
918
  className
903
919
  ),
904
920
  ...pressableProps,
905
- children: /* @__PURE__ */ jsxRuntime.jsx(
906
- DynamicIcon,
907
- {
908
- name: iconName,
909
- size: iconSize,
910
- color: iconColor,
911
- className: iconClassName,
912
- alt: accessibleLabel
913
- }
914
- )
921
+ children: icon
915
922
  }
916
923
  );
917
924
  }
@@ -858,6 +858,7 @@ var SocialLinkIcon = React.forwardRef(
858
858
  iconClassName,
859
859
  className,
860
860
  iconNameOverride,
861
+ iconOnly = false,
861
862
  ...pressableProps
862
863
  }, ref) => {
863
864
  const platform = usePlatformFromUrl(href);
@@ -870,6 +871,21 @@ var SocialLinkIcon = React.forwardRef(
870
871
  const accessibleLabel = React.useMemo(() => {
871
872
  return label || platformName;
872
873
  }, [label, platformName]);
874
+ const icon = React.useMemo(() => {
875
+ return /* @__PURE__ */ jsx(
876
+ DynamicIcon,
877
+ {
878
+ name: iconName,
879
+ size: iconSize,
880
+ color: iconColor,
881
+ className: iconClassName,
882
+ alt: accessibleLabel
883
+ }
884
+ );
885
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
886
+ if (iconOnly) {
887
+ return icon;
888
+ }
873
889
  return /* @__PURE__ */ jsx(
874
890
  Pressable,
875
891
  {
@@ -881,16 +897,7 @@ var SocialLinkIcon = React.forwardRef(
881
897
  className
882
898
  ),
883
899
  ...pressableProps,
884
- children: /* @__PURE__ */ jsx(
885
- DynamicIcon,
886
- {
887
- name: iconName,
888
- size: iconSize,
889
- color: iconColor,
890
- className: iconClassName,
891
- alt: accessibleLabel
892
- }
893
- )
900
+ children: icon
894
901
  }
895
902
  );
896
903
  }
@@ -880,6 +880,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
880
880
  iconClassName,
881
881
  className,
882
882
  iconNameOverride,
883
+ iconOnly = false,
883
884
  ...pressableProps
884
885
  }, ref) => {
885
886
  const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -892,6 +893,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
892
893
  const accessibleLabel = React__namespace.useMemo(() => {
893
894
  return label || platformName;
894
895
  }, [label, platformName]);
896
+ const icon = React__namespace.useMemo(() => {
897
+ return /* @__PURE__ */ jsxRuntime.jsx(
898
+ DynamicIcon,
899
+ {
900
+ name: iconName,
901
+ size: iconSize,
902
+ color: iconColor,
903
+ className: iconClassName,
904
+ alt: accessibleLabel
905
+ }
906
+ );
907
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
908
+ if (iconOnly) {
909
+ return icon;
910
+ }
895
911
  return /* @__PURE__ */ jsxRuntime.jsx(
896
912
  Pressable,
897
913
  {
@@ -903,16 +919,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
903
919
  className
904
920
  ),
905
921
  ...pressableProps,
906
- children: /* @__PURE__ */ jsxRuntime.jsx(
907
- DynamicIcon,
908
- {
909
- name: iconName,
910
- size: iconSize,
911
- color: iconColor,
912
- className: iconClassName,
913
- alt: accessibleLabel
914
- }
915
- )
922
+ children: icon
916
923
  }
917
924
  );
918
925
  }
@@ -859,6 +859,7 @@ var SocialLinkIcon = React.forwardRef(
859
859
  iconClassName,
860
860
  className,
861
861
  iconNameOverride,
862
+ iconOnly = false,
862
863
  ...pressableProps
863
864
  }, ref) => {
864
865
  const platform = usePlatformFromUrl(href);
@@ -871,6 +872,21 @@ var SocialLinkIcon = React.forwardRef(
871
872
  const accessibleLabel = React.useMemo(() => {
872
873
  return label || platformName;
873
874
  }, [label, platformName]);
875
+ const icon = React.useMemo(() => {
876
+ return /* @__PURE__ */ jsx(
877
+ DynamicIcon,
878
+ {
879
+ name: iconName,
880
+ size: iconSize,
881
+ color: iconColor,
882
+ className: iconClassName,
883
+ alt: accessibleLabel
884
+ }
885
+ );
886
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
887
+ if (iconOnly) {
888
+ return icon;
889
+ }
874
890
  return /* @__PURE__ */ jsx(
875
891
  Pressable,
876
892
  {
@@ -882,16 +898,7 @@ var SocialLinkIcon = React.forwardRef(
882
898
  className
883
899
  ),
884
900
  ...pressableProps,
885
- children: /* @__PURE__ */ jsx(
886
- DynamicIcon,
887
- {
888
- name: iconName,
889
- size: iconSize,
890
- color: iconColor,
891
- className: iconClassName,
892
- alt: accessibleLabel
893
- }
894
- )
901
+ children: icon
895
902
  }
896
903
  );
897
904
  }
@@ -913,6 +913,7 @@ var SocialLinkIcon = React7__namespace.forwardRef(
913
913
  iconClassName,
914
914
  className,
915
915
  iconNameOverride,
916
+ iconOnly = false,
916
917
  ...pressableProps
917
918
  }, ref) => {
918
919
  const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -925,6 +926,21 @@ var SocialLinkIcon = React7__namespace.forwardRef(
925
926
  const accessibleLabel = React7__namespace.useMemo(() => {
926
927
  return label || platformName;
927
928
  }, [label, platformName]);
929
+ const icon = React7__namespace.useMemo(() => {
930
+ return /* @__PURE__ */ jsxRuntime.jsx(
931
+ DynamicIcon,
932
+ {
933
+ name: iconName,
934
+ size: iconSize,
935
+ color: iconColor,
936
+ className: iconClassName,
937
+ alt: accessibleLabel
938
+ }
939
+ );
940
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
941
+ if (iconOnly) {
942
+ return icon;
943
+ }
928
944
  return /* @__PURE__ */ jsxRuntime.jsx(
929
945
  Pressable,
930
946
  {
@@ -936,16 +952,7 @@ var SocialLinkIcon = React7__namespace.forwardRef(
936
952
  className
937
953
  ),
938
954
  ...pressableProps,
939
- children: /* @__PURE__ */ jsxRuntime.jsx(
940
- DynamicIcon,
941
- {
942
- name: iconName,
943
- size: iconSize,
944
- color: iconColor,
945
- className: iconClassName,
946
- alt: accessibleLabel
947
- }
948
- )
955
+ children: icon
949
956
  }
950
957
  );
951
958
  }
@@ -892,6 +892,7 @@ var SocialLinkIcon = React7.forwardRef(
892
892
  iconClassName,
893
893
  className,
894
894
  iconNameOverride,
895
+ iconOnly = false,
895
896
  ...pressableProps
896
897
  }, ref) => {
897
898
  const platform = usePlatformFromUrl(href);
@@ -904,6 +905,21 @@ var SocialLinkIcon = React7.forwardRef(
904
905
  const accessibleLabel = React7.useMemo(() => {
905
906
  return label || platformName;
906
907
  }, [label, platformName]);
908
+ const icon = React7.useMemo(() => {
909
+ return /* @__PURE__ */ jsx(
910
+ DynamicIcon,
911
+ {
912
+ name: iconName,
913
+ size: iconSize,
914
+ color: iconColor,
915
+ className: iconClassName,
916
+ alt: accessibleLabel
917
+ }
918
+ );
919
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
920
+ if (iconOnly) {
921
+ return icon;
922
+ }
907
923
  return /* @__PURE__ */ jsx(
908
924
  Pressable,
909
925
  {
@@ -915,16 +931,7 @@ var SocialLinkIcon = React7.forwardRef(
915
931
  className
916
932
  ),
917
933
  ...pressableProps,
918
- children: /* @__PURE__ */ jsx(
919
- DynamicIcon,
920
- {
921
- name: iconName,
922
- size: iconSize,
923
- color: iconColor,
924
- className: iconClassName,
925
- alt: accessibleLabel
926
- }
927
- )
934
+ children: icon
928
935
  }
929
936
  );
930
937
  }
@@ -939,6 +939,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
939
939
  iconClassName,
940
940
  className,
941
941
  iconNameOverride,
942
+ iconOnly = false,
942
943
  ...pressableProps
943
944
  }, ref) => {
944
945
  const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -951,6 +952,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
951
952
  const accessibleLabel = React__namespace.useMemo(() => {
952
953
  return label || platformName;
953
954
  }, [label, platformName]);
955
+ const icon = React__namespace.useMemo(() => {
956
+ return /* @__PURE__ */ jsxRuntime.jsx(
957
+ DynamicIcon,
958
+ {
959
+ name: iconName,
960
+ size: iconSize,
961
+ color: iconColor,
962
+ className: iconClassName,
963
+ alt: accessibleLabel
964
+ }
965
+ );
966
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
967
+ if (iconOnly) {
968
+ return icon;
969
+ }
954
970
  return /* @__PURE__ */ jsxRuntime.jsx(
955
971
  Pressable,
956
972
  {
@@ -962,16 +978,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
962
978
  className
963
979
  ),
964
980
  ...pressableProps,
965
- children: /* @__PURE__ */ jsxRuntime.jsx(
966
- DynamicIcon,
967
- {
968
- name: iconName,
969
- size: iconSize,
970
- color: iconColor,
971
- className: iconClassName,
972
- alt: accessibleLabel
973
- }
974
- )
981
+ children: icon
975
982
  }
976
983
  );
977
984
  }
@@ -918,6 +918,7 @@ var SocialLinkIcon = React.forwardRef(
918
918
  iconClassName,
919
919
  className,
920
920
  iconNameOverride,
921
+ iconOnly = false,
921
922
  ...pressableProps
922
923
  }, ref) => {
923
924
  const platform = usePlatformFromUrl(href);
@@ -930,6 +931,21 @@ var SocialLinkIcon = React.forwardRef(
930
931
  const accessibleLabel = React.useMemo(() => {
931
932
  return label || platformName;
932
933
  }, [label, platformName]);
934
+ const icon = React.useMemo(() => {
935
+ return /* @__PURE__ */ jsx(
936
+ DynamicIcon,
937
+ {
938
+ name: iconName,
939
+ size: iconSize,
940
+ color: iconColor,
941
+ className: iconClassName,
942
+ alt: accessibleLabel
943
+ }
944
+ );
945
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
946
+ if (iconOnly) {
947
+ return icon;
948
+ }
933
949
  return /* @__PURE__ */ jsx(
934
950
  Pressable,
935
951
  {
@@ -941,16 +957,7 @@ var SocialLinkIcon = React.forwardRef(
941
957
  className
942
958
  ),
943
959
  ...pressableProps,
944
- children: /* @__PURE__ */ jsx(
945
- DynamicIcon,
946
- {
947
- name: iconName,
948
- size: iconSize,
949
- color: iconColor,
950
- className: iconClassName,
951
- alt: accessibleLabel
952
- }
953
- )
960
+ children: icon
954
961
  }
955
962
  );
956
963
  }
@@ -1011,6 +1011,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
1011
1011
  iconClassName,
1012
1012
  className,
1013
1013
  iconNameOverride,
1014
+ iconOnly = false,
1014
1015
  ...pressableProps
1015
1016
  }, ref) => {
1016
1017
  const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1023,6 +1024,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
1023
1024
  const accessibleLabel = React__namespace.useMemo(() => {
1024
1025
  return label || platformName;
1025
1026
  }, [label, platformName]);
1027
+ const icon = React__namespace.useMemo(() => {
1028
+ return /* @__PURE__ */ jsxRuntime.jsx(
1029
+ DynamicIcon,
1030
+ {
1031
+ name: iconName,
1032
+ size: iconSize,
1033
+ color: iconColor,
1034
+ className: iconClassName,
1035
+ alt: accessibleLabel
1036
+ }
1037
+ );
1038
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
1039
+ if (iconOnly) {
1040
+ return icon;
1041
+ }
1026
1042
  return /* @__PURE__ */ jsxRuntime.jsx(
1027
1043
  Pressable,
1028
1044
  {
@@ -1034,16 +1050,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
1034
1050
  className
1035
1051
  ),
1036
1052
  ...pressableProps,
1037
- children: /* @__PURE__ */ jsxRuntime.jsx(
1038
- DynamicIcon,
1039
- {
1040
- name: iconName,
1041
- size: iconSize,
1042
- color: iconColor,
1043
- className: iconClassName,
1044
- alt: accessibleLabel
1045
- }
1046
- )
1053
+ children: icon
1047
1054
  }
1048
1055
  );
1049
1056
  }
@@ -989,6 +989,7 @@ var SocialLinkIcon = React.forwardRef(
989
989
  iconClassName,
990
990
  className,
991
991
  iconNameOverride,
992
+ iconOnly = false,
992
993
  ...pressableProps
993
994
  }, ref) => {
994
995
  const platform = usePlatformFromUrl(href);
@@ -1001,6 +1002,21 @@ var SocialLinkIcon = React.forwardRef(
1001
1002
  const accessibleLabel = React.useMemo(() => {
1002
1003
  return label || platformName;
1003
1004
  }, [label, platformName]);
1005
+ const icon = React.useMemo(() => {
1006
+ return /* @__PURE__ */ jsx(
1007
+ DynamicIcon,
1008
+ {
1009
+ name: iconName,
1010
+ size: iconSize,
1011
+ color: iconColor,
1012
+ className: iconClassName,
1013
+ alt: accessibleLabel
1014
+ }
1015
+ );
1016
+ }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
1017
+ if (iconOnly) {
1018
+ return icon;
1019
+ }
1004
1020
  return /* @__PURE__ */ jsx(
1005
1021
  Pressable,
1006
1022
  {
@@ -1012,16 +1028,7 @@ var SocialLinkIcon = React.forwardRef(
1012
1028
  className
1013
1029
  ),
1014
1030
  ...pressableProps,
1015
- children: /* @__PURE__ */ jsx(
1016
- DynamicIcon,
1017
- {
1018
- name: iconName,
1019
- size: iconSize,
1020
- color: iconColor,
1021
- className: iconClassName,
1022
- alt: accessibleLabel
1023
- }
1024
- )
1031
+ children: icon
1025
1032
  }
1026
1033
  );
1027
1034
  }