@ably/ui 17.11.0-dev.4c4b6b55 → 17.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/Flyout.js +1 -1
- package/core/Flyout.js.map +1 -1
- package/core/Header/HeaderLinks.js +1 -1
- package/core/Header/HeaderLinks.js.map +1 -1
- package/core/Header.js +1 -1
- package/core/Header.js.map +1 -1
- package/core/Icon/components/icon-gui-heartbeat-outline.js +2 -0
- package/core/Icon/components/icon-gui-heartbeat-outline.js.map +1 -0
- package/core/Icon/components/icon-gui-heartbeat-solid.js +2 -0
- package/core/Icon/components/icon-gui-heartbeat-solid.js.map +1 -0
- package/core/Icon/components/icon-product-chat-mono.js +1 -1
- package/core/Icon/components/icon-product-chat-mono.js.map +1 -1
- package/core/Icon/components/icon-product-liveobjects-mono.js +1 -1
- package/core/Icon/components/icon-product-liveobjects-mono.js.map +1 -1
- package/core/Icon/components/icon-product-livesync-mono.js +1 -1
- package/core/Icon/components/icon-product-livesync-mono.js.map +1 -1
- package/core/Icon/components/icon-product-pubsub-mono.js +1 -1
- package/core/Icon/components/icon-product-pubsub-mono.js.map +1 -1
- package/core/Icon/components/icon-product-spaces-mono.js +1 -1
- package/core/Icon/components/icon-product-spaces-mono.js.map +1 -1
- package/core/Icon/components/index.js +1 -1
- package/core/Icon/components/index.js.map +1 -1
- package/core/Icon/computed-icons/gui-icons.js +1 -1
- package/core/Icon/computed-icons/gui-icons.js.map +1 -1
- package/core/Meganav/MeganavBlog.js +2 -0
- package/core/Meganav/MeganavBlog.js.map +1 -0
- package/core/Meganav/MeganavCustomerStories.js +2 -0
- package/core/Meganav/MeganavCustomerStories.js.map +1 -0
- package/core/Meganav/MeganavMobile.js +1 -1
- package/core/Meganav/MeganavMobile.js.map +1 -1
- package/core/Meganav/MeganavPanel.js +1 -1
- package/core/Meganav/MeganavPanel.js.map +1 -1
- package/core/Meganav/MeganavPanelItemLinks.js +2 -0
- package/core/Meganav/MeganavPanelItemLinks.js.map +1 -0
- package/core/Meganav/MeganavTile.js +2 -0
- package/core/Meganav/MeganavTile.js.map +1 -0
- package/core/Meganav/PanelTitle.js +2 -0
- package/core/Meganav/PanelTitle.js.map +1 -0
- package/core/Meganav/data.js +1 -1
- package/core/Meganav/data.js.map +1 -1
- package/core/Meganav/images/cust-logo-doxy-dark.png +0 -0
- package/core/Meganav/images/cust-logo-doxy-light.png +0 -0
- package/core/Meganav/utils/getMenuItemsForHeader.js +2 -0
- package/core/Meganav/utils/getMenuItemsForHeader.js.map +1 -0
- package/core/Meganav.js +1 -1
- package/core/Meganav.js.map +1 -1
- package/core/ProductTile/ProductIcon.js +1 -1
- package/core/ProductTile/ProductIcon.js.map +1 -1
- package/core/ProductTile/ProductLabel.js +1 -1
- package/core/ProductTile/ProductLabel.js.map +1 -1
- package/core/ProductTile/data.js +1 -1
- package/core/ProductTile/data.js.map +1 -1
- package/core/icons/gui/icon-gui-heartbeat-outline.svg +4 -0
- package/core/icons/gui/icon-gui-heartbeat-solid.svg +4 -0
- package/core/icons/product/icon-product-chat-mono.svg +1 -1
- package/core/icons/product/icon-product-liveobjects-mono.svg +1 -4
- package/core/icons/product/icon-product-livesync-mono.svg +4 -4
- package/core/icons/product/icon-product-pubsub-mono.svg +1 -1
- package/core/icons/product/icon-product-spaces-mono.svg +1 -1
- package/core/sprites-gui.svg +1 -1
- package/core/sprites-product.svg +1 -1
- package/index.d.ts +143 -48
- package/package.json +5 -6
- package/core/Header/types.js +0 -2
- package/core/Header/types.js.map +0 -1
- package/core/Meganav/MeganavProductTile.js +0 -2
- package/core/Meganav/MeganavProductTile.js.map +0 -1
- package/core/Meganav/images/fan-engagement-nav-image.png +0 -0
- package/core/Meganav/images/founders-nav-image.png +0 -0
- package/core/hooks/use-themed-scrollpoints.js +0 -2
- package/core/hooks/use-themed-scrollpoints.js.map +0 -1
- package/core/hooks/use-themed-scrollpoints.test.js +0 -2
- package/core/hooks/use-themed-scrollpoints.test.js.map +0 -1
package/core/Flyout.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React,{useState}from"react";import{NavigationMenu,NavigationMenuItem,NavigationMenuList,NavigationMenuTrigger,NavigationMenuContent,NavigationMenuViewport,NavigationMenuLink}from"@radix-ui/react-navigation-menu";import cn from"./utils/cn";import{componentMaxHeight,HEADER_HEIGHT}from"./utils/heights";const DEFAULT_MENU_LINK_STYLING="ui-text-label3 font-bold text-neutral-1000 dark:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 px-3 py-2 flex items-center justify-between";const DEFAULT_VIEWPORT_STYLING="relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] origin-[top_center] transition-[width,_height] duration-300 data-[state=closed]:animate-scale-out data-[state=open]:animate-scale-in sm:w-[var(--radix-navigation-menu-viewport-width)]";const PANEL_ANIMATION="data-[motion=from-end]:animate-enter-from-right data-[motion=from-start]:animate-enter-from-left data-[motion=to-end]:animate-exit-to-right data-[motion=to-start]:animate-exit-to-left";const FlyOverlay=({className,fadingOut})=>React.createElement("div",{className:cn("absolute left-0 right-0 h-screen w-full opacity-0",{"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]":!fadingOut,"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]":fadingOut},className),style:{height:componentMaxHeight(HEADER_HEIGHT),top:HEADER_HEIGHT}});const Flyout=({menuItems,className,flyOutClassName,menuLinkClassName,viewPortClassName})=>{const[isOpen,setIsOpen]=useState(false);const[fadingOut,setFadingOut]=useState(false);const closeMenu=()=>{setFadingOut(true);setTimeout(()=>{setIsOpen(false);setFadingOut(false)},150)};return React.createElement(React.Fragment,null,React.createElement(NavigationMenu,{className:cn(className,"flex w-full"),onValueChange:val=>val?setIsOpen(true):closeMenu(),delayDuration:0},React.createElement(NavigationMenuList,{className:"flex list-none center"},menuItems.map(({name,content,link,panelClassName})=>content?React.createElement(NavigationMenuItem,{key:name},React.createElement(NavigationMenuTrigger,{
|
|
1
|
+
import React,{useState}from"react";import{NavigationMenu,NavigationMenuItem,NavigationMenuList,NavigationMenuTrigger,NavigationMenuContent,NavigationMenuViewport,NavigationMenuLink}from"@radix-ui/react-navigation-menu";import cn from"./utils/cn";import{componentMaxHeight,HEADER_HEIGHT}from"./utils/heights";const DEFAULT_MENU_LINK_STYLING="ui-text-label3 font-bold text-neutral-1000 dark:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 px-3 py-2 flex items-center justify-between";const DEFAULT_VIEWPORT_STYLING="relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] origin-[top_center] transition-[width,_height] duration-300 data-[state=closed]:animate-scale-out data-[state=open]:animate-scale-in sm:w-[var(--radix-navigation-menu-viewport-width)]";const PANEL_ANIMATION="data-[motion=from-end]:animate-enter-from-right data-[motion=from-start]:animate-enter-from-left data-[motion=to-end]:animate-exit-to-right data-[motion=to-start]:animate-exit-to-left";const FlyOverlay=({className,fadingOut})=>React.createElement("div",{className:cn("absolute left-0 right-0 h-screen w-full opacity-0",{"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]":!fadingOut,"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]":fadingOut},className),style:{height:componentMaxHeight(HEADER_HEIGHT),top:HEADER_HEIGHT}});const Flyout=({menuItems,className,flyOutClassName,menuLinkClassName,viewPortClassName})=>{const[isOpen,setIsOpen]=useState(false);const[fadingOut,setFadingOut]=useState(false);const closeMenu=()=>{setFadingOut(true);setTimeout(()=>{setIsOpen(false);setFadingOut(false)},150)};return React.createElement(React.Fragment,null,React.createElement(NavigationMenu,{className:cn(className,"flex w-full"),onValueChange:val=>val?setIsOpen(true):closeMenu(),delayDuration:0},React.createElement(NavigationMenuList,{className:"flex list-none center"},menuItems.map(({name,content,link,panelClassName})=>content?React.createElement(NavigationMenuItem,{key:name},React.createElement(NavigationMenuTrigger,{onPointerDown:event=>{if(event.pointerType==="mouse"){event.preventDefault()}},className:cn("group outline-none focus:outline-none select-none cursor-pointer relative","rounded-md hover:bg-neutral-100 dark:hover:bg-neutral-1200","[&[data-state=open]]:bg-neutral-100 dark:[&[data-state=open]]:bg-neutral-1200","[&[data-state=open]]:text-neutral-1300 dark:[&[data-state=open]]:text-neutral-000",DEFAULT_MENU_LINK_STYLING,menuLinkClassName)},name),React.createElement(NavigationMenuContent,{className:cn("absolute right-0 top-0 z-10",PANEL_ANIMATION,panelClassName)},content)):React.createElement(NavigationMenuLink,{key:name,href:link,className:cn(DEFAULT_MENU_LINK_STYLING,menuLinkClassName)},name))),React.createElement("div",{className:cn("absolute top-full",flyOutClassName)},React.createElement(NavigationMenuViewport,{className:cn(DEFAULT_VIEWPORT_STYLING,viewPortClassName)}))),isOpen?React.createElement(FlyOverlay,{className:"bg-neutral-1300 opacity-10 z-20 h-screen mix-blend-multiply",fadingOut:fadingOut}):null)};export default Flyout;
|
|
2
2
|
//# sourceMappingURL=Flyout.js.map
|
package/core/Flyout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/Flyout.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n NavigationMenu,\n NavigationMenuItem,\n NavigationMenuList,\n NavigationMenuTrigger,\n NavigationMenuContent,\n NavigationMenuViewport,\n NavigationMenuLink,\n} from \"@radix-ui/react-navigation-menu\";\nimport cn from \"./utils/cn\";\nimport { componentMaxHeight, HEADER_HEIGHT } from \"./utils/heights\";\n\n/**\n * Props for the Flyout component.\n */\ntype FlyoutProps = {\n /**\n * Array of menu items to be displayed in the flyout.\n */\n menuItems: {\n /**\n * Name for the menu item.\n */\n name: string;\n /**\n * Optional content to be displayed in the flyout panel.\n */\n content?: React.ReactNode;\n /**\n * Optional link for the menu item.\n */\n link?: string;\n /**\n * Optional styling for the flyout panel.\n */\n panelClassName?: string;\n }[];\n /**\n * Optional class name for the flyout container.\n */\n className?: string;\n /**\n * Optional class name for the flyout element.\n */\n flyOutClassName?: string;\n /**\n * Optional class name for the menu link.\n */\n menuLinkClassName?: string;\n /**\n * Optional class name for the viewport.\n */\n viewPortClassName?: string;\n};\n\nconst DEFAULT_MENU_LINK_STYLING =\n \"ui-text-label3 font-bold text-neutral-1000 dark:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 px-3 py-2 flex items-center justify-between\";\nconst DEFAULT_VIEWPORT_STYLING =\n \"relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] origin-[top_center] transition-[width,_height] duration-300 data-[state=closed]:animate-scale-out data-[state=open]:animate-scale-in sm:w-[var(--radix-navigation-menu-viewport-width)]\";\nconst PANEL_ANIMATION =\n \"data-[motion=from-end]:animate-enter-from-right data-[motion=from-start]:animate-enter-from-left data-[motion=to-end]:animate-exit-to-right data-[motion=to-start]:animate-exit-to-left\";\n\nconst FlyOverlay = ({\n className,\n fadingOut,\n}: {\n className: string;\n fadingOut: boolean;\n}) => (\n <div\n className={cn(\n \"absolute left-0 right-0 h-screen w-full opacity-0\",\n {\n \"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]\": !fadingOut,\n \"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]\": fadingOut,\n },\n className,\n )}\n style={{ height: componentMaxHeight(HEADER_HEIGHT), top: HEADER_HEIGHT }}\n ></div>\n);\n\nconst Flyout = ({\n menuItems,\n className,\n flyOutClassName,\n menuLinkClassName,\n viewPortClassName,\n}: FlyoutProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [fadingOut, setFadingOut] = useState(false);\n\n const closeMenu = () => {\n setFadingOut(true);\n\n setTimeout(() => {\n setIsOpen(false);\n setFadingOut(false);\n }, 150);\n };\n\n return (\n <>\n <NavigationMenu\n className={cn(className, \"flex w-full\")}\n onValueChange={(val) => (val ? setIsOpen(true) : closeMenu())}\n delayDuration={0}\n >\n <NavigationMenuList className=\"flex list-none center\">\n {menuItems.map(({ name, content, link, panelClassName }) =>\n content ? (\n <NavigationMenuItem key={name}>\n <NavigationMenuTrigger\n
|
|
1
|
+
{"version":3,"sources":["../../src/core/Flyout.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n NavigationMenu,\n NavigationMenuItem,\n NavigationMenuList,\n NavigationMenuTrigger,\n NavigationMenuContent,\n NavigationMenuViewport,\n NavigationMenuLink,\n} from \"@radix-ui/react-navigation-menu\";\nimport cn from \"./utils/cn\";\nimport { componentMaxHeight, HEADER_HEIGHT } from \"./utils/heights\";\n\n/**\n * Props for the Flyout component.\n */\ntype FlyoutProps = {\n /**\n * Array of menu items to be displayed in the flyout.\n */\n menuItems: {\n /**\n * Name for the menu item.\n */\n name: string;\n /**\n * Optional content to be displayed in the flyout panel.\n */\n content?: React.ReactNode;\n /**\n * Optional link for the menu item.\n */\n link?: string;\n /**\n * Optional styling for the flyout panel.\n */\n panelClassName?: string;\n }[];\n /**\n * Optional class name for the flyout container.\n */\n className?: string;\n /**\n * Optional class name for the flyout element.\n */\n flyOutClassName?: string;\n /**\n * Optional class name for the menu link.\n */\n menuLinkClassName?: string;\n /**\n * Optional class name for the viewport.\n */\n viewPortClassName?: string;\n};\n\nconst DEFAULT_MENU_LINK_STYLING =\n \"ui-text-label3 font-bold text-neutral-1000 dark:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 px-3 py-2 flex items-center justify-between\";\nconst DEFAULT_VIEWPORT_STYLING =\n \"relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] origin-[top_center] transition-[width,_height] duration-300 data-[state=closed]:animate-scale-out data-[state=open]:animate-scale-in sm:w-[var(--radix-navigation-menu-viewport-width)]\";\nconst PANEL_ANIMATION =\n \"data-[motion=from-end]:animate-enter-from-right data-[motion=from-start]:animate-enter-from-left data-[motion=to-end]:animate-exit-to-right data-[motion=to-start]:animate-exit-to-left\";\n\nconst FlyOverlay = ({\n className,\n fadingOut,\n}: {\n className: string;\n fadingOut: boolean;\n}) => (\n <div\n className={cn(\n \"absolute left-0 right-0 h-screen w-full opacity-0\",\n {\n \"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]\": !fadingOut,\n \"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]\": fadingOut,\n },\n className,\n )}\n style={{ height: componentMaxHeight(HEADER_HEIGHT), top: HEADER_HEIGHT }}\n ></div>\n);\n\nconst Flyout = ({\n menuItems,\n className,\n flyOutClassName,\n menuLinkClassName,\n viewPortClassName,\n}: FlyoutProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [fadingOut, setFadingOut] = useState(false);\n\n const closeMenu = () => {\n setFadingOut(true);\n\n setTimeout(() => {\n setIsOpen(false);\n setFadingOut(false);\n }, 150);\n };\n\n return (\n <>\n <NavigationMenu\n className={cn(className, \"flex w-full\")}\n onValueChange={(val) => (val ? setIsOpen(true) : closeMenu())}\n delayDuration={0}\n >\n <NavigationMenuList className=\"flex list-none center\">\n {menuItems.map(({ name, content, link, panelClassName }) =>\n content ? (\n <NavigationMenuItem key={name}>\n <NavigationMenuTrigger\n onPointerDown={(event) => {\n if (event.pointerType === \"mouse\") {\n event.preventDefault();\n }\n }}\n className={cn(\n \"group outline-none focus:outline-none select-none cursor-pointer relative\",\n \"rounded-md hover:bg-neutral-100 dark:hover:bg-neutral-1200\",\n \"[&[data-state=open]]:bg-neutral-100 dark:[&[data-state=open]]:bg-neutral-1200\",\n \"[&[data-state=open]]:text-neutral-1300 dark:[&[data-state=open]]:text-neutral-000\",\n DEFAULT_MENU_LINK_STYLING,\n menuLinkClassName,\n )}\n >\n {name}\n </NavigationMenuTrigger>\n <NavigationMenuContent\n className={cn(\n \"absolute right-0 top-0 z-10\",\n PANEL_ANIMATION,\n panelClassName,\n )}\n >\n {content}\n </NavigationMenuContent>\n </NavigationMenuItem>\n ) : (\n <NavigationMenuLink\n key={name}\n href={link}\n className={cn(DEFAULT_MENU_LINK_STYLING, menuLinkClassName)}\n >\n {name}\n </NavigationMenuLink>\n ),\n )}\n </NavigationMenuList>\n\n <div className={cn(\"absolute top-full\", flyOutClassName)}>\n <NavigationMenuViewport\n className={cn(DEFAULT_VIEWPORT_STYLING, viewPortClassName)}\n />\n </div>\n </NavigationMenu>\n {isOpen ? (\n <FlyOverlay\n className=\"bg-neutral-1300 opacity-10 z-20 h-screen mix-blend-multiply\"\n fadingOut={fadingOut}\n />\n ) : null}\n </>\n );\n};\n\nexport default Flyout;\n"],"names":["React","useState","NavigationMenu","NavigationMenuItem","NavigationMenuList","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuViewport","NavigationMenuLink","cn","componentMaxHeight","HEADER_HEIGHT","DEFAULT_MENU_LINK_STYLING","DEFAULT_VIEWPORT_STYLING","PANEL_ANIMATION","FlyOverlay","className","fadingOut","div","style","height","top","Flyout","menuItems","flyOutClassName","menuLinkClassName","viewPortClassName","isOpen","setIsOpen","setFadingOut","closeMenu","setTimeout","onValueChange","val","delayDuration","map","name","content","link","panelClassName","key","onPointerDown","event","pointerType","preventDefault","href"],"mappings":"AAAA,OAAOA,OAASC,QAAQ,KAAQ,OAAQ,AACxC,QACEC,cAAc,CACdC,kBAAkB,CAClBC,kBAAkB,CAClBC,qBAAqB,CACrBC,qBAAqB,CACrBC,sBAAsB,CACtBC,kBAAkB,KACb,iCAAkC,AACzC,QAAOC,OAAQ,YAAa,AAC5B,QAASC,kBAAkB,CAAEC,aAAa,KAAQ,iBAAkB,CA6CpE,MAAMC,0BACJ,mKACF,MAAMC,yBACJ,2QACF,MAAMC,gBACJ,0LAEF,MAAMC,WAAa,CAAC,CAClBC,SAAS,CACTC,SAAS,CAIV,GACC,oBAACC,OACCF,UAAWP,GACT,oDACA,CACE,2DAA4D,CAACQ,UAC7D,4DAA6DA,SAC/D,EACAD,WAEFG,MAAO,CAAEC,OAAQV,mBAAmBC,eAAgBU,IAAKV,aAAc,IAI3E,MAAMW,OAAS,CAAC,CACdC,SAAS,CACTP,SAAS,CACTQ,eAAe,CACfC,iBAAiB,CACjBC,iBAAiB,CACL,IACZ,KAAM,CAACC,OAAQC,UAAU,CAAG3B,SAAS,OACrC,KAAM,CAACgB,UAAWY,aAAa,CAAG5B,SAAS,OAE3C,MAAM6B,UAAY,KAChBD,aAAa,MAEbE,WAAW,KACTH,UAAU,OACVC,aAAa,MACf,EAAG,IACL,EAEA,OACE,wCACE,oBAAC3B,gBACCc,UAAWP,GAAGO,UAAW,eACzBgB,cAAe,AAACC,KAASA,IAAML,UAAU,MAAQE,YACjDI,cAAe,GAEf,oBAAC9B,oBAAmBY,UAAU,yBAC3BO,UAAUY,GAAG,CAAC,CAAC,CAAEC,IAAI,CAAEC,OAAO,CAAEC,IAAI,CAAEC,cAAc,CAAE,GACrDF,QACE,oBAAClC,oBAAmBqC,IAAKJ,MACvB,oBAAC/B,uBACCoC,cAAe,AAACC,QACd,GAAIA,MAAMC,WAAW,GAAK,QAAS,CACjCD,MAAME,cAAc,EACtB,CACF,EACA5B,UAAWP,GACT,4EACA,6DACA,gFACA,oFACAG,0BACAa,oBAGDW,MAEH,oBAAC9B,uBACCU,UAAWP,GACT,8BACAK,gBACAyB,iBAGDF,UAIL,oBAAC7B,oBACCgC,IAAKJ,KACLS,KAAMP,KACNtB,UAAWP,GAAGG,0BAA2Ba,oBAExCW,QAMT,oBAAClB,OAAIF,UAAWP,GAAG,oBAAqBe,kBACtC,oBAACjB,wBACCS,UAAWP,GAAGI,yBAA0Ba,uBAI7CC,OACC,oBAACZ,YACCC,UAAU,8DACVC,UAAWA,YAEX,KAGV,CAEA,gBAAeK,MAAO"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React,{useRef,useMemo}from"react";import Icon from"../Icon";import LinkButton from"../LinkButton";import cn from"../utils/cn";import DropdownMenu from"../DropdownMenu";const testSessionState={signedIn:false,logOut:{token:"0000",href:"accounts/sign_out"},accountName:"Ably"};export const HeaderLinks=({sessionState=testSessionState,headerLinks,searchButtonVisibility,searchButton,className})=>{const{signedIn,logOut}=sessionState;const formRef=useRef(null);const headerLinkClasses="
|
|
1
|
+
import React,{useRef,useMemo}from"react";import Icon from"../Icon";import LinkButton from"../LinkButton";import cn from"../utils/cn";import DropdownMenu from"../DropdownMenu";const testSessionState={signedIn:false,logOut:{token:"0000",href:"accounts/sign_out"},accountName:"Ably"};export const HeaderLinks=({sessionState=testSessionState,headerLinks,searchButtonVisibility,searchButton,className})=>{const{signedIn,logOut}=sessionState;const formRef=useRef(null);const headerLinkClasses="font-sans !text-label2 md:!text-label3 font-bold py-4 text-neutral-1300 dark:text-neutral-000 md:text-neutral-1000 dark:md:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 active:text-neutral-1300 dark:active:text-neutral-000 transition-colors";const dropdownMenuLinkClasses="block p-2 ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100 rounded-lg";const onClickLogout=e=>{e.preventDefault();formRef.current?.submit()};const DashboardLink=({className})=>useMemo(()=>React.createElement("a",{href:"/dashboard",className:className},"Dashboard"),[className]);const LogoutForm=React.createElement("form",{ref:formRef,method:"post",action:logOut.href,className:"hidden"},React.createElement("input",{name:"_method",value:"delete",type:"hidden"}),React.createElement("input",{name:"authenticity_token",value:logOut.token,type:"hidden"}));return React.createElement("nav",{className:cn("flex md:flex-1 md:items-center md:justify-end flex-col md:flex-row border-t-[1px] border-neutral-300 md:border-t-0 md:gap-4 pt-3 pb-4 md:py-0",className)},signedIn&&React.createElement(React.Fragment,null,LogoutForm,React.createElement("div",{className:"block md:hidden"},React.createElement("div",{className:"flex flex-col border-b-[1px] border-neutral-300 px-4 pb-3 mb-3"},React.createElement("span",{className:"py-3 ui-text-sub-header text-[18px] text-neutral-700 dark:text-neutral-600 font-bold"},sessionState.accountName),React.createElement(DashboardLink,{className:headerLinkClasses})))),headerLinks?.map(({href,label,external})=>React.createElement("a",{key:href,className:cn(headerLinkClasses,"flex items-center gap-1.5 px-4 md:px-0 leading-none"),href:href,target:external?"_blank":undefined,rel:external?"noreferrer noopener":undefined},label,external&&React.createElement(Icon,{name:"icon-gui-arrow-top-right-on-square-mini",size:"20px"}))),searchButtonVisibility!=="mobile"?searchButton:null,signedIn?React.createElement(React.Fragment,null,React.createElement("div",{className:"hidden md:block relative"},React.createElement(DropdownMenu,null,React.createElement(DropdownMenu.Trigger,{description:`Account menu for ${sessionState.accountName}`},React.createElement("span",{className:"block text-ellipsis overflow-hidden whitespace-nowrap w-full max-w-[9.375rem] leading-normal"},sessionState.accountName)),React.createElement(DropdownMenu.Content,{anchorPosition:"right",contentClassNames:"w-60 mt-3"},React.createElement("div",{className:"p-2"},React.createElement(DashboardLink,{className:dropdownMenuLinkClasses}),React.createElement("button",{onClick:onClickLogout,className:dropdownMenuLinkClasses},"Logout"))))),React.createElement("div",{className:"block md:hidden px-4 pt-4 pb-0"},React.createElement(LinkButton,{onClick:onClickLogout,variant:"secondary",className:"w-full md:ui-button-secondary-xs","aria-label":"Logout",rightIcon:"icon-gui-arrow-right-end-on-rectangle-outline"},"Logout"))):React.createElement("div",{className:"flex gap-3 pt-3 md:py-0 px-4 md:px-0"},React.createElement(LinkButton,{href:"/login",variant:"secondary",className:"flex-1 md:flex-none md:ui-button-secondary-xs hover:text-neutral-1300 dark:hover:text-neutral-000"},"Login"),React.createElement(LinkButton,{href:"/sign-up",variant:"primary",className:"flex-1 md:flex-none md:ui-button-primary-xs hover:text-neutral-000 dark:hover:text-neutral-1300"},"Start free")))};
|
|
2
2
|
//# sourceMappingURL=HeaderLinks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/core/Header/HeaderLinks.tsx"],"sourcesContent":["import React, { MouseEvent, useRef, useMemo } from \"react\";\nimport { HeaderProps } from \"../Header\";\nimport Icon from \"../Icon\";\nimport LinkButton from \"../LinkButton\";\nimport cn from \"../utils/cn\";\nimport DropdownMenu from \"../DropdownMenu\";\n\nconst testSessionState = {\n signedIn: false,\n logOut: {\n token: \"0000\",\n href: \"accounts/sign_out\",\n },\n accountName: \"Ably\",\n};\n\nexport const HeaderLinks: React.FC<\n Pick<\n HeaderProps,\n | \"sessionState\"\n | \"headerLinks\"\n | \"searchButtonVisibility\"\n | \"searchButton\"\n | \"className\"\n >\n> = ({\n sessionState = testSessionState,\n headerLinks,\n searchButtonVisibility,\n searchButton,\n className,\n}) => {\n const { signedIn, logOut } = sessionState;\n const formRef = useRef<HTMLFormElement>(null);\n\n const headerLinkClasses =\n \"
|
|
1
|
+
{"version":3,"sources":["../../../src/core/Header/HeaderLinks.tsx"],"sourcesContent":["import React, { MouseEvent, useRef, useMemo } from \"react\";\nimport { HeaderProps } from \"../Header\";\nimport Icon from \"../Icon\";\nimport LinkButton from \"../LinkButton\";\nimport cn from \"../utils/cn\";\nimport DropdownMenu from \"../DropdownMenu\";\n\nconst testSessionState = {\n signedIn: false,\n logOut: {\n token: \"0000\",\n href: \"accounts/sign_out\",\n },\n accountName: \"Ably\",\n};\n\nexport const HeaderLinks: React.FC<\n Pick<\n HeaderProps,\n | \"sessionState\"\n | \"headerLinks\"\n | \"searchButtonVisibility\"\n | \"searchButton\"\n | \"className\"\n >\n> = ({\n sessionState = testSessionState,\n headerLinks,\n searchButtonVisibility,\n searchButton,\n className,\n}) => {\n const { signedIn, logOut } = sessionState;\n const formRef = useRef<HTMLFormElement>(null);\n\n const headerLinkClasses =\n \"font-sans !text-label2 md:!text-label3 font-bold py-4 text-neutral-1300 dark:text-neutral-000 md:text-neutral-1000 dark:md:text-neutral-300 hover:text-neutral-1300 dark:hover:text-neutral-000 active:text-neutral-1300 dark:active:text-neutral-000 transition-colors\";\n\n const dropdownMenuLinkClasses =\n \"block p-2 ui-text-label3 font-semibold text-neutral-1000 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100 rounded-lg\";\n\n const onClickLogout = (e: MouseEvent) => {\n e.preventDefault();\n formRef.current?.submit();\n };\n\n const DashboardLink = ({ className }: { className: string }) =>\n useMemo(\n () => (\n <a href=\"/dashboard\" className={className}>\n Dashboard\n </a>\n ),\n [className],\n );\n\n const LogoutForm = (\n <form ref={formRef} method=\"post\" action={logOut.href} className=\"hidden\">\n <input name=\"_method\" value=\"delete\" type=\"hidden\" />\n <input name=\"authenticity_token\" value={logOut.token} type=\"hidden\" />\n </form>\n );\n\n return (\n <nav\n className={cn(\n \"flex md:flex-1 md:items-center md:justify-end flex-col md:flex-row border-t-[1px] border-neutral-300 md:border-t-0 md:gap-4 pt-3 pb-4 md:py-0\",\n className,\n )}\n >\n {signedIn && (\n <>\n {LogoutForm}\n <div className=\"block md:hidden\">\n <div className=\"flex flex-col border-b-[1px] border-neutral-300 px-4 pb-3 mb-3\">\n <span className=\"py-3 ui-text-sub-header text-[18px] text-neutral-700 dark:text-neutral-600 font-bold\">\n {sessionState.accountName}\n </span>\n {<DashboardLink className={headerLinkClasses} />}\n </div>\n </div>\n </>\n )}\n\n {headerLinks?.map(({ href, label, external }) => (\n <a\n key={href}\n className={cn(\n headerLinkClasses,\n \"flex items-center gap-1.5 px-4 md:px-0 leading-none\",\n )}\n href={href}\n target={external ? \"_blank\" : undefined}\n rel={external ? \"noreferrer noopener\" : undefined}\n >\n {label}\n {external && (\n <Icon name=\"icon-gui-arrow-top-right-on-square-mini\" size=\"20px\" />\n )}\n </a>\n ))}\n\n {searchButtonVisibility !== \"mobile\" ? searchButton : null}\n {signedIn ? (\n <>\n <div className=\"hidden md:block relative\">\n <DropdownMenu>\n <DropdownMenu.Trigger\n description={`Account menu for ${sessionState.accountName}`}\n >\n <span className=\"block text-ellipsis overflow-hidden whitespace-nowrap w-full max-w-[9.375rem] leading-normal\">\n {sessionState.accountName}\n </span>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n anchorPosition=\"right\"\n contentClassNames=\"w-60 mt-3\"\n >\n <div className=\"p-2\">\n <DashboardLink className={dropdownMenuLinkClasses} />\n <button\n onClick={onClickLogout}\n className={dropdownMenuLinkClasses}\n >\n Logout\n </button>\n </div>\n </DropdownMenu.Content>\n </DropdownMenu>\n </div>\n <div className=\"block md:hidden px-4 pt-4 pb-0\">\n <LinkButton\n onClick={onClickLogout}\n variant=\"secondary\"\n className=\"w-full md:ui-button-secondary-xs\"\n aria-label=\"Logout\"\n rightIcon=\"icon-gui-arrow-right-end-on-rectangle-outline\"\n >\n Logout\n </LinkButton>\n </div>\n </>\n ) : (\n <div className=\"flex gap-3 pt-3 md:py-0 px-4 md:px-0\">\n <LinkButton\n href=\"/login\"\n variant=\"secondary\"\n className=\"flex-1 md:flex-none md:ui-button-secondary-xs hover:text-neutral-1300 dark:hover:text-neutral-000\"\n >\n Login\n </LinkButton>\n <LinkButton\n href=\"/sign-up\"\n variant=\"primary\"\n className=\"flex-1 md:flex-none md:ui-button-primary-xs hover:text-neutral-000 dark:hover:text-neutral-1300\"\n >\n Start free\n </LinkButton>\n </div>\n )}\n </nav>\n );\n};\n"],"names":["React","useRef","useMemo","Icon","LinkButton","cn","DropdownMenu","testSessionState","signedIn","logOut","token","href","accountName","HeaderLinks","sessionState","headerLinks","searchButtonVisibility","searchButton","className","formRef","headerLinkClasses","dropdownMenuLinkClasses","onClickLogout","e","preventDefault","current","submit","DashboardLink","a","LogoutForm","form","ref","method","action","input","name","value","type","nav","div","span","map","label","external","key","target","undefined","rel","size","Trigger","description","Content","anchorPosition","contentClassNames","button","onClick","variant","aria-label","rightIcon"],"mappings":"AAAA,OAAOA,OAAqBC,MAAM,CAAEC,OAAO,KAAQ,OAAQ,AAE3D,QAAOC,SAAU,SAAU,AAC3B,QAAOC,eAAgB,eAAgB,AACvC,QAAOC,OAAQ,aAAc,AAC7B,QAAOC,iBAAkB,iBAAkB,CAE3C,MAAMC,iBAAmB,CACvBC,SAAU,MACVC,OAAQ,CACNC,MAAO,OACPC,KAAM,mBACR,EACAC,YAAa,MACf,CAEA,QAAO,MAAMC,YAST,CAAC,CACHC,aAAeP,gBAAgB,CAC/BQ,WAAW,CACXC,sBAAsB,CACtBC,YAAY,CACZC,SAAS,CACV,IACC,KAAM,CAAEV,QAAQ,CAAEC,MAAM,CAAE,CAAGK,aAC7B,MAAMK,QAAUlB,OAAwB,MAExC,MAAMmB,kBACJ,0QAEF,MAAMC,wBACJ,8LAEF,MAAMC,cAAgB,AAACC,IACrBA,EAAEC,cAAc,EAChBL,CAAAA,QAAQM,OAAO,EAAEC,QACnB,EAEA,MAAMC,cAAgB,CAAC,CAAET,SAAS,CAAyB,GACzDhB,QACE,IACE,oBAAC0B,KAAEjB,KAAK,aAAaO,UAAWA,WAAW,aAI7C,CAACA,UAAU,EAGf,MAAMW,WACJ,oBAACC,QAAKC,IAAKZ,QAASa,OAAO,OAAOC,OAAQxB,OAAOE,IAAI,CAAEO,UAAU,UAC/D,oBAACgB,SAAMC,KAAK,UAAUC,MAAM,SAASC,KAAK,WAC1C,oBAACH,SAAMC,KAAK,qBAAqBC,MAAO3B,OAAOC,KAAK,CAAE2B,KAAK,YAI/D,OACE,oBAACC,OACCpB,UAAWb,GACT,gJACAa,YAGDV,UACC,wCACGqB,WACD,oBAACU,OAAIrB,UAAU,mBACb,oBAACqB,OAAIrB,UAAU,kEACb,oBAACsB,QAAKtB,UAAU,wFACbJ,aAAaF,WAAW,EAE1B,oBAACe,eAAcT,UAAWE,uBAMlCL,aAAa0B,IAAI,CAAC,CAAE9B,IAAI,CAAE+B,KAAK,CAAEC,QAAQ,CAAE,GAC1C,oBAACf,KACCgB,IAAKjC,KACLO,UAAWb,GACTe,kBACA,uDAEFT,KAAMA,KACNkC,OAAQF,SAAW,SAAWG,UAC9BC,IAAKJ,SAAW,sBAAwBG,WAEvCJ,MACAC,UACC,oBAACxC,MAAKgC,KAAK,0CAA0Ca,KAAK,WAK/DhC,yBAA2B,SAAWC,aAAe,KACrDT,SACC,wCACE,oBAAC+B,OAAIrB,UAAU,4BACb,oBAACZ,kBACC,oBAACA,aAAa2C,OAAO,EACnBC,YAAa,CAAC,iBAAiB,EAAEpC,aAAaF,WAAW,CAAC,CAAC,EAE3D,oBAAC4B,QAAKtB,UAAU,gGACbJ,aAAaF,WAAW,GAG7B,oBAACN,aAAa6C,OAAO,EACnBC,eAAe,QACfC,kBAAkB,aAElB,oBAACd,OAAIrB,UAAU,OACb,oBAACS,eAAcT,UAAWG,0BAC1B,oBAACiC,UACCC,QAASjC,cACTJ,UAAWG,yBACZ,cAOT,oBAACkB,OAAIrB,UAAU,kCACb,oBAACd,YACCmD,QAASjC,cACTkC,QAAQ,YACRtC,UAAU,mCACVuC,aAAW,SACXC,UAAU,iDACX,YAML,oBAACnB,OAAIrB,UAAU,wCACb,oBAACd,YACCO,KAAK,SACL6C,QAAQ,YACRtC,UAAU,qGACX,SAGD,oBAACd,YACCO,KAAK,WACL6C,QAAQ,UACRtC,UAAU,mGACX,eAOX,CAAE"}
|
package/core/Header.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React,{useState,useEffect,useRef,useMemo,useCallback}from"react";import Icon from"./Icon";import cn from"./utils/cn";import Logo from"./Logo";import{componentMaxHeight,HEADER_BOTTOM_MARGIN,HEADER_HEIGHT}from"./utils/heights";import{HeaderLinks}from"./Header/HeaderLinks";import{throttle}from"es-toolkit/compat";import{COLLAPSE_TRIGGER_DISTANCE}from"./Notice/component";
|
|
1
|
+
import React,{useState,useEffect,useRef,useMemo,useCallback}from"react";import Icon from"./Icon";import cn from"./utils/cn";import Logo from"./Logo";import{componentMaxHeight,HEADER_BOTTOM_MARGIN,HEADER_HEIGHT}from"./utils/heights";import{HeaderLinks}from"./Header/HeaderLinks";import{throttle}from"es-toolkit/compat";import{COLLAPSE_TRIGGER_DISTANCE}from"./Notice/component";const FLEXIBLE_DESKTOP_CLASSES="hidden md:flex flex-1 items-center h-full";const MAX_MOBILE_MENU_WIDTH="560px";const Header=({className,isNoticeBannerEnabled=false,noticeHeight=0,searchBar,searchButton,logoHref,headerLinks,headerLinksClassName,headerCenterClassName,nav,mobileNav,sessionState,themedScrollpoints=[],searchButtonVisibility="all",location,logoBadge})=>{const[showMenu,setShowMenu]=useState(false);const[fadingOut,setFadingOut]=useState(false);const[noticeBannerVisible,setNoticeBannerVisible]=useState(isNoticeBannerEnabled);const menuRef=useRef(null);const[scrollpointClasses,setScrollpointClasses]=useState(themedScrollpoints.length>0?themedScrollpoints[0].className:"");const headerStyle={height:HEADER_HEIGHT,top:noticeBannerVisible?`${noticeHeight}px`:"0"};const headerClassName=cn("fixed left-0 top-0 w-full z-50 bg-neutral-000 dark:bg-neutral-1300 border-b border-neutral-300 dark:border-neutral-1000 transition-all duration-300 ease-in-out px-6 lg:px-16",scrollpointClasses,{"md:top-auto":noticeBannerVisible});const closeMenu=()=>{setFadingOut(true);setTimeout(()=>{setShowMenu(false);setFadingOut(false)},150)};const handleNoticeClose=useCallback(()=>{setNoticeBannerVisible(false)},[]);useEffect(()=>{document.addEventListener("notice-closed",handleNoticeClose);return()=>document.removeEventListener("notice-closed",handleNoticeClose)},[handleNoticeClose]);useEffect(()=>{const handleScroll=()=>{const noticeElement=document.querySelector('[data-id="ui-notice"]');const isNoticeClosedToBeHidden=noticeElement?.classList.contains("ui-announcement-hidden");setNoticeBannerVisible(window.scrollY<=COLLAPSE_TRIGGER_DISTANCE&&isNoticeBannerEnabled&&!isNoticeClosedToBeHidden);for(const scrollpoint of themedScrollpoints){const element=document.getElementById(scrollpoint.id);if(element){const rect=element.getBoundingClientRect();if(rect.top<=HEADER_HEIGHT&&rect.bottom>=HEADER_HEIGHT){setScrollpointClasses(scrollpoint.className);return}}}};const throttledHandleScroll=throttle(handleScroll,100);handleScroll();window.addEventListener("scroll",throttledHandleScroll);return()=>window.removeEventListener("scroll",throttledHandleScroll)},[themedScrollpoints,isNoticeBannerEnabled]);useEffect(()=>{const handleResize=()=>{if(window.innerWidth>=1040){setShowMenu(false)}};window.addEventListener("resize",handleResize);return()=>window.removeEventListener("resize",handleResize)},[]);useEffect(()=>{if(showMenu){document.body.classList.add("overflow-hidden")}else{document.body.classList.remove("overflow-hidden")}return()=>{document.body.classList.remove("overflow-hidden")}},[showMenu]);useEffect(()=>{if(location&&showMenu){closeMenu()}},[location]);const wrappedSearchButton=useMemo(()=>searchButton?React.createElement("div",{className:"text-neutral-1300 dark:text-neutral-000 flex items-center"},searchButton):null,[searchButton]);return React.createElement(React.Fragment,null,React.createElement("header",{role:"banner",style:headerStyle,className:headerClassName},React.createElement("div",{className:cn("flex items-center h-full",className)},React.createElement("nav",{className:"flex flex-1 h-full items-center"},["light","dark"].map(theme=>React.createElement(Logo,{key:theme,href:logoHref,theme:theme,badge:logoBadge,additionalLinkAttrs:{className:cn("h-full focus-base rounded mr-4 lg:mr-8",{"flex dark:hidden":theme==="light","hidden dark:flex":theme==="dark"})}})),React.createElement("div",{className:FLEXIBLE_DESKTOP_CLASSES},nav)),React.createElement("div",{className:"flex md:hidden flex-1 items-center justify-end gap-6 h-full"},searchButtonVisibility!=="desktop"?wrappedSearchButton:null,React.createElement("button",{className:"cursor-pointer focus-base rounded flex items-center p-0",onClick:()=>setShowMenu(!showMenu),"aria-expanded":showMenu,"aria-controls":"mobile-menu","aria-label":"Toggle menu"},React.createElement(Icon,{name:showMenu?"icon-gui-x-mark-outline":"icon-gui-bars-3-outline",additionalCSS:"text-neutral-1300 dark:text-neutral-000",size:"1.5rem"}))),searchBar?React.createElement("div",{className:cn(FLEXIBLE_DESKTOP_CLASSES,"justify-center",headerCenterClassName)},searchBar):null,React.createElement(HeaderLinks,{className:cn(FLEXIBLE_DESKTOP_CLASSES,headerLinksClassName),headerLinks:headerLinks,sessionState:sessionState,searchButton:wrappedSearchButton,searchButtonVisibility:searchButtonVisibility}))),showMenu?React.createElement(React.Fragment,null,React.createElement("div",{className:cn("fixed inset-0 bg-neutral-1300 dark:bg-neutral-1300 z-40",{"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]":!fadingOut,"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]":fadingOut}),onClick:closeMenu,onKeyDown:e=>e.key==="Escape"&&closeMenu(),role:"presentation"}),React.createElement("div",{id:"mobile-menu",className:"md:hidden fixed flex flex-col top-[4.75rem] overflow-y-hidden mx-3 right-0 w-[calc(100%-24px)] bg-neutral-000 dark:bg-neutral-1300 rounded-2xl ui-shadow-lg-medium z-50",style:{maxWidth:MAX_MOBILE_MENU_WIDTH,maxHeight:componentMaxHeight(HEADER_HEIGHT,HEADER_BOTTOM_MARGIN)},ref:menuRef,role:"navigation"},mobileNav,React.createElement(HeaderLinks,{headerLinks:headerLinks,sessionState:sessionState}))):null)};export default Header;
|
|
2
2
|
//# sourceMappingURL=Header.js.map
|
package/core/Header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/Header.tsx"],"sourcesContent":["import React, {\n useState,\n useEffect,\n useRef,\n ReactNode,\n useMemo,\n useCallback,\n} from \"react\";\nimport Icon from \"./Icon\";\nimport cn from \"./utils/cn\";\nimport Logo from \"./Logo\";\nimport {\n componentMaxHeight,\n HEADER_BOTTOM_MARGIN,\n HEADER_HEIGHT,\n} from \"./utils/heights\";\nimport { HeaderLinks } from \"./Header/HeaderLinks\";\nimport { throttle } from \"es-toolkit/compat\";\nimport { Theme } from \"./styles/colors/types\";\nimport { COLLAPSE_TRIGGER_DISTANCE } from \"./Notice/component\";\nimport { useThemedScrollpoints } from \"./hooks/use-themed-scrollpoints\";\nimport { ThemedScrollpoint } from \"./Header/types\";\n\nexport type { ThemedScrollpoint };\n\n/**\n * Represents the state of the user session in the header.\n */\nexport type HeaderSessionState = {\n /**\n * Indicates if the user is signed in.\n */\n signedIn: boolean;\n\n /**\n * Information required to log out the user.\n */\n logOut: {\n /**\n * Token used for logging out.\n */\n token: string;\n\n /**\n * URL to log out the user.\n */\n href: string;\n };\n\n /**\n * Name of the user's account.\n */\n accountName: string;\n};\n\n/**\n * Props for the Header component.\n */\nexport type HeaderProps = {\n /**\n * Optional classnames to add to the header\n */\n className?: string;\n /**\n * Indicates if the notice banner is enabled.\n */\n isNoticeBannerEnabled?: boolean;\n /**\n * Height of the notice banner in pixels.\n */\n noticeHeight?: number;\n /**\n * Optional search bar element.\n */\n searchBar?: ReactNode;\n\n /**\n * Optional search button element.\n */\n searchButton?: ReactNode;\n\n /**\n * URL for the logo link.\n */\n logoHref?: string;\n\n /**\n * Array of header links.\n */\n headerLinks?: {\n /**\n * URL for the link.\n */\n href: string;\n\n /**\n * Label for the link.\n */\n label: string;\n\n /**\n * Indicates if the link should open in a new tab.\n */\n external?: boolean;\n }[];\n\n /**\n * Optional classname for styling the header links container.\n */\n headerLinksClassName?: string;\n\n /**\n * Optional classname for styling the header center container.\n */\n headerCenterClassName?: string;\n\n /**\n * Optional desktop navigation element.\n */\n nav?: ReactNode;\n\n /**\n * Optional mobile navigation element.\n */\n mobileNav?: ReactNode;\n\n /**\n * State of the user session.\n */\n sessionState?: HeaderSessionState;\n\n /**\n * Array of themed scrollpoints. The header will change its appearance based on the scrollpoint in view.\n */\n themedScrollpoints?: ThemedScrollpoint[];\n\n /**\n * Visibility setting for the search button.\n * - \"all\": Visible on all devices.\n * - \"desktop\": Visible only on desktop devices.\n * - \"mobile\": Visible only on mobile devices.\n */\n searchButtonVisibility?: \"all\" | \"desktop\" | \"mobile\";\n\n /**\n * Optional location object to detect location changes.\n */\n location?: Location;\n\n /**\n * Optional badge text to display on the logo.\n */\n logoBadge?: string;\n};\n\nconst FLEXIBLE_DESKTOP_CLASSES = \"hidden md:flex flex-1 items-center h-full\";\n\n/**\n * Maximum width before the menu expanded into full width\n */\nconst MAX_MOBILE_MENU_WIDTH = \"560px\";\n\nconst Header: React.FC<HeaderProps> = ({\n className,\n isNoticeBannerEnabled = false,\n noticeHeight = 0,\n searchBar,\n searchButton,\n logoHref,\n headerLinks,\n headerLinksClassName,\n headerCenterClassName,\n nav,\n mobileNav,\n sessionState,\n themedScrollpoints = [],\n searchButtonVisibility = \"all\",\n location,\n logoBadge,\n}) => {\n const [showMenu, setShowMenu] = useState(false);\n const [fadingOut, setFadingOut] = useState(false);\n const [noticeBannerVisible, setNoticeBannerVisible] = useState(\n isNoticeBannerEnabled,\n );\n const menuRef = useRef<HTMLDivElement>(null);\n const scrollpointClasses = useThemedScrollpoints(themedScrollpoints);\n\n const headerStyle = {\n height: HEADER_HEIGHT,\n top: noticeBannerVisible ? `${noticeHeight}px` : \"0\",\n };\n\n const headerClassName = cn(\n \"fixed left-0 top-0 w-full z-50 bg-neutral-000 dark:bg-neutral-1300 border-b border-neutral-300 dark:border-neutral-1000 transition-all duration-300 ease-in-out px-6 lg:px-16\",\n scrollpointClasses,\n {\n \"md:top-auto\": noticeBannerVisible,\n },\n );\n\n const closeMenu = () => {\n setFadingOut(true);\n\n setTimeout(() => {\n setShowMenu(false);\n setFadingOut(false);\n }, 150);\n };\n\n const handleNoticeClose = useCallback(() => {\n setNoticeBannerVisible(false);\n }, []);\n\n useEffect(() => {\n document.addEventListener(\"notice-closed\", handleNoticeClose);\n return () =>\n document.removeEventListener(\"notice-closed\", handleNoticeClose);\n }, [handleNoticeClose]);\n\n useEffect(() => {\n if (!isNoticeBannerEnabled) {\n return;\n }\n\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n\n if (!noticeElement) {\n console.warn('Header: Notice element not found');\n return;\n }\n\n let previousVisibility = noticeBannerVisible;\n\n const handleScroll = () => {\n const scrollY = window.scrollY;\n const isNoticeHidden = noticeElement.classList.contains(\"ui-announcement-hidden\");\n\n const shouldBeVisible =\n scrollY <= COLLAPSE_TRIGGER_DISTANCE &&\n !isNoticeHidden;\n\n if (shouldBeVisible !== previousVisibility) {\n previousVisibility = shouldBeVisible;\n setNoticeBannerVisible(shouldBeVisible);\n }\n };\n\n const throttledHandleScroll = throttle(handleScroll, 100);\n\n handleScroll();\n\n window.addEventListener(\"scroll\", throttledHandleScroll, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", throttledHandleScroll);\n };\n }, [isNoticeBannerEnabled, noticeBannerVisible]);\n\n useEffect(() => {\n const handleResize = () => {\n if (window.innerWidth >= 1040) {\n setShowMenu(false);\n }\n };\n window.addEventListener(\"resize\", handleResize);\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n useEffect(() => {\n if (showMenu) {\n document.body.classList.add(\"overflow-hidden\");\n } else {\n document.body.classList.remove(\"overflow-hidden\");\n }\n\n // Cleanup on unmount\n return () => {\n document.body.classList.remove(\"overflow-hidden\");\n };\n }, [showMenu]);\n\n // Close menu when location changes\n useEffect(() => {\n if (location && showMenu) {\n closeMenu();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location]);\n\n const wrappedSearchButton = useMemo(\n () =>\n searchButton ? (\n <div className=\"text-neutral-1300 dark:text-neutral-000 flex items-center\">\n {searchButton}\n </div>\n ) : null,\n [searchButton],\n );\n\n return (\n <>\n <header role=\"banner\" style={headerStyle} className={headerClassName}>\n <div className={cn(\"flex items-center h-full\", className)}>\n <nav className=\"flex flex-1 h-full items-center\">\n {([\"light\", \"dark\"] as Theme[]).map((theme) => (\n <Logo\n key={theme}\n href={logoHref}\n theme={theme}\n badge={logoBadge}\n additionalLinkAttrs={{\n className: cn(\"h-full focus-base rounded mr-4 lg:mr-8\", {\n \"flex dark:hidden\": theme === \"light\",\n \"hidden dark:flex\": theme === \"dark\",\n }),\n }}\n />\n ))}\n <div className={FLEXIBLE_DESKTOP_CLASSES}>{nav}</div>\n </nav>\n <div className=\"flex md:hidden flex-1 items-center justify-end gap-6 h-full\">\n {searchButtonVisibility !== \"desktop\" ? wrappedSearchButton : null}\n <button\n className=\"cursor-pointer focus-base rounded flex items-center p-0\"\n onClick={() => setShowMenu(!showMenu)}\n aria-expanded={showMenu}\n aria-controls=\"mobile-menu\"\n aria-label=\"Toggle menu\"\n >\n <Icon\n name={\n showMenu\n ? \"icon-gui-x-mark-outline\"\n : \"icon-gui-bars-3-outline\"\n }\n additionalCSS=\"text-neutral-1300 dark:text-neutral-000\"\n size=\"1.5rem\"\n />\n </button>\n </div>\n {searchBar ? (\n <div\n className={cn(\n FLEXIBLE_DESKTOP_CLASSES,\n \"justify-center\",\n headerCenterClassName,\n )}\n >\n {searchBar}\n </div>\n ) : null}\n <HeaderLinks\n className={cn(FLEXIBLE_DESKTOP_CLASSES, headerLinksClassName)}\n headerLinks={headerLinks}\n sessionState={sessionState}\n searchButton={wrappedSearchButton}\n searchButtonVisibility={searchButtonVisibility}\n />\n </div>\n </header>\n {showMenu ? (\n <>\n <div\n className={cn(\n \"fixed inset-0 bg-neutral-1300 dark:bg-neutral-1300 z-40\",\n {\n \"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]\":\n !fadingOut,\n \"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]\":\n fadingOut,\n },\n )}\n onClick={closeMenu}\n onKeyDown={(e) => e.key === \"Escape\" && closeMenu()}\n role=\"presentation\"\n />\n <div\n id=\"mobile-menu\"\n className=\"md:hidden fixed flex flex-col top-[4.75rem] overflow-y-hidden mx-3 right-0 w-[calc(100%-24px)] bg-neutral-000 dark:bg-neutral-1300 rounded-2xl ui-shadow-lg-medium z-50\"\n style={{\n maxWidth: MAX_MOBILE_MENU_WIDTH,\n maxHeight: componentMaxHeight(\n HEADER_HEIGHT,\n HEADER_BOTTOM_MARGIN,\n ),\n }}\n ref={menuRef}\n role=\"navigation\"\n >\n {mobileNav}\n <HeaderLinks\n headerLinks={headerLinks}\n sessionState={sessionState}\n />\n </div>\n </>\n ) : null}\n </>\n );\n};\n\nexport default Header;\n"],"names":["React","useState","useEffect","useRef","useMemo","useCallback","Icon","cn","Logo","componentMaxHeight","HEADER_BOTTOM_MARGIN","HEADER_HEIGHT","HeaderLinks","throttle","COLLAPSE_TRIGGER_DISTANCE","useThemedScrollpoints","FLEXIBLE_DESKTOP_CLASSES","MAX_MOBILE_MENU_WIDTH","Header","className","isNoticeBannerEnabled","noticeHeight","searchBar","searchButton","logoHref","headerLinks","headerLinksClassName","headerCenterClassName","nav","mobileNav","sessionState","themedScrollpoints","searchButtonVisibility","location","logoBadge","showMenu","setShowMenu","fadingOut","setFadingOut","noticeBannerVisible","setNoticeBannerVisible","menuRef","scrollpointClasses","headerStyle","height","top","headerClassName","closeMenu","setTimeout","handleNoticeClose","document","addEventListener","removeEventListener","noticeElement","querySelector","console","warn","previousVisibility","handleScroll","scrollY","window","isNoticeHidden","classList","contains","shouldBeVisible","throttledHandleScroll","passive","handleResize","innerWidth","body","add","remove","wrappedSearchButton","div","header","role","style","map","theme","key","href","badge","additionalLinkAttrs","button","onClick","aria-expanded","aria-controls","aria-label","name","additionalCSS","size","onKeyDown","e","id","maxWidth","maxHeight","ref"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../src/core/Header.tsx"],"sourcesContent":["import React, {\n useState,\n useEffect,\n useRef,\n ReactNode,\n useMemo,\n useCallback,\n} from \"react\";\nimport Icon from \"./Icon\";\nimport cn from \"./utils/cn\";\nimport Logo from \"./Logo\";\nimport {\n componentMaxHeight,\n HEADER_BOTTOM_MARGIN,\n HEADER_HEIGHT,\n} from \"./utils/heights\";\nimport { HeaderLinks } from \"./Header/HeaderLinks\";\nimport { throttle } from \"es-toolkit/compat\";\nimport { Theme } from \"./styles/colors/types\";\nimport { COLLAPSE_TRIGGER_DISTANCE } from \"./Notice/component\";\n\nexport type ThemedScrollpoint = {\n id: string;\n className: string;\n};\n\n/**\n * Represents the state of the user session in the header.\n */\nexport type HeaderSessionState = {\n /**\n * Indicates if the user is signed in.\n */\n signedIn: boolean;\n\n /**\n * Information required to log out the user.\n */\n logOut: {\n /**\n * Token used for logging out.\n */\n token: string;\n\n /**\n * URL to log out the user.\n */\n href: string;\n };\n\n /**\n * Name of the user's account.\n */\n accountName: string;\n};\n\n/**\n * Props for the Header component.\n */\nexport type HeaderProps = {\n /**\n * Optional classnames to add to the header\n */\n className?: string;\n /**\n * Indicates if the notice banner is enabled.\n */\n isNoticeBannerEnabled?: boolean;\n /**\n * Height of the notice banner in pixels.\n */\n noticeHeight?: number;\n /**\n * Optional search bar element.\n */\n searchBar?: ReactNode;\n\n /**\n * Optional search button element.\n */\n searchButton?: ReactNode;\n\n /**\n * URL for the logo link.\n */\n logoHref?: string;\n\n /**\n * Array of header links.\n */\n headerLinks?: {\n /**\n * URL for the link.\n */\n href: string;\n\n /**\n * Label for the link.\n */\n label: string;\n\n /**\n * Indicates if the link should open in a new tab.\n */\n external?: boolean;\n }[];\n\n /**\n * Optional classname for styling the header links container.\n */\n headerLinksClassName?: string;\n\n /**\n * Optional classname for styling the header center container.\n */\n headerCenterClassName?: string;\n\n /**\n * Optional desktop navigation element.\n */\n nav?: ReactNode;\n\n /**\n * Optional mobile navigation element.\n */\n mobileNav?: ReactNode;\n\n /**\n * State of the user session.\n */\n sessionState?: HeaderSessionState;\n\n /**\n * Array of themed scrollpoints. The header will change its appearance based on the scrollpoint in view.\n */\n themedScrollpoints?: ThemedScrollpoint[];\n\n /**\n * Visibility setting for the search button.\n * - \"all\": Visible on all devices.\n * - \"desktop\": Visible only on desktop devices.\n * - \"mobile\": Visible only on mobile devices.\n */\n searchButtonVisibility?: \"all\" | \"desktop\" | \"mobile\";\n\n /**\n * Optional location object to detect location changes.\n */\n location?: Location;\n\n /**\n * Optional badge text to display on the logo.\n */\n logoBadge?: string;\n};\n\nconst FLEXIBLE_DESKTOP_CLASSES = \"hidden md:flex flex-1 items-center h-full\";\n\n/**\n * Maximum width before the menu expanded into full width\n */\nconst MAX_MOBILE_MENU_WIDTH = \"560px\";\n\nconst Header: React.FC<HeaderProps> = ({\n className,\n isNoticeBannerEnabled = false,\n noticeHeight = 0,\n searchBar,\n searchButton,\n logoHref,\n headerLinks,\n headerLinksClassName,\n headerCenterClassName,\n nav,\n mobileNav,\n sessionState,\n themedScrollpoints = [],\n searchButtonVisibility = \"all\",\n location,\n logoBadge,\n}) => {\n const [showMenu, setShowMenu] = useState(false);\n const [fadingOut, setFadingOut] = useState(false);\n const [noticeBannerVisible, setNoticeBannerVisible] = useState(\n isNoticeBannerEnabled,\n );\n const menuRef = useRef<HTMLDivElement>(null);\n const [scrollpointClasses, setScrollpointClasses] = useState<string>(\n themedScrollpoints.length > 0 ? themedScrollpoints[0].className : \"\",\n );\n\n const headerStyle = {\n height: HEADER_HEIGHT,\n top: noticeBannerVisible ? `${noticeHeight}px` : \"0\",\n };\n\n const headerClassName = cn(\n \"fixed left-0 top-0 w-full z-50 bg-neutral-000 dark:bg-neutral-1300 border-b border-neutral-300 dark:border-neutral-1000 transition-all duration-300 ease-in-out px-6 lg:px-16\",\n scrollpointClasses,\n {\n \"md:top-auto\": noticeBannerVisible,\n },\n );\n\n const closeMenu = () => {\n setFadingOut(true);\n\n setTimeout(() => {\n setShowMenu(false);\n setFadingOut(false);\n }, 150);\n };\n\n const handleNoticeClose = useCallback(() => {\n setNoticeBannerVisible(false);\n }, []);\n\n useEffect(() => {\n document.addEventListener(\"notice-closed\", handleNoticeClose);\n return () =>\n document.removeEventListener(\"notice-closed\", handleNoticeClose);\n }, [handleNoticeClose]);\n\n useEffect(() => {\n const handleScroll = () => {\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n const isNoticeClosedToBeHidden = noticeElement?.classList.contains(\n \"ui-announcement-hidden\",\n );\n setNoticeBannerVisible(\n window.scrollY <= COLLAPSE_TRIGGER_DISTANCE &&\n isNoticeBannerEnabled &&\n !isNoticeClosedToBeHidden,\n );\n for (const scrollpoint of themedScrollpoints) {\n const element = document.getElementById(scrollpoint.id);\n if (element) {\n const rect = element.getBoundingClientRect();\n if (rect.top <= HEADER_HEIGHT && rect.bottom >= HEADER_HEIGHT) {\n setScrollpointClasses(scrollpoint.className);\n return;\n }\n }\n }\n };\n\n const throttledHandleScroll = throttle(handleScroll, 100);\n\n handleScroll();\n\n window.addEventListener(\"scroll\", throttledHandleScroll);\n return () => window.removeEventListener(\"scroll\", throttledHandleScroll);\n }, [themedScrollpoints, isNoticeBannerEnabled]);\n\n useEffect(() => {\n const handleResize = () => {\n if (window.innerWidth >= 1040) {\n setShowMenu(false);\n }\n };\n window.addEventListener(\"resize\", handleResize);\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n useEffect(() => {\n if (showMenu) {\n document.body.classList.add(\"overflow-hidden\");\n } else {\n document.body.classList.remove(\"overflow-hidden\");\n }\n\n // Cleanup on unmount\n return () => {\n document.body.classList.remove(\"overflow-hidden\");\n };\n }, [showMenu]);\n\n // Close menu when location changes\n useEffect(() => {\n if (location && showMenu) {\n closeMenu();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location]);\n\n const wrappedSearchButton = useMemo(\n () =>\n searchButton ? (\n <div className=\"text-neutral-1300 dark:text-neutral-000 flex items-center\">\n {searchButton}\n </div>\n ) : null,\n [searchButton],\n );\n\n return (\n <>\n <header role=\"banner\" style={headerStyle} className={headerClassName}>\n <div className={cn(\"flex items-center h-full\", className)}>\n <nav className=\"flex flex-1 h-full items-center\">\n {([\"light\", \"dark\"] as Theme[]).map((theme) => (\n <Logo\n key={theme}\n href={logoHref}\n theme={theme}\n badge={logoBadge}\n additionalLinkAttrs={{\n className: cn(\"h-full focus-base rounded mr-4 lg:mr-8\", {\n \"flex dark:hidden\": theme === \"light\",\n \"hidden dark:flex\": theme === \"dark\",\n }),\n }}\n />\n ))}\n <div className={FLEXIBLE_DESKTOP_CLASSES}>{nav}</div>\n </nav>\n <div className=\"flex md:hidden flex-1 items-center justify-end gap-6 h-full\">\n {searchButtonVisibility !== \"desktop\" ? wrappedSearchButton : null}\n <button\n className=\"cursor-pointer focus-base rounded flex items-center p-0\"\n onClick={() => setShowMenu(!showMenu)}\n aria-expanded={showMenu}\n aria-controls=\"mobile-menu\"\n aria-label=\"Toggle menu\"\n >\n <Icon\n name={\n showMenu\n ? \"icon-gui-x-mark-outline\"\n : \"icon-gui-bars-3-outline\"\n }\n additionalCSS=\"text-neutral-1300 dark:text-neutral-000\"\n size=\"1.5rem\"\n />\n </button>\n </div>\n {searchBar ? (\n <div\n className={cn(\n FLEXIBLE_DESKTOP_CLASSES,\n \"justify-center\",\n headerCenterClassName,\n )}\n >\n {searchBar}\n </div>\n ) : null}\n <HeaderLinks\n className={cn(FLEXIBLE_DESKTOP_CLASSES, headerLinksClassName)}\n headerLinks={headerLinks}\n sessionState={sessionState}\n searchButton={wrappedSearchButton}\n searchButtonVisibility={searchButtonVisibility}\n />\n </div>\n </header>\n {showMenu ? (\n <>\n <div\n className={cn(\n \"fixed inset-0 bg-neutral-1300 dark:bg-neutral-1300 z-40\",\n {\n \"animate-[fade-in-ten-percent_150ms_ease-in-out_forwards]\":\n !fadingOut,\n \"animate-[fade-out-ten-percent_150ms_ease-in-out_forwards]\":\n fadingOut,\n },\n )}\n onClick={closeMenu}\n onKeyDown={(e) => e.key === \"Escape\" && closeMenu()}\n role=\"presentation\"\n />\n <div\n id=\"mobile-menu\"\n className=\"md:hidden fixed flex flex-col top-[4.75rem] overflow-y-hidden mx-3 right-0 w-[calc(100%-24px)] bg-neutral-000 dark:bg-neutral-1300 rounded-2xl ui-shadow-lg-medium z-50\"\n style={{\n maxWidth: MAX_MOBILE_MENU_WIDTH,\n maxHeight: componentMaxHeight(\n HEADER_HEIGHT,\n HEADER_BOTTOM_MARGIN,\n ),\n }}\n ref={menuRef}\n role=\"navigation\"\n >\n {mobileNav}\n <HeaderLinks\n headerLinks={headerLinks}\n sessionState={sessionState}\n />\n </div>\n </>\n ) : null}\n </>\n );\n};\n\nexport default Header;\n"],"names":["React","useState","useEffect","useRef","useMemo","useCallback","Icon","cn","Logo","componentMaxHeight","HEADER_BOTTOM_MARGIN","HEADER_HEIGHT","HeaderLinks","throttle","COLLAPSE_TRIGGER_DISTANCE","FLEXIBLE_DESKTOP_CLASSES","MAX_MOBILE_MENU_WIDTH","Header","className","isNoticeBannerEnabled","noticeHeight","searchBar","searchButton","logoHref","headerLinks","headerLinksClassName","headerCenterClassName","nav","mobileNav","sessionState","themedScrollpoints","searchButtonVisibility","location","logoBadge","showMenu","setShowMenu","fadingOut","setFadingOut","noticeBannerVisible","setNoticeBannerVisible","menuRef","scrollpointClasses","setScrollpointClasses","length","headerStyle","height","top","headerClassName","closeMenu","setTimeout","handleNoticeClose","document","addEventListener","removeEventListener","handleScroll","noticeElement","querySelector","isNoticeClosedToBeHidden","classList","contains","window","scrollY","scrollpoint","element","getElementById","id","rect","getBoundingClientRect","bottom","throttledHandleScroll","handleResize","innerWidth","body","add","remove","wrappedSearchButton","div","header","role","style","map","theme","key","href","badge","additionalLinkAttrs","button","onClick","aria-expanded","aria-controls","aria-label","name","additionalCSS","size","onKeyDown","e","maxWidth","maxHeight","ref"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconGuiHeartbeatOutline=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20.564 11c.276-.87.436-1.788.436-2.75 0-2.485-2.099-4.5-4.687-4.5-1.936 0-3.598 1.126-4.313 2.733-.715-1.607-2.377-2.733-4.312-2.733C5.098 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"}),React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,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"}));const ForwardRef=forwardRef(IconGuiHeartbeatOutline);export default ForwardRef;
|
|
2
|
+
//# sourceMappingURL=icon-gui-heartbeat-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-gui-heartbeat-outline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconGuiHeartbeatOutline = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" viewBox=\"0 0 24 24\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M20.564 11c.276-.87.436-1.788.436-2.75 0-2.485-2.099-4.5-4.687-4.5-1.936 0-3.598 1.126-4.313 2.733-.715-1.607-2.377-2.733-4.312-2.733C5.098 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\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} 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\" /></svg>;\nconst ForwardRef = forwardRef(IconGuiHeartbeatOutline);\nexport default ForwardRef;"],"names":["React","forwardRef","IconGuiHeartbeatOutline","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,wBAA0B,CAAC,CAC/BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,GAAIC,OAAQ,GAAIC,KAAK,OAAOC,QAAQ,YAAYN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,cAAc,QAAQC,eAAe,QAAQC,YAAa,IAAKC,EAAE,4PAA4P,oBAACL,QAAKC,OAAO,eAAeC,cAAc,QAAQC,eAAe,QAAQC,YAAa,IAAKC,EAAE,wFAC5rB,MAAMC,WAAapB,WAAWC,wBAC9B,gBAAemB,UAAW"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconGuiHeartbeatSolid=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{fill:"currentColor",d:"M3.302 12.683c.25.522.537 1.022.847 1.5H2a.75.75 0 0 1 0-1.5zm18.774.004a.75.75 0 0 1 0 1.492l-.076.004h-2.15c.311-.478.598-.978.848-1.5H22z"}),React.createElement("path",{fill:"currentColor",d:"M13.008 13.969a.75.75 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 25 0 0 1-4.244 3.17q-.194.114-.3.174l-.083.044-.023.013-.006.004-.003.001a.75.75 0 0 1-.704 0h-.003l-.006-.005-.023-.012-.083-.045-.3-.173a25.176 25.176 0 0 1-4.245-3.17c-.99-.924-2.003-2.04-2.839-3.324h1.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.82zM16.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 3"}));const ForwardRef=forwardRef(IconGuiHeartbeatSolid);export default ForwardRef;
|
|
2
|
+
//# sourceMappingURL=icon-gui-heartbeat-solid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-gui-heartbeat-solid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconGuiHeartbeatSolid = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" viewBox=\"0 0 24 24\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill=\"currentColor\" d=\"M3.302 12.683c.25.522.537 1.022.847 1.5H2a.75.75 0 0 1 0-1.5zm18.774.004a.75.75 0 0 1 0 1.492l-.076.004h-2.15c.311-.478.598-.978.848-1.5H22z\" /><path fill=\"currentColor\" d=\"M13.008 13.969a.75.75 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 25 0 0 1-4.244 3.17q-.194.114-.3.174l-.083.044-.023.013-.006.004-.003.001a.75.75 0 0 1-.704 0h-.003l-.006-.005-.023-.012-.083-.045-.3-.173a25.176 25.176 0 0 1-4.245-3.17c-.99-.924-2.003-2.04-2.839-3.324h1.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.82zM16.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 3\" /></svg>;\nconst ForwardRef = forwardRef(IconGuiHeartbeatSolid);\nexport default ForwardRef;"],"names":["React","forwardRef","IconGuiHeartbeatSolid","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,GAAIC,OAAQ,GAAIC,KAAK,OAAOC,QAAQ,YAAYN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKJ,KAAK,eAAeK,EAAE,iJAAiJ,oBAACD,QAAKJ,KAAK,eAAeK,EAAE,qwBAC/c,MAAMC,WAAahB,WAAWC,sBAC9B,gBAAee,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as React from"react";import{forwardRef}from"react";const IconProductChatMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconProductChatMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:6,d:"M38 11h52c13.255 0 24 10.745 24 24v70.41c0 5.213-6.19 7.946-10.043 4.434l-22.812-20.8A4 4 0 0 0 78.45 88H38c-13.255 0-24-10.745-24-24V35c0-13.255 10.745-24 24-24Z"}));const ForwardRef=forwardRef(IconProductChatMono);export default ForwardRef;
|
|
2
2
|
//# sourceMappingURL=icon-product-chat-mono.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-chat-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductChatMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-chat-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductChatMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={6} d=\"M38 11h52c13.255 0 24 10.745 24 24v70.41c0 5.213-6.19 7.946-10.043 4.434l-22.812-20.8A4 4 0 0 0 78.45 88H38c-13.255 0-24-10.745-24-24V35c0-13.255 10.745-24 24-24Z\" /></svg>;\nconst ForwardRef = forwardRef(IconProductChatMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductChatMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,oBAAsB,CAAC,CAC3BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,IAAKC,OAAQ,IAAKC,KAAK,OAAOC,QAAQ,cAAcN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,YAAa,EAAGC,EAAE,wKACxT,MAAMC,WAAalB,WAAWC,oBAC9B,gBAAeiB,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as React from"react";import{forwardRef}from"react";const IconProductLiveobjectsMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconProductLiveobjectsMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("g",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:6},React.createElement("path",{d:"M76 11h17c13.255 0 24 10.745 24 24v17M52 11H35c-13.255 0-24 10.745-24 24v17m0 24v17c0 13.255 10.745 24 24 24h17m65-41v17c0 13.255-10.745 24-24 24H76"}),React.createElement("path",{strokeLinejoin:"round",d:"m43 66 17 17 26-38"})));const ForwardRef=forwardRef(IconProductLiveobjectsMono);export default ForwardRef;
|
|
2
2
|
//# sourceMappingURL=icon-product-liveobjects-mono.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-liveobjects-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductLiveobjectsMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-liveobjects-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductLiveobjectsMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<g stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth={6}><path d=\"M76 11h17c13.255 0 24 10.745 24 24v17M52 11H35c-13.255 0-24 10.745-24 24v17m0 24v17c0 13.255 10.745 24 24 24h17m65-41v17c0 13.255-10.745 24-24 24H76\" /><path strokeLinejoin=\"round\" d=\"m43 66 17 17 26-38\" /></g></svg>;\nconst ForwardRef = forwardRef(IconProductLiveobjectsMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductLiveobjectsMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","g","stroke","strokeLinecap","strokeWidth","path","d","strokeLinejoin","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,2BAA6B,CAAC,CAClCC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,IAAKC,OAAQ,IAAKC,KAAK,OAAOC,QAAQ,cAAcN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,KAAEC,OAAO,eAAeC,cAAc,QAAQC,YAAa,GAAG,oBAACC,QAAKC,EAAE,yJAAyJ,oBAACD,QAAKE,eAAe,QAAQD,EAAE,yBACzgB,MAAME,WAAarB,WAAWC,2BAC9B,gBAAeoB,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as React from"react";import{forwardRef}from"react";const IconProductLivesyncMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconProductLivesyncMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:6,d:"M115.029 117H64V78.015a1 1 0 0 1 1.605-.797l50.029 37.986c.763.579.353 1.796-.605 1.796ZM11 52v25c0 22.091 17.909 40 40 40h13M12.97 11H64v38.985a1 1 0 0 1-1.605.797L12.366 12.797c-.763-.58-.353-1.797.605-1.797ZM117 76V51c0-22.091-17.909-40-40-40H64"}));const ForwardRef=forwardRef(IconProductLivesyncMono);export default ForwardRef;
|
|
2
2
|
//# sourceMappingURL=icon-product-livesync-mono.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-livesync-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductLivesyncMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth={
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-livesync-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductLivesyncMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth={6} d=\"M115.029 117H64V78.015a1 1 0 0 1 1.605-.797l50.029 37.986c.763.579.353 1.796-.605 1.796ZM11 52v25c0 22.091 17.909 40 40 40h13M12.97 11H64v38.985a1 1 0 0 1-1.605.797L12.366 12.797c-.763-.58-.353-1.797.605-1.797ZM117 76V51c0-22.091-17.909-40-40-40H64\" /></svg>;\nconst ForwardRef = forwardRef(IconProductLivesyncMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductLivesyncMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeLinecap","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,wBAA0B,CAAC,CAC/BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,IAAKC,OAAQ,IAAKC,KAAK,OAAOC,QAAQ,cAAcN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,cAAc,QAAQC,YAAa,EAAGC,EAAE,8PAC9U,MAAMC,WAAanB,WAAWC,wBAC9B,gBAAekB,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as React from"react";import{forwardRef}from"react";const IconProductPubsubMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconProductPubsubMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:6,d:"M56.604 13.893 16.802 77.888C15.145 80.552 17.061 84 20.2 84H62a2 2 0 0 1 2 2v25.995c0 4.023 5.272 5.529 7.397 2.112l39.802-63.994c1.657-2.665-.259-6.113-3.397-6.113H66a2 2 0 0 1-2-2V16.005c0-4.023-5.271-5.529-7.396-2.112Z"}));const ForwardRef=forwardRef(IconProductPubsubMono);export default ForwardRef;
|
|
2
2
|
//# sourceMappingURL=icon-product-pubsub-mono.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-pubsub-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductPubsubMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-pubsub-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductPubsubMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={6} d=\"M56.604 13.893 16.802 77.888C15.145 80.552 17.061 84 20.2 84H62a2 2 0 0 1 2 2v25.995c0 4.023 5.272 5.529 7.397 2.112l39.802-63.994c1.657-2.665-.259-6.113-3.397-6.113H66a2 2 0 0 1-2-2V16.005c0-4.023-5.271-5.529-7.396-2.112Z\" /></svg>;\nconst ForwardRef = forwardRef(IconProductPubsubMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductPubsubMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,IAAKC,OAAQ,IAAKC,KAAK,OAAOC,QAAQ,cAAcN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,YAAa,EAAGC,EAAE,oOACxT,MAAMC,WAAalB,WAAWC,sBAC9B,gBAAeiB,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as React from"react";import{forwardRef}from"react";const IconProductSpacesMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:
|
|
1
|
+
import*as React from"react";import{forwardRef}from"react";const IconProductSpacesMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:128,height:128,fill:"none",viewBox:"0 0 128 128",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:6,d:"m41.23 109.769-23.404-84.56c-1.244-4.494 2.889-8.627 7.383-7.383l84.56 23.405c5.545 1.535 5.96 9.239.611 11.36L72.213 67.726a8 8 0 0 0-4.487 4.487L52.59 110.38c-2.121 5.349-9.825 4.934-11.36-.611Z"}));const ForwardRef=forwardRef(IconProductSpacesMono);export default ForwardRef;
|
|
2
2
|
//# sourceMappingURL=icon-product-spaces-mono.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-spaces-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductSpacesMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/components/icon-product-spaces-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconProductSpacesMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} fill=\"none\" viewBox=\"0 0 128 128\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={6} d=\"m41.23 109.769-23.404-84.56c-1.244-4.494 2.889-8.627 7.383-7.383l84.56 23.405c5.545 1.535 5.96 9.239.611 11.36L72.213 67.726a8 8 0 0 0-4.487 4.487L52.59 110.38c-2.121 5.349-9.825 4.934-11.36-.611Z\" /></svg>;\nconst ForwardRef = forwardRef(IconProductSpacesMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductSpacesMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,IAAKC,OAAQ,IAAKC,KAAK,OAAOC,QAAQ,cAAcN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,YAAa,EAAGC,EAAE,0MACxT,MAAMC,WAAalB,WAAWC,sBAC9B,gBAAeiB,UAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import IconDisplay48hrs from"./icon-display-48hrs";import IconDisplayAblyChannels from"./icon-display-ably-channels";import IconDisplayAboutAblyCol from"./icon-display-about-ably-col";import IconDisplayApiKeys from"./icon-display-api-keys";import IconDisplayApi from"./icon-display-api";import IconDisplayArchitecturalGuidance from"./icon-display-architectural-guidance";import IconDisplayAssetTrackingCol from"./icon-display-asset-tracking-col";import IconDisplayAuthentication from"./icon-display-authentication";import IconDisplayAvatarStack from"./icon-display-avatar-stack";import IconDisplayBrowser from"./icon-display-browser";import IconDisplayCalendar from"./icon-display-calendar";import IconDisplayCallMobile from"./icon-display-call-mobile";import IconDisplayCareersCol from"./icon-display-careers-col";import IconDisplayCaseStudiesCol from"./icon-display-case-studies-col";import IconDisplayChatCol from"./icon-display-chat-col";import IconDisplayChatMono from"./icon-display-chat-mono";import IconDisplayChatStackCol from"./icon-display-chat-stack-col";import IconDisplayChatStack from"./icon-display-chat-stack";import IconDisplayCloudServers from"./icon-display-cloud-servers";import IconDisplayCompareTechCol from"./icon-display-compare-tech-col";import IconDisplayConnectionStateRecovery from"./icon-display-connection-state-recovery";import IconDisplayConsumerGroups from"./icon-display-consumer-groups";import IconDisplayCustomCname from"./icon-display-custom-cname";import IconDisplayCustom from"./icon-display-custom";import IconDisplayCustomersCol from"./icon-display-customers-col";import IconDisplayDataBroadcastCol from"./icon-display-data-broadcast-col";import IconDisplayDataBroadcastMono from"./icon-display-data-broadcast-mono";import IconDisplayDataSynchronizationCol from"./icon-display-data-synchronization-col";import IconDisplayDedicatedCluster from"./icon-display-dedicated-cluster";import IconDisplayDeltas from"./icon-display-deltas";import IconDisplayDocsCol from"./icon-display-docs-col";import IconDisplayDocumentation from"./icon-display-documentation";import IconDisplayDynamicChannelGroups from"./icon-display-dynamic-channel-groups";import IconDisplayEdgeNetwork from"./icon-display-edge-network";import IconDisplayElasticity from"./icon-display-elasticity";import IconDisplayEqualisersMono from"./icon-display-equalisers-mono";import IconDisplayEventsCol from"./icon-display-events-col";import IconDisplayExactlyOnceDelivery from"./icon-display-exactly-once-delivery";import IconDisplayExamplesCol from"./icon-display-examples-col";import IconDisplayFanOut from"./icon-display-fan-out";import IconDisplayFirehose from"./icon-display-firehose";import IconDisplayGdpr from"./icon-display-gdpr";import IconDisplayGeneralComms from"./icon-display-general-comms";import IconDisplayGranularPermissions from"./icon-display-granular-permissions";import IconDisplayHipaaMono from"./icon-display-hipaa-mono";import IconDisplayHipaa from"./icon-display-hipaa";import IconDisplayHistory from"./icon-display-history";import IconDisplayIntegrationsCol from"./icon-display-integrations-col";import IconDisplayIntegrations from"./icon-display-integrations";import IconDisplayItSupportAccess from"./icon-display-it-support-access";import IconDisplayItSupportHelpdesk from"./icon-display-it-support-helpdesk";import IconDisplayKafkaAtTheEdgeCol from"./icon-display-kafka-at-the-edge-col";import IconDisplayLaptop from"./icon-display-laptop";import IconDisplayLastSeen from"./icon-display-last-seen";import IconDisplayLightbulbCol from"./icon-display-lightbulb-col";import IconDisplayLiveChat from"./icon-display-live-chat";import IconDisplayLiveUpdatesResultsMetricsCol from"./icon-display-live-updates-results-metrics-col";import IconDisplayMapPin from"./icon-display-map-pin";import IconDisplayMessageBatching from"./icon-display-message-batching";import IconDisplayMessagePersistence from"./icon-display-message-persistence";import IconDisplayMessageQueues from"./icon-display-message-queues";import IconDisplayMessage from"./icon-display-message";import IconDisplayMultiUserSpacesCol from"./icon-display-multi-user-spaces-col";import IconDisplayObserveAnalytics from"./icon-display-observe-analytics";import IconDisplayPadlockClosed from"./icon-display-padlock-closed";import IconDisplayPlatform from"./icon-display-platform";import IconDisplayPlay from"./icon-display-play";import IconDisplayPremiumSupport from"./icon-display-premium-support";import IconDisplayPrivacyShieldFramework from"./icon-display-privacy-shield-framework";import IconDisplayPrivateLink from"./icon-display-private-link";import IconDisplayPushNotificationsCol from"./icon-display-push-notifications-col";import IconDisplayPushNotificationsMono from"./icon-display-push-notifications-mono";import IconDisplayPushNotifications from"./icon-display-push-notifications";import IconDisplayQuickstartGuidesCol from"./icon-display-quickstart-guides-col";import IconDisplayReactions from"./icon-display-reactions";import IconDisplayReadReceipts from"./icon-display-read-receipts";import IconDisplayResourcesCol from"./icon-display-resources-col";import IconDisplayRewind from"./icon-display-rewind";import IconDisplaySdksCol from"./icon-display-sdks-col";import IconDisplaySendReceivedMessages from"./icon-display-send-received-messages";import IconDisplayServers from"./icon-display-servers";import IconDisplayShoppingCart from"./icon-display-shopping-cart";import IconDisplaySla from"./icon-display-sla";import IconDisplaySoc2Type2Mono from"./icon-display-soc2-type2-mono";import IconDisplaySoc2Type2 from"./icon-display-soc2-type2";import IconDisplaySomethingElseMono from"./icon-display-something-else-mono";import IconDisplaySomethingElse from"./icon-display-something-else";import IconDisplaySubscriptionFilters from"./icon-display-subscription-filters";import IconDisplaySupportChatMono from"./icon-display-support-chat-mono";import IconDisplaySystemMetadata from"./icon-display-system-metadata";import IconDisplayTechAccountComms from"./icon-display-tech-account-comms";import IconDisplayTutorialsDemosCol from"./icon-display-tutorials-demos-col";import IconDisplayUiMono from"./icon-display-ui-mono";import IconDisplayUi from"./icon-display-ui";import IconDisplayVirtualEventsCol from"./icon-display-virtual-events-col";import IconDisplayVirtualEvents from"./icon-display-virtual-events";export{IconDisplay48hrs,IconDisplayAblyChannels,IconDisplayAboutAblyCol,IconDisplayApiKeys,IconDisplayApi,IconDisplayArchitecturalGuidance,IconDisplayAssetTrackingCol,IconDisplayAuthentication,IconDisplayAvatarStack,IconDisplayBrowser,IconDisplayCalendar,IconDisplayCallMobile,IconDisplayCareersCol,IconDisplayCaseStudiesCol,IconDisplayChatCol,IconDisplayChatMono,IconDisplayChatStackCol,IconDisplayChatStack,IconDisplayCloudServers,IconDisplayCompareTechCol,IconDisplayConnectionStateRecovery,IconDisplayConsumerGroups,IconDisplayCustomCname,IconDisplayCustom,IconDisplayCustomersCol,IconDisplayDataBroadcastCol,IconDisplayDataBroadcastMono,IconDisplayDataSynchronizationCol,IconDisplayDedicatedCluster,IconDisplayDeltas,IconDisplayDocsCol,IconDisplayDocumentation,IconDisplayDynamicChannelGroups,IconDisplayEdgeNetwork,IconDisplayElasticity,IconDisplayEqualisersMono,IconDisplayEventsCol,IconDisplayExactlyOnceDelivery,IconDisplayExamplesCol,IconDisplayFanOut,IconDisplayFirehose,IconDisplayGdpr,IconDisplayGeneralComms,IconDisplayGranularPermissions,IconDisplayHipaaMono,IconDisplayHipaa,IconDisplayHistory,IconDisplayIntegrationsCol,IconDisplayIntegrations,IconDisplayItSupportAccess,IconDisplayItSupportHelpdesk,IconDisplayKafkaAtTheEdgeCol,IconDisplayLaptop,IconDisplayLastSeen,IconDisplayLightbulbCol,IconDisplayLiveChat,IconDisplayLiveUpdatesResultsMetricsCol,IconDisplayMapPin,IconDisplayMessageBatching,IconDisplayMessagePersistence,IconDisplayMessageQueues,IconDisplayMessage,IconDisplayMultiUserSpacesCol,IconDisplayObserveAnalytics,IconDisplayPadlockClosed,IconDisplayPlatform,IconDisplayPlay,IconDisplayPremiumSupport,IconDisplayPrivacyShieldFramework,IconDisplayPrivateLink,IconDisplayPushNotificationsCol,IconDisplayPushNotificationsMono,IconDisplayPushNotifications,IconDisplayQuickstartGuidesCol,IconDisplayReactions,IconDisplayReadReceipts,IconDisplayResourcesCol,IconDisplayRewind,IconDisplaySdksCol,IconDisplaySendReceivedMessages,IconDisplayServers,IconDisplayShoppingCart,IconDisplaySla,IconDisplaySoc2Type2Mono,IconDisplaySoc2Type2,IconDisplaySomethingElseMono,IconDisplaySomethingElse,IconDisplaySubscriptionFilters,IconDisplaySupportChatMono,IconDisplaySystemMetadata,IconDisplayTechAccountComms,IconDisplayTutorialsDemosCol,IconDisplayUiMono,IconDisplayUi,IconDisplayVirtualEventsCol,IconDisplayVirtualEvents};import IconGuiAblyBadge from"./icon-gui-ably-badge";import IconGuiCheckCircledFill from"./icon-gui-check-circled-fill";import IconGuiCheckLotusCircled from"./icon-gui-check-lotus-circled";import IconGuiChecklistChecked from"./icon-gui-checklist-checked";import IconGuiCodeDoc from"./icon-gui-code-doc";import IconGuiCursor from"./icon-gui-cursor";import IconGuiExpand from"./icon-gui-expand";import IconGuiFilterFlowStep0 from"./icon-gui-filter-flow-step-0";import IconGuiFilterFlowStep1 from"./icon-gui-filter-flow-step-1";import IconGuiFilterFlowStep2 from"./icon-gui-filter-flow-step-2";import IconGuiFilterFlowStep3 from"./icon-gui-filter-flow-step-3";import IconGuiFlowerGrowth from"./icon-gui-flower-growth";import IconGuiFurtherReading from"./icon-gui-further-reading";import IconGuiGlasses from"./icon-gui-glasses";import IconGuiHistory from"./icon-gui-history";import IconGuiLiveChat from"./icon-gui-live-chat";import IconGuiMouse from"./icon-gui-mouse";import IconGuiPartial from"./icon-gui-partial";import IconGuiPitfall from"./icon-gui-pitfall";import IconGuiProdAiTransportOutline from"./icon-gui-prod-ai-transport-outline";import IconGuiProdAiTransportSolid from"./icon-gui-prod-ai-transport-solid";import IconGuiProdAssetTrackingOutline from"./icon-gui-prod-asset-tracking-outline";import IconGuiProdAssetTrackingSolid from"./icon-gui-prod-asset-tracking-solid";import IconGuiProdChatOutline from"./icon-gui-prod-chat-outline";import IconGuiProdChatSolid from"./icon-gui-prod-chat-solid";import IconGuiProdLiveobjectsOutline from"./icon-gui-prod-liveobjects-outline";import IconGuiProdLiveobjectsSolid from"./icon-gui-prod-liveobjects-solid";import IconGuiProdLivesyncOutline from"./icon-gui-prod-livesync-outline";import IconGuiProdLivesyncSolid from"./icon-gui-prod-livesync-solid";import IconGuiProdPubsubOutline from"./icon-gui-prod-pubsub-outline";import IconGuiProdPubsubSolid from"./icon-gui-prod-pubsub-solid";import IconGuiProdSpacesOutline from"./icon-gui-prod-spaces-outline";import IconGuiProdSpacesSolid from"./icon-gui-prod-spaces-solid";import IconGuiQuoteMarksFill from"./icon-gui-quote-marks-fill";import IconGuiRefresh from"./icon-gui-refresh";import IconGuiResources from"./icon-gui-resources";import IconGuiSpinnerDark from"./icon-gui-spinner-dark";import IconGuiSpinnerLight from"./icon-gui-spinner-light";export{IconGuiAblyBadge,IconGuiCheckCircledFill,IconGuiCheckLotusCircled,IconGuiChecklistChecked,IconGuiCodeDoc,IconGuiCursor,IconGuiExpand,IconGuiFilterFlowStep0,IconGuiFilterFlowStep1,IconGuiFilterFlowStep2,IconGuiFilterFlowStep3,IconGuiFlowerGrowth,IconGuiFurtherReading,IconGuiGlasses,IconGuiHistory,IconGuiLiveChat,IconGuiMouse,IconGuiPartial,IconGuiPitfall,IconGuiProdAiTransportOutline,IconGuiProdAiTransportSolid,IconGuiProdAssetTrackingOutline,IconGuiProdAssetTrackingSolid,IconGuiProdChatOutline,IconGuiProdChatSolid,IconGuiProdLiveobjectsOutline,IconGuiProdLiveobjectsSolid,IconGuiProdLivesyncOutline,IconGuiProdLivesyncSolid,IconGuiProdPubsubOutline,IconGuiProdPubsubSolid,IconGuiProdSpacesOutline,IconGuiProdSpacesSolid,IconGuiQuoteMarksFill,IconGuiRefresh,IconGuiResources,IconGuiSpinnerDark,IconGuiSpinnerLight};import IconProductAiTransportMono from"./icon-product-ai-transport-mono";import IconProductAiTransport from"./icon-product-ai-transport";import IconProductAssetTrackingMono from"./icon-product-asset-tracking-mono";import IconProductAssetTracking from"./icon-product-asset-tracking";import IconProductChatMono from"./icon-product-chat-mono";import IconProductChat from"./icon-product-chat";import IconProductLiveobjectsDark from"./icon-product-liveobjects-dark";import IconProductLiveobjectsMono from"./icon-product-liveobjects-mono";import IconProductLiveobjects from"./icon-product-liveobjects";import IconProductLivesyncMono from"./icon-product-livesync-mono";import IconProductLivesync from"./icon-product-livesync";import IconProductPlatformMono from"./icon-product-platform-mono";import IconProductPlatform from"./icon-product-platform";import IconProductPubsubMono from"./icon-product-pubsub-mono";import IconProductPubsub from"./icon-product-pubsub";import IconProductSpacesMono from"./icon-product-spaces-mono";import IconProductSpaces from"./icon-product-spaces";export{IconProductAiTransportMono,IconProductAiTransport,IconProductAssetTrackingMono,IconProductAssetTracking,IconProductChatMono,IconProductChat,IconProductLiveobjectsDark,IconProductLiveobjectsMono,IconProductLiveobjects,IconProductLivesyncMono,IconProductLivesync,IconProductPlatformMono,IconProductPlatform,IconProductPubsubMono,IconProductPubsub,IconProductSpacesMono,IconProductSpaces};import IconSocialDiscordMono from"./icon-social-discord-mono";import IconSocialDiscord from"./icon-social-discord";import IconSocialFacebookMono from"./icon-social-facebook-mono";import IconSocialFacebook from"./icon-social-facebook";import IconSocialGithubMono from"./icon-social-github-mono";import IconSocialGithub from"./icon-social-github";import IconSocialGlassdoorMono from"./icon-social-glassdoor-mono";import IconSocialGlassdoor from"./icon-social-glassdoor";import IconSocialGoogleMono from"./icon-social-google-mono";import IconSocialGoogle from"./icon-social-google";import IconSocialLinkedinMono from"./icon-social-linkedin-mono";import IconSocialLinkedin from"./icon-social-linkedin";import IconSocialSlackMono from"./icon-social-slack-mono";import IconSocialSlack from"./icon-social-slack";import IconSocialStackoverflowMono from"./icon-social-stackoverflow-mono";import IconSocialStackoverflow from"./icon-social-stackoverflow";import IconSocialTwitterMono from"./icon-social-twitter-mono";import IconSocialTwitter from"./icon-social-twitter";import IconSocialXMono from"./icon-social-x-mono";import IconSocialX from"./icon-social-x";import IconSocialYoutubeMono from"./icon-social-youtube-mono";import IconSocialYoutube from"./icon-social-youtube";export{IconSocialDiscordMono,IconSocialDiscord,IconSocialFacebookMono,IconSocialFacebook,IconSocialGithubMono,IconSocialGithub,IconSocialGlassdoorMono,IconSocialGlassdoor,IconSocialGoogleMono,IconSocialGoogle,IconSocialLinkedinMono,IconSocialLinkedin,IconSocialSlackMono,IconSocialSlack,IconSocialStackoverflowMono,IconSocialStackoverflow,IconSocialTwitterMono,IconSocialTwitter,IconSocialXMono,IconSocialX,IconSocialYoutubeMono,IconSocialYoutube};import IconTechAblyApiStreamer from"./icon-tech-ably-api-streamer";import IconTechAblyFirehose from"./icon-tech-ably-firehose";import IconTechAblyNative from"./icon-tech-ably-native";import IconTechAbly from"./icon-tech-ably";import IconTechActivemq from"./icon-tech-activemq";import IconTechActivitypub from"./icon-tech-activitypub";import IconTechAerospike from"./icon-tech-aerospike";import IconTechAkka from"./icon-tech-akka";import IconTechAmazonEc2 from"./icon-tech-amazon-ec2";import IconTechAmazonEventBridge from"./icon-tech-amazon-event-bridge";import IconTechAmqp091 from"./icon-tech-amqp091";import IconTechAmqp10 from"./icon-tech-amqp10";import IconTechAndroidFull from"./icon-tech-android-full";import IconTechAndroidHead from"./icon-tech-android-head";import IconTechAngular from"./icon-tech-angular";import IconTechAnycable from"./icon-tech-anycable";import IconTechApacheCassandra from"./icon-tech-apache-cassandra";import IconTechApacheCordova from"./icon-tech-apache-cordova";import IconTechApacheKafka from"./icon-tech-apache-kafka";import IconTechApacheSpark from"./icon-tech-apache-spark";import IconTechApachepulsar from"./icon-tech-apachepulsar";import IconTechApachestorm from"./icon-tech-apachestorm";import IconTechApns from"./icon-tech-apns";import IconTechAssemblyai from"./icon-tech-assemblyai";import IconTechAtmosphere from"./icon-tech-atmosphere";import IconTechAwsAppSync from"./icon-tech-aws-app-sync";import IconTechAwsAurora from"./icon-tech-aws-aurora";import IconTechAwsGatewayWebsockets from"./icon-tech-aws-gateway-websockets";import IconTechAwsSns from"./icon-tech-aws-sns";import IconTechAwsSqs from"./icon-tech-aws-sqs";import IconTechAws from"./icon-tech-aws";import IconTechAwsiot from"./icon-tech-awsiot";import IconTechAwskinesis from"./icon-tech-awskinesis";import IconTechAwslambda from"./icon-tech-awslambda";import IconTechAwssqs from"./icon-tech-awssqs";import IconTechAzureApi from"./icon-tech-azure-api";import IconTechAzureArchiveApi from"./icon-tech-azure-archive-api";import IconTechAzureBus from"./icon-tech-azure-bus";import IconTechAzureCosmos from"./icon-tech-azure-cosmos";import IconTechAzureEventHub from"./icon-tech-azure-event-hub";import IconTechAzureFunctions from"./icon-tech-azure-functions";import IconTechAzureSearch from"./icon-tech-azure-search";import IconTechAzureStaticWebApp from"./icon-tech-azure-static-web-app";import IconTechAzureStaticWebApps from"./icon-tech-azure-static-web-apps";import IconTechAzureStorage from"./icon-tech-azure-storage";import IconTechAzureWebPubsub from"./icon-tech-azure-web-pubsub";import IconTechAzurefunctions from"./icon-tech-azurefunctions";import IconTechAzureservicebus from"./icon-tech-azureservicebus";import IconTechAzuresignalR from"./icon-tech-azuresignalR";import IconTechBayeux from"./icon-tech-bayeux";import IconTechC from"./icon-tech-c";import IconTechCentrifugo from"./icon-tech-centrifugo";import IconTechClaudeMono from"./icon-tech-claude-mono";import IconTechClaude from"./icon-tech-claude";import IconTechClientSideFrameworks from"./icon-tech-client-side-frameworks";import IconTechClojure from"./icon-tech-clojure";import IconTechCloudflareDurableObjects from"./icon-tech-cloudflare-durable-objects";import IconTechCloudflareworkers from"./icon-tech-cloudflareworkers";import IconTechCocoa from"./icon-tech-cocoa";import IconTechConfluent from"./icon-tech-confluent";import IconTechCord from"./icon-tech-cord";import IconTechCsharp from"./icon-tech-csharp";import IconTechCurl from"./icon-tech-curl";import IconTechCustomwebhooks from"./icon-tech-customwebhooks";import IconTechDatadog from"./icon-tech-datadog";import IconTechDesignPatterns from"./icon-tech-design-patterns";import IconTechDevplatforms from"./icon-tech-devplatforms";import IconTechDiffusionData from"./icon-tech-diffusion-data";import IconTechDjango from"./icon-tech-django";import IconTechEngineio from"./icon-tech-engineio";import IconTechEventDrivenServers from"./icon-tech-event-driven-servers";import IconTechFanoutIo from"./icon-tech-fanout-io";import IconTechFastApi from"./icon-tech-fast-api";import IconTechFauna from"./icon-tech-fauna";import IconTechFeatherjs from"./icon-tech-featherjs";import IconTechFirebaseCloudMessaging from"./icon-tech-firebase-cloud-messaging";import IconTechFirebase from"./icon-tech-firebase";import IconTechFlutter from"./icon-tech-flutter";import IconTechGcloudbigquery from"./icon-tech-gcloudbigquery";import IconTechGclouddataflow from"./icon-tech-gclouddataflow";import IconTechGcloudfunctions from"./icon-tech-gcloudfunctions";import IconTechGcloudpubsub from"./icon-tech-gcloudpubsub";import IconTechGo from"./icon-tech-go";import IconTechGrpc from"./icon-tech-grpc";import IconTechHivemq from"./icon-tech-hivemq";import IconTechHttp2 from"./icon-tech-http2";import IconTechHttp3 from"./icon-tech-http3";import IconTechHttprest from"./icon-tech-httprest";import IconTechIdempotency from"./icon-tech-idempotency";import IconTechIfttt from"./icon-tech-ifttt";import IconTechIntegrations from"./icon-tech-integrations";import IconTechIosGeneric from"./icon-tech-ios-generic";import IconTechIos from"./icon-tech-ios";import IconTechIpados from"./icon-tech-ipados";import IconTechIpfs from"./icon-tech-ipfs";import IconTechIronmq from"./icon-tech-ironmq";import IconTechJava from"./icon-tech-java";import IconTechJavascript from"./icon-tech-javascript";import IconTechJms from"./icon-tech-jms";import IconTechJsonWebTokens from"./icon-tech-json-web-tokens";import IconTechJson from"./icon-tech-json";import IconTechKaazing from"./icon-tech-kaazing";import IconTechKotlin from"./icon-tech-kotlin";import IconTechKsqlDb from"./icon-tech-ksql-db";import IconTechKubernetes from"./icon-tech-kubernetes";import IconTechLaravelBroadcast from"./icon-tech-laravel-broadcast";import IconTechLaravelEcho from"./icon-tech-laravel-echo";import IconTechLightstreamer from"./icon-tech-lightstreamer";import IconTechLiveblocks from"./icon-tech-liveblocks";import IconTechLongpolling from"./icon-tech-longpolling";import IconTechMacos from"./icon-tech-macos";import IconTechMatrix from"./icon-tech-matrix";import IconTechMeteor from"./icon-tech-meteor";import IconTechMongoDb from"./icon-tech-mongo-db";import IconTechMono from"./icon-tech-mono";import IconTechMqtt from"./icon-tech-mqtt";import IconTechMysql from"./icon-tech-mysql";import IconTechNativeScript from"./icon-tech-native-script";import IconTechNet from"./icon-tech-net";import IconTechNetlify from"./icon-tech-netlify";import IconTechNextjs from"./icon-tech-nextjs";import IconTechNkn from"./icon-tech-nkn";import IconTechNodejs from"./icon-tech-nodejs";import IconTechObjectivec from"./icon-tech-objectivec";import IconTechOpenai from"./icon-tech-openai";import IconTechParseServer from"./icon-tech-parse-server";import IconTechPhp from"./icon-tech-php";import IconTechPlanetscale from"./icon-tech-planetscale";import IconTechPostgres from"./icon-tech-postgres";import IconTechPrisma from"./icon-tech-prisma";import IconTechProgramminglanguages from"./icon-tech-programminglanguages";import IconTechProtcolAdaptors from"./icon-tech-protcol-adaptors";import IconTechProtocols from"./icon-tech-protocols";import IconTechPubSub from"./icon-tech-pub-sub";import IconTechPubnub from"./icon-tech-pubnub";import IconTechPushTechnology from"./icon-tech-push-technology";import IconTechPusher from"./icon-tech-pusher";import IconTechPython from"./icon-tech-python";import IconTechQuic from"./icon-tech-quic";import IconTechRabbitMQ from"./icon-tech-rabbitMQ";import IconTechRailsactioncable from"./icon-tech-railsactioncable";import IconTechReactApp from"./icon-tech-react-app";import IconTechReact from"./icon-tech-react";import IconTechReactnative from"./icon-tech-reactnative";import IconTechRedis from"./icon-tech-redis";import IconTechRedpanda from"./icon-tech-redpanda";import IconTechReplicache from"./icon-tech-replicache";import IconTechRethinkdb from"./icon-tech-rethinkdb";import IconTechRocketmq from"./icon-tech-rocketmq";import IconTechRuby from"./icon-tech-ruby";import IconTechScala from"./icon-tech-scala";import IconTechScaledrone from"./icon-tech-scaledrone";import IconTechServersentevents from"./icon-tech-serversentevents";import IconTechServersideframeworks from"./icon-tech-serversideframeworks";import IconTechSignalR from"./icon-tech-signalR";import IconTechSnowflake from"./icon-tech-snowflake";import IconTechSocketio from"./icon-tech-socketio";import IconTechSockjs from"./icon-tech-sockjs";import IconTechSolace from"./icon-tech-solace";import IconTechSpring from"./icon-tech-spring";import IconTechStomp from"./icon-tech-stomp";import IconTechStreamdataIo from"./icon-tech-streamdata-io";import IconTechStreamr from"./icon-tech-streamr";import IconTechSwift from"./icon-tech-swift";import IconTechSymfonyMercure from"./icon-tech-symfony-mercure";import IconTechSymfony from"./icon-tech-symfony";import IconTechTcpIp from"./icon-tech-tcp-ip";import IconTechTenefit from"./icon-tech-tenefit";import IconTechTerraformOutline from"./icon-tech-terraform-outline";import IconTechTerraform from"./icon-tech-terraform";import IconTechTvos from"./icon-tech-tvos";import IconTechTwilio from"./icon-tech-twilio";import IconTechTypescript from"./icon-tech-typescript";import IconTechUdpProtocol from"./icon-tech-udp-protocol";import IconTechUnity from"./icon-tech-unity";import IconTechVercel from"./icon-tech-vercel";import IconTechVscode from"./icon-tech-vscode";import IconTechVuejs from"./icon-tech-vuejs";import IconTechWamp from"./icon-tech-wamp";import IconTechWatchos from"./icon-tech-watchos";import IconTechWebPush from"./icon-tech-web-push";import IconTechWeb from"./icon-tech-web";import IconTechWebhooks from"./icon-tech-webhooks";import IconTechWebrtc from"./icon-tech-webrtc";import IconTechWebsockets from"./icon-tech-websockets";import IconTechWebsub from"./icon-tech-websub";import IconTechXamarin from"./icon-tech-xamarin";import IconTechXhrStreaming from"./icon-tech-xhr-streaming";import IconTechXmpp from"./icon-tech-xmpp";import IconTechZapier from"./icon-tech-zapier";import IconTechZeromq from"./icon-tech-zeromq";export{IconTechAblyApiStreamer,IconTechAblyFirehose,IconTechAblyNative,IconTechAbly,IconTechActivemq,IconTechActivitypub,IconTechAerospike,IconTechAkka,IconTechAmazonEc2,IconTechAmazonEventBridge,IconTechAmqp091,IconTechAmqp10,IconTechAndroidFull,IconTechAndroidHead,IconTechAngular,IconTechAnycable,IconTechApacheCassandra,IconTechApacheCordova,IconTechApacheKafka,IconTechApacheSpark,IconTechApachepulsar,IconTechApachestorm,IconTechApns,IconTechAssemblyai,IconTechAtmosphere,IconTechAwsAppSync,IconTechAwsAurora,IconTechAwsGatewayWebsockets,IconTechAwsSns,IconTechAwsSqs,IconTechAws,IconTechAwsiot,IconTechAwskinesis,IconTechAwslambda,IconTechAwssqs,IconTechAzureApi,IconTechAzureArchiveApi,IconTechAzureBus,IconTechAzureCosmos,IconTechAzureEventHub,IconTechAzureFunctions,IconTechAzureSearch,IconTechAzureStaticWebApp,IconTechAzureStaticWebApps,IconTechAzureStorage,IconTechAzureWebPubsub,IconTechAzurefunctions,IconTechAzureservicebus,IconTechAzuresignalR,IconTechBayeux,IconTechC,IconTechCentrifugo,IconTechClaudeMono,IconTechClaude,IconTechClientSideFrameworks,IconTechClojure,IconTechCloudflareDurableObjects,IconTechCloudflareworkers,IconTechCocoa,IconTechConfluent,IconTechCord,IconTechCsharp,IconTechCurl,IconTechCustomwebhooks,IconTechDatadog,IconTechDesignPatterns,IconTechDevplatforms,IconTechDiffusionData,IconTechDjango,IconTechEngineio,IconTechEventDrivenServers,IconTechFanoutIo,IconTechFastApi,IconTechFauna,IconTechFeatherjs,IconTechFirebaseCloudMessaging,IconTechFirebase,IconTechFlutter,IconTechGcloudbigquery,IconTechGclouddataflow,IconTechGcloudfunctions,IconTechGcloudpubsub,IconTechGo,IconTechGrpc,IconTechHivemq,IconTechHttp2,IconTechHttp3,IconTechHttprest,IconTechIdempotency,IconTechIfttt,IconTechIntegrations,IconTechIosGeneric,IconTechIos,IconTechIpados,IconTechIpfs,IconTechIronmq,IconTechJava,IconTechJavascript,IconTechJms,IconTechJsonWebTokens,IconTechJson,IconTechKaazing,IconTechKotlin,IconTechKsqlDb,IconTechKubernetes,IconTechLaravelBroadcast,IconTechLaravelEcho,IconTechLightstreamer,IconTechLiveblocks,IconTechLongpolling,IconTechMacos,IconTechMatrix,IconTechMeteor,IconTechMongoDb,IconTechMono,IconTechMqtt,IconTechMysql,IconTechNativeScript,IconTechNet,IconTechNetlify,IconTechNextjs,IconTechNkn,IconTechNodejs,IconTechObjectivec,IconTechOpenai,IconTechParseServer,IconTechPhp,IconTechPlanetscale,IconTechPostgres,IconTechPrisma,IconTechProgramminglanguages,IconTechProtcolAdaptors,IconTechProtocols,IconTechPubSub,IconTechPubnub,IconTechPushTechnology,IconTechPusher,IconTechPython,IconTechQuic,IconTechRabbitMQ,IconTechRailsactioncable,IconTechReactApp,IconTechReact,IconTechReactnative,IconTechRedis,IconTechRedpanda,IconTechReplicache,IconTechRethinkdb,IconTechRocketmq,IconTechRuby,IconTechScala,IconTechScaledrone,IconTechServersentevents,IconTechServersideframeworks,IconTechSignalR,IconTechSnowflake,IconTechSocketio,IconTechSockjs,IconTechSolace,IconTechSpring,IconTechStomp,IconTechStreamdataIo,IconTechStreamr,IconTechSwift,IconTechSymfonyMercure,IconTechSymfony,IconTechTcpIp,IconTechTenefit,IconTechTerraformOutline,IconTechTerraform,IconTechTvos,IconTechTwilio,IconTechTypescript,IconTechUdpProtocol,IconTechUnity,IconTechVercel,IconTechVscode,IconTechVuejs,IconTechWamp,IconTechWatchos,IconTechWebPush,IconTechWeb,IconTechWebhooks,IconTechWebrtc,IconTechWebsockets,IconTechWebsub,IconTechXamarin,IconTechXhrStreaming,IconTechXmpp,IconTechZapier,IconTechZeromq};
|
|
1
|
+
import IconDisplay48hrs from"./icon-display-48hrs";import IconDisplayAblyChannels from"./icon-display-ably-channels";import IconDisplayAboutAblyCol from"./icon-display-about-ably-col";import IconDisplayApiKeys from"./icon-display-api-keys";import IconDisplayApi from"./icon-display-api";import IconDisplayArchitecturalGuidance from"./icon-display-architectural-guidance";import IconDisplayAssetTrackingCol from"./icon-display-asset-tracking-col";import IconDisplayAuthentication from"./icon-display-authentication";import IconDisplayAvatarStack from"./icon-display-avatar-stack";import IconDisplayBrowser from"./icon-display-browser";import IconDisplayCalendar from"./icon-display-calendar";import IconDisplayCallMobile from"./icon-display-call-mobile";import IconDisplayCareersCol from"./icon-display-careers-col";import IconDisplayCaseStudiesCol from"./icon-display-case-studies-col";import IconDisplayChatCol from"./icon-display-chat-col";import IconDisplayChatMono from"./icon-display-chat-mono";import IconDisplayChatStackCol from"./icon-display-chat-stack-col";import IconDisplayChatStack from"./icon-display-chat-stack";import IconDisplayCloudServers from"./icon-display-cloud-servers";import IconDisplayCompareTechCol from"./icon-display-compare-tech-col";import IconDisplayConnectionStateRecovery from"./icon-display-connection-state-recovery";import IconDisplayConsumerGroups from"./icon-display-consumer-groups";import IconDisplayCustomCname from"./icon-display-custom-cname";import IconDisplayCustom from"./icon-display-custom";import IconDisplayCustomersCol from"./icon-display-customers-col";import IconDisplayDataBroadcastCol from"./icon-display-data-broadcast-col";import IconDisplayDataBroadcastMono from"./icon-display-data-broadcast-mono";import IconDisplayDataSynchronizationCol from"./icon-display-data-synchronization-col";import IconDisplayDedicatedCluster from"./icon-display-dedicated-cluster";import IconDisplayDeltas from"./icon-display-deltas";import IconDisplayDocsCol from"./icon-display-docs-col";import IconDisplayDocumentation from"./icon-display-documentation";import IconDisplayDynamicChannelGroups from"./icon-display-dynamic-channel-groups";import IconDisplayEdgeNetwork from"./icon-display-edge-network";import IconDisplayElasticity from"./icon-display-elasticity";import IconDisplayEqualisersMono from"./icon-display-equalisers-mono";import IconDisplayEventsCol from"./icon-display-events-col";import IconDisplayExactlyOnceDelivery from"./icon-display-exactly-once-delivery";import IconDisplayExamplesCol from"./icon-display-examples-col";import IconDisplayFanOut from"./icon-display-fan-out";import IconDisplayFirehose from"./icon-display-firehose";import IconDisplayGdpr from"./icon-display-gdpr";import IconDisplayGeneralComms from"./icon-display-general-comms";import IconDisplayGranularPermissions from"./icon-display-granular-permissions";import IconDisplayHipaaMono from"./icon-display-hipaa-mono";import IconDisplayHipaa from"./icon-display-hipaa";import IconDisplayHistory from"./icon-display-history";import IconDisplayIntegrationsCol from"./icon-display-integrations-col";import IconDisplayIntegrations from"./icon-display-integrations";import IconDisplayItSupportAccess from"./icon-display-it-support-access";import IconDisplayItSupportHelpdesk from"./icon-display-it-support-helpdesk";import IconDisplayKafkaAtTheEdgeCol from"./icon-display-kafka-at-the-edge-col";import IconDisplayLaptop from"./icon-display-laptop";import IconDisplayLastSeen from"./icon-display-last-seen";import IconDisplayLightbulbCol from"./icon-display-lightbulb-col";import IconDisplayLiveChat from"./icon-display-live-chat";import IconDisplayLiveUpdatesResultsMetricsCol from"./icon-display-live-updates-results-metrics-col";import IconDisplayMapPin from"./icon-display-map-pin";import IconDisplayMessageBatching from"./icon-display-message-batching";import IconDisplayMessagePersistence from"./icon-display-message-persistence";import IconDisplayMessageQueues from"./icon-display-message-queues";import IconDisplayMessage from"./icon-display-message";import IconDisplayMultiUserSpacesCol from"./icon-display-multi-user-spaces-col";import IconDisplayObserveAnalytics from"./icon-display-observe-analytics";import IconDisplayPadlockClosed from"./icon-display-padlock-closed";import IconDisplayPlatform from"./icon-display-platform";import IconDisplayPlay from"./icon-display-play";import IconDisplayPremiumSupport from"./icon-display-premium-support";import IconDisplayPrivacyShieldFramework from"./icon-display-privacy-shield-framework";import IconDisplayPrivateLink from"./icon-display-private-link";import IconDisplayPushNotificationsCol from"./icon-display-push-notifications-col";import IconDisplayPushNotificationsMono from"./icon-display-push-notifications-mono";import IconDisplayPushNotifications from"./icon-display-push-notifications";import IconDisplayQuickstartGuidesCol from"./icon-display-quickstart-guides-col";import IconDisplayReactions from"./icon-display-reactions";import IconDisplayReadReceipts from"./icon-display-read-receipts";import IconDisplayResourcesCol from"./icon-display-resources-col";import IconDisplayRewind from"./icon-display-rewind";import IconDisplaySdksCol from"./icon-display-sdks-col";import IconDisplaySendReceivedMessages from"./icon-display-send-received-messages";import IconDisplayServers from"./icon-display-servers";import IconDisplayShoppingCart from"./icon-display-shopping-cart";import IconDisplaySla from"./icon-display-sla";import IconDisplaySoc2Type2Mono from"./icon-display-soc2-type2-mono";import IconDisplaySoc2Type2 from"./icon-display-soc2-type2";import IconDisplaySomethingElseMono from"./icon-display-something-else-mono";import IconDisplaySomethingElse from"./icon-display-something-else";import IconDisplaySubscriptionFilters from"./icon-display-subscription-filters";import IconDisplaySupportChatMono from"./icon-display-support-chat-mono";import IconDisplaySystemMetadata from"./icon-display-system-metadata";import IconDisplayTechAccountComms from"./icon-display-tech-account-comms";import IconDisplayTutorialsDemosCol from"./icon-display-tutorials-demos-col";import IconDisplayUiMono from"./icon-display-ui-mono";import IconDisplayUi from"./icon-display-ui";import IconDisplayVirtualEventsCol from"./icon-display-virtual-events-col";import IconDisplayVirtualEvents from"./icon-display-virtual-events";export{IconDisplay48hrs,IconDisplayAblyChannels,IconDisplayAboutAblyCol,IconDisplayApiKeys,IconDisplayApi,IconDisplayArchitecturalGuidance,IconDisplayAssetTrackingCol,IconDisplayAuthentication,IconDisplayAvatarStack,IconDisplayBrowser,IconDisplayCalendar,IconDisplayCallMobile,IconDisplayCareersCol,IconDisplayCaseStudiesCol,IconDisplayChatCol,IconDisplayChatMono,IconDisplayChatStackCol,IconDisplayChatStack,IconDisplayCloudServers,IconDisplayCompareTechCol,IconDisplayConnectionStateRecovery,IconDisplayConsumerGroups,IconDisplayCustomCname,IconDisplayCustom,IconDisplayCustomersCol,IconDisplayDataBroadcastCol,IconDisplayDataBroadcastMono,IconDisplayDataSynchronizationCol,IconDisplayDedicatedCluster,IconDisplayDeltas,IconDisplayDocsCol,IconDisplayDocumentation,IconDisplayDynamicChannelGroups,IconDisplayEdgeNetwork,IconDisplayElasticity,IconDisplayEqualisersMono,IconDisplayEventsCol,IconDisplayExactlyOnceDelivery,IconDisplayExamplesCol,IconDisplayFanOut,IconDisplayFirehose,IconDisplayGdpr,IconDisplayGeneralComms,IconDisplayGranularPermissions,IconDisplayHipaaMono,IconDisplayHipaa,IconDisplayHistory,IconDisplayIntegrationsCol,IconDisplayIntegrations,IconDisplayItSupportAccess,IconDisplayItSupportHelpdesk,IconDisplayKafkaAtTheEdgeCol,IconDisplayLaptop,IconDisplayLastSeen,IconDisplayLightbulbCol,IconDisplayLiveChat,IconDisplayLiveUpdatesResultsMetricsCol,IconDisplayMapPin,IconDisplayMessageBatching,IconDisplayMessagePersistence,IconDisplayMessageQueues,IconDisplayMessage,IconDisplayMultiUserSpacesCol,IconDisplayObserveAnalytics,IconDisplayPadlockClosed,IconDisplayPlatform,IconDisplayPlay,IconDisplayPremiumSupport,IconDisplayPrivacyShieldFramework,IconDisplayPrivateLink,IconDisplayPushNotificationsCol,IconDisplayPushNotificationsMono,IconDisplayPushNotifications,IconDisplayQuickstartGuidesCol,IconDisplayReactions,IconDisplayReadReceipts,IconDisplayResourcesCol,IconDisplayRewind,IconDisplaySdksCol,IconDisplaySendReceivedMessages,IconDisplayServers,IconDisplayShoppingCart,IconDisplaySla,IconDisplaySoc2Type2Mono,IconDisplaySoc2Type2,IconDisplaySomethingElseMono,IconDisplaySomethingElse,IconDisplaySubscriptionFilters,IconDisplaySupportChatMono,IconDisplaySystemMetadata,IconDisplayTechAccountComms,IconDisplayTutorialsDemosCol,IconDisplayUiMono,IconDisplayUi,IconDisplayVirtualEventsCol,IconDisplayVirtualEvents};import IconGuiAblyBadge from"./icon-gui-ably-badge";import IconGuiCheckCircledFill from"./icon-gui-check-circled-fill";import IconGuiCheckLotusCircled from"./icon-gui-check-lotus-circled";import IconGuiChecklistChecked from"./icon-gui-checklist-checked";import IconGuiCodeDoc from"./icon-gui-code-doc";import IconGuiCursor from"./icon-gui-cursor";import IconGuiExpand from"./icon-gui-expand";import IconGuiFilterFlowStep0 from"./icon-gui-filter-flow-step-0";import IconGuiFilterFlowStep1 from"./icon-gui-filter-flow-step-1";import IconGuiFilterFlowStep2 from"./icon-gui-filter-flow-step-2";import IconGuiFilterFlowStep3 from"./icon-gui-filter-flow-step-3";import IconGuiFlowerGrowth from"./icon-gui-flower-growth";import IconGuiFurtherReading from"./icon-gui-further-reading";import IconGuiGlasses from"./icon-gui-glasses";import IconGuiHeartbeatOutline from"./icon-gui-heartbeat-outline";import IconGuiHeartbeatSolid from"./icon-gui-heartbeat-solid";import IconGuiHistory from"./icon-gui-history";import IconGuiLiveChat from"./icon-gui-live-chat";import IconGuiMouse from"./icon-gui-mouse";import IconGuiPartial from"./icon-gui-partial";import IconGuiPitfall from"./icon-gui-pitfall";import IconGuiProdAiTransportOutline from"./icon-gui-prod-ai-transport-outline";import IconGuiProdAiTransportSolid from"./icon-gui-prod-ai-transport-solid";import IconGuiProdAssetTrackingOutline from"./icon-gui-prod-asset-tracking-outline";import IconGuiProdAssetTrackingSolid from"./icon-gui-prod-asset-tracking-solid";import IconGuiProdChatOutline from"./icon-gui-prod-chat-outline";import IconGuiProdChatSolid from"./icon-gui-prod-chat-solid";import IconGuiProdLiveobjectsOutline from"./icon-gui-prod-liveobjects-outline";import IconGuiProdLiveobjectsSolid from"./icon-gui-prod-liveobjects-solid";import IconGuiProdLivesyncOutline from"./icon-gui-prod-livesync-outline";import IconGuiProdLivesyncSolid from"./icon-gui-prod-livesync-solid";import IconGuiProdPubsubOutline from"./icon-gui-prod-pubsub-outline";import IconGuiProdPubsubSolid from"./icon-gui-prod-pubsub-solid";import IconGuiProdSpacesOutline from"./icon-gui-prod-spaces-outline";import IconGuiProdSpacesSolid from"./icon-gui-prod-spaces-solid";import IconGuiQuoteMarksFill from"./icon-gui-quote-marks-fill";import IconGuiRefresh from"./icon-gui-refresh";import IconGuiResources from"./icon-gui-resources";import IconGuiSpinnerDark from"./icon-gui-spinner-dark";import IconGuiSpinnerLight from"./icon-gui-spinner-light";export{IconGuiAblyBadge,IconGuiCheckCircledFill,IconGuiCheckLotusCircled,IconGuiChecklistChecked,IconGuiCodeDoc,IconGuiCursor,IconGuiExpand,IconGuiFilterFlowStep0,IconGuiFilterFlowStep1,IconGuiFilterFlowStep2,IconGuiFilterFlowStep3,IconGuiFlowerGrowth,IconGuiFurtherReading,IconGuiGlasses,IconGuiHeartbeatOutline,IconGuiHeartbeatSolid,IconGuiHistory,IconGuiLiveChat,IconGuiMouse,IconGuiPartial,IconGuiPitfall,IconGuiProdAiTransportOutline,IconGuiProdAiTransportSolid,IconGuiProdAssetTrackingOutline,IconGuiProdAssetTrackingSolid,IconGuiProdChatOutline,IconGuiProdChatSolid,IconGuiProdLiveobjectsOutline,IconGuiProdLiveobjectsSolid,IconGuiProdLivesyncOutline,IconGuiProdLivesyncSolid,IconGuiProdPubsubOutline,IconGuiProdPubsubSolid,IconGuiProdSpacesOutline,IconGuiProdSpacesSolid,IconGuiQuoteMarksFill,IconGuiRefresh,IconGuiResources,IconGuiSpinnerDark,IconGuiSpinnerLight};import IconProductAiTransportMono from"./icon-product-ai-transport-mono";import IconProductAiTransport from"./icon-product-ai-transport";import IconProductAssetTrackingMono from"./icon-product-asset-tracking-mono";import IconProductAssetTracking from"./icon-product-asset-tracking";import IconProductChatMono from"./icon-product-chat-mono";import IconProductChat from"./icon-product-chat";import IconProductLiveobjectsDark from"./icon-product-liveobjects-dark";import IconProductLiveobjectsMono from"./icon-product-liveobjects-mono";import IconProductLiveobjects from"./icon-product-liveobjects";import IconProductLivesyncMono from"./icon-product-livesync-mono";import IconProductLivesync from"./icon-product-livesync";import IconProductPlatformMono from"./icon-product-platform-mono";import IconProductPlatform from"./icon-product-platform";import IconProductPubsubMono from"./icon-product-pubsub-mono";import IconProductPubsub from"./icon-product-pubsub";import IconProductSpacesMono from"./icon-product-spaces-mono";import IconProductSpaces from"./icon-product-spaces";export{IconProductAiTransportMono,IconProductAiTransport,IconProductAssetTrackingMono,IconProductAssetTracking,IconProductChatMono,IconProductChat,IconProductLiveobjectsDark,IconProductLiveobjectsMono,IconProductLiveobjects,IconProductLivesyncMono,IconProductLivesync,IconProductPlatformMono,IconProductPlatform,IconProductPubsubMono,IconProductPubsub,IconProductSpacesMono,IconProductSpaces};import IconSocialDiscordMono from"./icon-social-discord-mono";import IconSocialDiscord from"./icon-social-discord";import IconSocialFacebookMono from"./icon-social-facebook-mono";import IconSocialFacebook from"./icon-social-facebook";import IconSocialGithubMono from"./icon-social-github-mono";import IconSocialGithub from"./icon-social-github";import IconSocialGlassdoorMono from"./icon-social-glassdoor-mono";import IconSocialGlassdoor from"./icon-social-glassdoor";import IconSocialGoogleMono from"./icon-social-google-mono";import IconSocialGoogle from"./icon-social-google";import IconSocialLinkedinMono from"./icon-social-linkedin-mono";import IconSocialLinkedin from"./icon-social-linkedin";import IconSocialSlackMono from"./icon-social-slack-mono";import IconSocialSlack from"./icon-social-slack";import IconSocialStackoverflowMono from"./icon-social-stackoverflow-mono";import IconSocialStackoverflow from"./icon-social-stackoverflow";import IconSocialTwitterMono from"./icon-social-twitter-mono";import IconSocialTwitter from"./icon-social-twitter";import IconSocialXMono from"./icon-social-x-mono";import IconSocialX from"./icon-social-x";import IconSocialYoutubeMono from"./icon-social-youtube-mono";import IconSocialYoutube from"./icon-social-youtube";export{IconSocialDiscordMono,IconSocialDiscord,IconSocialFacebookMono,IconSocialFacebook,IconSocialGithubMono,IconSocialGithub,IconSocialGlassdoorMono,IconSocialGlassdoor,IconSocialGoogleMono,IconSocialGoogle,IconSocialLinkedinMono,IconSocialLinkedin,IconSocialSlackMono,IconSocialSlack,IconSocialStackoverflowMono,IconSocialStackoverflow,IconSocialTwitterMono,IconSocialTwitter,IconSocialXMono,IconSocialX,IconSocialYoutubeMono,IconSocialYoutube};import IconTechAblyApiStreamer from"./icon-tech-ably-api-streamer";import IconTechAblyFirehose from"./icon-tech-ably-firehose";import IconTechAblyNative from"./icon-tech-ably-native";import IconTechAbly from"./icon-tech-ably";import IconTechActivemq from"./icon-tech-activemq";import IconTechActivitypub from"./icon-tech-activitypub";import IconTechAerospike from"./icon-tech-aerospike";import IconTechAkka from"./icon-tech-akka";import IconTechAmazonEc2 from"./icon-tech-amazon-ec2";import IconTechAmazonEventBridge from"./icon-tech-amazon-event-bridge";import IconTechAmqp091 from"./icon-tech-amqp091";import IconTechAmqp10 from"./icon-tech-amqp10";import IconTechAndroidFull from"./icon-tech-android-full";import IconTechAndroidHead from"./icon-tech-android-head";import IconTechAngular from"./icon-tech-angular";import IconTechAnycable from"./icon-tech-anycable";import IconTechApacheCassandra from"./icon-tech-apache-cassandra";import IconTechApacheCordova from"./icon-tech-apache-cordova";import IconTechApacheKafka from"./icon-tech-apache-kafka";import IconTechApacheSpark from"./icon-tech-apache-spark";import IconTechApachepulsar from"./icon-tech-apachepulsar";import IconTechApachestorm from"./icon-tech-apachestorm";import IconTechApns from"./icon-tech-apns";import IconTechAssemblyai from"./icon-tech-assemblyai";import IconTechAtmosphere from"./icon-tech-atmosphere";import IconTechAwsAppSync from"./icon-tech-aws-app-sync";import IconTechAwsAurora from"./icon-tech-aws-aurora";import IconTechAwsGatewayWebsockets from"./icon-tech-aws-gateway-websockets";import IconTechAwsSns from"./icon-tech-aws-sns";import IconTechAwsSqs from"./icon-tech-aws-sqs";import IconTechAws from"./icon-tech-aws";import IconTechAwsiot from"./icon-tech-awsiot";import IconTechAwskinesis from"./icon-tech-awskinesis";import IconTechAwslambda from"./icon-tech-awslambda";import IconTechAwssqs from"./icon-tech-awssqs";import IconTechAzureApi from"./icon-tech-azure-api";import IconTechAzureArchiveApi from"./icon-tech-azure-archive-api";import IconTechAzureBus from"./icon-tech-azure-bus";import IconTechAzureCosmos from"./icon-tech-azure-cosmos";import IconTechAzureEventHub from"./icon-tech-azure-event-hub";import IconTechAzureFunctions from"./icon-tech-azure-functions";import IconTechAzureSearch from"./icon-tech-azure-search";import IconTechAzureStaticWebApp from"./icon-tech-azure-static-web-app";import IconTechAzureStaticWebApps from"./icon-tech-azure-static-web-apps";import IconTechAzureStorage from"./icon-tech-azure-storage";import IconTechAzureWebPubsub from"./icon-tech-azure-web-pubsub";import IconTechAzurefunctions from"./icon-tech-azurefunctions";import IconTechAzureservicebus from"./icon-tech-azureservicebus";import IconTechAzuresignalR from"./icon-tech-azuresignalR";import IconTechBayeux from"./icon-tech-bayeux";import IconTechC from"./icon-tech-c";import IconTechCentrifugo from"./icon-tech-centrifugo";import IconTechClaudeMono from"./icon-tech-claude-mono";import IconTechClaude from"./icon-tech-claude";import IconTechClientSideFrameworks from"./icon-tech-client-side-frameworks";import IconTechClojure from"./icon-tech-clojure";import IconTechCloudflareDurableObjects from"./icon-tech-cloudflare-durable-objects";import IconTechCloudflareworkers from"./icon-tech-cloudflareworkers";import IconTechCocoa from"./icon-tech-cocoa";import IconTechConfluent from"./icon-tech-confluent";import IconTechCord from"./icon-tech-cord";import IconTechCsharp from"./icon-tech-csharp";import IconTechCurl from"./icon-tech-curl";import IconTechCustomwebhooks from"./icon-tech-customwebhooks";import IconTechDatadog from"./icon-tech-datadog";import IconTechDesignPatterns from"./icon-tech-design-patterns";import IconTechDevplatforms from"./icon-tech-devplatforms";import IconTechDiffusionData from"./icon-tech-diffusion-data";import IconTechDjango from"./icon-tech-django";import IconTechEngineio from"./icon-tech-engineio";import IconTechEventDrivenServers from"./icon-tech-event-driven-servers";import IconTechFanoutIo from"./icon-tech-fanout-io";import IconTechFastApi from"./icon-tech-fast-api";import IconTechFauna from"./icon-tech-fauna";import IconTechFeatherjs from"./icon-tech-featherjs";import IconTechFirebaseCloudMessaging from"./icon-tech-firebase-cloud-messaging";import IconTechFirebase from"./icon-tech-firebase";import IconTechFlutter from"./icon-tech-flutter";import IconTechGcloudbigquery from"./icon-tech-gcloudbigquery";import IconTechGclouddataflow from"./icon-tech-gclouddataflow";import IconTechGcloudfunctions from"./icon-tech-gcloudfunctions";import IconTechGcloudpubsub from"./icon-tech-gcloudpubsub";import IconTechGo from"./icon-tech-go";import IconTechGrpc from"./icon-tech-grpc";import IconTechHivemq from"./icon-tech-hivemq";import IconTechHttp2 from"./icon-tech-http2";import IconTechHttp3 from"./icon-tech-http3";import IconTechHttprest from"./icon-tech-httprest";import IconTechIdempotency from"./icon-tech-idempotency";import IconTechIfttt from"./icon-tech-ifttt";import IconTechIntegrations from"./icon-tech-integrations";import IconTechIosGeneric from"./icon-tech-ios-generic";import IconTechIos from"./icon-tech-ios";import IconTechIpados from"./icon-tech-ipados";import IconTechIpfs from"./icon-tech-ipfs";import IconTechIronmq from"./icon-tech-ironmq";import IconTechJava from"./icon-tech-java";import IconTechJavascript from"./icon-tech-javascript";import IconTechJms from"./icon-tech-jms";import IconTechJsonWebTokens from"./icon-tech-json-web-tokens";import IconTechJson from"./icon-tech-json";import IconTechKaazing from"./icon-tech-kaazing";import IconTechKotlin from"./icon-tech-kotlin";import IconTechKsqlDb from"./icon-tech-ksql-db";import IconTechKubernetes from"./icon-tech-kubernetes";import IconTechLaravelBroadcast from"./icon-tech-laravel-broadcast";import IconTechLaravelEcho from"./icon-tech-laravel-echo";import IconTechLightstreamer from"./icon-tech-lightstreamer";import IconTechLiveblocks from"./icon-tech-liveblocks";import IconTechLongpolling from"./icon-tech-longpolling";import IconTechMacos from"./icon-tech-macos";import IconTechMatrix from"./icon-tech-matrix";import IconTechMeteor from"./icon-tech-meteor";import IconTechMongoDb from"./icon-tech-mongo-db";import IconTechMono from"./icon-tech-mono";import IconTechMqtt from"./icon-tech-mqtt";import IconTechMysql from"./icon-tech-mysql";import IconTechNativeScript from"./icon-tech-native-script";import IconTechNet from"./icon-tech-net";import IconTechNetlify from"./icon-tech-netlify";import IconTechNextjs from"./icon-tech-nextjs";import IconTechNkn from"./icon-tech-nkn";import IconTechNodejs from"./icon-tech-nodejs";import IconTechObjectivec from"./icon-tech-objectivec";import IconTechOpenai from"./icon-tech-openai";import IconTechParseServer from"./icon-tech-parse-server";import IconTechPhp from"./icon-tech-php";import IconTechPlanetscale from"./icon-tech-planetscale";import IconTechPostgres from"./icon-tech-postgres";import IconTechPrisma from"./icon-tech-prisma";import IconTechProgramminglanguages from"./icon-tech-programminglanguages";import IconTechProtcolAdaptors from"./icon-tech-protcol-adaptors";import IconTechProtocols from"./icon-tech-protocols";import IconTechPubSub from"./icon-tech-pub-sub";import IconTechPubnub from"./icon-tech-pubnub";import IconTechPushTechnology from"./icon-tech-push-technology";import IconTechPusher from"./icon-tech-pusher";import IconTechPython from"./icon-tech-python";import IconTechQuic from"./icon-tech-quic";import IconTechRabbitMQ from"./icon-tech-rabbitMQ";import IconTechRailsactioncable from"./icon-tech-railsactioncable";import IconTechReactApp from"./icon-tech-react-app";import IconTechReact from"./icon-tech-react";import IconTechReactnative from"./icon-tech-reactnative";import IconTechRedis from"./icon-tech-redis";import IconTechRedpanda from"./icon-tech-redpanda";import IconTechReplicache from"./icon-tech-replicache";import IconTechRethinkdb from"./icon-tech-rethinkdb";import IconTechRocketmq from"./icon-tech-rocketmq";import IconTechRuby from"./icon-tech-ruby";import IconTechScala from"./icon-tech-scala";import IconTechScaledrone from"./icon-tech-scaledrone";import IconTechServersentevents from"./icon-tech-serversentevents";import IconTechServersideframeworks from"./icon-tech-serversideframeworks";import IconTechSignalR from"./icon-tech-signalR";import IconTechSnowflake from"./icon-tech-snowflake";import IconTechSocketio from"./icon-tech-socketio";import IconTechSockjs from"./icon-tech-sockjs";import IconTechSolace from"./icon-tech-solace";import IconTechSpring from"./icon-tech-spring";import IconTechStomp from"./icon-tech-stomp";import IconTechStreamdataIo from"./icon-tech-streamdata-io";import IconTechStreamr from"./icon-tech-streamr";import IconTechSwift from"./icon-tech-swift";import IconTechSymfonyMercure from"./icon-tech-symfony-mercure";import IconTechSymfony from"./icon-tech-symfony";import IconTechTcpIp from"./icon-tech-tcp-ip";import IconTechTenefit from"./icon-tech-tenefit";import IconTechTerraformOutline from"./icon-tech-terraform-outline";import IconTechTerraform from"./icon-tech-terraform";import IconTechTvos from"./icon-tech-tvos";import IconTechTwilio from"./icon-tech-twilio";import IconTechTypescript from"./icon-tech-typescript";import IconTechUdpProtocol from"./icon-tech-udp-protocol";import IconTechUnity from"./icon-tech-unity";import IconTechVercel from"./icon-tech-vercel";import IconTechVscode from"./icon-tech-vscode";import IconTechVuejs from"./icon-tech-vuejs";import IconTechWamp from"./icon-tech-wamp";import IconTechWatchos from"./icon-tech-watchos";import IconTechWebPush from"./icon-tech-web-push";import IconTechWeb from"./icon-tech-web";import IconTechWebhooks from"./icon-tech-webhooks";import IconTechWebrtc from"./icon-tech-webrtc";import IconTechWebsockets from"./icon-tech-websockets";import IconTechWebsub from"./icon-tech-websub";import IconTechXamarin from"./icon-tech-xamarin";import IconTechXhrStreaming from"./icon-tech-xhr-streaming";import IconTechXmpp from"./icon-tech-xmpp";import IconTechZapier from"./icon-tech-zapier";import IconTechZeromq from"./icon-tech-zeromq";export{IconTechAblyApiStreamer,IconTechAblyFirehose,IconTechAblyNative,IconTechAbly,IconTechActivemq,IconTechActivitypub,IconTechAerospike,IconTechAkka,IconTechAmazonEc2,IconTechAmazonEventBridge,IconTechAmqp091,IconTechAmqp10,IconTechAndroidFull,IconTechAndroidHead,IconTechAngular,IconTechAnycable,IconTechApacheCassandra,IconTechApacheCordova,IconTechApacheKafka,IconTechApacheSpark,IconTechApachepulsar,IconTechApachestorm,IconTechApns,IconTechAssemblyai,IconTechAtmosphere,IconTechAwsAppSync,IconTechAwsAurora,IconTechAwsGatewayWebsockets,IconTechAwsSns,IconTechAwsSqs,IconTechAws,IconTechAwsiot,IconTechAwskinesis,IconTechAwslambda,IconTechAwssqs,IconTechAzureApi,IconTechAzureArchiveApi,IconTechAzureBus,IconTechAzureCosmos,IconTechAzureEventHub,IconTechAzureFunctions,IconTechAzureSearch,IconTechAzureStaticWebApp,IconTechAzureStaticWebApps,IconTechAzureStorage,IconTechAzureWebPubsub,IconTechAzurefunctions,IconTechAzureservicebus,IconTechAzuresignalR,IconTechBayeux,IconTechC,IconTechCentrifugo,IconTechClaudeMono,IconTechClaude,IconTechClientSideFrameworks,IconTechClojure,IconTechCloudflareDurableObjects,IconTechCloudflareworkers,IconTechCocoa,IconTechConfluent,IconTechCord,IconTechCsharp,IconTechCurl,IconTechCustomwebhooks,IconTechDatadog,IconTechDesignPatterns,IconTechDevplatforms,IconTechDiffusionData,IconTechDjango,IconTechEngineio,IconTechEventDrivenServers,IconTechFanoutIo,IconTechFastApi,IconTechFauna,IconTechFeatherjs,IconTechFirebaseCloudMessaging,IconTechFirebase,IconTechFlutter,IconTechGcloudbigquery,IconTechGclouddataflow,IconTechGcloudfunctions,IconTechGcloudpubsub,IconTechGo,IconTechGrpc,IconTechHivemq,IconTechHttp2,IconTechHttp3,IconTechHttprest,IconTechIdempotency,IconTechIfttt,IconTechIntegrations,IconTechIosGeneric,IconTechIos,IconTechIpados,IconTechIpfs,IconTechIronmq,IconTechJava,IconTechJavascript,IconTechJms,IconTechJsonWebTokens,IconTechJson,IconTechKaazing,IconTechKotlin,IconTechKsqlDb,IconTechKubernetes,IconTechLaravelBroadcast,IconTechLaravelEcho,IconTechLightstreamer,IconTechLiveblocks,IconTechLongpolling,IconTechMacos,IconTechMatrix,IconTechMeteor,IconTechMongoDb,IconTechMono,IconTechMqtt,IconTechMysql,IconTechNativeScript,IconTechNet,IconTechNetlify,IconTechNextjs,IconTechNkn,IconTechNodejs,IconTechObjectivec,IconTechOpenai,IconTechParseServer,IconTechPhp,IconTechPlanetscale,IconTechPostgres,IconTechPrisma,IconTechProgramminglanguages,IconTechProtcolAdaptors,IconTechProtocols,IconTechPubSub,IconTechPubnub,IconTechPushTechnology,IconTechPusher,IconTechPython,IconTechQuic,IconTechRabbitMQ,IconTechRailsactioncable,IconTechReactApp,IconTechReact,IconTechReactnative,IconTechRedis,IconTechRedpanda,IconTechReplicache,IconTechRethinkdb,IconTechRocketmq,IconTechRuby,IconTechScala,IconTechScaledrone,IconTechServersentevents,IconTechServersideframeworks,IconTechSignalR,IconTechSnowflake,IconTechSocketio,IconTechSockjs,IconTechSolace,IconTechSpring,IconTechStomp,IconTechStreamdataIo,IconTechStreamr,IconTechSwift,IconTechSymfonyMercure,IconTechSymfony,IconTechTcpIp,IconTechTenefit,IconTechTerraformOutline,IconTechTerraform,IconTechTvos,IconTechTwilio,IconTechTypescript,IconTechUdpProtocol,IconTechUnity,IconTechVercel,IconTechVscode,IconTechVuejs,IconTechWamp,IconTechWatchos,IconTechWebPush,IconTechWeb,IconTechWebhooks,IconTechWebrtc,IconTechWebsockets,IconTechWebsub,IconTechXamarin,IconTechXhrStreaming,IconTechXmpp,IconTechZapier,IconTechZeromq};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|