@ably/ui 15.4.1 → 15.5.0-dev.4b8dd74

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 (197) hide show
  1. package/README.md +23 -2
  2. package/core/Accordion/types.js +2 -1
  3. package/core/Accordion/types.js.map +1 -0
  4. package/core/Accordion/utils.js +2 -1
  5. package/core/Accordion/utils.js.map +1 -0
  6. package/core/Accordion.js +2 -1
  7. package/core/Accordion.js.map +1 -0
  8. package/core/Badge.js +2 -1
  9. package/core/Badge.js.map +1 -0
  10. package/core/Button.js +2 -1
  11. package/core/Button.js.map +1 -0
  12. package/core/Code/component.js +2 -1
  13. package/core/Code/component.js.map +1 -0
  14. package/core/Code.js +2 -1
  15. package/core/Code.js.map +1 -0
  16. package/core/ConnectStateWrapper.js +2 -1
  17. package/core/ConnectStateWrapper.js.map +1 -0
  18. package/core/ContactFooter/component.js +2 -1
  19. package/core/ContactFooter/component.js.map +1 -0
  20. package/core/ContactFooter.js +2 -1
  21. package/core/ContactFooter.js.map +1 -0
  22. package/core/CookieMessage.js +2 -1
  23. package/core/CookieMessage.js.map +1 -0
  24. package/core/CustomerLogos.js +2 -1
  25. package/core/CustomerLogos.js.map +1 -0
  26. package/core/DropdownMenu.js +2 -1
  27. package/core/DropdownMenu.js.map +1 -0
  28. package/core/Expander.js +2 -1
  29. package/core/Expander.js.map +1 -0
  30. package/core/FeaturedLink.js +2 -1
  31. package/core/FeaturedLink.js.map +1 -0
  32. package/core/Flash.js +2 -1
  33. package/core/Flash.js.map +1 -0
  34. package/core/Flyout.js +2 -1
  35. package/core/Flyout.js.map +1 -0
  36. package/core/Footer.js +2 -1
  37. package/core/Footer.js.map +1 -0
  38. package/core/Header/HeaderLinks.js +2 -1
  39. package/core/Header/HeaderLinks.js.map +1 -0
  40. package/core/Header.js +2 -1
  41. package/core/Header.js.map +1 -0
  42. package/core/Icon/computed-icons.js +2 -1
  43. package/core/Icon/computed-icons.js.map +1 -0
  44. package/core/Icon/types.js +2 -1
  45. package/core/Icon/types.js.map +1 -0
  46. package/core/Icon/utils.js +2 -1
  47. package/core/Icon/utils.js.map +1 -0
  48. package/core/Icon.js +2 -1
  49. package/core/Icon.js.map +1 -0
  50. package/core/LinkButton.js +2 -1
  51. package/core/LinkButton.js.map +1 -0
  52. package/core/Loader.js +2 -1
  53. package/core/Loader.js.map +1 -0
  54. package/core/Logo.js +2 -1
  55. package/core/Logo.js.map +1 -0
  56. package/core/Meganav/component.js +2 -1
  57. package/core/Meganav/component.js.map +1 -0
  58. package/core/Meganav.js +2 -1
  59. package/core/Meganav.js.map +1 -0
  60. package/core/MeganavBlogPostsList/component.js +2 -1
  61. package/core/MeganavBlogPostsList/component.js.map +1 -0
  62. package/core/MeganavBlogPostsList.js +2 -1
  63. package/core/MeganavBlogPostsList.js.map +1 -0
  64. package/core/MeganavContentCompany.js +2 -1
  65. package/core/MeganavContentCompany.js.map +1 -0
  66. package/core/MeganavContentDevelopers.js +2 -1
  67. package/core/MeganavContentDevelopers.js.map +1 -0
  68. package/core/MeganavContentProducts.js +2 -1
  69. package/core/MeganavContentProducts.js.map +1 -0
  70. package/core/MeganavContentUseCases.js +2 -1
  71. package/core/MeganavContentUseCases.js.map +1 -0
  72. package/core/MeganavControl/component.js +2 -1
  73. package/core/MeganavControl/component.js.map +1 -0
  74. package/core/MeganavControl.js +2 -1
  75. package/core/MeganavControl.js.map +1 -0
  76. package/core/MeganavControlMobileDropdown/component.js +2 -1
  77. package/core/MeganavControlMobileDropdown/component.js.map +1 -0
  78. package/core/MeganavControlMobileDropdown.js +2 -1
  79. package/core/MeganavControlMobileDropdown.js.map +1 -0
  80. package/core/MeganavControlMobilePanelClose/component.js +2 -1
  81. package/core/MeganavControlMobilePanelClose/component.js.map +1 -0
  82. package/core/MeganavControlMobilePanelClose.js +2 -1
  83. package/core/MeganavControlMobilePanelClose.js.map +1 -0
  84. package/core/MeganavControlMobilePanelOpen/component.js +2 -1
  85. package/core/MeganavControlMobilePanelOpen/component.js.map +1 -0
  86. package/core/MeganavControlMobilePanelOpen.js +2 -1
  87. package/core/MeganavControlMobilePanelOpen.js.map +1 -0
  88. package/core/MeganavItemsDesktop.js +2 -1
  89. package/core/MeganavItemsDesktop.js.map +1 -0
  90. package/core/MeganavItemsMobile.js +2 -1
  91. package/core/MeganavItemsMobile.js.map +1 -0
  92. package/core/MeganavItemsSignedIn.js +2 -1
  93. package/core/MeganavItemsSignedIn.js.map +1 -0
  94. package/core/MeganavSearch.js +2 -1
  95. package/core/MeganavSearch.js.map +1 -0
  96. package/core/MeganavSearchAutocomplete/component.js +2 -1
  97. package/core/MeganavSearchAutocomplete/component.js.map +1 -0
  98. package/core/MeganavSearchAutocomplete.js +2 -1
  99. package/core/MeganavSearchAutocomplete.js.map +1 -0
  100. package/core/MeganavSearchPanel.js +2 -1
  101. package/core/MeganavSearchPanel.js.map +1 -0
  102. package/core/MeganavSearchSuggestions/component.js +2 -1
  103. package/core/MeganavSearchSuggestions/component.js.map +1 -0
  104. package/core/MeganavSearchSuggestions.js +2 -1
  105. package/core/MeganavSearchSuggestions.js.map +1 -0
  106. package/core/Notice/component.js +2 -1
  107. package/core/Notice/component.js.map +1 -0
  108. package/core/Notice.js +2 -1
  109. package/core/Notice.js.map +1 -0
  110. package/core/Pricing/PricingCards.js +2 -1
  111. package/core/Pricing/PricingCards.js.map +1 -0
  112. package/core/Pricing/data.js +2 -1
  113. package/core/Pricing/data.js.map +1 -0
  114. package/core/Pricing/types.js +2 -1
  115. package/core/Pricing/types.js.map +1 -0
  116. package/core/ProductTile/ProductDescription.js +2 -1
  117. package/core/ProductTile/ProductDescription.js.map +1 -0
  118. package/core/ProductTile/ProductIcon.js +2 -1
  119. package/core/ProductTile/ProductIcon.js.map +1 -0
  120. package/core/ProductTile/ProductLabel.js +2 -1
  121. package/core/ProductTile/ProductLabel.js.map +1 -0
  122. package/core/ProductTile/data.js +2 -1
  123. package/core/ProductTile/data.js.map +1 -0
  124. package/core/ProductTile.js +2 -1
  125. package/core/ProductTile.js.map +1 -0
  126. package/core/SignOutLink.js +2 -1
  127. package/core/SignOutLink.js.map +1 -0
  128. package/core/Slider/component.js +2 -1
  129. package/core/Slider/component.js.map +1 -0
  130. package/core/Slider.js +2 -1
  131. package/core/Slider.js.map +1 -0
  132. package/core/Status.js +2 -1
  133. package/core/Status.js.map +1 -0
  134. package/core/TabMenu.js +2 -1
  135. package/core/TabMenu.js.map +1 -0
  136. package/core/Table/Table.js +2 -1
  137. package/core/Table/Table.js.map +1 -0
  138. package/core/Table/TableCell.js +2 -1
  139. package/core/Table/TableCell.js.map +1 -0
  140. package/core/Table/TableRow.js +2 -1
  141. package/core/Table/TableRow.js.map +1 -0
  142. package/core/Table/data.js +2 -1
  143. package/core/Table/data.js.map +1 -0
  144. package/core/Table.js +2 -1
  145. package/core/Table.js.map +1 -0
  146. package/core/Toggle.js +2 -1
  147. package/core/Toggle.js.map +1 -0
  148. package/core/Tooltip.js +2 -1
  149. package/core/Tooltip.js.map +1 -0
  150. package/core/css.js +2 -1
  151. package/core/css.js.map +1 -0
  152. package/core/dom-query.js +2 -1
  153. package/core/dom-query.js.map +1 -0
  154. package/core/hubspot-chat-toggle.js +2 -1
  155. package/core/hubspot-chat-toggle.js.map +1 -0
  156. package/core/icons.js +2 -1
  157. package/core/icons.js.map +1 -0
  158. package/core/insights/index.js +2 -0
  159. package/core/insights/index.js.map +1 -0
  160. package/core/insights/mixpanel.js +2 -0
  161. package/core/insights/mixpanel.js.map +1 -0
  162. package/core/insights/posthog.js +2 -0
  163. package/core/insights/posthog.js.map +1 -0
  164. package/core/load-sprites.js +2 -1
  165. package/core/load-sprites.js.map +1 -0
  166. package/core/react-renderer.js +2 -1
  167. package/core/react-renderer.js.map +1 -0
  168. package/core/remote-blogs-posts.js +2 -1
  169. package/core/remote-blogs-posts.js.map +1 -0
  170. package/core/remote-data-store.js +2 -1
  171. package/core/remote-data-store.js.map +1 -0
  172. package/core/remote-data-util.js +2 -1
  173. package/core/remote-data-util.js.map +1 -0
  174. package/core/remote-session-data.js +2 -1
  175. package/core/remote-session-data.js.map +1 -0
  176. package/core/scripts.js +2 -1
  177. package/core/scripts.js.map +1 -0
  178. package/core/styles/colors/computed-colors.json +1 -0
  179. package/core/styles/colors/types.js +2 -1
  180. package/core/styles/colors/types.js.map +1 -0
  181. package/core/styles/colors/utils.js +2 -1
  182. package/core/styles/colors/utils.js.map +1 -0
  183. package/core/styles/forms/story-components.js +2 -1
  184. package/core/styles/forms/story-components.js.map +1 -0
  185. package/core/url-base.js +2 -1
  186. package/core/url-base.js.map +1 -0
  187. package/core/utils/cn.js +2 -1
  188. package/core/utils/cn.js.map +1 -0
  189. package/core/utils/heights.js +2 -1
  190. package/core/utils/heights.js.map +1 -0
  191. package/core/utils/syntax-highlighter-registry.js +2 -1
  192. package/core/utils/syntax-highlighter-registry.js.map +1 -0
  193. package/core/utils/syntax-highlighter.js +2 -1
  194. package/core/utils/syntax-highlighter.js.map +1 -0
  195. package/package.json +8 -2
  196. package/reset/scripts.js +2 -1
  197. package/reset/scripts.js.map +1 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/core/Icon/computed-icons.ts"],"sourcesContent":["// AUTOGENERATED BY build:sprites - DO NOT EDIT\n\nexport const computedIcons = {\n \"display\": [\n \"icon-display-48hrs\",\n \"icon-display-ably-channels\",\n \"icon-display-about-ably-col\",\n \"icon-display-api\",\n \"icon-display-api-keys\",\n \"icon-display-architectural-guidance\",\n \"icon-display-asset-tracking-col\",\n \"icon-display-authentication\",\n \"icon-display-avatar-stack\",\n \"icon-display-browser\",\n \"icon-display-calendar\",\n \"icon-display-call-mobile\",\n \"icon-display-careers-col\",\n \"icon-display-case-studies-col\",\n \"icon-display-chat-col\",\n \"icon-display-chat-mono\",\n \"icon-display-chat-stack\",\n \"icon-display-chat-stack-col\",\n \"icon-display-cloud-servers\",\n \"icon-display-compare-tech-col\",\n \"icon-display-connection-state-recovery\",\n \"icon-display-consumer-groups\",\n \"icon-display-custom\",\n \"icon-display-custom-cname\",\n \"icon-display-customers-col\",\n \"icon-display-data-broadcast-col\",\n \"icon-display-data-broadcast-mono\",\n \"icon-display-data-synchronization-col\",\n \"icon-display-dedicated-cluster\",\n \"icon-display-deltas\",\n \"icon-display-docs-col\",\n \"icon-display-documentation\",\n \"icon-display-dynamic-channel-groups\",\n \"icon-display-edge-network\",\n \"icon-display-elasticity\",\n \"icon-display-equalisers-mono\",\n \"icon-display-events-col\",\n \"icon-display-exactly-once-delivery\",\n \"icon-display-examples-col\",\n \"icon-display-fan-out\",\n \"icon-display-firehose\",\n \"icon-display-gdpr\",\n \"icon-display-general-comms\",\n \"icon-display-granular-permissions\",\n \"icon-display-hipaa\",\n \"icon-display-hipaa-mono\",\n \"icon-display-history\",\n \"icon-display-integrations\",\n \"icon-display-integrations-col\",\n \"icon-display-it-support-access\",\n \"icon-display-it-support-helpdesk\",\n \"icon-display-kafka-at-the-edge-col\",\n \"icon-display-laptop\",\n \"icon-display-lightbulb-col\",\n \"icon-display-live-chat\",\n \"icon-display-live-updates-results-metrics-col\",\n \"icon-display-map-pin\",\n \"icon-display-message\",\n \"icon-display-message-batching\",\n \"icon-display-message-persistence\",\n \"icon-display-message-queues\",\n \"icon-display-multi-user-spaces-col\",\n \"icon-display-observe-analytics\",\n \"icon-display-padlock-closed\",\n \"icon-display-platform\",\n \"icon-display-play\",\n \"icon-display-premium-support\",\n \"icon-display-privacy-shield-framework\",\n \"icon-display-private-link\",\n \"icon-display-push-notifications\",\n \"icon-display-push-notifications-col\",\n \"icon-display-push-notifications-mono\",\n \"icon-display-quickstart-guides-col\",\n \"icon-display-resources-col\",\n \"icon-display-rewind\",\n \"icon-display-sdks-col\",\n \"icon-display-send-received-messages\",\n \"icon-display-servers\",\n \"icon-display-shopping-cart\",\n \"icon-display-sla\",\n \"icon-display-soc2-type2\",\n \"icon-display-soc2-type2-mono\",\n \"icon-display-subscription-filters\",\n \"icon-display-support-chat-mono\",\n \"icon-display-system-metadata\",\n \"icon-display-tech-account-comms\",\n \"icon-display-tutorials-demos-col\",\n \"icon-display-virtual-events\",\n \"icon-display-virtual-events-col\"\n ] as const,\n \"gui\": [\n \"icon-gui-ably-badge\",\n \"icon-gui-academic-cap-micro\",\n \"icon-gui-academic-cap-mini\",\n \"icon-gui-academic-cap-outline\",\n \"icon-gui-academic-cap-solid\",\n \"icon-gui-adjustments-horizontal-micro\",\n \"icon-gui-adjustments-horizontal-mini\",\n \"icon-gui-adjustments-horizontal-outline\",\n \"icon-gui-adjustments-horizontal-solid\",\n \"icon-gui-adjustments-vertical-micro\",\n \"icon-gui-adjustments-vertical-mini\",\n \"icon-gui-adjustments-vertical-outline\",\n \"icon-gui-adjustments-vertical-solid\",\n \"icon-gui-archive-box-arrow-down-micro\",\n \"icon-gui-archive-box-arrow-down-mini\",\n \"icon-gui-archive-box-arrow-down-outline\",\n \"icon-gui-archive-box-arrow-down-solid\",\n \"icon-gui-archive-box-micro\",\n \"icon-gui-archive-box-mini\",\n \"icon-gui-archive-box-outline\",\n \"icon-gui-archive-box-solid\",\n \"icon-gui-archive-box-x-mark-micro\",\n \"icon-gui-archive-box-x-mark-mini\",\n \"icon-gui-archive-box-x-mark-outline\",\n \"icon-gui-archive-box-x-mark-solid\",\n \"icon-gui-arrow-down-circle-micro\",\n \"icon-gui-arrow-down-circle-mini\",\n \"icon-gui-arrow-down-circle-outline\",\n \"icon-gui-arrow-down-circle-solid\",\n \"icon-gui-arrow-down-left-micro\",\n \"icon-gui-arrow-down-left-mini\",\n \"icon-gui-arrow-down-left-outline\",\n \"icon-gui-arrow-down-left-solid\",\n \"icon-gui-arrow-down-micro\",\n \"icon-gui-arrow-down-mini\",\n \"icon-gui-arrow-down-on-square-micro\",\n \"icon-gui-arrow-down-on-square-mini\",\n \"icon-gui-arrow-down-on-square-outline\",\n \"icon-gui-arrow-down-on-square-solid\",\n \"icon-gui-arrow-down-on-square-stack-micro\",\n \"icon-gui-arrow-down-on-square-stack-mini\",\n \"icon-gui-arrow-down-on-square-stack-outline\",\n \"icon-gui-arrow-down-on-square-stack-solid\",\n \"icon-gui-arrow-down-outline\",\n \"icon-gui-arrow-down-right-micro\",\n \"icon-gui-arrow-down-right-mini\",\n \"icon-gui-arrow-down-right-outline\",\n \"icon-gui-arrow-down-right-solid\",\n \"icon-gui-arrow-down-solid\",\n \"icon-gui-arrow-down-tray-micro\",\n \"icon-gui-arrow-down-tray-mini\",\n \"icon-gui-arrow-down-tray-outline\",\n \"icon-gui-arrow-down-tray-solid\",\n \"icon-gui-arrow-left-circle-micro\",\n \"icon-gui-arrow-left-circle-mini\",\n \"icon-gui-arrow-left-circle-outline\",\n \"icon-gui-arrow-left-circle-solid\",\n \"icon-gui-arrow-left-end-on-rectangle-micro\",\n \"icon-gui-arrow-left-end-on-rectangle-mini\",\n \"icon-gui-arrow-left-end-on-rectangle-outline\",\n \"icon-gui-arrow-left-end-on-rectangle-solid\",\n \"icon-gui-arrow-left-micro\",\n \"icon-gui-arrow-left-mini\",\n \"icon-gui-arrow-left-on-rectangle-mini\",\n \"icon-gui-arrow-left-on-rectangle-outline\",\n \"icon-gui-arrow-left-on-rectangle-solid\",\n \"icon-gui-arrow-left-outline\",\n \"icon-gui-arrow-left-solid\",\n \"icon-gui-arrow-left-start-on-rectangle-micro\",\n \"icon-gui-arrow-left-start-on-rectangle-mini\",\n \"icon-gui-arrow-left-start-on-rectangle-outline\",\n \"icon-gui-arrow-left-start-on-rectangle-solid\",\n \"icon-gui-arrow-long-down-micro\",\n \"icon-gui-arrow-long-down-mini\",\n \"icon-gui-arrow-long-down-outline\",\n \"icon-gui-arrow-long-down-solid\",\n \"icon-gui-arrow-long-left-micro\",\n \"icon-gui-arrow-long-left-mini\",\n \"icon-gui-arrow-long-left-outline\",\n \"icon-gui-arrow-long-left-solid\",\n \"icon-gui-arrow-long-right-micro\",\n \"icon-gui-arrow-long-right-mini\",\n \"icon-gui-arrow-long-right-outline\",\n \"icon-gui-arrow-long-right-solid\",\n \"icon-gui-arrow-long-up-micro\",\n \"icon-gui-arrow-long-up-mini\",\n \"icon-gui-arrow-long-up-outline\",\n \"icon-gui-arrow-long-up-solid\",\n \"icon-gui-arrow-path-micro\",\n \"icon-gui-arrow-path-mini\",\n \"icon-gui-arrow-path-outline\",\n \"icon-gui-arrow-path-rounded-square-micro\",\n \"icon-gui-arrow-path-rounded-square-mini\",\n \"icon-gui-arrow-path-rounded-square-outline\",\n \"icon-gui-arrow-path-rounded-square-solid\",\n \"icon-gui-arrow-path-solid\",\n \"icon-gui-arrow-right-circle-micro\",\n \"icon-gui-arrow-right-circle-mini\",\n \"icon-gui-arrow-right-circle-outline\",\n \"icon-gui-arrow-right-circle-solid\",\n \"icon-gui-arrow-right-end-on-rectangle-micro\",\n \"icon-gui-arrow-right-end-on-rectangle-mini\",\n \"icon-gui-arrow-right-end-on-rectangle-outline\",\n \"icon-gui-arrow-right-end-on-rectangle-solid\",\n \"icon-gui-arrow-right-micro\",\n \"icon-gui-arrow-right-mini\",\n \"icon-gui-arrow-right-on-rectangle-mini\",\n \"icon-gui-arrow-right-on-rectangle-outline\",\n \"icon-gui-arrow-right-on-rectangle-solid\",\n \"icon-gui-arrow-right-outline\",\n \"icon-gui-arrow-right-solid\",\n \"icon-gui-arrow-right-start-on-rectangle-micro\",\n \"icon-gui-arrow-right-start-on-rectangle-mini\",\n \"icon-gui-arrow-right-start-on-rectangle-outline\",\n \"icon-gui-arrow-right-start-on-rectangle-solid\",\n \"icon-gui-arrow-small-down-mini\",\n \"icon-gui-arrow-small-down-outline\",\n \"icon-gui-arrow-small-down-solid\",\n \"icon-gui-arrow-small-left-mini\",\n \"icon-gui-arrow-small-left-outline\",\n \"icon-gui-arrow-small-left-solid\",\n \"icon-gui-arrow-small-right-mini\",\n \"icon-gui-arrow-small-right-outline\",\n \"icon-gui-arrow-small-right-solid\",\n \"icon-gui-arrow-small-up-mini\",\n \"icon-gui-arrow-small-up-outline\",\n \"icon-gui-arrow-small-up-solid\",\n \"icon-gui-arrow-top-right-on-square-micro\",\n \"icon-gui-arrow-top-right-on-square-mini\",\n \"icon-gui-arrow-top-right-on-square-outline\",\n \"icon-gui-arrow-top-right-on-square-solid\",\n \"icon-gui-arrow-trending-down-micro\",\n \"icon-gui-arrow-trending-down-mini\",\n \"icon-gui-arrow-trending-down-outline\",\n \"icon-gui-arrow-trending-down-solid\",\n \"icon-gui-arrow-trending-up-micro\",\n \"icon-gui-arrow-trending-up-mini\",\n \"icon-gui-arrow-trending-up-outline\",\n \"icon-gui-arrow-trending-up-solid\",\n \"icon-gui-arrow-turn-down-left-micro\",\n \"icon-gui-arrow-turn-down-left-mini\",\n \"icon-gui-arrow-turn-down-left-outline\",\n \"icon-gui-arrow-turn-down-left-solid\",\n \"icon-gui-arrow-turn-down-right-micro\",\n \"icon-gui-arrow-turn-down-right-mini\",\n \"icon-gui-arrow-turn-down-right-outline\",\n \"icon-gui-arrow-turn-down-right-solid\",\n \"icon-gui-arrow-turn-left-down-micro\",\n \"icon-gui-arrow-turn-left-down-mini\",\n \"icon-gui-arrow-turn-left-down-outline\",\n \"icon-gui-arrow-turn-left-down-solid\",\n \"icon-gui-arrow-turn-left-up-micro\",\n \"icon-gui-arrow-turn-left-up-mini\",\n \"icon-gui-arrow-turn-left-up-outline\",\n \"icon-gui-arrow-turn-left-up-solid\",\n \"icon-gui-arrow-turn-right-down-micro\",\n \"icon-gui-arrow-turn-right-down-mini\",\n \"icon-gui-arrow-turn-right-down-outline\",\n \"icon-gui-arrow-turn-right-down-solid\",\n \"icon-gui-arrow-turn-right-up-micro\",\n \"icon-gui-arrow-turn-right-up-mini\",\n \"icon-gui-arrow-turn-right-up-outline\",\n \"icon-gui-arrow-turn-right-up-solid\",\n \"icon-gui-arrow-turn-up-left-micro\",\n \"icon-gui-arrow-turn-up-left-mini\",\n \"icon-gui-arrow-turn-up-left-outline\",\n \"icon-gui-arrow-turn-up-left-solid\",\n \"icon-gui-arrow-turn-up-right-micro\",\n \"icon-gui-arrow-turn-up-right-mini\",\n \"icon-gui-arrow-turn-up-right-outline\",\n \"icon-gui-arrow-turn-up-right-solid\",\n \"icon-gui-arrow-up-circle-micro\",\n \"icon-gui-arrow-up-circle-mini\",\n \"icon-gui-arrow-up-circle-outline\",\n \"icon-gui-arrow-up-circle-solid\",\n \"icon-gui-arrow-up-left-micro\",\n \"icon-gui-arrow-up-left-mini\",\n \"icon-gui-arrow-up-left-outline\",\n \"icon-gui-arrow-up-left-solid\",\n \"icon-gui-arrow-up-micro\",\n \"icon-gui-arrow-up-mini\",\n \"icon-gui-arrow-up-on-square-micro\",\n \"icon-gui-arrow-up-on-square-mini\",\n \"icon-gui-arrow-up-on-square-outline\",\n \"icon-gui-arrow-up-on-square-solid\",\n \"icon-gui-arrow-up-on-square-stack-micro\",\n \"icon-gui-arrow-up-on-square-stack-mini\",\n \"icon-gui-arrow-up-on-square-stack-outline\",\n \"icon-gui-arrow-up-on-square-stack-solid\",\n \"icon-gui-arrow-up-outline\",\n \"icon-gui-arrow-up-right-micro\",\n \"icon-gui-arrow-up-right-mini\",\n \"icon-gui-arrow-up-right-outline\",\n \"icon-gui-arrow-up-right-solid\",\n \"icon-gui-arrow-up-solid\",\n \"icon-gui-arrow-up-tray-micro\",\n \"icon-gui-arrow-up-tray-mini\",\n \"icon-gui-arrow-up-tray-outline\",\n \"icon-gui-arrow-up-tray-solid\",\n \"icon-gui-arrow-uturn-down-micro\",\n \"icon-gui-arrow-uturn-down-mini\",\n \"icon-gui-arrow-uturn-down-outline\",\n \"icon-gui-arrow-uturn-down-solid\",\n \"icon-gui-arrow-uturn-left-micro\",\n \"icon-gui-arrow-uturn-left-mini\",\n \"icon-gui-arrow-uturn-left-outline\",\n \"icon-gui-arrow-uturn-left-solid\",\n \"icon-gui-arrow-uturn-right-micro\",\n \"icon-gui-arrow-uturn-right-mini\",\n \"icon-gui-arrow-uturn-right-outline\",\n \"icon-gui-arrow-uturn-right-solid\",\n \"icon-gui-arrow-uturn-up-micro\",\n \"icon-gui-arrow-uturn-up-mini\",\n \"icon-gui-arrow-uturn-up-outline\",\n \"icon-gui-arrow-uturn-up-solid\",\n \"icon-gui-arrows-pointing-in-micro\",\n \"icon-gui-arrows-pointing-in-mini\",\n \"icon-gui-arrows-pointing-in-outline\",\n \"icon-gui-arrows-pointing-in-solid\",\n \"icon-gui-arrows-pointing-out-micro\",\n \"icon-gui-arrows-pointing-out-mini\",\n \"icon-gui-arrows-pointing-out-outline\",\n \"icon-gui-arrows-pointing-out-solid\",\n \"icon-gui-arrows-right-left-micro\",\n \"icon-gui-arrows-right-left-mini\",\n \"icon-gui-arrows-right-left-outline\",\n \"icon-gui-arrows-right-left-solid\",\n \"icon-gui-arrows-up-down-micro\",\n \"icon-gui-arrows-up-down-mini\",\n \"icon-gui-arrows-up-down-outline\",\n \"icon-gui-arrows-up-down-solid\",\n \"icon-gui-at-symbol-micro\",\n \"icon-gui-at-symbol-mini\",\n \"icon-gui-at-symbol-outline\",\n \"icon-gui-at-symbol-solid\",\n \"icon-gui-backspace-micro\",\n \"icon-gui-backspace-mini\",\n \"icon-gui-backspace-outline\",\n \"icon-gui-backspace-solid\",\n \"icon-gui-backward-micro\",\n \"icon-gui-backward-mini\",\n \"icon-gui-backward-outline\",\n \"icon-gui-backward-solid\",\n \"icon-gui-banknotes-micro\",\n \"icon-gui-banknotes-mini\",\n \"icon-gui-banknotes-outline\",\n \"icon-gui-banknotes-solid\",\n \"icon-gui-bars-2-micro\",\n \"icon-gui-bars-2-mini\",\n \"icon-gui-bars-2-outline\",\n \"icon-gui-bars-2-solid\",\n \"icon-gui-bars-3-bottom-left-micro\",\n \"icon-gui-bars-3-bottom-left-mini\",\n \"icon-gui-bars-3-bottom-left-outline\",\n \"icon-gui-bars-3-bottom-left-solid\",\n \"icon-gui-bars-3-bottom-right-micro\",\n \"icon-gui-bars-3-bottom-right-mini\",\n \"icon-gui-bars-3-bottom-right-outline\",\n \"icon-gui-bars-3-bottom-right-solid\",\n \"icon-gui-bars-3-center-left-micro\",\n \"icon-gui-bars-3-center-left-mini\",\n \"icon-gui-bars-3-center-left-outline\",\n \"icon-gui-bars-3-center-left-solid\",\n \"icon-gui-bars-3-micro\",\n \"icon-gui-bars-3-mini\",\n \"icon-gui-bars-3-outline\",\n \"icon-gui-bars-3-solid\",\n \"icon-gui-bars-4-micro\",\n \"icon-gui-bars-4-mini\",\n \"icon-gui-bars-4-outline\",\n \"icon-gui-bars-4-solid\",\n \"icon-gui-bars-arrow-down-micro\",\n \"icon-gui-bars-arrow-down-mini\",\n \"icon-gui-bars-arrow-down-outline\",\n \"icon-gui-bars-arrow-down-solid\",\n \"icon-gui-bars-arrow-up-micro\",\n \"icon-gui-bars-arrow-up-mini\",\n \"icon-gui-bars-arrow-up-outline\",\n \"icon-gui-bars-arrow-up-solid\",\n \"icon-gui-battery-0-micro\",\n \"icon-gui-battery-0-mini\",\n \"icon-gui-battery-0-outline\",\n \"icon-gui-battery-0-solid\",\n \"icon-gui-battery-100-micro\",\n \"icon-gui-battery-100-mini\",\n \"icon-gui-battery-100-outline\",\n \"icon-gui-battery-100-solid\",\n \"icon-gui-battery-50-micro\",\n \"icon-gui-battery-50-mini\",\n \"icon-gui-battery-50-outline\",\n \"icon-gui-battery-50-solid\",\n \"icon-gui-beaker-micro\",\n \"icon-gui-beaker-mini\",\n \"icon-gui-beaker-outline\",\n \"icon-gui-beaker-solid\",\n \"icon-gui-bell-alert-micro\",\n \"icon-gui-bell-alert-mini\",\n \"icon-gui-bell-alert-outline\",\n \"icon-gui-bell-alert-solid\",\n \"icon-gui-bell-micro\",\n \"icon-gui-bell-mini\",\n \"icon-gui-bell-outline\",\n \"icon-gui-bell-slash-micro\",\n \"icon-gui-bell-slash-mini\",\n \"icon-gui-bell-slash-outline\",\n \"icon-gui-bell-slash-solid\",\n \"icon-gui-bell-snooze-micro\",\n \"icon-gui-bell-snooze-mini\",\n \"icon-gui-bell-snooze-outline\",\n \"icon-gui-bell-snooze-solid\",\n \"icon-gui-bell-solid\",\n \"icon-gui-bold-micro\",\n \"icon-gui-bold-mini\",\n \"icon-gui-bold-outline\",\n \"icon-gui-bold-solid\",\n \"icon-gui-bolt-micro\",\n \"icon-gui-bolt-mini\",\n \"icon-gui-bolt-outline\",\n \"icon-gui-bolt-slash-micro\",\n \"icon-gui-bolt-slash-mini\",\n \"icon-gui-bolt-slash-outline\",\n \"icon-gui-bolt-slash-solid\",\n \"icon-gui-bolt-solid\",\n \"icon-gui-book-open-micro\",\n \"icon-gui-book-open-mini\",\n \"icon-gui-book-open-outline\",\n \"icon-gui-book-open-solid\",\n \"icon-gui-bookmark-micro\",\n \"icon-gui-bookmark-mini\",\n \"icon-gui-bookmark-outline\",\n \"icon-gui-bookmark-slash-micro\",\n \"icon-gui-bookmark-slash-mini\",\n \"icon-gui-bookmark-slash-outline\",\n \"icon-gui-bookmark-slash-solid\",\n \"icon-gui-bookmark-solid\",\n \"icon-gui-bookmark-square-micro\",\n \"icon-gui-bookmark-square-mini\",\n \"icon-gui-bookmark-square-outline\",\n \"icon-gui-bookmark-square-solid\",\n \"icon-gui-briefcase-micro\",\n \"icon-gui-briefcase-mini\",\n \"icon-gui-briefcase-outline\",\n \"icon-gui-briefcase-solid\",\n \"icon-gui-bug-ant-micro\",\n \"icon-gui-bug-ant-mini\",\n \"icon-gui-bug-ant-outline\",\n \"icon-gui-bug-ant-solid\",\n \"icon-gui-building-library-micro\",\n \"icon-gui-building-library-mini\",\n \"icon-gui-building-library-outline\",\n \"icon-gui-building-library-solid\",\n \"icon-gui-building-office-2-micro\",\n \"icon-gui-building-office-2-mini\",\n \"icon-gui-building-office-2-outline\",\n \"icon-gui-building-office-2-solid\",\n \"icon-gui-building-office-micro\",\n \"icon-gui-building-office-mini\",\n \"icon-gui-building-office-outline\",\n \"icon-gui-building-office-solid\",\n \"icon-gui-building-storefront-micro\",\n \"icon-gui-building-storefront-mini\",\n \"icon-gui-building-storefront-outline\",\n \"icon-gui-building-storefront-solid\",\n \"icon-gui-cake-micro\",\n \"icon-gui-cake-mini\",\n \"icon-gui-cake-outline\",\n \"icon-gui-cake-solid\",\n \"icon-gui-calculator-micro\",\n \"icon-gui-calculator-mini\",\n \"icon-gui-calculator-outline\",\n \"icon-gui-calculator-solid\",\n \"icon-gui-calendar-date-range-micro\",\n \"icon-gui-calendar-date-range-mini\",\n \"icon-gui-calendar-date-range-outline\",\n \"icon-gui-calendar-date-range-solid\",\n \"icon-gui-calendar-days-micro\",\n \"icon-gui-calendar-days-mini\",\n \"icon-gui-calendar-days-outline\",\n \"icon-gui-calendar-days-solid\",\n \"icon-gui-calendar-micro\",\n \"icon-gui-calendar-mini\",\n \"icon-gui-calendar-outline\",\n \"icon-gui-calendar-solid\",\n \"icon-gui-camera-micro\",\n \"icon-gui-camera-mini\",\n \"icon-gui-camera-outline\",\n \"icon-gui-camera-solid\",\n \"icon-gui-chart-bar-micro\",\n \"icon-gui-chart-bar-mini\",\n \"icon-gui-chart-bar-outline\",\n \"icon-gui-chart-bar-solid\",\n \"icon-gui-chart-bar-square-micro\",\n \"icon-gui-chart-bar-square-mini\",\n \"icon-gui-chart-bar-square-outline\",\n \"icon-gui-chart-bar-square-solid\",\n \"icon-gui-chart-pie-micro\",\n \"icon-gui-chart-pie-mini\",\n \"icon-gui-chart-pie-outline\",\n \"icon-gui-chart-pie-solid\",\n \"icon-gui-chat-bubble-bottom-center-micro\",\n \"icon-gui-chat-bubble-bottom-center-mini\",\n \"icon-gui-chat-bubble-bottom-center-outline\",\n \"icon-gui-chat-bubble-bottom-center-solid\",\n \"icon-gui-chat-bubble-bottom-center-text-micro\",\n \"icon-gui-chat-bubble-bottom-center-text-mini\",\n \"icon-gui-chat-bubble-bottom-center-text-outline\",\n \"icon-gui-chat-bubble-bottom-center-text-solid\",\n \"icon-gui-chat-bubble-left-ellipsis-micro\",\n \"icon-gui-chat-bubble-left-ellipsis-mini\",\n \"icon-gui-chat-bubble-left-ellipsis-outline\",\n \"icon-gui-chat-bubble-left-ellipsis-solid\",\n \"icon-gui-chat-bubble-left-micro\",\n \"icon-gui-chat-bubble-left-mini\",\n \"icon-gui-chat-bubble-left-outline\",\n \"icon-gui-chat-bubble-left-right-micro\",\n \"icon-gui-chat-bubble-left-right-mini\",\n \"icon-gui-chat-bubble-left-right-outline\",\n \"icon-gui-chat-bubble-left-right-solid\",\n \"icon-gui-chat-bubble-left-solid\",\n \"icon-gui-chat-bubble-oval-left-ellipsis-micro\",\n \"icon-gui-chat-bubble-oval-left-ellipsis-mini\",\n \"icon-gui-chat-bubble-oval-left-ellipsis-outline\",\n \"icon-gui-chat-bubble-oval-left-ellipsis-solid\",\n \"icon-gui-chat-bubble-oval-left-micro\",\n \"icon-gui-chat-bubble-oval-left-mini\",\n \"icon-gui-chat-bubble-oval-left-outline\",\n \"icon-gui-chat-bubble-oval-left-solid\",\n \"icon-gui-check-badge-micro\",\n \"icon-gui-check-badge-mini\",\n \"icon-gui-check-badge-outline\",\n \"icon-gui-check-badge-solid\",\n \"icon-gui-check-circle-micro\",\n \"icon-gui-check-circle-mini\",\n \"icon-gui-check-circle-outline\",\n \"icon-gui-check-circle-solid\",\n \"icon-gui-check-circled-fill\",\n \"icon-gui-check-lotus-circled\",\n \"icon-gui-check-micro\",\n \"icon-gui-check-mini\",\n \"icon-gui-check-outline\",\n \"icon-gui-check-solid\",\n \"icon-gui-checklist-checked\",\n \"icon-gui-chevron-double-down-micro\",\n \"icon-gui-chevron-double-down-mini\",\n \"icon-gui-chevron-double-down-outline\",\n \"icon-gui-chevron-double-down-solid\",\n \"icon-gui-chevron-double-left-micro\",\n \"icon-gui-chevron-double-left-mini\",\n \"icon-gui-chevron-double-left-outline\",\n \"icon-gui-chevron-double-left-solid\",\n \"icon-gui-chevron-double-right-micro\",\n \"icon-gui-chevron-double-right-mini\",\n \"icon-gui-chevron-double-right-outline\",\n \"icon-gui-chevron-double-right-solid\",\n \"icon-gui-chevron-double-up-micro\",\n \"icon-gui-chevron-double-up-mini\",\n \"icon-gui-chevron-double-up-outline\",\n \"icon-gui-chevron-double-up-solid\",\n \"icon-gui-chevron-down-micro\",\n \"icon-gui-chevron-down-mini\",\n \"icon-gui-chevron-down-outline\",\n \"icon-gui-chevron-down-solid\",\n \"icon-gui-chevron-left-micro\",\n \"icon-gui-chevron-left-mini\",\n \"icon-gui-chevron-left-outline\",\n \"icon-gui-chevron-left-solid\",\n \"icon-gui-chevron-right-micro\",\n \"icon-gui-chevron-right-mini\",\n \"icon-gui-chevron-right-outline\",\n \"icon-gui-chevron-right-solid\",\n \"icon-gui-chevron-up-down-micro\",\n \"icon-gui-chevron-up-down-mini\",\n \"icon-gui-chevron-up-down-outline\",\n \"icon-gui-chevron-up-down-solid\",\n \"icon-gui-chevron-up-micro\",\n \"icon-gui-chevron-up-mini\",\n \"icon-gui-chevron-up-outline\",\n \"icon-gui-chevron-up-solid\",\n \"icon-gui-circle-stack-micro\",\n \"icon-gui-circle-stack-mini\",\n \"icon-gui-circle-stack-outline\",\n \"icon-gui-circle-stack-solid\",\n \"icon-gui-clipboard-document-check-micro\",\n \"icon-gui-clipboard-document-check-mini\",\n \"icon-gui-clipboard-document-check-outline\",\n \"icon-gui-clipboard-document-check-solid\",\n \"icon-gui-clipboard-document-list-micro\",\n \"icon-gui-clipboard-document-list-mini\",\n \"icon-gui-clipboard-document-list-outline\",\n \"icon-gui-clipboard-document-list-solid\",\n \"icon-gui-clipboard-document-micro\",\n \"icon-gui-clipboard-document-mini\",\n \"icon-gui-clipboard-document-outline\",\n \"icon-gui-clipboard-document-solid\",\n \"icon-gui-clipboard-micro\",\n \"icon-gui-clipboard-mini\",\n \"icon-gui-clipboard-outline\",\n \"icon-gui-clipboard-solid\",\n \"icon-gui-clock-micro\",\n \"icon-gui-clock-mini\",\n \"icon-gui-clock-outline\",\n \"icon-gui-clock-solid\",\n \"icon-gui-cloud-arrow-down-micro\",\n \"icon-gui-cloud-arrow-down-mini\",\n \"icon-gui-cloud-arrow-down-outline\",\n \"icon-gui-cloud-arrow-down-solid\",\n \"icon-gui-cloud-arrow-up-micro\",\n \"icon-gui-cloud-arrow-up-mini\",\n \"icon-gui-cloud-arrow-up-outline\",\n \"icon-gui-cloud-arrow-up-solid\",\n \"icon-gui-cloud-micro\",\n \"icon-gui-cloud-mini\",\n \"icon-gui-cloud-outline\",\n \"icon-gui-cloud-solid\",\n \"icon-gui-code-bracket-micro\",\n \"icon-gui-code-bracket-mini\",\n \"icon-gui-code-bracket-outline\",\n \"icon-gui-code-bracket-solid\",\n \"icon-gui-code-bracket-square-micro\",\n \"icon-gui-code-bracket-square-mini\",\n \"icon-gui-code-bracket-square-outline\",\n \"icon-gui-code-bracket-square-solid\",\n \"icon-gui-code-doc\",\n \"icon-gui-cog-6-tooth-micro\",\n \"icon-gui-cog-6-tooth-mini\",\n \"icon-gui-cog-6-tooth-outline\",\n \"icon-gui-cog-6-tooth-solid\",\n \"icon-gui-cog-8-tooth-micro\",\n \"icon-gui-cog-8-tooth-mini\",\n \"icon-gui-cog-8-tooth-outline\",\n \"icon-gui-cog-8-tooth-solid\",\n \"icon-gui-cog-micro\",\n \"icon-gui-cog-mini\",\n \"icon-gui-cog-outline\",\n \"icon-gui-cog-solid\",\n \"icon-gui-command-line-micro\",\n \"icon-gui-command-line-mini\",\n \"icon-gui-command-line-outline\",\n \"icon-gui-command-line-solid\",\n \"icon-gui-computer-desktop-micro\",\n \"icon-gui-computer-desktop-mini\",\n \"icon-gui-computer-desktop-outline\",\n \"icon-gui-computer-desktop-solid\",\n \"icon-gui-cpu-chip-micro\",\n \"icon-gui-cpu-chip-mini\",\n \"icon-gui-cpu-chip-outline\",\n \"icon-gui-cpu-chip-solid\",\n \"icon-gui-credit-card-micro\",\n \"icon-gui-credit-card-mini\",\n \"icon-gui-credit-card-outline\",\n \"icon-gui-credit-card-solid\",\n \"icon-gui-cube-micro\",\n \"icon-gui-cube-mini\",\n \"icon-gui-cube-outline\",\n \"icon-gui-cube-solid\",\n \"icon-gui-cube-transparent-micro\",\n \"icon-gui-cube-transparent-mini\",\n \"icon-gui-cube-transparent-outline\",\n \"icon-gui-cube-transparent-solid\",\n \"icon-gui-currency-bangladeshi-micro\",\n \"icon-gui-currency-bangladeshi-mini\",\n \"icon-gui-currency-bangladeshi-outline\",\n \"icon-gui-currency-bangladeshi-solid\",\n \"icon-gui-currency-dollar-micro\",\n \"icon-gui-currency-dollar-mini\",\n \"icon-gui-currency-dollar-outline\",\n \"icon-gui-currency-dollar-solid\",\n \"icon-gui-currency-euro-micro\",\n \"icon-gui-currency-euro-mini\",\n \"icon-gui-currency-euro-outline\",\n \"icon-gui-currency-euro-solid\",\n \"icon-gui-currency-pound-micro\",\n \"icon-gui-currency-pound-mini\",\n \"icon-gui-currency-pound-outline\",\n \"icon-gui-currency-pound-solid\",\n \"icon-gui-currency-rupee-micro\",\n \"icon-gui-currency-rupee-mini\",\n \"icon-gui-currency-rupee-outline\",\n \"icon-gui-currency-rupee-solid\",\n \"icon-gui-currency-yen-micro\",\n \"icon-gui-currency-yen-mini\",\n \"icon-gui-currency-yen-outline\",\n \"icon-gui-currency-yen-solid\",\n \"icon-gui-cursor\",\n \"icon-gui-cursor-arrow-rays-micro\",\n \"icon-gui-cursor-arrow-rays-mini\",\n \"icon-gui-cursor-arrow-rays-outline\",\n \"icon-gui-cursor-arrow-rays-solid\",\n \"icon-gui-cursor-arrow-ripple-micro\",\n \"icon-gui-cursor-arrow-ripple-mini\",\n \"icon-gui-cursor-arrow-ripple-outline\",\n \"icon-gui-cursor-arrow-ripple-solid\",\n \"icon-gui-device-phone-mobile-micro\",\n \"icon-gui-device-phone-mobile-mini\",\n \"icon-gui-device-phone-mobile-outline\",\n \"icon-gui-device-phone-mobile-solid\",\n \"icon-gui-device-tablet-micro\",\n \"icon-gui-device-tablet-mini\",\n \"icon-gui-device-tablet-outline\",\n \"icon-gui-device-tablet-solid\",\n \"icon-gui-divide-micro\",\n \"icon-gui-divide-mini\",\n \"icon-gui-divide-outline\",\n \"icon-gui-divide-solid\",\n \"icon-gui-document-arrow-down-micro\",\n \"icon-gui-document-arrow-down-mini\",\n \"icon-gui-document-arrow-down-outline\",\n \"icon-gui-document-arrow-down-solid\",\n \"icon-gui-document-arrow-up-micro\",\n \"icon-gui-document-arrow-up-mini\",\n \"icon-gui-document-arrow-up-outline\",\n \"icon-gui-document-arrow-up-solid\",\n \"icon-gui-document-chart-bar-micro\",\n \"icon-gui-document-chart-bar-mini\",\n \"icon-gui-document-chart-bar-outline\",\n \"icon-gui-document-chart-bar-solid\",\n \"icon-gui-document-check-micro\",\n \"icon-gui-document-check-mini\",\n \"icon-gui-document-check-outline\",\n \"icon-gui-document-check-solid\",\n \"icon-gui-document-currency-bangladeshi-micro\",\n \"icon-gui-document-currency-bangladeshi-mini\",\n \"icon-gui-document-currency-bangladeshi-outline\",\n \"icon-gui-document-currency-bangladeshi-solid\",\n \"icon-gui-document-currency-dollar-micro\",\n \"icon-gui-document-currency-dollar-mini\",\n \"icon-gui-document-currency-dollar-outline\",\n \"icon-gui-document-currency-dollar-solid\",\n \"icon-gui-document-currency-euro-micro\",\n \"icon-gui-document-currency-euro-mini\",\n \"icon-gui-document-currency-euro-outline\",\n \"icon-gui-document-currency-euro-solid\",\n \"icon-gui-document-currency-pound-micro\",\n \"icon-gui-document-currency-pound-mini\",\n \"icon-gui-document-currency-pound-outline\",\n \"icon-gui-document-currency-pound-solid\",\n \"icon-gui-document-currency-rupee-micro\",\n \"icon-gui-document-currency-rupee-mini\",\n \"icon-gui-document-currency-rupee-outline\",\n \"icon-gui-document-currency-rupee-solid\",\n \"icon-gui-document-currency-yen-micro\",\n \"icon-gui-document-currency-yen-mini\",\n \"icon-gui-document-currency-yen-outline\",\n \"icon-gui-document-currency-yen-solid\",\n \"icon-gui-document-duplicate-micro\",\n \"icon-gui-document-duplicate-mini\",\n \"icon-gui-document-duplicate-outline\",\n \"icon-gui-document-duplicate-solid\",\n \"icon-gui-document-magnifying-glass-micro\",\n \"icon-gui-document-magnifying-glass-mini\",\n \"icon-gui-document-magnifying-glass-outline\",\n \"icon-gui-document-magnifying-glass-solid\",\n \"icon-gui-document-micro\",\n \"icon-gui-document-mini\",\n \"icon-gui-document-minus-micro\",\n \"icon-gui-document-minus-mini\",\n \"icon-gui-document-minus-outline\",\n \"icon-gui-document-minus-solid\",\n \"icon-gui-document-outline\",\n \"icon-gui-document-plus-micro\",\n \"icon-gui-document-plus-mini\",\n \"icon-gui-document-plus-outline\",\n \"icon-gui-document-plus-solid\",\n \"icon-gui-document-solid\",\n \"icon-gui-document-text-micro\",\n \"icon-gui-document-text-mini\",\n \"icon-gui-document-text-outline\",\n \"icon-gui-document-text-solid\",\n \"icon-gui-ellipsis-horizontal-circle-micro\",\n \"icon-gui-ellipsis-horizontal-circle-mini\",\n \"icon-gui-ellipsis-horizontal-circle-outline\",\n \"icon-gui-ellipsis-horizontal-circle-solid\",\n \"icon-gui-ellipsis-horizontal-micro\",\n \"icon-gui-ellipsis-horizontal-mini\",\n \"icon-gui-ellipsis-horizontal-outline\",\n \"icon-gui-ellipsis-horizontal-solid\",\n \"icon-gui-ellipsis-vertical-micro\",\n \"icon-gui-ellipsis-vertical-mini\",\n \"icon-gui-ellipsis-vertical-outline\",\n \"icon-gui-ellipsis-vertical-solid\",\n \"icon-gui-envelope-micro\",\n \"icon-gui-envelope-mini\",\n \"icon-gui-envelope-open-micro\",\n \"icon-gui-envelope-open-mini\",\n \"icon-gui-envelope-open-outline\",\n \"icon-gui-envelope-open-solid\",\n \"icon-gui-envelope-outline\",\n \"icon-gui-envelope-solid\",\n \"icon-gui-equals-micro\",\n \"icon-gui-equals-mini\",\n \"icon-gui-equals-outline\",\n \"icon-gui-equals-solid\",\n \"icon-gui-exclamation-circle-micro\",\n \"icon-gui-exclamation-circle-mini\",\n \"icon-gui-exclamation-circle-outline\",\n \"icon-gui-exclamation-circle-solid\",\n \"icon-gui-exclamation-triangle-micro\",\n \"icon-gui-exclamation-triangle-mini\",\n \"icon-gui-exclamation-triangle-outline\",\n \"icon-gui-exclamation-triangle-solid\",\n \"icon-gui-expand\",\n \"icon-gui-eye-dropper-micro\",\n \"icon-gui-eye-dropper-mini\",\n \"icon-gui-eye-dropper-outline\",\n \"icon-gui-eye-dropper-solid\",\n \"icon-gui-eye-micro\",\n \"icon-gui-eye-mini\",\n \"icon-gui-eye-outline\",\n \"icon-gui-eye-slash-micro\",\n \"icon-gui-eye-slash-mini\",\n \"icon-gui-eye-slash-outline\",\n \"icon-gui-eye-slash-solid\",\n \"icon-gui-eye-solid\",\n \"icon-gui-face-frown-micro\",\n \"icon-gui-face-frown-mini\",\n \"icon-gui-face-frown-outline\",\n \"icon-gui-face-frown-solid\",\n \"icon-gui-face-smile-micro\",\n \"icon-gui-face-smile-mini\",\n \"icon-gui-face-smile-outline\",\n \"icon-gui-face-smile-solid\",\n \"icon-gui-film-micro\",\n \"icon-gui-film-mini\",\n \"icon-gui-film-outline\",\n \"icon-gui-film-solid\",\n \"icon-gui-filter-flow-step-0\",\n \"icon-gui-filter-flow-step-1\",\n \"icon-gui-filter-flow-step-2\",\n \"icon-gui-filter-flow-step-3\",\n \"icon-gui-finger-print-micro\",\n \"icon-gui-finger-print-mini\",\n \"icon-gui-finger-print-outline\",\n \"icon-gui-finger-print-solid\",\n \"icon-gui-fire-micro\",\n \"icon-gui-fire-mini\",\n \"icon-gui-fire-outline\",\n \"icon-gui-fire-solid\",\n \"icon-gui-flag-micro\",\n \"icon-gui-flag-mini\",\n \"icon-gui-flag-outline\",\n \"icon-gui-flag-solid\",\n \"icon-gui-flower-growth\",\n \"icon-gui-folder-arrow-down-micro\",\n \"icon-gui-folder-arrow-down-mini\",\n \"icon-gui-folder-arrow-down-outline\",\n \"icon-gui-folder-arrow-down-solid\",\n \"icon-gui-folder-micro\",\n \"icon-gui-folder-mini\",\n \"icon-gui-folder-minus-micro\",\n \"icon-gui-folder-minus-mini\",\n \"icon-gui-folder-minus-outline\",\n \"icon-gui-folder-minus-solid\",\n \"icon-gui-folder-open-micro\",\n \"icon-gui-folder-open-mini\",\n \"icon-gui-folder-open-outline\",\n \"icon-gui-folder-open-solid\",\n \"icon-gui-folder-outline\",\n \"icon-gui-folder-plus-micro\",\n \"icon-gui-folder-plus-mini\",\n \"icon-gui-folder-plus-outline\",\n \"icon-gui-folder-plus-solid\",\n \"icon-gui-folder-solid\",\n \"icon-gui-forward-micro\",\n \"icon-gui-forward-mini\",\n \"icon-gui-forward-outline\",\n \"icon-gui-forward-solid\",\n \"icon-gui-funnel-micro\",\n \"icon-gui-funnel-mini\",\n \"icon-gui-funnel-outline\",\n \"icon-gui-funnel-solid\",\n \"icon-gui-further-reading\",\n \"icon-gui-gif-micro\",\n \"icon-gui-gif-mini\",\n \"icon-gui-gif-outline\",\n \"icon-gui-gif-solid\",\n \"icon-gui-gift-micro\",\n \"icon-gui-gift-mini\",\n \"icon-gui-gift-outline\",\n \"icon-gui-gift-solid\",\n \"icon-gui-gift-top-micro\",\n \"icon-gui-gift-top-mini\",\n \"icon-gui-gift-top-outline\",\n \"icon-gui-gift-top-solid\",\n \"icon-gui-glasses\",\n \"icon-gui-globe-alt-micro\",\n \"icon-gui-globe-alt-mini\",\n \"icon-gui-globe-alt-outline\",\n \"icon-gui-globe-alt-solid\",\n \"icon-gui-globe-americas-micro\",\n \"icon-gui-globe-americas-mini\",\n \"icon-gui-globe-americas-outline\",\n \"icon-gui-globe-americas-solid\",\n \"icon-gui-globe-asia-australia-micro\",\n \"icon-gui-globe-asia-australia-mini\",\n \"icon-gui-globe-asia-australia-outline\",\n \"icon-gui-globe-asia-australia-solid\",\n \"icon-gui-globe-europe-africa-micro\",\n \"icon-gui-globe-europe-africa-mini\",\n \"icon-gui-globe-europe-africa-outline\",\n \"icon-gui-globe-europe-africa-solid\",\n \"icon-gui-h1-micro\",\n \"icon-gui-h1-mini\",\n \"icon-gui-h1-outline\",\n \"icon-gui-h1-solid\",\n \"icon-gui-h2-micro\",\n \"icon-gui-h2-mini\",\n \"icon-gui-h2-outline\",\n \"icon-gui-h2-solid\",\n \"icon-gui-h3-micro\",\n \"icon-gui-h3-mini\",\n \"icon-gui-h3-outline\",\n \"icon-gui-h3-solid\",\n \"icon-gui-hand-raised-micro\",\n \"icon-gui-hand-raised-mini\",\n \"icon-gui-hand-raised-outline\",\n \"icon-gui-hand-raised-solid\",\n \"icon-gui-hand-thumb-down-micro\",\n \"icon-gui-hand-thumb-down-mini\",\n \"icon-gui-hand-thumb-down-outline\",\n \"icon-gui-hand-thumb-down-solid\",\n \"icon-gui-hand-thumb-up-micro\",\n \"icon-gui-hand-thumb-up-mini\",\n \"icon-gui-hand-thumb-up-outline\",\n \"icon-gui-hand-thumb-up-solid\",\n \"icon-gui-hashtag-micro\",\n \"icon-gui-hashtag-mini\",\n \"icon-gui-hashtag-outline\",\n \"icon-gui-hashtag-solid\",\n \"icon-gui-heart-micro\",\n \"icon-gui-heart-mini\",\n \"icon-gui-heart-outline\",\n \"icon-gui-heart-solid\",\n \"icon-gui-history\",\n \"icon-gui-home-micro\",\n \"icon-gui-home-mini\",\n \"icon-gui-home-modern-micro\",\n \"icon-gui-home-modern-mini\",\n \"icon-gui-home-modern-outline\",\n \"icon-gui-home-modern-solid\",\n \"icon-gui-home-outline\",\n \"icon-gui-home-solid\",\n \"icon-gui-identification-micro\",\n \"icon-gui-identification-mini\",\n \"icon-gui-identification-outline\",\n \"icon-gui-identification-solid\",\n \"icon-gui-inbox-arrow-down-micro\",\n \"icon-gui-inbox-arrow-down-mini\",\n \"icon-gui-inbox-arrow-down-outline\",\n \"icon-gui-inbox-arrow-down-solid\",\n \"icon-gui-inbox-micro\",\n \"icon-gui-inbox-mini\",\n \"icon-gui-inbox-outline\",\n \"icon-gui-inbox-solid\",\n \"icon-gui-inbox-stack-micro\",\n \"icon-gui-inbox-stack-mini\",\n \"icon-gui-inbox-stack-outline\",\n \"icon-gui-inbox-stack-solid\",\n \"icon-gui-information-circle-micro\",\n \"icon-gui-information-circle-mini\",\n \"icon-gui-information-circle-outline\",\n \"icon-gui-information-circle-solid\",\n \"icon-gui-italic-micro\",\n \"icon-gui-italic-mini\",\n \"icon-gui-italic-outline\",\n \"icon-gui-italic-solid\",\n \"icon-gui-key-micro\",\n \"icon-gui-key-mini\",\n \"icon-gui-key-outline\",\n \"icon-gui-key-solid\",\n \"icon-gui-language-micro\",\n \"icon-gui-language-mini\",\n \"icon-gui-language-outline\",\n \"icon-gui-language-solid\",\n \"icon-gui-lifebuoy-micro\",\n \"icon-gui-lifebuoy-mini\",\n \"icon-gui-lifebuoy-outline\",\n \"icon-gui-lifebuoy-solid\",\n \"icon-gui-light-bulb-micro\",\n \"icon-gui-light-bulb-mini\",\n \"icon-gui-light-bulb-outline\",\n \"icon-gui-light-bulb-solid\",\n \"icon-gui-link-micro\",\n \"icon-gui-link-mini\",\n \"icon-gui-link-outline\",\n \"icon-gui-link-slash-micro\",\n \"icon-gui-link-slash-mini\",\n \"icon-gui-link-slash-outline\",\n \"icon-gui-link-slash-solid\",\n \"icon-gui-link-solid\",\n \"icon-gui-list-bullet-micro\",\n \"icon-gui-list-bullet-mini\",\n \"icon-gui-list-bullet-outline\",\n \"icon-gui-list-bullet-solid\",\n \"icon-gui-live-chat\",\n \"icon-gui-lock-closed-micro\",\n \"icon-gui-lock-closed-mini\",\n \"icon-gui-lock-closed-outline\",\n \"icon-gui-lock-closed-solid\",\n \"icon-gui-lock-open-micro\",\n \"icon-gui-lock-open-mini\",\n \"icon-gui-lock-open-outline\",\n \"icon-gui-lock-open-solid\",\n \"icon-gui-magnifying-glass-circle-micro\",\n \"icon-gui-magnifying-glass-circle-mini\",\n \"icon-gui-magnifying-glass-circle-outline\",\n \"icon-gui-magnifying-glass-circle-solid\",\n \"icon-gui-magnifying-glass-micro\",\n \"icon-gui-magnifying-glass-mini\",\n \"icon-gui-magnifying-glass-minus-micro\",\n \"icon-gui-magnifying-glass-minus-mini\",\n \"icon-gui-magnifying-glass-minus-outline\",\n \"icon-gui-magnifying-glass-minus-solid\",\n \"icon-gui-magnifying-glass-outline\",\n \"icon-gui-magnifying-glass-plus-micro\",\n \"icon-gui-magnifying-glass-plus-mini\",\n \"icon-gui-magnifying-glass-plus-outline\",\n \"icon-gui-magnifying-glass-plus-solid\",\n \"icon-gui-magnifying-glass-solid\",\n \"icon-gui-map-micro\",\n \"icon-gui-map-mini\",\n \"icon-gui-map-outline\",\n \"icon-gui-map-pin-micro\",\n \"icon-gui-map-pin-mini\",\n \"icon-gui-map-pin-outline\",\n \"icon-gui-map-pin-solid\",\n \"icon-gui-map-solid\",\n \"icon-gui-megaphone-micro\",\n \"icon-gui-megaphone-mini\",\n \"icon-gui-megaphone-outline\",\n \"icon-gui-megaphone-solid\",\n \"icon-gui-microphone-micro\",\n \"icon-gui-microphone-mini\",\n \"icon-gui-microphone-outline\",\n \"icon-gui-microphone-solid\",\n \"icon-gui-minus-circle-micro\",\n \"icon-gui-minus-circle-mini\",\n \"icon-gui-minus-circle-outline\",\n \"icon-gui-minus-circle-solid\",\n \"icon-gui-minus-micro\",\n \"icon-gui-minus-mini\",\n \"icon-gui-minus-outline\",\n \"icon-gui-minus-small-mini\",\n \"icon-gui-minus-small-outline\",\n \"icon-gui-minus-small-solid\",\n \"icon-gui-minus-solid\",\n \"icon-gui-moon-micro\",\n \"icon-gui-moon-mini\",\n \"icon-gui-moon-outline\",\n \"icon-gui-moon-solid\",\n \"icon-gui-mouse\",\n \"icon-gui-musical-note-micro\",\n \"icon-gui-musical-note-mini\",\n \"icon-gui-musical-note-outline\",\n \"icon-gui-musical-note-solid\",\n \"icon-gui-newspaper-micro\",\n \"icon-gui-newspaper-mini\",\n \"icon-gui-newspaper-outline\",\n \"icon-gui-newspaper-solid\",\n \"icon-gui-no-symbol-micro\",\n \"icon-gui-no-symbol-mini\",\n \"icon-gui-no-symbol-outline\",\n \"icon-gui-no-symbol-solid\",\n \"icon-gui-numbered-list-micro\",\n \"icon-gui-numbered-list-mini\",\n \"icon-gui-numbered-list-outline\",\n \"icon-gui-numbered-list-solid\",\n \"icon-gui-paint-brush-micro\",\n \"icon-gui-paint-brush-mini\",\n \"icon-gui-paint-brush-outline\",\n \"icon-gui-paint-brush-solid\",\n \"icon-gui-paper-airplane-micro\",\n \"icon-gui-paper-airplane-mini\",\n \"icon-gui-paper-airplane-outline\",\n \"icon-gui-paper-airplane-solid\",\n \"icon-gui-paper-clip-micro\",\n \"icon-gui-paper-clip-mini\",\n \"icon-gui-paper-clip-outline\",\n \"icon-gui-paper-clip-solid\",\n \"icon-gui-partial\",\n \"icon-gui-pause-circle-micro\",\n \"icon-gui-pause-circle-mini\",\n \"icon-gui-pause-circle-outline\",\n \"icon-gui-pause-circle-solid\",\n \"icon-gui-pause-micro\",\n \"icon-gui-pause-mini\",\n \"icon-gui-pause-outline\",\n \"icon-gui-pause-solid\",\n \"icon-gui-pencil-micro\",\n \"icon-gui-pencil-mini\",\n \"icon-gui-pencil-outline\",\n \"icon-gui-pencil-solid\",\n \"icon-gui-pencil-square-micro\",\n \"icon-gui-pencil-square-mini\",\n \"icon-gui-pencil-square-outline\",\n \"icon-gui-pencil-square-solid\",\n \"icon-gui-percent-badge-micro\",\n \"icon-gui-percent-badge-mini\",\n \"icon-gui-percent-badge-outline\",\n \"icon-gui-percent-badge-solid\",\n \"icon-gui-phone-arrow-down-left-micro\",\n \"icon-gui-phone-arrow-down-left-mini\",\n \"icon-gui-phone-arrow-down-left-outline\",\n \"icon-gui-phone-arrow-down-left-solid\",\n \"icon-gui-phone-arrow-up-right-micro\",\n \"icon-gui-phone-arrow-up-right-mini\",\n \"icon-gui-phone-arrow-up-right-outline\",\n \"icon-gui-phone-arrow-up-right-solid\",\n \"icon-gui-phone-micro\",\n \"icon-gui-phone-mini\",\n \"icon-gui-phone-outline\",\n \"icon-gui-phone-solid\",\n \"icon-gui-phone-x-mark-micro\",\n \"icon-gui-phone-x-mark-mini\",\n \"icon-gui-phone-x-mark-outline\",\n \"icon-gui-phone-x-mark-solid\",\n \"icon-gui-photo-micro\",\n \"icon-gui-photo-mini\",\n \"icon-gui-photo-outline\",\n \"icon-gui-photo-solid\",\n \"icon-gui-pitfall\",\n \"icon-gui-play-circle-micro\",\n \"icon-gui-play-circle-mini\",\n \"icon-gui-play-circle-outline\",\n \"icon-gui-play-circle-solid\",\n \"icon-gui-play-micro\",\n \"icon-gui-play-mini\",\n \"icon-gui-play-outline\",\n \"icon-gui-play-pause-micro\",\n \"icon-gui-play-pause-mini\",\n \"icon-gui-play-pause-outline\",\n \"icon-gui-play-pause-solid\",\n \"icon-gui-play-solid\",\n \"icon-gui-plus-circle-micro\",\n \"icon-gui-plus-circle-mini\",\n \"icon-gui-plus-circle-outline\",\n \"icon-gui-plus-circle-solid\",\n \"icon-gui-plus-micro\",\n \"icon-gui-plus-mini\",\n \"icon-gui-plus-outline\",\n \"icon-gui-plus-small-mini\",\n \"icon-gui-plus-small-outline\",\n \"icon-gui-plus-small-solid\",\n \"icon-gui-plus-solid\",\n \"icon-gui-power-micro\",\n \"icon-gui-power-mini\",\n \"icon-gui-power-outline\",\n \"icon-gui-power-solid\",\n \"icon-gui-presentation-chart-bar-micro\",\n \"icon-gui-presentation-chart-bar-mini\",\n \"icon-gui-presentation-chart-bar-outline\",\n \"icon-gui-presentation-chart-bar-solid\",\n \"icon-gui-presentation-chart-line-micro\",\n \"icon-gui-presentation-chart-line-mini\",\n \"icon-gui-presentation-chart-line-outline\",\n \"icon-gui-presentation-chart-line-solid\",\n \"icon-gui-printer-micro\",\n \"icon-gui-printer-mini\",\n \"icon-gui-printer-outline\",\n \"icon-gui-printer-solid\",\n \"icon-gui-puzzle-piece-micro\",\n \"icon-gui-puzzle-piece-mini\",\n \"icon-gui-puzzle-piece-outline\",\n \"icon-gui-puzzle-piece-solid\",\n \"icon-gui-qr-code-micro\",\n \"icon-gui-qr-code-mini\",\n \"icon-gui-qr-code-outline\",\n \"icon-gui-qr-code-solid\",\n \"icon-gui-question-mark-circle-micro\",\n \"icon-gui-question-mark-circle-mini\",\n \"icon-gui-question-mark-circle-outline\",\n \"icon-gui-question-mark-circle-solid\",\n \"icon-gui-queue-list-micro\",\n \"icon-gui-queue-list-mini\",\n \"icon-gui-queue-list-outline\",\n \"icon-gui-queue-list-solid\",\n \"icon-gui-quote-marks-fill\",\n \"icon-gui-radio-micro\",\n \"icon-gui-radio-mini\",\n \"icon-gui-radio-outline\",\n \"icon-gui-radio-solid\",\n \"icon-gui-receipt-percent-micro\",\n \"icon-gui-receipt-percent-mini\",\n \"icon-gui-receipt-percent-outline\",\n \"icon-gui-receipt-percent-solid\",\n \"icon-gui-receipt-refund-micro\",\n \"icon-gui-receipt-refund-mini\",\n \"icon-gui-receipt-refund-outline\",\n \"icon-gui-receipt-refund-solid\",\n \"icon-gui-rectangle-group-micro\",\n \"icon-gui-rectangle-group-mini\",\n \"icon-gui-rectangle-group-outline\",\n \"icon-gui-rectangle-group-solid\",\n \"icon-gui-rectangle-stack-micro\",\n \"icon-gui-rectangle-stack-mini\",\n \"icon-gui-rectangle-stack-outline\",\n \"icon-gui-rectangle-stack-solid\",\n \"icon-gui-refresh\",\n \"icon-gui-resources\",\n \"icon-gui-rocket-launch-micro\",\n \"icon-gui-rocket-launch-mini\",\n \"icon-gui-rocket-launch-outline\",\n \"icon-gui-rocket-launch-solid\",\n \"icon-gui-rss-micro\",\n \"icon-gui-rss-mini\",\n \"icon-gui-rss-outline\",\n \"icon-gui-rss-solid\",\n \"icon-gui-scale-micro\",\n \"icon-gui-scale-mini\",\n \"icon-gui-scale-outline\",\n \"icon-gui-scale-solid\",\n \"icon-gui-scissors-micro\",\n \"icon-gui-scissors-mini\",\n \"icon-gui-scissors-outline\",\n \"icon-gui-scissors-solid\",\n \"icon-gui-server-micro\",\n \"icon-gui-server-mini\",\n \"icon-gui-server-outline\",\n \"icon-gui-server-solid\",\n \"icon-gui-server-stack-micro\",\n \"icon-gui-server-stack-mini\",\n \"icon-gui-server-stack-outline\",\n \"icon-gui-server-stack-solid\",\n \"icon-gui-share-micro\",\n \"icon-gui-share-mini\",\n \"icon-gui-share-outline\",\n \"icon-gui-share-solid\",\n \"icon-gui-shield-check-micro\",\n \"icon-gui-shield-check-mini\",\n \"icon-gui-shield-check-outline\",\n \"icon-gui-shield-check-solid\",\n \"icon-gui-shield-exclamation-micro\",\n \"icon-gui-shield-exclamation-mini\",\n \"icon-gui-shield-exclamation-outline\",\n \"icon-gui-shield-exclamation-solid\",\n \"icon-gui-shopping-bag-micro\",\n \"icon-gui-shopping-bag-mini\",\n \"icon-gui-shopping-bag-outline\",\n \"icon-gui-shopping-bag-solid\",\n \"icon-gui-shopping-cart-micro\",\n \"icon-gui-shopping-cart-mini\",\n \"icon-gui-shopping-cart-outline\",\n \"icon-gui-shopping-cart-solid\",\n \"icon-gui-signal-micro\",\n \"icon-gui-signal-mini\",\n \"icon-gui-signal-outline\",\n \"icon-gui-signal-slash-micro\",\n \"icon-gui-signal-slash-mini\",\n \"icon-gui-signal-slash-outline\",\n \"icon-gui-signal-slash-solid\",\n \"icon-gui-signal-solid\",\n \"icon-gui-slash-micro\",\n \"icon-gui-slash-mini\",\n \"icon-gui-slash-outline\",\n \"icon-gui-slash-solid\",\n \"icon-gui-sparkles-micro\",\n \"icon-gui-sparkles-mini\",\n \"icon-gui-sparkles-outline\",\n \"icon-gui-sparkles-solid\",\n \"icon-gui-speaker-wave-micro\",\n \"icon-gui-speaker-wave-mini\",\n \"icon-gui-speaker-wave-outline\",\n \"icon-gui-speaker-wave-solid\",\n \"icon-gui-speaker-x-mark-micro\",\n \"icon-gui-speaker-x-mark-mini\",\n \"icon-gui-speaker-x-mark-outline\",\n \"icon-gui-speaker-x-mark-solid\",\n \"icon-gui-spinner-dark\",\n \"icon-gui-spinner-light\",\n \"icon-gui-square-2-stack-micro\",\n \"icon-gui-square-2-stack-mini\",\n \"icon-gui-square-2-stack-outline\",\n \"icon-gui-square-2-stack-solid\",\n \"icon-gui-square-3-stack-3d-micro\",\n \"icon-gui-square-3-stack-3d-mini\",\n \"icon-gui-square-3-stack-3d-outline\",\n \"icon-gui-square-3-stack-3d-solid\",\n \"icon-gui-squares-2x2-micro\",\n \"icon-gui-squares-2x2-mini\",\n \"icon-gui-squares-2x2-outline\",\n \"icon-gui-squares-2x2-solid\",\n \"icon-gui-squares-plus-micro\",\n \"icon-gui-squares-plus-mini\",\n \"icon-gui-squares-plus-outline\",\n \"icon-gui-squares-plus-solid\",\n \"icon-gui-star-micro\",\n \"icon-gui-star-mini\",\n \"icon-gui-star-outline\",\n \"icon-gui-star-solid\",\n \"icon-gui-stop-circle-micro\",\n \"icon-gui-stop-circle-mini\",\n \"icon-gui-stop-circle-outline\",\n \"icon-gui-stop-circle-solid\",\n \"icon-gui-stop-micro\",\n \"icon-gui-stop-mini\",\n \"icon-gui-stop-outline\",\n \"icon-gui-stop-solid\",\n \"icon-gui-strikethrough-micro\",\n \"icon-gui-strikethrough-mini\",\n \"icon-gui-strikethrough-outline\",\n \"icon-gui-strikethrough-solid\",\n \"icon-gui-sun-micro\",\n \"icon-gui-sun-mini\",\n \"icon-gui-sun-outline\",\n \"icon-gui-sun-solid\",\n \"icon-gui-swatch-micro\",\n \"icon-gui-swatch-mini\",\n \"icon-gui-swatch-outline\",\n \"icon-gui-swatch-solid\",\n \"icon-gui-table-cells-micro\",\n \"icon-gui-table-cells-mini\",\n \"icon-gui-table-cells-outline\",\n \"icon-gui-table-cells-solid\",\n \"icon-gui-tag-micro\",\n \"icon-gui-tag-mini\",\n \"icon-gui-tag-outline\",\n \"icon-gui-tag-solid\",\n \"icon-gui-ticket-micro\",\n \"icon-gui-ticket-mini\",\n \"icon-gui-ticket-outline\",\n \"icon-gui-ticket-solid\",\n \"icon-gui-trash-micro\",\n \"icon-gui-trash-mini\",\n \"icon-gui-trash-outline\",\n \"icon-gui-trash-solid\",\n \"icon-gui-trophy-micro\",\n \"icon-gui-trophy-mini\",\n \"icon-gui-trophy-outline\",\n \"icon-gui-trophy-solid\",\n \"icon-gui-truck-micro\",\n \"icon-gui-truck-mini\",\n \"icon-gui-truck-outline\",\n \"icon-gui-truck-solid\",\n \"icon-gui-tv-micro\",\n \"icon-gui-tv-mini\",\n \"icon-gui-tv-outline\",\n \"icon-gui-tv-solid\",\n \"icon-gui-underline-micro\",\n \"icon-gui-underline-mini\",\n \"icon-gui-underline-outline\",\n \"icon-gui-underline-solid\",\n \"icon-gui-user-circle-micro\",\n \"icon-gui-user-circle-mini\",\n \"icon-gui-user-circle-outline\",\n \"icon-gui-user-circle-solid\",\n \"icon-gui-user-group-micro\",\n \"icon-gui-user-group-mini\",\n \"icon-gui-user-group-outline\",\n \"icon-gui-user-group-solid\",\n \"icon-gui-user-micro\",\n \"icon-gui-user-mini\",\n \"icon-gui-user-minus-micro\",\n \"icon-gui-user-minus-mini\",\n \"icon-gui-user-minus-outline\",\n \"icon-gui-user-minus-solid\",\n \"icon-gui-user-outline\",\n \"icon-gui-user-plus-micro\",\n \"icon-gui-user-plus-mini\",\n \"icon-gui-user-plus-outline\",\n \"icon-gui-user-plus-solid\",\n \"icon-gui-user-solid\",\n \"icon-gui-users-micro\",\n \"icon-gui-users-mini\",\n \"icon-gui-users-outline\",\n \"icon-gui-users-solid\",\n \"icon-gui-variable-micro\",\n \"icon-gui-variable-mini\",\n \"icon-gui-variable-outline\",\n \"icon-gui-variable-solid\",\n \"icon-gui-video-camera-micro\",\n \"icon-gui-video-camera-mini\",\n \"icon-gui-video-camera-outline\",\n \"icon-gui-video-camera-slash-micro\",\n \"icon-gui-video-camera-slash-mini\",\n \"icon-gui-video-camera-slash-outline\",\n \"icon-gui-video-camera-slash-solid\",\n \"icon-gui-video-camera-solid\",\n \"icon-gui-view-columns-micro\",\n \"icon-gui-view-columns-mini\",\n \"icon-gui-view-columns-outline\",\n \"icon-gui-view-columns-solid\",\n \"icon-gui-viewfinder-circle-micro\",\n \"icon-gui-viewfinder-circle-mini\",\n \"icon-gui-viewfinder-circle-outline\",\n \"icon-gui-viewfinder-circle-solid\",\n \"icon-gui-wallet-micro\",\n \"icon-gui-wallet-mini\",\n \"icon-gui-wallet-outline\",\n \"icon-gui-wallet-solid\",\n \"icon-gui-wifi-micro\",\n \"icon-gui-wifi-mini\",\n \"icon-gui-wifi-outline\",\n \"icon-gui-wifi-solid\",\n \"icon-gui-window-micro\",\n \"icon-gui-window-mini\",\n \"icon-gui-window-outline\",\n \"icon-gui-window-solid\",\n \"icon-gui-wrench-micro\",\n \"icon-gui-wrench-mini\",\n \"icon-gui-wrench-outline\",\n \"icon-gui-wrench-screwdriver-micro\",\n \"icon-gui-wrench-screwdriver-mini\",\n \"icon-gui-wrench-screwdriver-outline\",\n \"icon-gui-wrench-screwdriver-solid\",\n \"icon-gui-wrench-solid\",\n \"icon-gui-x-circle-micro\",\n \"icon-gui-x-circle-mini\",\n \"icon-gui-x-circle-outline\",\n \"icon-gui-x-circle-solid\",\n \"icon-gui-x-mark-micro\",\n \"icon-gui-x-mark-mini\",\n \"icon-gui-x-mark-outline\",\n \"icon-gui-x-mark-solid\"\n ] as const,\n \"product\": [\n \"icon-product-asset-tracking\",\n \"icon-product-asset-tracking-mono\",\n \"icon-product-chat\",\n \"icon-product-chat-mono\",\n \"icon-product-liveobjects\",\n \"icon-product-liveobjects-dark\",\n \"icon-product-liveobjects-mono\",\n \"icon-product-livesync\",\n \"icon-product-livesync-mono\",\n \"icon-product-platform\",\n \"icon-product-platform-mono\",\n \"icon-product-pubsub\",\n \"icon-product-pubsub-mono\",\n \"icon-product-spaces\",\n \"icon-product-spaces-mono\"\n ] as const,\n \"social\": [\n \"icon-social-discord\",\n \"icon-social-discord-mono\",\n \"icon-social-facebook\",\n \"icon-social-facebook-mono\",\n \"icon-social-github\",\n \"icon-social-github-mono\",\n \"icon-social-glassdoor\",\n \"icon-social-glassdoor-mono\",\n \"icon-social-google\",\n \"icon-social-google-mono\",\n \"icon-social-linkedin\",\n \"icon-social-linkedin-mono\",\n \"icon-social-slack\",\n \"icon-social-slack-mono\",\n \"icon-social-stackoverflow\",\n \"icon-social-stackoverflow-mono\",\n \"icon-social-twitter\",\n \"icon-social-twitter-mono\",\n \"icon-social-x\",\n \"icon-social-x-mono\",\n \"icon-social-youtube\",\n \"icon-social-youtube-mono\"\n ] as const,\n \"tech\": [\n \"icon-tech-ably\",\n \"icon-tech-ably-api-streamer\",\n \"icon-tech-ably-firehose\",\n \"icon-tech-ably-native\",\n \"icon-tech-activemq\",\n \"icon-tech-activitypub\",\n \"icon-tech-aerospike\",\n \"icon-tech-akka\",\n \"icon-tech-amazon-ec2\",\n \"icon-tech-amazon-event-bridge\",\n \"icon-tech-amqp091\",\n \"icon-tech-amqp10\",\n \"icon-tech-android-full\",\n \"icon-tech-android-head\",\n \"icon-tech-angular\",\n \"icon-tech-anycable\",\n \"icon-tech-apache-cassandra\",\n \"icon-tech-apache-cordova\",\n \"icon-tech-apache-kafka\",\n \"icon-tech-apache-spark\",\n \"icon-tech-apachepulsar\",\n \"icon-tech-apachestorm\",\n \"icon-tech-apns\",\n \"icon-tech-assemblyai\",\n \"icon-tech-atmosphere\",\n \"icon-tech-aws\",\n \"icon-tech-aws-app-sync\",\n \"icon-tech-aws-aurora\",\n \"icon-tech-aws-gateway-websockets\",\n \"icon-tech-aws-sns\",\n \"icon-tech-aws-sqs\",\n \"icon-tech-awsiot\",\n \"icon-tech-awskinesis\",\n \"icon-tech-awslambda\",\n \"icon-tech-awssqs\",\n \"icon-tech-azure-api\",\n \"icon-tech-azure-archive-api\",\n \"icon-tech-azure-bus\",\n \"icon-tech-azure-cosmos\",\n \"icon-tech-azure-event-hub\",\n \"icon-tech-azure-functions\",\n \"icon-tech-azure-search\",\n \"icon-tech-azure-static-web-app\",\n \"icon-tech-azure-static-web-apps\",\n \"icon-tech-azure-storage\",\n \"icon-tech-azure-web-pubsub\",\n \"icon-tech-azurefunctions\",\n \"icon-tech-azureservicebus\",\n \"icon-tech-azuresignalR\",\n \"icon-tech-bayeux\",\n \"icon-tech-c++\",\n \"icon-tech-centrifugo\",\n \"icon-tech-client-side-frameworks\",\n \"icon-tech-clojure\",\n \"icon-tech-cloudflare-durable-objects\",\n \"icon-tech-cloudflareworkers\",\n \"icon-tech-cocoa\",\n \"icon-tech-confluent\",\n \"icon-tech-cord\",\n \"icon-tech-csharp\",\n \"icon-tech-curl\",\n \"icon-tech-customwebhooks\",\n \"icon-tech-datadog\",\n \"icon-tech-design-patterns\",\n \"icon-tech-devplatforms\",\n \"icon-tech-diffusion-data\",\n \"icon-tech-django\",\n \"icon-tech-engineio\",\n \"icon-tech-event-driven-servers\",\n \"icon-tech-fanout-io\",\n \"icon-tech-fast-api\",\n \"icon-tech-fauna\",\n \"icon-tech-featherjs\",\n \"icon-tech-firebase\",\n \"icon-tech-firebase-cloud-messaging\",\n \"icon-tech-flutter\",\n \"icon-tech-gcloudbigquery\",\n \"icon-tech-gclouddataflow\",\n \"icon-tech-gcloudfunctions\",\n \"icon-tech-gcloudpubsub\",\n \"icon-tech-go\",\n \"icon-tech-grpc\",\n \"icon-tech-hivemq\",\n \"icon-tech-http2\",\n \"icon-tech-http3\",\n \"icon-tech-httprest\",\n \"icon-tech-idempotency\",\n \"icon-tech-ifttt\",\n \"icon-tech-integrations\",\n \"icon-tech-ios\",\n \"icon-tech-ios-generic\",\n \"icon-tech-ipados\",\n \"icon-tech-ipfs\",\n \"icon-tech-ironmq\",\n \"icon-tech-java\",\n \"icon-tech-javascript\",\n \"icon-tech-jms\",\n \"icon-tech-json-web-tokens\",\n \"icon-tech-kaazing\",\n \"icon-tech-kotlin\",\n \"icon-tech-ksql-db\",\n \"icon-tech-kubernetes\",\n \"icon-tech-laravel-broadcast\",\n \"icon-tech-laravel-echo\",\n \"icon-tech-lightstreamer\",\n \"icon-tech-liveblocks\",\n \"icon-tech-longpolling\",\n \"icon-tech-macos\",\n \"icon-tech-matrix\",\n \"icon-tech-meteor\",\n \"icon-tech-mongo-db\",\n \"icon-tech-mono\",\n \"icon-tech-mqtt\",\n \"icon-tech-mysql\",\n \"icon-tech-native-script\",\n \"icon-tech-net\",\n \"icon-tech-netlify\",\n \"icon-tech-nextjs\",\n \"icon-tech-nkn\",\n \"icon-tech-nodejs\",\n \"icon-tech-objectivec\",\n \"icon-tech-parse-server\",\n \"icon-tech-php\",\n \"icon-tech-planetscale\",\n \"icon-tech-postgres\",\n \"icon-tech-prisma\",\n \"icon-tech-programminglanguages\",\n \"icon-tech-protcol-adaptors\",\n \"icon-tech-protocols\",\n \"icon-tech-pub-sub\",\n \"icon-tech-pubnub\",\n \"icon-tech-push-technology\",\n \"icon-tech-pusher\",\n \"icon-tech-python\",\n \"icon-tech-quic\",\n \"icon-tech-rabbitMQ\",\n \"icon-tech-railsactioncable\",\n \"icon-tech-react\",\n \"icon-tech-react-app\",\n \"icon-tech-reactnative\",\n \"icon-tech-redis\",\n \"icon-tech-redpanda\",\n \"icon-tech-replicache\",\n \"icon-tech-rethinkdb\",\n \"icon-tech-rocketmq\",\n \"icon-tech-ruby\",\n \"icon-tech-scala\",\n \"icon-tech-scaledrone\",\n \"icon-tech-serversentevents\",\n \"icon-tech-serversideframeworks\",\n \"icon-tech-signalR\",\n \"icon-tech-snowflake\",\n \"icon-tech-socketio\",\n \"icon-tech-sockjs\",\n \"icon-tech-solace\",\n \"icon-tech-spring\",\n \"icon-tech-stomp\",\n \"icon-tech-streamdata-io\",\n \"icon-tech-streamr\",\n \"icon-tech-swift\",\n \"icon-tech-symfony\",\n \"icon-tech-symfony-mercure\",\n \"icon-tech-tcp-ip\",\n \"icon-tech-tenefit\",\n \"icon-tech-terraform\",\n \"icon-tech-tvos\",\n \"icon-tech-twilio\",\n \"icon-tech-typescript\",\n \"icon-tech-udp-protocol\",\n \"icon-tech-unity\",\n \"icon-tech-vercel\",\n \"icon-tech-vscode\",\n \"icon-tech-vuejs\",\n \"icon-tech-wamp\",\n \"icon-tech-watchos\",\n \"icon-tech-web\",\n \"icon-tech-web-push\",\n \"icon-tech-webhooks\",\n \"icon-tech-webrtc\",\n \"icon-tech-websockets\",\n \"icon-tech-websub\",\n \"icon-tech-xamarin\",\n \"icon-tech-xhr-streaming\",\n \"icon-tech-xmpp\",\n \"icon-tech-zapier\",\n \"icon-tech-zeromq\"\n ] as const\n}"],"names":["computedIcons"],"mappings":"AAEA,OAAO,MAAMA,cAAgB,CAC3B,UAAW,CACT,qBACA,6BACA,8BACA,mBACA,wBACA,sCACA,kCACA,8BACA,4BACA,uBACA,wBACA,2BACA,2BACA,gCACA,wBACA,yBACA,0BACA,8BACA,6BACA,gCACA,yCACA,+BACA,sBACA,4BACA,6BACA,kCACA,mCACA,wCACA,iCACA,sBACA,wBACA,6BACA,sCACA,4BACA,0BACA,+BACA,0BACA,qCACA,4BACA,uBACA,wBACA,oBACA,6BACA,oCACA,qBACA,0BACA,uBACA,4BACA,gCACA,iCACA,mCACA,qCACA,sBACA,6BACA,yBACA,gDACA,uBACA,uBACA,gCACA,mCACA,8BACA,qCACA,iCACA,8BACA,wBACA,oBACA,+BACA,wCACA,4BACA,kCACA,sCACA,uCACA,qCACA,6BACA,sBACA,wBACA,sCACA,uBACA,6BACA,mBACA,0BACA,+BACA,oCACA,iCACA,+BACA,kCACA,mCACA,8BACA,kCACD,CACD,MAAO,CACL,sBACA,8BACA,6BACA,gCACA,8BACA,wCACA,uCACA,0CACA,wCACA,sCACA,qCACA,wCACA,sCACA,wCACA,uCACA,0CACA,wCACA,6BACA,4BACA,+BACA,6BACA,oCACA,mCACA,sCACA,oCACA,mCACA,kCACA,qCACA,mCACA,iCACA,gCACA,mCACA,iCACA,4BACA,2BACA,sCACA,qCACA,wCACA,sCACA,4CACA,2CACA,8CACA,4CACA,8BACA,kCACA,iCACA,oCACA,kCACA,4BACA,iCACA,gCACA,mCACA,iCACA,mCACA,kCACA,qCACA,mCACA,6CACA,4CACA,+CACA,6CACA,4BACA,2BACA,wCACA,2CACA,yCACA,8BACA,4BACA,+CACA,8CACA,iDACA,+CACA,iCACA,gCACA,mCACA,iCACA,iCACA,gCACA,mCACA,iCACA,kCACA,iCACA,oCACA,kCACA,+BACA,8BACA,iCACA,+BACA,4BACA,2BACA,8BACA,2CACA,0CACA,6CACA,2CACA,4BACA,oCACA,mCACA,sCACA,oCACA,8CACA,6CACA,gDACA,8CACA,6BACA,4BACA,yCACA,4CACA,0CACA,+BACA,6BACA,gDACA,+CACA,kDACA,gDACA,iCACA,oCACA,kCACA,iCACA,oCACA,kCACA,kCACA,qCACA,mCACA,+BACA,kCACA,gCACA,2CACA,0CACA,6CACA,2CACA,qCACA,oCACA,uCACA,qCACA,mCACA,kCACA,qCACA,mCACA,sCACA,qCACA,wCACA,sCACA,uCACA,sCACA,yCACA,uCACA,sCACA,qCACA,wCACA,sCACA,oCACA,mCACA,sCACA,oCACA,uCACA,sCACA,yCACA,uCACA,qCACA,oCACA,uCACA,qCACA,oCACA,mCACA,sCACA,oCACA,qCACA,oCACA,uCACA,qCACA,iCACA,gCACA,mCACA,iCACA,+BACA,8BACA,iCACA,+BACA,0BACA,yBACA,oCACA,mCACA,sCACA,oCACA,0CACA,yCACA,4CACA,0CACA,4BACA,gCACA,+BACA,kCACA,gCACA,0BACA,+BACA,8BACA,iCACA,+BACA,kCACA,iCACA,oCACA,kCACA,kCACA,iCACA,oCACA,kCACA,mCACA,kCACA,qCACA,mCACA,gCACA,+BACA,kCACA,gCACA,oCACA,mCACA,sCACA,oCACA,qCACA,oCACA,uCACA,qCACA,mCACA,kCACA,qCACA,mCACA,gCACA,+BACA,kCACA,gCACA,2BACA,0BACA,6BACA,2BACA,2BACA,0BACA,6BACA,2BACA,0BACA,yBACA,4BACA,0BACA,2BACA,0BACA,6BACA,2BACA,wBACA,uBACA,0BACA,wBACA,oCACA,mCACA,sCACA,oCACA,qCACA,oCACA,uCACA,qCACA,oCACA,mCACA,sCACA,oCACA,wBACA,uBACA,0BACA,wBACA,wBACA,uBACA,0BACA,wBACA,iCACA,gCACA,mCACA,iCACA,+BACA,8BACA,iCACA,+BACA,2BACA,0BACA,6BACA,2BACA,6BACA,4BACA,+BACA,6BACA,4BACA,2BACA,8BACA,4BACA,wBACA,uBACA,0BACA,wBACA,4BACA,2BACA,8BACA,4BACA,sBACA,qBACA,wBACA,4BACA,2BACA,8BACA,4BACA,6BACA,4BACA,+BACA,6BACA,sBACA,sBACA,qBACA,wBACA,sBACA,sBACA,qBACA,wBACA,4BACA,2BACA,8BACA,4BACA,sBACA,2BACA,0BACA,6BACA,2BACA,0BACA,yBACA,4BACA,gCACA,+BACA,kCACA,gCACA,0BACA,iCACA,gCACA,mCACA,iCACA,2BACA,0BACA,6BACA,2BACA,yBACA,wBACA,2BACA,yBACA,kCACA,iCACA,oCACA,kCACA,mCACA,kCACA,qCACA,mCACA,iCACA,gCACA,mCACA,iCACA,qCACA,oCACA,uCACA,qCACA,sBACA,qBACA,wBACA,sBACA,4BACA,2BACA,8BACA,4BACA,qCACA,oCACA,uCACA,qCACA,+BACA,8BACA,iCACA,+BACA,0BACA,yBACA,4BACA,0BACA,wBACA,uBACA,0BACA,wBACA,2BACA,0BACA,6BACA,2BACA,kCACA,iCACA,oCACA,kCACA,2BACA,0BACA,6BACA,2BACA,2CACA,0CACA,6CACA,2CACA,gDACA,+CACA,kDACA,gDACA,2CACA,0CACA,6CACA,2CACA,kCACA,iCACA,oCACA,wCACA,uCACA,0CACA,wCACA,kCACA,gDACA,+CACA,kDACA,gDACA,uCACA,sCACA,yCACA,uCACA,6BACA,4BACA,+BACA,6BACA,8BACA,6BACA,gCACA,8BACA,8BACA,+BACA,uBACA,sBACA,yBACA,uBACA,6BACA,qCACA,oCACA,uCACA,qCACA,qCACA,oCACA,uCACA,qCACA,sCACA,qCACA,wCACA,sCACA,mCACA,kCACA,qCACA,mCACA,8BACA,6BACA,gCACA,8BACA,8BACA,6BACA,gCACA,8BACA,+BACA,8BACA,iCACA,+BACA,iCACA,gCACA,mCACA,iCACA,4BACA,2BACA,8BACA,4BACA,8BACA,6BACA,gCACA,8BACA,0CACA,yCACA,4CACA,0CACA,yCACA,wCACA,2CACA,yCACA,oCACA,mCACA,sCACA,oCACA,2BACA,0BACA,6BACA,2BACA,uBACA,sBACA,yBACA,uBACA,kCACA,iCACA,oCACA,kCACA,gCACA,+BACA,kCACA,gCACA,uBACA,sBACA,yBACA,uBACA,8BACA,6BACA,gCACA,8BACA,qCACA,oCACA,uCACA,qCACA,oBACA,6BACA,4BACA,+BACA,6BACA,6BACA,4BACA,+BACA,6BACA,qBACA,oBACA,uBACA,qBACA,8BACA,6BACA,gCACA,8BACA,kCACA,iCACA,oCACA,kCACA,0BACA,yBACA,4BACA,0BACA,6BACA,4BACA,+BACA,6BACA,sBACA,qBACA,wBACA,sBACA,kCACA,iCACA,oCACA,kCACA,sCACA,qCACA,wCACA,sCACA,iCACA,gCACA,mCACA,iCACA,+BACA,8BACA,iCACA,+BACA,gCACA,+BACA,kCACA,gCACA,gCACA,+BACA,kCACA,gCACA,8BACA,6BACA,gCACA,8BACA,kBACA,mCACA,kCACA,qCACA,mCACA,qCACA,oCACA,uCACA,qCACA,qCACA,oCACA,uCACA,qCACA,+BACA,8BACA,iCACA,+BACA,wBACA,uBACA,0BACA,wBACA,qCACA,oCACA,uCACA,qCACA,mCACA,kCACA,qCACA,mCACA,oCACA,mCACA,sCACA,oCACA,gCACA,+BACA,kCACA,gCACA,+CACA,8CACA,iDACA,+CACA,0CACA,yCACA,4CACA,0CACA,wCACA,uCACA,0CACA,wCACA,yCACA,wCACA,2CACA,yCACA,yCACA,wCACA,2CACA,yCACA,uCACA,sCACA,yCACA,uCACA,oCACA,mCACA,sCACA,oCACA,2CACA,0CACA,6CACA,2CACA,0BACA,yBACA,gCACA,+BACA,kCACA,gCACA,4BACA,+BACA,8BACA,iCACA,+BACA,0BACA,+BACA,8BACA,iCACA,+BACA,4CACA,2CACA,8CACA,4CACA,qCACA,oCACA,uCACA,qCACA,mCACA,kCACA,qCACA,mCACA,0BACA,yBACA,+BACA,8BACA,iCACA,+BACA,4BACA,0BACA,wBACA,uBACA,0BACA,wBACA,oCACA,mCACA,sCACA,oCACA,sCACA,qCACA,wCACA,sCACA,kBACA,6BACA,4BACA,+BACA,6BACA,qBACA,oBACA,uBACA,2BACA,0BACA,6BACA,2BACA,qBACA,4BACA,2BACA,8BACA,4BACA,4BACA,2BACA,8BACA,4BACA,sBACA,qBACA,wBACA,sBACA,8BACA,8BACA,8BACA,8BACA,8BACA,6BACA,gCACA,8BACA,sBACA,qBACA,wBACA,sBACA,sBACA,qBACA,wBACA,sBACA,yBACA,mCACA,kCACA,qCACA,mCACA,wBACA,uBACA,8BACA,6BACA,gCACA,8BACA,6BACA,4BACA,+BACA,6BACA,0BACA,6BACA,4BACA,+BACA,6BACA,wBACA,yBACA,wBACA,2BACA,yBACA,wBACA,uBACA,0BACA,wBACA,2BACA,qBACA,oBACA,uBACA,qBACA,sBACA,qBACA,wBACA,sBACA,0BACA,yBACA,4BACA,0BACA,mBACA,2BACA,0BACA,6BACA,2BACA,gCACA,+BACA,kCACA,gCACA,sCACA,qCACA,wCACA,sCACA,qCACA,oCACA,uCACA,qCACA,oBACA,mBACA,sBACA,oBACA,oBACA,mBACA,sBACA,oBACA,oBACA,mBACA,sBACA,oBACA,6BACA,4BACA,+BACA,6BACA,iCACA,gCACA,mCACA,iCACA,+BACA,8BACA,iCACA,+BACA,yBACA,wBACA,2BACA,yBACA,uBACA,sBACA,yBACA,uBACA,mBACA,sBACA,qBACA,6BACA,4BACA,+BACA,6BACA,wBACA,sBACA,gCACA,+BACA,kCACA,gCACA,kCACA,iCACA,oCACA,kCACA,uBACA,sBACA,yBACA,uBACA,6BACA,4BACA,+BACA,6BACA,oCACA,mCACA,sCACA,oCACA,wBACA,uBACA,0BACA,wBACA,qBACA,oBACA,uBACA,qBACA,0BACA,yBACA,4BACA,0BACA,0BACA,yBACA,4BACA,0BACA,4BACA,2BACA,8BACA,4BACA,sBACA,qBACA,wBACA,4BACA,2BACA,8BACA,4BACA,sBACA,6BACA,4BACA,+BACA,6BACA,qBACA,6BACA,4BACA,+BACA,6BACA,2BACA,0BACA,6BACA,2BACA,yCACA,wCACA,2CACA,yCACA,kCACA,iCACA,wCACA,uCACA,0CACA,wCACA,oCACA,uCACA,sCACA,yCACA,uCACA,kCACA,qBACA,oBACA,uBACA,yBACA,wBACA,2BACA,yBACA,qBACA,2BACA,0BACA,6BACA,2BACA,4BACA,2BACA,8BACA,4BACA,8BACA,6BACA,gCACA,8BACA,uBACA,sBACA,yBACA,4BACA,+BACA,6BACA,uBACA,sBACA,qBACA,wBACA,sBACA,iBACA,8BACA,6BACA,gCACA,8BACA,2BACA,0BACA,6BACA,2BACA,2BACA,0BACA,6BACA,2BACA,+BACA,8BACA,iCACA,+BACA,6BACA,4BACA,+BACA,6BACA,gCACA,+BACA,kCACA,gCACA,4BACA,2BACA,8BACA,4BACA,mBACA,8BACA,6BACA,gCACA,8BACA,uBACA,sBACA,yBACA,uBACA,wBACA,uBACA,0BACA,wBACA,+BACA,8BACA,iCACA,+BACA,+BACA,8BACA,iCACA,+BACA,uCACA,sCACA,yCACA,uCACA,sCACA,qCACA,wCACA,sCACA,uBACA,sBACA,yBACA,uBACA,8BACA,6BACA,gCACA,8BACA,uBACA,sBACA,yBACA,uBACA,mBACA,6BACA,4BACA,+BACA,6BACA,sBACA,qBACA,wBACA,4BACA,2BACA,8BACA,4BACA,sBACA,6BACA,4BACA,+BACA,6BACA,sBACA,qBACA,wBACA,2BACA,8BACA,4BACA,sBACA,uBACA,sBACA,yBACA,uBACA,wCACA,uCACA,0CACA,wCACA,yCACA,wCACA,2CACA,yCACA,yBACA,wBACA,2BACA,yBACA,8BACA,6BACA,gCACA,8BACA,yBACA,wBACA,2BACA,yBACA,sCACA,qCACA,wCACA,sCACA,4BACA,2BACA,8BACA,4BACA,4BACA,uBACA,sBACA,yBACA,uBACA,iCACA,gCACA,mCACA,iCACA,gCACA,+BACA,kCACA,gCACA,iCACA,gCACA,mCACA,iCACA,iCACA,gCACA,mCACA,iCACA,mBACA,qBACA,+BACA,8BACA,iCACA,+BACA,qBACA,oBACA,uBACA,qBACA,uBACA,sBACA,yBACA,uBACA,0BACA,yBACA,4BACA,0BACA,wBACA,uBACA,0BACA,wBACA,8BACA,6BACA,gCACA,8BACA,uBACA,sBACA,yBACA,uBACA,8BACA,6BACA,gCACA,8BACA,oCACA,mCACA,sCACA,oCACA,8BACA,6BACA,gCACA,8BACA,+BACA,8BACA,iCACA,+BACA,wBACA,uBACA,0BACA,8BACA,6BACA,gCACA,8BACA,wBACA,uBACA,sBACA,yBACA,uBACA,0BACA,yBACA,4BACA,0BACA,8BACA,6BACA,gCACA,8BACA,gCACA,+BACA,kCACA,gCACA,wBACA,yBACA,gCACA,+BACA,kCACA,gCACA,mCACA,kCACA,qCACA,mCACA,6BACA,4BACA,+BACA,6BACA,8BACA,6BACA,gCACA,8BACA,sBACA,qBACA,wBACA,sBACA,6BACA,4BACA,+BACA,6BACA,sBACA,qBACA,wBACA,sBACA,+BACA,8BACA,iCACA,+BACA,qBACA,oBACA,uBACA,qBACA,wBACA,uBACA,0BACA,wBACA,6BACA,4BACA,+BACA,6BACA,qBACA,oBACA,uBACA,qBACA,wBACA,uBACA,0BACA,wBACA,uBACA,sBACA,yBACA,uBACA,wBACA,uBACA,0BACA,wBACA,uBACA,sBACA,yBACA,uBACA,oBACA,mBACA,sBACA,oBACA,2BACA,0BACA,6BACA,2BACA,6BACA,4BACA,+BACA,6BACA,4BACA,2BACA,8BACA,4BACA,sBACA,qBACA,4BACA,2BACA,8BACA,4BACA,wBACA,2BACA,0BACA,6BACA,2BACA,sBACA,uBACA,sBACA,yBACA,uBACA,0BACA,yBACA,4BACA,0BACA,8BACA,6BACA,gCACA,oCACA,mCACA,sCACA,oCACA,8BACA,8BACA,6BACA,gCACA,8BACA,mCACA,kCACA,qCACA,mCACA,wBACA,uBACA,0BACA,wBACA,sBACA,qBACA,wBACA,sBACA,wBACA,uBACA,0BACA,wBACA,wBACA,uBACA,0BACA,oCACA,mCACA,sCACA,oCACA,wBACA,0BACA,yBACA,4BACA,0BACA,wBACA,uBACA,0BACA,wBACD,CACD,UAAW,CACT,8BACA,mCACA,oBACA,yBACA,2BACA,gCACA,gCACA,wBACA,6BACA,wBACA,6BACA,sBACA,2BACA,sBACA,2BACD,CACD,SAAU,CACR,sBACA,2BACA,uBACA,4BACA,qBACA,0BACA,wBACA,6BACA,qBACA,0BACA,uBACA,4BACA,oBACA,yBACA,4BACA,iCACA,sBACA,2BACA,gBACA,qBACA,sBACA,2BACD,CACD,OAAQ,CACN,iBACA,8BACA,0BACA,wBACA,qBACA,wBACA,sBACA,iBACA,uBACA,gCACA,oBACA,mBACA,yBACA,yBACA,oBACA,qBACA,6BACA,2BACA,yBACA,yBACA,yBACA,wBACA,iBACA,uBACA,uBACA,gBACA,yBACA,uBACA,mCACA,oBACA,oBACA,mBACA,uBACA,sBACA,mBACA,sBACA,8BACA,sBACA,yBACA,4BACA,4BACA,yBACA,iCACA,kCACA,0BACA,6BACA,2BACA,4BACA,yBACA,mBACA,gBACA,uBACA,mCACA,oBACA,uCACA,8BACA,kBACA,sBACA,iBACA,mBACA,iBACA,2BACA,oBACA,4BACA,yBACA,2BACA,mBACA,qBACA,iCACA,sBACA,qBACA,kBACA,sBACA,qBACA,qCACA,oBACA,2BACA,2BACA,4BACA,yBACA,eACA,iBACA,mBACA,kBACA,kBACA,qBACA,wBACA,kBACA,yBACA,gBACA,wBACA,mBACA,iBACA,mBACA,iBACA,uBACA,gBACA,4BACA,oBACA,mBACA,oBACA,uBACA,8BACA,yBACA,0BACA,uBACA,wBACA,kBACA,mBACA,mBACA,qBACA,iBACA,iBACA,kBACA,0BACA,gBACA,oBACA,mBACA,gBACA,mBACA,uBACA,yBACA,gBACA,wBACA,qBACA,mBACA,iCACA,6BACA,sBACA,oBACA,mBACA,4BACA,mBACA,mBACA,iBACA,qBACA,6BACA,kBACA,sBACA,wBACA,kBACA,qBACA,uBACA,sBACA,qBACA,iBACA,kBACA,uBACA,6BACA,iCACA,oBACA,sBACA,qBACA,mBACA,mBACA,mBACA,kBACA,0BACA,oBACA,kBACA,oBACA,4BACA,mBACA,oBACA,sBACA,iBACA,mBACA,uBACA,yBACA,kBACA,mBACA,mBACA,kBACA,iBACA,oBACA,gBACA,qBACA,qBACA,mBACA,uBACA,mBACA,oBACA,0BACA,iBACA,mBACA,mBACD,AACH,CAAC"}
@@ -1 +1,2 @@
1
- import{computedIcons}from"./computed-icons";export const iconNames={gui:computedIcons.gui,display:computedIcons.display,social:computedIcons.social,tech:computedIcons.tech,product:computedIcons.product};
1
+ import{computedIcons}from"./computed-icons";export const iconNames={gui:computedIcons.gui,display:computedIcons.display,social:computedIcons.social,tech:computedIcons.tech,product:computedIcons.product};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/core/Icon/types.ts"],"sourcesContent":["import { computedIcons } from \"./computed-icons\";\n\nexport const iconNames = {\n gui: computedIcons.gui,\n display: computedIcons.display,\n social: computedIcons.social,\n tech: computedIcons.tech,\n product: computedIcons.product,\n};\n\nexport type IconName =\n | (typeof iconNames.gui)[number]\n | (typeof iconNames.display)[number]\n | (typeof iconNames.social)[number]\n | (typeof iconNames.tech)[number]\n | (typeof iconNames.product)[number];\n\nexport type IconSize =\n | `${number}px`\n | `${number}em`\n | `${number}rem`\n | `calc(${string})`;\n"],"names":["computedIcons","iconNames","gui","display","social","tech","product"],"mappings":"AAAA,OAASA,aAAa,KAAQ,kBAAmB,AAEjD,QAAO,MAAMC,UAAY,CACvBC,IAAKF,cAAcE,GAAG,CACtBC,QAASH,cAAcG,OAAO,CAC9BC,OAAQJ,cAAcI,MAAM,CAC5BC,KAAML,cAAcK,IAAI,CACxBC,QAASN,cAAcM,OAAO,AAChC,CAAE"}
@@ -1 +1,2 @@
1
- export const defaultIconSecondaryColor=name=>{const colorLookup={"icon-gui-check-circled-fill":"text-white"};return colorLookup[name]};
1
+ export const defaultIconSecondaryColor=name=>{const colorLookup={"icon-gui-check-circled-fill":"text-white"};return colorLookup[name]};
2
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/core/Icon/utils.ts"],"sourcesContent":["import { ColorClass } from \"../styles/colors/types\";\nimport { IconName } from \"./types\";\n\nexport const defaultIconSecondaryColor = (name: IconName) => {\n const colorLookup = {\n \"icon-gui-check-circled-fill\": \"text-white\",\n } as Record<string, ColorClass>;\n\n return colorLookup[name];\n};\n"],"names":["defaultIconSecondaryColor","name","colorLookup"],"mappings":"AAGA,OAAO,MAAMA,0BAA4B,AAACC,OACxC,MAAMC,YAAc,CAClB,8BAA+B,YACjC,EAEA,OAAOA,WAAW,CAACD,KAAK,AAC1B,CAAE"}
package/core/Icon.js CHANGED
@@ -1 +1,2 @@
1
- import React,{useCallback}from"react";import{defaultIconSecondaryColor}from"./Icon/utils";import{convertTailwindClassToVar}from"./styles/colors/utils";import cn from"./utils/cn";const Icon=({name,size="0.75rem",color,secondaryColor,additionalCSS="",variant,...additionalAttributes})=>{const[lightSecondaryColor,darkSecondaryColor]=(secondaryColor??"").split(" dark:");const iconName=variant&&!name.endsWith(`-${variant}`)?`${name}-${variant}`:name;const iconSvg=useCallback((secondaryColor,isDark,isThemed)=>{let secondaryColorValue;if(secondaryColor){secondaryColorValue=convertTailwindClassToVar(secondaryColor)}else if(defaultIconSecondaryColor(name)){secondaryColorValue=convertTailwindClassToVar(defaultIconSecondaryColor(name))}return React.createElement("svg",{className:cn({[`${color}`]:color},{[`${additionalCSS}`]:additionalCSS},{"hidden dark:block":secondaryColor&&!isDark&&isThemed},{"dark:hidden":secondaryColor&&isDark&&isThemed}),style:{width:size,height:size,...secondaryColorValue&&{"--ui-icon-secondary-color":secondaryColorValue}},...additionalAttributes},React.createElement("use",{xlinkHref:`#sprite-${iconName}`}))},[iconName,size,color,additionalCSS,additionalAttributes,lightSecondaryColor,darkSecondaryColor]);if(lightSecondaryColor&&darkSecondaryColor){return React.createElement(React.Fragment,null,iconSvg(lightSecondaryColor,false,!!darkSecondaryColor),iconSvg(darkSecondaryColor,true,true))}else if(lightSecondaryColor){return iconSvg(lightSecondaryColor,false,!!darkSecondaryColor)}else{return iconSvg()}};export default Icon;
1
+ import React,{useCallback}from"react";import{defaultIconSecondaryColor}from"./Icon/utils";import{convertTailwindClassToVar}from"./styles/colors/utils";import cn from"./utils/cn";const Icon=({name,size="0.75rem",color,secondaryColor,additionalCSS="",variant,...additionalAttributes})=>{const[lightSecondaryColor,darkSecondaryColor]=(secondaryColor??"").split(" dark:");const iconName=variant&&!name.endsWith(`-${variant}`)?`${name}-${variant}`:name;const iconSvg=useCallback((secondaryColor,isDark,isThemed)=>{let secondaryColorValue;if(secondaryColor){secondaryColorValue=convertTailwindClassToVar(secondaryColor)}else if(defaultIconSecondaryColor(name)){secondaryColorValue=convertTailwindClassToVar(defaultIconSecondaryColor(name))}return React.createElement("svg",{className:cn({[`${color}`]:color},{[`${additionalCSS}`]:additionalCSS},{"hidden dark:block":secondaryColor&&!isDark&&isThemed},{"dark:hidden":secondaryColor&&isDark&&isThemed}),style:{width:size,height:size,...secondaryColorValue&&{"--ui-icon-secondary-color":secondaryColorValue}},...additionalAttributes},React.createElement("use",{xlinkHref:`#sprite-${iconName}`}))},[iconName,size,color,additionalCSS,additionalAttributes,lightSecondaryColor,darkSecondaryColor]);if(lightSecondaryColor&&darkSecondaryColor){return React.createElement(React.Fragment,null,iconSvg(lightSecondaryColor,false,!!darkSecondaryColor),iconSvg(darkSecondaryColor,true,true))}else if(lightSecondaryColor){return iconSvg(lightSecondaryColor,false,!!darkSecondaryColor)}else{return iconSvg()}};export default Icon;
2
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/Icon.tsx"],"sourcesContent":["import React, { CSSProperties, useCallback } from \"react\";\n\nimport { defaultIconSecondaryColor } from \"./Icon/utils\";\nimport { IconName, IconSize } from \"./Icon/types\";\nimport { ColorClass, ColorThemeSet } from \"./styles/colors/types\";\nimport { convertTailwindClassToVar } from \"./styles/colors/utils\";\nimport cn from \"./utils/cn\";\n\nexport type IconProps = {\n name: IconName;\n size?: IconSize;\n color?: ColorClass | ColorThemeSet;\n secondaryColor?: ColorClass | ColorThemeSet;\n additionalCSS?: string;\n variant?: \"outline\" | \"solid\" | \"micro\" | \"mini\";\n};\n\nconst Icon = ({\n name,\n size = \"0.75rem\",\n color,\n secondaryColor,\n additionalCSS = \"\",\n variant,\n ...additionalAttributes\n}: IconProps) => {\n const [lightSecondaryColor, darkSecondaryColor] = (\n secondaryColor ?? \"\"\n ).split(\" dark:\") as [ColorClass, ColorClass | undefined];\n\n const iconName =\n variant && !name.endsWith(`-${variant}`) ? `${name}-${variant}` : name;\n\n const iconSvg = useCallback(\n (secondaryColor?: ColorClass, isDark?: boolean, isThemed?: boolean) => {\n let secondaryColorValue;\n if (secondaryColor) {\n secondaryColorValue = convertTailwindClassToVar(secondaryColor);\n } else if (defaultIconSecondaryColor(name)) {\n secondaryColorValue = convertTailwindClassToVar(\n defaultIconSecondaryColor(name),\n );\n }\n\n return (\n <svg\n className={cn(\n { [`${color}`]: color },\n { [`${additionalCSS}`]: additionalCSS },\n {\n \"hidden dark:block\": secondaryColor && !isDark && isThemed,\n },\n {\n \"dark:hidden\": secondaryColor && isDark && isThemed,\n },\n )}\n style={\n {\n width: size,\n height: size,\n ...(secondaryColorValue && {\n \"--ui-icon-secondary-color\": secondaryColorValue,\n }),\n } as CSSProperties\n }\n {...additionalAttributes}\n >\n <use xlinkHref={`#sprite-${iconName}`} />\n </svg>\n );\n },\n [\n iconName,\n size,\n color,\n additionalCSS,\n additionalAttributes,\n lightSecondaryColor,\n darkSecondaryColor,\n ],\n );\n\n if (lightSecondaryColor && darkSecondaryColor) {\n return (\n <>\n {iconSvg(lightSecondaryColor, false, !!darkSecondaryColor)}\n {iconSvg(darkSecondaryColor, true, true)}\n </>\n );\n } else if (lightSecondaryColor) {\n return iconSvg(lightSecondaryColor, false, !!darkSecondaryColor);\n } else {\n return iconSvg();\n }\n};\n\nexport default Icon;\n"],"names":["React","useCallback","defaultIconSecondaryColor","convertTailwindClassToVar","cn","Icon","name","size","color","secondaryColor","additionalCSS","variant","additionalAttributes","lightSecondaryColor","darkSecondaryColor","split","iconName","endsWith","iconSvg","isDark","isThemed","secondaryColorValue","svg","className","style","width","height","use","xlinkHref"],"mappings":"AAAA,OAAOA,OAAwBC,WAAW,KAAQ,OAAQ,AAE1D,QAASC,yBAAyB,KAAQ,cAAe,AAGzD,QAASC,yBAAyB,KAAQ,uBAAwB,AAClE,QAAOC,OAAQ,YAAa,CAW5B,MAAMC,KAAO,CAAC,CACZC,IAAI,CACJC,KAAO,SAAS,CAChBC,KAAK,CACLC,cAAc,CACdC,cAAgB,EAAE,CAClBC,OAAO,CACP,GAAGC,qBACO,IACV,KAAM,CAACC,oBAAqBC,mBAAmB,CAAG,AAChDL,CAAAA,gBAAkB,EAAC,EACnBM,KAAK,CAAC,UAER,MAAMC,SACJL,SAAW,CAACL,KAAKW,QAAQ,CAAC,CAAC,CAAC,EAAEN,QAAQ,CAAC,EAAI,CAAC,EAAEL,KAAK,CAAC,EAAEK,QAAQ,CAAC,CAAGL,KAEpE,MAAMY,QAAUjB,YACd,CAACQ,eAA6BU,OAAkBC,YAC9C,IAAIC,oBACJ,GAAIZ,eAAgB,CAClBY,oBAAsBlB,0BAA0BM,eAClD,MAAO,GAAIP,0BAA0BI,MAAO,CAC1Ce,oBAAsBlB,0BACpBD,0BAA0BI,MAE9B,CAEA,OACE,oBAACgB,OACCC,UAAWnB,GACT,CAAE,CAAC,CAAC,EAAEI,MAAM,CAAC,CAAC,CAAEA,KAAM,EACtB,CAAE,CAAC,CAAC,EAAEE,cAAc,CAAC,CAAC,CAAEA,aAAc,EACtC,CACE,oBAAqBD,gBAAkB,CAACU,QAAUC,QACpD,EACA,CACE,cAAeX,gBAAkBU,QAAUC,QAC7C,GAEFI,MACE,CACEC,MAAOlB,KACPmB,OAAQnB,KACR,GAAIc,qBAAuB,CACzB,4BAA6BA,mBAC/B,CAAC,AACH,EAED,GAAGT,oBAAoB,EAExB,oBAACe,OAAIC,UAAW,CAAC,QAAQ,EAAEZ,SAAS,CAAC,GAG3C,EACA,CACEA,SACAT,KACAC,MACAE,cACAE,qBACAC,oBACAC,mBACD,EAGH,GAAID,qBAAuBC,mBAAoB,CAC7C,OACE,wCACGI,QAAQL,oBAAqB,MAAO,CAAC,CAACC,oBACtCI,QAAQJ,mBAAoB,KAAM,MAGzC,MAAO,GAAID,oBAAqB,CAC9B,OAAOK,QAAQL,oBAAqB,MAAO,CAAC,CAACC,mBAC/C,KAAO,CACL,OAAOI,SACT,CACF,CAEA,gBAAeb,IAAK"}
@@ -1 +1,2 @@
1
- import React from"react";import{commonButtonInterior,commonButtonProps}from"./Button";import cn from"./utils/cn";const LinkButton=({variant="primary",size,leftIcon,rightIcon,children,className,disabled,onClick,iconColor,...rest})=>{const handleClick=e=>{if(disabled){e.preventDefault();return}onClick?.(e)};return React.createElement("a",{...commonButtonProps({variant,size,leftIcon,rightIcon,className:cn(className,{"ui-button-disabled dark:ui-button-disabled-dark":disabled})}),role:"button","aria-disabled":disabled,onClick:handleClick,...rest},commonButtonInterior({leftIcon,rightIcon,iconColor,children}))};export default LinkButton;
1
+ import React from"react";import{commonButtonInterior,commonButtonProps}from"./Button";import cn from"./utils/cn";const LinkButton=({variant="primary",size,leftIcon,rightIcon,children,className,disabled,onClick,iconColor,...rest})=>{const handleClick=e=>{if(disabled){e.preventDefault();return}onClick?.(e)};return React.createElement("a",{...commonButtonProps({variant,size,leftIcon,rightIcon,className:cn(className,{"ui-button-disabled dark:ui-button-disabled-dark":disabled})}),role:"button","aria-disabled":disabled,onClick:handleClick,...rest},commonButtonInterior({leftIcon,rightIcon,iconColor,children}))};export default LinkButton;
2
+ //# sourceMappingURL=LinkButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/LinkButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ButtonPropsBase,\n commonButtonInterior,\n commonButtonProps,\n} from \"./Button\";\nimport cn from \"./utils/cn\";\nimport { ColorClass, ColorThemeSet } from \"./styles/colors/types\";\n\nexport type LinkButtonProps = ButtonPropsBase & {\n disabled?: boolean;\n onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n iconColor?: ColorClass | ColorThemeSet;\n} & React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst LinkButton: React.FC<LinkButtonProps> = ({\n variant = \"primary\",\n size,\n leftIcon,\n rightIcon,\n children,\n className,\n disabled,\n onClick,\n iconColor,\n ...rest\n}) => {\n const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n if (disabled) {\n e.preventDefault();\n return;\n }\n onClick?.(e);\n };\n\n return (\n <a\n {...commonButtonProps({\n variant,\n size,\n leftIcon,\n rightIcon,\n className: cn(className, {\n \"ui-button-disabled dark:ui-button-disabled-dark\": disabled,\n }),\n })}\n role=\"button\"\n aria-disabled={disabled}\n onClick={handleClick}\n {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n >\n {commonButtonInterior({ leftIcon, rightIcon, iconColor, children })}\n </a>\n );\n};\n\nexport default LinkButton;\n"],"names":["React","commonButtonInterior","commonButtonProps","cn","LinkButton","variant","size","leftIcon","rightIcon","children","className","disabled","onClick","iconColor","rest","handleClick","e","preventDefault","a","role","aria-disabled"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAEEC,oBAAoB,CACpBC,iBAAiB,KACZ,UAAW,AAClB,QAAOC,OAAQ,YAAa,CAS5B,MAAMC,WAAwC,CAAC,CAC7CC,QAAU,SAAS,CACnBC,IAAI,CACJC,QAAQ,CACRC,SAAS,CACTC,QAAQ,CACRC,SAAS,CACTC,QAAQ,CACRC,OAAO,CACPC,SAAS,CACT,GAAGC,KACJ,IACC,MAAMC,YAAc,AAACC,IACnB,GAAIL,SAAU,CACZK,EAAEC,cAAc,GAChB,MACF,CACAL,UAAUI,EACZ,EAEA,OACE,oBAACE,KACE,GAAGhB,kBAAkB,CACpBG,QACAC,KACAC,SACAC,UACAE,UAAWP,GAAGO,UAAW,CACvB,kDAAmDC,QACrD,EACF,EAAE,CACFQ,KAAK,SACLC,gBAAeT,SACfC,QAASG,YACR,GAAID,IAAI,EAERb,qBAAqB,CAAEM,SAAUC,UAAWK,UAAWJ,QAAS,GAGvE,CAEA,gBAAeL,UAAW"}
package/core/Loader.js CHANGED
@@ -10,4 +10,5 @@ import React from"react";const Loader=({ringColor="text-dark-grey",size="1.5rem"
10
10
  transform-origin: center;
11
11
  animation: chunk-animation 0.6s cubic-bezier(.44,.15,.66,.98) forwards infinite;
12
12
  }
13
- `}}),React.createElement("path",{fill:"currentColor",d:"m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z",opacity:".5"}),React.createElement("path",{className:"chunk",d:"m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z",fill:"#ff5416"}));export default Loader;
13
+ `}}),React.createElement("path",{fill:"currentColor",d:"m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z",opacity:".5"}),React.createElement("path",{className:"chunk",d:"m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z",fill:"#ff5416"}));export default Loader;
14
+ //# sourceMappingURL=Loader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/Loader.tsx"],"sourcesContent":["import React from \"react\";\n\ntype LoaderProps = {\n size?: string;\n ringColor?: string;\n additionalCSS?: string;\n};\n\nconst Loader = ({\n ringColor = \"text-dark-grey\",\n size = \"1.5rem\",\n additionalCSS = \"\",\n}: LoaderProps) => (\n <svg\n className={`${ringColor} ${additionalCSS}`}\n style={{ width: size, height: size }}\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <style\n dangerouslySetInnerHTML={{\n __html: `\n @keyframes chunk-animation {\n to {\n transform: rotate(360deg);\n }\n }\n\n .chunk {\n transform: rotate(0deg);\n transform-origin: center;\n animation: chunk-animation 0.6s cubic-bezier(.44,.15,.66,.98) forwards infinite;\n }\n `,\n }}\n ></style>\n <path\n fill=\"currentColor\"\n d=\"m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z\"\n opacity=\".5\"\n />\n <path\n className=\"chunk\"\n d=\"m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z\"\n fill=\"#ff5416\"\n />\n </svg>\n);\n\nexport default Loader;\n"],"names":["React","Loader","ringColor","size","additionalCSS","svg","className","style","width","height","viewBox","xmlns","dangerouslySetInnerHTML","__html","path","fill","d","opacity"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,CAQ1B,MAAMC,OAAS,CAAC,CACdC,UAAY,gBAAgB,CAC5BC,KAAO,QAAQ,CACfC,cAAgB,EAAE,CACN,GACZ,oBAACC,OACCC,UAAW,CAAC,EAAEJ,UAAU,CAAC,EAAEE,cAAc,CAAC,CAC1CG,MAAO,CAAEC,MAAOL,KAAMM,OAAQN,IAAK,EACnCM,OAAO,KACPC,QAAQ,YACRF,MAAM,KACNG,MAAM,8BAEN,oBAACJ,SACCK,wBAAyB,CACvBC,OAAQ;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC,AACC,IAEF,oBAACC,QACCC,KAAK,eACLC,EAAE,+2BACFC,QAAQ,OAEV,oBAACH,QACCR,UAAU,QACVU,EAAE,uQACFD,KAAK,YAKX,gBAAed,MAAO"}
package/core/Logo.js CHANGED
@@ -1 +1,2 @@
1
- import React from"react";import LogoAssetMonoStacked from"./images/logo/ably-logo-mono-stacked.svg";import LogoAssetMonoWhiteStacked from"./images/logo/ably-logo-mono-white-stacked.svg";import LogoAssetMonoWhite from"./images/logo/ably-logo-mono-white.svg";import LogoAssetMono from"./images/logo/ably-logo-mono.svg";import LogoAssetStacked from"./images/logo/ably-logo-stacked.svg";import LogoAssetWhiteStacked from"./images/logo/ably-logo-white-stacked.svg";import LogoAssetWhite from"./images/logo/ably-logo-white.svg";import LogoAsset from"./images/logo/ably-logo.svg";const Logo=({dataId,href="/",additionalImgAttrs,additionalLinkAttrs,theme="light",variant="default",orientation="default",logoUrl,logoAlt="Ably logo"})=>{const getLogoSrc=React.useCallback(()=>{if(logoUrl)return logoUrl;if(theme==="dark"){if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoWhiteStacked:LogoAssetMonoWhite}else{return orientation==="stacked"?LogoAssetWhiteStacked:LogoAssetWhite}}else{if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoStacked:LogoAssetMono}else{return orientation==="stacked"?LogoAssetStacked:LogoAsset}}},[logoUrl,theme,variant,orientation]);const logoSrc=getLogoSrc();return React.createElement("a",{href:href,"data-id":dataId,className:"block",...additionalLinkAttrs},React.createElement("img",{src:logoSrc,width:"108px",alt:logoAlt,...additionalImgAttrs}))};export default React.memo(Logo);
1
+ import React from"react";import LogoAssetMonoStacked from"./images/logo/ably-logo-mono-stacked.svg";import LogoAssetMonoWhiteStacked from"./images/logo/ably-logo-mono-white-stacked.svg";import LogoAssetMonoWhite from"./images/logo/ably-logo-mono-white.svg";import LogoAssetMono from"./images/logo/ably-logo-mono.svg";import LogoAssetStacked from"./images/logo/ably-logo-stacked.svg";import LogoAssetWhiteStacked from"./images/logo/ably-logo-white-stacked.svg";import LogoAssetWhite from"./images/logo/ably-logo-white.svg";import LogoAsset from"./images/logo/ably-logo.svg";const Logo=({dataId,href="/",additionalImgAttrs,additionalLinkAttrs,theme="light",variant="default",orientation="default",logoUrl,logoAlt="Ably logo"})=>{const getLogoSrc=React.useCallback(()=>{if(logoUrl)return logoUrl;if(theme==="dark"){if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoWhiteStacked:LogoAssetMonoWhite}else{return orientation==="stacked"?LogoAssetWhiteStacked:LogoAssetWhite}}else{if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoStacked:LogoAssetMono}else{return orientation==="stacked"?LogoAssetStacked:LogoAsset}}},[logoUrl,theme,variant,orientation]);const logoSrc=getLogoSrc();return React.createElement("a",{href:href,"data-id":dataId,className:"block",...additionalLinkAttrs},React.createElement("img",{src:logoSrc,width:"108px",alt:logoAlt,...additionalImgAttrs}))};export default React.memo(Logo);
2
+ //# sourceMappingURL=Logo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport LogoAssetMonoStacked from \"./images/logo/ably-logo-mono-stacked.svg\";\nimport LogoAssetMonoWhiteStacked from \"./images/logo/ably-logo-mono-white-stacked.svg\";\nimport LogoAssetMonoWhite from \"./images/logo/ably-logo-mono-white.svg\";\nimport LogoAssetMono from \"./images/logo/ably-logo-mono.svg\";\nimport LogoAssetStacked from \"./images/logo/ably-logo-stacked.svg\";\nimport LogoAssetWhiteStacked from \"./images/logo/ably-logo-white-stacked.svg\";\nimport LogoAssetWhite from \"./images/logo/ably-logo-white.svg\";\nimport LogoAsset from \"./images/logo/ably-logo.svg\";\n\ntype LogoProps = {\n dataId?: string;\n logoUrl?: string;\n logoAlt?: string;\n href?: string;\n additionalImgAttrs?: object;\n additionalLinkAttrs?: object;\n theme?: \"light\" | \"dark\";\n variant?: \"default\" | \"mono\";\n orientation?: \"default\" | \"stacked\";\n};\n\nconst Logo = ({\n dataId,\n href = \"/\",\n additionalImgAttrs,\n additionalLinkAttrs,\n theme = \"light\",\n variant = \"default\",\n orientation = \"default\",\n logoUrl,\n logoAlt = \"Ably logo\",\n}: LogoProps) => {\n const getLogoSrc = React.useCallback(() => {\n if (logoUrl) return logoUrl;\n\n if (theme === \"dark\") {\n if (variant === \"mono\") {\n return orientation === \"stacked\"\n ? LogoAssetMonoWhiteStacked\n : LogoAssetMonoWhite;\n } else {\n return orientation === \"stacked\"\n ? LogoAssetWhiteStacked\n : LogoAssetWhite;\n }\n } else {\n if (variant === \"mono\") {\n return orientation === \"stacked\" ? LogoAssetMonoStacked : LogoAssetMono;\n } else {\n return orientation === \"stacked\" ? LogoAssetStacked : LogoAsset;\n }\n }\n }, [logoUrl, theme, variant, orientation]);\n\n const logoSrc = getLogoSrc();\n\n return (\n <a href={href} data-id={dataId} className=\"block\" {...additionalLinkAttrs}>\n <img src={logoSrc} width=\"108px\" alt={logoAlt} {...additionalImgAttrs} />\n </a>\n );\n};\n\nexport default React.memo(Logo);\n"],"names":["React","LogoAssetMonoStacked","LogoAssetMonoWhiteStacked","LogoAssetMonoWhite","LogoAssetMono","LogoAssetStacked","LogoAssetWhiteStacked","LogoAssetWhite","LogoAsset","Logo","dataId","href","additionalImgAttrs","additionalLinkAttrs","theme","variant","orientation","logoUrl","logoAlt","getLogoSrc","useCallback","logoSrc","a","data-id","className","img","src","width","alt","memo"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,yBAA0B,0CAA2C,AAC5E,QAAOC,8BAA+B,gDAAiD,AACvF,QAAOC,uBAAwB,wCAAyC,AACxE,QAAOC,kBAAmB,kCAAmC,AAC7D,QAAOC,qBAAsB,qCAAsC,AACnE,QAAOC,0BAA2B,2CAA4C,AAC9E,QAAOC,mBAAoB,mCAAoC,AAC/D,QAAOC,cAAe,6BAA8B,CAcpD,MAAMC,KAAO,CAAC,CACZC,MAAM,CACNC,KAAO,GAAG,CACVC,kBAAkB,CAClBC,mBAAmB,CACnBC,MAAQ,OAAO,CACfC,QAAU,SAAS,CACnBC,YAAc,SAAS,CACvBC,OAAO,CACPC,QAAU,WAAW,CACX,IACV,MAAMC,WAAanB,MAAMoB,WAAW,CAAC,KACnC,GAAIH,QAAS,OAAOA,QAEpB,GAAIH,QAAU,OAAQ,CACpB,GAAIC,UAAY,OAAQ,CACtB,OAAOC,cAAgB,UACnBd,0BACAC,kBACN,KAAO,CACL,OAAOa,cAAgB,UACnBV,sBACAC,cACN,CACF,KAAO,CACL,GAAIQ,UAAY,OAAQ,CACtB,OAAOC,cAAgB,UAAYf,qBAAuBG,aAC5D,KAAO,CACL,OAAOY,cAAgB,UAAYX,iBAAmBG,SACxD,CACF,CACF,EAAG,CAACS,QAASH,MAAOC,QAASC,YAAY,EAEzC,MAAMK,QAAUF,aAEhB,OACE,oBAACG,KAAEX,KAAMA,KAAMY,UAASb,OAAQc,UAAU,QAAS,GAAGX,mBAAmB,EACvE,oBAACY,OAAIC,IAAKL,QAASM,MAAM,QAAQC,IAAKV,QAAU,GAAGN,kBAAkB,GAG3E,CAEA,gBAAeZ,MAAM6B,IAAI,CAACpB,KAAM"}
@@ -1 +1,2 @@
1
- import throttle from"lodash.throttle";import{queryId,queryIdAll}from"../dom-query";import MeganavControl from"../MeganavControl/component.js";import MeganavControlMobileDropdown from"../MeganavControlMobileDropdown/component.js";import MobilePanelOpenClick from"../MeganavControlMobilePanelOpen/component.js";import MobilePanelCloseClick from"../MeganavControlMobilePanelClose/component.js";import MeganavSearchAutocomplete from"../MeganavSearchAutocomplete/component.js";import MeganavSearchSuggestions from"../MeganavSearchSuggestions/component.js";const windowOnBlur=closeAll=>{window.onblur=()=>closeAll();return{teardown:()=>window.onblur=null}};const documentClick=closeAll=>{const meganav=queryId("meganav");const clickHandler=e=>{if(meganav.contains(e.target))return;closeAll()};document.addEventListener("click",clickHandler);return{teardown:()=>document.removeEventListener("click",clickHandler)}};const documentScroll=themeName=>{if(themeName!=="transparentToWhite")return{teardown:()=>{}};const meganav=queryId("meganav");const navItems=queryIdAll("meganav-link");const controlMobileDropdownMenu=queryId("meganav-control-mobile-dropdown-menu");const controlMobileDropdownClose=queryId("meganav-control-mobile-dropdown-close");const controls=queryIdAll("meganav-control");const signUpBtn=queryId("meganav-sign-up-btn");const invertTextCollection=[...Array.from(controls),...Array.from(navItems),queryId("meganav-logo")];const invertMobleDropdownColor=invert=>{const whiteToBlack=["ui-icon-white","ui-icon-cool-black"];const blackToWhite=[...whiteToBlack].reverse();if(invert){controlMobileDropdownMenu?.classList.replace(...whiteToBlack);controlMobileDropdownClose?.classList.replace(...whiteToBlack)}else{controlMobileDropdownMenu?.classList.replace(...blackToWhite);controlMobileDropdownClose?.classList.replace(...blackToWhite)}};const inverSignupBtnColors=invert=>{if(invert){signUpBtn?.classList.replace("bg-white","bg-cool-black");signUpBtn?.classList.replace("text-cool-black","text-white")}else{signUpBtn?.classList.replace("bg-cool-black","bg-white");signUpBtn?.classList.replace("text-white","text-cool-black")}};const scrollHandler=throttle(()=>{if(window.scrollY>5){meganav.classList.replace("bg-transparent","bg-white");inverSignupBtnColors(true);invertMobleDropdownColor(true);invertTextCollection.forEach(n=>n.classList.replace("text-white","text-cool-black"))}else{meganav.classList.replace("bg-white","bg-transparent");inverSignupBtnColors(false);invertMobleDropdownColor(false);invertTextCollection.forEach(n=>n.classList.replace("text-cool-black","text-white"))}},150);document.addEventListener("scroll",scrollHandler);return{teardown:()=>document.removeEventListener("scroll",scrollHandler)}};export default function Meganav({themeName,addSearchApiKey}){const controls=MeganavControl();const panelOpenControls=MobilePanelOpenClick();const panelCloseControls=MobilePanelCloseClick();const search=MeganavSearchAutocomplete(addSearchApiKey);const searchSuggestions=MeganavSearchSuggestions();const mobileDropdownControl=MeganavControlMobileDropdown({clearPanels:()=>[...panelOpenControls,...panelCloseControls].forEach(i=>i.clear())});const closeAll=()=>[mobileDropdownControl,searchSuggestions,...panelOpenControls,...panelCloseControls,...controls,...search].forEach(i=>i.clear());const teardowns=[documentScroll(themeName??null),documentClick(closeAll),windowOnBlur(closeAll),mobileDropdownControl,searchSuggestions,...controls,...panelOpenControls,...panelCloseControls,...search].map(i=>i.teardown);return()=>teardowns.forEach(teardown=>teardown())}
1
+ import throttle from"lodash.throttle";import{queryId,queryIdAll}from"../dom-query";import MeganavControl from"../MeganavControl/component.js";import MeganavControlMobileDropdown from"../MeganavControlMobileDropdown/component.js";import MobilePanelOpenClick from"../MeganavControlMobilePanelOpen/component.js";import MobilePanelCloseClick from"../MeganavControlMobilePanelClose/component.js";import MeganavSearchAutocomplete from"../MeganavSearchAutocomplete/component.js";import MeganavSearchSuggestions from"../MeganavSearchSuggestions/component.js";const windowOnBlur=closeAll=>{window.onblur=()=>closeAll();return{teardown:()=>window.onblur=null}};const documentClick=closeAll=>{const meganav=queryId("meganav");const clickHandler=e=>{if(meganav.contains(e.target))return;closeAll()};document.addEventListener("click",clickHandler);return{teardown:()=>document.removeEventListener("click",clickHandler)}};const documentScroll=themeName=>{if(themeName!=="transparentToWhite")return{teardown:()=>{}};const meganav=queryId("meganav");const navItems=queryIdAll("meganav-link");const controlMobileDropdownMenu=queryId("meganav-control-mobile-dropdown-menu");const controlMobileDropdownClose=queryId("meganav-control-mobile-dropdown-close");const controls=queryIdAll("meganav-control");const signUpBtn=queryId("meganav-sign-up-btn");const invertTextCollection=[...Array.from(controls),...Array.from(navItems),queryId("meganav-logo")];const invertMobleDropdownColor=invert=>{const whiteToBlack=["ui-icon-white","ui-icon-cool-black"];const blackToWhite=[...whiteToBlack].reverse();if(invert){controlMobileDropdownMenu?.classList.replace(...whiteToBlack);controlMobileDropdownClose?.classList.replace(...whiteToBlack)}else{controlMobileDropdownMenu?.classList.replace(...blackToWhite);controlMobileDropdownClose?.classList.replace(...blackToWhite)}};const inverSignupBtnColors=invert=>{if(invert){signUpBtn?.classList.replace("bg-white","bg-cool-black");signUpBtn?.classList.replace("text-cool-black","text-white")}else{signUpBtn?.classList.replace("bg-cool-black","bg-white");signUpBtn?.classList.replace("text-white","text-cool-black")}};const scrollHandler=throttle(()=>{if(window.scrollY>5){meganav.classList.replace("bg-transparent","bg-white");inverSignupBtnColors(true);invertMobleDropdownColor(true);invertTextCollection.forEach(n=>n.classList.replace("text-white","text-cool-black"))}else{meganav.classList.replace("bg-white","bg-transparent");inverSignupBtnColors(false);invertMobleDropdownColor(false);invertTextCollection.forEach(n=>n.classList.replace("text-cool-black","text-white"))}},150);document.addEventListener("scroll",scrollHandler);return{teardown:()=>document.removeEventListener("scroll",scrollHandler)}};export default function Meganav({themeName,addSearchApiKey}){const controls=MeganavControl();const panelOpenControls=MobilePanelOpenClick();const panelCloseControls=MobilePanelCloseClick();const search=MeganavSearchAutocomplete(addSearchApiKey);const searchSuggestions=MeganavSearchSuggestions();const mobileDropdownControl=MeganavControlMobileDropdown({clearPanels:()=>[...panelOpenControls,...panelCloseControls].forEach(i=>i.clear())});const closeAll=()=>[mobileDropdownControl,searchSuggestions,...panelOpenControls,...panelCloseControls,...controls,...search].forEach(i=>i.clear());const teardowns=[documentScroll(themeName??null),documentClick(closeAll),windowOnBlur(closeAll),mobileDropdownControl,searchSuggestions,...controls,...panelOpenControls,...panelCloseControls,...search].map(i=>i.teardown);return()=>teardowns.forEach(teardown=>teardown())}
2
+ //# sourceMappingURL=component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/core/Meganav/component.js"],"sourcesContent":["import throttle from \"lodash.throttle\";\n\n// Glossary:\n// item - is the element which contains both the control and the panel - these are adjacent\n// control - interactive element that controls showing and hiding of dropdown or panel\n// panel - container for meganav content\n// dropdown - container for top level items on mobile\n// clear - return to initial state\n// teardown - remove all event listeners (for example when removing nodes)\n\nimport { queryId, queryIdAll } from \"../dom-query\";\n\nimport MeganavControl from \"../MeganavControl/component.js\";\nimport MeganavControlMobileDropdown from \"../MeganavControlMobileDropdown/component.js\";\nimport MobilePanelOpenClick from \"../MeganavControlMobilePanelOpen/component.js\";\nimport MobilePanelCloseClick from \"../MeganavControlMobilePanelClose/component.js\";\nimport MeganavSearchAutocomplete from \"../MeganavSearchAutocomplete/component.js\";\nimport MeganavSearchSuggestions from \"../MeganavSearchSuggestions/component.js\";\n\n// Close menu when user clicks outside of viewport\nconst windowOnBlur = (closeAll) => {\n window.onblur = () => closeAll();\n return { teardown: () => (window.onblur = null) };\n};\n\n// Close menu when click/tap outside of nav\nconst documentClick = (closeAll) => {\n const meganav = queryId(\"meganav\");\n\n const clickHandler = (e) => {\n if (meganav.contains(e.target)) return;\n closeAll();\n };\n\n document.addEventListener(\"click\", clickHandler);\n\n return {\n teardown: () => document.removeEventListener(\"click\", clickHandler),\n };\n};\n\n// Invert from transparent to white\nconst documentScroll = (themeName) => {\n if (themeName !== \"transparentToWhite\") return { teardown: () => {} };\n\n const meganav = queryId(\"meganav\");\n const navItems = queryIdAll(\"meganav-link\");\n const controlMobileDropdownMenu = queryId(\n \"meganav-control-mobile-dropdown-menu\",\n );\n const controlMobileDropdownClose = queryId(\n \"meganav-control-mobile-dropdown-close\",\n );\n const controls = queryIdAll(\"meganav-control\");\n const signUpBtn = queryId(\"meganav-sign-up-btn\");\n\n const invertTextCollection = [\n ...Array.from(controls),\n ...Array.from(navItems),\n queryId(\"meganav-logo\"),\n ];\n\n const invertMobleDropdownColor = (invert) => {\n const whiteToBlack = [\"ui-icon-white\", \"ui-icon-cool-black\"];\n const blackToWhite = [...whiteToBlack].reverse();\n\n if (invert) {\n controlMobileDropdownMenu?.classList.replace(...whiteToBlack);\n controlMobileDropdownClose?.classList.replace(...whiteToBlack);\n } else {\n controlMobileDropdownMenu?.classList.replace(...blackToWhite);\n controlMobileDropdownClose?.classList.replace(...blackToWhite);\n }\n };\n\n const inverSignupBtnColors = (invert) => {\n if (invert) {\n signUpBtn?.classList.replace(\"bg-white\", \"bg-cool-black\");\n signUpBtn?.classList.replace(\"text-cool-black\", \"text-white\");\n } else {\n signUpBtn?.classList.replace(\"bg-cool-black\", \"bg-white\");\n signUpBtn?.classList.replace(\"text-white\", \"text-cool-black\");\n }\n };\n\n const scrollHandler = throttle(() => {\n if (window.scrollY > 5) {\n meganav.classList.replace(\"bg-transparent\", \"bg-white\");\n inverSignupBtnColors(true);\n invertMobleDropdownColor(true);\n\n invertTextCollection.forEach((n) =>\n n.classList.replace(\"text-white\", \"text-cool-black\"),\n );\n } else {\n meganav.classList.replace(\"bg-white\", \"bg-transparent\");\n inverSignupBtnColors(false);\n invertMobleDropdownColor(false);\n\n invertTextCollection.forEach((n) =>\n n.classList.replace(\"text-cool-black\", \"text-white\"),\n );\n }\n }, 150);\n\n document.addEventListener(\"scroll\", scrollHandler);\n\n return {\n teardown: () => document.removeEventListener(\"scroll\", scrollHandler),\n };\n};\n\nexport default function Meganav({ themeName, addSearchApiKey }) {\n const controls = MeganavControl();\n const panelOpenControls = MobilePanelOpenClick();\n const panelCloseControls = MobilePanelCloseClick();\n const search = MeganavSearchAutocomplete(addSearchApiKey);\n const searchSuggestions = MeganavSearchSuggestions();\n\n const mobileDropdownControl = MeganavControlMobileDropdown({\n clearPanels: () =>\n [...panelOpenControls, ...panelCloseControls].forEach((i) => i.clear()),\n });\n\n const closeAll = () =>\n [\n mobileDropdownControl,\n searchSuggestions,\n ...panelOpenControls,\n ...panelCloseControls,\n ...controls,\n ...search,\n ].forEach((i) => i.clear());\n\n const teardowns = [\n documentScroll(themeName ?? null),\n documentClick(closeAll),\n windowOnBlur(closeAll),\n mobileDropdownControl,\n searchSuggestions,\n ...controls,\n ...panelOpenControls,\n ...panelCloseControls,\n ...search,\n ].map((i) => i.teardown);\n\n return () => teardowns.forEach((teardown) => teardown());\n}\n"],"names":["throttle","queryId","queryIdAll","MeganavControl","MeganavControlMobileDropdown","MobilePanelOpenClick","MobilePanelCloseClick","MeganavSearchAutocomplete","MeganavSearchSuggestions","windowOnBlur","closeAll","window","onblur","teardown","documentClick","meganav","clickHandler","e","contains","target","document","addEventListener","removeEventListener","documentScroll","themeName","navItems","controlMobileDropdownMenu","controlMobileDropdownClose","controls","signUpBtn","invertTextCollection","Array","from","invertMobleDropdownColor","invert","whiteToBlack","blackToWhite","reverse","classList","replace","inverSignupBtnColors","scrollHandler","scrollY","forEach","n","Meganav","addSearchApiKey","panelOpenControls","panelCloseControls","search","searchSuggestions","mobileDropdownControl","clearPanels","i","clear","teardowns","map"],"mappings":"AAAA,OAAOA,aAAc,iBAAkB,AAUvC,QAASC,OAAO,CAAEC,UAAU,KAAQ,cAAe,AAEnD,QAAOC,mBAAoB,gCAAiC,AAC5D,QAAOC,iCAAkC,8CAA+C,AACxF,QAAOC,yBAA0B,+CAAgD,AACjF,QAAOC,0BAA2B,gDAAiD,AACnF,QAAOC,8BAA+B,2CAA4C,AAClF,QAAOC,6BAA8B,0CAA2C,CAGhF,MAAMC,aAAe,AAACC,WACpBC,OAAOC,MAAM,CAAG,IAAMF,WACtB,MAAO,CAAEG,SAAU,IAAOF,OAAOC,MAAM,CAAG,IAAM,CAClD,EAGA,MAAME,cAAgB,AAACJ,WACrB,MAAMK,QAAUd,QAAQ,WAExB,MAAMe,aAAe,AAACC,IACpB,GAAIF,QAAQG,QAAQ,CAACD,EAAEE,MAAM,EAAG,OAChCT,UACF,EAEAU,SAASC,gBAAgB,CAAC,QAASL,cAEnC,MAAO,CACLH,SAAU,IAAMO,SAASE,mBAAmB,CAAC,QAASN,aACxD,CACF,EAGA,MAAMO,eAAiB,AAACC,YACtB,GAAIA,YAAc,qBAAsB,MAAO,CAAEX,SAAU,KAAO,CAAE,EAEpE,MAAME,QAAUd,QAAQ,WACxB,MAAMwB,SAAWvB,WAAW,gBAC5B,MAAMwB,0BAA4BzB,QAChC,wCAEF,MAAM0B,2BAA6B1B,QACjC,yCAEF,MAAM2B,SAAW1B,WAAW,mBAC5B,MAAM2B,UAAY5B,QAAQ,uBAE1B,MAAM6B,qBAAuB,IACxBC,MAAMC,IAAI,CAACJ,aACXG,MAAMC,IAAI,CAACP,UACdxB,QAAQ,gBACT,CAED,MAAMgC,yBAA2B,AAACC,SAChC,MAAMC,aAAe,CAAC,gBAAiB,qBAAqB,CAC5D,MAAMC,aAAe,IAAID,aAAa,CAACE,OAAO,GAE9C,GAAIH,OAAQ,CACVR,2BAA2BY,UAAUC,WAAWJ,cAChDR,4BAA4BW,UAAUC,WAAWJ,aACnD,KAAO,CACLT,2BAA2BY,UAAUC,WAAWH,cAChDT,4BAA4BW,UAAUC,WAAWH,aACnD,CACF,EAEA,MAAMI,qBAAuB,AAACN,SAC5B,GAAIA,OAAQ,CACVL,WAAWS,UAAUC,QAAQ,WAAY,iBACzCV,WAAWS,UAAUC,QAAQ,kBAAmB,aAClD,KAAO,CACLV,WAAWS,UAAUC,QAAQ,gBAAiB,YAC9CV,WAAWS,UAAUC,QAAQ,aAAc,kBAC7C,CACF,EAEA,MAAME,cAAgBzC,SAAS,KAC7B,GAAIW,OAAO+B,OAAO,CAAG,EAAG,CACtB3B,QAAQuB,SAAS,CAACC,OAAO,CAAC,iBAAkB,YAC5CC,qBAAqB,MACrBP,yBAAyB,MAEzBH,qBAAqBa,OAAO,CAAC,AAACC,GAC5BA,EAAEN,SAAS,CAACC,OAAO,CAAC,aAAc,mBAEtC,KAAO,CACLxB,QAAQuB,SAAS,CAACC,OAAO,CAAC,WAAY,kBACtCC,qBAAqB,OACrBP,yBAAyB,OAEzBH,qBAAqBa,OAAO,CAAC,AAACC,GAC5BA,EAAEN,SAAS,CAACC,OAAO,CAAC,kBAAmB,cAE3C,CACF,EAAG,KAEHnB,SAASC,gBAAgB,CAAC,SAAUoB,eAEpC,MAAO,CACL5B,SAAU,IAAMO,SAASE,mBAAmB,CAAC,SAAUmB,cACzD,CACF,CAEA,gBAAe,SAASI,QAAQ,CAAErB,SAAS,CAAEsB,eAAe,CAAE,EAC5D,MAAMlB,SAAWzB,iBACjB,MAAM4C,kBAAoB1C,uBAC1B,MAAM2C,mBAAqB1C,wBAC3B,MAAM2C,OAAS1C,0BAA0BuC,iBACzC,MAAMI,kBAAoB1C,2BAE1B,MAAM2C,sBAAwB/C,6BAA6B,CACzDgD,YAAa,IACX,IAAIL,qBAAsBC,mBAAmB,CAACL,OAAO,CAAC,AAACU,GAAMA,EAAEC,KAAK,GACxE,GAEA,MAAM5C,SAAW,IACf,CACEyC,sBACAD,qBACGH,qBACAC,sBACApB,YACAqB,OACJ,CAACN,OAAO,CAAC,AAACU,GAAMA,EAAEC,KAAK,IAE1B,MAAMC,UAAY,CAChBhC,eAAeC,WAAa,MAC5BV,cAAcJ,UACdD,aAAaC,UACbyC,sBACAD,qBACGtB,YACAmB,qBACAC,sBACAC,OACJ,CAACO,GAAG,CAAC,AAACH,GAAMA,EAAExC,QAAQ,EAEvB,MAAO,IAAM0C,UAAUZ,OAAO,CAAC,AAAC9B,UAAaA,WAC/C"}
package/core/Meganav.js CHANGED
@@ -1 +1,2 @@
1
- import React,{useEffect,useState}from"react";import{connectState}from"./remote-data-store.js";import{selectSessionData}from"./remote-session-data.js";import Logo from"./Logo";import MeganavData from"./Meganav/component.json";import MeganavScripts from"./Meganav/component.js";import MeganavItemsDesktop from"./MeganavItemsDesktop";import MeganavItemsSignedIn from"./MeganavItemsSignedIn";import MeganavItemsMobile from"./MeganavItemsMobile";import Notice from"./Notice";import _absUrl from"./url-base.js";import MeganavContentProducts from"./MeganavContentProducts";import MeganavContentUseCases from"./MeganavContentUseCases";import MeganavContentCompany from"./MeganavContentCompany";import MeganavContentDevelopers from"./MeganavContentDevelopers";import MeganavSearch from"./MeganavSearch";const SignIn=({sessionState,theme,loginLink,absUrl,searchDataId})=>{return sessionState.signedIn?React.createElement(MeganavItemsSignedIn,{absUrl:absUrl,sessionState:sessionState,theme:theme,searchDataId:searchDataId}):React.createElement("ul",{className:"hidden md:flex items-center"},React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/contact"),className:`ui-meganav-link ${theme.textColor}`,"data-id":"meganav-link"},"Contact us")),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl(loginLink),className:`ui-meganav-link mr-0 ${theme.textColor}`,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavSearch,{absUrl:absUrl,dataId:searchDataId})),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/sign-up"),"data-id":"meganav-sign-up-btn",className:`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`},"Sign up free")))};const SignInPlaceholder=()=>React.createElement("div",null);const panels={MeganavContentProducts,MeganavContentUseCases,MeganavContentCompany,MeganavContentDevelopers};const Meganav=({paths,themeName="white",notice,loginLink="/login",urlBase,addSearchApiKey,statusUrl,searchDataId})=>{const[sessionState,setSessionState]=useState();useEffect(()=>{connectState(selectSessionData,setSessionState)},[]);useEffect(()=>{const teardown=MeganavScripts({themeName,addSearchApiKey});return()=>teardown()},[sessionState]);const theme=MeganavData.themes[themeName];const absUrl=path=>_absUrl(path,urlBase);return React.createElement("nav",{className:`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`,"data-id":"meganav","aria-label":"Main"},notice&&React.createElement(Notice,{...notice.props,config:notice.config}),React.createElement("div",{className:"ui-meganav ui-grid-px"},React.createElement("div",{className:"mr-24"},React.createElement(Logo,{dataId:"meganav-logo",href:urlBase,logoUrl:paths?.logo})),React.createElement(MeganavItemsDesktop,{panels:panels,paths:paths,theme:theme,absUrl:absUrl,statusUrl:statusUrl}),sessionState?React.createElement(SignIn,{sessionState:sessionState,theme:theme,loginLink:loginLink,absUrl:absUrl,searchDataId:searchDataId}):React.createElement(SignInPlaceholder,null),React.createElement(MeganavItemsMobile,{panels:panels,sessionState:sessionState,paths:paths,theme:theme,loginLink:loginLink,absUrl:absUrl,statusUrl:statusUrl,searchDataId:searchDataId})))};export default Meganav;
1
+ import React,{useEffect,useState}from"react";import{connectState}from"./remote-data-store.js";import{selectSessionData}from"./remote-session-data.js";import Logo from"./Logo";import MeganavData from"./Meganav/component.json";import MeganavScripts from"./Meganav/component.js";import MeganavItemsDesktop from"./MeganavItemsDesktop";import MeganavItemsSignedIn from"./MeganavItemsSignedIn";import MeganavItemsMobile from"./MeganavItemsMobile";import Notice from"./Notice";import _absUrl from"./url-base.js";import MeganavContentProducts from"./MeganavContentProducts";import MeganavContentUseCases from"./MeganavContentUseCases";import MeganavContentCompany from"./MeganavContentCompany";import MeganavContentDevelopers from"./MeganavContentDevelopers";import MeganavSearch from"./MeganavSearch";const SignIn=({sessionState,theme,loginLink,absUrl,searchDataId})=>{return sessionState.signedIn?React.createElement(MeganavItemsSignedIn,{absUrl:absUrl,sessionState:sessionState,theme:theme,searchDataId:searchDataId}):React.createElement("ul",{className:"hidden md:flex items-center"},React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/contact"),className:`ui-meganav-link ${theme.textColor}`,"data-id":"meganav-link"},"Contact us")),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl(loginLink),className:`ui-meganav-link mr-0 ${theme.textColor}`,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavSearch,{absUrl:absUrl,dataId:searchDataId})),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/sign-up"),"data-id":"meganav-sign-up-btn",className:`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`},"Sign up free")))};const SignInPlaceholder=()=>React.createElement("div",null);const panels={MeganavContentProducts,MeganavContentUseCases,MeganavContentCompany,MeganavContentDevelopers};const Meganav=({paths,themeName="white",notice,loginLink="/login",urlBase,addSearchApiKey,statusUrl,searchDataId})=>{const[sessionState,setSessionState]=useState();useEffect(()=>{connectState(selectSessionData,setSessionState)},[]);useEffect(()=>{const teardown=MeganavScripts({themeName,addSearchApiKey});return()=>teardown()},[sessionState]);const theme=MeganavData.themes[themeName];const absUrl=path=>_absUrl(path,urlBase);return React.createElement("nav",{className:`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`,"data-id":"meganav","aria-label":"Main"},notice&&React.createElement(Notice,{...notice.props,config:notice.config}),React.createElement("div",{className:"ui-meganav ui-grid-px"},React.createElement("div",{className:"mr-24"},React.createElement(Logo,{dataId:"meganav-logo",href:urlBase,logoUrl:paths?.logo})),React.createElement(MeganavItemsDesktop,{panels:panels,paths:paths,theme:theme,absUrl:absUrl,statusUrl:statusUrl}),sessionState?React.createElement(SignIn,{sessionState:sessionState,theme:theme,loginLink:loginLink,absUrl:absUrl,searchDataId:searchDataId}):React.createElement(SignInPlaceholder,null),React.createElement(MeganavItemsMobile,{panels:panels,sessionState:sessionState,paths:paths,theme:theme,loginLink:loginLink,absUrl:absUrl,statusUrl:statusUrl,searchDataId:searchDataId})))};export default Meganav;
2
+ //# sourceMappingURL=Meganav.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\n\nimport { connectState } from \"./remote-data-store.js\";\nimport { selectSessionData } from \"./remote-session-data.js\";\n\nimport Logo from \"./Logo\";\nimport MeganavData from \"./Meganav/component.json\";\nimport MeganavScripts from \"./Meganav/component.js\";\nimport MeganavItemsDesktop from \"./MeganavItemsDesktop\";\nimport MeganavItemsSignedIn from \"./MeganavItemsSignedIn\";\nimport MeganavItemsMobile from \"./MeganavItemsMobile\";\nimport Notice from \"./Notice\";\nimport _absUrl from \"./url-base.js\";\nimport MeganavContentProducts from \"./MeganavContentProducts\";\nimport MeganavContentUseCases from \"./MeganavContentUseCases\";\nimport MeganavContentCompany from \"./MeganavContentCompany\";\nimport MeganavContentDevelopers from \"./MeganavContentDevelopers\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { ColorClass } from \"./styles/colors/types\";\n\nexport type MeganavTheme = {\n backgroundColor?: ColorClass;\n textColor?: ColorClass;\n buttonBackgroundColor?: ColorClass;\n buttonTextColor?: ColorClass;\n mobileMenuColor: ColorClass;\n logoTextColor?: ColorClass;\n barShadow?: string;\n};\n\nexport type AbsUrl = (path: string) => string;\n\nexport type MeganavPaths = {\n logo?: string;\n iconSprites: string;\n ablyStack: string;\n blogThumb1: string;\n blogThumb2: string;\n blogThumb3: string;\n awsLogo?: string;\n};\n\nexport type MeganavPanels = {\n [index: string]: ({\n paths,\n absUrl,\n statusUrl,\n }: {\n paths?: MeganavPaths;\n absUrl: (path: string) => string;\n statusUrl: string;\n }) => ReactNode;\n};\n\nexport type MeganavSessionState = {\n signedIn: boolean;\n logOut: {\n token: string;\n href: string;\n text: string;\n };\n accountName: string;\n preferredEmail: string;\n account: {\n links: {\n dashboard: {\n href: string;\n };\n };\n };\n mySettings: {\n text: string;\n href: string;\n };\n myAccessTokens: {\n text: string;\n href: string;\n };\n};\n\ntype SignInProps = {\n sessionState: MeganavSessionState;\n theme: MeganavTheme;\n loginLink: string;\n absUrl: AbsUrl;\n searchDataId?: string;\n};\n\ntype MeganavProps = {\n paths?: MeganavPaths;\n themeName: \"white\" | \"black\" | \"transparentToWhite\";\n notice?: {\n props: {\n title: string;\n bodyText: string;\n buttonLink: string;\n buttonLabel: string;\n closeBtn: boolean;\n };\n config: {\n cookieId: string;\n noticeId: string;\n collapse: boolean;\n };\n };\n loginLink?: string;\n urlBase?: string;\n addSearchApiKey: string;\n statusUrl: string;\n searchDataId?: string;\n};\n\nconst SignIn = ({\n sessionState,\n theme,\n loginLink,\n absUrl,\n searchDataId,\n}: SignInProps) => {\n return sessionState.signedIn ? (\n <MeganavItemsSignedIn\n absUrl={absUrl}\n sessionState={sessionState}\n theme={theme}\n searchDataId={searchDataId}\n />\n ) : (\n <ul className=\"hidden md:flex items-center\">\n <li className=\"ui-meganav-item\">\n <a\n href={absUrl(\"/contact\")}\n className={`ui-meganav-link ${theme.textColor}`}\n data-id=\"meganav-link\"\n >\n Contact us\n </a>\n </li>\n <li className=\"ui-meganav-item\">\n <a\n href={absUrl(loginLink)}\n className={`ui-meganav-link mr-0 ${theme.textColor}`}\n data-id=\"meganav-link\"\n >\n Login\n </a>\n </li>\n <li className=\"ui-meganav-item\">\n <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n </li>\n <li className=\"ui-meganav-item\">\n <a\n href={absUrl(\"/sign-up\")}\n data-id=\"meganav-sign-up-btn\"\n className={`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`}\n >\n Sign up free\n </a>\n </li>\n </ul>\n );\n};\n\nconst SignInPlaceholder = () => <div />;\n\nconst panels = {\n MeganavContentProducts,\n MeganavContentUseCases,\n MeganavContentCompany,\n MeganavContentDevelopers,\n};\n\nconst Meganav = ({\n paths,\n themeName = \"white\",\n notice,\n loginLink = \"/login\",\n urlBase,\n addSearchApiKey,\n statusUrl,\n searchDataId,\n}: MeganavProps) => {\n const [sessionState, setSessionState] = useState<MeganavSessionState>();\n\n useEffect(() => {\n // Note if state is never updated, sessionState stays null and never removes the placeholder.\n // This makes SSR consistent (ie. we always show the placeholder)\n connectState(selectSessionData, setSessionState);\n }, []);\n\n useEffect(() => {\n const teardown = MeganavScripts({ themeName, addSearchApiKey });\n return () => teardown();\n }, [sessionState]);\n\n const theme = MeganavData.themes[themeName] as MeganavTheme;\n const absUrl = (path: string) => _absUrl(path, urlBase);\n\n return (\n <nav\n className={`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`}\n data-id=\"meganav\"\n aria-label=\"Main\"\n >\n {notice && <Notice {...notice.props} config={notice.config} />}\n <div className=\"ui-meganav ui-grid-px\">\n <div className=\"mr-24\">\n <Logo dataId=\"meganav-logo\" href={urlBase} logoUrl={paths?.logo} />\n </div>\n\n <MeganavItemsDesktop\n panels={panels}\n paths={paths}\n theme={theme}\n absUrl={absUrl}\n statusUrl={statusUrl}\n />\n\n {/* Because we load the session state through fetch, we display a placeholder until fetch returns */}\n {sessionState ? (\n <SignIn\n sessionState={sessionState}\n theme={theme}\n loginLink={loginLink}\n absUrl={absUrl}\n searchDataId={searchDataId}\n />\n ) : (\n <SignInPlaceholder />\n )}\n\n <MeganavItemsMobile\n panels={panels}\n sessionState={sessionState}\n paths={paths}\n theme={theme}\n loginLink={loginLink}\n absUrl={absUrl}\n statusUrl={statusUrl}\n searchDataId={searchDataId}\n />\n </div>\n </nav>\n );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useState","connectState","selectSessionData","Logo","MeganavData","MeganavScripts","MeganavItemsDesktop","MeganavItemsSignedIn","MeganavItemsMobile","Notice","_absUrl","MeganavContentProducts","MeganavContentUseCases","MeganavContentCompany","MeganavContentDevelopers","MeganavSearch","SignIn","sessionState","theme","loginLink","absUrl","searchDataId","signedIn","ul","className","li","a","href","textColor","data-id","dataId","buttonBackgroundColor","buttonTextColor","SignInPlaceholder","div","panels","Meganav","paths","themeName","notice","urlBase","addSearchApiKey","statusUrl","setSessionState","teardown","themes","path","nav","backgroundColor","barShadow","aria-label","props","config","logoUrl","logo"],"mappings":"AAAA,OAAOA,OAAoBC,SAAS,CAAEC,QAAQ,KAAQ,OAAQ,AAE9D,QAASC,YAAY,KAAQ,wBAAyB,AACtD,QAASC,iBAAiB,KAAQ,0BAA2B,AAE7D,QAAOC,SAAU,QAAS,AAC1B,QAAOC,gBAAiB,0BAA2B,AACnD,QAAOC,mBAAoB,wBAAyB,AACpD,QAAOC,wBAAyB,uBAAwB,AACxD,QAAOC,yBAA0B,wBAAyB,AAC1D,QAAOC,uBAAwB,sBAAuB,AACtD,QAAOC,WAAY,UAAW,AAC9B,QAAOC,YAAa,eAAgB,AACpC,QAAOC,2BAA4B,0BAA2B,AAC9D,QAAOC,2BAA4B,0BAA2B,AAC9D,QAAOC,0BAA2B,yBAA0B,AAC5D,QAAOC,6BAA8B,4BAA6B,AAClE,QAAOC,kBAAmB,iBAAkB,CA+F5C,MAAMC,OAAS,CAAC,CACdC,YAAY,CACZC,KAAK,CACLC,SAAS,CACTC,MAAM,CACNC,YAAY,CACA,IACZ,OAAOJ,aAAaK,QAAQ,CAC1B,oBAACf,sBACCa,OAAQA,OACRH,aAAcA,aACdC,MAAOA,MACPG,aAAcA,eAGhB,oBAACE,MAAGC,UAAU,+BACZ,oBAACC,MAAGD,UAAU,mBACZ,oBAACE,KACCC,KAAMP,OAAO,YACbI,UAAW,CAAC,gBAAgB,EAAEN,MAAMU,SAAS,CAAC,CAAC,CAC/CC,UAAQ,gBACT,eAIH,oBAACJ,MAAGD,UAAU,mBACZ,oBAACE,KACCC,KAAMP,OAAOD,WACbK,UAAW,CAAC,qBAAqB,EAAEN,MAAMU,SAAS,CAAC,CAAC,CACpDC,UAAQ,gBACT,UAIH,oBAACJ,MAAGD,UAAU,mBACZ,oBAACT,eAAcK,OAAQA,OAAQU,OAAQT,gBAEzC,oBAACI,MAAGD,UAAU,mBACZ,oBAACE,KACCC,KAAMP,OAAO,YACbS,UAAQ,sBACRL,UAAW,CAAC,mBAAmB,EAAEN,MAAMa,qBAAqB,CAAC,CAAC,EAAEb,MAAMc,eAAe,CAAC,CAAC,EACxF,iBAMT,EAEA,MAAMC,kBAAoB,IAAM,oBAACC,YAEjC,MAAMC,OAAS,CACbxB,uBACAC,uBACAC,sBACAC,wBACF,EAEA,MAAMsB,QAAU,CAAC,CACfC,KAAK,CACLC,UAAY,OAAO,CACnBC,MAAM,CACNpB,UAAY,QAAQ,CACpBqB,OAAO,CACPC,eAAe,CACfC,SAAS,CACTrB,YAAY,CACC,IACb,KAAM,CAACJ,aAAc0B,gBAAgB,CAAG3C,WAExCD,UAAU,KAGRE,aAAaC,kBAAmByC,gBAClC,EAAG,EAAE,EAEL5C,UAAU,KACR,MAAM6C,SAAWvC,eAAe,CAAEiC,UAAWG,eAAgB,GAC7D,MAAO,IAAMG,UACf,EAAG,CAAC3B,aAAa,EAEjB,MAAMC,MAAQd,YAAYyC,MAAM,CAACP,UAAU,CAC3C,MAAMlB,OAAS,AAAC0B,MAAiBpC,QAAQoC,KAAMN,SAE/C,OACE,oBAACO,OACCvB,UAAW,CAAC,mBAAmB,EAAEN,MAAM8B,eAAe,CAAC,CAAC,EAAE9B,MAAM+B,SAAS,CAAC,CAAC,CAC3EpB,UAAQ,UACRqB,aAAW,QAEVX,QAAU,oBAAC9B,QAAQ,GAAG8B,OAAOY,KAAK,CAAEC,OAAQb,OAAOa,MAAM,GAC1D,oBAAClB,OAAIV,UAAU,yBACb,oBAACU,OAAIV,UAAU,SACb,oBAACrB,MAAK2B,OAAO,eAAeH,KAAMa,QAASa,QAAShB,OAAOiB,QAG7D,oBAAChD,qBACC6B,OAAQA,OACRE,MAAOA,MACPnB,MAAOA,MACPE,OAAQA,OACRsB,UAAWA,YAIZzB,aACC,oBAACD,QACCC,aAAcA,aACdC,MAAOA,MACPC,UAAWA,UACXC,OAAQA,OACRC,aAAcA,eAGhB,oBAACY,wBAGH,oBAACzB,oBACC2B,OAAQA,OACRlB,aAAcA,aACdoB,MAAOA,MACPnB,MAAOA,MACPC,UAAWA,UACXC,OAAQA,OACRsB,UAAWA,UACXrB,aAAcA,gBAKxB,CAEA,gBAAee,OAAQ"}
@@ -1 +1,2 @@
1
- import{queryIdAll}from"../dom-query";import{selectRecentBlogPosts}from"../remote-blogs-posts";import{connectState}from"../remote-data-store";const template=({link,title,pubDate})=>{const[li,a,heading,copy]=["li","a","p","p"].map(el=>document.createElement(el));a.href=link;a.classList.add("ui-meganav-media","group");heading.textContent=title;heading.classList.add("ui-meganav-media-heading");copy.textContent=pubDate;copy.classList.add("ui-meganav-media-copy");a.appendChild(heading);a.appendChild(copy);li.appendChild(a);return li};export default(()=>{connectState(selectRecentBlogPosts,recentBlogPosts=>{if(Array.isArray(recentBlogPosts)&&recentBlogPosts.length>0){const sections=queryIdAll("meganav-company-panel-blog-section");const containers=queryIdAll("meganav-company-panel-recent-blog-posts");Array.from(containers).forEach(container=>{const fragment=document.createDocumentFragment();recentBlogPosts.forEach(post=>fragment.appendChild(template(post)));container.appendChild(fragment)});Array.from(sections).forEach(section=>section.classList.remove("hidden"))}})});
1
+ import{queryIdAll}from"../dom-query";import{selectRecentBlogPosts}from"../remote-blogs-posts";import{connectState}from"../remote-data-store";const template=({link,title,pubDate})=>{const[li,a,heading,copy]=["li","a","p","p"].map(el=>document.createElement(el));a.href=link;a.classList.add("ui-meganav-media","group");heading.textContent=title;heading.classList.add("ui-meganav-media-heading");copy.textContent=pubDate;copy.classList.add("ui-meganav-media-copy");a.appendChild(heading);a.appendChild(copy);li.appendChild(a);return li};export default(()=>{connectState(selectRecentBlogPosts,recentBlogPosts=>{if(Array.isArray(recentBlogPosts)&&recentBlogPosts.length>0){const sections=queryIdAll("meganav-company-panel-blog-section");const containers=queryIdAll("meganav-company-panel-recent-blog-posts");Array.from(containers).forEach(container=>{const fragment=document.createDocumentFragment();recentBlogPosts.forEach(post=>fragment.appendChild(template(post)));container.appendChild(fragment)});Array.from(sections).forEach(section=>section.classList.remove("hidden"))}})});
2
+ //# sourceMappingURL=component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/core/MeganavBlogPostsList/component.js"],"sourcesContent":["import { queryIdAll } from \"../dom-query\";\nimport { selectRecentBlogPosts } from \"../remote-blogs-posts\";\nimport { connectState } from \"../remote-data-store\";\n\nconst template = ({ link, title, pubDate }) => {\n const [li, a, heading, copy] = [\"li\", \"a\", \"p\", \"p\"].map((el) =>\n document.createElement(el),\n );\n\n a.href = link;\n a.classList.add(\"ui-meganav-media\", \"group\");\n\n heading.textContent = title;\n heading.classList.add(\"ui-meganav-media-heading\");\n\n copy.textContent = pubDate;\n copy.classList.add(\"ui-meganav-media-copy\");\n\n a.appendChild(heading);\n a.appendChild(copy);\n li.appendChild(a);\n\n return li;\n};\n\nexport default () => {\n connectState(selectRecentBlogPosts, (recentBlogPosts) => {\n if (Array.isArray(recentBlogPosts) && recentBlogPosts.length > 0) {\n const sections = queryIdAll(\"meganav-company-panel-blog-section\");\n const containers = queryIdAll(\"meganav-company-panel-recent-blog-posts\");\n\n Array.from(containers).forEach((container) => {\n const fragment = document.createDocumentFragment();\n recentBlogPosts.forEach((post) => fragment.appendChild(template(post)));\n container.appendChild(fragment);\n });\n\n Array.from(sections).forEach((section) =>\n section.classList.remove(\"hidden\"),\n );\n }\n });\n};\n"],"names":["queryIdAll","selectRecentBlogPosts","connectState","template","link","title","pubDate","li","a","heading","copy","map","el","document","createElement","href","classList","add","textContent","appendChild","recentBlogPosts","Array","isArray","length","sections","containers","from","forEach","container","fragment","createDocumentFragment","post","section","remove"],"mappings":"AAAA,OAASA,UAAU,KAAQ,cAAe,AAC1C,QAASC,qBAAqB,KAAQ,uBAAwB,AAC9D,QAASC,YAAY,KAAQ,sBAAuB,CAEpD,MAAMC,SAAW,CAAC,CAAEC,IAAI,CAAEC,KAAK,CAAEC,OAAO,CAAE,IACxC,KAAM,CAACC,GAAIC,EAAGC,QAASC,KAAK,CAAG,CAAC,KAAM,IAAK,IAAK,IAAI,CAACC,GAAG,CAAC,AAACC,IACxDC,SAASC,aAAa,CAACF,IAGzBJ,CAAAA,EAAEO,IAAI,CAAGX,KACTI,EAAEQ,SAAS,CAACC,GAAG,CAAC,mBAAoB,QAEpCR,CAAAA,QAAQS,WAAW,CAAGb,MACtBI,QAAQO,SAAS,CAACC,GAAG,CAAC,2BAEtBP,CAAAA,KAAKQ,WAAW,CAAGZ,QACnBI,KAAKM,SAAS,CAACC,GAAG,CAAC,yBAEnBT,EAAEW,WAAW,CAACV,SACdD,EAAEW,WAAW,CAACT,MACdH,GAAGY,WAAW,CAACX,GAEf,OAAOD,EACT,CAEA,eAAe,CAAA,KACbL,aAAaD,sBAAuB,AAACmB,kBACnC,GAAIC,MAAMC,OAAO,CAACF,kBAAoBA,gBAAgBG,MAAM,CAAG,EAAG,CAChE,MAAMC,SAAWxB,WAAW,sCAC5B,MAAMyB,WAAazB,WAAW,2CAE9BqB,MAAMK,IAAI,CAACD,YAAYE,OAAO,CAAC,AAACC,YAC9B,MAAMC,SAAWhB,SAASiB,sBAAsB,GAChDV,gBAAgBO,OAAO,CAAC,AAACI,MAASF,SAASV,WAAW,CAAChB,SAAS4B,QAChEH,UAAUT,WAAW,CAACU,SACxB,GAEAR,MAAMK,IAAI,CAACF,UAAUG,OAAO,CAAC,AAACK,SAC5BA,QAAQhB,SAAS,CAACiB,MAAM,CAAC,UAE7B,CACF,EACF,CAAA,CAAE"}
@@ -1 +1,2 @@
1
- import React from"react";import FeaturedLink from"./FeaturedLink";const MeganavBlogPostsList=({recentBlogPosts,absUrl})=>recentBlogPosts?React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-blog"},"Blog"),React.createElement("ul",{className:"mb-8","aria-labelledby":"meganav-company-panel-list-blog"},recentBlogPosts.map(post=>React.createElement("li",{key:post.link},React.createElement("a",{href:post.link,className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},post.title),React.createElement("p",{className:"ui-meganav-media-copy"},post.pubDate))))),React.createElement(FeaturedLink,{url:absUrl("/blog"),textSize:"text-p3"},"More from our Blog")):null;export default MeganavBlogPostsList;
1
+ import React from"react";import FeaturedLink from"./FeaturedLink";const MeganavBlogPostsList=({recentBlogPosts,absUrl})=>recentBlogPosts?React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-blog"},"Blog"),React.createElement("ul",{className:"mb-8","aria-labelledby":"meganav-company-panel-list-blog"},recentBlogPosts.map(post=>React.createElement("li",{key:post.link},React.createElement("a",{href:post.link,className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},post.title),React.createElement("p",{className:"ui-meganav-media-copy"},post.pubDate))))),React.createElement(FeaturedLink,{url:absUrl("/blog"),textSize:"text-p3"},"More from our Blog")):null;export default MeganavBlogPostsList;
2
+ //# sourceMappingURL=MeganavBlogPostsList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/MeganavBlogPostsList.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"./FeaturedLink\";\nimport { AbsUrl } from \"./Meganav\";\n\ntype MeganavBlogPostsListProps = {\n recentBlogPosts: {\n link: string;\n title: string;\n pubDate: string;\n }[];\n absUrl: AbsUrl;\n};\n\nconst MeganavBlogPostsList = ({\n recentBlogPosts,\n absUrl,\n}: MeganavBlogPostsListProps) =>\n recentBlogPosts ? (\n <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n <h3 className=\"ui-meganav-overline\" id=\"meganav-company-panel-list-blog\">\n Blog\n </h3>\n <ul className=\"mb-8\" aria-labelledby=\"meganav-company-panel-list-blog\">\n {recentBlogPosts.map((post) => (\n <li key={post.link}>\n <a href={post.link} className=\"ui-meganav-media group\">\n <p className=\"ui-meganav-media-heading\">{post.title}</p>\n <p className=\"ui-meganav-media-copy\">{post.pubDate}</p>\n </a>\n </li>\n ))}\n </ul>\n\n <FeaturedLink url={absUrl(\"/blog\")} textSize=\"text-p3\">\n More from our Blog\n </FeaturedLink>\n </div>\n ) : null;\n\nexport default MeganavBlogPostsList;\n"],"names":["React","FeaturedLink","MeganavBlogPostsList","recentBlogPosts","absUrl","div","className","h3","id","ul","aria-labelledby","map","post","li","key","link","a","href","p","title","pubDate","url","textSize"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,gBAAiB,CAY1C,MAAMC,qBAAuB,CAAC,CAC5BC,eAAe,CACfC,MAAM,CACoB,GAC1BD,gBACE,oBAACE,OAAIC,UAAU,mFACb,oBAACC,MAAGD,UAAU,sBAAsBE,GAAG,mCAAkC,QAGzE,oBAACC,MAAGH,UAAU,OAAOI,kBAAgB,mCAClCP,gBAAgBQ,GAAG,CAAC,AAACC,MACpB,oBAACC,MAAGC,IAAKF,KAAKG,IAAI,EAChB,oBAACC,KAAEC,KAAML,KAAKG,IAAI,CAAET,UAAU,0BAC5B,oBAACY,KAAEZ,UAAU,4BAA4BM,KAAKO,KAAK,EACnD,oBAACD,KAAEZ,UAAU,yBAAyBM,KAAKQ,OAAO,MAM1D,oBAACnB,cAAaoB,IAAKjB,OAAO,SAAUkB,SAAS,WAAU,uBAIvD,IAEN,gBAAepB,oBAAqB"}
@@ -1 +1,2 @@
1
- import React from"react";import MeganavBlogPostsList from"./MeganavBlogPostsList";import ConnectStateWrapper from"./ConnectStateWrapper";import{selectRecentBlogPosts}from"./remote-blogs-posts.js";import Icon from"./Icon";const MeganavContentCompany=({paths,absUrl})=>{const BlogPostsList=ConnectStateWrapper(MeganavBlogPostsList,{recentBlogPosts:selectRecentBlogPosts});return React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-why-companies"},"Why companies choose Ably"),React.createElement("ul",{"aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/customers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-customers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Customers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably supports customers across multiple industries.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/case-studies"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-case-studies-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Case studies"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover how customers are benefiting from Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/compare"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-compare-tech-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Compare our tech"),React.createElement("p",{className:"ui-meganav-media-copy"},"Choose the right realtime service.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/aws"),className:"ui-meganav-media-with-image group"},paths&&React.createElement("img",{src:paths.awsLogo,alt:"AWS logo"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Partners"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably collaborates and integrates with AWS.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/resources"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-resources-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Resources"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn more about realtime with our handy resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/about"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-about-ably-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"About Ably"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably’s mission.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/careers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-careers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Careers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our open roles and core Ably values.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/events"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-events-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Events"),React.createElement("p",{className:"ui-meganav-media-copy"},"Join Ably at upcoming events.")))))),React.createElement(BlogPostsList,{absUrl:absUrl})),React.createElement("div",{className:"ui-meganav-content-spacer"}))};export default MeganavContentCompany;
1
+ import React from"react";import MeganavBlogPostsList from"./MeganavBlogPostsList";import ConnectStateWrapper from"./ConnectStateWrapper";import{selectRecentBlogPosts}from"./remote-blogs-posts.js";import Icon from"./Icon";const MeganavContentCompany=({paths,absUrl})=>{const BlogPostsList=ConnectStateWrapper(MeganavBlogPostsList,{recentBlogPosts:selectRecentBlogPosts});return React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-why-companies"},"Why companies choose Ably"),React.createElement("ul",{"aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/customers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-customers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Customers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably supports customers across multiple industries.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/case-studies"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-case-studies-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Case studies"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover how customers are benefiting from Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/compare"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-compare-tech-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Compare our tech"),React.createElement("p",{className:"ui-meganav-media-copy"},"Choose the right realtime service.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/aws"),className:"ui-meganav-media-with-image group"},paths&&React.createElement("img",{src:paths.awsLogo,alt:"AWS logo"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Partners"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably collaborates and integrates with AWS.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/resources"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-resources-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Resources"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn more about realtime with our handy resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/about"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-about-ably-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"About Ably"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably’s mission.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/careers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-careers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Careers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our open roles and core Ably values.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/events"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-events-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Events"),React.createElement("p",{className:"ui-meganav-media-copy"},"Join Ably at upcoming events.")))))),React.createElement(BlogPostsList,{absUrl:absUrl})),React.createElement("div",{className:"ui-meganav-content-spacer"}))};export default MeganavContentCompany;
2
+ //# sourceMappingURL=MeganavContentCompany.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/core/MeganavContentCompany.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavBlogPostsList from \"./MeganavBlogPostsList\";\nimport ConnectStateWrapper from \"./ConnectStateWrapper\";\nimport { selectRecentBlogPosts } from \"./remote-blogs-posts.js\";\nimport Icon from \"./Icon\";\nimport { AbsUrl, MeganavPaths } from \"./Meganav\";\n\ntype MeganavContentCompanyProps = {\n absUrl: AbsUrl;\n paths?: MeganavPaths;\n};\n\nconst MeganavContentCompany = ({\n paths,\n absUrl,\n}: MeganavContentCompanyProps) => {\n const BlogPostsList = ConnectStateWrapper(MeganavBlogPostsList, {\n recentBlogPosts: selectRecentBlogPosts,\n });\n\n return (\n <div className=\"flex max-w-screen-xl mx-auto\">\n <div className=\"ui-meganav-content-spacer\"></div>\n <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n <h3\n className=\"ui-meganav-overline\"\n id=\"meganav-company-panel-list-why-companies\"\n >\n Why companies choose Ably\n </h3>\n <ul aria-labelledby=\"meganav-company-panel-list-why-companies\">\n <li>\n <a\n href={absUrl(\"/customers\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-customers-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Customers</p>\n <p className=\"ui-meganav-media-copy\">\n Ably supports customers across multiple industries.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/case-studies\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-case-studies-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Case studies</p>\n <p className=\"ui-meganav-media-copy\">\n Discover how customers are benefiting from Ably.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/compare\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-compare-tech-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Compare our tech</p>\n <p className=\"ui-meganav-media-copy\">\n Choose the right realtime service.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/aws\")}\n className=\"ui-meganav-media-with-image group\"\n >\n {paths && <img src={paths.awsLogo} alt=\"AWS logo\" />}\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Partners</p>\n <p className=\"ui-meganav-media-copy\">\n Ably collaborates and integrates with AWS.\n </p>\n </div>\n </a>\n </li>\n </ul>\n </div>\n\n <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n <ul\n className=\"md:mt-40\"\n aria-labelledby=\"meganav-company-panel-list-why-companies\"\n >\n <li>\n <a\n href={absUrl(\"/resources\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-resources-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Resources</p>\n <p className=\"ui-meganav-media-copy\">\n Learn more about realtime with our handy resources.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/about\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-about-ably-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">About Ably</p>\n <p className=\"ui-meganav-media-copy\">\n Find out more about Ably’s mission.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/careers\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-careers-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Careers</p>\n <p className=\"ui-meganav-media-copy\">\n Discover our open roles and core Ably values.\n </p>\n </div>\n </a>\n </li>\n <li>\n <a\n href={absUrl(\"/events\")}\n className=\"ui-meganav-media-with-image group\"\n >\n <Icon name=\"icon-display-events-col\" size=\"2.5rem\" />\n <div className=\"flex flex-col justify-center\">\n <p className=\"ui-meganav-media-heading\">Events</p>\n <p className=\"ui-meganav-media-copy\">\n Join Ably at upcoming events.\n </p>\n </div>\n </a>\n </li>\n </ul>\n </div>\n\n <BlogPostsList absUrl={absUrl} />\n </section>\n <div className=\"ui-meganav-content-spacer\"></div>\n </div>\n );\n};\n\nexport default MeganavContentCompany;\n"],"names":["React","MeganavBlogPostsList","ConnectStateWrapper","selectRecentBlogPosts","Icon","MeganavContentCompany","paths","absUrl","BlogPostsList","recentBlogPosts","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p","img","src","awsLogo","alt"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,yBAA0B,wBAAyB,AAC1D,QAAOC,wBAAyB,uBAAwB,AACxD,QAASC,qBAAqB,KAAQ,yBAA0B,AAChE,QAAOC,SAAU,QAAS,CAQ1B,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,MAAM,CACqB,IAC3B,MAAMC,cAAgBN,oBAAoBD,qBAAsB,CAC9DQ,gBAAiBN,qBACnB,GAEA,OACE,oBAACO,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,8BACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,uFACb,oBAACE,MACCF,UAAU,sBACVG,GAAG,4CACJ,6BAGD,oBAACC,MAAGC,kBAAgB,4CAClB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,iBACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,gBACxC,oBAACW,KAAEX,UAAU,yBAAwB,uDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,oBACxC,oBAACW,KAAEX,UAAU,yBAAwB,yCAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,QACbI,UAAU,qCAETL,OAAS,oBAACiB,OAAIC,IAAKlB,MAAMmB,OAAO,CAAEC,IAAI,aACvC,oBAAChB,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,YACxC,oBAACW,KAAEX,UAAU,yBAAwB,mDAS/C,oBAACD,OAAIC,UAAU,6EACb,oBAACI,MACCJ,UAAU,WACVK,kBAAgB,4CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,UACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,8BAA8BC,KAAK,WAC9C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,cACxC,oBAACW,KAAEX,UAAU,yBAAwB,0CAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,2BAA2BC,KAAK,WAC3C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,WACxC,oBAACW,KAAEX,UAAU,yBAAwB,oDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,WACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,0BAA0BC,KAAK,WAC1C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,UACxC,oBAACW,KAAEX,UAAU,yBAAwB,sCAS/C,oBAACH,eAAcD,OAAQA,UAEzB,oBAACG,OAAIC,UAAU,8BAGrB,CAEA,gBAAeN,qBAAsB"}
@@ -1 +1,2 @@
1
- import React from"react";import Icon from"./Icon";import{StatusIcon}from"./Status";const MeganavContentDevelopers=({absUrl,statusUrl})=>React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-explore"},"Explore"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-docs-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Documentation"),React.createElement("p",{className:"ui-meganav-media-copy"},"Technical guides to help you build with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/quick-start-guide"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-quickstart-guides-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Quickstart guides"),React.createElement("p",{className:"ui-meganav-media-copy"},"Documentation to help you get started quickly.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/integrations"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-integrations-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Integrations"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably integrations."," ")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/examples"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-examples-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Live examples"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our features and their use cases.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/sdks"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-sdks-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"SDKs"),React.createElement("p",{className:"ui-meganav-media-copy"},"Download an SDK to help you build realtime apps faster.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/tutorials"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-tutorials-demos-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Tutorials & Demos"),React.createElement("p",{className:"ui-meganav-media-copy"},"Get stuck in with our hands-on resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-chat"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-chat-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Chat apps reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build chat apps with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-multiplayer"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-multi-user-spaces-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Multiplayer reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build collaborative features with Ably.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-quick-links"},"Quick links"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-quick-links"},React.createElement("li",null,React.createElement("a",{href:"https://discord.gg/jwBPhEZ9g5",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Discord"))),React.createElement("li",null,React.createElement("a",{href:"https://github.com/ably",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"GitHub"))),React.createElement("li",null,React.createElement("a",{href:"https://changelog.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Changelog"))),React.createElement("li",null,React.createElement("a",{href:"https://status.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading flex items-center gap-4"},"Status",React.createElement(StatusIcon,{statusUrl:statusUrl})))),React.createElement("li",null,React.createElement("a",{href:absUrl("/support"),className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Support & FAQs")))))),React.createElement("div",{className:"ui-meganav-content-spacer"}));export default MeganavContentDevelopers;
1
+ import React from"react";import Icon from"./Icon";import{StatusIcon}from"./Status";const MeganavContentDevelopers=({absUrl,statusUrl})=>React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-explore"},"Explore"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-docs-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Documentation"),React.createElement("p",{className:"ui-meganav-media-copy"},"Technical guides to help you build with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/quick-start-guide"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-quickstart-guides-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Quickstart guides"),React.createElement("p",{className:"ui-meganav-media-copy"},"Documentation to help you get started quickly.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/integrations"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-integrations-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Integrations"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably integrations."," ")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/examples"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-examples-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Live examples"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our features and their use cases.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/sdks"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-sdks-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"SDKs"),React.createElement("p",{className:"ui-meganav-media-copy"},"Download an SDK to help you build realtime apps faster.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/tutorials"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-tutorials-demos-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Tutorials & Demos"),React.createElement("p",{className:"ui-meganav-media-copy"},"Get stuck in with our hands-on resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-chat"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-chat-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Chat apps reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build chat apps with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-multiplayer"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-multi-user-spaces-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Multiplayer reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build collaborative features with Ably.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-quick-links"},"Quick links"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-quick-links"},React.createElement("li",null,React.createElement("a",{href:"https://discord.gg/jwBPhEZ9g5",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Discord"))),React.createElement("li",null,React.createElement("a",{href:"https://github.com/ably",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"GitHub"))),React.createElement("li",null,React.createElement("a",{href:"https://changelog.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Changelog"))),React.createElement("li",null,React.createElement("a",{href:"https://status.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading flex items-center gap-4"},"Status",React.createElement(StatusIcon,{statusUrl:statusUrl})))),React.createElement("li",null,React.createElement("a",{href:absUrl("/support"),className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Support & FAQs")))))),React.createElement("div",{className:"ui-meganav-content-spacer"}));export default MeganavContentDevelopers;
2
+ //# sourceMappingURL=MeganavContentDevelopers.js.map