@liberfi.io/ui-tokens 2.0.3 → 2.0.4

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import {useMemo,useState,useCallback,useRef,useEffect}from'react';import {List}from'react-window';import {cn as cn$1,PauseIcon,Skeleton,Avatar,CameraIcon,StyledTooltip,Image,useCopyToClipboard,toast,CopyIcon,Link,TwitterIcon,TelegramIcon,WebsiteIcon,SearchIcon,PeopleIcon,KlineCandlesIcon,StarIcon,UserWithStarBadgeIcon,CookIcon,RatIcon,SniperIcon,BundlesIcon,Button,TrashIcon,Chip,StyledInput,XCloseIcon,Kbd,TriangleUpIcon,TriangleDownIcon,Spinner,EmptyIcon,useScreen,StyledModal,ModalContent,ModalHeader,ModalBody,useDisclosure,FilterIcon,ScrollShadow,ModalFooter,RefreshIcon,StyledPlainTabs,Tab,ChevronDownIcon,StyledTable,TableHeader,TableColumn,Sortable,TableBody,TableRow,TableCell,DiscordIcon,Progress,StyledLightTabs,StyledBadge,HorsePowerHighIcon,HorsePowerLowIcon,HorsePowerIcon,StyledNumberInput}from'@liberfi.io/ui';import {useTranslation}from'@liberfi.io/i18n';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTickAge,useResizeObserver,useCallbackRef}from'@liberfi.io/hooks';import {parseTokenProtocolFamily,SafeBigNumber,searchImageUrl,truncateAddress,formatAge,searchTwitterUrl,formatAmount,formatPercent,formatAmountUSDCompact,formatAmountUSD,formatPriceUSD,debounce,formatPrice,formatTokenProtocolName}from'@liberfi.io/utils';export{formatAmount}from'@liberfi.io/utils';import {SolanaTokenProtocol,Chain}from'@liberfi.io/types';import {useNewTokensQuery,useNewTokensSubscription,useMigratedTokensQuery,useMigratedTokensSubscription,useFinalStretchTokensQuery,useFinalStretchTokensSubscription,useSearchTokensInfiniteQuery,useTrendingTokensQuery,useTrendingTokensSubscription,useTokenHoldersQuery,useTokenSubscription,useTokenActivitiesQuery,useTokenActivitiesSubscription,useTokenSecurityQuery,useTokenStatsQuery,useWalletTokenPositionsQuery,useWalletLimitOrdersQuery,useTokenTopTradersQuery,useTokensByCreatorQuery,useSearchTokensQuery,useStockTokensQuery,useStockTokensSubscription,useTokensQuery,useDexClient,useTokenQuery}from'@liberfi.io/react';import {AsyncModal,useAsyncModal,StatsFlipPanel}from'@liberfi.io/ui-scaffold';import {useAtom}from'jotai';import {atomWithStorage}from'jotai/utils';import {useInfiniteLoader}from'react-window-infinite-loader';typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-tokens"]="2.0.3");var ta="2.0.3";function Go({title:e,isPaused:t,extra:o,className:s}){let{t:r}=useTranslation();return jsxs("div",{className:cn$1("w-full h-12 px-3 flex-none bg-content1 flex items-center justify-between gap-4 border-b border-border",s),children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx("h2",{className:"font-semibold",children:e}),t&&jsxs("div",{className:"flex items-center gap-1 text-primary",children:[jsx(PauseIcon,{className:"w-4 h-4"}),jsx("span",{className:"text-xs hidden sm:inline",children:r("tokens.pulse.paused")})]})]}),o&&jsx("div",{className:"flex items-center gap-3",children:o})]})}function Xo({isLast:e=false,className:t}){return jsxs("div",{className:cn$1("w-full h-full px-3 py-3 overflow-hidden flex gap-3 items-center",!e&&"border-b border-border",t),children:[jsx(Skeleton,{className:"flex-none w-15 h-15 rounded-sm"}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx(Skeleton,{className:"w-32 h-5 rounded-md"}),jsx(Skeleton,{className:"w-48 h-4 rounded-md"})]})]})}var ia={[SolanaTokenProtocol.BAGS]:{text:"text-bags",bg:"bg-bags",bg5:"bg-bags/5",bg20:"bg-bags/20",border:"border-bags"},[SolanaTokenProtocol.BELIEVE]:{text:"text-believe",bg:"bg-believe",bg5:"bg-believe/5",bg20:"bg-believe/20",border:"border-believe"},[SolanaTokenProtocol.BONK]:{text:"text-bonk",bg:"bg-bonk",bg5:"bg-bonk/5",bg20:"bg-bonk/20",border:"border-bonk"},[SolanaTokenProtocol.BOOP]:{text:"text-boop",bg:"bg-boop",bg5:"bg-boop/5",bg20:"bg-boop/20",border:"border-boop"},[SolanaTokenProtocol.HEAVEN]:{text:"text-heaven",bg:"bg-heaven",bg5:"bg-heaven/5",bg20:"bg-heaven/20",border:"border-heaven"},[SolanaTokenProtocol.JUPSTUDIO]:{text:"text-jupstudio",bg:"bg-jupstudio",bg5:"bg-jupstudio/5",bg20:"bg-jupstudio/20",border:"border-jupstudio"},[SolanaTokenProtocol.LAUNCHLAB]:{text:"text-launchlab",bg:"bg-launchlab",bg5:"bg-launchlab/5",bg20:"bg-launchlab/20",border:"border-launchlab"},[SolanaTokenProtocol.METEORA]:{text:"text-meteora",bg:"bg-meteora",bg5:"bg-meteora/5",bg20:"bg-meteora/20",border:"border-meteora"},[SolanaTokenProtocol.MOONIT]:{text:"text-moonit",bg:"bg-moonit",bg5:"bg-moonit/5",bg20:"bg-moonit/20",border:"border-moonit"},[SolanaTokenProtocol.MOONSHOT]:{text:"text-moonshot",bg:"bg-moonshot",bg5:"bg-moonshot/5",bg20:"bg-moonshot/20",border:"border-moonshot"},[SolanaTokenProtocol.ORCA]:{text:"text-orca",bg:"bg-orca",bg5:"bg-orca/5",bg20:"bg-orca/20",border:"border-orca"},[SolanaTokenProtocol.PUMP]:{text:"text-pump",bg:"bg-pump",bg5:"bg-pump/5",bg20:"bg-pump/20",border:"border-pump"},[SolanaTokenProtocol.RAYDIUM]:{text:"text-raydium",bg:"bg-raydium",bg5:"bg-raydium/5",bg20:"bg-raydium/20",border:"border-raydium"},[SolanaTokenProtocol.SUGAR]:{text:"text-sugar",bg:"bg-sugar",bg5:"bg-sugar/5",bg20:"bg-sugar/20",border:"border-sugar"},[SolanaTokenProtocol.VIRTUAL_CURVE]:{text:"text-virtual-curve",bg:"bg-virtual-curve",bg5:"bg-virtual-curve/5",bg20:"bg-virtual-curve/20",border:"border-virtual-curve"},[SolanaTokenProtocol.PUMP_AMM]:{text:"text-pump-amm",bg:"bg-pump-amm",bg5:"bg-pump-amm/5",bg20:"bg-pump-amm/20",border:"border-pump-amm"}},aa={text:"text-neutral",bg:"bg-neutral",bg5:"bg-neutral/5",bg20:"bg-neutral/20",border:"border-neutral"};function fe(e){return ia[e]??aa}function ie({token:e,enablePreview:t=true,enableSearch:o=true,showProgress:s=true,showProtocolFamily:r=true,radius:n="sm",className:i,classNames:a}){let l=useMemo(()=>e.launchedFrom?.protocolFamily?parseTokenProtocolFamily(e.chain,e.launchedFrom.protocolFamily):void 0,[e.chain,e.launchedFrom?.protocolFamily]),d=useMemo(()=>r&&l,[r,l]),c=useMemo(()=>s&&e.migrateProgress&&new SafeBigNumber(e.migrateProgress).lt(100),[s,e.migrateProgress]),p=useMemo(()=>o&&e.image,[o,e.image]),m=useMemo(()=>(e.symbol??e.name??e.address??"L").slice(0,1).toUpperCase(),[e.symbol,e.name,e.address]),[u,x]=useState(false),k=useCallback(()=>{x(true);},[]),g=useCallback(()=>{x(false);},[]),f=useCallback(h=>{if(h.stopPropagation(),!e.image)return;let b=searchImageUrl(e.image);window.open(b,"_blank");},[e.image]);return jsxs("div",{className:cn$1("relative justify-center items-center",i??"w-15 h-15"),children:[!c&&jsx("div",{className:cn$1("absolute inset-0",`rounded-${n}`,l?fe(l).bg:"bg-bullish",a?.background)}),c&&jsx("div",{className:cn$1("absolute -inset-0.5",`rounded-${n}`),children:jsx(ua,{className:cn$1(l?fe(l).text:"text-bullish",a?.progress),progress:e.migrateProgress??"0"})}),jsx("div",{className:cn$1("absolute inset-0 p-px flex items-center justify-center",`rounded-${n}`,l?fe(l).bg20:"bg-bullish/20",a?.avatarWrapper),children:jsx(ma,{token:e,radius:n,enableSearch:o,enablePreview:t,classNames:a,children:jsxs("div",{className:cn$1("relative w-full h-full bg-content1 flex items-center justify-center p-0.5",`rounded-${n}`,u&&p&&"cursor-pointer"),onMouseEnter:k,onMouseLeave:g,children:[jsx(Avatar,{showFallback:true,src:e.image,name:m,className:cn$1("w-full h-full bg-content1 text-neutral text-2xl",`rounded-${n}`,a?.avatar)}),u&&p&&jsx("div",{className:cn$1("absolute inset-0 bg-content1/80 flex items-center justify-center",`rounded-${n}`,a?.searchWrapper),onClick:f,children:jsx(CameraIcon,{className:cn$1("w-6 h-6",a?.searchIcon)})})]})})}),d&&jsx("div",{className:"contents",children:jsx(StyledTooltip,{content:e.launchedFrom?.protocolFamily??l,placement:"bottom",children:jsx("div",{className:cn$1("absolute -bottom-1 -right-1 rounded-full p-px w-4 h-4",l&&fe(l).bg,a?.protocolFamilyIconWrapper),children:jsx(Image,{removeWrapper:true,src:`/images/protocols/${l}.svg`,className:cn$1("w-full h-full rounded-full bg-content1",a?.protocolFamilyIcon)})})})})]})}function ma({token:e,radius:t,enableSearch:o,enablePreview:s,classNames:r,children:n}){return useMemo(()=>s&&e.image,[s,e.image])?jsx(StyledTooltip,{content:jsx(pa,{token:e,radius:t,enableSearch:o,classNames:r}),closeDelay:100,placement:"bottom-start",classNames:{content:"p-1"},children:n}):n}function pa({token:e,enableSearch:t,radius:o,classNames:s}){let r=useMemo(()=>t&&e.image,[t,e.image]),n=useMemo(()=>(e.symbol??e.name??e.address??"L").slice(0,1).toUpperCase(),[e.symbol,e.name,e.address]),[i,a]=useState(false),l=useCallback(()=>{a(true);},[]),d=useCallback(()=>{a(false);},[]),c=useCallback(p=>{if(p.stopPropagation(),!e.image)return;let m=searchImageUrl(e.image);window.open(m,"_blank");},[e.image]);return jsxs("div",{className:cn$1("relative flex items-center justify-center w-60 h-60",`rounded-${o}`,i&&r&&"cursor-pointer",s?.previewWrapper),onMouseEnter:l,onMouseLeave:d,children:[jsx(Avatar,{showFallback:true,src:e.image,name:n,className:cn$1("w-full h-full bg-content1 text-neutral text-3xl",`rounded-${o}`,s?.previewAvatar)}),i&&r&&jsx("div",{className:cn$1("absolute inset-0 bg-content1/80 flex items-center justify-center",`rounded-${o}`,s?.previewSearchWrapper),onClick:c,children:jsx(CameraIcon,{className:cn$1("w-10 h-10",s?.previewSearchIcon)})})]})}function ua({progress:e,className:t}){let o=useMemo(()=>296-Number(e)*296/100,[e]);return jsxs("svg",{viewBox:"0 0 78 78",className:"w-full h-full",children:[jsx("path",{className:`${t} opacity-40`,stroke:"currentColor",fill:"transparent",strokeWidth:"1",d:`
+import {useMemo,useState,useCallback,useRef,useEffect}from'react';import {List}from'react-window';import {cn as cn$1,PauseIcon,Skeleton,Avatar,CameraIcon,StyledTooltip,Image,useCopyToClipboard,toast,CopyIcon,Link,TwitterIcon,TelegramIcon,WebsiteIcon,SearchIcon,PeopleIcon,KlineCandlesIcon,StarIcon,UserWithStarBadgeIcon,CookIcon,RatIcon,SniperIcon,BundlesIcon,Button,TrashIcon,Chip,StyledInput,XCloseIcon,Kbd,TriangleUpIcon,TriangleDownIcon,Spinner,EmptyIcon,useScreen,StyledModal,ModalContent,ModalHeader,ModalBody,useDisclosure,FilterIcon,ScrollShadow,ModalFooter,RefreshIcon,StyledPlainTabs,Tab,ChevronDownIcon,StyledTable,TableHeader,TableColumn,Sortable,TableBody,TableRow,TableCell,DiscordIcon,Progress,StyledLightTabs,StyledBadge,HorsePowerHighIcon,HorsePowerLowIcon,HorsePowerIcon,StyledNumberInput}from'@liberfi.io/ui';import {useTranslation}from'@liberfi.io/i18n';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTickAge,useResizeObserver,useCallbackRef}from'@liberfi.io/hooks';import {parseTokenProtocolFamily,SafeBigNumber,searchImageUrl,truncateAddress,formatAge,searchTwitterUrl,formatAmount,formatPercent,formatAmountUSDCompact,formatAmountUSD,formatPriceUSD,debounce,formatPrice,formatTokenProtocolName}from'@liberfi.io/utils';export{formatAmount}from'@liberfi.io/utils';import {SolanaTokenProtocol,Chain}from'@liberfi.io/types';import {useNewTokensQuery,useNewTokensSubscription,useMigratedTokensQuery,useMigratedTokensSubscription,useFinalStretchTokensQuery,useFinalStretchTokensSubscription,useSearchTokensInfiniteQuery,useTrendingTokensQuery,useTrendingTokensSubscription,useTokenHoldersQuery,useTokenSubscription,useTokenActivitiesQuery,useTokenActivitiesSubscription,useTokenSecurityQuery,useTokenStatsQuery,useWalletTokenPositionsQuery,useWalletLimitOrdersQuery,useTokenTopTradersQuery,useTokensByCreatorQuery,useSearchTokensQuery,useStockTokensQuery,useStockTokensSubscription,useTokensQuery,useDexClient,useTokenQuery}from'@liberfi.io/react';import {AsyncModal,useAsyncModal,StatsFlipPanel}from'@liberfi.io/ui-scaffold';import {useAtom}from'jotai';import {atomWithStorage}from'jotai/utils';import {useInfiniteLoader}from'react-window-infinite-loader';typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-tokens"]="2.0.4");var ta="2.0.4";function Go({title:e,isPaused:t,extra:o,className:s}){let{t:r}=useTranslation();return jsxs("div",{className:cn$1("w-full h-12 px-3 flex-none bg-content1 flex items-center justify-between gap-4 border-b border-border",s),children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx("h2",{className:"font-semibold",children:e}),t&&jsxs("div",{className:"flex items-center gap-1 text-primary",children:[jsx(PauseIcon,{className:"w-4 h-4"}),jsx("span",{className:"text-xs hidden sm:inline",children:r("tokens.pulse.paused")})]})]}),o&&jsx("div",{className:"flex items-center gap-3",children:o})]})}function Xo({isLast:e=false,className:t}){return jsxs("div",{className:cn$1("w-full h-full px-3 py-3 overflow-hidden flex gap-3 items-center",!e&&"border-b border-border",t),children:[jsx(Skeleton,{className:"flex-none w-15 h-15 rounded-sm"}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx(Skeleton,{className:"w-32 h-5 rounded-md"}),jsx(Skeleton,{className:"w-48 h-4 rounded-md"})]})]})}var ia={[SolanaTokenProtocol.BAGS]:{text:"text-bags",bg:"bg-bags",bg5:"bg-bags/5",bg20:"bg-bags/20",border:"border-bags"},[SolanaTokenProtocol.BELIEVE]:{text:"text-believe",bg:"bg-believe",bg5:"bg-believe/5",bg20:"bg-believe/20",border:"border-believe"},[SolanaTokenProtocol.BONK]:{text:"text-bonk",bg:"bg-bonk",bg5:"bg-bonk/5",bg20:"bg-bonk/20",border:"border-bonk"},[SolanaTokenProtocol.BOOP]:{text:"text-boop",bg:"bg-boop",bg5:"bg-boop/5",bg20:"bg-boop/20",border:"border-boop"},[SolanaTokenProtocol.HEAVEN]:{text:"text-heaven",bg:"bg-heaven",bg5:"bg-heaven/5",bg20:"bg-heaven/20",border:"border-heaven"},[SolanaTokenProtocol.JUPSTUDIO]:{text:"text-jupstudio",bg:"bg-jupstudio",bg5:"bg-jupstudio/5",bg20:"bg-jupstudio/20",border:"border-jupstudio"},[SolanaTokenProtocol.LAUNCHLAB]:{text:"text-launchlab",bg:"bg-launchlab",bg5:"bg-launchlab/5",bg20:"bg-launchlab/20",border:"border-launchlab"},[SolanaTokenProtocol.METEORA]:{text:"text-meteora",bg:"bg-meteora",bg5:"bg-meteora/5",bg20:"bg-meteora/20",border:"border-meteora"},[SolanaTokenProtocol.MOONIT]:{text:"text-moonit",bg:"bg-moonit",bg5:"bg-moonit/5",bg20:"bg-moonit/20",border:"border-moonit"},[SolanaTokenProtocol.MOONSHOT]:{text:"text-moonshot",bg:"bg-moonshot",bg5:"bg-moonshot/5",bg20:"bg-moonshot/20",border:"border-moonshot"},[SolanaTokenProtocol.ORCA]:{text:"text-orca",bg:"bg-orca",bg5:"bg-orca/5",bg20:"bg-orca/20",border:"border-orca"},[SolanaTokenProtocol.PUMP]:{text:"text-pump",bg:"bg-pump",bg5:"bg-pump/5",bg20:"bg-pump/20",border:"border-pump"},[SolanaTokenProtocol.RAYDIUM]:{text:"text-raydium",bg:"bg-raydium",bg5:"bg-raydium/5",bg20:"bg-raydium/20",border:"border-raydium"},[SolanaTokenProtocol.SUGAR]:{text:"text-sugar",bg:"bg-sugar",bg5:"bg-sugar/5",bg20:"bg-sugar/20",border:"border-sugar"},[SolanaTokenProtocol.VIRTUAL_CURVE]:{text:"text-virtual-curve",bg:"bg-virtual-curve",bg5:"bg-virtual-curve/5",bg20:"bg-virtual-curve/20",border:"border-virtual-curve"},[SolanaTokenProtocol.PUMP_AMM]:{text:"text-pump-amm",bg:"bg-pump-amm",bg5:"bg-pump-amm/5",bg20:"bg-pump-amm/20",border:"border-pump-amm"}},aa={text:"text-neutral",bg:"bg-neutral",bg5:"bg-neutral/5",bg20:"bg-neutral/20",border:"border-neutral"};function fe(e){return ia[e]??aa}function ie({token:e,enablePreview:t=true,enableSearch:o=true,showProgress:s=true,showProtocolFamily:r=true,radius:n="sm",className:i,classNames:a}){let l=useMemo(()=>e.launchedFrom?.protocolFamily?parseTokenProtocolFamily(e.chain,e.launchedFrom.protocolFamily):void 0,[e.chain,e.launchedFrom?.protocolFamily]),d=useMemo(()=>r&&l,[r,l]),c=useMemo(()=>s&&e.migrateProgress&&new SafeBigNumber(e.migrateProgress).lt(100),[s,e.migrateProgress]),p=useMemo(()=>o&&e.image,[o,e.image]),m=useMemo(()=>(e.symbol??e.name??e.address??"L").slice(0,1).toUpperCase(),[e.symbol,e.name,e.address]),[u,x]=useState(false),k=useCallback(()=>{x(true);},[]),g=useCallback(()=>{x(false);},[]),f=useCallback(h=>{if(h.stopPropagation(),!e.image)return;let b=searchImageUrl(e.image);window.open(b,"_blank");},[e.image]);return jsxs("div",{className:cn$1("relative justify-center items-center",i??"w-15 h-15"),children:[!c&&jsx("div",{className:cn$1("absolute inset-0",`rounded-${n}`,l?fe(l).bg:"bg-bullish",a?.background)}),c&&jsx("div",{className:cn$1("absolute -inset-0.5",`rounded-${n}`),children:jsx(ua,{className:cn$1(l?fe(l).text:"text-bullish",a?.progress),progress:e.migrateProgress??"0"})}),jsx("div",{className:cn$1("absolute inset-0 p-px flex items-center justify-center",`rounded-${n}`,l?fe(l).bg20:"bg-bullish/20",a?.avatarWrapper),children:jsx(ma,{token:e,radius:n,enableSearch:o,enablePreview:t,classNames:a,children:jsxs("div",{className:cn$1("relative w-full h-full bg-content1 flex items-center justify-center p-0.5",`rounded-${n}`,u&&p&&"cursor-pointer"),onMouseEnter:k,onMouseLeave:g,children:[jsx(Avatar,{showFallback:true,src:e.image,name:m,className:cn$1("w-full h-full bg-content1 text-neutral text-2xl",`rounded-${n}`,a?.avatar)}),u&&p&&jsx("div",{className:cn$1("absolute inset-0 bg-content1/80 flex items-center justify-center",`rounded-${n}`,a?.searchWrapper),onClick:f,children:jsx(CameraIcon,{className:cn$1("w-6 h-6",a?.searchIcon)})})]})})}),d&&jsx("div",{className:"contents",children:jsx(StyledTooltip,{content:e.launchedFrom?.protocolFamily??l,placement:"bottom",children:jsx("div",{className:cn$1("absolute -bottom-1 -right-1 rounded-full p-px w-4 h-4",l&&fe(l).bg,a?.protocolFamilyIconWrapper),children:jsx(Image,{removeWrapper:true,src:`/images/protocols/${l}.svg`,className:cn$1("w-full h-full rounded-full bg-content1",a?.protocolFamilyIcon)})})})})]})}function ma({token:e,radius:t,enableSearch:o,enablePreview:s,classNames:r,children:n}){return useMemo(()=>s&&e.image,[s,e.image])?jsx(StyledTooltip,{content:jsx(pa,{token:e,radius:t,enableSearch:o,classNames:r}),closeDelay:100,placement:"bottom-start",classNames:{content:"p-1"},children:n}):n}function pa({token:e,enableSearch:t,radius:o,classNames:s}){let r=useMemo(()=>t&&e.image,[t,e.image]),n=useMemo(()=>(e.symbol??e.name??e.address??"L").slice(0,1).toUpperCase(),[e.symbol,e.name,e.address]),[i,a]=useState(false),l=useCallback(()=>{a(true);},[]),d=useCallback(()=>{a(false);},[]),c=useCallback(p=>{if(p.stopPropagation(),!e.image)return;let m=searchImageUrl(e.image);window.open(m,"_blank");},[e.image]);return jsxs("div",{className:cn$1("relative flex items-center justify-center w-60 h-60",`rounded-${o}`,i&&r&&"cursor-pointer",s?.previewWrapper),onMouseEnter:l,onMouseLeave:d,children:[jsx(Avatar,{showFallback:true,src:e.image,name:n,className:cn$1("w-full h-full bg-content1 text-neutral text-3xl",`rounded-${o}`,s?.previewAvatar)}),i&&r&&jsx("div",{className:cn$1("absolute inset-0 bg-content1/80 flex items-center justify-center",`rounded-${o}`,s?.previewSearchWrapper),onClick:c,children:jsx(CameraIcon,{className:cn$1("w-10 h-10",s?.previewSearchIcon)})})]})}function ua({progress:e,className:t}){let o=useMemo(()=>296-Number(e)*296/100,[e]);return jsxs("svg",{viewBox:"0 0 78 78",className:"w-full h-full",children:[jsx("path",{className:`${t} opacity-40`,stroke:"currentColor",fill:"transparent",strokeWidth:"1",d:`
     M 76 76
     L 6 76
     Q 2 76 2 72