@ably/ui 17.11.0-dev.4c4b6b55 → 17.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/core/Flyout.js +1 -1
  2. package/core/Flyout.js.map +1 -1
  3. package/core/Header/HeaderLinks.js +1 -1
  4. package/core/Header/HeaderLinks.js.map +1 -1
  5. package/core/Header.js +1 -1
  6. package/core/Header.js.map +1 -1
  7. package/core/Icon/components/icon-gui-heartbeat-outline.js +2 -0
  8. package/core/Icon/components/icon-gui-heartbeat-outline.js.map +1 -0
  9. package/core/Icon/components/icon-gui-heartbeat-solid.js +2 -0
  10. package/core/Icon/components/icon-gui-heartbeat-solid.js.map +1 -0
  11. package/core/Icon/components/icon-product-chat-mono.js +1 -1
  12. package/core/Icon/components/icon-product-chat-mono.js.map +1 -1
  13. package/core/Icon/components/icon-product-liveobjects-mono.js +1 -1
  14. package/core/Icon/components/icon-product-liveobjects-mono.js.map +1 -1
  15. package/core/Icon/components/icon-product-livesync-mono.js +1 -1
  16. package/core/Icon/components/icon-product-livesync-mono.js.map +1 -1
  17. package/core/Icon/components/icon-product-pubsub-mono.js +1 -1
  18. package/core/Icon/components/icon-product-pubsub-mono.js.map +1 -1
  19. package/core/Icon/components/icon-product-spaces-mono.js +1 -1
  20. package/core/Icon/components/icon-product-spaces-mono.js.map +1 -1
  21. package/core/Icon/components/index.js +1 -1
  22. package/core/Icon/components/index.js.map +1 -1
  23. package/core/Icon/computed-icons/gui-icons.js +1 -1
  24. package/core/Icon/computed-icons/gui-icons.js.map +1 -1
  25. package/core/Meganav/MeganavBlog.js +2 -0
  26. package/core/Meganav/MeganavBlog.js.map +1 -0
  27. package/core/Meganav/MeganavCustomerStories.js +2 -0
  28. package/core/Meganav/MeganavCustomerStories.js.map +1 -0
  29. package/core/Meganav/MeganavMobile.js +1 -1
  30. package/core/Meganav/MeganavMobile.js.map +1 -1
  31. package/core/Meganav/MeganavPanel.js +1 -1
  32. package/core/Meganav/MeganavPanel.js.map +1 -1
  33. package/core/Meganav/MeganavPanelItemLinks.js +2 -0
  34. package/core/Meganav/MeganavPanelItemLinks.js.map +1 -0
  35. package/core/Meganav/MeganavTile.js +2 -0
  36. package/core/Meganav/MeganavTile.js.map +1 -0
  37. package/core/Meganav/PanelTitle.js +2 -0
  38. package/core/Meganav/PanelTitle.js.map +1 -0
  39. package/core/Meganav/data.js +1 -1
  40. package/core/Meganav/data.js.map +1 -1
  41. package/core/Meganav/images/cust-logo-doxy-dark.png +0 -0
  42. package/core/Meganav/images/cust-logo-doxy-light.png +0 -0
  43. package/core/Meganav/utils/getMenuItemsForHeader.js +2 -0
  44. package/core/Meganav/utils/getMenuItemsForHeader.js.map +1 -0
  45. package/core/Meganav.js +1 -1
  46. package/core/Meganav.js.map +1 -1
  47. package/core/ProductTile/ProductIcon.js +1 -1
  48. package/core/ProductTile/ProductIcon.js.map +1 -1
  49. package/core/ProductTile/ProductLabel.js +1 -1
  50. package/core/ProductTile/ProductLabel.js.map +1 -1
  51. package/core/ProductTile/data.js +1 -1
  52. package/core/ProductTile/data.js.map +1 -1
  53. package/core/icons/gui/icon-gui-heartbeat-outline.svg +4 -0
  54. package/core/icons/gui/icon-gui-heartbeat-solid.svg +4 -0
  55. package/core/icons/product/icon-product-chat-mono.svg +1 -1
  56. package/core/icons/product/icon-product-liveobjects-mono.svg +1 -4
  57. package/core/icons/product/icon-product-livesync-mono.svg +4 -4
  58. package/core/icons/product/icon-product-pubsub-mono.svg +1 -1
  59. package/core/icons/product/icon-product-spaces-mono.svg +1 -1
  60. package/core/sprites-gui.svg +1 -1
  61. package/core/sprites-product.svg +1 -1
  62. package/index.d.ts +143 -48
  63. package/package.json +5 -6
  64. package/core/Header/types.js +0 -2
  65. package/core/Header/types.js.map +0 -1
  66. package/core/Meganav/MeganavProductTile.js +0 -2
  67. package/core/Meganav/MeganavProductTile.js.map +0 -1
  68. package/core/Meganav/images/fan-engagement-nav-image.png +0 -0
  69. package/core/Meganav/images/founders-nav-image.png +0 -0
  70. package/core/hooks/use-themed-scrollpoints.js +0 -2
  71. package/core/hooks/use-themed-scrollpoints.js.map +0 -1
  72. package/core/hooks/use-themed-scrollpoints.test.js +0 -2
  73. package/core/hooks/use-themed-scrollpoints.test.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/core/Meganav/data.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName } from \"../Icon/types\";\nimport { MeganavPanel } from \"./MeganavPanel\";\nimport Status, { StatusUrl } from \"../Status\";\nimport FanEngagementNavImage from \"./images/fan-engagement-nav-image.png\";\nimport CompanyNavImage from \"./images/founders-nav-image.png\";\nimport G2BestMeetsRequirementsSpring2025 from \"../images/badges/g2-best-meets-requirements-spring-2025.svg\";\nimport G2BestResultsSpring2025 from \"../images/badges/g2-best-results-spring-2025.svg\";\nimport G2BestSupportSpring2025 from \"../images/badges/g2-best-support-spring-2025.svg\";\nimport { products } from \"../ProductTile/data\";\n\nexport type FlyoutPanelList = {\n label: string;\n icon: IconName;\n link: string;\n isMobile?: boolean;\n};\n\nexport type FlyoutPanelHighlight = {\n heading: string;\n content: string;\n labelLink: string;\n url: string;\n image: string;\n};\n\nexport type MenuItem = {\n name: string;\n link?: string;\n isHiddenMobile?: boolean;\n content?: React.ReactNode;\n panelClassName?: string;\n};\n\nconst panelClassName = \"w-full sm:w-[50.9375rem]\";\n\nconst panelLeftFeatureClassName =\n \"bg-neutral-100 dark:bg-neutral-1200 hidden md:grid border border-neutral-300 dark:border-neutral-1000 hover:border-neutral-400 dark:hover:border-neutral-800 rounded-lg cursor-pointer group/meganav-panel\";\n\nconst productsMenu: FlyoutPanelList[] = [\n {\n label: \"Architecture\",\n icon: \"icon-gui-globe-alt-outline\",\n link: \"/platform\",\n },\n {\n label: \"Integrations\",\n icon: \"icon-gui-puzzle-piece-outline\",\n link: \"/docs/platform/integrations\",\n },\n {\n label: \"SDKs\",\n icon: \"icon-gui-cube-transparent-outline\",\n link: \"/docs/sdks\",\n },\n {\n label: \"Security & Compliance\",\n icon: \"icon-gui-shield-check-outline\",\n link: \"/security-and-compliance\",\n },\n];\n\nconst solutionsHighlight: FlyoutPanelHighlight = {\n heading: \"Fan Engagement\",\n content: \"Capture the attention of millions of fans during live events.\",\n labelLink: \"Learn more\",\n url: \"/fan-engagement\",\n image: FanEngagementNavImage,\n};\n\nconst solutionsMenu: FlyoutPanelList[] = [\n {\n label: \"Fan Engagement\",\n icon: \"icon-gui-hand-thumb-up-outline\",\n link: \"/fan-engagement\",\n isMobile: true,\n },\n {\n label: \"CXTech\",\n icon: \"icon-gui-building-office-outline\",\n link: \"/cx-tech\",\n },\n {\n label: \"FinTech\",\n icon: \"icon-gui-currency-dollar-outline\",\n link: \"/fin-tech\",\n },\n {\n label: \"HealthTech\",\n icon: \"icon-gui-heart-outline\",\n link: \"/health-tech\",\n },\n {\n label: \"EdTech\",\n icon: \"icon-gui-academic-cap-outline\",\n link: \"/ed-tech\",\n },\n];\n\nconst companyHighlight: FlyoutPanelHighlight = {\n heading: \"Leading the realtime revolution\",\n content:\n \"Hear from our founders about Ably’s ambitious plans to become the world’s definitive realtime platform.\",\n labelLink: \"About Ably\",\n url: \"/about\",\n image: CompanyNavImage,\n};\n\nconst companyMenu: FlyoutPanelList[] = [\n {\n label: \"About Ably\",\n icon: \"icon-gui-ably-badge\",\n link: \"/about\",\n isMobile: true,\n },\n {\n label: \"Customer stories\",\n icon: \"icon-gui-star-outline\",\n link: \"/case-studies\",\n },\n {\n label: \"Careers\",\n icon: \"icon-gui-briefcase-outline\",\n link: \"/careers\",\n },\n {\n label: \"Blog\",\n icon: \"icon-gui-light-bulb-outline\",\n link: \"/blog\",\n },\n];\n\nexport const ablyAwards = [\n {\n image: G2BestSupportSpring2025,\n desc: \"G2 Best Support Spring 2025\",\n },\n {\n image: G2BestMeetsRequirementsSpring2025,\n desc: \"G2 Best Meets Requirements Spring 2025\",\n },\n {\n image: G2BestResultsSpring2025,\n desc: \"G2 Best Results Spring 2025\",\n },\n];\n\nexport const menuItemLinks = [\n { name: \"Pricing\", link: \"/pricing\", isHiddenMobile: true },\n { name: \"Docs\", link: \"/docs\", isHiddenMobile: true },\n];\n\nexport const menuItemsForHeader: MenuItem[] = [\n {\n name: \"Products\",\n content: (\n <MeganavPanel\n displayProductTile={true}\n panelLeftClassName=\"grid\"\n panelRightItems={productsMenu}\n panelRightHeading=\"platform\"\n panelRightBottom={<Status statusUrl={StatusUrl} showDescription />}\n />\n ),\n panelClassName,\n },\n {\n name: \"Solutions\",\n content: (\n <MeganavPanel\n panelLeft={solutionsHighlight}\n panelLeftClassName={panelLeftFeatureClassName}\n panelRightItems={solutionsMenu}\n />\n ),\n panelClassName,\n },\n {\n name: \"Company\",\n content: (\n <MeganavPanel\n panelLeft={companyHighlight}\n panelLeftClassName={panelLeftFeatureClassName}\n panelRightItems={companyMenu}\n panelRightBottom={\n <div className=\"flex-1 gap-x-2 hidden md:flex\">\n {ablyAwards.slice(0, 3).map((award) => (\n <img\n key={award.desc}\n src={award.image}\n alt={award.desc}\n width=\"57\"\n height=\"64\"\n />\n ))}\n </div>\n }\n />\n ),\n panelClassName,\n },\n ...menuItemLinks,\n];\n\n// Since the product-tile data is used in other projects, we update it here\n// for the meganav.\nexport const productsForNav = {\n ...products,\n pubsub: { ...products.pubsub, link: \"/pubsub\" },\n liveSync: { ...products.liveSync, link: \"/livesync\" },\n chat: { ...products.chat, link: \"/chat\" },\n spaces: { ...products.spaces, link: \"/spaces\" },\n aiTransport: {\n ...products.aiTransport,\n link: \"/ai-transport\",\n },\n liveObjects: { ...products.liveObjects, link: \"/liveobjects\" },\n};\n"],"names":["React","MeganavPanel","Status","StatusUrl","FanEngagementNavImage","CompanyNavImage","G2BestMeetsRequirementsSpring2025","G2BestResultsSpring2025","G2BestSupportSpring2025","products","panelClassName","panelLeftFeatureClassName","productsMenu","label","icon","link","solutionsHighlight","heading","content","labelLink","url","image","solutionsMenu","isMobile","companyHighlight","companyMenu","ablyAwards","desc","menuItemLinks","name","isHiddenMobile","menuItemsForHeader","displayProductTile","panelLeftClassName","panelRightItems","panelRightHeading","panelRightBottom","statusUrl","showDescription","panelLeft","div","className","slice","map","award","img","key","src","alt","width","height","productsForNav","pubsub","liveSync","chat","spaces","aiTransport","liveObjects"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAASC,YAAY,KAAQ,gBAAiB,AAC9C,QAAOC,QAAUC,SAAS,KAAQ,WAAY,AAC9C,QAAOC,0BAA2B,uCAAwC,AAC1E,QAAOC,oBAAqB,iCAAkC,AAC9D,QAAOC,sCAAuC,6DAA8D,AAC5G,QAAOC,4BAA6B,kDAAmD,AACvF,QAAOC,4BAA6B,kDAAmD,AACvF,QAASC,QAAQ,KAAQ,qBAAsB,CAyB/C,MAAMC,eAAiB,2BAEvB,MAAMC,0BACJ,6MAEF,MAAMC,aAAkC,CACtC,CACEC,MAAO,eACPC,KAAM,6BACNC,KAAM,WACR,EACA,CACEF,MAAO,eACPC,KAAM,gCACNC,KAAM,6BACR,EACA,CACEF,MAAO,OACPC,KAAM,oCACNC,KAAM,YACR,EACA,CACEF,MAAO,wBACPC,KAAM,gCACNC,KAAM,0BACR,EACD,CAED,MAAMC,mBAA2C,CAC/CC,QAAS,iBACTC,QAAS,gEACTC,UAAW,aACXC,IAAK,kBACLC,MAAOjB,qBACT,EAEA,MAAMkB,cAAmC,CACvC,CACET,MAAO,iBACPC,KAAM,iCACNC,KAAM,kBACNQ,SAAU,IACZ,EACA,CACEV,MAAO,SACPC,KAAM,mCACNC,KAAM,UACR,EACA,CACEF,MAAO,UACPC,KAAM,mCACNC,KAAM,WACR,EACA,CACEF,MAAO,aACPC,KAAM,yBACNC,KAAM,cACR,EACA,CACEF,MAAO,SACPC,KAAM,gCACNC,KAAM,UACR,EACD,CAED,MAAMS,iBAAyC,CAC7CP,QAAS,kCACTC,QACE,0GACFC,UAAW,aACXC,IAAK,SACLC,MAAOhB,eACT,EAEA,MAAMoB,YAAiC,CACrC,CACEZ,MAAO,aACPC,KAAM,sBACNC,KAAM,SACNQ,SAAU,IACZ,EACA,CACEV,MAAO,mBACPC,KAAM,wBACNC,KAAM,eACR,EACA,CACEF,MAAO,UACPC,KAAM,6BACNC,KAAM,UACR,EACA,CACEF,MAAO,OACPC,KAAM,8BACNC,KAAM,OACR,EACD,AAED,QAAO,MAAMW,WAAa,CACxB,CACEL,MAAOb,wBACPmB,KAAM,6BACR,EACA,CACEN,MAAOf,kCACPqB,KAAM,wCACR,EACA,CACEN,MAAOd,wBACPoB,KAAM,6BACR,EACD,AAAC,AAEF,QAAO,MAAMC,cAAgB,CAC3B,CAAEC,KAAM,UAAWd,KAAM,WAAYe,eAAgB,IAAK,EAC1D,CAAED,KAAM,OAAQd,KAAM,QAASe,eAAgB,IAAK,EACrD,AAAC,AAEF,QAAO,MAAMC,mBAAiC,CAC5C,CACEF,KAAM,WACNX,QACE,oBAACjB,cACC+B,mBAAoB,KACpBC,mBAAmB,OACnBC,gBAAiBtB,aACjBuB,kBAAkB,WAClBC,iBAAkB,oBAAClC,QAAOmC,UAAWlC,UAAWmC,gBAAAA,SAGpD5B,cACF,EACA,CACEmB,KAAM,YACNX,QACE,oBAACjB,cACCsC,UAAWvB,mBACXiB,mBAAoBtB,0BACpBuB,gBAAiBZ,gBAGrBZ,cACF,EACA,CACEmB,KAAM,UACNX,QACE,oBAACjB,cACCsC,UAAWf,iBACXS,mBAAoBtB,0BACpBuB,gBAAiBT,YACjBW,iBACE,oBAACI,OAAIC,UAAU,iCACZf,WAAWgB,KAAK,CAAC,EAAG,GAAGC,GAAG,CAAC,AAACC,OAC3B,oBAACC,OACCC,IAAKF,MAAMjB,IAAI,CACfoB,IAAKH,MAAMvB,KAAK,CAChB2B,IAAKJ,MAAMjB,IAAI,CACfsB,MAAM,KACNC,OAAO,WAOnBxC,cACF,KACGkB,cACJ,AAAC,AAIF,QAAO,MAAMuB,eAAiB,CAC5B,GAAG1C,QAAQ,CACX2C,OAAQ,CAAE,GAAG3C,SAAS2C,MAAM,CAAErC,KAAM,SAAU,EAC9CsC,SAAU,CAAE,GAAG5C,SAAS4C,QAAQ,CAAEtC,KAAM,WAAY,EACpDuC,KAAM,CAAE,GAAG7C,SAAS6C,IAAI,CAAEvC,KAAM,OAAQ,EACxCwC,OAAQ,CAAE,GAAG9C,SAAS8C,MAAM,CAAExC,KAAM,SAAU,EAC9CyC,YAAa,CACX,GAAG/C,SAAS+C,WAAW,CACvBzC,KAAM,eACR,EACA0C,YAAa,CAAE,GAAGhD,SAASgD,WAAW,CAAE1C,KAAM,cAAe,CAC/D,CAAE"}
1
+ {"version":3,"sources":["../../../src/core/Meganav/data.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName } from \"../Icon/types\";\nimport { CustomerStoryHighlight } from \"./MeganavCustomerStories\";\nimport { BlogPost } from \"./MeganavBlog\";\nimport G2BestMeetsRequirementsSpring2025 from \"../images/badges/g2-best-meets-requirements-spring-2025.svg\";\nimport G2BestResultsSpring2025 from \"../images/badges/g2-best-results-spring-2025.svg\";\nimport G2BestSupportSpring2025 from \"../images/badges/g2-best-support-spring-2025.svg\";\nimport { products } from \"../ProductTile/data\";\nimport DoxyMeLogo from \"../Meganav/images/cust-logo-doxy-light.png\";\nimport DoxyMeLogoDark from \"../Meganav/images/cust-logo-doxy-dark.png\";\n\nexport type FlyoutPanelList = {\n label: string;\n icon?: IconName;\n link: string;\n isMobile?: boolean;\n description?: string;\n badge?: string;\n};\n\nexport type MenuItem = {\n name: string;\n link?: string;\n isHiddenMobile?: boolean;\n content?: React.ReactNode;\n panelClassName?: string;\n};\n\nexport const productsMenu: FlyoutPanelList[] = [\n {\n label: \"Architecture\",\n icon: \"icon-gui-squares-2-x-2-outline\",\n link: \"/platform\",\n },\n {\n label: \"Integrations\",\n icon: \"icon-gui-puzzle-piece-outline\",\n link: \"/docs/platform/integrations\",\n },\n {\n label: \"SDKs\",\n icon: \"icon-gui-cube-transparent-outline\",\n link: \"/docs/sdks\",\n },\n {\n label: \"Security & Compliance\",\n icon: \"icon-gui-shield-check-outline\",\n link: \"/security-and-compliance\",\n },\n];\n\nexport const compareMenu: FlyoutPanelList[] = [\n {\n label: \"Ably vs Pusher\",\n link: \"/compare/ably-vs-pusher\",\n },\n {\n label: \"Ably vs PubNub\",\n link: \"/compare/ably-vs-pubnub\",\n },\n {\n label: \"Ably vs Socket.io\",\n link: \"/compare/ably-vs-socketio\",\n },\n];\n\nexport const solutionsMenu: FlyoutPanelList[] = [\n {\n label: \"Fan Engagement\",\n icon: \"icon-gui-hand-thumb-up-outline\",\n link: \"/fan-engagement\",\n description: \"Enhance every moment with live, interactive fan experiences.\",\n },\n {\n label: \"FinTech\",\n icon: \"icon-gui-currency-dollar-outline\",\n link: \"/fin-tech\",\n description:\n \"Speed, reliability, and confidence in every user interaction.\",\n },\n {\n label: \"EdTech\",\n icon: \"icon-gui-academic-cap-outline\",\n link: \"/ed-tech\",\n description: \"Power collaborative, interactive learning environments.\",\n },\n {\n label: \"CXTech\",\n icon: \"icon-gui-face-smile-outline\",\n link: \"/cx-tech\",\n description:\n \"Deliver fast support, strong relationships, and high retention.\",\n },\n\n {\n label: \"HealthTech\",\n icon: \"icon-gui-heartbeat-outline\",\n link: \"/health-tech\",\n description: \"Reliable tools with full data privacy and compliance.\",\n },\n];\n\nexport const customerStoriesHighlight: CustomerStoryHighlight = {\n companyLogo: DoxyMeLogo,\n companyLogoDark: DoxyMeLogoDark,\n companyLink: \"/case-studies/doxyme\",\n companyName: \"Doxy.me\",\n companyDesc:\n \"built their realtime stack in under six months, cutting costs by 65%, eliminating errors, and transforming a once-feared system into a core strength.\",\n};\n\nexport const companyMenu: FlyoutPanelList[] = [\n {\n label: \"Our story\",\n icon: \"icon-gui-ably-badge\",\n link: \"/case-studies\",\n },\n {\n label: \"Careers\",\n icon: \"icon-gui-briefcase-outline\",\n link: \"/careers\",\n badge: \"WE'RE HIRING\",\n },\n];\n\nexport const ablyAwards = [\n {\n image: G2BestSupportSpring2025,\n desc: \"G2 Best Support Spring 2025\",\n },\n {\n image: G2BestMeetsRequirementsSpring2025,\n desc: \"G2 Best Meets Requirements Spring 2025\",\n },\n {\n image: G2BestResultsSpring2025,\n desc: \"G2 Best Results Spring 2025\",\n },\n];\n\nexport const menuItemLinks = [\n { name: \"Pricing\", link: \"/pricing\", isHiddenMobile: true },\n { name: \"Docs\", link: \"/docs\", isHiddenMobile: true },\n];\n\nexport const defaultBlogPosts: BlogPost[] = [\n {\n title:\n \"Ably AI Transport: keep your agents connected and stateful across devices\",\n link: \"/blog/ably-ai-transport\",\n categories: [\"New Release\", \"AI Transport\"],\n pubDate: \"Dec 9, 2025\",\n },\n {\n title:\n \"Live chat at unlimited scale: What it takes to support stadium-sized audiences\",\n link: \"/blog/live-chat-at-unlimited-scale\",\n categories: [\"Chat\"],\n pubDate: \"Nov 18, 2025\",\n },\n];\n\nexport const productsForNav = {\n ...products,\n pubsub: { ...products.pubsub, link: \"/pubsub\" },\n liveSync: { ...products.liveSync, link: \"/livesync\" },\n chat: { ...products.chat, link: \"/chat\" },\n spaces: { ...products.spaces, link: \"/spaces\" },\n aiTransport: {\n ...products.aiTransport,\n link: \"/ai-transport\",\n },\n liveObjects: { ...products.liveObjects, link: \"/liveobjects\" },\n};\n"],"names":["React","G2BestMeetsRequirementsSpring2025","G2BestResultsSpring2025","G2BestSupportSpring2025","products","DoxyMeLogo","DoxyMeLogoDark","productsMenu","label","icon","link","compareMenu","solutionsMenu","description","customerStoriesHighlight","companyLogo","companyLogoDark","companyLink","companyName","companyDesc","companyMenu","badge","ablyAwards","image","desc","menuItemLinks","name","isHiddenMobile","defaultBlogPosts","title","categories","pubDate","productsForNav","pubsub","liveSync","chat","spaces","aiTransport","liveObjects"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAI1B,QAAOC,sCAAuC,6DAA8D,AAC5G,QAAOC,4BAA6B,kDAAmD,AACvF,QAAOC,4BAA6B,kDAAmD,AACvF,QAASC,QAAQ,KAAQ,qBAAsB,AAC/C,QAAOC,eAAgB,4CAA6C,AACpE,QAAOC,mBAAoB,2CAA4C,AAmBvE,QAAO,MAAMC,aAAkC,CAC7C,CACEC,MAAO,eACPC,KAAM,iCACNC,KAAM,WACR,EACA,CACEF,MAAO,eACPC,KAAM,gCACNC,KAAM,6BACR,EACA,CACEF,MAAO,OACPC,KAAM,oCACNC,KAAM,YACR,EACA,CACEF,MAAO,wBACPC,KAAM,gCACNC,KAAM,0BACR,EACD,AAAC,AAEF,QAAO,MAAMC,YAAiC,CAC5C,CACEH,MAAO,iBACPE,KAAM,yBACR,EACA,CACEF,MAAO,iBACPE,KAAM,yBACR,EACA,CACEF,MAAO,oBACPE,KAAM,2BACR,EACD,AAAC,AAEF,QAAO,MAAME,cAAmC,CAC9C,CACEJ,MAAO,iBACPC,KAAM,iCACNC,KAAM,kBACNG,YAAa,8DACf,EACA,CACEL,MAAO,UACPC,KAAM,mCACNC,KAAM,YACNG,YACE,+DACJ,EACA,CACEL,MAAO,SACPC,KAAM,gCACNC,KAAM,WACNG,YAAa,yDACf,EACA,CACEL,MAAO,SACPC,KAAM,8BACNC,KAAM,WACNG,YACE,iEACJ,EAEA,CACEL,MAAO,aACPC,KAAM,6BACNC,KAAM,eACNG,YAAa,uDACf,EACD,AAAC,AAEF,QAAO,MAAMC,yBAAmD,CAC9DC,YAAaV,WACbW,gBAAiBV,eACjBW,YAAa,uBACbC,YAAa,UACbC,YACE,uJACJ,CAAE,AAEF,QAAO,MAAMC,YAAiC,CAC5C,CACEZ,MAAO,YACPC,KAAM,sBACNC,KAAM,eACR,EACA,CACEF,MAAO,UACPC,KAAM,6BACNC,KAAM,WACNW,MAAO,cACT,EACD,AAAC,AAEF,QAAO,MAAMC,WAAa,CACxB,CACEC,MAAOpB,wBACPqB,KAAM,6BACR,EACA,CACED,MAAOtB,kCACPuB,KAAM,wCACR,EACA,CACED,MAAOrB,wBACPsB,KAAM,6BACR,EACD,AAAC,AAEF,QAAO,MAAMC,cAAgB,CAC3B,CAAEC,KAAM,UAAWhB,KAAM,WAAYiB,eAAgB,IAAK,EAC1D,CAAED,KAAM,OAAQhB,KAAM,QAASiB,eAAgB,IAAK,EACrD,AAAC,AAEF,QAAO,MAAMC,iBAA+B,CAC1C,CACEC,MACE,4EACFnB,KAAM,0BACNoB,WAAY,CAAC,cAAe,eAAe,CAC3CC,QAAS,aACX,EACA,CACEF,MACE,iFACFnB,KAAM,qCACNoB,WAAY,CAAC,OAAO,CACpBC,QAAS,cACX,EACD,AAAC,AAEF,QAAO,MAAMC,eAAiB,CAC5B,GAAG5B,QAAQ,CACX6B,OAAQ,CAAE,GAAG7B,SAAS6B,MAAM,CAAEvB,KAAM,SAAU,EAC9CwB,SAAU,CAAE,GAAG9B,SAAS8B,QAAQ,CAAExB,KAAM,WAAY,EACpDyB,KAAM,CAAE,GAAG/B,SAAS+B,IAAI,CAAEzB,KAAM,OAAQ,EACxC0B,OAAQ,CAAE,GAAGhC,SAASgC,MAAM,CAAE1B,KAAM,SAAU,EAC9C2B,YAAa,CACX,GAAGjC,SAASiC,WAAW,CACvB3B,KAAM,eACR,EACA4B,YAAa,CAAE,GAAGlC,SAASkC,WAAW,CAAE5B,KAAM,cAAe,CAC/D,CAAE"}
@@ -0,0 +1,2 @@
1
+ import React from"react";import Status,{StatusUrl}from"../../Status";import MeganavBlog from"../MeganavBlog";import MeganavCustomerStories from"../MeganavCustomerStories";import{MeganavPanel,MeganavPanelFullwidth}from"../MeganavPanel";import{ablyAwards,companyMenu,compareMenu,customerStoriesHighlight,productsMenu,solutionsMenu,menuItemLinks,defaultBlogPosts}from"../data";export const getMenuItemsForHeader=blogPosts=>{const panelClassName="w-full sm:w-[50.9375rem]";const recentBlogPosts=blogPosts?.length>0?blogPosts.slice(0,2):defaultBlogPosts;return[{name:"Products",content:React.createElement(MeganavPanel,{displayProductTile:true,panelRightItems:[{label:"Platform",listItems:productsMenu},{link:{label:"Compare our tech",link:"/compare"},listItems:compareMenu}],panelRightBottom:React.createElement(Status,{statusUrl:StatusUrl,additionalCSS:"px-3 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100 rounded-lg",showDescription:true})}),panelClassName},{name:"Solutions",content:React.createElement(MeganavPanelFullwidth,{panelItems:solutionsMenu}),panelClassName},{name:"Company",content:React.createElement(MeganavPanel,{panelLeft:React.createElement(MeganavCustomerStories,{title:"Customer stories",link:"/case-studies",icon:"icon-gui-rocket-launch-outline",customerStoriesHighlight:customerStoriesHighlight}),panelMiddleItems:React.createElement(MeganavBlog,{title:"Blog",link:"/blog",posts:recentBlogPosts,icon:"icon-gui-light-bulb-outline"}),panelRightItems:[{label:"Ably",listItems:companyMenu,displayTitleInMobile:false}],panelRightBottom:React.createElement("div",{className:"flex-1 gap-x-2 hidden md:flex p-3"},ablyAwards.slice(0,3).map(award=>React.createElement("img",{key:award.desc,src:award.image,alt:award.desc,width:"57",height:"64",loading:"lazy"}))),panelRightBottomClassName:"hidden md:flex"}),panelClassName},...menuItemLinks]};
2
+ //# sourceMappingURL=getMenuItemsForHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/core/Meganav/utils/getMenuItemsForHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport Status, { StatusUrl } from \"../../Status\";\nimport MeganavBlog, { BlogPost } from \"../MeganavBlog\";\nimport MeganavCustomerStories from \"../MeganavCustomerStories\";\nimport { MeganavPanel, MeganavPanelFullwidth } from \"../MeganavPanel\";\nimport {\n ablyAwards,\n companyMenu,\n compareMenu,\n customerStoriesHighlight,\n MenuItem,\n productsMenu,\n solutionsMenu,\n menuItemLinks,\n defaultBlogPosts,\n} from \"../data\";\n\nexport const getMenuItemsForHeader = (blogPosts: BlogPost[]): MenuItem[] => {\n const panelClassName = \"w-full sm:w-[50.9375rem]\";\n const recentBlogPosts =\n blogPosts?.length > 0 ? blogPosts.slice(0, 2) : defaultBlogPosts;\n\n return [\n {\n name: \"Products\",\n content: (\n <MeganavPanel\n displayProductTile={true}\n panelRightItems={[\n { label: \"Platform\", listItems: productsMenu },\n {\n link: { label: \"Compare our tech\", link: \"/compare\" },\n listItems: compareMenu,\n },\n ]}\n panelRightBottom={\n <Status\n statusUrl={StatusUrl}\n additionalCSS=\"px-3 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100 rounded-lg\"\n showDescription\n />\n }\n />\n ),\n panelClassName,\n },\n {\n name: \"Solutions\",\n content: <MeganavPanelFullwidth panelItems={solutionsMenu} />,\n panelClassName,\n },\n {\n name: \"Company\",\n content: (\n <MeganavPanel\n panelLeft={\n <MeganavCustomerStories\n title=\"Customer stories\"\n link=\"/case-studies\"\n icon=\"icon-gui-rocket-launch-outline\"\n customerStoriesHighlight={customerStoriesHighlight}\n />\n }\n panelMiddleItems={\n <MeganavBlog\n title=\"Blog\"\n link=\"/blog\"\n posts={recentBlogPosts}\n icon=\"icon-gui-light-bulb-outline\"\n />\n }\n panelRightItems={[\n {\n label: \"Ably\",\n listItems: companyMenu,\n displayTitleInMobile: false,\n },\n ]}\n panelRightBottom={\n <div className=\"flex-1 gap-x-2 hidden md:flex p-3\">\n {ablyAwards.slice(0, 3).map((award) => (\n <img\n key={award.desc}\n src={award.image}\n alt={award.desc}\n width=\"57\"\n height=\"64\"\n loading=\"lazy\"\n />\n ))}\n </div>\n }\n panelRightBottomClassName=\"hidden md:flex\"\n />\n ),\n panelClassName,\n },\n ...menuItemLinks,\n ];\n};\n"],"names":["React","Status","StatusUrl","MeganavBlog","MeganavCustomerStories","MeganavPanel","MeganavPanelFullwidth","ablyAwards","companyMenu","compareMenu","customerStoriesHighlight","productsMenu","solutionsMenu","menuItemLinks","defaultBlogPosts","getMenuItemsForHeader","blogPosts","panelClassName","recentBlogPosts","length","slice","name","content","displayProductTile","panelRightItems","label","listItems","link","panelRightBottom","statusUrl","additionalCSS","showDescription","panelItems","panelLeft","title","icon","panelMiddleItems","posts","displayTitleInMobile","div","className","map","award","img","key","desc","src","image","alt","width","height","loading","panelRightBottomClassName"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,QAAUC,SAAS,KAAQ,cAAe,AACjD,QAAOC,gBAA+B,gBAAiB,AACvD,QAAOC,2BAA4B,2BAA4B,AAC/D,QAASC,YAAY,CAAEC,qBAAqB,KAAQ,iBAAkB,AACtE,QACEC,UAAU,CACVC,WAAW,CACXC,WAAW,CACXC,wBAAwB,CAExBC,YAAY,CACZC,aAAa,CACbC,aAAa,CACbC,gBAAgB,KACX,SAAU,AAEjB,QAAO,MAAMC,sBAAwB,AAACC,YACpC,MAAMC,eAAiB,2BACvB,MAAMC,gBACJF,WAAWG,OAAS,EAAIH,UAAUI,KAAK,CAAC,EAAG,GAAKN,iBAElD,MAAO,CACL,CACEO,KAAM,WACNC,QACE,oBAACjB,cACCkB,mBAAoB,KACpBC,gBAAiB,CACf,CAAEC,MAAO,WAAYC,UAAWf,YAAa,EAC7C,CACEgB,KAAM,CAAEF,MAAO,mBAAoBE,KAAM,UAAW,EACpDD,UAAWjB,WACb,EACD,CACDmB,iBACE,oBAAC3B,QACC4B,UAAW3B,UACX4B,cAAc,yHACdC,gBAAAA,SAKRd,cACF,EACA,CACEI,KAAM,YACNC,QAAS,oBAAChB,uBAAsB0B,WAAYpB,gBAC5CK,cACF,EACA,CACEI,KAAM,UACNC,QACE,oBAACjB,cACC4B,UACE,oBAAC7B,wBACC8B,MAAM,mBACNP,KAAK,gBACLQ,KAAK,iCACLzB,yBAA0BA,2BAG9B0B,iBACE,oBAACjC,aACC+B,MAAM,OACNP,KAAK,QACLU,MAAOnB,gBACPiB,KAAK,gCAGTX,gBAAiB,CACf,CACEC,MAAO,OACPC,UAAWlB,YACX8B,qBAAsB,KACxB,EACD,CACDV,iBACE,oBAACW,OAAIC,UAAU,qCACZjC,WAAWa,KAAK,CAAC,EAAG,GAAGqB,GAAG,CAAC,AAACC,OAC3B,oBAACC,OACCC,IAAKF,MAAMG,IAAI,CACfC,IAAKJ,MAAMK,KAAK,CAChBC,IAAKN,MAAMG,IAAI,CACfI,MAAM,KACNC,OAAO,KACPC,QAAQ,WAKhBC,0BAA0B,mBAG9BnC,cACF,KACGJ,cACJ,AACH,CAAE"}
package/core/Meganav.js CHANGED
@@ -1,2 +1,2 @@
1
- import React,{useEffect,useMemo}from"react";import Header from"./Header";import Flyout from"./Flyout";import{menuItemsForHeader}from"./Meganav/data";import{MeganavMobile}from"./Meganav/MeganavMobile";import Notice from"./Notice";import{HEADER_HEIGHT}from"./utils/heights";const Meganav=({sessionState,notice,theme,themedScrollpoints,onNoticeClose})=>{const[noticeHeight,setNoticeHeight]=React.useState(0);const finalNoticeHeight=notice?noticeHeight:0;const mobileNavItems=useMemo(()=>menuItemsForHeader.filter(item=>!item.isHiddenMobile).map(({name,link,content})=>({name,link,content})),[]);const defaultThemedScrollpoints=[{id:"meganav",className:"ui-theme-light !bg-transparent !border-none"},{id:"meganav-theme-dark",className:"ui-theme-dark !bg-transparent !border-none"},{id:"main",className:"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b"},{id:"main-theme-dark",className:"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b"}];useEffect(()=>{if(!notice){if(noticeHeight!==0){setNoticeHeight(0)}return}const noticeElement=document.querySelector('[data-id="ui-notice"]');if(!noticeElement)return;const updateNoticeHeight=()=>{setNoticeHeight(noticeElement.getBoundingClientRect().height)};const observer=new ResizeObserver(updateNoticeHeight);observer.observe(noticeElement);const timeoutId=setTimeout(updateNoticeHeight,0);window.addEventListener("resize",updateNoticeHeight);return()=>{clearTimeout(timeoutId);observer.disconnect();window.removeEventListener("resize",updateNoticeHeight)}},[notice]);return React.createElement(React.Fragment,null,React.createElement("div",{className:"absolute inset-0 w-full z-50",id:theme==="dark"?"meganav-theme-dark":"meganav","data-testid":"meganav",style:{height:HEADER_HEIGHT+finalNoticeHeight}},notice&&React.createElement(Notice,{...notice.props,config:notice.config,onClose:onNoticeClose}),React.createElement(Header,{className:"max-w-screen-xl mx-auto px-0 sm:px-8 md:px-10 lg:px-16",isNoticeBannerEnabled:!!notice,noticeHeight:finalNoticeHeight,nav:React.createElement(Flyout,{menuItems:menuItemsForHeader,className:"justify-left z-40",flyOutClassName:"flex justify-left",viewPortClassName:"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300"}),mobileNav:React.createElement(MeganavMobile,{navItems:mobileNavItems}),headerLinks:[{href:"/contact",label:"Contact us"}],headerLinksClassName:"md:gap-x-6 ",sessionState:sessionState,themedScrollpoints:themedScrollpoints??defaultThemedScrollpoints})))};export default Meganav;
1
+ import React,{useEffect,useMemo}from"react";import Header from"./Header";import Flyout from"./Flyout";import{MeganavMobile}from"./Meganav/MeganavMobile";import Notice from"./Notice";import{HEADER_HEIGHT}from"./utils/heights";import{getMenuItemsForHeader}from"./Meganav/utils/getMenuItemsForHeader";const Meganav=({sessionState,notice,theme,themedScrollpoints,onNoticeClose,blogPosts})=>{const[noticeHeight,setNoticeHeight]=React.useState(0);const finalNoticeHeight=notice?noticeHeight:0;const headerMenuItems=useMemo(()=>getMenuItemsForHeader(blogPosts),[blogPosts]);const mobileNavItems=useMemo(()=>headerMenuItems.filter(item=>!item.isHiddenMobile).map(({name,link,content})=>({name,link,content})),[headerMenuItems]);const defaultThemedScrollpoints=[{id:"meganav",className:"ui-theme-light !bg-transparent !border-none"},{id:"meganav-theme-dark",className:"ui-theme-dark !bg-transparent !border-none"},{id:"main",className:"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b"},{id:"main-theme-dark",className:"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b"}];useEffect(()=>{if(!notice){if(noticeHeight!==0){setNoticeHeight(0)}return}const noticeElement=document.querySelector('[data-id="ui-notice"]');if(!noticeElement)return;const updateNoticeHeight=()=>{setNoticeHeight(noticeElement.getBoundingClientRect().height)};const observer=new ResizeObserver(updateNoticeHeight);observer.observe(noticeElement);const timeoutId=setTimeout(updateNoticeHeight,0);window.addEventListener("resize",updateNoticeHeight);return()=>{clearTimeout(timeoutId);observer.disconnect();window.removeEventListener("resize",updateNoticeHeight)}},[notice]);return React.createElement(React.Fragment,null,React.createElement("div",{className:"absolute inset-0 w-full z-50",id:theme==="dark"?"meganav-theme-dark":"meganav","data-testid":"meganav",style:{height:HEADER_HEIGHT+finalNoticeHeight}},notice&&React.createElement(Notice,{...notice.props,config:notice.config,onClose:onNoticeClose}),React.createElement(Header,{className:"max-w-screen-xl mx-auto",isNoticeBannerEnabled:!!notice,noticeHeight:finalNoticeHeight,nav:React.createElement(Flyout,{menuItems:headerMenuItems,className:"justify-left z-40",flyOutClassName:"flex justify-left",viewPortClassName:"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300"}),mobileNav:React.createElement(MeganavMobile,{navItems:mobileNavItems}),headerLinks:[{href:"/contact",label:"Contact us"}],headerLinksClassName:"md:gap-x-6 ",sessionState:sessionState,themedScrollpoints:themedScrollpoints??defaultThemedScrollpoints})))};export default Meganav;
2
2
  //# sourceMappingURL=Meganav.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport Header, { HeaderSessionState, ThemedScrollpoint } from \"./Header\";\nimport Flyout from \"./Flyout\";\nimport { menuItemsForHeader } from \"./Meganav/data\";\nimport { MeganavMobile } from \"./Meganav/MeganavMobile\";\nimport Notice from \"./Notice\";\nimport { HEADER_HEIGHT } from \"./utils/heights\";\n\nexport type MeganavNoticeBannerProps = {\n props: {\n title: string;\n bodyText: string;\n buttonLink: string;\n buttonLabel: string;\n closeBtn: boolean;\n };\n config: {\n cookieId: string;\n noticeId: string | number;\n options: {\n collapse: boolean;\n };\n };\n};\n\nexport type MeganavProps = {\n sessionState: HeaderSessionState;\n notice?: MeganavNoticeBannerProps;\n theme?: string;\n themedScrollpoints?: ThemedScrollpoint[];\n onNoticeClose?: () => void;\n};\n\nconst Meganav = ({\n sessionState,\n notice,\n theme,\n themedScrollpoints,\n onNoticeClose,\n}: MeganavProps) => {\n const [noticeHeight, setNoticeHeight] = React.useState(0);\n\n const finalNoticeHeight = notice ? noticeHeight : 0;\n\n const mobileNavItems = useMemo(\n () =>\n menuItemsForHeader\n .filter((item) => !item.isHiddenMobile)\n .map(({ name, link, content }) => ({ name, link, content })),\n [],\n );\n\n const defaultThemedScrollpoints = [\n {\n id: \"meganav\",\n className: \"ui-theme-light !bg-transparent !border-none\",\n },\n {\n id: \"meganav-theme-dark\",\n className: \"ui-theme-dark !bg-transparent !border-none\",\n },\n {\n id: \"main\",\n className: \"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n {\n id: \"main-theme-dark\",\n className: \"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n ];\n\n useEffect(() => {\n if (!notice) {\n if (noticeHeight !== 0) {\n setNoticeHeight(0);\n }\n return;\n }\n\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n if (!noticeElement) return;\n\n const updateNoticeHeight = () => {\n setNoticeHeight(noticeElement.getBoundingClientRect().height);\n };\n\n const observer = new ResizeObserver(updateNoticeHeight);\n observer.observe(noticeElement);\n\n const timeoutId = setTimeout(updateNoticeHeight, 0);\n window.addEventListener(\"resize\", updateNoticeHeight);\n\n return () => {\n clearTimeout(timeoutId);\n observer.disconnect();\n window.removeEventListener(\"resize\", updateNoticeHeight);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [notice]);\n\n return (\n <>\n <div\n className=\"absolute inset-0 w-full z-50\"\n id={theme === \"dark\" ? \"meganav-theme-dark\" : \"meganav\"}\n data-testid=\"meganav\"\n style={{ height: HEADER_HEIGHT + finalNoticeHeight }}\n >\n {notice && (\n <Notice\n {...notice.props}\n config={notice.config}\n onClose={onNoticeClose}\n />\n )}\n <Header\n className=\"max-w-screen-xl mx-auto px-0 sm:px-8 md:px-10 lg:px-16\"\n isNoticeBannerEnabled={!!notice}\n noticeHeight={finalNoticeHeight}\n nav={\n <Flyout\n menuItems={menuItemsForHeader}\n className=\"justify-left z-40\"\n flyOutClassName=\"flex justify-left\"\n viewPortClassName=\"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300\"\n />\n }\n mobileNav={<MeganavMobile navItems={mobileNavItems} />}\n headerLinks={[{ href: \"/contact\", label: \"Contact us\" }]}\n headerLinksClassName=\"md:gap-x-6 \"\n sessionState={sessionState}\n themedScrollpoints={themedScrollpoints ?? defaultThemedScrollpoints}\n />\n </div>\n </>\n );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useMemo","Header","Flyout","menuItemsForHeader","MeganavMobile","Notice","HEADER_HEIGHT","Meganav","sessionState","notice","theme","themedScrollpoints","onNoticeClose","noticeHeight","setNoticeHeight","useState","finalNoticeHeight","mobileNavItems","filter","item","isHiddenMobile","map","name","link","content","defaultThemedScrollpoints","id","className","noticeElement","document","querySelector","updateNoticeHeight","getBoundingClientRect","height","observer","ResizeObserver","observe","timeoutId","setTimeout","window","addEventListener","clearTimeout","disconnect","removeEventListener","div","data-testid","style","props","config","onClose","isNoticeBannerEnabled","nav","menuItems","flyOutClassName","viewPortClassName","mobileNav","navItems","headerLinks","href","label","headerLinksClassName"],"mappings":"AAAA,OAAOA,OAASC,SAAS,CAAEC,OAAO,KAAQ,OAAQ,AAClD,QAAOC,WAAuD,UAAW,AACzE,QAAOC,WAAY,UAAW,AAC9B,QAASC,kBAAkB,KAAQ,gBAAiB,AACpD,QAASC,aAAa,KAAQ,yBAA0B,AACxD,QAAOC,WAAY,UAAW,AAC9B,QAASC,aAAa,KAAQ,iBAAkB,CA2BhD,MAAMC,QAAU,CAAC,CACfC,YAAY,CACZC,MAAM,CACNC,KAAK,CACLC,kBAAkB,CAClBC,aAAa,CACA,IACb,KAAM,CAACC,aAAcC,gBAAgB,CAAGhB,MAAMiB,QAAQ,CAAC,GAEvD,MAAMC,kBAAoBP,OAASI,aAAe,EAElD,MAAMI,eAAiBjB,QACrB,IACEG,mBACGe,MAAM,CAAC,AAACC,MAAS,CAACA,KAAKC,cAAc,EACrCC,GAAG,CAAC,CAAC,CAAEC,IAAI,CAAEC,IAAI,CAAEC,OAAO,CAAE,GAAM,CAAA,CAAEF,KAAMC,KAAMC,OAAQ,CAAA,GAC7D,EAAE,EAGJ,MAAMC,0BAA4B,CAChC,CACEC,GAAI,UACJC,UAAW,6CACb,EACA,CACED,GAAI,qBACJC,UAAW,4CACb,EACA,CACED,GAAI,OACJC,UAAW,6DACb,EACA,CACED,GAAI,kBACJC,UAAW,4DACb,EACD,CAED5B,UAAU,KACR,GAAI,CAACU,OAAQ,CACX,GAAII,eAAiB,EAAG,CACtBC,gBAAgB,EAClB,CACA,MACF,CAEA,MAAMc,cAAgBC,SAASC,aAAa,CAAC,yBAC7C,GAAI,CAACF,cAAe,OAEpB,MAAMG,mBAAqB,KACzBjB,gBAAgBc,cAAcI,qBAAqB,GAAGC,MAAM,CAC9D,EAEA,MAAMC,SAAW,IAAIC,eAAeJ,oBACpCG,SAASE,OAAO,CAACR,eAEjB,MAAMS,UAAYC,WAAWP,mBAAoB,GACjDQ,OAAOC,gBAAgB,CAAC,SAAUT,oBAElC,MAAO,KACLU,aAAaJ,WACbH,SAASQ,UAAU,GACnBH,OAAOI,mBAAmB,CAAC,SAAUZ,mBACvC,CAEF,EAAG,CAACtB,OAAO,EAEX,OACE,wCACE,oBAACmC,OACCjB,UAAU,+BACVD,GAAIhB,QAAU,OAAS,qBAAuB,UAC9CmC,cAAY,UACZC,MAAO,CAAEb,OAAQ3B,cAAgBU,iBAAkB,GAElDP,QACC,oBAACJ,QACE,GAAGI,OAAOsC,KAAK,CAChBC,OAAQvC,OAAOuC,MAAM,CACrBC,QAASrC,gBAGb,oBAACX,QACC0B,UAAU,yDACVuB,sBAAuB,CAAC,CAACzC,OACzBI,aAAcG,kBACdmC,IACE,oBAACjD,QACCkD,UAAWjD,mBACXwB,UAAU,oBACV0B,gBAAgB,oBAChBC,kBAAkB,iIAGtBC,UAAW,oBAACnD,eAAcoD,SAAUvC,iBACpCwC,YAAa,CAAC,CAAEC,KAAM,WAAYC,MAAO,YAAa,EAAE,CACxDC,qBAAqB,cACrBpD,aAAcA,aACdG,mBAAoBA,oBAAsBc,6BAKpD,CAEA,gBAAelB,OAAQ"}
1
+ {"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport Header, { HeaderSessionState, ThemedScrollpoint } from \"./Header\";\nimport Flyout from \"./Flyout\";\nimport { MeganavMobile } from \"./Meganav/MeganavMobile\";\nimport Notice from \"./Notice\";\nimport { HEADER_HEIGHT } from \"./utils/heights\";\nimport { BlogPost } from \"./Meganav/MeganavBlog\";\nimport { getMenuItemsForHeader } from \"./Meganav/utils/getMenuItemsForHeader\";\n\nexport type MeganavNoticeBannerProps = {\n props: {\n title: string;\n bodyText: string;\n buttonLink: string;\n buttonLabel: string;\n closeBtn: boolean;\n };\n config: {\n cookieId: string;\n noticeId: string | number;\n options: {\n collapse: boolean;\n };\n };\n};\n\nexport type MeganavProps = {\n sessionState: HeaderSessionState;\n blogPosts: BlogPost[];\n notice?: MeganavNoticeBannerProps;\n theme?: string;\n themedScrollpoints?: ThemedScrollpoint[];\n onNoticeClose?: () => void;\n};\n\nconst Meganav = ({\n sessionState,\n notice,\n theme,\n themedScrollpoints,\n onNoticeClose,\n blogPosts,\n}: MeganavProps) => {\n const [noticeHeight, setNoticeHeight] = React.useState(0);\n\n const finalNoticeHeight = notice ? noticeHeight : 0;\n\n const headerMenuItems = useMemo(\n () => getMenuItemsForHeader(blogPosts),\n [blogPosts],\n );\n\n const mobileNavItems = useMemo(\n () =>\n headerMenuItems\n .filter((item) => !item.isHiddenMobile)\n .map(({ name, link, content }) => ({ name, link, content })),\n [headerMenuItems],\n );\n\n const defaultThemedScrollpoints = [\n {\n id: \"meganav\",\n className: \"ui-theme-light !bg-transparent !border-none\",\n },\n {\n id: \"meganav-theme-dark\",\n className: \"ui-theme-dark !bg-transparent !border-none\",\n },\n {\n id: \"main\",\n className: \"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n {\n id: \"main-theme-dark\",\n className: \"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n ];\n\n useEffect(() => {\n if (!notice) {\n if (noticeHeight !== 0) {\n setNoticeHeight(0);\n }\n return;\n }\n\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n if (!noticeElement) return;\n\n const updateNoticeHeight = () => {\n setNoticeHeight(noticeElement.getBoundingClientRect().height);\n };\n\n const observer = new ResizeObserver(updateNoticeHeight);\n observer.observe(noticeElement);\n\n const timeoutId = setTimeout(updateNoticeHeight, 0);\n window.addEventListener(\"resize\", updateNoticeHeight);\n\n return () => {\n clearTimeout(timeoutId);\n observer.disconnect();\n window.removeEventListener(\"resize\", updateNoticeHeight);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [notice]);\n\n return (\n <>\n <div\n className=\"absolute inset-0 w-full z-50\"\n id={theme === \"dark\" ? \"meganav-theme-dark\" : \"meganav\"}\n data-testid=\"meganav\"\n style={{ height: HEADER_HEIGHT + finalNoticeHeight }}\n >\n {notice && (\n <Notice\n {...notice.props}\n config={notice.config}\n onClose={onNoticeClose}\n />\n )}\n <Header\n className=\"max-w-screen-xl mx-auto\"\n isNoticeBannerEnabled={!!notice}\n noticeHeight={finalNoticeHeight}\n nav={\n <Flyout\n menuItems={headerMenuItems}\n className=\"justify-left z-40\"\n flyOutClassName=\"flex justify-left\"\n viewPortClassName=\"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300\"\n />\n }\n mobileNav={<MeganavMobile navItems={mobileNavItems} />}\n headerLinks={[{ href: \"/contact\", label: \"Contact us\" }]}\n headerLinksClassName=\"md:gap-x-6 \"\n sessionState={sessionState}\n themedScrollpoints={themedScrollpoints ?? defaultThemedScrollpoints}\n />\n </div>\n </>\n );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useMemo","Header","Flyout","MeganavMobile","Notice","HEADER_HEIGHT","getMenuItemsForHeader","Meganav","sessionState","notice","theme","themedScrollpoints","onNoticeClose","blogPosts","noticeHeight","setNoticeHeight","useState","finalNoticeHeight","headerMenuItems","mobileNavItems","filter","item","isHiddenMobile","map","name","link","content","defaultThemedScrollpoints","id","className","noticeElement","document","querySelector","updateNoticeHeight","getBoundingClientRect","height","observer","ResizeObserver","observe","timeoutId","setTimeout","window","addEventListener","clearTimeout","disconnect","removeEventListener","div","data-testid","style","props","config","onClose","isNoticeBannerEnabled","nav","menuItems","flyOutClassName","viewPortClassName","mobileNav","navItems","headerLinks","href","label","headerLinksClassName"],"mappings":"AAAA,OAAOA,OAASC,SAAS,CAAEC,OAAO,KAAQ,OAAQ,AAClD,QAAOC,WAAuD,UAAW,AACzE,QAAOC,WAAY,UAAW,AAC9B,QAASC,aAAa,KAAQ,yBAA0B,AACxD,QAAOC,WAAY,UAAW,AAC9B,QAASC,aAAa,KAAQ,iBAAkB,AAEhD,QAASC,qBAAqB,KAAQ,uCAAwC,CA4B9E,MAAMC,QAAU,CAAC,CACfC,YAAY,CACZC,MAAM,CACNC,KAAK,CACLC,kBAAkB,CAClBC,aAAa,CACbC,SAAS,CACI,IACb,KAAM,CAACC,aAAcC,gBAAgB,CAAGjB,MAAMkB,QAAQ,CAAC,GAEvD,MAAMC,kBAAoBR,OAASK,aAAe,EAElD,MAAMI,gBAAkBlB,QACtB,IAAMM,sBAAsBO,WAC5B,CAACA,UAAU,EAGb,MAAMM,eAAiBnB,QACrB,IACEkB,gBACGE,MAAM,CAAC,AAACC,MAAS,CAACA,KAAKC,cAAc,EACrCC,GAAG,CAAC,CAAC,CAAEC,IAAI,CAAEC,IAAI,CAAEC,OAAO,CAAE,GAAM,CAAA,CAAEF,KAAMC,KAAMC,OAAQ,CAAA,GAC7D,CAACR,gBAAgB,EAGnB,MAAMS,0BAA4B,CAChC,CACEC,GAAI,UACJC,UAAW,6CACb,EACA,CACED,GAAI,qBACJC,UAAW,4CACb,EACA,CACED,GAAI,OACJC,UAAW,6DACb,EACA,CACED,GAAI,kBACJC,UAAW,4DACb,EACD,CAED9B,UAAU,KACR,GAAI,CAACU,OAAQ,CACX,GAAIK,eAAiB,EAAG,CACtBC,gBAAgB,EAClB,CACA,MACF,CAEA,MAAMe,cAAgBC,SAASC,aAAa,CAAC,yBAC7C,GAAI,CAACF,cAAe,OAEpB,MAAMG,mBAAqB,KACzBlB,gBAAgBe,cAAcI,qBAAqB,GAAGC,MAAM,CAC9D,EAEA,MAAMC,SAAW,IAAIC,eAAeJ,oBACpCG,SAASE,OAAO,CAACR,eAEjB,MAAMS,UAAYC,WAAWP,mBAAoB,GACjDQ,OAAOC,gBAAgB,CAAC,SAAUT,oBAElC,MAAO,KACLU,aAAaJ,WACbH,SAASQ,UAAU,GACnBH,OAAOI,mBAAmB,CAAC,SAAUZ,mBACvC,CAEF,EAAG,CAACxB,OAAO,EAEX,OACE,wCACE,oBAACqC,OACCjB,UAAU,+BACVD,GAAIlB,QAAU,OAAS,qBAAuB,UAC9CqC,cAAY,UACZC,MAAO,CAAEb,OAAQ9B,cAAgBY,iBAAkB,GAElDR,QACC,oBAACL,QACE,GAAGK,OAAOwC,KAAK,CAChBC,OAAQzC,OAAOyC,MAAM,CACrBC,QAASvC,gBAGb,oBAACX,QACC4B,UAAU,0BACVuB,sBAAuB,CAAC,CAAC3C,OACzBK,aAAcG,kBACdoC,IACE,oBAACnD,QACCoD,UAAWpC,gBACXW,UAAU,oBACV0B,gBAAgB,oBAChBC,kBAAkB,iIAGtBC,UAAW,oBAACtD,eAAcuD,SAAUvC,iBACpCwC,YAAa,CAAC,CAAEC,KAAM,WAAYC,MAAO,YAAa,EAAE,CACxDC,qBAAqB,cACrBtD,aAAcA,aACdG,mBAAoBA,oBAAsBgB,6BAKpD,CAEA,gBAAepB,OAAQ"}
@@ -1,2 +1,2 @@
1
- import React from"react";import Icon from"../Icon";import cn from"../utils/cn";const ProductIcon=({name,hoverName,selected,size,unavailable})=>{if(!name){return null}const innerSize=size-2;const iconSize=size/6*4;return React.createElement("span",{className:cn("block p-px bg-gradient-to-b",{"from-neutral-1000 to-neutral-1300 dark:from-neutral-000 dark:to-neutral-300":selected,"from-neutral-000 to-neutral-300 dark:from-neutral-1000 dark:to-neutral-1300":!selected}),style:{width:size,height:size,borderRadius:size/4}},React.createElement("span",{className:cn("flex items-center justify-center",{"bg-neutral-1200 dark:bg-neutral-100":selected,"bg-neutral-100 dark:bg-neutral-1200":!selected,"group-hover/product-tile:bg-neutral-000 dark:group-hover/product-tile:bg-neutral-1300":selected===false&&!unavailable}),style:{height:innerSize,borderRadius:size/4}},hoverName?React.createElement(Icon,{name:hoverName,size:`${iconSize}px`,additionalCSS:cn({"hidden group-hover/product-tile:flex":!selected,flex:selected})}):null,React.createElement(Icon,{name:name,size:`${iconSize}px`,additionalCSS:cn({"text-neutral-000 dark:text-neutral-1300":selected&&!unavailable,"text-neutral-1300 dark:text-neutral-000":!selected&&!unavailable,"text-neutral-700 dark:text-neutral-600":selected&&unavailable,"text-neutral-600 dark:text-neutral-700":!selected&&unavailable,"flex group-hover/product-tile:hidden":hoverName&&!selected,hidden:hoverName&&selected})})))};export default ProductIcon;
1
+ import React from"react";import Icon from"../Icon";import cn from"../utils/cn";const ProductIcon=({name,hoverName,selected,size,unavailable})=>{if(!name){return null}const iconSize=size/6*4;return React.createElement("span",{className:"flex items-center justify-center border border-neutral-300 dark:border-neutral-1000 rounded-xl bg-neutral-100 dark:bg-neutral-1200 hover:bg-neutral-000 dark:hover:bg-neutral-1300 active:bg-neutral-000 dark:active:bg-neutral-1300",style:{width:size,height:size}},hoverName?React.createElement(Icon,{name:hoverName,size:`${iconSize}px`,additionalCSS:cn({"hidden group-hover/product-tile:flex":!selected,flex:selected})}):null,React.createElement(Icon,{name:name,size:`${iconSize}px`,additionalCSS:cn({"text-neutral-000 dark:text-neutral-1300":selected&&!unavailable,"text-neutral-1300 dark:text-neutral-000":!selected&&!unavailable,"text-neutral-700 dark:text-neutral-600":selected&&unavailable,"text-neutral-600 dark:text-neutral-700":!selected&&unavailable,"flex group-hover/product-tile:hidden":hoverName&&!selected,hidden:hoverName&&selected})}))};export default ProductIcon;
2
2
  //# sourceMappingURL=ProductIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/core/ProductTile/ProductIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon from \"../Icon\";\nimport { IconName } from \"../Icon/types\";\nimport cn from \"../utils/cn\";\n\ntype ProductIconProps = {\n name?: IconName;\n hoverName?: IconName;\n selected?: boolean;\n size: number;\n unavailable: boolean;\n};\n\nconst ProductIcon = ({\n name,\n hoverName,\n selected,\n size,\n unavailable,\n}: ProductIconProps) => {\n if (!name) {\n return null;\n }\n\n // Inner container is 2px smaller to account for 1px padding on each side\n const innerSize = size - 2;\n\n // Padding around the icon is 1/4 the icon's size, so the icon is 4 of 6 parts\n const iconSize = (size / 6) * 4;\n\n return (\n // Outer container, contains the gradient stroke (since we can't natively have CSS gradient strokes)\n <span\n className={cn(\"block p-px bg-gradient-to-b\", {\n \"from-neutral-1000 to-neutral-1300 dark:from-neutral-000 dark:to-neutral-300\":\n selected,\n \"from-neutral-000 to-neutral-300 dark:from-neutral-1000 dark:to-neutral-1300\":\n !selected,\n })}\n style={{ width: size, height: size, borderRadius: size / 4 }}\n >\n {/* Inner container, contains the foreground container element */}\n <span\n className={cn(\"flex items-center justify-center\", {\n \"bg-neutral-1200 dark:bg-neutral-100\": selected,\n \"bg-neutral-100 dark:bg-neutral-1200\": !selected,\n \"group-hover/product-tile:bg-neutral-000 dark:group-hover/product-tile:bg-neutral-1300\":\n selected === false && !unavailable,\n })}\n style={{ height: innerSize, borderRadius: size / 4 }}\n >\n {/* The product icons themselves */}\n {hoverName ? (\n <Icon\n name={hoverName}\n size={`${iconSize}px`}\n additionalCSS={cn({\n \"hidden group-hover/product-tile:flex\": !selected,\n flex: selected,\n })}\n />\n ) : null}\n <Icon\n name={name}\n size={`${iconSize}px`}\n additionalCSS={cn({\n \"text-neutral-000 dark:text-neutral-1300\": selected && !unavailable,\n \"text-neutral-1300 dark:text-neutral-000\":\n !selected && !unavailable,\n \"text-neutral-700 dark:text-neutral-600\": selected && unavailable,\n \"text-neutral-600 dark:text-neutral-700\": !selected && unavailable,\n \"flex group-hover/product-tile:hidden\": hoverName && !selected,\n hidden: hoverName && selected,\n })}\n />\n </span>\n </span>\n );\n};\n\nexport default ProductIcon;\n"],"names":["React","Icon","cn","ProductIcon","name","hoverName","selected","size","unavailable","innerSize","iconSize","span","className","style","width","height","borderRadius","additionalCSS","flex","hidden"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,SAAU,SAAU,AAE3B,QAAOC,OAAQ,aAAc,CAU7B,MAAMC,YAAc,CAAC,CACnBC,IAAI,CACJC,SAAS,CACTC,QAAQ,CACRC,IAAI,CACJC,WAAW,CACM,IACjB,GAAI,CAACJ,KAAM,CACT,OAAO,IACT,CAGA,MAAMK,UAAYF,KAAO,EAGzB,MAAMG,SAAW,AAACH,KAAO,EAAK,EAE9B,OAEE,oBAACI,QACCC,UAAWV,GAAG,8BAA+B,CAC3C,8EACEI,SACF,8EACE,CAACA,QACL,GACAO,MAAO,CAAEC,MAAOP,KAAMQ,OAAQR,KAAMS,aAAcT,KAAO,CAAE,GAG3D,oBAACI,QACCC,UAAWV,GAAG,mCAAoC,CAChD,sCAAuCI,SACvC,sCAAuC,CAACA,SACxC,wFACEA,WAAa,OAAS,CAACE,WAC3B,GACAK,MAAO,CAAEE,OAAQN,UAAWO,aAAcT,KAAO,CAAE,GAGlDF,UACC,oBAACJ,MACCG,KAAMC,UACNE,KAAM,CAAC,EAAEG,SAAS,EAAE,CAAC,CACrBO,cAAef,GAAG,CAChB,uCAAwC,CAACI,SACzCY,KAAMZ,QACR,KAEA,KACJ,oBAACL,MACCG,KAAMA,KACNG,KAAM,CAAC,EAAEG,SAAS,EAAE,CAAC,CACrBO,cAAef,GAAG,CAChB,0CAA2CI,UAAY,CAACE,YACxD,0CACE,CAACF,UAAY,CAACE,YAChB,yCAA0CF,UAAYE,YACtD,yCAA0C,CAACF,UAAYE,YACvD,uCAAwCH,WAAa,CAACC,SACtDa,OAAQd,WAAaC,QACvB,MAKV,CAEA,gBAAeH,WAAY"}
1
+ {"version":3,"sources":["../../../src/core/ProductTile/ProductIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon from \"../Icon\";\nimport { IconName } from \"../Icon/types\";\nimport cn from \"../utils/cn\";\n\ntype ProductIconProps = {\n name?: IconName;\n hoverName?: IconName;\n selected?: boolean;\n size: number;\n unavailable: boolean;\n};\n\nconst ProductIcon = ({\n name,\n hoverName,\n selected,\n size,\n unavailable,\n}: ProductIconProps) => {\n if (!name) {\n return null;\n }\n\n // Padding around the icon is 1/4 the icon's size, so the icon is 4 of 6 parts\n const iconSize = (size / 6) * 4;\n\n return (\n // Outer container, contains the gradient stroke (since we can't natively have CSS gradient strokes)\n\n <span\n className=\"flex items-center justify-center border border-neutral-300 dark:border-neutral-1000 rounded-xl\n bg-neutral-100 dark:bg-neutral-1200 hover:bg-neutral-000 dark:hover:bg-neutral-1300 active:bg-neutral-000 dark:active:bg-neutral-1300\"\n style={{ width: size, height: size }}\n >\n {/* The product icons themselves */}\n {hoverName ? (\n <Icon\n name={hoverName}\n size={`${iconSize}px`}\n additionalCSS={cn({\n \"hidden group-hover/product-tile:flex\": !selected,\n flex: selected,\n })}\n />\n ) : null}\n <Icon\n name={name}\n size={`${iconSize}px`}\n additionalCSS={cn({\n \"text-neutral-000 dark:text-neutral-1300\": selected && !unavailable,\n \"text-neutral-1300 dark:text-neutral-000\": !selected && !unavailable,\n \"text-neutral-700 dark:text-neutral-600\": selected && unavailable,\n \"text-neutral-600 dark:text-neutral-700\": !selected && unavailable,\n \"flex group-hover/product-tile:hidden\": hoverName && !selected,\n hidden: hoverName && selected,\n })}\n />\n </span>\n );\n};\n\nexport default ProductIcon;\n"],"names":["React","Icon","cn","ProductIcon","name","hoverName","selected","size","unavailable","iconSize","span","className","style","width","height","additionalCSS","flex","hidden"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,SAAU,SAAU,AAE3B,QAAOC,OAAQ,aAAc,CAU7B,MAAMC,YAAc,CAAC,CACnBC,IAAI,CACJC,SAAS,CACTC,QAAQ,CACRC,IAAI,CACJC,WAAW,CACM,IACjB,GAAI,CAACJ,KAAM,CACT,OAAO,IACT,CAGA,MAAMK,SAAW,AAACF,KAAO,EAAK,EAE9B,OAGE,oBAACG,QACCC,UAAU,uOAEVC,MAAO,CAAEC,MAAON,KAAMO,OAAQP,IAAK,GAGlCF,UACC,oBAACJ,MACCG,KAAMC,UACNE,KAAM,CAAC,EAAEE,SAAS,EAAE,CAAC,CACrBM,cAAeb,GAAG,CAChB,uCAAwC,CAACI,SACzCU,KAAMV,QACR,KAEA,KACJ,oBAACL,MACCG,KAAMA,KACNG,KAAM,CAAC,EAAEE,SAAS,EAAE,CAAC,CACrBM,cAAeb,GAAG,CAChB,0CAA2CI,UAAY,CAACE,YACxD,0CAA2C,CAACF,UAAY,CAACE,YACzD,yCAA0CF,UAAYE,YACtD,yCAA0C,CAACF,UAAYE,YACvD,uCAAwCH,WAAa,CAACC,SACtDW,OAAQZ,WAAaC,QACvB,KAIR,CAEA,gBAAeH,WAAY"}
@@ -1,2 +1,2 @@
1
- import React from"react";import cn from"../utils/cn";const LABEL_FONT_SIZE_RATIO=4;const DESCRIPTION_FONT_SIZE_RATIO=2.6;const ProductLabel=({label,unavailable,selected,numericalSize,showLabel,className})=>{if(!label||!showLabel){return null}const dynamicFontSize=numericalSize/LABEL_FONT_SIZE_RATIO;return React.createElement("span",{className:"flex flex-col justify-center"},unavailable?React.createElement("span",{className:"block"},React.createElement("span",{className:"table-cell font-sans bg-neutral-300 dark:bg-neutral-1000 rounded-full text-gui-unavailable tracking-[0.04em] font-bold leading-snug",style:{fontSize:dynamicFontSize*.6,padding:`${dynamicFontSize*.25}px ${dynamicFontSize*.5}px`}},"COMING SOON")):React.createElement("span",{className:cn("block font-bold uppercase ui-text-p2 leading-snug",{"text-neutral-500 dark:text-neutral-700":selected},{"text-neutral-700 dark:text-neutral-500":!selected}),style:{fontSize:dynamicFontSize,letterSpacing:"0.06em"}},"Ably"),React.createElement("span",{className:cn("block ui-text-p2 font-bold",{"text-neutral-000 dark:text-neutral-1300":selected===true&&!unavailable},{"text-neutral-1000 dark:text-neutral-300 group-hover/product-tile:text-neutral-1300 dark:group-hover/product-tile:text-neutral-000":selected===false&&!unavailable},{"text-neutral-1300 dark:text-neutral-000":selected===undefined&&!unavailable},{"text-neutral-700 dark:text-neutral-600":unavailable},{"mt-[-3px]":!unavailable},className),style:{fontSize:numericalSize/DESCRIPTION_FONT_SIZE_RATIO}},label))};export default ProductLabel;
1
+ import React from"react";import cn from"../utils/cn";const LABEL_FONT_SIZE_RATIO=4;const DESCRIPTION_FONT_SIZE_RATIO=2.6;const ProductLabel=({label,unavailable,selected,numericalSize,showLabel,showAblyText=true,className})=>{if(!label||!showLabel){return null}const dynamicFontSize=numericalSize/LABEL_FONT_SIZE_RATIO;return React.createElement("span",{className:"flex flex-col justify-center"},unavailable?React.createElement("span",{className:"block"},React.createElement("span",{className:"table-cell font-sans bg-neutral-300 dark:bg-neutral-1000 rounded-full text-gui-unavailable tracking-[0.04em] font-bold leading-snug",style:{fontSize:dynamicFontSize*.6,padding:`${dynamicFontSize*.25}px ${dynamicFontSize*.5}px`}},"COMING SOON")):showAblyText&&React.createElement("span",{className:cn("block font-bold uppercase ui-text-p2 leading-snug",{"text-neutral-500 dark:text-neutral-700":selected},{"text-neutral-700 dark:text-neutral-500":!selected}),style:{fontSize:dynamicFontSize,letterSpacing:"0.06em"}},"Ably"),React.createElement("span",{className:cn("block ui-text-p2 font-bold",{"text-neutral-000 dark:text-neutral-1300":selected===true&&!unavailable},{"text-neutral-1000 dark:text-neutral-300 group-hover/product-tile:text-neutral-1300 dark:group-hover/product-tile:text-neutral-000":selected===false&&!unavailable},{"text-neutral-1300 dark:text-neutral-000":selected===undefined&&!unavailable},{"text-neutral-700 dark:text-neutral-600":unavailable},{"mt-[-3px]":!unavailable},className),style:{fontSize:numericalSize/DESCRIPTION_FONT_SIZE_RATIO}},label))};export default ProductLabel;
2
2
  //# sourceMappingURL=ProductLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/core/ProductTile/ProductLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"../utils/cn\";\n\ntype ProductLabelProps = {\n label: string;\n unavailable: boolean;\n selected?: boolean;\n numericalSize: number;\n showLabel?: boolean;\n className?: string;\n};\n\nconst LABEL_FONT_SIZE_RATIO = 4;\nconst DESCRIPTION_FONT_SIZE_RATIO = 2.6;\n\nconst ProductLabel = ({\n label,\n unavailable,\n selected,\n numericalSize,\n showLabel,\n className,\n}: ProductLabelProps) => {\n if (!label || !showLabel) {\n return null;\n }\n\n const dynamicFontSize = numericalSize / LABEL_FONT_SIZE_RATIO;\n\n return (\n <span className=\"flex flex-col justify-center\">\n {unavailable ? (\n <span className=\"block\">\n <span\n className=\"table-cell font-sans bg-neutral-300 dark:bg-neutral-1000 rounded-full text-gui-unavailable tracking-[0.04em] font-bold leading-snug\"\n style={{\n fontSize: dynamicFontSize * 0.6,\n padding: `${dynamicFontSize * 0.25}px ${dynamicFontSize * 0.5}px`,\n }}\n >\n COMING SOON\n </span>\n </span>\n ) : (\n <span\n className={cn(\n \"block font-bold uppercase ui-text-p2 leading-snug\",\n { \"text-neutral-500 dark:text-neutral-700\": selected },\n { \"text-neutral-700 dark:text-neutral-500\": !selected },\n )}\n style={{\n fontSize: dynamicFontSize,\n letterSpacing: \"0.06em\",\n }}\n >\n Ably\n </span>\n )}\n <span\n className={cn(\n \"block ui-text-p2 font-bold\",\n {\n \"text-neutral-000 dark:text-neutral-1300\":\n selected === true && !unavailable,\n },\n {\n \"text-neutral-1000 dark:text-neutral-300 group-hover/product-tile:text-neutral-1300 dark:group-hover/product-tile:text-neutral-000\":\n selected === false && !unavailable,\n },\n {\n \"text-neutral-1300 dark:text-neutral-000\":\n selected === undefined && !unavailable,\n },\n {\n \"text-neutral-700 dark:text-neutral-600\": unavailable,\n },\n { \"mt-[-3px]\": !unavailable },\n className,\n )}\n style={{ fontSize: numericalSize / DESCRIPTION_FONT_SIZE_RATIO }}\n >\n {label}\n </span>\n </span>\n );\n};\n\nexport default ProductLabel;\n"],"names":["React","cn","LABEL_FONT_SIZE_RATIO","DESCRIPTION_FONT_SIZE_RATIO","ProductLabel","label","unavailable","selected","numericalSize","showLabel","className","dynamicFontSize","span","style","fontSize","padding","letterSpacing","undefined"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,OAAQ,aAAc,CAW7B,MAAMC,sBAAwB,EAC9B,MAAMC,4BAA8B,IAEpC,MAAMC,aAAe,CAAC,CACpBC,KAAK,CACLC,WAAW,CACXC,QAAQ,CACRC,aAAa,CACbC,SAAS,CACTC,SAAS,CACS,IAClB,GAAI,CAACL,OAAS,CAACI,UAAW,CACxB,OAAO,IACT,CAEA,MAAME,gBAAkBH,cAAgBN,sBAExC,OACE,oBAACU,QAAKF,UAAU,gCACbJ,YACC,oBAACM,QAAKF,UAAU,SACd,oBAACE,QACCF,UAAU,sIACVG,MAAO,CACLC,SAAUH,gBAAkB,GAC5BI,QAAS,CAAC,EAAEJ,gBAAkB,IAAK,GAAG,EAAEA,gBAAkB,GAAI,EAAE,CAAC,AACnE,GACD,gBAKH,oBAACC,QACCF,UAAWT,GACT,oDACA,CAAE,yCAA0CM,QAAS,EACrD,CAAE,yCAA0C,CAACA,QAAS,GAExDM,MAAO,CACLC,SAAUH,gBACVK,cAAe,QACjB,GACD,QAIH,oBAACJ,QACCF,UAAWT,GACT,6BACA,CACE,0CACEM,WAAa,MAAQ,CAACD,WAC1B,EACA,CACE,oIACEC,WAAa,OAAS,CAACD,WAC3B,EACA,CACE,0CACEC,WAAaU,WAAa,CAACX,WAC/B,EACA,CACE,yCAA0CA,WAC5C,EACA,CAAE,YAAa,CAACA,WAAY,EAC5BI,WAEFG,MAAO,CAAEC,SAAUN,cAAgBL,2BAA4B,GAE9DE,OAIT,CAEA,gBAAeD,YAAa"}
1
+ {"version":3,"sources":["../../../src/core/ProductTile/ProductLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"../utils/cn\";\n\ntype ProductLabelProps = {\n label: string;\n unavailable: boolean;\n selected?: boolean;\n numericalSize: number;\n showLabel?: boolean;\n showAblyText?: boolean;\n className?: string;\n};\n\nconst LABEL_FONT_SIZE_RATIO = 4;\nconst DESCRIPTION_FONT_SIZE_RATIO = 2.6;\n\nconst ProductLabel = ({\n label,\n unavailable,\n selected,\n numericalSize,\n showLabel,\n showAblyText = true,\n className,\n}: ProductLabelProps) => {\n if (!label || !showLabel) {\n return null;\n }\n\n const dynamicFontSize = numericalSize / LABEL_FONT_SIZE_RATIO;\n\n return (\n <span className=\"flex flex-col justify-center\">\n {unavailable ? (\n <span className=\"block\">\n <span\n className=\"table-cell font-sans bg-neutral-300 dark:bg-neutral-1000 rounded-full text-gui-unavailable tracking-[0.04em] font-bold leading-snug\"\n style={{\n fontSize: dynamicFontSize * 0.6,\n padding: `${dynamicFontSize * 0.25}px ${dynamicFontSize * 0.5}px`,\n }}\n >\n COMING SOON\n </span>\n </span>\n ) : (\n showAblyText && (\n <span\n className={cn(\n \"block font-bold uppercase ui-text-p2 leading-snug\",\n { \"text-neutral-500 dark:text-neutral-700\": selected },\n { \"text-neutral-700 dark:text-neutral-500\": !selected },\n )}\n style={{\n fontSize: dynamicFontSize,\n letterSpacing: \"0.06em\",\n }}\n >\n Ably\n </span>\n )\n )}\n <span\n className={cn(\n \"block ui-text-p2 font-bold\",\n {\n \"text-neutral-000 dark:text-neutral-1300\":\n selected === true && !unavailable,\n },\n {\n \"text-neutral-1000 dark:text-neutral-300 group-hover/product-tile:text-neutral-1300 dark:group-hover/product-tile:text-neutral-000\":\n selected === false && !unavailable,\n },\n {\n \"text-neutral-1300 dark:text-neutral-000\":\n selected === undefined && !unavailable,\n },\n {\n \"text-neutral-700 dark:text-neutral-600\": unavailable,\n },\n { \"mt-[-3px]\": !unavailable },\n className,\n )}\n style={{ fontSize: numericalSize / DESCRIPTION_FONT_SIZE_RATIO }}\n >\n {label}\n </span>\n </span>\n );\n};\n\nexport default ProductLabel;\n"],"names":["React","cn","LABEL_FONT_SIZE_RATIO","DESCRIPTION_FONT_SIZE_RATIO","ProductLabel","label","unavailable","selected","numericalSize","showLabel","showAblyText","className","dynamicFontSize","span","style","fontSize","padding","letterSpacing","undefined"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,OAAQ,aAAc,CAY7B,MAAMC,sBAAwB,EAC9B,MAAMC,4BAA8B,IAEpC,MAAMC,aAAe,CAAC,CACpBC,KAAK,CACLC,WAAW,CACXC,QAAQ,CACRC,aAAa,CACbC,SAAS,CACTC,aAAe,IAAI,CACnBC,SAAS,CACS,IAClB,GAAI,CAACN,OAAS,CAACI,UAAW,CACxB,OAAO,IACT,CAEA,MAAMG,gBAAkBJ,cAAgBN,sBAExC,OACE,oBAACW,QAAKF,UAAU,gCACbL,YACC,oBAACO,QAAKF,UAAU,SACd,oBAACE,QACCF,UAAU,sIACVG,MAAO,CACLC,SAAUH,gBAAkB,GAC5BI,QAAS,CAAC,EAAEJ,gBAAkB,IAAK,GAAG,EAAEA,gBAAkB,GAAI,EAAE,CAAC,AACnE,GACD,gBAKHF,cACE,oBAACG,QACCF,UAAWV,GACT,oDACA,CAAE,yCAA0CM,QAAS,EACrD,CAAE,yCAA0C,CAACA,QAAS,GAExDO,MAAO,CACLC,SAAUH,gBACVK,cAAe,QACjB,GACD,QAKL,oBAACJ,QACCF,UAAWV,GACT,6BACA,CACE,0CACEM,WAAa,MAAQ,CAACD,WAC1B,EACA,CACE,oIACEC,WAAa,OAAS,CAACD,WAC3B,EACA,CACE,0CACEC,WAAaW,WAAa,CAACZ,WAC/B,EACA,CACE,yCAA0CA,WAC5C,EACA,CAAE,YAAa,CAACA,WAAY,EAC5BK,WAEFG,MAAO,CAAEC,SAAUP,cAAgBL,2BAA4B,GAE9DE,OAIT,CAEA,gBAAeD,YAAa"}
@@ -1,2 +1,2 @@
1
- export const productNames=["pubsub","chat","aiTransport","liveObjects","spaces","liveSync"];export const products={pubsub:{label:"Pub/Sub",description:"Low-level APIs for building realtime applications.",icon:"icon-product-pubsub-mono",hoverIcon:"icon-product-pubsub",link:"/docs/channels"},chat:{label:"Chat",description:"Build feature-rich live chat experiences.",icon:"icon-product-chat-mono",hoverIcon:"icon-product-chat",link:"/docs/chat"},aiTransport:{label:"AI Transport",description:"Drop-in realtime continuity for Gen-2 AI experiences.",icon:"icon-product-ai-transport-mono",hoverIcon:"icon-product-ai-transport"},liveObjects:{label:"LiveObjects",description:"Sync application state across client devices.",icon:"icon-product-liveobjects-mono",hoverIcon:"icon-product-liveobjects",link:"/docs/liveobjects"},spaces:{label:"Spaces",description:"Enhance your application with collaborative features.",icon:"icon-product-spaces-mono",hoverIcon:"icon-product-spaces",link:"/docs/spaces"},liveSync:{label:"LiveSync",description:"Fan-out database changes to client applications.",icon:"icon-product-livesync-mono",hoverIcon:"icon-product-livesync",link:"/docs/livesync"}};
1
+ export const productNames=["pubsub","chat","aiTransport","liveObjects","spaces","liveSync"];export const products={pubsub:{label:"Pub/Sub",description:"Low-level APIs to build any realtime experience.",icon:"icon-product-pubsub-mono",hoverIcon:"icon-product-pubsub",link:"/docs/channels"},chat:{label:"Chat",description:"Rapidly build chat features and roll-out at scale.",icon:"icon-product-chat-mono",hoverIcon:"icon-product-chat",link:"/docs/chat"},aiTransport:{label:"AI Transport",description:"Drop-in realtime continuity for Gen-2 AI experiences.",icon:"icon-product-ai-transport-mono",hoverIcon:"icon-product-ai-transport"},liveObjects:{label:"LiveObjects",description:"Sync application state across multiple devices.",icon:"icon-product-liveobjects-mono",hoverIcon:"icon-product-liveobjects",link:"/docs/liveobjects"},spaces:{label:"Spaces",description:"Create collaborative environments in a few lines of code.",icon:"icon-product-spaces-mono",hoverIcon:"icon-product-spaces",link:"/docs/spaces"},liveSync:{label:"LiveSync",description:"Sync database changes with frontend clients.",icon:"icon-product-livesync-mono",hoverIcon:"icon-product-livesync",link:"/docs/livesync"}};
2
2
  //# sourceMappingURL=data.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/core/ProductTile/data.ts"],"sourcesContent":["import { IconName } from \"../Icon/types\";\n\nexport const productNames = [\n \"pubsub\",\n \"chat\",\n \"aiTransport\",\n \"liveObjects\",\n \"spaces\",\n \"liveSync\",\n] as const;\n\nexport type ProductName = (typeof productNames)[number];\n\ntype Products = Record<\n ProductName,\n {\n label: string;\n description: string;\n link?: string;\n icon?: IconName;\n hoverIcon?: IconName;\n unavailable?: boolean;\n }\n>;\n\nexport const products: Products = {\n pubsub: {\n label: \"Pub/Sub\",\n description: \"Low-level APIs for building realtime applications.\",\n icon: \"icon-product-pubsub-mono\",\n hoverIcon: \"icon-product-pubsub\",\n link: \"/docs/channels\",\n },\n chat: {\n label: \"Chat\",\n description: \"Build feature-rich live chat experiences.\",\n icon: \"icon-product-chat-mono\",\n hoverIcon: \"icon-product-chat\",\n link: \"/docs/chat\",\n },\n aiTransport: {\n label: \"AI Transport\",\n description: \"Drop-in realtime continuity for Gen-2 AI experiences.\",\n icon: \"icon-product-ai-transport-mono\",\n hoverIcon: \"icon-product-ai-transport\",\n },\n liveObjects: {\n label: \"LiveObjects\",\n description: \"Sync application state across client devices.\",\n icon: \"icon-product-liveobjects-mono\",\n hoverIcon: \"icon-product-liveobjects\",\n link: \"/docs/liveobjects\",\n },\n spaces: {\n label: \"Spaces\",\n description: \"Enhance your application with collaborative features.\",\n icon: \"icon-product-spaces-mono\",\n hoverIcon: \"icon-product-spaces\",\n link: \"/docs/spaces\",\n },\n liveSync: {\n label: \"LiveSync\",\n description: \"Fan-out database changes to client applications.\",\n icon: \"icon-product-livesync-mono\",\n hoverIcon: \"icon-product-livesync\",\n link: \"/docs/livesync\",\n },\n};\n"],"names":["productNames","products","pubsub","label","description","icon","hoverIcon","link","chat","aiTransport","liveObjects","spaces","liveSync"],"mappings":"AAEA,OAAO,MAAMA,aAAe,CAC1B,SACA,OACA,cACA,cACA,SACA,WACD,AAAU,AAgBX,QAAO,MAAMC,SAAqB,CAChCC,OAAQ,CACNC,MAAO,UACPC,YAAa,qDACbC,KAAM,2BACNC,UAAW,sBACXC,KAAM,gBACR,EACAC,KAAM,CACJL,MAAO,OACPC,YAAa,4CACbC,KAAM,yBACNC,UAAW,oBACXC,KAAM,YACR,EACAE,YAAa,CACXN,MAAO,eACPC,YAAa,wDACbC,KAAM,iCACNC,UAAW,2BACb,EACAI,YAAa,CACXP,MAAO,cACPC,YAAa,gDACbC,KAAM,gCACNC,UAAW,2BACXC,KAAM,mBACR,EACAI,OAAQ,CACNR,MAAO,SACPC,YAAa,wDACbC,KAAM,2BACNC,UAAW,sBACXC,KAAM,cACR,EACAK,SAAU,CACRT,MAAO,WACPC,YAAa,mDACbC,KAAM,6BACNC,UAAW,wBACXC,KAAM,gBACR,CACF,CAAE"}
1
+ {"version":3,"sources":["../../../src/core/ProductTile/data.ts"],"sourcesContent":["import { IconName } from \"../Icon/types\";\n\nexport const productNames = [\n \"pubsub\",\n \"chat\",\n \"aiTransport\",\n \"liveObjects\",\n \"spaces\",\n \"liveSync\",\n] as const;\n\nexport type ProductName = (typeof productNames)[number];\n\ntype Products = Record<\n ProductName,\n {\n label: string;\n description: string;\n link?: string;\n icon?: IconName;\n hoverIcon?: IconName;\n unavailable?: boolean;\n }\n>;\n\nexport const products: Products = {\n pubsub: {\n label: \"Pub/Sub\",\n description: \"Low-level APIs to build any realtime experience.\",\n icon: \"icon-product-pubsub-mono\",\n hoverIcon: \"icon-product-pubsub\",\n link: \"/docs/channels\",\n },\n chat: {\n label: \"Chat\",\n description: \"Rapidly build chat features and roll-out at scale.\",\n icon: \"icon-product-chat-mono\",\n hoverIcon: \"icon-product-chat\",\n link: \"/docs/chat\",\n },\n aiTransport: {\n label: \"AI Transport\",\n description: \"Drop-in realtime continuity for Gen-2 AI experiences.\",\n icon: \"icon-product-ai-transport-mono\",\n hoverIcon: \"icon-product-ai-transport\",\n },\n liveObjects: {\n label: \"LiveObjects\",\n description: \"Sync application state across multiple devices.\",\n icon: \"icon-product-liveobjects-mono\",\n hoverIcon: \"icon-product-liveobjects\",\n link: \"/docs/liveobjects\",\n },\n spaces: {\n label: \"Spaces\",\n description: \"Create collaborative environments in a few lines of code.\",\n icon: \"icon-product-spaces-mono\",\n hoverIcon: \"icon-product-spaces\",\n link: \"/docs/spaces\",\n },\n liveSync: {\n label: \"LiveSync\",\n description: \"Sync database changes with frontend clients.\",\n icon: \"icon-product-livesync-mono\",\n hoverIcon: \"icon-product-livesync\",\n link: \"/docs/livesync\",\n },\n};\n"],"names":["productNames","products","pubsub","label","description","icon","hoverIcon","link","chat","aiTransport","liveObjects","spaces","liveSync"],"mappings":"AAEA,OAAO,MAAMA,aAAe,CAC1B,SACA,OACA,cACA,cACA,SACA,WACD,AAAU,AAgBX,QAAO,MAAMC,SAAqB,CAChCC,OAAQ,CACNC,MAAO,UACPC,YAAa,mDACbC,KAAM,2BACNC,UAAW,sBACXC,KAAM,gBACR,EACAC,KAAM,CACJL,MAAO,OACPC,YAAa,qDACbC,KAAM,yBACNC,UAAW,oBACXC,KAAM,YACR,EACAE,YAAa,CACXN,MAAO,eACPC,YAAa,wDACbC,KAAM,iCACNC,UAAW,2BACb,EACAI,YAAa,CACXP,MAAO,cACPC,YAAa,kDACbC,KAAM,gCACNC,UAAW,2BACXC,KAAM,mBACR,EACAI,OAAQ,CACNR,MAAO,SACPC,YAAa,4DACbC,KAAM,2BACNC,UAAW,sBACXC,KAAM,cACR,EACAK,SAAU,CACRT,MAAO,WACPC,YAAa,+CACbC,KAAM,6BACNC,UAAW,wBACXC,KAAM,gBACR,CACF,CAAE"}
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.5635 11C20.8403 10.1303 21 9.21182 21 8.25C21 5.76472 18.9013 3.75 16.3125 3.75C14.3769 3.75 12.7153 4.87628 12 6.48342C11.2847 4.87628 9.62312 3.75 7.6875 3.75C5.09867 3.75 3 5.76472 3 8.25C3 9.21182 3.1597 10.1303 3.43654 11M19.3976 13.5C16.8104 17.6954 12 20.25 12 20.25C12 20.25 7.18957 17.6954 4.60242 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M2 13.4393H5.78505L7.75545 10.9907L9.72586 15.3738L11.6963 10L13.6667 13.6168L15.6371 10.9907L17.6075 13.4393H22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.30176 12.6826C3.55215 13.2053 3.83885 13.7053 4.14941 14.1826H2C1.58591 14.1826 1.2502 13.8467 1.25 13.4326C1.25 13.0184 1.58579 12.6826 2 12.6826H3.30176ZM22.0762 12.6865C22.4546 12.7247 22.75 13.0441 22.75 13.4326C22.7498 13.8209 22.4545 14.1405 22.0762 14.1787L22 14.1826H19.8506C20.1612 13.7053 20.4479 13.2053 20.6982 12.6826H22L22.0762 12.6865Z" fill="currentColor"/>
3
+ <path d="M13.0078 13.9688C13.1299 14.1928 13.3578 14.3399 13.6123 14.3584C13.8667 14.3769 14.1134 14.2645 14.2666 14.0605L15.6572 12.2051L17.0234 13.9023C17.1658 14.0792 17.3804 14.1826 17.6074 14.1826H19.8506C19.0151 15.4667 18.0015 16.5832 17.0117 17.5059C15.8491 18.5896 14.6891 19.4378 13.8213 20.0146C13.3867 20.3036 13.0231 20.5259 12.7666 20.6768C12.6386 20.7521 12.5374 20.8102 12.4668 20.8496C12.4315 20.8693 12.4031 20.884 12.3838 20.8945L12.3613 20.9072L12.3555 20.9111L12.3525 20.9121C12.1326 21.0289 11.8674 21.0289 11.6475 20.9121L11.6445 20.9111L11.6387 20.9072L11.6162 20.8945C11.5969 20.884 11.5685 20.8693 11.5332 20.8496C11.4626 20.8102 11.3614 20.7521 11.2334 20.6768C10.9769 20.5259 10.6133 20.3036 10.1787 20.0146C9.31091 19.4378 8.15088 18.5896 6.98828 17.5059C5.9985 16.5832 4.98487 15.4667 4.14941 14.1826H5.78516C6.01216 14.1826 6.2268 14.0792 6.36914 13.9023L7.57227 12.4062L9.04199 15.6748C9.16711 15.9526 9.44837 16.127 9.75293 16.1162C10.0574 16.1052 10.3247 15.9111 10.4297 15.625L11.8301 11.8057L13.0078 13.9688ZM16.3125 3C19.2864 3 21.75 5.32194 21.75 8.25C21.75 9.85866 21.3399 11.343 20.6982 12.6826H17.9668L16.2217 10.5137C16.0765 10.3333 15.8555 10.2304 15.624 10.2344C15.4216 10.2379 15.2304 10.3226 15.0928 10.4678L15.0371 10.5342L13.7666 12.2266L12.3545 9.63477C12.2136 9.37614 11.9343 9.22343 11.6406 9.24512C11.3837 9.26423 11.1575 9.41354 11.0371 9.63574L10.9922 9.73535L9.6543 13.3799L8.43945 10.6768C8.33249 10.4388 8.10933 10.2734 7.85059 10.2402C7.62411 10.2113 7.39867 10.2867 7.23633 10.4424L7.1709 10.5137L5.42578 12.6826H3.30176C2.66006 11.343 2.25 9.85866 2.25 8.25C2.25 5.32194 4.7136 3 7.6875 3C9.43638 3 11.0023 3.79925 12 5.05176C12.9977 3.79925 14.5636 3 16.3125 3Z" fill="currentColor"/>
4
+ </svg>
@@ -1,3 +1,3 @@
1
1
  <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M34 11H94C105.046 11 114 19.9543 114 31V105.41C114 110.623 107.81 113.356 103.957 109.844L81.1452 89.0442C80.4084 88.3724 79.4473 88 78.4502 88H34C22.9543 88 14 79.0457 14 68V31C14 19.9543 22.9543 11 34 11Z" stroke="currentColor" stroke-width="5"/>
2
+ <path d="M38 11H90C103.255 11 114 21.7452 114 35V105.41C114 110.623 107.81 113.356 103.957 109.844L81.1452 89.0442C80.4084 88.3724 79.4473 88 78.4502 88H38C24.7452 88 14 77.2548 14 64V35C14 21.7452 24.7452 11 38 11Z" stroke="currentColor" stroke-width="6"/>
3
3
  </svg>
@@ -1,4 +1 @@
1
- <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M76 11H93C106.255 11 117 21.7452 117 35V52M52 11H35C21.7452 11 11 21.7452 11 35V52M11 76V93C11 106.255 21.7452 117 35 117H52M117 76V93C117 106.255 106.255 117 93 117H76" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
3
- <path d="M43 66L60 83L86 45" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
4
- </svg>
1
+ <svg fill="none" height="128" viewBox="0 0 128 128" width="128" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-linecap="round" stroke-width="6"><path d="m76 11h17c13.255 0 24 10.7452 24 24v17m-65-41h-17c-13.2548 0-24 10.7452-24 24v17m0 24v17c0 13.255 10.7452 24 24 24h17m65-41v17c0 13.255-10.745 24-24 24h-17"/><path d="m43 66 17 17 26-38" stroke-linejoin="round"/></g></svg>
@@ -1,6 +1,6 @@
1
1
  <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M115.029 117H64V78.0148C64 77.1881 64.9462 76.7184 65.6047 77.2184L115.634 115.204C116.397 115.783 115.987 117 115.029 117Z" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
3
- <path d="M11 52V77C11 99.0914 28.9086 117 51 117H64" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
4
- <path d="M12.9708 11L64 11L64 49.9852C64 50.8119 63.0538 51.2816 62.3953 50.7816L12.366 12.7965C11.603 12.2171 12.0127 11 12.9708 11Z" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
5
- <path d="M117 76L117 51C117 28.9086 99.0914 11 77 11L64 11" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
2
+ <path d="M115.029 117H64V78.0148C64 77.1881 64.9462 76.7184 65.6047 77.2184L115.634 115.204C116.397 115.783 115.987 117 115.029 117Z" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
3
+ <path d="M11 52V77C11 99.0914 28.9086 117 51 117H64" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
4
+ <path d="M12.9708 11L64 11L64 49.9852C64 50.8119 63.0538 51.2816 62.3953 50.7816L12.366 12.7965C11.603 12.2171 12.0127 11 12.9708 11Z" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
5
+ <path d="M117 76L117 51C117 28.9086 99.0914 11 77 11L64 11" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
6
6
  </svg>
@@ -1,3 +1,3 @@
1
1
  <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M56.6034 13.8927L16.8017 77.8875C15.1445 80.552 17.0606 84 20.1984 84H62C63.1046 84 64 84.8954 64 86V111.995C64 116.018 69.2718 117.524 71.3967 114.107L111.198 50.1125C112.855 47.4481 110.939 44 107.802 44H66C64.8954 44 64 43.1046 64 42V16.0052C64 11.9818 58.7282 10.4762 56.6034 13.8927Z" stroke="currentColor" stroke-width="5"/>
2
+ <path d="M56.6038 13.8927L16.8021 77.8875C15.1449 80.552 17.061 84 20.1988 84H62.0004C63.105 84 64.0004 84.8954 64.0004 86V111.995C64.0004 116.018 69.2722 117.524 71.397 114.107L111.199 50.1125C112.856 47.4481 110.94 44 107.802 44H66.0004C64.8958 44 64.0004 43.1046 64.0004 42V16.0052C64.0004 11.9818 58.7286 10.4762 56.6038 13.8927Z" stroke="currentColor" stroke-width="6"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
1
  <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M41.2306 109.769L17.8256 25.2088C16.5818 20.7149 20.7149 16.5818 25.2088 17.8256L109.769 41.2306C115.314 42.7655 115.729 50.4697 110.38 52.5907L72.2134 67.7257C70.1627 68.5389 68.5389 70.1627 67.7257 72.2134L52.5907 110.38C50.4697 115.729 42.7655 115.314 41.2306 109.769Z" stroke="currentColor" stroke-width="5"/>
2
+ <path d="M41.2306 109.769L17.8256 25.2088C16.5818 20.7149 20.7149 16.5818 25.2088 17.8256L109.769 41.2306C115.314 42.7655 115.729 50.4697 110.38 52.5907L72.2134 67.7257C70.1627 68.5389 68.5389 70.1627 67.7257 72.2134L52.5907 110.38C50.4697 115.729 42.7655 115.314 41.2306 109.769Z" stroke="currentColor" stroke-width="6"/>
3
3
  </svg>
@@ -1 +1 @@
1
- <svg width="0" height="0" style="position:absolute"><defs><clipPath id="ama"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath><clipPath id="bia"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs><symbol viewBox="0 0 24 24" id="sprite-icon-gui-ably-badge" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M2.77 19.614 11.849 3H9.4L1 18.373l1.77 1.241Zm18.282 0L11.975 3h2.449l8.399 15.373-1.77 1.241Zm-9.14-6.962 9.014 7.06L19.086 21l-7.174-5.617L4.737 21l-1.84-1.288 9.014-7.06Z"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-check-circled-fill" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.832 7.555-6.667 10-1.613.07-3.333-4.167 1.562-1.25 2.479 3.1 5.908-8.863 1.664 1.11Z" fill="var(--ui-icon-secondary-color)"/></symbol><symbol fill="none" viewBox="0 0 12 12" id="sprite-icon-gui-check-lotus-circled" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6.375 5.625 7.5 7.5 4.875M10.5 6c0 .634-.315 1.195-.796 1.534a1.872 1.872 0 0 1-1.282 2.11c-.287.091-.592.111-.888.06A1.872 1.872 0 0 1 6 10.5a1.873 1.873 0 0 1-1.534-.796 1.873 1.873 0 0 1-2.17-2.17A1.872 1.872 0 0 1 1.5 6c0-.634.315-1.195.796-1.534a1.872 1.872 0 0 1 1.282-2.11c.287-.091.592-.111.888-.06a1.873 1.873 0 0 1 3.068 0 1.873 1.873 0 0 1 2.17 2.17A1.872 1.872 0 0 1 10.5 6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-checklist-checked" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 4c0-.69.56-1.25 1.25-1.25h11a.75.75 0 0 0 0-1.5H4A2.75 2.75 0 0 0 1.25 4v16A2.75 2.75 0 0 0 4 22.75h16A2.75 2.75 0 0 0 22.75 20V9.476a.75.75 0 0 0-1.5 0V20c0 .69-.56 1.25-1.25 1.25H4c-.69 0-1.25-.56-1.25-1.25V4Zm17.874-.584a.75.75 0 1 0-1.248-.832l-7.431 11.147-3.36-4.2a.75.75 0 0 0-1.17.938l4 5a.75.75 0 0 0 1.209-.053l8-12Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-code-doc" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.5H4a.5.5 0 0 1-.5-.5V2a.5.5 0 0 1 .5-.5h10.757a1.5 1.5 0 0 1 1.061.44l4.243 4.242a1.5 1.5 0 0 1 .439 1.06V22a.5.5 0 0 1-.5.5Zm1.121-17.379L16.88.88A3 3 0 0 0 14.757 0H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7.243a3 3 0 0 0-.879-2.122ZM9.481 8.076a.75.75 0 0 0-.961-1.152l-3 2.5a.75.75 0 0 0 0 1.152l3 2.5a.75.75 0 1 0 .96-1.152L7.172 10 9.48 8.076Zm4.235-1.794a.75.75 0 0 1 .502.933l-3 10a.75.75 0 0 1-1.436-.43l3-10a.75.75 0 0 1 .934-.503Zm.804 5.794a.75.75 0 0 1 .96-1.152l3 2.5a.75.75 0 0 1 0 1.152l-3 2.5a.75.75 0 1 1-.96-1.152L16.828 14l-2.308-1.924Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-cursor" xmlns="http://www.w3.org/2000/svg"><path d="m3.135 2.056 18.315 6.96c.703.268.742 1.277.06 1.6l-7.14 3.387a.858.858 0 0 0-.442.503l-2.325 6.911a.833.833 0 0 1-1.562.071L2.076 3.223c-.305-.7.36-1.433 1.06-1.167Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-expand" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.117 16.434a.801.801 0 1 0 1.191 1.072l4.474-4.971a.798.798 0 0 0 .01-1.088l-4.484-4.982a.801.801 0 1 0-1.19 1.072l3.282 3.647H6.246a.801.801 0 0 0 0 1.603H19.4l-3.283 3.647Z" fill="#03020D"/><path d="M2 18.7V5.223" stroke="#000" stroke-width="1.5" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-0" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682h20.712Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.527 1.527 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.215-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.36 1.36 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.252l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.148 1.148 0 0 1 1.01.599 1.196 1.196 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-1" xmlns="http://www.w3.org/2000/svg"><path d="M1.682 2.248h20.712c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.251l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-2" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-3" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.251l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-flower-growth" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.036 2.107a.75.75 0 1 0-.882-1.213c-2.475 1.8-3.756 4.449-4.4 6.988-.546 2.153-.647 4.275-.61 5.845H4.655a.75.75 0 0 0 0 1.5h1.39l.419 4.693a2.826 2.826 0 0 0 2.815 2.575h5.286a2.826 2.826 0 0 0 2.815-2.575l.419-4.693h1.39a.75.75 0 1 0 0-1.5H12.644c-.037-1.483.057-3.476.564-5.476.593-2.34 1.735-4.622 3.828-6.144Zm-5.123 13.12h4.381l-.407 4.56a1.326 1.326 0 0 1-1.321 1.208H9.28c-.687 0-1.26-.525-1.32-1.209l-.408-4.559h4.36Zm-1.48-6.399-.39-.64.741-.12c.048.302-.09.602-.35.76Zm-8.89-4.563-.203-.722h.002l.003-.001.01-.003.038-.01.139-.037A19.001 19.001 0 0 1 3.68 3.08a12.547 12.547 0 0 1 2.088-.113c.703.028 1.438.14 2.067.43 1.269.586 1.994 1.835 2.394 2.797a9.505 9.505 0 0 1 .546 1.826l.006.034.002.01v.005l-.74.12.39.64-.001.001-.003.002-.01.005-.029.018-.104.06a9.509 9.509 0 0 1-1.64.71c-.991.32-2.412.577-3.68-.008-.63-.29-1.193-.777-1.67-1.293A12.546 12.546 0 0 1 2.028 6.66 19.005 19.005 0 0 1 .885 4.629L.87 4.594l-.005-.01-.001-.003V4.58H.861l.681-.315Zm0 0-.203-.722A.75.75 0 0 0 .862 4.58l.681-.314Zm1.105.51c.17.31.387.682.638 1.069.327.504.706 1.021 1.112 1.461.412.446.819.775 1.196.95.744.342 1.705.227 2.592-.06a7.98 7.98 0 0 0 1.002-.402 7.979 7.979 0 0 0-.344-1.024c-.358-.86-.894-1.667-1.637-2.01-.377-.174-.892-.27-1.499-.294a11.062 11.062 0 0 0-1.833.102c-.457.06-.88.136-1.227.208Zm7.006 2.771Zm6.253-.792-.496-.563a.75.75 0 0 0-.213.809l.709-.246Zm7.061 1.862.616-.428v-.001l-.002-.003-.005-.007-.019-.026a10.658 10.658 0 0 0-.31-.415 15.013 15.013 0 0 0-.856-1.007 9.948 9.948 0 0 0-1.22-1.124c-.445-.339-.964-.65-1.516-.796-1.115-.294-2.219.121-2.948.507a7.59 7.59 0 0 0-1.265.847l-.021.019-.007.006-.002.002h-.001l.495.564-.709.246v.002l.002.003.003.008.01.027a5 5 0 0 0 .164.4c.114.253.286.598.518.96.444.696 1.2 1.6 2.315 1.895.552.145 1.157.13 1.71.055a9.948 9.948 0 0 0 1.617-.377 15 15 0 0 0 1.716-.662l.028-.014.009-.004.002-.001h.001l-.325-.676Zm0 0 .616-.428a.75.75 0 0 1-.29 1.103l-.326-.675Zm-1.673-.864c.178.191.341.38.484.55-.208.079-.443.162-.693.24-.441.14-.916.26-1.367.321-.459.062-.843.056-1.127-.019-.556-.146-1.048-.649-1.433-1.251a5.979 5.979 0 0 1-.333-.596c.162-.112.361-.237.584-.355.632-.334 1.307-.53 1.864-.382.283.074.62.258.99.539.361.275.715.614 1.03.953Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-further-reading" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#ama)" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"><rect x="1.65" y="5.429" width="17" height="17" rx="2.353"/><path d="M5.45 5.243v-1.29c0-1.3 1.054-2.353 2.353-2.353h12.294c1.3 0 2.353 1.053 2.353 2.353v12.294c0 1.3-1.053 2.353-2.353 2.353h-1.29M6.656 9.934h7M6.656 13.934h7M6.656 17.934h4"/></g></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-glasses" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.35 5.5a1.75 1.75 0 1 1 3.5 0V7a.75.75 0 1 0 1.5 0V5.5a3.25 3.25 0 0 0-6.5 0V18a.75.75 0 0 0 1.4.374V19A2.75 2.75 0 0 0 5 21.75h3A2.75 2.75 0 0 0 10.75 19v-.25h2.5V19A2.75 2.75 0 0 0 16 21.75h3A2.75 2.75 0 0 0 21.75 19v-.625a.75.75 0 0 0 1.4-.375V5.5a3.25 3.25 0 1 0-6.5 0V7a.75.75 0 0 0 1.5 0V5.5a1.75 1.75 0 1 1 3.5 0v10.762A2.751 2.751 0 0 0 19 14.25h-3A2.75 2.75 0 0 0 13.25 17v.25h-2.5V17A2.75 2.75 0 0 0 8 14.25H5a2.751 2.751 0 0 0-2.65 2.012V5.5ZM3.75 17c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25H5c-.69 0-1.25-.56-1.25-1.25v-2ZM16 15.75c-.69 0-1.25.56-1.25 1.25v2c0 .69.56 1.25 1.25 1.25h3c.69 0 1.25-.56 1.25-1.25v-2c0-.69-.56-1.25-1.25-1.25h-3Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-history" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10a1 1 0 1 1 2 0c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0a1 1 0 1 1 0 2Zm0 2a1 1 0 0 1 1 1v6.08a1 1 0 0 0 .35.76l2.8 2.4a1 1 0 0 1-1.3 1.52l-2.802-2.402A3 3 0 0 1 11 11.08V5a1 1 0 0 1 1-1Zm7.75 1.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM17.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM22 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-live-chat" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1a3 3 0 0 1 3 3v3h3a3 3 0 0 1 3 3v11.506c0 1.024-1.165 1.614-1.99 1.006l-2.938-2.16H9a3 3 0 0 1-3-3v-3H4.928l-2.937 2.16C1.165 17.12 0 16.53 0 15.506V4a3 3 0 0 1 3-3h12ZM8 14.351v3a1 1 0 0 0 1 1h10.728L22 20.023V10a1 1 0 0 0-1-1h-3v2.351a3 3 0 0 1-3 3H8ZM16 9v2.351a1 1 0 0 1-1 1H8V10a1 1 0 0 1 1-1h7Zm0-2H9a3 3 0 0 0-3 3v2.351H4.272L2 14.023V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-mouse" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 .25A7.75 7.75 0 0 0 4.25 8v8a7.75 7.75 0 0 0 15.5 0V8A7.75 7.75 0 0 0 12 .25ZM5.75 8a6.25 6.25 0 1 1 12.5 0v8a6.25 6.25 0 1 1-12.5 0V8ZM12 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-partial" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 12c0 5.799 4.701 10.5 10.5 10.5S22.5 17.799 22.5 12 17.799 1.5 12 1.5 1.5 6.201 1.5 12ZM0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0 0 5.373 0 12Z" fill="currentColor"/><path d="M11.583 23.576C5.38 23.356.417 18.258.417 12 .417 5.742 5.379.643 11.583.424v23.152Z" fill="currentColor" stroke="currentColor" stroke-width=".833"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-pitfall" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.55 4.284A3.426 3.426 0 0 1 3.976.858h13.38a3.426 3.426 0 0 1 3.426 3.426v6.104a.75.75 0 0 1-1.5 0V6.602H2.05v11.061c0 1.064.862 1.926 1.926 1.926h4.348a.75.75 0 0 1 0 1.5H3.976A3.426 3.426 0 0 1 .55 17.663V4.283Zm1.5.818h17.232v-.818a1.926 1.926 0 0 0-1.926-1.926H3.976A1.926 1.926 0 0 0 2.05 4.284v.818Zm12.918 6.217c.774-1.34 2.71-1.34 3.483 0l4.745 8.218c.773 1.34-.194 3.016-1.742 3.016h-9.489c-1.548 0-2.515-1.676-1.741-3.016l4.744-8.218Zm2.184.75a.51.51 0 0 0-.885 0l-4.744 8.218a.51.51 0 0 0 .442.766h9.49a.51.51 0 0 0 .442-.766l-4.745-8.218ZM16 17.65a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-1.5 0v3.5Zm1.468 1.951a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.4 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-ai-transport-outline" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M11.498 1.016c.334 0 .628.221.72.543l.811 2.841A3.743 3.743 0 0 0 15.6 6.971l2.841.812a.749.749 0 0 1 0 1.44l-2.84.811a3.743 3.743 0 0 0-2.572 2.572l-.812 2.84a.749.749 0 0 1-1.44 0l-.811-2.84a3.743 3.743 0 0 0-2.571-2.572l-2.841-.811a.749.749 0 0 1 0-1.44l2.84-.812a3.743 3.743 0 0 0 2.572-2.57l.812-2.842a.749.749 0 0 1 .72-.543Z" stroke="currentColor" stroke-width="1.307" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.455 14.642 3.56 18.536M5.059 12.995l-2.097 2.097" stroke="currentColor" stroke-width="1.307" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-ai-transport-solid" xmlns="http://www.w3.org/2000/svg"><path d="M19.638 8.502c0 .626-.415 1.177-1.017 1.349l-2.841.812a3.09 3.09 0 0 0-2.122 2.121l-.812 2.842a1.402 1.402 0 0 1-2.697 0l-.812-2.841a3.09 3.09 0 0 0-2.121-2.122L4.374 9.85a1.402 1.402 0 0 1 0-2.697l2.842-.812A3.09 3.09 0 0 0 9.337 4.22l.812-2.841a1.402 1.402 0 0 1 2.697 0l.812 2.841a3.09 3.09 0 0 0 2.122 2.122l2.841.812a1.403 1.403 0 0 1 1.017 1.348ZM6.993 14.18a.653.653 0 1 1 .924.924l-3.894 3.893a.653.653 0 0 1-.924-.924l3.894-3.893ZM4.597 12.533a.653.653 0 1 1 .924.924l-2.097 2.096a.653.653 0 1 1-.924-.924l2.097-2.096Z" fill="#FF5416"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-asset-tracking-outline" xmlns="http://www.w3.org/2000/svg"><path d="m13.32 20.397.558.5-.558-.5Zm-2.64 0-.558.5.558-.5Zm7.807-10.167c0 .644-.2 1.42-.571 2.292-.369.865-.888 1.779-1.482 2.685-1.189 1.813-2.64 3.538-3.672 4.69l1.116 1c1.056-1.176 2.563-2.964 3.81-4.867.624-.952 1.193-1.947 1.608-2.92.411-.965.69-1.953.69-2.88h-1.5ZM12 3.743a6.487 6.487 0 0 1 6.487 6.487h1.5A7.987 7.987 0 0 0 12 2.243v1.5ZM5.513 10.23A6.487 6.487 0 0 1 12 3.743v-1.5a7.987 7.987 0 0 0-7.987 7.987h1.5Zm5.726 9.666c-1.033-1.151-2.484-2.876-3.673-4.689-.594-.906-1.113-1.82-1.482-2.685-.371-.871-.57-1.648-.57-2.292h-1.5c0 .927.279 1.915.69 2.88.415.973.984 1.968 1.608 2.92 1.248 1.903 2.755 3.691 3.81 4.868l1.117-1.002Zm1.523 0a1.009 1.009 0 0 1-1.524 0l-1.116 1.002a2.509 2.509 0 0 0 3.756 0l-1.116-1.002Zm1.383-9.666c0 1.185-.96 2.145-2.145 2.145v1.5a3.645 3.645 0 0 0 3.645-3.645h-1.5ZM12 8.085c1.184 0 2.145.96 2.145 2.145h1.5A3.645 3.645 0 0 0 12 6.585v1.5ZM9.855 10.23c0-1.184.96-2.145 2.145-2.145v-1.5a3.645 3.645 0 0 0-3.645 3.645h1.5ZM12 12.375a2.145 2.145 0 0 1-2.145-2.145h-1.5A3.645 3.645 0 0 0 12 13.875v-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-asset-tracking-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.013 10.23a7.987 7.987 0 0 1 15.974 0c0 .927-.28 1.915-.691 2.88-.415.973-.984 1.968-1.608 2.92-1.247 1.903-2.754 3.691-3.81 4.868a2.509 2.509 0 0 1-3.756 0c-1.055-1.177-2.562-2.965-3.81-4.868-.624-.952-1.193-1.947-1.608-2.92-.411-.965-.69-1.953-.69-2.88Zm4.342 0a3.645 3.645 0 1 1 7.29 0 3.645 3.645 0 0 1-7.29 0Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-chat-outline" xmlns="http://www.w3.org/2000/svg"><path d="M7 3h10a3.333 3.333 0 0 1 3.333 3.333v12.402c0 .869-1.031 1.324-1.673.739l-3.802-3.467a.667.667 0 0 0-.45-.174H7A3.333 3.333 0 0 1 3.667 12.5V6.333A3.333 3.333 0 0 1 7 3Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-chat-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.917 6.333A4.083 4.083 0 0 1 7 2.25h10a4.083 4.083 0 0 1 4.083 4.083v12.402c0 1.52-1.805 2.318-2.929 1.293l-3.778-3.445H7A4.083 4.083 0 0 1 2.917 12.5V6.333Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-liveobjects-outline" xmlns="http://www.w3.org/2000/svg"><path d="M14.038 3h2.886A4.076 4.076 0 0 1 21 7.075v2.887M9.962 3H7.075A4.075 4.075 0 0 0 3 7.075v2.887m0 4.076v2.886A4.076 4.076 0 0 0 7.075 21h2.887M21 14.038v2.886A4.076 4.076 0 0 1 16.924 21h-2.886" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="m8.434 12.34 2.887 2.886 4.415-6.452" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-liveobjects-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H7Zm9.355 7.197a.75.75 0 0 0-1.238-.847l-3.905 5.707-2.248-2.248a.75.75 0 1 0-1.06 1.06l2.886 2.888a.75.75 0 0 0 1.15-.107l4.415-6.453Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-livesync-outline" xmlns="http://www.w3.org/2000/svg"><path d="M19.703 20H12v-5.884c0-.125.143-.196.242-.12l7.552 5.733a.151.151 0 0 1-.091.271ZM4 10.188v3.774A6.038 6.038 0 0 0 10.038 20H12M4.297 4H12v5.884a.151.151 0 0 1-.242.12L4.206 4.272A.15.15 0 0 1 4.297 4ZM20 13.812v-3.774A6.038 6.038 0 0 0 13.962 4H12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-livesync-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 14.561a.75.75 0 0 1-.75-.75v-3.773a5.288 5.288 0 0 0-5.288-5.288H12.75v5.134a.9.9 0 0 1-1.446.718L3.753 4.868c-.688-.522-.319-1.618.544-1.618h9.665a6.788 6.788 0 0 1 6.788 6.788v3.773a.75.75 0 0 1-.75.75ZM4 9.438a.75.75 0 0 1 .75.75v3.774a5.288 5.288 0 0 0 5.288 5.288h1.212v-5.134a.901.901 0 0 1 1.446-.718l7.551 5.733c.688.523.319 1.619-.544 1.619h-9.665a6.788 6.788 0 0 1-6.788-6.788v-3.774a.75.75 0 0 1 .75-.75Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-pubsub-outline" xmlns="http://www.w3.org/2000/svg"><path d="M10.994 3.328 4.106 14.403a.692.692 0 0 0 .587 1.058h7.235c.191 0 .346.155.346.347v4.498c0 .697.913.957 1.28.366l6.889-11.076a.692.692 0 0 0-.588-1.057H12.62a.346.346 0 0 1-.346-.347V3.694c0-.697-.912-.957-1.28-.366Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-pubsub-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.357 2.932c.766-1.232 2.667-.69 2.667.762v4.095h6.831a1.442 1.442 0 0 1 1.225 2.204L14.19 21.068c-.766 1.232-2.667.69-2.667-.761v-4.095h-6.83a1.442 1.442 0 0 1-1.225-2.204l6.888-11.076Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-spaces-outline" xmlns="http://www.w3.org/2000/svg"><path d="M8.262 19.89 4.292 5.543a1.018 1.018 0 0 1 1.252-1.252l14.345 3.97c.941.26 1.011 1.568.104 1.928l-6.475 2.567a1.358 1.358 0 0 0-.761.761l-2.567 6.475c-.36.907-1.667.837-1.928-.104Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-spaces-solid" xmlns="http://www.w3.org/2000/svg"><path d="M3.569 5.744C3.203 4.42 4.42 3.203 5.744 3.57l14.345 3.97c1.634.453 1.756 2.723.18 3.348l-6.474 2.567a.607.607 0 0 0-.34.34l-2.568 6.476c-.625 1.575-2.895 1.453-3.348-.18L3.57 5.743Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-quote-marks-fill" xmlns="http://www.w3.org/2000/svg"><path d="M22.467 21.167a1 1 0 0 1-1 1h-6.468a1 1 0 0 1-1-1v-5.7c0-2.734.232-4.878.695-6.434.486-1.555 1.37-2.955 2.65-4.2 1.096-1.047 2.427-1.905 3.992-2.575.5-.213 1.066.047 1.263.553l.405 1.046c.207.532-.076 1.124-.591 1.37-1.39.662-2.478 1.63-3.146 2.54-.65.91-1.206 2.466-1.41 4.013-.074.556.381 1.02.943 1.02h2.667a1 1 0 0 1 1 1v7.367ZM9.068 21.167a1 1 0 0 1-1 1H1.6a1 1 0 0 1-1-1v-5.7c0-2.734.232-4.878.695-6.434.486-1.555 1.37-2.955 2.65-4.2C5.04 3.786 6.372 2.928 7.937 2.258c.5-.213 1.066.047 1.263.553l.405 1.046c.207.532-.076 1.124-.591 1.37-1.39.662-2.478 1.63-3.146 2.54-.65.91-1.206 2.466-1.41 4.013-.074.556.381 1.02.943 1.02h2.667a1 1 0 0 1 1 1v7.367Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-refresh" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#bia)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.65.24a1 1 0 0 0-1.3 1.52l1.522 1.305C5.92 3.635 2 7.909 2 13c0 5.472 4.528 10 10 10s10-4.528 10-10a1 1 0 1 0-2 0c0 4.368-3.632 8-8 8s-8-3.632-8-8c0-4.038 3.105-7.448 7.025-7.94L9.293 6.794a1 1 0 1 0 1.414 1.414l3.5-3.5a1 1 0 0 0-.056-1.466l-3.5-3Z" fill="currentColor"/></g></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-resources" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1.5c-.69 0-1.25.56-1.25 1.25v1H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1c0 .69.56 1.25 1.25 1.25h13.5c.69 0 1.25-.56 1.25-1.25v-1.5H12A2.75 2.75 0 0 1 9.25 17v-5A2.75 2.75 0 0 1 12 9.25h7.75v-5.5A2.25 2.25 0 0 0 17.5 1.5H5ZM2.25 2.75v1H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1A2.75 2.75 0 0 0 5 24h13.5a2.75 2.75 0 0 0 2.75-2.75v-1.511A2.75 2.75 0 0 0 23.75 17v-5a2.75 2.75 0 0 0-2.5-2.739V3.75A3.75 3.75 0 0 0 17.5 0H5a2.75 2.75 0 0 0-2.75 2.75Zm18.25 8H12c-.69 0-1.25.56-1.25 1.25v5c0 .69.56 1.25 1.25 1.25h9c.69 0 1.25-.56 1.25-1.25v-5c0-.69-.56-1.25-1.25-1.25h-.5Zm-8-6.5a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-1Zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-3Zm1.5 9.508 1.975 1.241L15.5 15.74v-2.482Zm2.542 2.066a.971.971 0 0 0 0-1.65l-2.024-1.272c-.641-.402-1.518.034-1.518.825v2.545c0 .79.877 1.227 1.518.824l2.024-1.272Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-spinner-dark" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z" fill="#687288"/><path d="M20 12h2A10 10 0 0 0 12 2v2a8 8 0 0 1 8 8Z" fill="#FF5416"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-spinner-light" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z" fill="#EEF1F6"/><path d="M20 12h2A10 10 0 0 0 12 2v2a8 8 0 0 1 8 8Z" fill="#FF5416"/></symbol></svg>
1
+ <svg width="0" height="0" style="position:absolute"><defs><clipPath id="ama"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath><clipPath id="bka"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs><symbol viewBox="0 0 24 24" id="sprite-icon-gui-ably-badge" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M2.77 19.614 11.849 3H9.4L1 18.373l1.77 1.241Zm18.282 0L11.975 3h2.449l8.399 15.373-1.77 1.241Zm-9.14-6.962 9.014 7.06L19.086 21l-7.174-5.617L4.737 21l-1.84-1.288 9.014-7.06Z"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-check-circled-fill" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.832 7.555-6.667 10-1.613.07-3.333-4.167 1.562-1.25 2.479 3.1 5.908-8.863 1.664 1.11Z" fill="var(--ui-icon-secondary-color)"/></symbol><symbol fill="none" viewBox="0 0 12 12" id="sprite-icon-gui-check-lotus-circled" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6.375 5.625 7.5 7.5 4.875M10.5 6c0 .634-.315 1.195-.796 1.534a1.872 1.872 0 0 1-1.282 2.11c-.287.091-.592.111-.888.06A1.872 1.872 0 0 1 6 10.5a1.873 1.873 0 0 1-1.534-.796 1.873 1.873 0 0 1-2.17-2.17A1.872 1.872 0 0 1 1.5 6c0-.634.315-1.195.796-1.534a1.872 1.872 0 0 1 1.282-2.11c.287-.091.592-.111.888-.06a1.873 1.873 0 0 1 3.068 0 1.873 1.873 0 0 1 2.17 2.17A1.872 1.872 0 0 1 10.5 6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-checklist-checked" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 4c0-.69.56-1.25 1.25-1.25h11a.75.75 0 0 0 0-1.5H4A2.75 2.75 0 0 0 1.25 4v16A2.75 2.75 0 0 0 4 22.75h16A2.75 2.75 0 0 0 22.75 20V9.476a.75.75 0 0 0-1.5 0V20c0 .69-.56 1.25-1.25 1.25H4c-.69 0-1.25-.56-1.25-1.25V4Zm17.874-.584a.75.75 0 1 0-1.248-.832l-7.431 11.147-3.36-4.2a.75.75 0 0 0-1.17.938l4 5a.75.75 0 0 0 1.209-.053l8-12Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-code-doc" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.5H4a.5.5 0 0 1-.5-.5V2a.5.5 0 0 1 .5-.5h10.757a1.5 1.5 0 0 1 1.061.44l4.243 4.242a1.5 1.5 0 0 1 .439 1.06V22a.5.5 0 0 1-.5.5Zm1.121-17.379L16.88.88A3 3 0 0 0 14.757 0H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7.243a3 3 0 0 0-.879-2.122ZM9.481 8.076a.75.75 0 0 0-.961-1.152l-3 2.5a.75.75 0 0 0 0 1.152l3 2.5a.75.75 0 1 0 .96-1.152L7.172 10 9.48 8.076Zm4.235-1.794a.75.75 0 0 1 .502.933l-3 10a.75.75 0 0 1-1.436-.43l3-10a.75.75 0 0 1 .934-.503Zm.804 5.794a.75.75 0 0 1 .96-1.152l3 2.5a.75.75 0 0 1 0 1.152l-3 2.5a.75.75 0 1 1-.96-1.152L16.828 14l-2.308-1.924Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-cursor" xmlns="http://www.w3.org/2000/svg"><path d="m3.135 2.056 18.315 6.96c.703.268.742 1.277.06 1.6l-7.14 3.387a.858.858 0 0 0-.442.503l-2.325 6.911a.833.833 0 0 1-1.562.071L2.076 3.223c-.305-.7.36-1.433 1.06-1.167Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-expand" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.117 16.434a.801.801 0 1 0 1.191 1.072l4.474-4.971a.798.798 0 0 0 .01-1.088l-4.484-4.982a.801.801 0 1 0-1.19 1.072l3.282 3.647H6.246a.801.801 0 0 0 0 1.603H19.4l-3.283 3.647Z" fill="#03020D"/><path d="M2 18.7V5.223" stroke="#000" stroke-width="1.5" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-0" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682h20.712Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.527 1.527 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.215-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.36 1.36 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.252l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.148 1.148 0 0 1 1.01.599 1.196 1.196 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-1" xmlns="http://www.w3.org/2000/svg"><path d="M1.682 2.248h20.712c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.251l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-2" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Zm12.618 1.5H6.013l.838 1.5h10.376l.838-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-filter-flow-step-3" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.394 2.248H1.682Zm-20.712 0H1.68Zm20.712 0c.26 0 .51.076.725.212.214.137.383.327.497.545a1.528 1.528 0 0 1 .006 1.404l-.004.007-2.071 3.932a.75.75 0 0 1-.664.4H3.195a.75.75 0 0 1-.663-.4L.458 4.412A1.524 1.524 0 0 1 .46 3.008c.114-.218.282-.409.496-.546.214-.137.465-.214.725-.214m20.593 1.5H1.805l1.844 3.5H20.43l1.843-3.5Zm.121 0ZM3.565 10.248H20.51c.236 0 .464.067.66.19a1.3 1.3 0 0 1 .457.49 1.362 1.362 0 0 1 .006 1.273l-.004.008-1.694 3.145a.75.75 0 0 1-.66.394H4.802a.75.75 0 0 1-.66-.394l-1.697-3.15a1.358 1.358 0 0 1 .002-1.274 1.3 1.3 0 0 1 .456-.491c.196-.123.424-.19.66-.191Zm16.61 1.5-1.348 2.5H5.251l-1.347-2.5h16.27Zm.337 0ZM5.447 17.248h13.181a1.149 1.149 0 0 1 1.01.599 1.195 1.195 0 0 1 .006 1.15l-.004.008-1.318 2.359a.75.75 0 0 1-.655.384H6.411a.75.75 0 0 1-.655-.384L4.436 19a1.193 1.193 0 0 1 .42-1.587c.177-.107.381-.165.59-.165Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-flower-growth" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.036 2.107a.75.75 0 1 0-.882-1.213c-2.475 1.8-3.756 4.449-4.4 6.988-.546 2.153-.647 4.275-.61 5.845H4.655a.75.75 0 0 0 0 1.5h1.39l.419 4.693a2.826 2.826 0 0 0 2.815 2.575h5.286a2.826 2.826 0 0 0 2.815-2.575l.419-4.693h1.39a.75.75 0 1 0 0-1.5H12.644c-.037-1.483.057-3.476.564-5.476.593-2.34 1.735-4.622 3.828-6.144Zm-5.123 13.12h4.381l-.407 4.56a1.326 1.326 0 0 1-1.321 1.208H9.28c-.687 0-1.26-.525-1.32-1.209l-.408-4.559h4.36Zm-1.48-6.399-.39-.64.741-.12c.048.302-.09.602-.35.76Zm-8.89-4.563-.203-.722h.002l.003-.001.01-.003.038-.01.139-.037A19.001 19.001 0 0 1 3.68 3.08a12.547 12.547 0 0 1 2.088-.113c.703.028 1.438.14 2.067.43 1.269.586 1.994 1.835 2.394 2.797a9.505 9.505 0 0 1 .546 1.826l.006.034.002.01v.005l-.74.12.39.64-.001.001-.003.002-.01.005-.029.018-.104.06a9.509 9.509 0 0 1-1.64.71c-.991.32-2.412.577-3.68-.008-.63-.29-1.193-.777-1.67-1.293A12.546 12.546 0 0 1 2.028 6.66 19.005 19.005 0 0 1 .885 4.629L.87 4.594l-.005-.01-.001-.003V4.58H.861l.681-.315Zm0 0-.203-.722A.75.75 0 0 0 .862 4.58l.681-.314Zm1.105.51c.17.31.387.682.638 1.069.327.504.706 1.021 1.112 1.461.412.446.819.775 1.196.95.744.342 1.705.227 2.592-.06a7.98 7.98 0 0 0 1.002-.402 7.979 7.979 0 0 0-.344-1.024c-.358-.86-.894-1.667-1.637-2.01-.377-.174-.892-.27-1.499-.294a11.062 11.062 0 0 0-1.833.102c-.457.06-.88.136-1.227.208Zm7.006 2.771Zm6.253-.792-.496-.563a.75.75 0 0 0-.213.809l.709-.246Zm7.061 1.862.616-.428v-.001l-.002-.003-.005-.007-.019-.026a10.658 10.658 0 0 0-.31-.415 15.013 15.013 0 0 0-.856-1.007 9.948 9.948 0 0 0-1.22-1.124c-.445-.339-.964-.65-1.516-.796-1.115-.294-2.219.121-2.948.507a7.59 7.59 0 0 0-1.265.847l-.021.019-.007.006-.002.002h-.001l.495.564-.709.246v.002l.002.003.003.008.01.027a5 5 0 0 0 .164.4c.114.253.286.598.518.96.444.696 1.2 1.6 2.315 1.895.552.145 1.157.13 1.71.055a9.948 9.948 0 0 0 1.617-.377 15 15 0 0 0 1.716-.662l.028-.014.009-.004.002-.001h.001l-.325-.676Zm0 0 .616-.428a.75.75 0 0 1-.29 1.103l-.326-.675Zm-1.673-.864c.178.191.341.38.484.55-.208.079-.443.162-.693.24-.441.14-.916.26-1.367.321-.459.062-.843.056-1.127-.019-.556-.146-1.048-.649-1.433-1.251a5.979 5.979 0 0 1-.333-.596c.162-.112.361-.237.584-.355.632-.334 1.307-.53 1.864-.382.283.074.62.258.99.539.361.275.715.614 1.03.953Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-further-reading" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#ama)" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"><rect x="1.65" y="5.429" width="17" height="17" rx="2.353"/><path d="M5.45 5.243v-1.29c0-1.3 1.054-2.353 2.353-2.353h12.294c1.3 0 2.353 1.053 2.353 2.353v12.294c0 1.3-1.053 2.353-2.353 2.353h-1.29M6.656 9.934h7M6.656 13.934h7M6.656 17.934h4"/></g></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-glasses" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.35 5.5a1.75 1.75 0 1 1 3.5 0V7a.75.75 0 1 0 1.5 0V5.5a3.25 3.25 0 0 0-6.5 0V18a.75.75 0 0 0 1.4.374V19A2.75 2.75 0 0 0 5 21.75h3A2.75 2.75 0 0 0 10.75 19v-.25h2.5V19A2.75 2.75 0 0 0 16 21.75h3A2.75 2.75 0 0 0 21.75 19v-.625a.75.75 0 0 0 1.4-.375V5.5a3.25 3.25 0 1 0-6.5 0V7a.75.75 0 0 0 1.5 0V5.5a1.75 1.75 0 1 1 3.5 0v10.762A2.751 2.751 0 0 0 19 14.25h-3A2.75 2.75 0 0 0 13.25 17v.25h-2.5V17A2.75 2.75 0 0 0 8 14.25H5a2.751 2.751 0 0 0-2.65 2.012V5.5ZM3.75 17c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25H5c-.69 0-1.25-.56-1.25-1.25v-2ZM16 15.75c-.69 0-1.25.56-1.25 1.25v2c0 .69.56 1.25 1.25 1.25h3c.69 0 1.25-.56 1.25-1.25v-2c0-.69-.56-1.25-1.25-1.25h-3Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-heartbeat-outline" xmlns="http://www.w3.org/2000/svg"><path d="M20.564 11c.276-.87.436-1.788.436-2.75 0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 .962.16 1.88.437 2.75m15.96 2.5C16.81 17.695 12 20.25 12 20.25s-4.81-2.555-7.398-6.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 13.44h3.785l1.97-2.45 1.97 4.384L11.697 10l1.97 3.617 1.971-2.626 1.97 2.448H22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-heartbeat-solid" xmlns="http://www.w3.org/2000/svg"><path d="M3.302 12.683c.25.522.537 1.022.847 1.5H2a.75.75 0 0 1 0-1.5h1.302Zm18.774.004a.75.75 0 0 1 0 1.492l-.076.004h-2.15c.311-.478.598-.978.848-1.5H22l.076.004Z" fill="currentColor"/><path d="M13.008 13.969a.751.751 0 0 0 1.259.091l1.39-1.855 1.366 1.697a.75.75 0 0 0 .584.28h2.244c-.836 1.285-1.85 2.401-2.84 3.324a25.175 25.175 0 0 1-4.244 3.17c-.128.076-.23.134-.3.174l-.083.044-.023.013-.006.004-.003.001a.753.753 0 0 1-.704 0h-.003l-.006-.005-.023-.012-.083-.045a22.81 22.81 0 0 1-1.355-.835 25.176 25.176 0 0 1-3.19-2.51c-.99-.922-2.003-2.038-2.839-3.322h1.636a.75.75 0 0 0 .584-.28l1.203-1.497 1.47 3.269a.75.75 0 0 0 1.388-.05l1.4-3.82 1.178 2.164ZM16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 1.609-.41 3.093-1.052 4.433h-2.731l-1.745-2.17a.75.75 0 0 0-1.13-.045l-.055.066-1.27 1.693-1.412-2.592a.75.75 0 0 0-1.318 0l-.045.1-1.338 3.645-1.215-2.703a.75.75 0 0 0-1.203-.235l-.065.072-1.745 2.169H3.302C2.66 11.343 2.25 9.859 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-history" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10a1 1 0 1 1 2 0c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0a1 1 0 1 1 0 2Zm0 2a1 1 0 0 1 1 1v6.08a1 1 0 0 0 .35.76l2.8 2.4a1 1 0 0 1-1.3 1.52l-2.802-2.402A3 3 0 0 1 11 11.08V5a1 1 0 0 1 1-1Zm7.75 1.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM17.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM22 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-live-chat" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1a3 3 0 0 1 3 3v3h3a3 3 0 0 1 3 3v11.506c0 1.024-1.165 1.614-1.99 1.006l-2.938-2.16H9a3 3 0 0 1-3-3v-3H4.928l-2.937 2.16C1.165 17.12 0 16.53 0 15.506V4a3 3 0 0 1 3-3h12ZM8 14.351v3a1 1 0 0 0 1 1h10.728L22 20.023V10a1 1 0 0 0-1-1h-3v2.351a3 3 0 0 1-3 3H8ZM16 9v2.351a1 1 0 0 1-1 1H8V10a1 1 0 0 1 1-1h7Zm0-2H9a3 3 0 0 0-3 3v2.351H4.272L2 14.023V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-mouse" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 .25A7.75 7.75 0 0 0 4.25 8v8a7.75 7.75 0 0 0 15.5 0V8A7.75 7.75 0 0 0 12 .25ZM5.75 8a6.25 6.25 0 1 1 12.5 0v8a6.25 6.25 0 1 1-12.5 0V8ZM12 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-partial" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 12c0 5.799 4.701 10.5 10.5 10.5S22.5 17.799 22.5 12 17.799 1.5 12 1.5 1.5 6.201 1.5 12ZM0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0 0 5.373 0 12Z" fill="currentColor"/><path d="M11.583 23.576C5.38 23.356.417 18.258.417 12 .417 5.742 5.379.643 11.583.424v23.152Z" fill="currentColor" stroke="currentColor" stroke-width=".833"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-pitfall" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.55 4.284A3.426 3.426 0 0 1 3.976.858h13.38a3.426 3.426 0 0 1 3.426 3.426v6.104a.75.75 0 0 1-1.5 0V6.602H2.05v11.061c0 1.064.862 1.926 1.926 1.926h4.348a.75.75 0 0 1 0 1.5H3.976A3.426 3.426 0 0 1 .55 17.663V4.283Zm1.5.818h17.232v-.818a1.926 1.926 0 0 0-1.926-1.926H3.976A1.926 1.926 0 0 0 2.05 4.284v.818Zm12.918 6.217c.774-1.34 2.71-1.34 3.483 0l4.745 8.218c.773 1.34-.194 3.016-1.742 3.016h-9.489c-1.548 0-2.515-1.676-1.741-3.016l4.744-8.218Zm2.184.75a.51.51 0 0 0-.885 0l-4.744 8.218a.51.51 0 0 0 .442.766h9.49a.51.51 0 0 0 .442-.766l-4.745-8.218ZM16 17.65a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-1.5 0v3.5Zm1.468 1.951a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.4 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-ai-transport-outline" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M11.498 1.016c.334 0 .628.221.72.543l.811 2.841A3.743 3.743 0 0 0 15.6 6.971l2.841.812a.749.749 0 0 1 0 1.44l-2.84.811a3.743 3.743 0 0 0-2.572 2.572l-.812 2.84a.749.749 0 0 1-1.44 0l-.811-2.84a3.743 3.743 0 0 0-2.571-2.572l-2.841-.811a.749.749 0 0 1 0-1.44l2.84-.812a3.743 3.743 0 0 0 2.572-2.57l.812-2.842a.749.749 0 0 1 .72-.543Z" stroke="currentColor" stroke-width="1.307" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.455 14.642 3.56 18.536M5.059 12.995l-2.097 2.097" stroke="currentColor" stroke-width="1.307" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-ai-transport-solid" xmlns="http://www.w3.org/2000/svg"><path d="M19.638 8.502c0 .626-.415 1.177-1.017 1.349l-2.841.812a3.09 3.09 0 0 0-2.122 2.121l-.812 2.842a1.402 1.402 0 0 1-2.697 0l-.812-2.841a3.09 3.09 0 0 0-2.121-2.122L4.374 9.85a1.402 1.402 0 0 1 0-2.697l2.842-.812A3.09 3.09 0 0 0 9.337 4.22l.812-2.841a1.402 1.402 0 0 1 2.697 0l.812 2.841a3.09 3.09 0 0 0 2.122 2.122l2.841.812a1.403 1.403 0 0 1 1.017 1.348ZM6.993 14.18a.653.653 0 1 1 .924.924l-3.894 3.893a.653.653 0 0 1-.924-.924l3.894-3.893ZM4.597 12.533a.653.653 0 1 1 .924.924l-2.097 2.096a.653.653 0 1 1-.924-.924l2.097-2.096Z" fill="#FF5416"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-asset-tracking-outline" xmlns="http://www.w3.org/2000/svg"><path d="m13.32 20.397.558.5-.558-.5Zm-2.64 0-.558.5.558-.5Zm7.807-10.167c0 .644-.2 1.42-.571 2.292-.369.865-.888 1.779-1.482 2.685-1.189 1.813-2.64 3.538-3.672 4.69l1.116 1c1.056-1.176 2.563-2.964 3.81-4.867.624-.952 1.193-1.947 1.608-2.92.411-.965.69-1.953.69-2.88h-1.5ZM12 3.743a6.487 6.487 0 0 1 6.487 6.487h1.5A7.987 7.987 0 0 0 12 2.243v1.5ZM5.513 10.23A6.487 6.487 0 0 1 12 3.743v-1.5a7.987 7.987 0 0 0-7.987 7.987h1.5Zm5.726 9.666c-1.033-1.151-2.484-2.876-3.673-4.689-.594-.906-1.113-1.82-1.482-2.685-.371-.871-.57-1.648-.57-2.292h-1.5c0 .927.279 1.915.69 2.88.415.973.984 1.968 1.608 2.92 1.248 1.903 2.755 3.691 3.81 4.868l1.117-1.002Zm1.523 0a1.009 1.009 0 0 1-1.524 0l-1.116 1.002a2.509 2.509 0 0 0 3.756 0l-1.116-1.002Zm1.383-9.666c0 1.185-.96 2.145-2.145 2.145v1.5a3.645 3.645 0 0 0 3.645-3.645h-1.5ZM12 8.085c1.184 0 2.145.96 2.145 2.145h1.5A3.645 3.645 0 0 0 12 6.585v1.5ZM9.855 10.23c0-1.184.96-2.145 2.145-2.145v-1.5a3.645 3.645 0 0 0-3.645 3.645h1.5ZM12 12.375a2.145 2.145 0 0 1-2.145-2.145h-1.5A3.645 3.645 0 0 0 12 13.875v-1.5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-asset-tracking-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.013 10.23a7.987 7.987 0 0 1 15.974 0c0 .927-.28 1.915-.691 2.88-.415.973-.984 1.968-1.608 2.92-1.247 1.903-2.754 3.691-3.81 4.868a2.509 2.509 0 0 1-3.756 0c-1.055-1.177-2.562-2.965-3.81-4.868-.624-.952-1.193-1.947-1.608-2.92-.411-.965-.69-1.953-.69-2.88Zm4.342 0a3.645 3.645 0 1 1 7.29 0 3.645 3.645 0 0 1-7.29 0Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-chat-outline" xmlns="http://www.w3.org/2000/svg"><path d="M7 3h10a3.333 3.333 0 0 1 3.333 3.333v12.402c0 .869-1.031 1.324-1.673.739l-3.802-3.467a.667.667 0 0 0-.45-.174H7A3.333 3.333 0 0 1 3.667 12.5V6.333A3.333 3.333 0 0 1 7 3Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-chat-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.917 6.333A4.083 4.083 0 0 1 7 2.25h10a4.083 4.083 0 0 1 4.083 4.083v12.402c0 1.52-1.805 2.318-2.929 1.293l-3.778-3.445H7A4.083 4.083 0 0 1 2.917 12.5V6.333Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-liveobjects-outline" xmlns="http://www.w3.org/2000/svg"><path d="M14.038 3h2.886A4.076 4.076 0 0 1 21 7.075v2.887M9.962 3H7.075A4.075 4.075 0 0 0 3 7.075v2.887m0 4.076v2.886A4.076 4.076 0 0 0 7.075 21h2.887M21 14.038v2.886A4.076 4.076 0 0 1 16.924 21h-2.886" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="m8.434 12.34 2.887 2.886 4.415-6.452" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-liveobjects-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H7Zm9.355 7.197a.75.75 0 0 0-1.238-.847l-3.905 5.707-2.248-2.248a.75.75 0 1 0-1.06 1.06l2.886 2.888a.75.75 0 0 0 1.15-.107l4.415-6.453Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-livesync-outline" xmlns="http://www.w3.org/2000/svg"><path d="M19.703 20H12v-5.884c0-.125.143-.196.242-.12l7.552 5.733a.151.151 0 0 1-.091.271ZM4 10.188v3.774A6.038 6.038 0 0 0 10.038 20H12M4.297 4H12v5.884a.151.151 0 0 1-.242.12L4.206 4.272A.15.15 0 0 1 4.297 4ZM20 13.812v-3.774A6.038 6.038 0 0 0 13.962 4H12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-livesync-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 14.561a.75.75 0 0 1-.75-.75v-3.773a5.288 5.288 0 0 0-5.288-5.288H12.75v5.134a.9.9 0 0 1-1.446.718L3.753 4.868c-.688-.522-.319-1.618.544-1.618h9.665a6.788 6.788 0 0 1 6.788 6.788v3.773a.75.75 0 0 1-.75.75ZM4 9.438a.75.75 0 0 1 .75.75v3.774a5.288 5.288 0 0 0 5.288 5.288h1.212v-5.134a.901.901 0 0 1 1.446-.718l7.551 5.733c.688.523.319 1.619-.544 1.619h-9.665a6.788 6.788 0 0 1-6.788-6.788v-3.774a.75.75 0 0 1 .75-.75Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-pubsub-outline" xmlns="http://www.w3.org/2000/svg"><path d="M10.994 3.328 4.106 14.403a.692.692 0 0 0 .587 1.058h7.235c.191 0 .346.155.346.347v4.498c0 .697.913.957 1.28.366l6.889-11.076a.692.692 0 0 0-.588-1.057H12.62a.346.346 0 0 1-.346-.347V3.694c0-.697-.912-.957-1.28-.366Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-pubsub-solid" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.357 2.932c.766-1.232 2.667-.69 2.667.762v4.095h6.831a1.442 1.442 0 0 1 1.225 2.204L14.19 21.068c-.766 1.232-2.667.69-2.667-.761v-4.095h-6.83a1.442 1.442 0 0 1-1.225-2.204l6.888-11.076Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-spaces-outline" xmlns="http://www.w3.org/2000/svg"><path d="M8.262 19.89 4.292 5.543a1.018 1.018 0 0 1 1.252-1.252l14.345 3.97c.941.26 1.011 1.568.104 1.928l-6.475 2.567a1.358 1.358 0 0 0-.761.761l-2.567 6.475c-.36.907-1.667.837-1.928-.104Z" stroke="currentColor" stroke-width="1.5"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-prod-spaces-solid" xmlns="http://www.w3.org/2000/svg"><path d="M3.569 5.744C3.203 4.42 4.42 3.203 5.744 3.57l14.345 3.97c1.634.453 1.756 2.723.18 3.348l-6.474 2.567a.607.607 0 0 0-.34.34l-2.568 6.476c-.625 1.575-2.895 1.453-3.348-.18L3.57 5.743Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-quote-marks-fill" xmlns="http://www.w3.org/2000/svg"><path d="M22.467 21.167a1 1 0 0 1-1 1h-6.468a1 1 0 0 1-1-1v-5.7c0-2.734.232-4.878.695-6.434.486-1.555 1.37-2.955 2.65-4.2 1.096-1.047 2.427-1.905 3.992-2.575.5-.213 1.066.047 1.263.553l.405 1.046c.207.532-.076 1.124-.591 1.37-1.39.662-2.478 1.63-3.146 2.54-.65.91-1.206 2.466-1.41 4.013-.074.556.381 1.02.943 1.02h2.667a1 1 0 0 1 1 1v7.367ZM9.068 21.167a1 1 0 0 1-1 1H1.6a1 1 0 0 1-1-1v-5.7c0-2.734.232-4.878.695-6.434.486-1.555 1.37-2.955 2.65-4.2C5.04 3.786 6.372 2.928 7.937 2.258c.5-.213 1.066.047 1.263.553l.405 1.046c.207.532-.076 1.124-.591 1.37-1.39.662-2.478 1.63-3.146 2.54-.65.91-1.206 2.466-1.41 4.013-.074.556.381 1.02.943 1.02h2.667a1 1 0 0 1 1 1v7.367Z" fill="#03020D"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-refresh" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#bka)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.65.24a1 1 0 0 0-1.3 1.52l1.522 1.305C5.92 3.635 2 7.909 2 13c0 5.472 4.528 10 10 10s10-4.528 10-10a1 1 0 1 0-2 0c0 4.368-3.632 8-8 8s-8-3.632-8-8c0-4.038 3.105-7.448 7.025-7.94L9.293 6.794a1 1 0 1 0 1.414 1.414l3.5-3.5a1 1 0 0 0-.056-1.466l-3.5-3Z" fill="currentColor"/></g></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-resources" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1.5c-.69 0-1.25.56-1.25 1.25v1H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1.5H5a.75.75 0 0 1 0 1.5H3.75v1c0 .69.56 1.25 1.25 1.25h13.5c.69 0 1.25-.56 1.25-1.25v-1.5H12A2.75 2.75 0 0 1 9.25 17v-5A2.75 2.75 0 0 1 12 9.25h7.75v-5.5A2.25 2.25 0 0 0 17.5 1.5H5ZM2.25 2.75v1H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1.5H1a.75.75 0 0 0 0 1.5h1.25v1A2.75 2.75 0 0 0 5 24h13.5a2.75 2.75 0 0 0 2.75-2.75v-1.511A2.75 2.75 0 0 0 23.75 17v-5a2.75 2.75 0 0 0-2.5-2.739V3.75A3.75 3.75 0 0 0 17.5 0H5a2.75 2.75 0 0 0-2.75 2.75Zm18.25 8H12c-.69 0-1.25.56-1.25 1.25v5c0 .69.56 1.25 1.25 1.25h9c.69 0 1.25-.56 1.25-1.25v-5c0-.69-.56-1.25-1.25-1.25h-.5Zm-8-6.5a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-1Zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-3Zm1.5 9.508 1.975 1.241L15.5 15.74v-2.482Zm2.542 2.066a.971.971 0 0 0 0-1.65l-2.024-1.272c-.641-.402-1.518.034-1.518.825v2.545c0 .79.877 1.227 1.518.824l2.024-1.272Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-spinner-dark" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z" fill="#687288"/><path d="M20 12h2A10 10 0 0 0 12 2v2a8 8 0 0 1 8 8Z" fill="#FF5416"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="sprite-icon-gui-spinner-light" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z" fill="#EEF1F6"/><path d="M20 12h2A10 10 0 0 0 12 2v2a8 8 0 0 1 8 8Z" fill="#FF5416"/></symbol></svg>
@@ -1 +1 @@
1
- <svg width="0" height="0" style="position:absolute"><defs><linearGradient id="aba" x1="74" y1="4" x2="74" y2="104" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="ada" x1="64" y1="26.421" x2="64" y2="111.391" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="afa" x1="64" y1="29.85" x2="64" y2="109.883" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aia" x1="64" y1="27.103" x2="64" y2="110.608" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aga" x1="64" y1="27.103" x2="64" y2="110.608" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aka" x1="64" y1="101.232" x2="64" y2="16.969" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aoa" x1="64" y1="27.434" x2="64" y2="110.189" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aqa" x1="65.785" y1="31.716" x2="65.785" y2="108.821" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient></defs><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-ai-transport" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M74 4a5 5 0 0 1 4.808 3.626l5.42 18.975a25 25 0 0 0 17.171 17.17l18.975 5.421a5 5 0 0 1 0 9.616l-18.975 5.42A25 25 0 0 0 84.229 81.4l-5.421 18.975a5 5 0 0 1-9.616 0l-5.42-18.975A25 25 0 0 0 46.6 64.229l-18.975-5.421a5 5 0 0 1 0-9.616l18.975-5.42A25 25 0 0 0 63.771 26.6l5.421-18.975A5 5 0 0 1 74 4Z" fill="url(#aba)"/><path d="m47 95-26 26M31 84 17 98" stroke="url(#aba)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-ai-transport-mono" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M74 4a5 5 0 0 1 4.808 3.626l5.42 18.975a25 25 0 0 0 17.171 17.17l18.975 5.421a5 5 0 0 1 0 9.616l-18.975 5.42A25 25 0 0 0 84.229 81.4l-5.421 18.975a5 5 0 0 1-9.616 0l-5.42-18.975A25 25 0 0 0 46.6 64.229l-18.975-5.421a5 5 0 0 1 0-9.616l18.975-5.42A25 25 0 0 0 63.771 26.6l5.421-18.975A5 5 0 0 1 74 4Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="m47 95-26 26M31 84 17 98" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-asset-tracking" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M72.208 116.222C85.188 101.747 109 72.533 109 53c0-24.853-20.147-45-45-45S19 28.147 19 53c0 19.533 23.811 48.747 36.792 63.222 4.435 4.945 11.98 4.945 16.416 0ZM64 71c9.941 0 18-8.059 18-18s-8.059-18-18-18-18 8.059-18 18 8.059 18 18 18Z" fill="url(#ada)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-asset-tracking-mono" xmlns="http://www.w3.org/2000/svg"><path d="m72.208 116.222-1.861-1.669 1.86 1.669Zm-16.416 0-1.86 1.669 1.86-1.669ZM106.5 53c0 4.412-1.355 9.548-3.723 15.103-2.358 5.532-5.658 11.333-9.396 17.034-7.477 11.404-16.582 22.22-23.034 29.416l3.722 3.338c6.528-7.28 15.82-18.308 23.493-30.013 3.838-5.852 7.302-11.922 9.814-17.814 2.502-5.868 4.124-11.71 4.124-17.064h-5ZM64 10.5c23.472 0 42.5 19.028 42.5 42.5h5c0-26.233-21.266-47.5-47.5-47.5v5ZM21.5 53c0-23.472 19.028-42.5 42.5-42.5v-5C37.767 5.5 16.5 26.767 16.5 53h5Zm36.154 61.553c-6.453-7.196-15.558-18.012-23.035-29.416-3.738-5.701-7.038-11.502-9.396-17.034C22.855 62.548 21.5 57.413 21.5 53h-5c0 5.355 1.622 11.196 4.124 17.064 2.512 5.892 5.976 11.962 9.814 17.815 7.674 11.704 16.965 22.732 23.493 30.012l3.723-3.338Zm12.693 0c-3.442 3.837-9.252 3.837-12.693 0l-3.723 3.338c5.429 6.053 14.71 6.053 20.138 0l-3.722-3.338ZM79.5 53c0 8.56-6.94 15.5-15.5 15.5v5c11.322 0 20.5-9.178 20.5-20.5h-5ZM64 37.5c8.56 0 15.5 6.94 15.5 15.5h5c0-11.322-9.178-20.5-20.5-20.5v5ZM48.5 53c0-8.56 6.94-15.5 15.5-15.5v-5c-11.322 0-20.5 9.178-20.5 20.5h5ZM64 68.5c-8.56 0-15.5-6.94-15.5-15.5h-5c0 11.322 9.178 20.5 20.5 20.5v-5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-chat" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 35c0-12.426 10.074-22.5 22.5-22.5h60c12.426 0 22.5 10.074 22.5 22.5v74.41c0 7.385-8.77 11.257-14.227 6.281l-22.812-20.8a1.5 1.5 0 0 0-1.01-.391H34c-12.426 0-22.5-10.074-22.5-22.5V35Z" fill="url(#afa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-chat-mono" xmlns="http://www.w3.org/2000/svg"><path d="M34 11h60c11.046 0 20 8.954 20 20v74.41c0 5.213-6.19 7.946-10.043 4.434l-22.812-20.8A4 4 0 0 0 78.45 88H34c-11.046 0-20-8.954-20-20V31c0-11.046 8.954-20 20-20Z" stroke="currentColor" stroke-width="5"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="110" height="110" rx="26" fill="url(#aia)"/><path d="m43 66 17 17 26-38" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects-dark" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="110" height="110" rx="26" fill="url(#aga)"/><path d="m43 66 17 17 26-38" stroke="#03020D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects-mono" xmlns="http://www.w3.org/2000/svg"><path d="M76 11h17c13.255 0 24 10.745 24 24v17M52 11H35c-13.255 0-24 10.745-24 24v17m0 24v17c0 13.255 10.745 24 24 24h17m65-41v17c0 13.255-10.745 24-24 24H76" stroke="currentColor" stroke-width="5" stroke-linecap="round"/><path d="m43 66 17 17 26-38" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-livesync" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 52a2.5 2.5 0 0 0-5 0v25c0 23.472 19.028 42.5 42.5 42.5h64.029c3.353 0 4.787-4.26 2.117-6.288l-50.03-37.985c-2.304-1.75-5.616-.106-5.616 2.788V114.5H51c-20.71 0-37.5-16.79-37.5-37.5V52Zm53-2.015c0 2.894-3.312 4.538-5.617 2.788L10.854 14.788C8.184 12.76 9.618 8.5 12.971 8.5H77c23.472 0 42.5 19.028 42.5 42.5v25a2.5 2.5 0 1 1-5 0V51c0-20.71-16.79-37.5-37.5-37.5H66.5v36.485Z" fill="url(#aka)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-livesync-mono" xmlns="http://www.w3.org/2000/svg"><path d="M115.029 117H64V78.015a1 1 0 0 1 1.605-.797l50.029 37.986c.763.579.353 1.796-.605 1.796ZM11 52v25c0 22.091 17.909 40 40 40h13M12.97 11H64v38.985a1 1 0 0 1-1.605.797L12.366 12.797c-.763-.58-.353-1.797.605-1.797ZM117 76V51c0-22.091-17.909-40-40-40H64" stroke="currentColor" stroke-width="5" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="sprite-icon-product-platform" xmlns="http://www.w3.org/2000/svg"><path d="M9.703 1.325a.625.625 0 0 1 .594 0L18.422 5.7a.624.624 0 0 1 0 1.1l-8.126 4.375a.625.625 0 0 1-.593 0L1.578 6.8a.625.625 0 0 1 0-1.1l8.125-4.375Z" fill="#ff5416"/><path d="m2.72 8.835 6.39 3.44a1.875 1.875 0 0 0 1.78 0l6.39-3.44 1.14.615a.625.625 0 0 1 0 1.1l-8.124 4.375a.626.626 0 0 1-.592 0L1.58 10.55a.626.626 0 0 1 0-1.1l1.142-.615Z" fill="#ff5416"/><path d="m9.11 16.026-6.39-3.442-1.14.616a.625.625 0 0 0 0 1.1l8.124 4.375c.184.1.408.1.592 0L18.42 14.3a.626.626 0 0 0 0-1.1l-1.142-.615-6.39 3.442a1.875 1.875 0 0 1-1.778-.001Z" fill="#ff5416"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="sprite-icon-product-platform-mono" xmlns="http://www.w3.org/2000/svg"><path d="M5.357 8.125 1.875 10l3.482 1.875m0-3.75 4.643 2.5 4.643-2.5m-9.286 0L1.875 6.25 10 1.875l8.125 4.375-3.482 1.875m-9.286 3.75L1.875 13.75 10 18.125l8.125-4.375-3.482-1.875m-9.286 0 4.643 2.5 4.643-2.5m0-3.75L18.125 10l-3.482 1.875" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-pubsub" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M54.48 12.572c3.453-5.551 12.02-3.105 12.02 3.433V41.5h41.302c5.099 0 8.212 5.603 5.519 9.933L73.52 115.428c-3.453 5.551-12.02 3.105-12.02-3.433V86.5H20.198c-5.099 0-8.212-5.603-5.52-9.933L54.48 12.572Z" fill="url(#aoa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-pubsub-mono" xmlns="http://www.w3.org/2000/svg"><path d="M56.603 13.893 16.802 77.888C15.145 80.552 17.06 84 20.198 84H62a2 2 0 0 1 2 2v25.995c0 4.023 5.272 5.529 7.397 2.112l39.801-63.995c1.657-2.664-.259-6.112-3.396-6.112H66a2 2 0 0 1-2-2V16.005c0-4.023-5.272-5.529-7.397-2.112Z" stroke="currentColor" stroke-width="5"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-spaces" xmlns="http://www.w3.org/2000/svg"><path d="M15.318 25.777c-1.762-6.366 4.093-12.221 10.46-10.46l84.559 23.406c7.856 2.174 8.443 13.088.866 16.093L73.036 69.951a5.5 5.5 0 0 0-3.085 3.085l-15.135 38.167c-3.005 7.577-13.919 6.99-16.093-.866l-23.405-84.56Z" fill="url(#aqa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-spaces-mono" xmlns="http://www.w3.org/2000/svg"><path d="m41.23 109.769-23.404-84.56c-1.244-4.494 2.889-8.627 7.383-7.383l84.56 23.405c5.545 1.535 5.96 9.239.611 11.36L72.213 67.726a8 8 0 0 0-4.487 4.487L52.59 110.38c-2.121 5.349-9.825 4.934-11.36-.611Z" stroke="currentColor" stroke-width="5"/></symbol></svg>
1
+ <svg width="0" height="0" style="position:absolute"><defs><linearGradient id="aba" x1="74" y1="4" x2="74" y2="104" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="ada" x1="64" y1="26.421" x2="64" y2="111.391" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="afa" x1="64" y1="29.85" x2="64" y2="109.883" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aia" x1="64" y1="27.103" x2="64" y2="110.608" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aga" x1="64" y1="27.103" x2="64" y2="110.608" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aka" x1="64" y1="101.232" x2="64" y2="16.969" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aoa" x1="64" y1="27.434" x2="64" y2="110.189" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient><linearGradient id="aqa" x1="65.785" y1="31.716" x2="65.785" y2="108.821" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5416"/><stop offset="1" stop-color="#FF2739"/></linearGradient></defs><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-ai-transport" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M74 4a5 5 0 0 1 4.808 3.626l5.42 18.975a25 25 0 0 0 17.171 17.17l18.975 5.421a5 5 0 0 1 0 9.616l-18.975 5.42A25 25 0 0 0 84.229 81.4l-5.421 18.975a5 5 0 0 1-9.616 0l-5.42-18.975A25 25 0 0 0 46.6 64.229l-18.975-5.421a5 5 0 0 1 0-9.616l18.975-5.42A25 25 0 0 0 63.771 26.6l5.421-18.975A5 5 0 0 1 74 4Z" fill="url(#aba)"/><path d="m47 95-26 26M31 84 17 98" stroke="url(#aba)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-ai-transport-mono" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M74 4a5 5 0 0 1 4.808 3.626l5.42 18.975a25 25 0 0 0 17.171 17.17l18.975 5.421a5 5 0 0 1 0 9.616l-18.975 5.42A25 25 0 0 0 84.229 81.4l-5.421 18.975a5 5 0 0 1-9.616 0l-5.42-18.975A25 25 0 0 0 46.6 64.229l-18.975-5.421a5 5 0 0 1 0-9.616l18.975-5.42A25 25 0 0 0 63.771 26.6l5.421-18.975A5 5 0 0 1 74 4Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="m47 95-26 26M31 84 17 98" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-asset-tracking" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M72.208 116.222C85.188 101.747 109 72.533 109 53c0-24.853-20.147-45-45-45S19 28.147 19 53c0 19.533 23.811 48.747 36.792 63.222 4.435 4.945 11.98 4.945 16.416 0ZM64 71c9.941 0 18-8.059 18-18s-8.059-18-18-18-18 8.059-18 18 8.059 18 18 18Z" fill="url(#ada)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-asset-tracking-mono" xmlns="http://www.w3.org/2000/svg"><path d="m72.208 116.222-1.861-1.669 1.86 1.669Zm-16.416 0-1.86 1.669 1.86-1.669ZM106.5 53c0 4.412-1.355 9.548-3.723 15.103-2.358 5.532-5.658 11.333-9.396 17.034-7.477 11.404-16.582 22.22-23.034 29.416l3.722 3.338c6.528-7.28 15.82-18.308 23.493-30.013 3.838-5.852 7.302-11.922 9.814-17.814 2.502-5.868 4.124-11.71 4.124-17.064h-5ZM64 10.5c23.472 0 42.5 19.028 42.5 42.5h5c0-26.233-21.266-47.5-47.5-47.5v5ZM21.5 53c0-23.472 19.028-42.5 42.5-42.5v-5C37.767 5.5 16.5 26.767 16.5 53h5Zm36.154 61.553c-6.453-7.196-15.558-18.012-23.035-29.416-3.738-5.701-7.038-11.502-9.396-17.034C22.855 62.548 21.5 57.413 21.5 53h-5c0 5.355 1.622 11.196 4.124 17.064 2.512 5.892 5.976 11.962 9.814 17.815 7.674 11.704 16.965 22.732 23.493 30.012l3.723-3.338Zm12.693 0c-3.442 3.837-9.252 3.837-12.693 0l-3.723 3.338c5.429 6.053 14.71 6.053 20.138 0l-3.722-3.338ZM79.5 53c0 8.56-6.94 15.5-15.5 15.5v5c11.322 0 20.5-9.178 20.5-20.5h-5ZM64 37.5c8.56 0 15.5 6.94 15.5 15.5h5c0-11.322-9.178-20.5-20.5-20.5v5ZM48.5 53c0-8.56 6.94-15.5 15.5-15.5v-5c-11.322 0-20.5 9.178-20.5 20.5h5ZM64 68.5c-8.56 0-15.5-6.94-15.5-15.5h-5c0 11.322 9.178 20.5 20.5 20.5v-5Z" fill="currentColor"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-chat" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 35c0-12.426 10.074-22.5 22.5-22.5h60c12.426 0 22.5 10.074 22.5 22.5v74.41c0 7.385-8.77 11.257-14.227 6.281l-22.812-20.8a1.5 1.5 0 0 0-1.01-.391H34c-12.426 0-22.5-10.074-22.5-22.5V35Z" fill="url(#afa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-chat-mono" xmlns="http://www.w3.org/2000/svg"><path d="M38 11h52c13.255 0 24 10.745 24 24v70.41c0 5.213-6.19 7.946-10.043 4.434l-22.812-20.8A4 4 0 0 0 78.45 88H38c-13.255 0-24-10.745-24-24V35c0-13.255 10.745-24 24-24Z" stroke="currentColor" stroke-width="6"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="110" height="110" rx="26" fill="url(#aia)"/><path d="m43 66 17 17 26-38" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects-dark" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="110" height="110" rx="26" fill="url(#aga)"/><path d="m43 66 17 17 26-38" stroke="#03020D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-liveobjects-mono" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-linecap="round" stroke-width="6"><path d="M76 11h17c13.255 0 24 10.745 24 24v17M52 11H35c-13.255 0-24 10.745-24 24v17m0 24v17c0 13.255 10.745 24 24 24h17m65-41v17c0 13.255-10.745 24-24 24H76"/><path d="m43 66 17 17 26-38" stroke-linejoin="round"/></g></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-livesync" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 52a2.5 2.5 0 0 0-5 0v25c0 23.472 19.028 42.5 42.5 42.5h64.029c3.353 0 4.787-4.26 2.117-6.288l-50.03-37.985c-2.304-1.75-5.616-.106-5.616 2.788V114.5H51c-20.71 0-37.5-16.79-37.5-37.5V52Zm53-2.015c0 2.894-3.312 4.538-5.617 2.788L10.854 14.788C8.184 12.76 9.618 8.5 12.971 8.5H77c23.472 0 42.5 19.028 42.5 42.5v25a2.5 2.5 0 1 1-5 0V51c0-20.71-16.79-37.5-37.5-37.5H66.5v36.485Z" fill="url(#aka)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-livesync-mono" xmlns="http://www.w3.org/2000/svg"><path d="M115.029 117H64V78.015a1 1 0 0 1 1.605-.797l50.029 37.986c.763.579.353 1.796-.605 1.796ZM11 52v25c0 22.091 17.909 40 40 40h13M12.97 11H64v38.985a1 1 0 0 1-1.605.797L12.366 12.797c-.763-.58-.353-1.797.605-1.797ZM117 76V51c0-22.091-17.909-40-40-40H64" stroke="currentColor" stroke-width="6" stroke-linecap="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="sprite-icon-product-platform" xmlns="http://www.w3.org/2000/svg"><path d="M9.703 1.325a.625.625 0 0 1 .594 0L18.422 5.7a.624.624 0 0 1 0 1.1l-8.126 4.375a.625.625 0 0 1-.593 0L1.578 6.8a.625.625 0 0 1 0-1.1l8.125-4.375Z" fill="#ff5416"/><path d="m2.72 8.835 6.39 3.44a1.875 1.875 0 0 0 1.78 0l6.39-3.44 1.14.615a.625.625 0 0 1 0 1.1l-8.124 4.375a.626.626 0 0 1-.592 0L1.58 10.55a.626.626 0 0 1 0-1.1l1.142-.615Z" fill="#ff5416"/><path d="m9.11 16.026-6.39-3.442-1.14.616a.625.625 0 0 0 0 1.1l8.124 4.375c.184.1.408.1.592 0L18.42 14.3a.626.626 0 0 0 0-1.1l-1.142-.615-6.39 3.442a1.875 1.875 0 0 1-1.778-.001Z" fill="#ff5416"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="sprite-icon-product-platform-mono" xmlns="http://www.w3.org/2000/svg"><path d="M5.357 8.125 1.875 10l3.482 1.875m0-3.75 4.643 2.5 4.643-2.5m-9.286 0L1.875 6.25 10 1.875l8.125 4.375-3.482 1.875m-9.286 3.75L1.875 13.75 10 18.125l8.125-4.375-3.482-1.875m-9.286 0 4.643 2.5 4.643-2.5m0-3.75L18.125 10l-3.482 1.875" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-pubsub" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M54.48 12.572c3.453-5.551 12.02-3.105 12.02 3.433V41.5h41.302c5.099 0 8.212 5.603 5.519 9.933L73.52 115.428c-3.453 5.551-12.02 3.105-12.02-3.433V86.5H20.198c-5.099 0-8.212-5.603-5.52-9.933L54.48 12.572Z" fill="url(#aoa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-pubsub-mono" xmlns="http://www.w3.org/2000/svg"><path d="M56.604 13.893 16.802 77.888C15.145 80.552 17.061 84 20.2 84H62a2 2 0 0 1 2 2v25.995c0 4.023 5.272 5.529 7.397 2.112l39.802-63.995c1.657-2.664-.259-6.112-3.397-6.112H66a2 2 0 0 1-2-2V16.005c0-4.023-5.271-5.529-7.396-2.112Z" stroke="currentColor" stroke-width="6"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-spaces" xmlns="http://www.w3.org/2000/svg"><path d="M15.318 25.777c-1.762-6.366 4.093-12.221 10.46-10.46l84.559 23.406c7.856 2.174 8.443 13.088.866 16.093L73.036 69.951a5.5 5.5 0 0 0-3.085 3.085l-15.135 38.167c-3.005 7.577-13.919 6.99-16.093-.866l-23.405-84.56Z" fill="url(#aqa)"/></symbol><symbol fill="none" viewBox="0 0 128 128" id="sprite-icon-product-spaces-mono" xmlns="http://www.w3.org/2000/svg"><path d="m41.23 109.769-23.404-84.56c-1.244-4.494 2.889-8.627 7.383-7.383l84.56 23.405c5.545 1.535 5.96 9.239.611 11.36L72.213 67.726a8 8 0 0 0-4.487 4.487L52.59 110.38c-2.121 5.349-9.825 4.934-11.36-.611Z" stroke="currentColor" stroke-width="6"/></symbol></svg>