@ably/ui 17.9.16 → 17.10.1-dev.26bd7a31

package/core/Meganav/MeganavBlog.js

@@ -0,0 +1,2 @@
+import React from"react";import{PanelTitle}from"./utils";import Badge from"../Badge";const getCategoryColor=category=>{const upperCategory=category.toUpperCase();if(["NEW RELEASE","ABLY ENGINEERING","ABLY NEWS","NEW FEATURE","REALTIME EXPERIENCES"].includes(upperCategory))return"orange";if(["CHAT","SPACES"].includes(upperCategory))return"blue";if(["LIVEOBJECTS","LIVESYNC"].includes(upperCategory))return"green";if(upperCategory==="PUBSUB")return"pink";if(upperCategory==="AI TRANSPORT")return"violet";return"neutral"};const MeganavBlog=({title,link,posts})=>{return React.createElement("div",{className:"mt-3"},React.createElement(PanelTitle,{title:title,link:link}),posts.map(post=>React.createElement("a",{href:post.link,className:"flex flex-col gap-1 p-3   transition-colors group/blog-post rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-1200  active:bg-neutral-200 dark:active:bg-neutral-1100 focus-base",key:post.link},React.createElement("span",{className:"flex gap-2"},post.categories.map(category=>React.createElement(Badge,{color:getCategoryColor(category),key:category,size:"xs",className:"group-hover/blog-post:bg-neutral-000 dark:group-hover/blog-post:bg-neutral-1300"},category.toUpperCase()))),React.createElement("span",{className:"ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 group-hover/blog-post:text-neutral-1300 dark:group-hover/blog-post:text-neutral-000"},post.title),React.createElement("span",{className:"text-[11px] font-medium leading-[1.4] text-neutral-700 dark:text-neutral-600"},post.pubDate))))};export default MeganavBlog;
+//# sourceMappingURL=MeganavBlog.js.map

package/core/Meganav/MeganavBlog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavBlog.tsx"],"sourcesContent":["import React from \"react\";\nimport { PanelTitle } from \"./utils\";\nimport Badge from \"../Badge\";\n\nimport { ColorClassColorGroups } from \"../styles/colors/types\";\n\nexport type BlogPost = {\n  title: string;\n  link: string;\n  categories: string[];\n  pubDate: string;\n};\n\nexport type MeganavBlogProps = {\n  title: string;\n  link: string;\n  posts: BlogPost[];\n};\n\nconst getCategoryColor = (category: string): ColorClassColorGroups => {\n  const upperCategory = category.toUpperCase();\n  if (\n    [\n      \"NEW RELEASE\",\n      \"ABLY ENGINEERING\",\n      \"ABLY NEWS\",\n      \"NEW FEATURE\",\n      \"REALTIME EXPERIENCES\",\n    ].includes(upperCategory)\n  )\n    return \"orange\";\n  if ([\"CHAT\", \"SPACES\"].includes(upperCategory)) return \"blue\";\n  if ([\"LIVEOBJECTS\", \"LIVESYNC\"].includes(upperCategory)) return \"green\";\n  if (upperCategory === \"PUBSUB\") return \"pink\";\n  if (upperCategory === \"AI TRANSPORT\") return \"violet\";\n  return \"neutral\";\n};\n\nconst MeganavBlog = ({ title, link, posts }: MeganavBlogProps) => {\n  return (\n    <div className=\"mt-3\">\n      <PanelTitle title={title} link={link} />\n      {posts.map((post) => (\n        <a\n          href={post.link}\n          className=\"flex flex-col gap-1 p-3  \n          transition-colors group/blog-post rounded-lg\n      hover:bg-neutral-100 dark:hover:bg-neutral-1200 \n      active:bg-neutral-200 dark:active:bg-neutral-1100 focus-base\"\n          key={post.link}\n        >\n          <span className=\"flex gap-2\">\n            {post.categories.map((category: string) => (\n              <Badge\n                color={getCategoryColor(category)}\n                key={category}\n                size=\"xs\"\n                className=\"group-hover/blog-post:bg-neutral-000 dark:group-hover/blog-post:bg-neutral-1300\"\n              >\n                {category.toUpperCase()}\n              </Badge>\n            ))}\n          </span>\n          <span\n            className=\"ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300\n          group-hover/blog-post:text-neutral-1300 dark:group-hover/blog-post:text-neutral-000\"\n          >\n            {post.title}\n          </span>\n\n          <span className=\"text-[11px] font-medium leading-[1.4] text-neutral-700 dark:text-neutral-600\">\n            {post.pubDate}\n          </span>\n        </a>\n      ))}\n    </div>\n  );\n};\n\nexport default MeganavBlog;\n"],"names":["React","PanelTitle","Badge","getCategoryColor","category","upperCategory","toUpperCase","includes","MeganavBlog","title","link","posts","div","className","map","post","a","href","key","span","categories","color","size","pubDate"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAASC,UAAU,KAAQ,SAAU,AACrC,QAAOC,UAAW,UAAW,CAiB7B,MAAMC,iBAAmB,AAACC,WACxB,MAAMC,cAAgBD,SAASE,WAAW,GAC1C,GACE,CACE,cACA,mBACA,YACA,cACA,uBACD,CAACC,QAAQ,CAACF,eAEX,MAAO,SACT,GAAI,CAAC,OAAQ,SAAS,CAACE,QAAQ,CAACF,eAAgB,MAAO,OACvD,GAAI,CAAC,cAAe,WAAW,CAACE,QAAQ,CAACF,eAAgB,MAAO,QAChE,GAAIA,gBAAkB,SAAU,MAAO,OACvC,GAAIA,gBAAkB,eAAgB,MAAO,SAC7C,MAAO,SACT,EAEA,MAAMG,YAAc,CAAC,CAAEC,KAAK,CAAEC,IAAI,CAAEC,KAAK,CAAoB,IAC3D,OACE,oBAACC,OAAIC,UAAU,QACb,oBAACZ,YAAWQ,MAAOA,MAAOC,KAAMA,OAC/BC,MAAMG,GAAG,CAAC,AAACC,MACV,oBAACC,KACCC,KAAMF,KAAKL,IAAI,CACfG,UAAU,uLAIVK,IAAKH,KAAKL,IAAI,EAEd,oBAACS,QAAKN,UAAU,cACbE,KAAKK,UAAU,CAACN,GAAG,CAAC,AAACV,UACpB,oBAACF,OACCmB,MAAOlB,iBAAiBC,UACxBc,IAAKd,SACLkB,KAAK,KACLT,UAAU,mFAETT,SAASE,WAAW,MAI3B,oBAACa,QACCN,UAAU,4JAGTE,KAAKN,KAAK,EAGb,oBAACU,QAAKN,UAAU,gFACbE,KAAKQ,OAAO,IAMzB,CAEA,gBAAef,WAAY"}

package/core/Meganav/MeganavCustomerStories.js

@@ -0,0 +1,2 @@
+import React from"react";import{PanelTitle}from"./utils";const MeganavCustomerStories=({customerStoriesHighlight,title,link})=>{const{companyName,companyDesc,companyLink,companyLogo,companyLogoDark}=customerStoriesHighlight;return React.createElement("div",{className:"mt-3"},React.createElement(PanelTitle,{title:title,link:link}),React.createElement("a",{href:companyLink,className:"flex flex-col gap-y-2.5 p-3 pointer-events-auto rounded-lg transition-colors group/customer-story-highlight  hover:bg-neutral-100 dark:hover:bg-neutral-1200 focus-base active:bg-neutral-200 dark:active:bg-neutral-1100"},React.createElement("figure",{className:"rounded bg-neutral-100 dark:bg-neutral-1200  group-hover/customer-story-highlight:bg-neutral-000  dark:group-hover/customer-story-highlight:bg-neutral-1300 flex justify-center items-center gap-4 h-[180px]"},React.createElement("img",{src:companyLogo,alt:companyName,className:"w-[180px] dark:hidden"}),companyLogoDark&&React.createElement("img",{src:companyLogoDark,alt:companyName,className:"w-[180px] hidden dark:block"})),React.createElement("span",{className:"flex flex-col gap-2"},React.createElement("span",{className:"ui-text-p4 text-neutral-1000 dark:text-neutral-300"},React.createElement("strong",{className:"font-semibold text-neutral-1300 dark:text-neutral-000"},companyName)," ",companyDesc))))};export default MeganavCustomerStories;
+//# sourceMappingURL=MeganavCustomerStories.js.map

package/core/Meganav/MeganavCustomerStories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavCustomerStories.tsx"],"sourcesContent":["import React from \"react\";\nimport { PanelTitle } from \"./utils\";\n\nexport type CustomerStoryHighlight = {\n  companyName: string;\n  companyDesc: string;\n  companyLink: string;\n  companyLogo: string;\n  companyLogoDark?: string;\n};\n\nconst MeganavCustomerStories = ({\n  customerStoriesHighlight,\n  title,\n  link,\n}: {\n  customerStoriesHighlight: CustomerStoryHighlight;\n  title: string;\n  link: string;\n}) => {\n  const {\n    companyName,\n    companyDesc,\n    companyLink,\n    companyLogo,\n    companyLogoDark,\n  } = customerStoriesHighlight;\n  return (\n    <div className=\"mt-3\">\n      <PanelTitle title={title} link={link} />\n      <a\n        href={companyLink}\n        className=\"flex flex-col gap-y-2.5 p-3 pointer-events-auto rounded-lg\n        transition-colors group/customer-story-highlight \n      hover:bg-neutral-100 dark:hover:bg-neutral-1200 focus-base\n      active:bg-neutral-200 dark:active:bg-neutral-1100\"\n      >\n        <figure\n          className=\"rounded bg-neutral-100 dark:bg-neutral-1200 \n            group-hover/customer-story-highlight:bg-neutral-000 \n            dark:group-hover/customer-story-highlight:bg-neutral-1300\n          flex justify-center items-center gap-4 h-[180px]\"\n        >\n          <img\n            src={companyLogo}\n            alt={companyName}\n            className=\"w-[180px] dark:hidden\"\n          />\n          {companyLogoDark && (\n            <img\n              src={companyLogoDark}\n              alt={companyName}\n              className=\"w-[180px] hidden dark:block\"\n            />\n          )}\n        </figure>\n        <span className=\"flex flex-col gap-2\">\n          <span className=\"ui-text-p4 text-neutral-1000 dark:text-neutral-300\">\n            <strong className=\"font-semibold text-neutral-1300 dark:text-neutral-000\">\n              {companyName}\n            </strong>{\" \"}\n            {companyDesc}\n          </span>\n        </span>\n      </a>\n    </div>\n  );\n};\n\nexport default MeganavCustomerStories;\n"],"names":["React","PanelTitle","MeganavCustomerStories","customerStoriesHighlight","title","link","companyName","companyDesc","companyLink","companyLogo","companyLogoDark","div","className","a","href","figure","img","src","alt","span","strong"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAASC,UAAU,KAAQ,SAAU,CAUrC,MAAMC,uBAAyB,CAAC,CAC9BC,wBAAwB,CACxBC,KAAK,CACLC,IAAI,CAKL,IACC,KAAM,CACJC,WAAW,CACXC,WAAW,CACXC,WAAW,CACXC,WAAW,CACXC,eAAe,CAChB,CAAGP,yBACJ,OACE,oBAACQ,OAAIC,UAAU,QACb,oBAACX,YAAWG,MAAOA,MAAOC,KAAMA,OAChC,oBAACQ,KACCC,KAAMN,YACNI,UAAU,6NAKV,oBAACG,UACCH,UAAU,gNAKV,oBAACI,OACCC,IAAKR,YACLS,IAAKZ,YACLM,UAAU,0BAEXF,iBACC,oBAACM,OACCC,IAAKP,gBACLQ,IAAKZ,YACLM,UAAU,iCAIhB,oBAACO,QAAKP,UAAU,uBACd,oBAACO,QAAKP,UAAU,sDACd,oBAACQ,UAAOR,UAAU,yDACfN,aACO,IACTC,eAMb,CAEA,gBAAeL,sBAAuB"}

package/core/Meganav/MeganavPanel.js

@@ -1,2 +1,2 @@
-import React from"react";import cn from"../utils/cn";import Icon from"../Icon";import{productsForNav}from"./data";import{productNames}from"../ProductTile/data";import MeganavProductTile from"./MeganavProductTile";export const MeganavPanel=({displayProductTile,panelLeft,panelLeftClassName,panelRightHeading,panelRightItems,panelRightBottom})=>{return React.createElement("div",{className:"flex flex-col md:flex-row gap-x-6 bg-neutral-000 dark:bg-neutral-1300"},React.createElement("div",{className:cn("flex-[7] flex-shrink-0 group",{"grid-cols-1 xs:grid-cols-2":displayProductTile},panelLeftClassName)},displayProductTile?productNames.map(product=>React.createElement(MeganavProductTile,{name:product,key:product,productLink:productsForNav[product].link??"#",animateIcons:true})):panelLeft&&React.createElement("a",{className:"grid grid-cols-1 xs:grid-cols-2 pointer-events-auto",href:panelLeft.url},React.createElement("span",{className:"block w-full p-6"},React.createElement("h4",{className:"ui-text-h4 text-neutral-1300 dark:text-neutral-000"},panelLeft.heading),React.createElement("span",{className:"block ui-text-p3 text-neutral-800 dark:text-neutral-500 mt-2"},panelLeft.content),React.createElement("span",{className:"py-2 font-sans font-bold block group/featured-link text-neutral-1300 dark:text-neutral-000 mt-4 ui-text-p3 hover:text-neutral-1300 dark:hover:text-neutral-000"},panelLeft.labelLink,React.createElement(Icon,{name:"icon-gui-arrow-long-right-outline",size:"18px",color:"text-orange-600",additionalCSS:cn("align-middle ml-2 relative -top-px -left-1 transition-[left]","group-hover/featured-link:left-0 group-hover/meganav-panel:left-0")}))),React.createElement("span",{className:"flex justify-end"},React.createElement("img",{src:panelLeft.image,alt:panelLeft.heading,className:"w-full z-10 rounded-lg"})))),React.createElement("div",{className:"flex-[3] flex-shrink-0 flex flex-col justify-between"},React.createElement("ul",null,panelRightHeading&&React.createElement("p",{className:"ui-text-overline2 text-neutral-700 dark:text-neutral-600 my-3"},panelRightHeading),panelRightItems.map(item=>React.createElement("li",{className:cn("list-none py-2.5 md:py-2  my-0 flex gap-x-2.5 group hover:cursor-pointer",item.isMobile?"md:hidden":"md:flex"),key:item.label},React.createElement(Icon,{name:item.icon,size:"1.25rem",additionalCSS:"text-neutral-1000 dark:text-neutral-300"}),React.createElement("a",{className:"pointer-events-auto ui-text-label2 md:ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 group-hover:text-neutral-1300 dark:group-hover:text-neutral-000",href:item.link},item.label)))),panelRightBottom&&React.createElement("div",{className:"items-end mt-4 md:mt-0"},panelRightBottom)))};
+import React from"react";import{productsForNav}from"./data";import{productNames}from"../ProductTile/data";import MeganavPanelItemLinks from"./MeganavPanelItemLinks";import MeganavTile from"./MeganavTile";import cn from"../utils/cn";const panelClassName="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-x-4 bg-neutral-000 dark:bg-neutral-1300 m-0 md:m-6";export const MeganavPanel=({displayProductTile,panelLeft,panelMiddleItems,panelRightItems,panelRightBottom})=>{const renderProductsGrid=()=>React.createElement("div",{className:"grid grid-cols-1 sm:grid-cols-2 col-span-1 sm:col-span-2"},productNames.map(product=>React.createElement(MeganavTile,{key:product,productName:product,link:productsForNav[product].link??"#",animateIcons:true})));return React.createElement("div",{className:cn(panelClassName,"items-start")},displayProductTile?renderProductsGrid():React.createElement(React.Fragment,null,panelLeft,panelMiddleItems),React.createElement("div",{className:"flex flex-col justify-between gap-y-6 mt-3 self-stretch"},panelRightItems?.map(rightItem=>React.createElement(MeganavPanelItemLinks,{key:rightItem.link?.label||rightItem.label,label:rightItem.label,listItems:rightItem.listItems,link:rightItem.link})),panelRightBottom&&React.createElement("div",{className:"items-end mt-4 md:mt-0"},panelRightBottom)))};export const MeganavPanelFullwidth=({panelItems})=>React.createElement("div",{className:panelClassName},panelItems.map(item=>React.createElement(MeganavTile,{key:item.label,navLabel:item.label,navIcon:item.icon,navDescription:item.description,link:item.link,showAblyText:false})));
 //# sourceMappingURL=MeganavPanel.js.map

package/core/Meganav/MeganavPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/Meganav/MeganavPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"../utils/cn\";\nimport Icon from \"../Icon\";\nimport { FlyoutPanelHighlight, FlyoutPanelList, productsForNav } from \"./data\";\nimport { ProductName, productNames } from \"../ProductTile/data\";\nimport MeganavProductTile from \"./MeganavProductTile\";\n\nexport const MeganavPanel = ({\n  displayProductTile,\n  panelLeft,\n  panelLeftClassName,\n  panelRightHeading,\n  panelRightItems,\n  panelRightBottom,\n}: {\n  displayProductTile?: boolean;\n  panelLeft?: FlyoutPanelHighlight;\n  panelLeftClassName?: string;\n  panelRightHeading?: string;\n  panelRightItems: FlyoutPanelList[];\n  panelRightBottom?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex flex-col md:flex-row gap-x-6 bg-neutral-000 dark:bg-neutral-1300\">\n      <div\n        className={cn(\n          \"flex-[7] flex-shrink-0 group\",\n          { \"grid-cols-1 xs:grid-cols-2\": displayProductTile },\n          panelLeftClassName,\n        )}\n      >\n        {displayProductTile\n          ? productNames.map((product) => (\n              <MeganavProductTile\n                name={product as ProductName}\n                key={product}\n                productLink={productsForNav[product].link ?? \"#\"}\n                animateIcons={true}\n              />\n            ))\n          : panelLeft && (\n              <a\n                className=\"grid grid-cols-1 xs:grid-cols-2 pointer-events-auto\"\n                href={panelLeft.url}\n              >\n                <span className=\"block w-full p-6\">\n                  <h4 className=\"ui-text-h4 text-neutral-1300 dark:text-neutral-000\">\n                    {panelLeft.heading}\n                  </h4>\n                  <span className=\"block ui-text-p3 text-neutral-800 dark:text-neutral-500 mt-2\">\n                    {panelLeft.content}\n                  </span>\n                  <span className=\"py-2 font-sans font-bold block group/featured-link text-neutral-1300 dark:text-neutral-000 mt-4 ui-text-p3 hover:text-neutral-1300 dark:hover:text-neutral-000\">\n                    {panelLeft.labelLink}\n                    <Icon\n                      name=\"icon-gui-arrow-long-right-outline\"\n                      size=\"18px\"\n                      color=\"text-orange-600\"\n                      additionalCSS={cn(\n                        \"align-middle ml-2 relative -top-px -left-1 transition-[left]\",\n                        \"group-hover/featured-link:left-0 group-hover/meganav-panel:left-0\",\n                      )}\n                    />\n                  </span>\n                </span>\n                <span className=\"flex justify-end\">\n                  <img\n                    src={panelLeft.image}\n                    alt={panelLeft.heading}\n                    className=\"w-full z-10 rounded-lg\"\n                  />\n                </span>\n              </a>\n            )}\n      </div>\n      <div className=\"flex-[3] flex-shrink-0 flex flex-col justify-between\">\n        <ul>\n          {panelRightHeading && (\n            <p className=\"ui-text-overline2 text-neutral-700 dark:text-neutral-600 my-3\">\n              {panelRightHeading}\n            </p>\n          )}\n\n          {panelRightItems.map((item) => (\n            <li\n              className={cn(\n                \"list-none py-2.5 md:py-2  my-0 flex gap-x-2.5 group hover:cursor-pointer\",\n                item.isMobile ? \"md:hidden\" : \"md:flex\",\n              )}\n              key={item.label}\n            >\n              <Icon\n                name={item.icon}\n                size=\"1.25rem\"\n                additionalCSS=\"text-neutral-1000 dark:text-neutral-300\"\n              />\n              <a\n                className=\"pointer-events-auto ui-text-label2 md:ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 group-hover:text-neutral-1300 dark:group-hover:text-neutral-000\"\n                href={item.link}\n              >\n                {item.label}\n              </a>\n            </li>\n          ))}\n        </ul>\n        {panelRightBottom && (\n          <div className=\"items-end mt-4 md:mt-0\">{panelRightBottom}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["React","cn","Icon","productsForNav","productNames","MeganavProductTile","MeganavPanel","displayProductTile","panelLeft","panelLeftClassName","panelRightHeading","panelRightItems","panelRightBottom","div","className","map","product","name","key","productLink","link","animateIcons","a","href","url","span","h4","heading","content","labelLink","size","color","additionalCSS","img","src","image","alt","ul","p","item","li","isMobile","label","icon"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,OAAQ,aAAc,AAC7B,QAAOC,SAAU,SAAU,AAC3B,QAAgDC,cAAc,KAAQ,QAAS,AAC/E,QAAsBC,YAAY,KAAQ,qBAAsB,AAChE,QAAOC,uBAAwB,sBAAuB,AAEtD,QAAO,MAAMC,aAAe,CAAC,CAC3BC,kBAAkB,CAClBC,SAAS,CACTC,kBAAkB,CAClBC,iBAAiB,CACjBC,eAAe,CACfC,gBAAgB,CAQjB,IACC,OACE,oBAACC,OAAIC,UAAU,yEACb,oBAACD,OACCC,UAAWb,GACT,+BACA,CAAE,6BAA8BM,kBAAmB,EACnDE,qBAGDF,mBACGH,aAAaW,GAAG,CAAC,AAACC,SAChB,oBAACX,oBACCY,KAAMD,QACNE,IAAKF,QACLG,YAAahB,cAAc,CAACa,QAAQ,CAACI,IAAI,EAAI,IAC7CC,aAAc,QAGlBb,WACE,oBAACc,KACCR,UAAU,sDACVS,KAAMf,UAAUgB,GAAG,EAEnB,oBAACC,QAAKX,UAAU,oBACd,oBAACY,MAAGZ,UAAU,sDACXN,UAAUmB,OAAO,EAEpB,oBAACF,QAAKX,UAAU,gEACbN,UAAUoB,OAAO,EAEpB,oBAACH,QAAKX,UAAU,kKACbN,UAAUqB,SAAS,CACpB,oBAAC3B,MACCe,KAAK,oCACLa,KAAK,OACLC,MAAM,kBACNC,cAAe/B,GACb,+DACA,yEAKR,oBAACwB,QAAKX,UAAU,oBACd,oBAACmB,OACCC,IAAK1B,UAAU2B,KAAK,CACpBC,IAAK5B,UAAUmB,OAAO,CACtBb,UAAU,8BAMxB,oBAACD,OAAIC,UAAU,wDACb,oBAACuB,UACE3B,mBACC,oBAAC4B,KAAExB,UAAU,iEACVJ,mBAIJC,gBAAgBI,GAAG,CAAC,AAACwB,MACpB,oBAACC,MACC1B,UAAWb,GACT,2EACAsC,KAAKE,QAAQ,CAAG,YAAc,WAEhCvB,IAAKqB,KAAKG,KAAK,EAEf,oBAACxC,MACCe,KAAMsB,KAAKI,IAAI,CACfb,KAAK,UACLE,cAAc,4CAEhB,oBAACV,KACCR,UAAU,6KACVS,KAAMgB,KAAKnB,IAAI,EAEdmB,KAAKG,KAAK,KAKlB9B,kBACC,oBAACC,OAAIC,UAAU,0BAA0BF,mBAKnD,CAAE"}
+{"version":3,"sources":["../../../src/core/Meganav/MeganavPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport { FlyoutPanelList, productsForNav } from \"./data\";\nimport { ProductName, productNames } from \"../ProductTile/data\";\nimport MeganavPanelItemLinks, {\n  MeganavPanelItemLink,\n} from \"./MeganavPanelItemLinks\";\nimport MeganavTile from \"./MeganavTile\";\nimport cn from \"../utils/cn\";\n\ntype MeganavPanelProps = {\n  displayProductTile?: boolean;\n  panelLeft?: React.ReactNode;\n  panelMiddleItems?: React.ReactNode;\n  panelRightItems?: MeganavPanelItemLink[];\n  panelRightBottom?: React.ReactNode;\n};\n\nconst panelClassName =\n  \"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-x-4 bg-neutral-000 dark:bg-neutral-1300 m-0 md:m-6\";\n\nexport const MeganavPanel = ({\n  displayProductTile,\n  panelLeft,\n  panelMiddleItems,\n  panelRightItems,\n  panelRightBottom,\n}: MeganavPanelProps) => {\n  const renderProductsGrid = () => (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 col-span-1 sm:col-span-2\">\n      {productNames.map((product) => (\n        <MeganavTile\n          key={product}\n          productName={product as ProductName}\n          link={productsForNav[product].link ?? \"#\"}\n          animateIcons\n        />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className={cn(panelClassName, \"items-start\")}>\n      {displayProductTile ? (\n        renderProductsGrid()\n      ) : (\n        <>\n          {panelLeft}\n          {panelMiddleItems}\n        </>\n      )}\n\n      <div className=\"flex flex-col justify-between gap-y-6 mt-3 self-stretch\">\n        {panelRightItems?.map((rightItem) => (\n          <MeganavPanelItemLinks\n            key={rightItem.link?.label || rightItem.label}\n            label={rightItem.label}\n            listItems={rightItem.listItems}\n            link={rightItem.link}\n          />\n        ))}\n        {panelRightBottom && (\n          <div className=\"items-end mt-4 md:mt-0\">{panelRightBottom}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const MeganavPanelFullwidth = ({\n  panelItems,\n}: {\n  panelItems: FlyoutPanelList[];\n}) => (\n  <div className={panelClassName}>\n    {panelItems.map((item) => (\n      <MeganavTile\n        key={item.label}\n        navLabel={item.label}\n        navIcon={item.icon}\n        navDescription={item.description}\n        link={item.link}\n        showAblyText={false}\n      />\n    ))}\n  </div>\n);\n"],"names":["React","productsForNav","productNames","MeganavPanelItemLinks","MeganavTile","cn","panelClassName","MeganavPanel","displayProductTile","panelLeft","panelMiddleItems","panelRightItems","panelRightBottom","renderProductsGrid","div","className","map","product","key","productName","link","animateIcons","rightItem","label","listItems","MeganavPanelFullwidth","panelItems","item","navLabel","navIcon","icon","navDescription","description","showAblyText"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAA0BC,cAAc,KAAQ,QAAS,AACzD,QAAsBC,YAAY,KAAQ,qBAAsB,AAChE,QAAOC,0BAEA,yBAA0B,AACjC,QAAOC,gBAAiB,eAAgB,AACxC,QAAOC,OAAQ,aAAc,CAU7B,MAAMC,eACJ,uGAEF,QAAO,MAAMC,aAAe,CAAC,CAC3BC,kBAAkB,CAClBC,SAAS,CACTC,gBAAgB,CAChBC,eAAe,CACfC,gBAAgB,CACE,IAClB,MAAMC,mBAAqB,IACzB,oBAACC,OAAIC,UAAU,4DACZb,aAAac,GAAG,CAAC,AAACC,SACjB,oBAACb,aACCc,IAAKD,QACLE,YAAaF,QACbG,KAAMnB,cAAc,CAACgB,QAAQ,CAACG,IAAI,EAAI,IACtCC,aAAAA,SAMR,OACE,oBAACP,OAAIC,UAAWV,GAAGC,eAAgB,gBAChCE,mBACCK,qBAEA,wCACGJ,UACAC,kBAIL,oBAACI,OAAIC,UAAU,2DACZJ,iBAAiBK,IAAI,AAACM,WACrB,oBAACnB,uBACCe,IAAKI,UAAUF,IAAI,EAAEG,OAASD,UAAUC,KAAK,CAC7CA,MAAOD,UAAUC,KAAK,CACtBC,UAAWF,UAAUE,SAAS,CAC9BJ,KAAME,UAAUF,IAAI,IAGvBR,kBACC,oBAACE,OAAIC,UAAU,0BAA0BH,mBAKnD,CAAE,AAEF,QAAO,MAAMa,sBAAwB,CAAC,CACpCC,UAAU,CAGX,GACC,oBAACZ,OAAIC,UAAWT,gBACboB,WAAWV,GAAG,CAAC,AAACW,MACf,oBAACvB,aACCc,IAAKS,KAAKJ,KAAK,CACfK,SAAUD,KAAKJ,KAAK,CACpBM,QAASF,KAAKG,IAAI,CAClBC,eAAgBJ,KAAKK,WAAW,CAChCZ,KAAMO,KAAKP,IAAI,CACfa,aAAc,SAIpB"}

package/core/Meganav/MeganavPanelItemLinks.js

@@ -0,0 +1,2 @@
+import React from"react";import Icon from"../Icon";import cn from"../utils/cn";import Badge from"../Badge";import{PanelTitle}from"./utils";const MeganavPanelItemLinks=({label,listItems,link})=>{return React.createElement("ul",null,React.createElement(PanelTitle,{title:link?.label??label??"",link:link?.link??""}),listItems&&listItems.map(listItem=>React.createElement("li",{className:cn("list-none py-2.5 md:py-2 px-3 my-0 flex gap-x-2.5 rounded-lg group hover:cursor-pointer","hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100",listItem.isMobile?"md:hidden":"md:flex"),key:listItem.label},listItem.icon&&React.createElement(Icon,{name:listItem.icon,size:"1.25rem",additionalCSS:"text-neutral-1000 dark:text-neutral-300"}),React.createElement("a",{className:"pointer-events-auto ui-text-label2 md:ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300  group-hover:text-neutral-1300 dark:group-hover:text-neutral-000 focus-base",href:listItem.link},listItem.label),listItem.badge&&React.createElement(Badge,{size:"xs"},listItem.badge))))};export default MeganavPanelItemLinks;
+//# sourceMappingURL=MeganavPanelItemLinks.js.map

package/core/Meganav/MeganavPanelItemLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavPanelItemLinks.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon from \"../Icon\";\nimport cn from \"../utils/cn\";\nimport Badge from \"../Badge\";\nimport { PanelTitle } from \"./utils\";\nimport { IconName } from \"../Icon/types\";\nimport { FlyoutPanelList } from \"./data\";\n\nexport type MeganavPanelItemLink = {\n  label?: string;\n  listItems: FlyoutPanelList[];\n  icon?: IconName;\n  link?: {\n    label: string;\n    link: string;\n  };\n};\n\nconst MeganavPanelItemLinks = ({\n  label,\n  listItems,\n  link,\n}: MeganavPanelItemLink) => {\n  return (\n    <ul>\n      <PanelTitle title={link?.label ?? label ?? \"\"} link={link?.link ?? \"\"} />\n\n      {listItems &&\n        listItems.map((listItem) => (\n          <li\n            className={cn(\n              \"list-none py-2.5 md:py-2 px-3 my-0 flex gap-x-2.5 rounded-lg group hover:cursor-pointer\",\n              \"hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100\",\n              listItem.isMobile ? \"md:hidden\" : \"md:flex\",\n            )}\n            key={listItem.label}\n          >\n            {listItem.icon && (\n              <Icon\n                name={listItem.icon}\n                size=\"1.25rem\"\n                additionalCSS=\"text-neutral-1000 dark:text-neutral-300\"\n              />\n            )}\n            <a\n              className=\"pointer-events-auto ui-text-label2 md:ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 \n              group-hover:text-neutral-1300 dark:group-hover:text-neutral-000 focus-base\"\n              href={listItem.link}\n            >\n              {listItem.label}\n            </a>\n            {listItem.badge && <Badge size=\"xs\">{listItem.badge}</Badge>}\n          </li>\n        ))}\n    </ul>\n  );\n};\n\nexport default MeganavPanelItemLinks;\n"],"names":["React","Icon","cn","Badge","PanelTitle","MeganavPanelItemLinks","label","listItems","link","ul","title","map","listItem","li","className","isMobile","key","icon","name","size","additionalCSS","a","href","badge"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,SAAU,SAAU,AAC3B,QAAOC,OAAQ,aAAc,AAC7B,QAAOC,UAAW,UAAW,AAC7B,QAASC,UAAU,KAAQ,SAAU,CAcrC,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,SAAS,CACTC,IAAI,CACiB,IACrB,OACE,oBAACC,UACC,oBAACL,YAAWM,MAAOF,MAAMF,OAASA,OAAS,GAAIE,KAAMA,MAAMA,MAAQ,KAElED,WACCA,UAAUI,GAAG,CAAC,AAACC,UACb,oBAACC,MACCC,UAAWZ,GACT,0FACA,oGACAU,SAASG,QAAQ,CAAG,YAAc,WAEpCC,IAAKJ,SAASN,KAAK,EAElBM,SAASK,IAAI,EACZ,oBAAChB,MACCiB,KAAMN,SAASK,IAAI,CACnBE,KAAK,UACLC,cAAc,4CAGlB,oBAACC,KACCP,UAAU,yLAEVQ,KAAMV,SAASJ,IAAI,EAElBI,SAASN,KAAK,EAEhBM,SAASW,KAAK,EAAI,oBAACpB,OAAMgB,KAAK,MAAMP,SAASW,KAAK,IAK/D,CAEA,gBAAelB,qBAAsB"}

package/core/Meganav/MeganavTile.js

@@ -0,0 +1,2 @@
+import React from"react";import cn from"../utils/cn";import{products}from"../ProductTile/data";import ProductIcon from"../ProductTile/ProductIcon";import ProductLabel from"../ProductTile/ProductLabel";import ProductDescription from"../ProductTile/ProductDescription";const CONTAINER_GAP_RATIO=3;const MeganavTile=({productName,navLabel,navIcon,navDescription,link,animateIcons=false,showAblyText=true})=>{const productData=productName?products[productName]:null;const icon=productData?.icon??navIcon;const hoverIcon=productData?.hoverIcon;const label=productData?.label??navLabel??"";const description=productData?.description??navDescription??"";const unavailable=productData?.unavailable??false;const numericalSize=40;return React.createElement("a",{href:link,className:cn("transition-colors group/product-tile","flex flex-col p-3 rounded-lg gap-2 pointer-events-auto focus-base","bg-neutral-000 dark:bg-neutral-1300","hover:bg-neutral-100 dark:hover:bg-neutral-1200","active:bg-neutral-200 dark:active:bg-neutral-1100"),"aria-hidden":unavailable},React.createElement("span",{className:"items-center flex",style:{gap:numericalSize/CONTAINER_GAP_RATIO}},React.createElement(ProductIcon,{size:numericalSize,name:icon,hoverName:animateIcons?hoverIcon:undefined,unavailable:!!unavailable,selected:false}),React.createElement(ProductLabel,{label:label,unavailable:!!unavailable,numericalSize:numericalSize,showLabel:true,showAblyText:showAblyText,selected:false})),React.createElement(ProductDescription,{description:description,unavailable:!!unavailable,showDescription:true,selected:false}))};export default MeganavTile;
+//# sourceMappingURL=MeganavTile.js.map

package/core/Meganav/MeganavTile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavTile.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"../utils/cn\";\nimport { products, ProductName } from \"../ProductTile/data\";\nimport ProductIcon from \"../ProductTile/ProductIcon\";\nimport ProductLabel from \"../ProductTile/ProductLabel\";\nimport ProductDescription from \"../ProductTile/ProductDescription\";\nimport { IconName } from \"../Icon/types\";\n\nconst CONTAINER_GAP_RATIO = 3;\n\nexport type MeganavTileProps = {\n  link: string;\n  productName?: ProductName;\n  navLabel?: string;\n  navIcon?: IconName;\n  navDescription?: string;\n  animateIcons?: boolean;\n  showAblyText?: boolean;\n};\n\nconst MeganavTile = ({\n  productName,\n  navLabel,\n  navIcon,\n  navDescription,\n  link,\n  animateIcons = false,\n  showAblyText = true,\n}: MeganavTileProps) => {\n  const productData = productName ? products[productName] : null;\n\n  const icon = productData?.icon ?? navIcon;\n  const hoverIcon = productData?.hoverIcon;\n  const label = productData?.label ?? navLabel ?? \"\";\n  const description = productData?.description ?? navDescription ?? \"\";\n  const unavailable = productData?.unavailable ?? false;\n\n  const numericalSize = 40;\n\n  return (\n    <a\n      href={link}\n      className={cn(\n        \"transition-colors group/product-tile\",\n        \"flex flex-col p-3 rounded-lg gap-2 pointer-events-auto focus-base\",\n        \"bg-neutral-000 dark:bg-neutral-1300\",\n        \"hover:bg-neutral-100 dark:hover:bg-neutral-1200\",\n        \"active:bg-neutral-200 dark:active:bg-neutral-1100\",\n      )}\n      aria-hidden={unavailable}\n    >\n      <span\n        className=\"items-center flex\"\n        style={{\n          gap: numericalSize / CONTAINER_GAP_RATIO,\n        }}\n      >\n        <ProductIcon\n          size={numericalSize}\n          name={icon}\n          hoverName={animateIcons ? hoverIcon : undefined}\n          unavailable={!!unavailable}\n          selected={false}\n        />\n        <ProductLabel\n          label={label}\n          unavailable={!!unavailable}\n          numericalSize={numericalSize}\n          showLabel={true}\n          showAblyText={showAblyText}\n          selected={false}\n        />\n      </span>\n      <ProductDescription\n        description={description}\n        unavailable={!!unavailable}\n        showDescription={true}\n        selected={false}\n      />\n    </a>\n  );\n};\n\nexport default MeganavTile;\n"],"names":["React","cn","products","ProductIcon","ProductLabel","ProductDescription","CONTAINER_GAP_RATIO","MeganavTile","productName","navLabel","navIcon","navDescription","link","animateIcons","showAblyText","productData","icon","hoverIcon","label","description","unavailable","numericalSize","a","href","className","aria-hidden","span","style","gap","size","name","hoverName","undefined","selected","showLabel","showDescription"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,OAAQ,aAAc,AAC7B,QAASC,QAAQ,KAAqB,qBAAsB,AAC5D,QAAOC,gBAAiB,4BAA6B,AACrD,QAAOC,iBAAkB,6BAA8B,AACvD,QAAOC,uBAAwB,mCAAoC,CAGnE,MAAMC,oBAAsB,EAY5B,MAAMC,YAAc,CAAC,CACnBC,WAAW,CACXC,QAAQ,CACRC,OAAO,CACPC,cAAc,CACdC,IAAI,CACJC,aAAe,KAAK,CACpBC,aAAe,IAAI,CACF,IACjB,MAAMC,YAAcP,YAAcN,QAAQ,CAACM,YAAY,CAAG,KAE1D,MAAMQ,KAAOD,aAAaC,MAAQN,QAClC,MAAMO,UAAYF,aAAaE,UAC/B,MAAMC,MAAQH,aAAaG,OAAST,UAAY,GAChD,MAAMU,YAAcJ,aAAaI,aAAeR,gBAAkB,GAClE,MAAMS,YAAcL,aAAaK,aAAe,MAEhD,MAAMC,cAAgB,GAEtB,OACE,oBAACC,KACCC,KAAMX,KACNY,UAAWvB,GACT,uCACA,oEACA,sCACA,kDACA,qDAEFwB,cAAaL,aAEb,oBAACM,QACCF,UAAU,oBACVG,MAAO,CACLC,IAAKP,cAAgBf,mBACvB,GAEA,oBAACH,aACC0B,KAAMR,cACNS,KAAMd,KACNe,UAAWlB,aAAeI,UAAYe,UACtCZ,YAAa,CAAC,CAACA,YACfa,SAAU,QAEZ,oBAAC7B,cACCc,MAAOA,MACPE,YAAa,CAAC,CAACA,YACfC,cAAeA,cACfa,UAAW,KACXpB,aAAcA,aACdmB,SAAU,SAGd,oBAAC5B,oBACCc,YAAaA,YACbC,YAAa,CAAC,CAACA,YACfe,gBAAiB,KACjBF,SAAU,QAIlB,CAEA,gBAAe1B,WAAY"}

package/core/Meganav/data.js

@@ -1,2 +1,2 @@
-import React from"react";import{MeganavPanel}from"./MeganavPanel";import Status,{StatusUrl}from"../Status";import FanEngagementNavImage from"./images/fan-engagement-nav-image.png";import CompanyNavImage from"./images/founders-nav-image.png";import G2BestMeetsRequirementsSpring2025 from"../images/badges/g2-best-meets-requirements-spring-2025.svg";import G2BestResultsSpring2025 from"../images/badges/g2-best-results-spring-2025.svg";import G2BestSupportSpring2025 from"../images/badges/g2-best-support-spring-2025.svg";import{products}from"../ProductTile/data";const panelClassName="w-full sm:w-[50.9375rem]";const panelLeftFeatureClassName="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";const productsMenu=[{label:"Architecture",icon:"icon-gui-globe-alt-outline",link:"/platform"},{label:"Integrations",icon:"icon-gui-puzzle-piece-outline",link:"/docs/platform/integrations"},{label:"SDKs",icon:"icon-gui-cube-transparent-outline",link:"/docs/sdks"},{label:"Security & Compliance",icon:"icon-gui-shield-check-outline",link:"/security-and-compliance"}];const solutionsHighlight={heading:"Fan Engagement",content:"Capture the attention of millions of fans during live events.",labelLink:"Learn more",url:"/fan-engagement",image:FanEngagementNavImage};const solutionsMenu=[{label:"Fan Engagement",icon:"icon-gui-hand-thumb-up-outline",link:"/fan-engagement",isMobile:true},{label:"CXTech",icon:"icon-gui-building-office-outline",link:"/cx-tech"},{label:"FinTech",icon:"icon-gui-currency-dollar-outline",link:"/fin-tech"},{label:"HealthTech",icon:"icon-gui-heart-outline",link:"/health-tech"},{label:"EdTech",icon:"icon-gui-academic-cap-outline",link:"/ed-tech"}];const companyHighlight={heading:"Leading the realtime revolution",content:"Hear from our founders about Ably’s ambitious plans to become the world’s definitive realtime platform.",labelLink:"About Ably",url:"/about",image:CompanyNavImage};const companyMenu=[{label:"About Ably",icon:"icon-gui-ably-badge",link:"/about",isMobile:true},{label:"Customer stories",icon:"icon-gui-star-outline",link:"/case-studies"},{label:"Careers",icon:"icon-gui-briefcase-outline",link:"/careers"},{label:"Blog",icon:"icon-gui-light-bulb-outline",link:"/blog"}];export const ablyAwards=[{image:G2BestSupportSpring2025,desc:"G2 Best Support Spring 2025"},{image:G2BestMeetsRequirementsSpring2025,desc:"G2 Best Meets Requirements Spring 2025"},{image:G2BestResultsSpring2025,desc:"G2 Best Results Spring 2025"}];export const menuItemLinks=[{name:"Pricing",link:"/pricing",isHiddenMobile:true},{name:"Docs",link:"/docs",isHiddenMobile:true}];export const menuItemsForHeader=[{name:"Products",content:React.createElement(MeganavPanel,{displayProductTile:true,panelLeftClassName:"grid",panelRightItems:productsMenu,panelRightHeading:"platform",panelRightBottom:React.createElement(Status,{statusUrl:StatusUrl,showDescription:true})}),panelClassName},{name:"Solutions",content:React.createElement(MeganavPanel,{panelLeft:solutionsHighlight,panelLeftClassName:panelLeftFeatureClassName,panelRightItems:solutionsMenu}),panelClassName},{name:"Company",content:React.createElement(MeganavPanel,{panelLeft:companyHighlight,panelLeftClassName:panelLeftFeatureClassName,panelRightItems:companyMenu,panelRightBottom:React.createElement("div",{className:"flex-1 gap-x-2 hidden md:flex"},ablyAwards.slice(0,3).map(award=>React.createElement("img",{key:award.desc,src:award.image,alt:award.desc,width:"57",height:"64"})))}),panelClassName},...menuItemLinks];export const productsForNav={...products,pubsub:{...products.pubsub,link:"/pubsub"},liveSync:{...products.liveSync,link:"/livesync"},chat:{...products.chat,link:"/chat"},spaces:{...products.spaces,link:"/spaces"},aiTransport:{...products.aiTransport,link:"/ai-transport"},liveObjects:{...products.liveObjects,link:"/liveobjects"}};
+import React from"react";import G2BestMeetsRequirementsSpring2025 from"../images/badges/g2-best-meets-requirements-spring-2025.svg";import G2BestResultsSpring2025 from"../images/badges/g2-best-results-spring-2025.svg";import G2BestSupportSpring2025 from"../images/badges/g2-best-support-spring-2025.svg";import{products}from"../ProductTile/data";import DoxyMeLogo from"../Meganav/images/cust-logo-doxy-light.png";import DoxyMeLogoDark from"../Meganav/images/cust-logo-doxy-dark.png";export const productsMenu=[{label:"Architecture",icon:"icon-gui-squares-2-x-2-outline",link:"/platform"},{label:"Integrations",icon:"icon-gui-puzzle-piece-outline",link:"/docs/platform/integrations"},{label:"SDKs",icon:"icon-gui-cube-transparent-outline",link:"/docs/sdks"},{label:"Security & Compliance",icon:"icon-gui-shield-check-outline",link:"/security-and-compliance"}];export const compareMenu=[{label:"Ably vs Pusher",link:"/ably-vs-pusher"},{label:"Ably vs PubNub",link:"/ably-vs-pubnub"},{label:"Ably vs Socket.io",link:"/ably-vs-socket.io"}];export const solutionsMenu=[{label:"Fan Engagement",icon:"icon-gui-hand-thumb-up-outline",link:"/fan-engagement",description:"Enhance every moment with live, interactive fan experiences."},{label:"FinTech",icon:"icon-gui-currency-dollar-outline",link:"/fin-tech",description:"Speed, reliability, and confidence in every user interaction."},{label:"EdTech",icon:"icon-gui-academic-cap-outline",link:"/ed-tech",description:"Power collaborative, interactive learning environments."},{label:"CXTech",icon:"icon-gui-face-smile-outline",link:"/cx-tech",description:"Deliver fast support, strong relationships, and high retention."},{label:"HealthTech",icon:"icon-gui-heartbeat-outline",link:"/health-tech",description:"Reliable tools with full data privacy and compliance."}];export const customerStoriesHighlight={companyLogo:DoxyMeLogo,companyLogoDark:DoxyMeLogoDark,companyLink:"/case-studies/doxyme",companyName:"Doxy.me",companyDesc:"built their realtime stack in under six months, cutting costs by 65%, eliminating errors, and transforming a once-feared system into a core strength."};export const companyMenu=[{label:"Our Story",icon:"icon-gui-ably-badge",link:"/case-studies"},{label:"Careers",icon:"icon-gui-briefcase-outline",link:"/careers",badge:"WE'RE HIRING"},{label:"About Ably",icon:"icon-gui-ably-badge",link:"/about",isMobile:true}];export const ablyAwards=[{image:G2BestSupportSpring2025,desc:"G2 Best Support Spring 2025"},{image:G2BestMeetsRequirementsSpring2025,desc:"G2 Best Meets Requirements Spring 2025"},{image:G2BestResultsSpring2025,desc:"G2 Best Results Spring 2025"}];export const menuItemLinks=[{name:"Pricing",link:"/pricing",isHiddenMobile:true},{name:"Docs",link:"/docs",isHiddenMobile:true}];export const defaultBlogPosts=[{title:"Ably AI Transport: keep your agents connected and stateful across devices",link:"/blog/ably-ai-transport",categories:["New Release","AI Transport"],pubDate:"Dec 9, 2025"},{title:"Live chat at unlimited scale: What it takes to support stadium-sized audiences",link:"/blog/live-chat-at-unlimited-scale",categories:["Chat"],pubDate:"Nov 18, 2025"}];export const productsForNav={...products,pubsub:{...products.pubsub,link:"/pubsub"},liveSync:{...products.liveSync,link:"/livesync"},chat:{...products.chat,link:"/chat"},spaces:{...products.spaces,link:"/spaces"},aiTransport:{...products.aiTransport,link:"/ai-transport"},liveObjects:{...products.liveObjects,link:"/liveobjects"}};
 //# sourceMappingURL=data.js.map

package/core/Meganav/data.js.map

@@ -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"}
+{"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: \"/ably-vs-pusher\",\n  },\n  {\n    label: \"Ably vs PubNub\",\n    link: \"/ably-vs-pubnub\",\n  },\n  {\n    label: \"Ably vs Socket.io\",\n    link: \"/ably-vs-socket.io\",\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    label: \"About Ably\",\n    icon: \"icon-gui-ably-badge\",\n    link: \"/about\",\n    isMobile: true,\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","isMobile","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,iBACR,EACA,CACEF,MAAO,iBACPE,KAAM,iBACR,EACA,CACEF,MAAO,oBACPE,KAAM,oBACR,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,EACA,CACEb,MAAO,aACPC,KAAM,sBACNC,KAAM,SACNY,SAAU,IACZ,EACD,AAAC,AAEF,QAAO,MAAMC,WAAa,CACxB,CACEC,MAAOrB,wBACPsB,KAAM,6BACR,EACA,CACED,MAAOvB,kCACPwB,KAAM,wCACR,EACA,CACED,MAAOtB,wBACPuB,KAAM,6BACR,EACD,AAAC,AAEF,QAAO,MAAMC,cAAgB,CAC3B,CAAEC,KAAM,UAAWjB,KAAM,WAAYkB,eAAgB,IAAK,EAC1D,CAAED,KAAM,OAAQjB,KAAM,QAASkB,eAAgB,IAAK,EACrD,AAAC,AAEF,QAAO,MAAMC,iBAA+B,CAC1C,CACEC,MACE,4EACFpB,KAAM,0BACNqB,WAAY,CAAC,cAAe,eAAe,CAC3CC,QAAS,aACX,EACA,CACEF,MACE,iFACFpB,KAAM,qCACNqB,WAAY,CAAC,OAAO,CACpBC,QAAS,cACX,EACD,AAAC,AAEF,QAAO,MAAMC,eAAiB,CAC5B,GAAG7B,QAAQ,CACX8B,OAAQ,CAAE,GAAG9B,SAAS8B,MAAM,CAAExB,KAAM,SAAU,EAC9CyB,SAAU,CAAE,GAAG/B,SAAS+B,QAAQ,CAAEzB,KAAM,WAAY,EACpD0B,KAAM,CAAE,GAAGhC,SAASgC,IAAI,CAAE1B,KAAM,OAAQ,EACxC2B,OAAQ,CAAE,GAAGjC,SAASiC,MAAM,CAAE3B,KAAM,SAAU,EAC9C4B,YAAa,CACX,GAAGlC,SAASkC,WAAW,CACvB5B,KAAM,eACR,EACA6B,YAAa,CAAE,GAAGnC,SAASmC,WAAW,CAAE7B,KAAM,cAAe,CAC/D,CAAE"}

package/core/Meganav/utils/getMenuItemsForHeader.js

@@ -0,0 +1,2 @@
+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",customerStoriesHighlight:customerStoriesHighlight}),panelMiddleItems:React.createElement(MeganavBlog,{title:"Blog",link:"/blog",posts:recentBlogPosts}),panelRightItems:[{label:"Company",listItems:companyMenu}],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"})))}),panelClassName},...menuItemLinks]};
+//# sourceMappingURL=getMenuItemsForHeader.js.map

package/core/Meganav/utils/getMenuItemsForHeader.js.map

@@ -0,0 +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              customerStoriesHighlight={customerStoriesHighlight}\n            />\n          }\n          panelMiddleItems={\n            <MeganavBlog title=\"Blog\" link=\"/blog\" posts={recentBlogPosts} />\n          }\n          panelRightItems={[{ label: \"Company\", listItems: companyMenu }]}\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        />\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","panelMiddleItems","posts","div","className","map","award","img","key","desc","src","image","alt","width","height","loading"],"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,gBACLjB,yBAA0BA,2BAG9ByB,iBACE,oBAAChC,aAAY+B,MAAM,OAAOP,KAAK,QAAQS,MAAOlB,kBAEhDM,gBAAiB,CAAC,CAAEC,MAAO,UAAWC,UAAWlB,WAAY,EAAE,CAC/DoB,iBACE,oBAACS,OAAIC,UAAU,qCACZ/B,WAAWa,KAAK,CAAC,EAAG,GAAGmB,GAAG,CAAC,AAACC,OAC3B,oBAACC,OACCC,IAAKF,MAAMG,IAAI,CACfC,IAAKJ,MAAMK,KAAK,CAChBC,IAAKN,MAAMG,IAAI,CACfI,MAAM,KACNC,OAAO,KACPC,QAAQ,aAOpBhC,cACF,KACGJ,cACJ,AACH,CAAE"}

package/core/Meganav/utils.js

@@ -0,0 +1,2 @@
+import React from"react";import FeaturedLink from"../FeaturedLink";export const PanelTitle=({title,link})=>{return React.createElement("div",{className:"mb-3 px-3"},link?React.createElement(FeaturedLink,{url:link,textSize:"text-overline2",additionalCSS:"ui-text-overline2 mb-0 py-0 font-medium font-mono text-neutral-700 dark:text-neutral-600 hover:text-neutral-1300 dark:hover:text-neutral-000 active:text-neutral-1100 dark:active:text-neutral-200 focus-base"},title):React.createElement("p",{className:"ui-text-overline2 text-neutral-700 dark:text-neutral-600 font-medium font-mono"},title))};
+//# sourceMappingURL=utils.js.map

package/core/Meganav/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport FeaturedLink from \"../FeaturedLink\";\n\nexport const PanelTitle = ({\n  title,\n  link,\n}: {\n  title: string;\n  link?: string;\n}) => {\n  return (\n    <div className=\"mb-3 px-3\">\n      {link ? (\n        <FeaturedLink\n          url={link}\n          textSize=\"text-overline2\"\n          additionalCSS=\"ui-text-overline2 mb-0 py-0 font-medium font-mono\n          text-neutral-700 dark:text-neutral-600 hover:text-neutral-1300 dark:hover:text-neutral-000\n          active:text-neutral-1100 dark:active:text-neutral-200 focus-base\"\n        >\n          {title}\n        </FeaturedLink>\n      ) : (\n        <p className=\"ui-text-overline2 text-neutral-700 dark:text-neutral-600 font-medium font-mono\">\n          {title}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"names":["React","FeaturedLink","PanelTitle","title","link","div","className","url","textSize","additionalCSS","p"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,iBAAkB,iBAAkB,AAE3C,QAAO,MAAMC,WAAa,CAAC,CACzBC,KAAK,CACLC,IAAI,CAIL,IACC,OACE,oBAACC,OAAIC,UAAU,aACZF,KACC,oBAACH,cACCM,IAAKH,KACLI,SAAS,iBACTC,cAAc,iNAIbN,OAGH,oBAACO,KAAEJ,UAAU,kFACVH,OAKX,CAAE"}

package/core/Meganav.js

@@ -1,2 +1,2 @@
-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;
+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;
 //# sourceMappingURL=Meganav.js.map

package/core/Meganav.js.map

@@ -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"}
+{"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"}

package/core/ProductTile/ProductLabel.js

@@ -1,2 +1,2 @@
-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;
+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;
 //# sourceMappingURL=ProductLabel.js.map

package/core/ProductTile/ProductLabel.js.map

@@ -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"}
+{"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"}

package/core/ProductTile/data.js

@@ -1,2 +1,2 @@
-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"}};
+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"}};
 //# sourceMappingURL=data.js.map

package/core/ProductTile/data.js.map

@@ -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"}
+{"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"}

package/core/icons/gui/icon-gui-heartbeat-outline.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>

package/core/icons/gui/icon-gui-heartbeat-solid.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>

package/core/sprites-gui.svg

@@ -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>
+<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>