npm - @clerk/ui - Versions diffs - 1.0.0-snapshot.v20251217165918 → 1.0.0-snapshot.v20251218165926 - Mend

@clerk/ui 1.0.0-snapshot.v20251217165918 → 1.0.0-snapshot.v20251218165926

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/elements/Web3SolanaWalletButtons.js ADDED Viewed

@@ -0,0 +1,182 @@
+import { localizationKeys } from "../localization/localizationKeys.js";
+import { useLocalizations } from "../localization/makeLocalizable.js";
+import { mqu } from "../styledSystem/breakpoints.js";
+import { descriptors } from "../customizables/elementDescriptors.js";
+import { useCardState } from "./contexts/index.js";
+import { Button, Flex, Grid, Icon, Image, SimpleButton, Spinner, Text } from "../customizables/index.js";
+import { Card } from "./Card/index.js";
+import { sleep } from "../utils/sleep.js";
+import { distributeStrategiesIntoRows } from "./utils.js";
+import { LinkRenderer } from "./LinkRenderer.js";
+import { WalletInitialIcon } from "../common/WalletInitialIcon.js";
+import React, { forwardRef, isValidElement, useMemo } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { WalletReadyState } from "@solana/wallet-adapter-base";
+import { ConnectionProvider, WalletProvider, useWallet } from "@solana/wallet-adapter-react";
+import { MAINNET_ENDPOINT } from "@solana/wallet-standard";
+//#region src/elements/Web3SolanaWalletButtons.tsx
+const SOCIAL_BUTTON_BLOCK_THRESHOLD = 2;
+const SOCIAL_BUTTON_PRE_TEXT_THRESHOLD = 1;
+const MAX_STRATEGIES_PER_ROW = 5;
+const Web3SolanaWalletButtonsInner = ({ web3AuthCallback }) => {
+	const card = useCardState();
+	const { wallets } = useWallet();
+	const { t } = useLocalizations();
+	const installedWallets = React.useMemo(() => wallets.filter((w) => {
+		return w.readyState === WalletReadyState.Installed;
+	}).map((wallet) => {
+		return {
+			name: wallet.adapter.name,
+			icon: wallet.adapter.icon
+		};
+	}), [wallets]);
+	const startWeb3AuthFlow = (walletName) => async () => {
+		card.setLoading(walletName);
+		try {
+			await web3AuthCallback({ walletName });
+		} catch {
+			await sleep(1e3);
+		} finally {
+			card.setIdle();
+		}
+	};
+	const { strategyRows } = distributeStrategiesIntoRows(installedWallets, MAX_STRATEGIES_PER_ROW, void 0);
+	const strategyRowOneLength = strategyRows.at(0)?.length ?? 0;
+	const shouldForceSingleColumnOnMobile = installedWallets.length === 2;
+	const ButtonElement = installedWallets.length <= SOCIAL_BUTTON_BLOCK_THRESHOLD ? WalletButtonBlock : WalletButtonIcon;
+	if (installedWallets.length === 0) return /* @__PURE__ */ jsx(Card.Alert, { children: /* @__PURE__ */ jsx(LinkRenderer, {
+		text: t(localizationKeys("web3SolanaWalletButtons.noneAvailable", { solanaWalletsLink: "https://solana.com/solana-wallets" })),
+		isExternal: true,
+		sx: (t$1) => ({
+			textDecoration: "underline",
+			textUnderlineOffset: t$1.space.$1,
+			color: "inherit"
+		})
+	}) });
+	return /* @__PURE__ */ jsx(Flex, {
+		direction: "col",
+		gap: 2,
+		elementDescriptor: descriptors.web3SolanaWalletButtonsRoot,
+		children: strategyRows.map((row, rowIndex) => /* @__PURE__ */ jsx(Grid, {
+			elementDescriptor: descriptors.web3SolanaWalletButtons,
+			gap: 2,
+			sx: (t$1) => ({
+				justifyContent: "center",
+				[mqu.sm]: { gridTemplateColumns: shouldForceSingleColumnOnMobile ? "repeat(1, minmax(0, 1fr))" : void 0 },
+				gridTemplateColumns: wallets.length < 1 ? `repeat(1, minmax(0, 1fr))` : `repeat(${row.length}, ${rowIndex === 0 ? `minmax(0, 1fr)` : `minmax(0, calc((100% - (${strategyRowOneLength} - 1) * ${t$1.sizes.$2}) / ${strategyRowOneLength}))`})`
+			}),
+			children: row.map((w) => {
+				const label = installedWallets.length === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD ? localizationKeys("web3SolanaWalletButtons.continue", { walletName: w.name }) : w.name;
+				const imageOrInitial = w.icon ? /* @__PURE__ */ jsx(Image, {
+					elementDescriptor: [descriptors.walletIcon, descriptors.web3SolanaWalletButtonsWalletInitialIcon],
+					isDisabled: card.isLoading,
+					isLoading: card.loadingMetadata === w.name,
+					src: w.icon,
+					alt: t(localizationKeys("web3SolanaWalletButtons.connect", { walletName: w.name })),
+					sx: (theme) => ({
+						width: theme.sizes.$4,
+						height: "auto",
+						maxWidth: "100%"
+					})
+				}) : /* @__PURE__ */ jsx(WalletInitialIcon, {
+					value: w.name,
+					isDisabled: card.isLoading,
+					id: w.name
+				});
+				return /* @__PURE__ */ jsx(ButtonElement, {
+					id: w.name,
+					onClick: startWeb3AuthFlow(w.name),
+					isLoading: card.loadingMetadata === w.name,
+					isDisabled: card.isLoading,
+					label: t(label),
+					icon: imageOrInitial
+				}, w.name);
+			})
+		}, row.map((r) => {
+			return r.name;
+		}).join("-")))
+	});
+};
+const WalletButtonIcon = forwardRef((props, ref) => {
+	const { icon, label, id,...rest } = props;
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		"aria-label": label,
+		textVariant: "buttonLarge",
+		variant: "outline",
+		colorScheme: "neutral",
+		hoverAsFocus: true,
+		sx: (t) => ({
+			minHeight: t.sizes.$8,
+			width: "100%"
+		}),
+		...rest,
+		children: icon
+	});
+});
+const WalletButtonBlock = forwardRef((props, ref) => {
+	const { id, icon, isLoading, label,...rest } = props;
+	const isIconElement = isValidElement(icon);
+	return /* @__PURE__ */ jsx(SimpleButton, {
+		variant: "outline",
+		block: true,
+		isLoading,
+		hoverAsFocus: true,
+		ref,
+		...rest,
+		sx: (theme) => [{
+			gap: theme.space.$4,
+			position: "relative",
+			justifyContent: "flex-start"
+		}, props.sx],
+		children: /* @__PURE__ */ jsxs(Flex, {
+			justify: "center",
+			align: "center",
+			as: "span",
+			gap: 3,
+			sx: {
+				width: "100%",
+				overflow: "hidden"
+			},
+			children: [(isLoading || icon) && /* @__PURE__ */ jsx(Flex, {
+				as: "span",
+				center: true,
+				sx: (theme) => ({ flex: `0 0 ${theme.space.$4}` }),
+				children: isLoading ? /* @__PURE__ */ jsx(Spinner, {
+					size: "sm",
+					elementDescriptor: descriptors.spinner
+				}) : !isIconElement && icon ? /* @__PURE__ */ jsx(Icon, {
+					icon,
+					sx: [(theme) => ({
+						color: theme.colors.$neutralAlpha600,
+						width: theme.sizes.$4,
+						position: "absolute"
+					})]
+				}) : icon
+			}), /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				truncate: true,
+				variant: "buttonLarge",
+				children: label
+			})]
+		})
+	});
+});
+const Web3SolanaWalletButtons = (props) => {
+	const network = MAINNET_ENDPOINT;
+	return /* @__PURE__ */ jsx(ConnectionProvider, {
+		endpoint: network,
+		children: /* @__PURE__ */ jsx(WalletProvider, {
+			wallets: useMemo(() => [], [network]),
+			onError: (err) => {
+				console.error(err);
+			},
+			children: /* @__PURE__ */ jsx(Web3SolanaWalletButtonsInner, { web3AuthCallback: props.web3AuthCallback })
+		})
+	});
+};
+//#endregion
+export { Web3SolanaWalletButtons };
+//# sourceMappingURL=Web3SolanaWalletButtons.js.map

package/dist/elements/Web3SolanaWalletButtons.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Web3SolanaWalletButtons.js","names":["t"],"sources":["../../src/elements/Web3SolanaWalletButtons.tsx"],"sourcesContent":["import { WalletReadyState } from '@solana/wallet-adapter-base';\nimport { ConnectionProvider, useWallet, WalletProvider } from '@solana/wallet-adapter-react';\nimport { MAINNET_ENDPOINT } from '@solana/wallet-standard';\nimport type { Ref } from 'react';\nimport React, { forwardRef, isValidElement, useMemo } from 'react';\n\nimport { WalletInitialIcon } from '@/ui/common/WalletInitialIcon';\nimport {\n Button,\n descriptors,\n Flex,\n Grid,\n Icon,\n Image,\n localizationKeys,\n SimpleButton,\n Spinner,\n Text,\n useLocalizations,\n} from '@/ui/customizables';\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { LinkRenderer } from '@/ui/elements/LinkRenderer';\nimport { distributeStrategiesIntoRows } from '@/ui/elements/utils';\nimport { mqu, type PropsOfComponent } from '@/ui/styledSystem';\nimport { sleep } from '@/ui/utils/sleep';\n\ntype Web3WalletButtonsProps = {\n web3AuthCallback: ({ walletName }: { walletName: string }) => Promise<unknown>;\n};\n\nconst SOCIAL_BUTTON_BLOCK_THRESHOLD = 2;\nconst SOCIAL_BUTTON_PRE_TEXT_THRESHOLD = 1;\nconst MAX_STRATEGIES_PER_ROW = 5;\n\nconst Web3SolanaWalletButtonsInner = ({ web3AuthCallback }: Web3WalletButtonsProps) => {\n const card = useCardState();\n const { wallets } = useWallet();\n const { t } = useLocalizations();\n\n // Filter to only show installed wallets\n const installedWallets = React.useMemo(\n () =>\n wallets\n .filter(w => {\n return w.readyState === WalletReadyState.Installed;\n })\n .map(wallet => {\n return {\n name: wallet.adapter.name,\n icon: wallet.adapter.icon,\n };\n }),\n [wallets],\n );\n\n const startWeb3AuthFlow = (walletName: string) => async () => {\n card.setLoading(walletName);\n try {\n await web3AuthCallback({ walletName });\n } catch {\n await sleep(1000);\n } finally {\n card.setIdle();\n }\n };\n\n const { strategyRows } = distributeStrategiesIntoRows(installedWallets, MAX_STRATEGIES_PER_ROW, undefined);\n const strategyRowOneLength = strategyRows.at(0)?.length ?? 0;\n const shouldForceSingleColumnOnMobile = installedWallets.length === 2;\n const ButtonElement = installedWallets.length <= SOCIAL_BUTTON_BLOCK_THRESHOLD ? WalletButtonBlock : WalletButtonIcon;\n\n if (installedWallets.length === 0) {\n return (\n <Card.Alert>\n <LinkRenderer\n text={t(\n localizationKeys('web3SolanaWalletButtons.noneAvailable', {\n solanaWalletsLink: 'https://solana.com/solana-wallets',\n }),\n )}\n isExternal\n sx={t => ({\n textDecoration: 'underline',\n textUnderlineOffset: t.space.$1,\n color: 'inherit',\n })}\n />\n </Card.Alert>\n );\n }\n\n return (\n <Flex\n direction='col'\n gap={2}\n elementDescriptor={descriptors.web3SolanaWalletButtonsRoot}\n >\n {strategyRows.map((row, rowIndex) => (\n <Grid\n key={row\n .map(r => {\n return r.name;\n })\n .join('-')}\n elementDescriptor={descriptors.web3SolanaWalletButtons}\n gap={2}\n sx={t => ({\n justifyContent: 'center',\n [mqu.sm]: {\n // Force single-column on mobile when 2 strategies are present (without last auth) to prevent\n // label overflow. When last auth is present, only 1 strategy remains here, so overflow isn't a concern.\n gridTemplateColumns: shouldForceSingleColumnOnMobile ? 'repeat(1, minmax(0, 1fr))' : undefined,\n },\n gridTemplateColumns:\n wallets.length < 1\n ? `repeat(1, minmax(0, 1fr))`\n : `repeat(${row.length}, ${\n rowIndex === 0\n ? `minmax(0, 1fr)`\n : // Calculate the width of each button based on the width of the buttons within the first row.\n // t.sizes.$2 is used here to represent the gap defined on the Grid component.\n `minmax(0, calc((100% - (${strategyRowOneLength} - 1) * ${t.sizes.$2}) / ${strategyRowOneLength}))`\n })`,\n })}\n >\n {row.map(w => {\n const shouldShowPreText = installedWallets.length === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD;\n const label = shouldShowPreText\n ? localizationKeys('web3SolanaWalletButtons.continue', { walletName: w.name })\n : w.name;\n\n const imageOrInitial = w.icon ? (\n <Image\n elementDescriptor={[descriptors.walletIcon, descriptors.web3SolanaWalletButtonsWalletInitialIcon]}\n isDisabled={card.isLoading}\n isLoading={card.loadingMetadata === w.name}\n src={w.icon}\n alt={t(localizationKeys('web3SolanaWalletButtons.connect', { walletName: w.name }))}\n sx={theme => ({ width: theme.sizes.$4, height: 'auto', maxWidth: '100%' })}\n />\n ) : (\n <WalletInitialIcon\n value={w.name}\n isDisabled={card.isLoading}\n id={w.name}\n />\n );\n\n return (\n <ButtonElement\n key={w.name}\n id={w.name}\n onClick={startWeb3AuthFlow(w.name)}\n isLoading={card.loadingMetadata === w.name}\n isDisabled={card.isLoading}\n label={t(label)}\n icon={imageOrInitial}\n />\n );\n })}\n </Grid>\n ))}\n </Flex>\n );\n};\n\ntype WalletButtonProps = PropsOfComponent<typeof Button> & {\n icon: React.ReactElement;\n id: string;\n label: string;\n};\n\nconst WalletButtonIcon = forwardRef((props: WalletButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { icon, label, id, ...rest } = props;\n\n return (\n <Button\n ref={ref}\n aria-label={label}\n textVariant='buttonLarge'\n variant='outline'\n colorScheme='neutral'\n hoverAsFocus\n sx={t => ({\n minHeight: t.sizes.$8,\n width: '100%',\n })}\n {...rest}\n >\n {icon}\n </Button>\n );\n});\n\nconst WalletButtonBlock = forwardRef((props: WalletButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { id, icon, isLoading, label, ...rest } = props;\n const isIconElement = isValidElement(icon);\n\n return (\n <SimpleButton\n variant='outline'\n block\n isLoading={isLoading}\n hoverAsFocus\n ref={ref}\n {...rest}\n sx={theme => [\n {\n gap: theme.space.$4,\n position: 'relative',\n justifyContent: 'flex-start',\n },\n props.sx,\n ]}\n >\n <Flex\n justify='center'\n align='center'\n as='span'\n gap={3}\n sx={{\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {(isLoading || icon) && (\n <Flex\n as='span'\n center\n sx={theme => ({ flex: `0 0 ${theme.space.$4}` })}\n >\n {isLoading ? (\n <Spinner\n size='sm'\n elementDescriptor={descriptors.spinner}\n />\n ) : !isIconElement && icon ? (\n <Icon\n icon={icon as unknown as React.ComponentType}\n sx={[\n theme => ({\n color: theme.colors.$neutralAlpha600,\n width: theme.sizes.$4,\n position: 'absolute',\n }),\n ]}\n />\n ) : (\n icon\n )}\n </Flex>\n )}\n <Text\n as='span'\n truncate\n variant='buttonLarge'\n >\n {label}\n </Text>\n </Flex>\n </SimpleButton>\n );\n});\n\nexport const Web3SolanaWalletButtons = (props: Web3WalletButtonsProps) => {\n const network = MAINNET_ENDPOINT;\n const wallets = useMemo(() => [], [network]);\n return (\n <ConnectionProvider endpoint={network}>\n <WalletProvider\n wallets={wallets}\n onError={err => {\n console.error(err);\n }}\n >\n <Web3SolanaWalletButtonsInner web3AuthCallback={props.web3AuthCallback} />\n </WalletProvider>\n </ConnectionProvider>\n );\n};\n"],"mappings":"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"}

package/dist/elements/contexts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' \| 'loading' \| 'error';\ntype Metadata = string \| undefined;\ntype State = { status: Status; metadata: Metadata; error: string \| undefined };\ntype CardStateCtxValue = {\n state: State;\n setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n const { translateError } = useLocalizations();\n const router = useRouter();\n\n const [state, setState] = React.useState<State>(() => ({\n status: 'idle',\n metadata: undefined,\n error: translateError(window?.Clerk?.__internal_last_error \|\| undefined),\n }));\n\n React.useEffect(() => {\n const error = window?.Clerk?.__internal_last_error;\n\n if (error) {\n setState(s => ({ ...s, error: translateError(error) }));\n }\n }, [translateError, setState, router.currentPath]);\n\n const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n const { state, setState } = _useCardState();\n const { translateError } = useLocalizations();\n\n const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n const setError = (metadata: ClerkRuntimeError \| ClerkAPIError \| Metadata \| string) =>\n setState(s => ({ ...s, error: translateError(metadata) }));\n const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n const runAsync = async <T = unknown,>(cb: Promise<T> \| (() => Promise<T>), metadata?: Metadata) => {\n setLoading(metadata);\n return (typeof cb === 'function' ? cb() : cb)\n .then(res => {\n return res;\n })\n .finally(() => setIdle(metadata));\n };\n\n return {\n setIdle,\n setError,\n setLoading,\n runAsync,\n loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n error: state.error ? state.error : undefined,\n isLoading: state.status === 'loading',\n isIdle: state.status === 'idle',\n state,\n };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n return (props: T) => {\n return (\n <CardStateProvider>\n {/* @ts-expect-error /}\n <Component {...props} />\n </CardStateProvider>\n );\n };\n};\n\nexport type FlowMetadata = {\n flow:\n \| 'signIn'\n \| 'signUp'\n \| 'userButton'\n \| 'userProfile'\n \| 'userVerification'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'organizationSwitcher'\n \| 'organizationList'\n \| 'oneTap'\n \| 'blankCaptcha'\n \| 'waitlist'\n \| 'checkout'\n \| 'planDetails'\n \| 'pricingTable'\n \| 'apiKeys'\n \| 'oauthConsent'\n \| 'subscriptionDetails'\n \| 'tasks'\n \| 'taskChooseOrganization'\n \| 'enableOrganizations'\n \| 'taskResetPassword';\n part?:\n \| 'start'\n \| 'emailCode'\n \| 'emailCode2Fa'\n \| 'phoneCode'\n \| 'phoneCode2Fa'\n \| 'totp2Fa'\n \| 'backupCode2Fa'\n \| 'password'\n \| 'resetPassword'\n \| 'emailLink'\n \| 'emailLinkVerify'\n \| 'emailLinkStatus'\n \| 'alternativeMethods'\n \| 'forgotPasswordMethods'\n \| 'passwordPwnedMethods'\n \| 'passwordCompromisedMethods'\n \| 'havingTrouble'\n \| 'ssoCallback'\n \| 'popupCallback'\n \| 'popover'\n \| 'complete'\n \| 'accountSwitcher'\n \| 'chooseOrganization'\n \| 'enterpriseConnections';\n};\n\nconst [FlowMetadataCtx, useFlowMetadata] = createContextAndHook<FlowMetadata>('FlowMetadata');\n\nexport const FlowMetadataProvider = (props: React.PropsWithChildren<FlowMetadata>) => {\n const { flow, part } = props;\n const value = React.useMemo(() => ({ value: props }), [flow, part]);\n return <FlowMetadataCtx.Provider value={value}>{props.children}</FlowMetadataCtx.Provider>;\n};\n\nexport const withFloatingTree = <T,>(Component: React.ComponentType<T>): React.ComponentType<T> => {\n return (props: T) => {\n const parentId = useFloatingParentNodeId();\n if (parentId == null) {\n return (\n <FloatingTree>\n {/ @ts-expect-error /}\n <Component {...props} />\n </FloatingTree>\n );\n }\n\n / @ts-expect-error */\n return <Component {...props} />;\n };\n};\n\nexport { useFlowMetadata };\n"],"mappings":";;;;;;;;AAiBA,MAAM,CAAC,cAAc,iBAAiB,qBAAwC,YAAY;AAE1F,MAAa,qBAAqB,UAAwC;CACxE,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,MAAM,gBAAuB;EACrD,QAAQ;EACR,UAAU;EACV,OAAO,eAAe,QAAQ,OAAO,yBAAyB,OAAU;EACzE,EAAE;AAEH,OAAM,gBAAgB;EACpB,MAAM,QAAQ,QAAQ,OAAO;AAE7B,MAAI,MACF,WAAS,OAAM;GAAE,GAAG;GAAG,OAAO,eAAe,MAAM;GAAE,EAAE;IAExD;EAAC;EAAgB;EAAU,OAAO;EAAY,CAAC;CAElD,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO;EAAE;EAAO;EAAU,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC;AACtF,QAAO,oBAAC,aAAa;EAAgB;YAAQ,MAAM;GAAiC;;AAGtF,MAAa,qBAAqB;CAChC,MAAM,EAAE,OAAO,aAAa,eAAe;CAC3C,MAAM,EAAE,mBAAmB,kBAAkB;CAE7C,MAAM,WAAW,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAQ;EAAU,EAAE;CAC5F,MAAM,YAAY,aAChB,UAAS,OAAM;EAAE,GAAG;EAAG,OAAO,eAAe,SAAS;EAAE,EAAE;CAC5D,MAAM,cAAc,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAW;EAAU,EAAE;CAClG,MAAM,WAAW,OAAqB,IAAqC,aAAwB;AACjG,aAAW,SAAS;AACpB,UAAQ,OAAO,OAAO,aAAa,IAAI,GAAG,IACvC,MAAK,QAAO;AACX,UAAO;IACP,CACD,cAAc,QAAQ,SAAS,CAAC;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,WAAW,YAAY,MAAM,WAAW;EAC/D,OAAO,MAAM,QAAQ,MAAM,QAAQ;EACnC,WAAW,MAAM,WAAW;EAC5B,QAAQ,MAAM,WAAW;EACzB;EACD;;AAGH,MAAa,yBAA6B,cAAsC;AAC9E,SAAQ,UAAa;AACnB,SACE,oBAAC,+BAEC,oBAAC,aAAU,GAAI,QAAS,GACN;;;~~AAwD1B~~,MAAM,CAAC,iBAAiB,mBAAmB,qBAAmC,eAAe;AAE7F,MAAa,wBAAwB,UAAiD;CACpF,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC;AACnE,QAAO,oBAAC,gBAAgB;EAAgB;YAAQ,MAAM;GAAoC;;AAG5F,MAAa,oBAAwB,cAA8D;AACjG,SAAQ,UAAa;AAEnB,MADiB,yBAAyB,IAC1B,KACd,QACE,oBAAC,0BAEC,oBAAC,aAAU,GAAI,QAAS,GACX;AAKnB,SAAO,oBAAC,aAAU,GAAI,QAAS"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' \| 'loading' \| 'error';\ntype Metadata = string \| undefined;\ntype State = { status: Status; metadata: Metadata; error: string \| undefined };\ntype CardStateCtxValue = {\n state: State;\n setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n const { translateError } = useLocalizations();\n const router = useRouter();\n\n const [state, setState] = React.useState<State>(() => ({\n status: 'idle',\n metadata: undefined,\n error: translateError(window?.Clerk?.__internal_last_error \|\| undefined),\n }));\n\n React.useEffect(() => {\n const error = window?.Clerk?.__internal_last_error;\n\n if (error) {\n setState(s => ({ ...s, error: translateError(error) }));\n }\n }, [translateError, setState, router.currentPath]);\n\n const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n const { state, setState } = _useCardState();\n const { translateError } = useLocalizations();\n\n const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n const setError = (metadata: ClerkRuntimeError \| ClerkAPIError \| Metadata \| string) =>\n setState(s => ({ ...s, error: translateError(metadata) }));\n const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n const runAsync = async <T = unknown,>(cb: Promise<T> \| (() => Promise<T>), metadata?: Metadata) => {\n setLoading(metadata);\n return (typeof cb === 'function' ? cb() : cb)\n .then(res => {\n return res;\n })\n .finally(() => setIdle(metadata));\n };\n\n return {\n setIdle,\n setError,\n setLoading,\n runAsync,\n loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n error: state.error ? state.error : undefined,\n isLoading: state.status === 'loading',\n isIdle: state.status === 'idle',\n state,\n };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n return (props: T) => {\n return (\n <CardStateProvider>\n {/* @ts-expect-error /}\n <Component {...props} />\n </CardStateProvider>\n );\n };\n};\n\nexport type FlowMetadata = {\n flow:\n \| 'signIn'\n \| 'signUp'\n \| 'userButton'\n \| 'userProfile'\n \| 'userVerification'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'organizationSwitcher'\n \| 'organizationList'\n \| 'oneTap'\n \| 'blankCaptcha'\n \| 'waitlist'\n \| 'checkout'\n \| 'planDetails'\n \| 'pricingTable'\n \| 'apiKeys'\n \| 'oauthConsent'\n \| 'subscriptionDetails'\n \| 'tasks'\n \| 'taskChooseOrganization'\n \| 'enableOrganizations'\n \| 'taskResetPassword';\n part?:\n \| 'start'\n \| 'emailCode'\n \| 'emailCode2Fa'\n \| 'phoneCode'\n \| 'phoneCode2Fa'\n \| 'totp2Fa'\n \| 'backupCode2Fa'\n \| 'password'\n \| 'resetPassword'\n \| 'emailLink'\n \| 'emailLinkVerify'\n \| 'emailLinkStatus'\n \| 'alternativeMethods'\n \| 'forgotPasswordMethods'\n \| 'passwordPwnedMethods'\n \| 'passwordCompromisedMethods'\n \| 'havingTrouble'\n \| 'ssoCallback'\n \| 'popupCallback'\n \| 'popover'\n \| 'complete'\n \| 'accountSwitcher'\n \| 'chooseOrganization'\n \| 'chooseWallet'\n \| 'enterpriseConnections'\n \| 'organizationCreationDisabled';\n};\n\nconst [FlowMetadataCtx, useFlowMetadata] = createContextAndHook<FlowMetadata>('FlowMetadata');\n\nexport const FlowMetadataProvider = (props: React.PropsWithChildren<FlowMetadata>) => {\n const { flow, part } = props;\n const value = React.useMemo(() => ({ value: props }), [flow, part]);\n return <FlowMetadataCtx.Provider value={value}>{props.children}</FlowMetadataCtx.Provider>;\n};\n\nexport const withFloatingTree = <T,>(Component: React.ComponentType<T>): React.ComponentType<T> => {\n return (props: T) => {\n const parentId = useFloatingParentNodeId();\n if (parentId == null) {\n return (\n <FloatingTree>\n {/ @ts-expect-error /}\n <Component {...props} />\n </FloatingTree>\n );\n }\n\n / @ts-expect-error */\n return <Component {...props} />;\n };\n};\n\nexport { useFlowMetadata };\n"],"mappings":";;;;;;;;AAiBA,MAAM,CAAC,cAAc,iBAAiB,qBAAwC,YAAY;AAE1F,MAAa,qBAAqB,UAAwC;CACxE,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,MAAM,gBAAuB;EACrD,QAAQ;EACR,UAAU;EACV,OAAO,eAAe,QAAQ,OAAO,yBAAyB,OAAU;EACzE,EAAE;AAEH,OAAM,gBAAgB;EACpB,MAAM,QAAQ,QAAQ,OAAO;AAE7B,MAAI,MACF,WAAS,OAAM;GAAE,GAAG;GAAG,OAAO,eAAe,MAAM;GAAE,EAAE;IAExD;EAAC;EAAgB;EAAU,OAAO;EAAY,CAAC;CAElD,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO;EAAE;EAAO;EAAU,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC;AACtF,QAAO,oBAAC,aAAa;EAAgB;YAAQ,MAAM;GAAiC;;AAGtF,MAAa,qBAAqB;CAChC,MAAM,EAAE,OAAO,aAAa,eAAe;CAC3C,MAAM,EAAE,mBAAmB,kBAAkB;CAE7C,MAAM,WAAW,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAQ;EAAU,EAAE;CAC5F,MAAM,YAAY,aAChB,UAAS,OAAM;EAAE,GAAG;EAAG,OAAO,eAAe,SAAS;EAAE,EAAE;CAC5D,MAAM,cAAc,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAW;EAAU,EAAE;CAClG,MAAM,WAAW,OAAqB,IAAqC,aAAwB;AACjG,aAAW,SAAS;AACpB,UAAQ,OAAO,OAAO,aAAa,IAAI,GAAG,IACvC,MAAK,QAAO;AACX,UAAO;IACP,CACD,cAAc,QAAQ,SAAS,CAAC;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,WAAW,YAAY,MAAM,WAAW;EAC/D,OAAO,MAAM,QAAQ,MAAM,QAAQ;EACnC,WAAW,MAAM,WAAW;EAC5B,QAAQ,MAAM,WAAW;EACzB;EACD;;AAGH,MAAa,yBAA6B,cAAsC;AAC9E,SAAQ,UAAa;AACnB,SACE,oBAAC,+BAEC,oBAAC,aAAU,GAAI,QAAS,GACN;;;AA0D1B,MAAM,CAAC,iBAAiB,mBAAmB,qBAAmC,eAAe;AAE7F,MAAa,wBAAwB,UAAiD;CACpF,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC;AACnE,QAAO,oBAAC,gBAAgB;EAAgB;YAAQ,MAAM;GAAoC;;AAG5F,MAAa,oBAAwB,cAA8D;AACjG,SAAQ,UAAa;AAEnB,MADiB,yBAAyB,IAC1B,KACd,QACE,oBAAC,0BAEC,oBAAC,aAAU,GAAI,QAAS,GACX;AAKnB,SAAO,oBAAC,aAAU,GAAI,QAAS"}

package/dist/{enableOrganizationsPrompt_ui_7e9f20_1.0.0-snapshot.v20251217165918.js → enableOrganizationsPrompt_ui_17c90e_1.0.0-snapshot.v20251218165926.js} RENAMED Viewed

@@ -1,32 +1,32 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(1210),o=n(8802),a=n(5074),s=n(7697),l=n(6705),d=n(9406),c=n(1464),p=n(8272),h=n(1986),g=n(8307);let u=({caller:e,onSuccess:i,onClose:n})=>{let d=(0,t.ho)(),[c,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[x,v]=(0,a.useState)(!1),k=(0,a.useRef)(null),y=(0,s.O)(),z=!e.startsWith("use"),$=void 0!==y?.organizationSettings.forceOrganizationSelection;return(0,r.Y)(h.Z,{children:(0,r.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,r.FD)(g.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,r.FD)(p.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,r.FD)(p.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,r.Y)(Y,{isEnabled:f}),(0,r.Y)("h1",{css:[g.mk,(0,o.AH)`
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,r){r.r(i),r.d(i,{EnableOrganizationsPrompt:()=>u});var n=r(4518),t=r(1210),o=r(8802),a=r(5074),s=r(7697),l=r(6705),d=r(9406),c=r(8272),p=r(1986),h=r(8307);let g=({caller:e,onSuccess:i,onClose:r})=>{let d=(0,t.ho)(),[g,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[w,C]=(0,a.useState)(!1),k=(0,a.useRef)(null),Y=(0,s.O)(),$=(0,a.useId)(),_=!e.startsWith("use"),A=void 0!==Y?.organizationSettings.forceOrganizationSelection;return(0,n.Y)(p.Z,{children:(0,n.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,n.FD)(h.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,n.FD)(c.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,n.FD)(c.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,n.Y)(F,{isEnabled:f}),(0,n.Y)("h1",{css:[h.mk,(0,o.AH)`
                     color: white;
                     font-size: 0.875rem;
                     font-weight: 500;
                     outline: none;
-                  `],tabIndex:-1,ref:k,children:f?"Organizations feature enabled":"Organizations feature required"})]}),(0,r.Y)(p.so,{direction:"col",align:"start",sx:e=>({gap:e.sizes.$0x5}),children:f?(0,r.FD)("p",{css:[g.mk,(0,o.AH)`
+                  `],tabIndex:-1,ref:k,children:f?"Organizations feature enabled":"Organizations feature required"})]}),(0,n.Y)(c.so,{direction:"col",align:"start",sx:e=>({gap:e.sizes.$0x5}),children:f?(0,n.FD)("p",{css:[h.mk,(0,o.AH)`
                       color: #b4b4b4;
                       font-size: 0.8125rem;
                       font-weight: 400;
                       line-height: 1.3;
-                    `],children:[d.user?'The Organizations feature has been enabled for your application. A default organization named "My Organization" was created automatically. You can manage or rename it in your':"The Organizations feature has been enabled for your application. You can manage it in your"," ",(0,r.Y)(w,{href:"https://dashboard.clerk.com/~/organizations-settings",target:"_blank",rel:"noopener noreferrer",children:"dashboard"}),"."]}):(0,r.FD)(r.FK,{children:[(0,r.FD)("p",{css:[g.mk,(0,o.AH)`
+                    `],children:[d.user?'The Organizations feature has been enabled for your application. A default organization named "My Organization" was created automatically. You can manage or rename it in your':"The Organizations feature has been enabled for your application. You can manage it in your"," ",(0,n.Y)(z,{href:"https://dashboard.clerk.com/~/organizations-settings",target:"_blank",rel:"noopener noreferrer",children:"dashboard"}),"."]}):(0,n.FD)(n.FK,{children:[(0,n.FD)("p",{id:$,css:[h.mk,(0,o.AH)`
                         color: #b4b4b4;
                         font-size: 0.8125rem;
                         font-weight: 400;
                         line-height: 1.23;
-                      `],children:["Enable Organizations to use"," ",(0,r.Y)("code",{css:[g.mk,(0,o.AH)`
+                      `],children:["Enable Organizations to use"," ",(0,n.Y)("code",{css:[h.mk,(0,o.AH)`
                           font-size: 0.75rem;
                           color: white;
                           font-family: monospace;
                           line-height: 1.23;
-                        `],children:z?`<${e} />`:e})," "]}),(0,r.Y)(w,{href:"https://clerk.com/docs/guides/organizations/overview",target:"_blank",rel:"noopener noreferrer",children:"Learn more"})]})}),$&&(0,r.Y)(p.az,{sx:e=>({display:"grid",gridTemplateRows:f?"0fr":"1fr",transition:`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`,marginInline:"-0.5rem",overflow:"hidden"}),...f&&{inert:""},children:(0,r.Y)(p.so,{sx:e=>({minHeight:0,paddingInline:"0.5rem",opacity:+!f,transition:`opacity ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`}),children:(0,r.Y)(p.so,{sx:e=>({marginTop:e.sizes.$2}),children:(0,r.Y)(C,{label:"Allow personal account",description:"Allow users to work outside of an organization by providing a personal account. We do not recommend for B2B SaaS apps.",checked:x,onChange:()=>v(e=>!e)})})})})]}),(0,r.Y)("span",{css:(0,o.AH)`
+                        `],children:_?`<${e} />`:e})," "]}),(0,n.Y)(z,{href:"https://clerk.com/docs/guides/organizations/overview",target:"_blank",rel:"noopener noreferrer",children:"Learn more"})]})}),A&&!f&&(0,n.Y)(c.so,{sx:e=>({marginTop:e.sizes.$2}),direction:"col",children:(0,n.FD)(v,{value:w?"optional":"required",onChange:e=>C("optional"===e),labelledBy:$,children:[(0,n.Y)(y,{value:"required",label:(0,n.FD)(c.so,{wrap:"wrap",sx:e=>({columnGap:e.sizes.$2,rowGap:e.sizes.$1}),children:[(0,n.Y)("span",{children:"Membership required"}),(0,n.Y)(x,{children:"Standard"})]}),description:(0,n.FD)(n.FK,{children:[(0,n.Y)("span",{className:"block",children:"Users need to belong to at least one organization."}),(0,n.Y)("span",{children:"Common for most B2B SaaS applications"})]})}),(0,n.Y)(y,{value:"optional",label:"Membership optional",description:"Users can work outside of an organization with a personal account"})]})})]}),(0,n.Y)("span",{css:(0,o.AH)`
               height: 1px;
               display: block;
               width: calc(100% - 2px);
               margin-inline: auto;
               background-color: #151515;
               box-shadow: 0px 1px 0px 0px #424242;
-            `}),(0,r.Y)(p.so,{justify:"center",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,gap:e.sizes.$3,justifyContent:"flex-end"}),children:f?(0,r.Y)(m,{variant:"solid",onClick:()=>{d.user?i?.():(d.redirectToSignIn(),d.__internal_closeEnableOrganizationsPrompt?.())},children:d.user?"Continue":"Sign in to continue"}):(0,r.FD)(r.FK,{children:[(0,r.Y)(m,{variant:"outline",onClick:()=>{d?.__internal_closeEnableOrganizationsPrompt?.(),n?.()},children:"I'll remove it myself"}),(0,r.Y)(m,{variant:"solid",onClick:()=>{u(!0);let e={enable_organizations:!0};$&&(e.organization_allow_personal_accounts=x),y.__internal_enableEnvironmentSetting(e).then(()=>{b(!0),u(!1)}).catch(()=>{u(!1)})},disabled:c,children:"Enable Organizations"})]})})]})})})},f=e=>(0,r.Y)(d.S,{children:(0,r.Y)(u,{...e})}),b=(0,o.AH)`
-  ${g.mk};
+            `}),(0,n.Y)(c.so,{justify:"center",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,gap:e.sizes.$3,justifyContent:"flex-end"}),children:f?(0,n.Y)(m,{variant:"solid",onClick:()=>{d.user?i?.():(d.redirectToSignIn(),d.__internal_closeEnableOrganizationsPrompt?.())},children:d.user?"Continue":"Sign in to continue"}):(0,n.FD)(n.FK,{children:[(0,n.Y)(m,{variant:"outline",onClick:()=>{d?.__internal_closeEnableOrganizationsPrompt?.(),r?.()},children:"I'll remove it myself"}),(0,n.Y)(m,{variant:"solid",onClick:()=>{u(!0);let e={enable_organizations:!0};A&&(e.organization_allow_personal_accounts=w),Y.__internal_enableEnvironmentSetting(e).then(()=>{b(!0),u(!1)}).catch(()=>{u(!1)})},disabled:g,children:"Enable Organizations"})]})})]})})})},u=e=>(0,n.Y)(d.S,{children:(0,n.Y)(g,{...e})}),f=(0,o.AH)`
+  ${h.mk};
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -58,7 +58,7 @@
     outline: 2px solid white;
     outline-offset: 2px;
   }
-`,x={solid:(0,o.AH)`
+`,b={solid:(0,o.AH)`
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.5%, rgba(0, 0, 0, 0.05) 100%), #454545;
   box-shadow:
     0 0 3px 0 rgba(253, 224, 71, 0) inset,
@@ -83,29 +83,115 @@
   &:hover:not(:disabled) {
     border-color: rgba(118, 118, 132, 0.5);
   }
-`},m=(0,a.forwardRef)(({variant:e="solid",...i},n)=>(0,r.Y)("button",{ref:n,type:"button",css:[b,x[e]],...i})),C=(0,a.forwardRef)(({label:e,description:i,checked:n,defaultChecked:t,onChange:s,...l},d)=>{let h=(0,a.useId)(),u=void 0!==n,[f,b]=(0,a.useState)(!!t),x=u?n:f;return(0,r.FD)(p.so,{direction:"col",gap:1,children:[(0,r.FD)(p.so,{as:"label",gap:2,align:"center",sx:{isolation:"isolate",userSelect:"none","&:has(input:focus-visible) > input + span":{outline:"2px solid white",outlineOffset:"2px"},"&:has(input:disabled) > input + span":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"}},children:[(0,r.Y)("input",{type:"checkbox",...l,ref:d,role:"switch",...u?{checked:x}:{defaultChecked:t},onChange:e=>{u||b(e.target.checked),s?.(e)},css:{...c.s.visuallyHidden()},"aria-describedby":i?h:void 0}),(0,r.Y)(p.L9,{sx:e=>({display:"flex",alignItems:"center",paddingInline:"2px",width:`calc(${e.sizes.$6} + 2px + 2px)`,height:`calc(${e.sizes.$4} + 2px)`,border:"1px solid rgba(255, 255, 255, 0.2)",backgroundColor:x?"#6C47FF":"rgba(0, 0, 0, 0.2)",borderRadius:999,transition:"background-color 0.2s ease-in-out"}),children:(0,r.Y)(p.L9,{sx:e=>{let i=e.sizes.$3,n=`calc(${e.sizes.$6} - ${i} - 2px)`;return{width:i,height:i,borderRadius:9999,backgroundColor:"white",boxShadow:"0px 0px 0px 1px rgba(0, 0, 0, 0.1)",transform:`translateX(${x?n:"0"})`,transition:"transform 0.2s ease-in-out","@media (prefers-reduced-motion: reduce)":{transition:"none"}}}})}),(0,r.Y)("span",{css:[g.mk,(0,o.AH)`
-                font-size: 0.875rem;
-                font-weight: 500;
-                line-height: 1.25;
-                color: white;
-              `],children:e})]}),i?(0,r.Y)(p.L9,{id:h,sx:e=>[g.mk,{display:"block",paddingInlineStart:`calc(${e.sizes.$6} + 2px + 2px + ${e.sizes.$2})`,fontSize:"0.75rem",lineHeight:"1.3333333333",color:"#c3c3c6",textWrap:"pretty"}],children:i}):null]})}),w=(0,a.forwardRef)(({children:e,css:i,...n},t)=>(0,r.Y)("a",{ref:t,...n,css:[g.mk,(0,o.AH)`
+`},m=(0,a.forwardRef)(({variant:e="solid",...i},r)=>(0,n.Y)("button",{ref:r,type:"button",css:[f,b[e]],...i})),x=({children:e})=>(0,n.Y)("span",{css:(0,o.AH)`
+        ${h.mk};
+        display: inline-flex;
+        align-items: center;
+        padding: 0.125rem 0.375rem;
+        border-radius: 0.25rem;
+        font-size: 0.6875rem;
+        font-weight: 500;
+        line-height: 1.23;
+        background-color: #ebebeb;
+        color: #2b2b34;
+        white-space: nowrap;
+      `,children:e}),[w,C]=(0,t.e3)("RadioGroupContext"),v=({value:e,onChange:i,children:r,labelledBy:t})=>{let o=(0,a.useId)(),s=a.useMemo(()=>({value:{name:o,value:e,onChange:i}}),[o,e,i]);return(0,n.Y)(w.Provider,{value:s,children:(0,n.Y)(c.so,{role:"radiogroup",direction:"col",gap:3,"aria-orientation":"vertical","aria-labelledby":t,children:r})})},k="1rem",Y="0.5rem",y=({value:e,label:i,description:r})=>{let{name:t,value:s,onChange:l}=C(),d=(0,a.useId)(),p=e===s;return(0,n.FD)(c.so,{direction:"col",gap:1,children:[(0,n.FD)("label",{css:(0,o.AH)`
+          ${h.mk};
+          display: flex;
+          align-items: flex-start;
+          gap: ${Y};
+          cursor: pointer;
+          user-select: none;
+          &:has(input:focus-visible) > span:first-of-type {
+            outline: 2px solid white;
+            outline-offset: 2px;
+          }
+          &:hover:has(input:not(:checked)) > span:first-of-type {
+            background-color: rgba(255, 255, 255, 0.08);
+          }
+          &:hover:has(input:checked) > span:first-of-type {
+            background-color: rgba(108, 71, 255, 0.8);
+            background-color: color-mix(in srgb, #6c47ff 80%, transparent);
+          }
+        `,children:[(0,n.Y)("input",{type:"radio",name:t,value:e,checked:p,onChange:()=>l(e),"aria-describedby":r?d:void 0,css:(0,o.AH)`
+            ${h.mk};
+            position: absolute;
+            width: 1px;
+            height: 1px;
+            padding: 0;
+            margin: -1px;
+            overflow: hidden;
+            clip: rect(0, 0, 0, 0);
+            white-space: nowrap;
+            border-width: 0;
+          `}),(0,n.Y)("span",{"aria-hidden":"true",css:(0,o.AH)`
+            ${h.mk};
+            position: relative;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: ${k};
+            height: ${k};
+            margin-top: 0.125rem;
+            flex-shrink: 0;
+            border-radius: 50%;
+            border: 1px solid rgba(255, 255, 255, 0.3);
+            background-color: transparent;
+            transition: 120ms ease-in-out;
+            transition-property: border-color, background-color, box-shadow;
+            ${p&&(0,o.AH)`
+              border-width: 2px;
+              border-color: #6c47ff;
+              background-color: #6c47ff;
+              background-color: color-mix(in srgb, #6c47ff 100%, transparent);
+              box-shadow: 0 0 0 2px rgba(108, 71, 255, 0.2);
+            `}
+            &::after {
+              content: '';
+              position: absolute;
+              width: 0.375rem;
+              height: 0.375rem;
+              border-radius: 50%;
+              background-color: white;
+              opacity: ${+!!p};
+              transform: scale(${+!!p});
+              transition: 120ms ease-in-out;
+              transition-property: opacity, transform;
+            }
+          `}),(0,n.Y)("span",{css:[h.mk,(0,o.AH)`
+              font-size: 0.875rem;
+              font-weight: 500;
+              line-height: 1.25;
+              color: white;
+            `],children:i})]}),r&&(0,n.Y)("span",{id:d,css:[h.mk,(0,o.AH)`
+              padding-inline-start: calc(${k} + ${Y});
+              font-size: 0.75rem;
+              line-height: 1.33;
+              color: #c3c3c6;
+              text-wrap: pretty;
+            `],children:r})]})},z=(0,a.forwardRef)(({children:e,css:i,...r},t)=>(0,n.Y)("a",{ref:t,...r,css:[h.mk,(0,o.AH)`
             color: #a8a8ff;
             font-size: inherit;
             font-weight: 500;
             line-height: 1.3;
             font-size: 0.8125rem;
             min-width: 0;
-          `,i],children:e})),Y=({isEnabled:e})=>{let[i,n]=(0,a.useState)(0);(0,a.useLayoutEffect)(()=>{if(e)return void n(e=>180*(0===e));let i=setInterval(()=>{n(e=>180*(0===e))},2e3);return()=>clearInterval(i)},[e]);let t="idle",s="warning";e&&(0===i?(t="success",s="warning"):(s="success",t="idle"));let l=e=>{switch(e){case"idle":return(0,r.Y)(g.MF,{});case"success":return(0,r.Y)(g.F3,{css:(0,o.AH)`
+          `,i],children:e})),F=({isEnabled:e})=>{let[i,r]=(0,a.useState)(0);(0,a.useLayoutEffect)(()=>{if(e)return void r(e=>180*(0===e));let i=setInterval(()=>{r(e=>180*(0===e))},2e3);return()=>clearInterval(i)},[e]);let t="idle",s="warning";e&&(0===i?(t="success",s="warning"):(s="success",t="idle"));let l=e=>{switch(e){case"idle":return(0,n.Y)(h.MF,{});case"success":return(0,n.Y)(h.F3,{css:(0,o.AH)`
               width: 1.25rem;
               height: 1.25rem;
-            `});case"warning":return(0,r.FD)("svg",{css:(0,o.AH)`
+            `});case"warning":return(0,n.FD)("svg",{css:(0,o.AH)`
               width: 1.25rem;
               height: 1.25rem;
-            `,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.Y)("path",{opacity:"0.2",d:"M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z",fill:"#EAB308"}),(0,r.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10Z",fill:"#EAB308"}),(0,r.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 6C10.5523 6 11 6.44772 11 7V9C11 9.55228 10.5523 10 10 10C9.44772 10 9 9.55228 9 9V7C9 6.44772 9.44772 6 10 6Z",fill:"#EAB308"}),(0,r.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 12C10.5523 12 11 12.4477 11 13V13.01C11 13.5623 10.5523 14.01 10 14.01C9.44772 14.01 9 13.5623 9 13.01V13C9 12.4477 9.44772 12 10 12Z",fill:"#EAB308"})]})}};return(0,r.Y)("div",{css:(0,o.AH)`
+            `,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.Y)("path",{opacity:"0.2",d:"M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z",fill:"#EAB308"}),(0,n.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10Z",fill:"#EAB308"}),(0,n.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 6C10.5523 6 11 6.44772 11 7V9C11 9.55228 10.5523 10 10 10C9.44772 10 9 9.55228 9 9V7C9 6.44772 9.44772 6 10 6Z",fill:"#EAB308"}),(0,n.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 12C10.5523 12 11 12.4477 11 13V13.01C11 13.5623 10.5523 14.01 10 14.01C9.44772 14.01 9 13.5623 9 13.01V13C9 12.4477 9.44772 12 10 12Z",fill:"#EAB308"})]})}};return(0,n.Y)("div",{css:(0,o.AH)`
         perspective: 1000px;
         width: 1.25rem;
         height: 1.25rem;
-      `,children:(0,r.FD)("div",{css:(0,o.AH)`
+      `,children:(0,n.FD)("div",{css:(0,o.AH)`
           position: relative;
           width: 100%;
           height: 100%;
@@ -116,7 +202,7 @@
           @media (prefers-reduced-motion: reduce) {
             transition: none;
           }
-        `,children:[(0,r.Y)("span",{"aria-hidden":!0,css:(0,o.AH)`
+        `,children:[(0,n.Y)("span",{"aria-hidden":!0,css:(0,o.AH)`
             position: absolute;
             width: 100%;
             height: 100%;
@@ -126,7 +212,7 @@
             justify-content: center;
             -webkit-font-smoothing: antialiased;
             transform: rotateY(0deg);
-          `,children:l(t)}),(0,r.Y)("span",{"aria-hidden":!0,css:(0,o.AH)`
+          `,children:l(t)}),(0,n.Y)("span",{"aria-hidden":!0,css:(0,o.AH)`
             position: absolute;
             width: 100%;
             height: 100%;
@@ -136,7 +222,7 @@
             align-items: center;
             justify-content: center;
             -webkit-font-smoothing: antialiased;
-          `,children:l(s)})]})})}},8307:function(e,i,n){n.d(i,{CB:()=>d,F3:()=>l,MF:()=>c,Uw:()=>a,mk:()=>s});var r=n(4518),t=n(8802),o=n(8272);function a({children:e,sx:i,...n}){return(0,r.Y)(o.so,{sx:e=>[{borderRadius:"1.25rem",fontFamily:e.fonts.$main,background:"linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #1f1f1f",boxShadow:"0px 0px 0px 0.5px #2F3037 inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 0.8px 0.8px rgba(255, 255, 255, 0.20) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.72), 0px 16px 36px -6px rgba(0, 0, 0, 0.36), 0px 6px 16px -2px rgba(0, 0, 0, 0.20);"},i],...n,children:e})}let s=(0,t.AH)`
+          `,children:l(s)})]})})}},8307:function(e,i,r){r.d(i,{CB:()=>d,F3:()=>l,MF:()=>c,Uw:()=>a,mk:()=>s});var n=r(4518),t=r(8802),o=r(8272);function a({children:e,sx:i,...r}){return(0,n.Y)(o.so,{sx:e=>[{borderRadius:"1.25rem",fontFamily:e.fonts.$main,background:"linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #1f1f1f",boxShadow:"0px 0px 0px 0.5px #2F3037 inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 0.8px 0.8px rgba(255, 255, 255, 0.20) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.72), 0px 16px 36px -6px rgba(0, 0, 0, 0.36), 0px 6px 16px -2px rgba(0, 0, 0, 0.20);"},i],...r,children:e})}let s=(0,t.AH)`
   box-sizing: border-box;
   padding: 0;
   margin: 0;
@@ -158,4 +244,4 @@
     arial,
     sans-serif;
   text-decoration: none;
-`;function l(e){return(0,r.Y)("svg",{...e,viewBox:"0 0 16 17",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.FD)("g",{opacity:"0.88",children:[(0,r.Y)("path",{d:"M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",fill:"#22C543",fillOpacity:"0.16"}),(0,r.Y)("path",{d:"M6.06686 8.68372L7.51686 10.1337L9.93353 6.75039M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",stroke:"#22C543",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function d(e){let i=new URL(e).href.match(/^https?:\/\/(.*?)\/apps\/app_(.+?)\/instances\/ins_(.+?)(?:\/.*)?$/);if(!i)throw Error("Invalid value Dashboard URL structure");return{baseDomain:`https://${i[1]}`,appId:`app_${i[2]}`,instanceId:`ins_${i[3]}`}}function c(){return(0,r.FD)("svg",{width:"1rem",height:"1.25rem",viewBox:"0 0 16 20",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,r.FD)("g",{filter:"url(#filter0_i_438_501)",children:[(0,r.Y)("path",{d:"M10.4766 9.99979C10.4766 11.3774 9.35978 12.4942 7.98215 12.4942C6.60452 12.4942 5.48773 11.3774 5.48773 9.99979C5.48773 8.62216 6.60452 7.50537 7.98215 7.50537C9.35978 7.50537 10.4766 8.62216 10.4766 9.99979Z",fill:"#BBBBBB"}),(0,r.Y)("path",{d:"M12.4176 3.36236C12.6676 3.52972 12.6889 3.88187 12.4762 4.09457L10.6548 5.91595C10.4897 6.08107 10.2336 6.10714 10.0257 6.00071C9.41273 5.68684 8.71811 5.50976 7.98214 5.50976C5.5024 5.50976 3.49219 7.51998 3.49219 9.99972C3.49219 10.7357 3.66926 11.4303 3.98314 12.0433C4.08957 12.2511 4.06349 12.5073 3.89837 12.6724L2.07699 14.4938C1.86429 14.7065 1.51215 14.6851 1.34479 14.4352C0.495381 13.1666 0 11.641 0 9.99972C0 5.5913 3.57373 2.01758 7.98214 2.01758C9.62345 2.01758 11.1491 2.51296 12.4176 3.36236Z",fill:"#8F8F8F"}),(0,r.Y)("path",{d:"M12.4762 15.905C12.6889 16.1177 12.6675 16.4698 12.4176 16.6372C11.149 17.4866 9.62342 17.982 7.9821 17.982C6.34078 17.982 4.81516 17.4866 3.54661 16.6372C3.29666 16.4698 3.27531 16.1177 3.48801 15.905L5.30938 14.0836C5.4745 13.9185 5.73066 13.8924 5.93851 13.9988C6.55149 14.3127 7.24612 14.4898 7.9821 14.4898C8.71808 14.4898 9.4127 14.3127 10.0257 13.9988C10.2335 13.8924 10.4897 13.9185 10.6548 14.0836L12.4762 15.905Z",fill:"#BBBBBB"})]}),(0,r.Y)("defs",{children:(0,r.FD)("filter",{id:"filter0_i_438_501",x:"0",y:"1.86758",width:"12.6217",height:"16.1144",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,r.Y)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,r.Y)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,r.Y)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,r.Y)("feOffset",{dy:"-0.15"}),(0,r.Y)("feGaussianBlur",{stdDeviation:"0.15"}),(0,r.Y)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,r.Y)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),(0,r.Y)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_438_501"})]})})]})}}}]);
+`;function l(e){return(0,n.Y)("svg",{...e,viewBox:"0 0 16 17",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,n.FD)("g",{opacity:"0.88",children:[(0,n.Y)("path",{d:"M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",fill:"#22C543",fillOpacity:"0.16"}),(0,n.Y)("path",{d:"M6.06686 8.68372L7.51686 10.1337L9.93353 6.75039M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",stroke:"#22C543",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function d(e){let i=new URL(e).href.match(/^https?:\/\/(.*?)\/apps\/app_(.+?)\/instances\/ins_(.+?)(?:\/.*)?$/);if(!i)throw Error("Invalid value Dashboard URL structure");return{baseDomain:`https://${i[1]}`,appId:`app_${i[2]}`,instanceId:`ins_${i[3]}`}}function c(){return(0,n.FD)("svg",{width:"1rem",height:"1.25rem",viewBox:"0 0 16 20",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,n.FD)("g",{filter:"url(#filter0_i_438_501)",children:[(0,n.Y)("path",{d:"M10.4766 9.99979C10.4766 11.3774 9.35978 12.4942 7.98215 12.4942C6.60452 12.4942 5.48773 11.3774 5.48773 9.99979C5.48773 8.62216 6.60452 7.50537 7.98215 7.50537C9.35978 7.50537 10.4766 8.62216 10.4766 9.99979Z",fill:"#BBBBBB"}),(0,n.Y)("path",{d:"M12.4176 3.36236C12.6676 3.52972 12.6889 3.88187 12.4762 4.09457L10.6548 5.91595C10.4897 6.08107 10.2336 6.10714 10.0257 6.00071C9.41273 5.68684 8.71811 5.50976 7.98214 5.50976C5.5024 5.50976 3.49219 7.51998 3.49219 9.99972C3.49219 10.7357 3.66926 11.4303 3.98314 12.0433C4.08957 12.2511 4.06349 12.5073 3.89837 12.6724L2.07699 14.4938C1.86429 14.7065 1.51215 14.6851 1.34479 14.4352C0.495381 13.1666 0 11.641 0 9.99972C0 5.5913 3.57373 2.01758 7.98214 2.01758C9.62345 2.01758 11.1491 2.51296 12.4176 3.36236Z",fill:"#8F8F8F"}),(0,n.Y)("path",{d:"M12.4762 15.905C12.6889 16.1177 12.6675 16.4698 12.4176 16.6372C11.149 17.4866 9.62342 17.982 7.9821 17.982C6.34078 17.982 4.81516 17.4866 3.54661 16.6372C3.29666 16.4698 3.27531 16.1177 3.48801 15.905L5.30938 14.0836C5.4745 13.9185 5.73066 13.8924 5.93851 13.9988C6.55149 14.3127 7.24612 14.4898 7.9821 14.4898C8.71808 14.4898 9.4127 14.3127 10.0257 13.9988C10.2335 13.8924 10.4897 13.9185 10.6548 14.0836L12.4762 15.905Z",fill:"#BBBBBB"})]}),(0,n.Y)("defs",{children:(0,n.FD)("filter",{id:"filter0_i_438_501",x:"0",y:"1.86758",width:"12.6217",height:"16.1144",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,n.Y)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,n.Y)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,n.Y)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,n.Y)("feOffset",{dy:"-0.15"}),(0,n.Y)("feGaussianBlur",{stdDeviation:"0.15"}),(0,n.Y)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,n.Y)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),(0,n.Y)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_438_501"})]})})]})}}}]);