@ably/ui 14.1.8 → 14.3.0-dev.0f0a22a

package/core/Footer.js

@@ -1 +1 @@
-import React from"react";import Icon from"./Icon";import _absUrl from"./url-base.js";const Footer=({paths,urlBase})=>{const absUrl=path=>_absUrl(path,urlBase);return React.createElement("footer",{className:"bg-light-grey font-sans antialiased leading-normal","data-id":"footer"},React.createElement("div",{className:"max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"},React.createElement("div",{className:"col-span-full md:col-span-2"},React.createElement("div",{className:"flex flex-row p-menu-row-snug"},React.createElement("img",{className:"mr-24 -mt-16",src:paths.ablyStack,alt:"Ably homepage"}),React.createElement("h2",{className:"ui-text-overline2 col-span-full"},"The Ably Platform")),React.createElement("div",{className:"md:col-span-4 md:w-3/4 xs:w-3/5 w-full"},React.createElement("p",{className:"ui-text-p3 font-bold py-16 p-menu-row-snug"},"Easily power any realtime experience in your application via a simple API that handles everything realtime.")),React.createElement("ul",{className:"grid grid-cols-1"},React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/channels"),className:"ui-footer-menu-row-link"},"Pub/sub messaging")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/push-notifications"),className:"ui-footer-menu-row-link"},"Push notifications")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/integrations"),className:"ui-footer-menu-row-link"},"Third-party integrations")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/protocols"),className:"ui-footer-menu-row-link"},"Multiple protocol messaging")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"Ably is for"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/asset-tracking"),className:"ui-footer-menu-row-link"},"Ably Asset Tracking")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/extend-kafka-to-the-edge"),className:"ui-footer-menu-row-link"},"Extend Kafka to the edge")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/edtech"),className:"ui-footer-menu-row-link"},"EdTech")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/automotive-logistics-and-mobility"),className:"ui-footer-menu-row-link"},"Automotive, Logistics, & Mobility")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/b2b-platforms"),className:"ui-footer-menu-row-link"},"B2B Platforms")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/healthcare"),className:"ui-footer-menu-row-link"},"Healthcare")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/ecommerce-and-retail"),className:"ui-footer-menu-row-link"},"eCommerce & Retail")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/sports-and-media"),className:"ui-footer-menu-row-link"},"Sports & Media")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/gaming"),className:"ui-footer-menu-row-link"},"Gaming")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/iot-and-connected-devices"),className:"ui-footer-menu-row-link"},"IoT & Connected Devices")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"Developers"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/quick-start-guide"),className:"ui-footer-menu-row-link"},"Start in 5 minutes")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/"),className:"ui-footer-menu-row-link"},"Documentation")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/tutorials"),className:"ui-footer-menu-row-link"},"Tutorials")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:"https://changelog.ably.com/",className:"ui-footer-menu-row-link"},"Changelog")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/support"),className:"ui-footer-menu-row-link"},"Support & FAQs")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/sdks"),className:"ui-footer-menu-row-link"},"SDKs")),React.createElement("li",{className:"p-menu-row-snug flex items-center -mt-4"},React.createElement("a",{className:"pr-8 ui-footer-menu-row-link",href:"https://status.ably.com/"},"System status"),React.createElement("iframe",{className:"w-20 h-20 mb-2",src:"https://status.ably.com/embed/icon",style:{backgroundColor:"transparent"},frameBorder:"0",scrolling:"no",title:"System Status"})))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"WHY ABLY"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/customers"),className:"ui-footer-menu-row-link"},"Customers")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/case-studies"),className:"ui-footer-menu-row-link"},"Case Studies")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/four-pillars-of-dependability"),className:"ui-footer-menu-row-link"},"Four Pillars of Dependability")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/compare"),className:"ui-footer-menu-row-link"},"Compare our tech")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/protocols"),className:"ui-footer-menu-row-link"},"Multi protocol support")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/integrations"),className:"ui-footer-menu-row-link"},"Third-party integrations")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"ABOUT"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/about"),className:"ui-footer-menu-row-link"},"About Ably")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/pricing"),className:"ui-footer-menu-row-link"},"Pricing")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/blog"),className:"ui-footer-menu-row-link"},"Blog")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/careers"),className:"ui-footer-menu-row-link"},"Careers")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/open-policy"),className:"ui-footer-menu-row-link"},"Open protocol policy")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/press-center"),className:"ui-footer-menu-row-link"},"Press & Media")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/contact"),className:"ui-footer-menu-row-link"},"Contact us"))))),React.createElement("div",{className:"max-w-screen-xl ui-grid-px mx-auto"},React.createElement("hr",{className:"border-t border-mid-grey my-0"})),React.createElement("div",{className:"max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"},React.createElement("div",{className:"md:flex md:items-center"},React.createElement("div",{className:"flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2"},React.createElement("div",{className:""},React.createElement("div",{className:"flex pb-24"},React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-twitter",href:"https://twitter.com/ablyrealtime",title:"Ably on X"},React.createElement(Icon,{name:"icon-social-x",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-linkedin",href:"https://www.linkedin.com/company/ably-realtime",title:"Ably on LinkedIn"},React.createElement(Icon,{name:"linkedin",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-github",href:"https://github.com/ably/",title:"Ably on Github"},React.createElement(Icon,{name:"github",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-discord",href:"https://discord.gg/jwBPhEZ9g5",title:"Ably on Discord"},React.createElement(Icon,{name:"discord",size:"1.5rem"})))),React.createElement("div",{className:"xs:hidden sm:block ui-footer-glassdoor"},React.createElement("div",{className:"flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24"},React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"h-24 text-cool-black hover:text-icon-glassdoor",title:"Ably reviews on glassdoor"},React.createElement(Icon,{name:"glassdoor",size:"1.5rem"})),React.createElement("div",{className:"pl-16 text-menu3 font-sans font-medium"},React.createElement("strong",{className:"block font-medium"},"We're hiring!"),React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"ui-footer-link"},"Learn more at Glassdoor"))))),React.createElement("div",{className:"xs:block sm:hidden"},React.createElement("div",{className:"border-t border-mid-grey w-full"}),React.createElement("div",{className:"flex py-24"},React.createElement("a",{className:"h-24 pr-16 text-cool-black hover:text-icon-glassdoor",href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",title:"Ably reviews on glassdoor"},React.createElement(Icon,{name:"glassdoor",size:"1.5rem"})),React.createElement("div",{className:"text-menu3 font-sans font-medium"},React.createElement("strong",{className:"block font-medium"},"We're hiring!"),React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"ui-footer-link"},"Learn more at Glassdoor"))))),React.createElement("div",{className:"col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"},React.createElement("img",{className:"mr-24 h-80",src:paths.highestUserAdoption,alt:"Highest User Adoption 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.bestSupport,alt:"Best Support 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.fastestImplementation,alt:"Fastest Implementation 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.highestPerformer,alt:"High Performer 2023"}))),React.createElement("div",{className:"max-w-screen-xl ui-grid-px mx-auto"},React.createElement("hr",{className:"border-t border-mid-grey my-0"})),React.createElement("div",{className:"max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px"},React.createElement("div",{className:"flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"},React.createElement("div",{className:"flex"},React.createElement("a",{href:absUrl("/privacy"),className:"pr-24 ui-footer-link"},"Cookies"),React.createElement("a",{href:absUrl("/legals"),className:"pr-24 ui-footer-link"},"Legals"),React.createElement("a",{href:absUrl("/data-protection"),className:"pr-24 ui-footer-link"},"Data Protection"),React.createElement("a",{href:absUrl("/privacy"),className:"ui-footer-link"},"Privacy"))),React.createElement("div",{className:"xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"},React.createElement("div",{className:"flex mr-24"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12 ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"SOC 2 Type 2"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Certified"))),React.createElement("div",{className:"flex mr-24 md:col-start-2"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12 ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"HIPAA"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Compliant"))),React.createElement("div",{className:"flex mr-24 md:col-start-3"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12  ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"EU GDPR"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Certified"))),React.createElement("div",{className:"flex mr-24 md:col-start-4"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12  ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"256-bit AES"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Encryption"))))))};export default Footer;
+import React from"react";import Icon from"./Icon";import _absUrl from"./url-base.js";import Status from"./Status.js";const Footer=({paths,urlBase,statusUrl})=>{const absUrl=path=>_absUrl(path,urlBase);return React.createElement("footer",{className:"bg-light-grey font-sans antialiased leading-normal","data-id":"footer"},React.createElement("div",{className:"max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"},React.createElement("div",{className:"col-span-full md:col-span-2"},React.createElement("div",{className:"flex flex-row p-menu-row-snug"},React.createElement("img",{className:"mr-24 -mt-16",src:paths.ablyStack,alt:"Ably homepage"}),React.createElement("h2",{className:"ui-text-overline2 col-span-full"},"The Ably Platform")),React.createElement("div",{className:"md:col-span-4 md:w-3/4 xs:w-3/5 w-full"},React.createElement("p",{className:"ui-text-p3 font-bold py-16 p-menu-row-snug"},"Easily power any realtime experience in your application via a simple API that handles everything realtime.")),React.createElement("ul",{className:"grid grid-cols-1"},React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/channels"),className:"ui-footer-menu-row-link"},"Pub/sub messaging")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/push-notifications"),className:"ui-footer-menu-row-link"},"Push notifications")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/integrations"),className:"ui-footer-menu-row-link"},"Third-party integrations")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/protocols"),className:"ui-footer-menu-row-link"},"Multiple protocol messaging")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"Ably is for"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/asset-tracking"),className:"ui-footer-menu-row-link"},"Ably Asset Tracking")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/extend-kafka-to-the-edge"),className:"ui-footer-menu-row-link"},"Extend Kafka to the edge")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/edtech"),className:"ui-footer-menu-row-link"},"EdTech")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/automotive-logistics-and-mobility"),className:"ui-footer-menu-row-link"},"Automotive, Logistics, & Mobility")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/b2b-platforms"),className:"ui-footer-menu-row-link"},"B2B Platforms")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/healthcare"),className:"ui-footer-menu-row-link"},"Healthcare")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/ecommerce-and-retail"),className:"ui-footer-menu-row-link"},"eCommerce & Retail")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/sports-and-media"),className:"ui-footer-menu-row-link"},"Sports & Media")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/gaming"),className:"ui-footer-menu-row-link"},"Gaming")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/solutions/iot-and-connected-devices"),className:"ui-footer-menu-row-link"},"IoT & Connected Devices")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"Developers"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/quick-start-guide"),className:"ui-footer-menu-row-link"},"Start in 5 minutes")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/"),className:"ui-footer-menu-row-link"},"Documentation")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/tutorials"),className:"ui-footer-menu-row-link"},"Tutorials")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:"https://changelog.ably.com/",className:"ui-footer-menu-row-link"},"Changelog")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/support"),className:"ui-footer-menu-row-link"},"Support & FAQs")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/docs/sdks"),className:"ui-footer-menu-row-link"},"SDKs")),React.createElement("li",{className:"p-menu-row-snug flex items-center -mt-4"},React.createElement("a",{className:"pr-8 ui-footer-menu-row-link",href:"https://status.ably.com/"},"System status"),React.createElement(Status,{statusUrl:statusUrl})))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"WHY ABLY"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/customers"),className:"ui-footer-menu-row-link"},"Customers")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/case-studies"),className:"ui-footer-menu-row-link"},"Case Studies")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/four-pillars-of-dependability"),className:"ui-footer-menu-row-link"},"Four Pillars of Dependability")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/compare"),className:"ui-footer-menu-row-link"},"Compare our tech")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/protocols"),className:"ui-footer-menu-row-link"},"Multi protocol support")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/integrations"),className:"ui-footer-menu-row-link"},"Third-party integrations")))),React.createElement("div",{className:"col-span-full xs:col-span-3 md:col-span-1"},React.createElement("h2",{className:"ui-footer-col-title"},"ABOUT"),React.createElement("ul",null,React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/about"),className:"ui-footer-menu-row-link"},"About Ably")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/pricing"),className:"ui-footer-menu-row-link"},"Pricing")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/blog"),className:"ui-footer-menu-row-link"},"Blog")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/careers"),className:"ui-footer-menu-row-link"},"Careers")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/open-policy"),className:"ui-footer-menu-row-link"},"Open protocol policy")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/press-center"),className:"ui-footer-menu-row-link"},"Press & Media")),React.createElement("li",{className:"p-menu-row-snug"},React.createElement("a",{href:absUrl("/contact"),className:"ui-footer-menu-row-link"},"Contact us"))))),React.createElement("div",{className:"max-w-screen-xl ui-grid-px mx-auto"},React.createElement("hr",{className:"border-t border-mid-grey my-0"})),React.createElement("div",{className:"max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"},React.createElement("div",{className:"md:flex md:items-center"},React.createElement("div",{className:"flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2"},React.createElement("div",{className:""},React.createElement("div",{className:"flex pb-24"},React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-twitter",href:"https://twitter.com/ablyrealtime",title:"Ably on X"},React.createElement(Icon,{name:"icon-social-x",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-linkedin",href:"https://www.linkedin.com/company/ably-realtime",title:"Ably on LinkedIn"},React.createElement(Icon,{name:"linkedin",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-github",href:"https://github.com/ably/",title:"Ably on Github"},React.createElement(Icon,{name:"github",size:"1.5rem"})),React.createElement("a",{className:"h-24 pr-24 text-cool-black hover:text-icon-discord",href:"https://discord.gg/jwBPhEZ9g5",title:"Ably on Discord"},React.createElement(Icon,{name:"discord",size:"1.5rem"})))),React.createElement("div",{className:"xs:hidden sm:block ui-footer-glassdoor"},React.createElement("div",{className:"flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24"},React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"h-24 text-cool-black hover:text-icon-glassdoor",title:"Ably reviews on glassdoor"},React.createElement(Icon,{name:"glassdoor",size:"1.5rem"})),React.createElement("div",{className:"pl-16 text-menu3 font-sans font-medium"},React.createElement("strong",{className:"block font-medium"},"We're hiring!"),React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"ui-footer-link"},"Learn more at Glassdoor"))))),React.createElement("div",{className:"xs:block sm:hidden"},React.createElement("div",{className:"border-t border-mid-grey w-full"}),React.createElement("div",{className:"flex py-24"},React.createElement("a",{className:"h-24 pr-16 text-cool-black hover:text-icon-glassdoor",href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",title:"Ably reviews on glassdoor"},React.createElement(Icon,{name:"glassdoor",size:"1.5rem"})),React.createElement("div",{className:"text-menu3 font-sans font-medium"},React.createElement("strong",{className:"block font-medium"},"We're hiring!"),React.createElement("a",{href:"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",className:"ui-footer-link"},"Learn more at Glassdoor"))))),React.createElement("div",{className:"col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"},React.createElement("img",{className:"mr-24 h-80",src:paths.highestUserAdoption,alt:"Highest User Adoption 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.bestSupport,alt:"Best Support 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.fastestImplementation,alt:"Fastest Implementation 2023"}),React.createElement("img",{className:"mr-24 h-80",src:paths.highestPerformer,alt:"High Performer 2023"}))),React.createElement("div",{className:"max-w-screen-xl ui-grid-px mx-auto"},React.createElement("hr",{className:"border-t border-mid-grey my-0"})),React.createElement("div",{className:"max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px"},React.createElement("div",{className:"flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"},React.createElement("div",{className:"flex"},React.createElement("a",{href:absUrl("/privacy"),className:"pr-24 ui-footer-link"},"Cookies"),React.createElement("a",{href:absUrl("/legals"),className:"pr-24 ui-footer-link"},"Legals"),React.createElement("a",{href:absUrl("/data-protection"),className:"pr-24 ui-footer-link"},"Data Protection"),React.createElement("a",{href:absUrl("/privacy"),className:"ui-footer-link"},"Privacy"))),React.createElement("div",{className:"xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"},React.createElement("div",{className:"flex mr-24"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12 ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"SOC 2 Type 2"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Certified"))),React.createElement("div",{className:"flex mr-24 md:col-start-2"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12 ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"HIPAA"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Compliant"))),React.createElement("div",{className:"flex mr-24 md:col-start-3"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12  ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"EU GDPR"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Certified"))),React.createElement("div",{className:"flex mr-24 md:col-start-4"},React.createElement(Icon,{name:"icon-gui-tick",color:"text-active-orange",size:"1.5rem",additionalCSS:"bg-white rounded-full mr-12  ui-footer-tick-icon"}),React.createElement("div",null,React.createElement("p",{className:"ui-footer-compliance-text font-bold whitespace-nowrap"},"256-bit AES"),React.createElement("p",{className:"ui-footer-compliance-text font-medium mb-24"},"Encryption"))))))};export default Footer;

package/core/Meganav.js

@@ -1 +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})=>{return sessionState.signedIn?React.createElement(MeganavItemsSignedIn,{absUrl:absUrl,sessionState:sessionState,theme:theme}):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})),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})=>{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);var _paths_logo;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=paths===null||paths===void 0?void 0:paths.logo)!==null&&_paths_logo!==void 0?_paths_logo:""})),React.createElement(MeganavItemsDesktop,{panels:panels,paths:paths,theme:theme,absUrl:absUrl}),sessionState?React.createElement(SignIn,{sessionState:sessionState,theme:theme,loginLink:loginLink,absUrl:absUrl}):React.createElement(SignInPlaceholder,null),React.createElement(MeganavItemsMobile,{panels:panels,sessionState:sessionState,paths:paths,theme:theme,loginLink:loginLink,absUrl:absUrl})))};export default Meganav;
+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})=>{return sessionState.signedIn?React.createElement(MeganavItemsSignedIn,{absUrl:absUrl,sessionState:sessionState,theme:theme}):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})),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})=>{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);var _paths_logo;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=paths===null||paths===void 0?void 0:paths.logo)!==null&&_paths_logo!==void 0?_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}):React.createElement(SignInPlaceholder,null),React.createElement(MeganavItemsMobile,{panels:panels,sessionState:sessionState,paths:paths,theme:theme,loginLink:loginLink,absUrl:absUrl,statusUrl:statusUrl})))};export default Meganav;

package/core/MeganavContentDevelopers.js

@@ -1 +1 @@
-import React from"react";import Icon from"./Icon";const MeganavContentDevelopers=({absUrl})=>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-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"},"Status",React.createElement("iframe",{title:"Ably status",src:"https://status.ably.com/embed/icon",style:{backgroundColor:"transparent"},frameBorder:"0",scrolling:"no",className:"w-24 h-24 ml-4 border-none pointer-events-none align-middle"})))),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;
+import React from"react";import Icon from"./Icon";import Status 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-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"},"Status",React.createElement(Status,{statusUrl:statusUrl,additionalCSS:"ml-4 align-middle"})))),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;

package/core/MeganavItemsDesktop.js

@@ -1 +1 @@
-import React from"react";import MeganavData from"./Meganav/component.json";import MeganavControl from"./MeganavControl";const MeganavDesktopItems=({panels,paths,theme,absUrl})=>React.createElement("ul",{className:"hidden md:flex","data-id":"meganav-items-desktop"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const bgCSS=["products-panel","use-cases-panel"].includes(panel.id)?"ui-meganav-panel-split-bg":"";return React.createElement("li",{className:"ui-meganav-item",key:panel.id},React.createElement(MeganavControl,{theme:theme,ariaControls:panel.id,ariaLabel:panel.label},React.createElement("span",{className:"hidden lg:inline"},panel.label),React.createElement("span",{className:"lg:hidden"},panel.shortLabel)),React.createElement("div",{className:`ui-meganav-panel invisible ${bgCSS}`,id:panel.id,"data-id":"meganav-panel"},React.createElement(PanelComponent,{paths:paths,absUrl:absUrl})))}),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/pricing"),"data-id":"meganav-link",className:`ui-meganav-link h-64 items-center flex ${theme.textColor}`},"Pricing")));export default React.memo(MeganavDesktopItems);
+import React from"react";import MeganavData from"./Meganav/component.json";import MeganavControl from"./MeganavControl";const MeganavDesktopItems=({panels,paths,theme,absUrl,statusUrl})=>React.createElement("ul",{className:"hidden md:flex","data-id":"meganav-items-desktop"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const bgCSS=["products-panel","use-cases-panel"].includes(panel.id)?"ui-meganav-panel-split-bg":"";return React.createElement("li",{className:"ui-meganav-item",key:panel.id},React.createElement(MeganavControl,{theme:theme,ariaControls:panel.id,ariaLabel:panel.label},React.createElement("span",{className:"hidden lg:inline"},panel.label),React.createElement("span",{className:"lg:hidden"},panel.shortLabel)),React.createElement("div",{className:`ui-meganav-panel invisible ${bgCSS}`,id:panel.id,"data-id":"meganav-panel"},React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/pricing"),"data-id":"meganav-link",className:`ui-meganav-link h-64 items-center flex ${theme.textColor}`},"Pricing")));export default React.memo(MeganavDesktopItems);

package/core/MeganavItemsMobile.js

@@ -1 +1 @@
-import React from"react";import SignOutLink from"./SignOutLink";import MeganavSearchSuggestions from"./MeganavSearchSuggestions";import Icon from"./Icon";import MeganavData from"./Meganav/component.json";import MeganavControlMobileDropdown from"./MeganavControlMobileDropdown";import MeganavControlMobilePanelClose from"./MeganavControlMobilePanelClose";import MeganavControlMobilePanelOpen from"./MeganavControlMobilePanelOpen";import MeganavSearchAutocomplete from"./MeganavSearchAutocomplete";const MeganavItemsMobile=({panels,paths,sessionState,theme,loginLink,absUrl})=>{const classNames=`ui-meganav-link ${theme.textColor}`;return React.createElement("ul",{className:"flex md:hidden items-center","data-id":"meganav-items-mobile"},React.createElement("li",null,(sessionState===null||sessionState===void 0?void 0:sessionState.signedIn)&&(sessionState===null||sessionState===void 0?void 0:sessionState.logOut)?React.createElement(SignOutLink,{absUrl:absUrl,...sessionState.logOut},({text,href,onClick})=>React.createElement("a",{onClick:onClick,href:absUrl(href),className:classNames,"data-id":"meganav-link"},text)):React.createElement("a",{href:absUrl(loginLink),className:classNames,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavControlMobileDropdown,{theme:theme}),React.createElement("div",{className:"ui-meganav-mobile-dropdown invisible",id:"meganav-mobile-dropdown","data-id":"meganav-mobile-dropdown"},React.createElement("div",{className:"pt-24 pb-16 ui-grid-px bg-white"},React.createElement("form",{className:"mb-16",action:absUrl("/search"),method:"get"},React.createElement("div",{className:"relative w-full"},React.createElement(Icon,{name:"icon-gui-search",color:"text-cool-black",size:"1.5rem",additionalCSS:"absolute top-12 left-16 hover:text-gui-hover"}),React.createElement("button",{type:"button",className:"absolute top-12 right-16 p-0 focus:outline-gui-focus m-0 md:hidden invisible","data-id":"meganav-search-input-clear"},React.createElement(Icon,{name:"icon-gui-cross-circled-fill",color:"text-dark-grey",size:"1.5rem",additionalCSS:""})),React.createElement("input",{type:"search",name:"q",className:"ui-input px-48 h-48",style:{maxWidth:"none"},placeholder:"Search",autoComplete:"off","data-id":"meganav-mobile-search-input"}),React.createElement(MeganavSearchAutocomplete,null))),React.createElement("div",{className:"max-h-0 overflow-hidden transition-all","data-id":"meganav-mobile-search-suggestions"},React.createElement(MeganavSearchSuggestions,{absUrl:absUrl,displaySupportLink:false})),React.createElement("ul",{className:"mb-16","data-id":"meganav-mobile-panel-controls"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const displayHr=["company-panel","developers-panel"].includes(panel.id);return React.createElement("li",{className:"ui-meganav-mobile-item",key:`${panel.id}-mobile`},React.createElement(MeganavControlMobilePanelOpen,{ariaControls:`${panel.id}-mobile`},panel.label),React.createElement("div",{className:"ui-meganav-panel-mobile hidden",id:`${panel.id}-mobile`,"data-scroll-lock-scrollable":true},React.createElement(MeganavControlMobilePanelClose,{ariaControls:`${panel.id}-mobile`,displayHr:displayHr}),React.createElement(PanelComponent,{paths:paths,absUrl:absUrl})))}),React.createElement("li",null,React.createElement("a",{href:absUrl("/pricing"),className:"ui-meganav-mobile-link"},"Pricing"))),React.createElement("hr",{className:"ui-meganav-hr mb-20"}),React.createElement("div",{className:"flex justify-between items-center mb-16"},React.createElement("a",{href:absUrl("/contact"),className:"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"},"Contact us"),(sessionState===null||sessionState===void 0?void 0:sessionState.signedIn)&&(sessionState===null||sessionState===void 0?void 0:sessionState.account)?React.createElement("a",{href:absUrl(sessionState.account.links.dashboard.href),className:"ui-btn-secondary"},"Dashboard"):React.createElement("a",{href:absUrl("/sign-up"),className:"ui-btn"},"Sign up free"))))))};export default React.memo(MeganavItemsMobile,(oldState,newState)=>{const{paths:pathsOld,theme:themeOld}=oldState;const{paths:pathsNew,theme:themeNew}=newState;return pathsOld===pathsNew&&themeOld===themeNew&&Object.keys(newState.sessionState||{}).length===0});
+import React from"react";import SignOutLink from"./SignOutLink";import MeganavSearchSuggestions from"./MeganavSearchSuggestions";import Icon from"./Icon";import MeganavData from"./Meganav/component.json";import MeganavControlMobileDropdown from"./MeganavControlMobileDropdown";import MeganavControlMobilePanelClose from"./MeganavControlMobilePanelClose";import MeganavControlMobilePanelOpen from"./MeganavControlMobilePanelOpen";import MeganavSearchAutocomplete from"./MeganavSearchAutocomplete";const MeganavItemsMobile=({panels,paths,sessionState,theme,loginLink,absUrl,statusUrl})=>{const classNames=`ui-meganav-link ${theme.textColor}`;return React.createElement("ul",{className:"flex md:hidden items-center","data-id":"meganav-items-mobile"},React.createElement("li",null,(sessionState===null||sessionState===void 0?void 0:sessionState.signedIn)&&(sessionState===null||sessionState===void 0?void 0:sessionState.logOut)?React.createElement(SignOutLink,{absUrl:absUrl,...sessionState.logOut},({text,href,onClick})=>React.createElement("a",{onClick:onClick,href:absUrl(href),className:classNames,"data-id":"meganav-link"},text)):React.createElement("a",{href:absUrl(loginLink),className:classNames,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavControlMobileDropdown,{theme:theme}),React.createElement("div",{className:"ui-meganav-mobile-dropdown invisible",id:"meganav-mobile-dropdown","data-id":"meganav-mobile-dropdown"},React.createElement("div",{className:"pt-24 pb-16 ui-grid-px bg-white"},React.createElement("form",{className:"mb-16",action:absUrl("/search"),method:"get"},React.createElement("div",{className:"relative w-full"},React.createElement(Icon,{name:"icon-gui-search",color:"text-cool-black",size:"1.5rem",additionalCSS:"absolute top-12 left-16 hover:text-gui-hover"}),React.createElement("button",{type:"button",className:"absolute top-12 right-16 p-0 focus:outline-gui-focus m-0 md:hidden invisible","data-id":"meganav-search-input-clear"},React.createElement(Icon,{name:"icon-gui-cross-circled-fill",color:"text-dark-grey",size:"1.5rem",additionalCSS:""})),React.createElement("input",{type:"search",name:"q",className:"ui-input px-48 h-48",style:{maxWidth:"none"},placeholder:"Search",autoComplete:"off","data-id":"meganav-mobile-search-input"}),React.createElement(MeganavSearchAutocomplete,null))),React.createElement("div",{className:"max-h-0 overflow-hidden transition-all","data-id":"meganav-mobile-search-suggestions"},React.createElement(MeganavSearchSuggestions,{absUrl:absUrl,displaySupportLink:false})),React.createElement("ul",{className:"mb-16","data-id":"meganav-mobile-panel-controls"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const displayHr=["company-panel","developers-panel"].includes(panel.id);return React.createElement("li",{className:"ui-meganav-mobile-item",key:`${panel.id}-mobile`},React.createElement(MeganavControlMobilePanelOpen,{ariaControls:`${panel.id}-mobile`},panel.label),React.createElement("div",{className:"ui-meganav-panel-mobile hidden",id:`${panel.id}-mobile`,"data-scroll-lock-scrollable":true},React.createElement(MeganavControlMobilePanelClose,{ariaControls:`${panel.id}-mobile`,displayHr:displayHr}),React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",null,React.createElement("a",{href:absUrl("/pricing"),className:"ui-meganav-mobile-link"},"Pricing"))),React.createElement("hr",{className:"ui-meganav-hr mb-20"}),React.createElement("div",{className:"flex justify-between items-center mb-16"},React.createElement("a",{href:absUrl("/contact"),className:"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"},"Contact us"),(sessionState===null||sessionState===void 0?void 0:sessionState.signedIn)&&(sessionState===null||sessionState===void 0?void 0:sessionState.account)?React.createElement("a",{href:absUrl(sessionState.account.links.dashboard.href),className:"ui-btn-secondary"},"Dashboard"):React.createElement("a",{href:absUrl("/sign-up"),className:"ui-btn"},"Sign up free"))))))};export default React.memo(MeganavItemsMobile,(oldState,newState)=>{const{paths:pathsOld,theme:themeOld}=oldState;const{paths:pathsNew,theme:themeNew}=newState;return pathsOld===pathsNew&&themeOld===themeNew&&Object.keys(newState.sessionState||{}).length===0});

package/core/Status.js

@@ -0,0 +1 @@
+import React,{useEffect,useState}from"react";const indicatorClass=indicator=>{switch(indicator){case"none":return"bg-green-500";case"operational":return"bg-green-500";case"minor":return"bg-yellow-500";case"major":return"bg-orange-500";case"critical":return"bg-orange-800";default:return"bg-neutral-500"}};const Status=({statusUrl,additionalCSS})=>{var _data_status;const[data,setData]=useState(null);useEffect(()=>{let interval;if(statusUrl!==""){const fetchData=async()=>{try{const response=await fetch(statusUrl);const jsonData=await response.json();setData(jsonData)}catch(error){console.error("Error fetching status data:",error)}};fetchData();interval=setInterval(fetchData,6e4)}return()=>{clearInterval(interval)}},[statusUrl]);return React.createElement("a",{href:"https://status.ably.com",className:`inline-block ${additionalCSS}`,target:"_blank",rel:"noreferrer"},React.createElement("span",{className:"flex items-center h-[1.5rem] p-[0.25rem]"},React.createElement("span",{className:`w-[1rem] h-[1rem] leading-[1rem] rounded-full ${!data?"animate-pulse":""} ${indicatorClass(data===null||data===void 0?void 0:(_data_status=data.status)===null||_data_status===void 0?void 0:_data_status.indicator)}`})))};export default Status;

package/core/icons/icon-display-ably-channels.svg

@@ -0,0 +1,10 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.3334 34.1731H46.3334" stroke="#FF5416" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M10.3334 14.1731L2.33337 14.1731" stroke="#FF5416" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M10.6772 31.1731C11.3001 28.3744 12.7028 26.4231 14.3334 26.4231C16.5425 26.4231 18.3334 30.0048 18.3334 34.4231C18.3334 38.8414 16.5425 42.4231 14.3334 42.4231C12.6074 42.4231 11.1367 40.2367 10.576 37.1731" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.3334 26.4231H34.3334C36.5425 26.4231 38.3334 30.0048 38.3334 34.4231C38.3334 38.8414 36.5425 42.4231 34.3334 42.4231H14.3334" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M1.80304 34.7034C1.51015 34.4105 1.51015 33.9357 1.80304 33.6428L6.57601 28.8698C6.86891 28.5769 7.34378 28.5769 7.63668 28.8698C7.92957 29.1627 7.92957 29.6376 7.63668 29.9305L3.39403 34.1731L7.63667 38.4157C7.92957 38.7086 7.92957 39.1835 7.63667 39.4764C7.34378 39.7693 6.86891 39.7693 6.57601 39.4764L1.80304 34.7034ZM14.3334 33.4231C14.7476 33.4231 15.0834 33.7589 15.0834 34.1731C15.0834 34.5873 14.7476 34.9231 14.3334 34.9231L14.3334 33.4231ZM2.33337 33.4231L14.3334 33.4231L14.3334 34.9231L2.33337 34.9231L2.33337 33.4231Z" fill="#FF5416"/>
+<path d="M37.9895 11.1731C37.3666 8.37438 35.9639 6.4231 34.3334 6.4231C32.1242 6.4231 30.3334 10.0048 30.3334 14.4231C30.3334 18.8414 32.1242 22.4231 34.3334 22.4231C36.0594 22.4231 37.5301 20.2367 38.0908 17.1731" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M34.3334 6.4231H14.3334C12.1242 6.4231 10.3334 10.0048 10.3334 14.4231C10.3334 18.8414 12.1242 22.4231 14.3334 22.4231H34.3334" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M46.8637 14.7034C47.1566 14.4105 47.1566 13.9357 46.8637 13.6428L42.0907 8.8698C41.7978 8.5769 41.323 8.5769 41.0301 8.8698C40.7372 9.16269 40.7372 9.63756 41.0301 9.93046L45.2727 14.1731L41.0301 18.4157C40.7372 18.7086 40.7372 19.1835 41.0301 19.4764C41.323 19.7693 41.7978 19.7693 42.0907 19.4764L46.8637 14.7034ZM34.3334 13.4231C33.9192 13.4231 33.5834 13.7589 33.5834 14.1731C33.5834 14.5873 33.9192 14.9231 34.3334 14.9231L34.3334 13.4231ZM46.3334 13.4231L34.3334 13.4231L34.3334 14.9231L46.3334 14.9231L46.3334 13.4231Z" fill="#FF5416"/>
+</svg>

package/core/icons/icon-display-architectural-guidance.svg

@@ -0,0 +1,15 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="31" y="6.92285" width="15" height="12" rx="2" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="18" y="28.9229" width="28" height="18" rx="2" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 4.92285C1.25 3.40407 2.48122 2.17285 4 2.17285H20C21.5188 2.17285 22.75 3.40407 22.75 4.92285V20.9229C22.75 22.4416 21.5188 23.6729 20 23.6729H4C2.48122 23.6729 1.25 22.4416 1.25 20.9229V4.92285Z" fill="#FF5416"/>
+<path d="M8.75 13.7979L5.5 11.3604L8.75 8.92285" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.625 17.4229L12.625 7.92285" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.5 16.7979L17.75 14.3604L14.5 11.9229" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 37.9229H13C11.8954 37.9229 11 37.0274 11 35.9229V26.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 12.9229L26 12.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33 32.9229H22" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28 35.9229H22" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43 15.9229L40 15.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38 21.4229L38 22.4229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38 25.4229L38 26.4229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-authentication.svg

@@ -0,0 +1,7 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.8038 29.4229C44.6381 24.4724 44.4975 20.7393 44.4975 20.7393V6.00446C32.3864 7.44833 24.5338 1.92285 24.5338 1.92285C18.4473 5.3039 11.4322 6.68618 4.5 5.87035L4.56552 22.0583C5.43127 40.2871 24.5338 47.9229 24.5338 47.9229C26.067 47.2234 27.4825 46.4778 28.7895 45.6968" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.5 16.9192C30.5007 18.106 30.1494 19.2664 29.4905 20.2536C28.8317 21.2408 27.8949 22.0104 26.7986 22.4651C25.7023 22.9198 24.4957 23.0391 23.3316 22.808C22.1675 22.5769 21.0982 22.0058 20.2587 21.1668C19.4192 20.3278 18.8473 19.2587 18.6155 18.0947C18.3837 16.9308 18.5024 15.7242 18.9564 14.6276C19.4105 13.531 20.1794 12.5937 21.1662 11.9343C22.153 11.2748 23.3131 10.9229 24.4999 10.9229C26.0906 10.9229 27.6162 11.5545 28.7413 12.6789C29.8664 13.8034 30.499 15.3285 30.5 16.9192Z" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M32.7369 27.8108C31.6079 26.6019 30.0768 25.9229 28.4802 25.9229H20.5199C18.9233 25.9229 17.3921 26.6019 16.2631 27.8108C15.1342 29.0196 14.5 30.6591 14.5 32.3686V32.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4492 37.9225C28.4492 33.5044 32.0308 29.9229 36.4489 29.9229C40.867 29.9229 44.4485 33.5044 44.4485 37.9225C44.4485 42.3406 40.867 45.9222 36.4489 45.9222C32.0308 45.9222 28.4492 42.3406 28.4492 37.9225Z" fill="#FF5416"/>
+<path d="M32.8105 37.4796L35.6912 40.3022L40.1681 35.6572" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-avatar-stack.svg

@@ -0,0 +1,8 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 12.4194C18.1274 11.7776 16.4384 11.4231 14.6666 11.4231C7.48692 11.4231 1.66663 17.2434 1.66663 24.4231C1.66663 31.6028 7.48692 37.4231 14.6666 37.4231C16.4384 37.4231 18.1274 37.0686 19.6666 36.4268" stroke="#C6CED9" stroke-width="1.63636" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.6666 12.4194C28.1274 11.7776 26.4384 11.4231 24.6666 11.4231C17.4869 11.4231 11.6666 17.2434 11.6666 24.4231C11.6666 31.6028 17.4869 37.4231 24.6666 37.4231C26.4384 37.4231 28.1274 37.0686 29.6666 36.4268" stroke="#C6CED9" stroke-width="1.63636" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M47.19 27.9231C47.5006 26.8095 47.6666 25.6357 47.6666 24.4231C47.6666 17.2434 41.8463 11.4231 34.6666 11.4231C27.4869 11.4231 21.6666 17.2434 21.6666 24.4231C21.6666 31.6028 27.4869 37.4231 34.6666 37.4231C35.3468 37.4231 36.0147 37.3709 36.6666 37.2702" stroke="#C6CED9" stroke-width="1.63636" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="43.1666" cy="33.9231" r="4.5" fill="#FF5416"/>
+<path d="M31.2593 19.2412H33.0888V26.4003C33.0855 27.0566 32.9463 27.6217 32.6712 28.0956C32.3961 28.5663 32.0116 28.9292 31.5178 29.1844C31.0273 29.4363 30.4555 29.5622 29.8026 29.5622C29.206 29.5622 28.6691 29.4562 28.1918 29.2441C27.7178 29.0286 27.3417 28.7104 27.0632 28.2895C26.7848 27.8686 26.6456 27.3449 26.6456 26.7185H28.4801C28.4835 26.9936 28.5431 27.2306 28.6591 27.4294C28.7784 27.6283 28.9425 27.7807 29.1513 27.8868C29.3601 27.9929 29.6004 28.0459 29.8722 28.0459C30.1672 28.0459 30.4174 27.9846 30.6229 27.8619C30.8284 27.736 30.9842 27.5504 31.0902 27.3051C31.1996 27.0599 31.256 26.7583 31.2593 26.4003V19.2412Z" fill="#C6CED9"/>
+<path d="M35.0899 29.423V19.2412H38.9081C39.6903 19.2412 40.3465 19.387 40.8768 19.6787C41.4104 19.9704 41.8131 20.3714 42.0849 20.8818C42.36 21.3889 42.4975 21.9656 42.4975 22.6119C42.4975 23.2649 42.36 23.8449 42.0849 24.352C41.8098 24.8591 41.4038 25.2585 40.8669 25.5502C40.3299 25.8385 39.6687 25.9827 38.8832 25.9827H36.3527V24.4664H38.6346C39.092 24.4664 39.4665 24.3868 39.7582 24.2277C40.0499 24.0686 40.2653 23.8499 40.4045 23.5715C40.547 23.2931 40.6183 22.9732 40.6183 22.6119C40.6183 22.2507 40.547 21.9325 40.4045 21.6574C40.2653 21.3823 40.0482 21.1685 39.7532 21.0161C39.4616 20.8603 39.0854 20.7824 38.6247 20.7824H36.9343V29.423H35.0899Z" fill="#C6CED9"/>
+</svg>

package/core/icons/icon-display-connection-state-&-recovery.svg

@@ -0,0 +1,5 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.99108 30.0522C3.09828 30.4523 3.50954 30.6898 3.90963 30.5826C4.30973 30.4754 4.54717 30.0641 4.43996 29.664L2.99108 30.0522ZM18.5648 4.13849L18.3706 3.41405L18.5648 4.13849ZM41.1813 13.2729C41.5886 13.3486 41.9801 13.0799 42.0558 12.6726L43.2898 6.03641C43.3656 5.62917 43.0968 5.23766 42.6896 5.16193C42.2824 5.0862 41.8909 5.35494 41.8151 5.76218L40.7182 11.6611L34.8193 10.5641C34.4121 10.4884 34.0206 10.7571 33.9448 11.1644C33.8691 11.5716 34.1379 11.9631 34.5451 12.0389L41.1813 13.2729ZM4.43996 29.664C1.54539 18.8613 7.95619 7.75751 18.7589 4.86294L18.3706 3.41405C6.76776 6.52303 -0.117908 18.4494 2.99108 30.0522L4.43996 29.664ZM18.7589 4.86294C27.2743 2.58124 35.9787 6.08152 40.7001 12.96L41.9368 12.1111C36.8669 4.72497 27.5192 0.962708 18.3706 3.41405L18.7589 4.86294Z" fill="#C6CED9"/>
+<path d="M45.0089 18.793C44.9017 18.3929 44.4905 18.1554 44.0904 18.2626C43.6903 18.3698 43.4528 18.7811 43.56 19.1812L45.0089 18.793ZM29.4352 44.7067L29.6294 45.4312L29.4352 44.7067ZM6.81867 35.5723C6.41144 35.4966 6.01992 35.7653 5.9442 36.1726L4.71016 42.8088C4.63443 43.216 4.90317 43.6076 5.3104 43.6833C5.71763 43.759 6.10915 43.4903 6.18488 43.083L7.2818 37.1842L13.1807 38.2811C13.5879 38.3568 13.9794 38.0881 14.0552 37.6808C14.1309 37.2736 13.8621 36.8821 13.4549 36.8064L6.81867 35.5723ZM43.56 19.1812C46.4546 29.9839 40.0438 41.0877 29.2411 43.9823L29.6294 45.4312C41.2322 42.3222 48.1179 30.3959 45.0089 18.793L43.56 19.1812ZM29.2411 43.9823C20.7257 46.264 12.0213 42.7637 7.2999 35.8852L6.06321 36.7341C11.1331 44.1202 20.4808 47.8825 29.6294 45.4312L29.2411 43.9823Z" fill="#C6CED9"/>
+<path d="M15 25.5898L22.2 31.4231L33 17.4231" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-consumer-groups.svg

@@ -0,0 +1,15 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="14.988" cy="9.24452" rx="2.67857" ry="4.82143" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.5238 4.4231H5.88091C4.10571 4.4231 2.66663 6.58172 2.66663 9.24452C2.66663 11.9073 4.10571 14.066 5.88091 14.066H15.5238" stroke="#C6CED9" stroke-width="1.5"/>
+<ellipse cx="14.988" cy="24.2445" rx="2.67857" ry="4.82143" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.5238 19.4231H5.88091C4.10571 19.4231 2.66663 21.5817 2.66663 24.2445C2.66663 26.9073 4.10571 29.066 5.88091 29.066H15.5238" stroke="#C6CED9" stroke-width="1.5"/>
+<ellipse cx="14.988" cy="39.2445" rx="2.67857" ry="4.82143" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.5238 34.4231H5.88091C4.10571 34.4231 2.66663 36.5817 2.66663 39.2445C2.66663 41.9073 4.10571 44.066 5.88091 44.066H15.5238" stroke="#C6CED9" stroke-width="1.5"/>
+<rect x="34.6666" y="10.4231" width="8" height="8" rx="2" fill="#FF5416"/>
+<rect x="34.6666" y="30.4231" width="8" height="8" rx="2" fill="#FF5416"/>
+<path d="M38.6666 21.4231L38.6666 27.4231" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="1 3"/>
+<path d="M15.6666 39.4231V39.4231C17.4357 39.4231 19.024 38.3388 19.6684 36.6913L23.6653 26.472C24.1486 25.2363 25.3398 24.4231 26.6666 24.4231V24.4231" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.6666 9.4231V9.4231C17.4357 9.4231 19.024 10.5074 19.6684 12.1549L23.6653 22.3742C24.1486 23.6099 25.3398 24.4231 26.6666 24.4231V24.4231" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.6666 24.4231H26.6666" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M46.6666 10.4231C46.6666 8.21396 44.8758 6.4231 42.6666 6.4231H34.6666C32.4575 6.4231 30.6666 8.21201 30.6666 10.4211C30.6666 13.5582 30.6666 17.6767 30.6666 19.4231C30.6666 22.4231 26.6666 24.4231 26.6666 24.4231C26.6666 24.4231 30.6666 25.4231 30.6666 29.4231C30.6666 31.672 30.6666 35.5013 30.6666 38.4232C30.6666 40.6323 32.4575 42.4231 34.6666 42.4231H42.6666C44.8758 42.4231 46.6666 40.6322 46.6666 38.4231V10.4231Z" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-custom-cname.svg

@@ -0,0 +1,16 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3563_10959)">
+<path d="M35.4414 32.3451C34.7188 41.0685 27.4099 47.923 18.5 47.923C9.11116 47.923 1.5 40.3118 1.5 30.923C1.5 22.104 8.2153 14.8534 16.8114 14.0058L17.6557 13.9644" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 41.9229C28.1813 40.0701 23.5823 38.9229 18.5 38.9229C13.4177 38.9229 8.81875 40.0701 5.5 41.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M5.5 20.9229C8.81875 22.7756 13.4177 23.9229 18.5 23.9229C19.005 23.9229 19.5053 23.9115 20 23.8893" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 30.923C25.5 40.3118 22.1421 47.923 18 47.923C13.8579 47.923 10.5 40.3118 10.5 30.923C10.5 22.3027 13.3306 15.1809 17 14.0728" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.5 30.9229L25.5 30.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="34.5" cy="14.9229" r="14" fill="#FF5416"/>
+<path d="M28.5 15.7562L33.3 19.9229L40.5 9.92285" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3563_10959">
+<rect width="48" height="48" fill="white" transform="translate(0.5 0.922852)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-display-dedicated-cluster.svg

@@ -0,0 +1,15 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 28.4229V33.4229" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M7.5 28.4229V33.4229" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<circle cx="34.1654" cy="30.9222" r="0.833333" fill="#C6CED9"/>
+<circle cx="29.1654" cy="30.9222" r="0.833333" fill="#C6CED9"/>
+<path d="M32.4987 16.7555H35.832C37.673 16.7555 39.1654 15.2631 39.1654 13.4222V8.4222C39.1654 6.58125 37.673 5.08887 35.832 5.08887H4.16536C2.32442 5.08887 0.832031 6.58125 0.832031 8.4222V13.4222C0.832031 15.2631 2.32441 16.7555 4.16536 16.7555H7.4987" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M32.4987 25.0892H35.832C37.673 25.0892 39.1654 26.5816 39.1654 28.4225V33.4225C39.1654 35.2635 37.673 36.7559 35.832 36.7559H4.16536C2.32442 36.7559 0.832031 35.2635 0.832031 33.4225V28.4225C0.832031 26.5816 2.32441 25.0892 4.16536 25.0892H7.4987" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M5 8.42285V13.4229" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<path d="M7.5 8.42285V13.4229" stroke="#C6CED9" stroke-width="1.25" stroke-linecap="round"/>
+<circle cx="34.1654" cy="10.9222" r="0.833333" fill="#C6CED9"/>
+<circle cx="29.1654" cy="10.9222" r="0.833333" fill="#C6CED9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.375 20.9229C9.375 15.0548 14.132 10.2979 20 10.2979C25.868 10.2979 30.625 15.0548 30.625 20.9229C30.625 26.7909 25.868 31.5479 20 31.5479C14.132 31.5479 9.375 26.7909 9.375 20.9229Z" fill="#FF5416"/>
+<rect x="15" y="18.4229" width="10" height="7.5" rx="0.830357" stroke="#03020D" stroke-width="1.25" stroke-linejoin="round"/>
+<path d="M22.5 18.4225V16.9074V16.7559C22.5 15.3751 21.3807 14.2559 20 14.2559V14.2559C18.6193 14.2559 17.5 15.3751 17.5 16.7559V16.9074V18.4225" stroke="#03020D" stroke-width="1.25" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-deltas.svg

@@ -0,0 +1,8 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.3334 24.4231L30.3334 24.4231" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M31.3334 24.4231C19.0192 24.4231 8.62431 14.7147 5.33337 1.4231" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M31.3334 24.4227C18.3304 24.4227 7.33337 23.4231 1.33337 16.2551" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M31.3334 24.4231C19.0192 24.4231 8.62431 34.1315 5.33337 47.4231" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M31.3334 24.4235C18.3304 24.4235 7.33337 25.4231 1.33337 32.5911" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<rect x="38.3334" y="20.4231" width="8" height="8" rx="4" fill="#FF5416"/>
+</svg>

package/core/icons/icon-display-dynamic-channel-groups.svg

@@ -0,0 +1,19 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_3659)">
+<path d="M24.316 24.3312C23.9333 24.556 23.491 24.8456 23.0467 25.2011C21.839 26.1672 20.4925 27.7233 20.4925 29.8776V29.891V29.9044V29.9179V29.9315V29.9451V29.9588V29.9725V29.9863V30.0002V30.0141V30.0281V30.0422V30.0563V30.0705V30.0847V30.0991V30.1134V30.1279V30.1424V30.1569V30.1715V30.1862V30.201V30.2158V30.2306V30.2455V30.2605V30.2756V30.2907V30.3058V30.321V30.3363V30.3517V30.3671V30.3825V30.398V30.4136V30.4292V30.4449V30.4606V30.4764V30.4923V30.5082V30.5242V30.5402V30.5563V30.5724V30.5886V30.6049V30.6212V30.6375V30.654V30.6704V30.687V30.7035V30.7202V30.7369V30.7536V30.7704V30.7872V30.8041V30.8211V30.8381V30.8552V30.8723V30.8894V30.9067V30.9239V30.9412V30.9586V30.976V30.9935V31.011V31.0286V31.0462V31.0639V31.0816V31.0994V31.1172V31.1351V31.153V31.171V31.189V31.2071V31.2252V31.2434V31.2616V31.2799V31.2982V31.3165V31.3349V31.3534V31.3719V31.3904V31.409V31.4277V31.4463V31.4651V31.4838V31.5027V31.5215V31.5404V31.5594V31.5784V31.5974V31.6165V31.6357V31.6548V31.6741V31.6933V31.7126V31.732V31.7514V31.7708V31.7903V31.8098V31.8294V31.849V31.8686V31.8883V31.908V31.9278V31.9476V31.9675V31.9874V32.0073V32.0273V32.0473V32.0673V32.0874V32.1075V32.1277V32.1479V32.1682V32.1884V32.2088V32.2291V32.2495V32.27V32.2904V32.311V32.3315V32.3521V32.3727V32.3934V32.4141V32.4348V32.4556V32.4764V32.4972V32.5181V32.539V32.5599V32.5809V32.6019V32.623V32.644V32.6652V32.6863V32.7075V32.7287V32.75V32.7712V32.7926V32.8139V32.8353V32.8567V32.8781V32.8996V32.9211V32.9427V32.9642V32.9858V33.0075V33.0291V33.0508V33.0725V33.0943V33.1161V33.1379V33.1597V33.1816V33.2035V33.2254V33.2474V33.2693V33.2913V33.3134V33.3355V33.3575V33.3797V33.4018V33.424V33.4462V33.4684V33.4907V33.513V33.5353V33.5576V33.58V33.6023V33.6248V33.6472V33.6696V33.6921V33.7146V33.7372V33.7597V33.7823V33.8049V33.8275V33.8502V33.8729V33.8956V33.9183V33.941V33.9638V33.9866V34.0094V34.0322V34.055V34.0779V34.1008V34.1237V34.1467V34.1696V34.1926V34.2156V34.2386V34.2616V34.2847V34.3077V34.3308V34.3539V34.3771V34.4002V34.4234V34.4466V34.4698V34.493V34.5162V34.5395V34.5627V34.586V34.6093V34.6326V34.656V34.6793V34.7027V34.7261V34.7495V34.7729V34.7963V34.8198V34.8432V34.8667V34.8902V34.9137V34.9372V34.9607V34.9843V35.0078V35.0314V35.055V35.0786V35.1022V35.1258V35.1494V35.173V35.1967V35.2204V35.244V35.2677V35.2914V35.3151V35.3389V35.3626V35.3863V35.4101V35.4338V35.4576V35.4814V35.5052V35.5289V35.5528V35.5766V35.6004V35.6242V35.648V35.6719V35.6957V35.7196V35.7435V35.7673V35.7912V35.8151V35.839V35.8629V35.8868V35.9107V35.9346V35.9585V35.9825V36.0064V36.0303V36.0543V36.0782V36.1022V36.1261V36.1501V36.174V36.198V36.2219V36.2459V36.2699V36.2939V36.3178V36.3418V36.3658V36.3898V36.4137V36.4377V36.4617V36.4857V36.5097V36.5337V36.5577V36.5816V36.6056V36.6296V36.6536V36.6776V36.7016V36.7256V36.7495V36.7735V36.7975V36.8215V36.8454V36.8694V36.8934V36.9174V36.9413V36.9653V36.9892V37.0132V37.0371V37.0611V37.085V37.109V37.1329V37.1568V37.1808V37.2047V37.2286V37.2525V37.2764V37.3003V37.3242V37.3481V37.372V37.3958V37.4197V37.4436V37.4674V37.4912V37.5151V37.5389V37.5627V37.5865V37.6103V37.6341V37.6579V37.6817V37.7055V37.7292V37.753V37.7767V37.8004V37.8241V37.8479V37.8715V37.8952V37.9189V37.9426V37.9662V37.9899V38.0135V38.0371V38.0607V38.0843V38.1079V38.1314V38.155V38.1785V38.2021V38.2256V38.2491V38.2726V38.296V38.3195V38.3429V38.3664V38.3898V38.4132V38.4365V38.4599V38.4833V38.5066V38.5299V38.5532V38.5765V38.5998V38.623V38.6463V38.6695V38.6927V38.7158V38.739V38.7622V38.7853V38.8084V38.8315V38.8545V38.8776V38.9006V38.9236V38.9466V38.9696V38.9925V39.0155V39.0384V39.0613V39.0842V39.107V39.1298V39.1526V39.1754V39.1982V39.2209V39.2436V39.2663V39.289V39.3116V39.3343V39.3569V39.3794V39.402V39.4245V39.447V39.4695V39.492V39.5144V39.5368V39.5592V39.5815V39.6039V39.6262V39.6485V39.6707V39.6929V39.7151V39.7373V39.7595V39.7816V39.8037V39.8257V39.8478V39.8698V39.8918V39.9137V39.9356V39.9575V39.9794V40.0012V40.023V40.0448V40.0666V40.0883V40.11V40.1316V40.1533V40.1749V40.1964V40.218V40.2395V40.2609V40.2824V40.3038V40.3252V40.3465V40.3678V40.3891V40.4103V40.4316V40.4527V40.4739V40.495V40.5161V40.5371V40.5581V40.5791V40.6V40.6209V40.6418V40.6626V40.6834V40.7042V40.7249V40.7456V40.7663V40.7869C20.4925 42.381 19.2002 43.6731 17.6061 43.6731H3.96973C2.37564 43.6731 1.08337 42.3808 1.08337 40.7867V8.05946C1.08337 6.46537 2.37564 5.1731 3.96974 5.1731H17.6061C19.201 5.1731 20.4925 6.46308 20.4925 8.05634V8.07811V8.09991V8.12176V8.14364V8.16556V8.18753V8.20953V8.23156V8.25364V8.27576V8.29791V8.3201V8.34232V8.36459V8.38689V8.40922V8.43159V8.454V8.47645V8.49892V8.52144V8.54399V8.56657V8.58919V8.61184V8.63453V8.65724V8.68V8.70278V8.7256V8.74845V8.77134V8.79425V8.8172V8.84018V8.86319V8.88623V8.90931V8.93241V8.95554V8.97871V9.0019V9.02513V9.04838V9.07166V9.09497V9.11832V9.14168V9.16508V9.18851V9.21196V9.23544V9.25895V9.28248V9.30604V9.32963V9.35325V9.37689V9.40055V9.42425V9.44796V9.47171V9.49547V9.51926V9.54308V9.56692V9.59079V9.61467V9.63858V9.66252V9.68648V9.71045V9.73446V9.75848V9.78253V9.8066V9.83068V9.85479V9.87893V9.90308V9.92725V9.95144V9.97566V9.99989V10.0241V10.0484V10.0727V10.097V10.1213V10.1457V10.17V10.1944V10.2188V10.2432V10.2677V10.2921V10.3166V10.3411V10.3656V10.3901V10.4146V10.4392V10.4637V10.4883V10.5129V10.5375V10.5621V10.5867V10.6114V10.636V10.6607V10.6854V10.7101V10.7348V10.7595V10.7843V10.809V10.8338V10.8585V10.8833V10.9081V10.9329V10.9577V10.9825V11.0074V11.0322V11.0571V11.0819V11.1068V11.1317V11.1565V11.1814V11.2063V11.2312V11.2562V11.2811V11.306V11.3309V11.3559V11.3808V11.4058V11.4307V11.4557V11.4807V11.5056V11.5306V11.5556V11.5806V11.6056V11.6306V11.6556V11.6806V11.7056V11.7306V11.7556V11.7806V11.8056V11.8306V11.8556V11.8806V11.9057V11.9307V11.9557V11.9807V12.0057V12.0308V12.0558V12.0808V12.1058V12.1308V12.1558V12.1808V12.2058V12.2309V12.2559V12.2809V12.3059V12.3309V12.3558V12.3808V12.4058V12.4308V12.4558V12.4807V12.5057V12.5307V12.5556V12.5806V12.6055V12.6305V12.6554V12.6803V12.7052V12.7301V12.755V12.7799V12.8048V12.8297V12.8546V12.8794V12.9043V12.9291V12.954V12.9788V13.0036V13.0284V13.0532V13.078V13.1028V13.1275V13.1523V13.177V13.2017V13.2265V13.2512V13.2759V13.3005V13.3252V13.3499V13.3745V13.3991V13.4237V13.4483V13.4729V13.4975V13.522V13.5466V13.5711V13.5956V13.6201V13.6446V13.669V13.6935V13.7179V13.7423V13.7667V13.7911V13.8154V13.8397V13.8641V13.8884V13.9126V13.9369V13.9611V13.9854V14.0096V14.0337V14.0579V14.0821V14.1062V14.1303V14.1543V14.1784V14.2024V14.2265V14.2504V14.2744V14.2984V14.3223V14.3462V14.3701V14.3939V14.4177V14.4415V14.4653V14.4891V14.5128V14.5365V14.5602V14.5838V14.6075V14.6311V14.6546V14.6782V14.7017V14.7252V14.7487V14.7721V14.7955V14.8189V14.8423V14.8656V14.8889V14.9121V14.9354V14.9586V14.9818V15.0049V15.028V15.0511V15.0742V15.0972V15.1202V15.1432V15.1661V15.189V15.2119V15.2347V15.2575V15.2803V15.303V15.3257V15.3484V15.371V15.3936V15.4162V15.4387V15.4612V15.4837V15.5061V15.5285V15.5508V15.5731V15.5954V15.6177V15.6399V15.662V15.6842V15.7063V15.7283V15.7503V15.7723V15.7943V15.8162V15.838V15.8599V15.8816V15.9034V15.9251V15.9468V15.9684V15.99V16.0115V16.033V16.0545V16.0759V16.0973V16.1186V16.1399V16.1611V16.1823V16.2035V16.2246V16.2457V16.2667V16.2877V16.3086V16.3295V16.3504V16.3712V16.392V16.4127V16.4333V16.454V16.4745V16.4951V16.5156V16.536V16.5564V16.5767V16.597V16.6173V16.6375V16.6576V16.6777V16.6978V16.7178V16.7377V16.7576V16.7775V16.7973V16.817V16.8367V16.8564V16.876V16.8955V16.915V16.9344V16.9538V16.9732V16.9924V17.0117V17.0308V17.05V17.069V17.0881V17.107V17.1259V17.1448V17.1636V17.1823V17.201V17.2196V17.2382V17.2567V17.2752V17.2936V17.3119V17.3302V17.3485V17.3666V17.3848V17.4028V17.4208V17.4388V17.4567V17.4745V17.4922V17.5099V17.5276V17.5452V17.5627V17.5802V17.5976V17.6149V17.6322V17.6494V17.6666V17.6837V17.7007V17.7177V17.7346V17.7514V17.7682V17.7849V17.8016V17.8182V17.8347V17.8512V17.8676V17.8839V17.9002V17.9164V17.9325V17.9486V17.9646V17.9805V17.9964V18.0122V18.0279V18.0436V18.0592V18.0747V18.0902V18.1056V18.1209V18.1362V18.1514V18.1665V18.1815V18.1965V18.2114V18.2263V18.241V18.2557V18.2704V18.2849V18.2994V18.3138V18.3282V18.3424V18.3566V18.3708V18.3848V18.3988V18.4127V18.4265V18.4403V18.454V18.4676V18.4811V18.4946V18.5079V18.5212V18.5345V18.5476V18.5607V18.5737V18.5866V18.5995V18.6123V18.625V18.6376V18.6501V18.6626V18.675V18.6873V18.6995V18.7116V18.7237V18.7357V18.7476V18.7594V18.7712V18.7828V18.7944V18.8059V18.8173V18.8287V18.8399V18.8511V18.8622V18.8732V18.8841V18.895V18.9057V18.9164V18.927V18.9375V18.948V18.9583V18.9686C20.4925 19.8555 20.8591 20.683 21.3287 21.3874C21.802 22.0974 22.4192 22.7412 23.0135 23.276C23.4719 23.6886 23.9283 24.0468 24.316 24.3312Z" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<ellipse cx="15.1709" cy="13.3511" rx="2.43507" ry="4.38312" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.6579 8.96802H6.89168C5.27786 8.96802 3.9696 10.9304 3.9696 13.3511C3.9696 15.7719 5.27786 17.7343 6.89168 17.7343H15.6579" stroke="#C6CED9" stroke-width="1.5"/>
+<ellipse cx="15.1709" cy="24.8443" rx="2.43507" ry="4.38312" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.6579 20.4612H6.89168C5.27786 20.4612 3.9696 22.4236 3.9696 24.8443C3.9696 27.265 5.27786 29.2274 6.89168 29.2274H15.6579" stroke="#C6CED9" stroke-width="1.5"/>
+<ellipse cx="15.1709" cy="36.3375" rx="2.43507" ry="4.38312" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M15.6579 31.9543H6.89168C5.27786 31.9543 3.9696 33.9167 3.9696 36.3375C3.9696 38.7582 5.27786 40.7206 6.89168 40.7206H15.6579" stroke="#C6CED9" stroke-width="1.5"/>
+<path d="M32.0607 24.4231L24.788 24.4231" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<circle cx="41.3334" cy="24.4231" r="7" fill="#FF5416"/>
+<path d="M38.1026 24.8717L40.6872 27.1153L44.5641 21.7307" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_3659">
+<rect width="48" height="48" fill="white" transform="translate(0.333374 0.423096)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-display-edge-network.svg

@@ -0,0 +1,17 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44.6528 16.1816C45.2643 17.5705 45.7304 19.0219 46.0416 20.5129C46.3452 21.9855 46.4988 23.4848 46.5 24.9882C46.5001 28.1498 45.8147 31.2739 44.4907 34.1467C43.1667 37.0195 41.2354 39.5729 38.8292 41.6321C36.4231 43.6913 33.5988 45.2076 30.55 46.077C27.5012 46.9464 24.2999 47.1484 21.1655 46.6692C18.031 46.1901 15.0376 45.041 12.3901 43.3008C9.74271 41.5605 7.5039 39.2703 5.82714 36.5869C4.15037 33.9036 3.0753 30.8904 2.67553 27.7541C2.42796 25.8118 2.443 23.8507 2.71604 21.9226" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M35.4116 5.92285C33.8755 5.02678 32.236 4.31827 30.5268 3.81519C27.7133 2.98708 24.7665 2.73183 21.8556 3.06416C18.9447 3.39649 16.1271 4.30994 13.5648 5.75179C11.7932 6.74871 10.1677 7.98468 8.7312 9.42285" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 15.9229C2.5 13.7137 4.29086 11.9229 6.5 11.9229C8.70914 11.9229 10.5 13.7137 10.5 15.9229C10.5 18.132 8.70914 19.9229 6.5 19.9229C4.29086 19.9229 2.5 18.132 2.5 15.9229Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 7.92285C36.7909 7.92285 35 9.71371 35 11.9229C35 14.132 36.7909 15.9229 39 15.9229C41.2091 15.9229 43 14.132 43 11.9229C43 9.71371 41.2091 7.92285 39 7.92285Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 16.9229C20.7909 16.9229 19 18.7137 19 20.9229C19 23.132 20.7909 24.9229 23 24.9229C25.2091 24.9229 27 23.132 27 20.9229C27 18.7137 25.2091 16.9229 23 16.9229Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 35.4229C11.5 33.2137 13.2909 31.4229 15.5 31.4229C17.7091 31.4229 19.5 33.2137 19.5 35.4229C19.5 37.632 17.7091 39.4229 15.5 39.4229C13.2909 39.4229 11.5 37.632 11.5 35.4229Z" fill="#FF5416"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.4229C31.5 32.2137 33.2909 30.4229 35.5 30.4229C37.7091 30.4229 39.5 32.2137 39.5 34.4229C39.5 36.632 37.7091 38.4229 35.5 38.4229C33.2909 38.4229 31.5 36.632 31.5 34.4229Z" fill="#FF5416"/>
+<path d="M20.8206 3.61035C20.5257 5.17949 20.3767 6.76729 20.375 8.35788C20.3715 10.3236 20.5962 12.2822 21.044 14.2033" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M26.8486 26.6138C27.8076 27.8505 28.8616 29.003 30 30.0597" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M16.5001 23.3594C11.6894 25.8523 7.49818 29.2814 4.21643 33.4226" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M45.8125 20.1103C40.5308 18.8002 34.9635 18.4229 29.5 18.9931" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M11.1361 20.9229C12.7981 23.2246 14.0649 25.7553 14.8902 28.4229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M15 42.2319C14.8128 42.9696 14.5938 43.7005 14.3434 44.4226L15 42.2319Z" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.354 39.104C28.9541 41.4341 27.9212 43.9967 27.3019 46.6919" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M46 28.4526C44.1651 28.8077 42.3857 29.327 40.6934 30" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>

package/core/icons/icon-display-elasticity.svg

@@ -0,0 +1,16 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.499 8.92285L46.499 40.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M42.499 12.9229L42.499 36.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38.499 15.9229L38.499 33.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.499 19.9229L34.499 29.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.499 21.9229L30.499 27.9229" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.499 22.9229L26.499 26.9229" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.49902 40.9229L2.49902 8.92285" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.49902 36.9229L6.49902 12.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.499 33.9229L10.499 15.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.499 29.9229L14.499 19.9229" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.499 27.9229L18.499 21.9229" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.499 26.9229L22.499 22.9229" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7521 4.38731C24.0437 4.10137 24.5105 4.10137 24.8022 4.38731L28.0241 7.5462C28.2417 7.75951 28.3086 8.08326 28.1934 8.36533C28.0782 8.64741 27.8037 8.83174 27.499 8.83174L26.1778 8.83174L26.1778 14.1811L27.499 14.1811C27.8075 14.1811 28.0844 14.3699 28.1971 14.6569C28.3099 14.944 28.2354 15.2708 28.0094 15.4807L24.7875 18.4724C24.4997 18.7397 24.0545 18.7397 23.7668 18.4724L20.5449 15.4807C20.3189 15.2708 20.2444 14.944 20.3571 14.6569C20.4698 14.3699 20.7468 14.1811 21.0552 14.1811L22.3764 14.1811L22.3764 8.83174L21.0552 8.83174C20.7505 8.83174 20.4761 8.64741 20.3609 8.36533C20.2457 8.08326 20.3126 7.75951 20.5301 7.5462L23.7521 4.38731Z" fill="#FF5416"/>
+<path d="M23.7521 31.3873C24.0437 31.1014 24.5105 31.1014 24.8022 31.3873L28.0241 34.5462C28.2417 34.7595 28.3086 35.0833 28.1934 35.3653C28.0782 35.6474 27.8037 35.8317 27.499 35.8317L26.1778 35.8317L26.1778 41.1811L27.499 41.1811C27.8075 41.1811 28.0844 41.3699 28.1971 41.6569C28.3099 41.944 28.2354 42.2708 28.0094 42.4807L24.7875 45.4724C24.4997 45.7397 24.0545 45.7397 23.7668 45.4724L20.5449 42.4807C20.3189 42.2708 20.2444 41.944 20.3571 41.6569C20.4698 41.3699 20.7468 41.1811 21.0552 41.1811L22.3764 41.1811L22.3764 35.8317L21.0552 35.8317C20.7505 35.8317 20.4761 35.6474 20.3609 35.3653C20.2457 35.0833 20.3126 34.7595 20.5301 34.5462L23.7521 31.3873Z" fill="#FF5416"/>
+</svg>

package/core/icons/icon-display-exactly-once-delivery.svg

@@ -0,0 +1,13 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3563_10779)">
+<path d="M42.7475 28.4231C44.3843 23.7313 44.2523 20.2554 44.2523 20.2554V5.51106C37.3292 6.47513 30.2831 5.03007 24.3147 1.4231C18.2437 4.80509 11.244 6.18718 4.32837 5.36816L4.39264 21.574C5.24345 39.8006 24.3147 47.4359 24.3147 47.4359C26.7072 46.343 28.813 45.1376 30.6663 43.8606" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.8966 37.8398C31.8966 33.8707 35.1142 30.6531 39.0834 30.6531C43.0525 30.6531 46.2701 33.8707 46.2701 37.8398C46.2701 41.809 43.0525 45.0266 39.0834 45.0266C35.1142 45.0266 31.8966 41.809 31.8966 37.8398Z" fill="#FF5416"/>
+<path d="M36.1647 37.4845L38.4753 39.7486L42.0664 36.0227" stroke="#03020D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.1009 34.4231V16.1509L18.6666 18.8023V14.0106L23.1009 11.4231H27.6666V34.4231H23.1009Z" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3563_10779">
+<rect width="48" height="48" fill="white" transform="translate(0.666626 0.423096)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-display-fan-out.svg

@@ -0,0 +1,27 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="20.0017" y="20.4221" width="8" height="8" rx="4" fill="#FF5416"/>
+<path d="M40.8406 24.4241L32.4194 24.4241" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M15.5 24.4241L7.15819 24.4241" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M24.0045 41.2668L24.0045 32.8457" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M23.9998 16.0022L23.9998 7.58104" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M15.5827 39.012L19.7933 31.719" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M28.2109 17.1292L32.4215 9.83621" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M9.41687 32.8469L16.7098 28.6363" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M31.2944 20.2112L38.5873 16.0006" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M32.4259 38.8518L28.2153 31.5589" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M19.7895 16.9749L15.5789 9.68191" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M38.5898 32.6858L31.2969 28.4752" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M16.7079 20.0579L9.41495 15.8473" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
+<rect x="21.4734" y="0.423096" width="5.05268" height="5.05268" rx="2.52634" fill="#FF5416"/>
+<rect x="21.4732" y="43.3704" width="5.05268" height="5.05268" rx="2.52634" fill="#FF5416"/>
+<rect x="48" y="21.8967" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(90 48 21.8967)" fill="#FF5416"/>
+<rect x="5.05267" y="21.8967" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(90 5.05267 21.8967)" fill="#FF5416"/>
+<rect x="33.8155" y="2.37524" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(30 33.8155 2.37524)" fill="#FF5416"/>
+<rect x="12.3418" y="39.5686" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(30 12.3418 39.5686)" fill="#FF5416"/>
+<rect x="46.0453" y="34.2356" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(120 46.0453 34.2356)" fill="#FF5416"/>
+<rect x="8.84961" y="12.761" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(120 8.84961 12.761)" fill="#FF5416"/>
+<rect x="43.5234" y="10.2375" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(60 43.5234 10.2375)" fill="#FF5416"/>
+<rect x="6.3324" y="31.7112" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(60 6.3324 31.7112)" fill="#FF5416"/>
+<rect x="38.1843" y="43.9446" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(150 38.1843 43.9446)" fill="#FF5416"/>
+<rect x="16.7106" y="6.75024" width="5.05268" height="5.05268" rx="2.52634" transform="rotate(150 16.7106 6.75024)" fill="#FF5416"/>
+</svg>

package/core/icons/icon-display-firehose.svg

@@ -0,0 +1,12 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39 21.9229H47" stroke="#FF5416" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39 24.9229H47" stroke="#FF5416" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 24.9229L17 24.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 16.9229L2.63932 16.9229C4.19177 16.9229 5.7229 17.2843 7.11146 17.9786L10.8885 19.8671C12.2771 20.5614 13.8082 20.9229 15.3607 20.9229L17 20.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 4.92285L1.25371 4.92285C3.59419 4.92285 5.77981 6.09256 7.07807 8.03995L10.9219 13.8058C12.2202 15.7531 14.4058 16.9229 16.7463 16.9229L17 16.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 32.9229L2.63932 32.9229C4.19177 32.9229 5.7229 32.5614 7.11146 31.8671L10.8885 29.9786C12.2771 29.2843 13.8082 28.9229 15.3607 28.9229L17 28.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 44.9229L1.25371 44.9229C3.59419 44.9229 5.77981 43.7531 7.07807 41.8058L10.9219 36.0399C12.2202 34.0926 14.4058 32.9229 16.7463 32.9229L17 32.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39 27.9229H47" stroke="#FF5416" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="20" y="12.9229" width="6" height="24" rx="2" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26 15.9229L34.5747 18.4953C35.4207 18.7491 36 19.5277 36 20.4109V29.4348C36 30.318 35.4207 31.0967 34.5747 31.3504L26 33.9229" stroke="#C6CED9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/core/icons/icon-display-granular-permissions.svg

@@ -0,0 +1,5 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5.66663" y="17.5227" width="38" height="28" rx="3.98571" stroke="#C6CED9" stroke-width="1.5" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1611 21.4231L26.1811 26.803L24.6766 28.8629L23.1721 26.803L23.1721 26.8021L23.1521 21.4231H26.1611ZM19.9825 22.4422L23.1721 26.8021V29.342L20.7248 28.5621L17.5553 24.2022L19.9825 22.4422ZM23.1722 41.4231V36.0233L24.6767 33.9633L26.1812 36.0233V41.4231H23.1722ZM26.1812 36.0228L29.3507 40.3827L31.7779 38.6227L28.6084 34.2628L26.1812 33.4828V36.0228ZM20.7248 28.5624L15.5894 26.9025L14.6666 29.7424L19.802 31.4224L22.2293 30.6224L20.7248 28.5624ZM28.6085 34.2623L27.1039 32.2024L29.5312 31.4224L34.6666 33.0824L33.7439 35.9223L28.6085 34.2623ZM29.5312 31.4224L34.6666 29.7424L33.7439 26.9025L28.6085 28.5624L27.1039 30.6224L29.5312 31.4224ZM14.6666 33.0824L19.802 31.4224L22.2293 32.2024L20.7248 34.2623L15.5894 35.9223L14.6666 33.0824ZM20.7248 34.2628L17.5553 38.6227L19.9826 40.3827L23.1721 36.0228V33.4828L20.7248 34.2628ZM31.778 24.2022L28.6085 28.5621L26.1812 29.342V26.8021L29.3507 22.4422L31.778 24.2022Z" fill="#FF5416"/>
+<path d="M33.6666 17.4231V12.3322V12.3322C33.6666 7.41183 29.6779 3.4231 24.7575 3.4231H24.5757C19.6554 3.4231 15.6666 7.41183 15.6666 12.3322V12.3322V17.4231" stroke="#C6CED9" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>