npm - @clerk/ui - Versions diffs - 1.0.0-snapshot.v20251211120550 → 1.0.0-snapshot.v20251215210631 - Mend

@clerk/ui 1.0.0-snapshot.v20251211120550 → 1.0.0-snapshot.v20251215210631

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 (221) hide show

package/dist/elements/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","names":[],"sources":["../../src/elements/Popover.tsx"],"sourcesContent":["import type { FloatingContext, ReferenceType } from '@floating-ui/react';\nimport { FloatingFocusManager, FloatingNode, FloatingPortal } from '@floating-ui/react';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\ntype PopoverProps = PropsWithChildren<{\n context: FloatingContext<ReferenceType>;\n nodeId?: string;\n isOpen?: boolean;\n initialFocus?: number \| React.MutableRefObject<HTMLElement \| null>;\n /*\n Determines whether outside elements are inert when modal is enabled. This enables pointer modality without a backdrop.\n * @default false\n /\n outsideElementsInert?: boolean;\n order?: Array<'reference' \| 'floating' \| 'content'>;\n portal?: boolean;\n /\n The root element to render the portal into.\n * @default document.body\n */\n root?: HTMLElement \| React.MutableRefObject<HTMLElement \| null>;\n}>;\n\nexport const Popover = (props: PopoverProps) => {\n const {\n context,\n initialFocus,\n outsideElementsInert = false,\n order = ['reference', 'content'],\n nodeId,\n isOpen,\n portal = true,\n root,\n children,\n } = props;\n\n if (portal) {\n return (\n <FloatingNode id={nodeId}>\n <FloatingPortal root={~~root~~}>\n {isOpen && (\n <FloatingFocusManager\n context={context}\n initialFocus={initialFocus}\n outsideElementsInert={outsideElementsInert}\n order={order}\n >\n <>{children}</>\n </FloatingFocusManager>\n )}\n </FloatingPortal>\n </FloatingNode>\n );\n }\n\n return (\n <FloatingNode id={nodeId}>\n {isOpen && (\n <FloatingFocusManager\n context={context}\n initialFocus={initialFocus}\n order={order}\n >\n <>{children}</>\n </FloatingFocusManager>\n )}\n </FloatingNode>\n );\n};\n"],"mappings":"~~;;;;;AAwBA~~,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,SACA,cACA,uBAAuB,OACvB,QAAQ,CAAC,aAAa,UAAU,EAChC,QACA,QACA,SAAS,MACT,MACA,aACE;~~AAEJ~~,KAAI,OACF,QACE,oBAAC;EAAa,IAAI;YAChB,oBAAC;~~GAAqB~~;aACnB,UACC,oBAAC;IACU;IACK;IACQ;IACf;cAEP,kCAAG,WAAY;KACM;IAEV;GACJ;AAInB,QACE,oBAAC;EAAa,IAAI;YACf,UACC,oBAAC;GACU;GACK;GACP;aAEP,kCAAG,WAAY;IACM;GAEZ"}
1	+ {"version":3,"file":"Popover.js","names":[],"sources":["../../src/elements/Popover.tsx"],"sourcesContent":["import { usePortalRoot } from '@clerk/shared/react';\nimport type { FloatingContext, ReferenceType } from '@floating-ui/react';\nimport { FloatingFocusManager, FloatingNode, FloatingPortal } from '@floating-ui/react';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\ntype PopoverProps = PropsWithChildren<{\n context: FloatingContext<ReferenceType>;\n nodeId?: string;\n isOpen?: boolean;\n initialFocus?: number \| React.MutableRefObject<HTMLElement \| null>;\n /*\n Determines whether outside elements are inert when modal is enabled. This enables pointer modality without a backdrop.\n * @default false\n /\n outsideElementsInert?: boolean;\n order?: Array<'reference' \| 'floating' \| 'content'>;\n portal?: boolean;\n /\n The root element to render the portal into.\n * @default document.body\n */\n root?: HTMLElement \| React.MutableRefObject<HTMLElement \| null>;\n}>;\n\nexport const Popover = (props: PopoverProps) => {\n const {\n context,\n initialFocus,\n outsideElementsInert = false,\n order = ['reference', 'content'],\n nodeId,\n isOpen,\n portal = true,\n root,\n children,\n } = props;\n\n const portalRoot = usePortalRoot();\n const effectiveRoot = root ?? portalRoot?.() ?? undefined;\n\n if (portal) {\n return (\n <FloatingNode id={nodeId}>\n <FloatingPortal root={effectiveRoot}>\n {isOpen && (\n <FloatingFocusManager\n context={context}\n initialFocus={initialFocus}\n outsideElementsInert={outsideElementsInert}\n order={order}\n >\n <>{children}</>\n </FloatingFocusManager>\n )}\n </FloatingPortal>\n </FloatingNode>\n );\n }\n\n return (\n <FloatingNode id={nodeId}>\n {isOpen && (\n <FloatingFocusManager\n context={context}\n initialFocus={initialFocus}\n order={order}\n >\n <>{children}</>\n </FloatingFocusManager>\n )}\n </FloatingNode>\n );\n};\n"],"mappings":";;;;;;AAyBA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,SACA,cACA,uBAAuB,OACvB,QAAQ,CAAC,aAAa,UAAU,EAChC,QACA,QACA,SAAS,MACT,MACA,aACE;CAEJ,MAAM,aAAa,eAAe;CAClC,MAAM,gBAAgB,QAAQ,cAAc,IAAI;AAEhD,KAAI,OACF,QACE,oBAAC;EAAa,IAAI;YAChB,oBAAC;GAAe,MAAM;aACnB,UACC,oBAAC;IACU;IACK;IACQ;IACf;cAEP,kCAAG,WAAY;KACM;IAEV;GACJ;AAInB,QACE,oBAAC;EAAa,IAAI;YACf,UACC,oBAAC;GACU;GACK;GACP;aAEP,kCAAG,WAAY;IACM;GAEZ"}

package/dist/elements/Select.js CHANGED Viewed

@@ -9,8 +9,8 @@ import { withFloatingTree } from "./contexts/index.js";
 import { Button, Flex, Icon, Input, Text } from "../customizables/index.js";
 import { Popover } from "./Popover.js";
 import React, { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 //#region src/elements/Select.tsx
 const [SelectStateCtx, useSelectState] = createContextAndHook("SelectState");

package/dist/elements/SocialButtons.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { ProviderInitialIcon } from "../common/ProviderInitialIcon.js";
 import { LastAuthenticationStrategyBadge } from "./Badge.js";
 import { distributeStrategiesIntoRows } from "./utils.js";
 import React, { forwardRef, isValidElement } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useClerk } from "@clerk/shared/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { getAlternativePhoneCodeProviderData } from "@clerk/shared/alternativePhoneCode";
 //#region src/elements/SocialButtons.tsx

package/dist/elements/Tabs.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { descriptors } from "../customizables/elementDescriptors.js";
 import { Button, Flex } from "../customizables/index.js";
 import { getValidChildren } from "../utils/getValidReactChildren.js";
 import React from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 //#region src/elements/Tabs.tsx
 const [TabsContext, useTabsContext] = createContextAndHook("TabsContext");

package/dist/elements/TimerButton.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useLocalizations } from "../localization/makeLocalizable.js";
 import { Button } from "../customizables/index.js";
 import React, { useEffect } from "react";
-import { jsxs } from "@emotion/react/jsx-runtime";
 import { useSafeLayoutEffect } from "@clerk/shared/react";
+import { jsxs } from "@emotion/react/jsx-runtime";
 //#region src/elements/TimerButton.tsx
 const TimerButton = (props) => {

package/dist/elements/Tooltip.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { descriptors } from "../customizables/elementDescriptors.js";
 import { useAppearance } from "../customizables/AppearanceContext.js";
 import { Box, Span, Text } from "../customizables/index.js";
 import * as React$1 from "react";
+import { usePortalRoot } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { FloatingPortal, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useMergeRefs, useRole, useTransitionStyles } from "@floating-ui/react";
@@ -121,34 +122,38 @@ const Trigger = React$1.forwardRef(function TooltipTrigger({ children, sx,...pro
 const Content = React$1.forwardRef(function TooltipContent({ style, text, sx,...props }, propRef) {
 	const context = useTooltipContext();
 	const ref = useMergeRefs([context.refs.setFloating, propRef]);
+	const effectiveRoot = usePortalRoot()?.() ?? void 0;
 	if (!context.isMounted) return null;
-	return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(Box, {
-		ref,
-		elementDescriptor: descriptors.tooltip,
-		style: {
-			...context.floatingStyles,
-			...style
-		},
-		...context.getFloatingProps(props),
+	return /* @__PURE__ */ jsx(FloatingPortal, {
+		root: effectiveRoot,
 		children: /* @__PURE__ */ jsx(Box, {
-			elementDescriptor: descriptors.tooltipContent,
-			style: context.transitionStyles,
-			sx: [(t) => ({
-				paddingBlock: t.space.$1,
-				paddingInline: t.space.$1x5,
-				borderRadius: t.radii.$md,
-				backgroundColor: t.colors.$black,
-				color: t.colors.$white,
-				maxWidth: t.sizes.$60
-			}), sx],
-			children: /* @__PURE__ */ jsx(Text, {
-				elementDescriptor: descriptors.tooltipText,
-				localizationKey: text,
-				variant: "body",
-				colorScheme: "inherit"
+			ref,
+			elementDescriptor: descriptors.tooltip,
+			style: {
+				...context.floatingStyles,
+				...style
+			},
+			...context.getFloatingProps(props),
+			children: /* @__PURE__ */ jsx(Box, {
+				elementDescriptor: descriptors.tooltipContent,
+				style: context.transitionStyles,
+				sx: [(t) => ({
+					paddingBlock: t.space.$1,
+					paddingInline: t.space.$1x5,
+					borderRadius: t.radii.$md,
+					backgroundColor: t.colors.$black,
+					color: t.colors.$white,
+					maxWidth: t.sizes.$60
+				}), sx],
+				children: /* @__PURE__ */ jsx(Text, {
+					elementDescriptor: descriptors.tooltipText,
+					localizationKey: text,
+					variant: "body",
+					colorScheme: "inherit"
+				})
 			})
 		})
-	}) });
+	});
 });
 const Tooltip = {
 	Root,

package/dist/elements/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n autoUpdate,\n flip,\n FloatingPortal,\n offset,\n shift,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n initialOpen?: boolean;\n placement?: Placement;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n open: boolean;\n setOpen: (open: boolean) => void;\n isMounted: boolean;\n transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n initialOpen = false,\n placement = 'top',\n open: controlledOpen,\n onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n const open = controlledOpen ?? uncontrolledOpen;\n const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n const prefersReducedMotion = usePrefersReducedMotion();\n const { animations: layoutAnimations } = useAppearance().parsedOptions;\n const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n const data = useFloating({\n placement,\n open,\n onOpenChange: setOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(6),\n flip({\n crossAxis: placement.includes('-'),\n fallbackAxisSideDirection: 'start',\n padding: 6,\n }),\n shift({ padding: 6 }),\n ],\n });\n\n const context = data.context;\n\n const hover = useHover(context, {\n move: false,\n enabled: controlledOpen == null,\n });\n const focus = useFocus(context, {\n enabled: controlledOpen == null,\n });\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: 'tooltip' });\n\n const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n duration: isMotionSafe ? 200 : 0,\n initial: ({ side }) => {\n return {\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n };\n },\n open: {\n opacity: 1,\n transform: 'translate(0)',\n },\n close: ({ side }) => ({\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n }),\n });\n\n const interactions = useInteractions([hover, focus, dismiss, role]);\n\n return React.useMemo(\n () => ({\n open,\n setOpen,\n isMounted,\n ...interactions,\n ...data,\n transitionStyles,\n }),\n [open, setOpen, interactions, data, isMounted, transitionStyles],\n );\n}\n\ntype ContextType = UseTooltipReturn \| null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n const context = React.useContext(TooltipContext);\n\n if (context == null) {\n throw new Error('Tooltip components must be wrapped in <Tooltip />');\n }\n\n return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n // This can accept any props as options, e.g. `placement`,\n // or other positioning options.\n const tooltip = useTooltip(options);\n return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n { children, sx, ...props },\n propRef,\n) {\n const context = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n if (!React.isValidElement(children)) {\n return null;\n }\n\n // If the child is disabled, wrap it in a span to handle focus events\n if (children.props.isDisabled \|\| children.props.disabled) {\n return (\n <Span\n ref={ref}\n {...context.getReferenceProps({\n ...props,\n })}\n data-state={context.open ? 'open' : 'closed'}\n sx={[\n {\n width: 'fit-content',\n display: 'inline-block',\n cursor: 'not-allowed',\n outline: 'none',\n },\n sx,\n ]}\n tabIndex={0}\n >\n {children}\n </Span>\n );\n }\n\n return React.cloneElement(\n children,\n context.getReferenceProps({\n ref,\n ...props,\n ...children.props,\n 'data-state': context.open ? 'open' : 'closed',\n }),\n );\n});\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & {\n text: string \| LocalizationKey;\n sx?: ThemableCssProp;\n }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n const context = useTooltipContext();\n const ref = useMergeRefs([context.refs.setFloating, propRef]);\n\n if (!context.isMounted) {\n return null;\n }\n\n return (\n <FloatingPortal>\n <Box\n ref={ref}\n elementDescriptor={descriptors.tooltip}\n style={{\n ...context.floatingStyles,\n ...style,\n }}\n {...context.getFloatingProps(props)}\n >\n <Box\n elementDescriptor={descriptors.tooltipContent}\n style={context.transitionStyles}\n sx={[\n t => ({\n paddingBlock: t.space.$1,\n paddingInline: t.space.$1x5,\n borderRadius: t.radii.$md,\n backgroundColor: t.colors.$black,\n color: t.colors.$white,\n maxWidth: t.sizes.$60,\n }),\n sx,\n ]}\n >\n <Text\n elementDescriptor={descriptors.tooltipText}\n localizationKey={text}\n variant='body'\n colorScheme='inherit'\n />\n </Box>\n </Box>\n </FloatingPortal>\n );\n});\n\nexport const Tooltip = {\n Root,\n Trigger,\n Content,\n};\n"],"mappings":"~~;;;;;;;;;AAoCA~~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~~AAE7D~~,KAAI,CAAC,QAAQ,UACX,QAAO;AAGT,QACE,oBAAC,~~4BACC~~,oBAAC;~~EACM~~;~~EACL~~,mBAAmB,YAAY;~~EAC~~/B,OAAO;~~GACL~~,GAAG,QAAQ;~~GACX~~,GAAG;~~GACJ~~;~~EACD~~,GAAI,QAAQ,iBAAiB,MAAM;~~YAEnC~~,oBAAC;~~GACC~~,mBAAmB,YAAY;~~GAC~~/B,OAAO,QAAQ;~~GACf~~,IAAI,EACF,OAAM;~~IACJ~~,cAAc,EAAE,MAAM;~~IACtB~~,eAAe,EAAE,MAAM;~~IACvB~~,cAAc,EAAE,MAAM;~~IACtB~~,iBAAiB,EAAE,OAAO;~~IAC1B~~,OAAO,EAAE,OAAO;~~IAChB~~,UAAU,EAAE,MAAM;~~IACnB~~,GACD,GACD;~~aAED~~,oBAAC;~~IACC~~,mBAAmB,YAAY;~~IAC~~/B,iBAAiB;~~IACjB~~,SAAQ;~~IACR~~,aAAY;~~KACZ~~;~~IACE~~;~~GACF,~~GACS;EAEnB;AAEF,MAAa,UAAU;CACrB;CACA;CACA;CACD"}
1	+ {"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n autoUpdate,\n flip,\n FloatingPortal,\n offset,\n shift,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { usePortalRoot } from '@clerk/shared/react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n initialOpen?: boolean;\n placement?: Placement;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n open: boolean;\n setOpen: (open: boolean) => void;\n isMounted: boolean;\n transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n initialOpen = false,\n placement = 'top',\n open: controlledOpen,\n onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n const open = controlledOpen ?? uncontrolledOpen;\n const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n const prefersReducedMotion = usePrefersReducedMotion();\n const { animations: layoutAnimations } = useAppearance().parsedOptions;\n const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n const data = useFloating({\n placement,\n open,\n onOpenChange: setOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(6),\n flip({\n crossAxis: placement.includes('-'),\n fallbackAxisSideDirection: 'start',\n padding: 6,\n }),\n shift({ padding: 6 }),\n ],\n });\n\n const context = data.context;\n\n const hover = useHover(context, {\n move: false,\n enabled: controlledOpen == null,\n });\n const focus = useFocus(context, {\n enabled: controlledOpen == null,\n });\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: 'tooltip' });\n\n const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n duration: isMotionSafe ? 200 : 0,\n initial: ({ side }) => {\n return {\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n };\n },\n open: {\n opacity: 1,\n transform: 'translate(0)',\n },\n close: ({ side }) => ({\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n }),\n });\n\n const interactions = useInteractions([hover, focus, dismiss, role]);\n\n return React.useMemo(\n () => ({\n open,\n setOpen,\n isMounted,\n ...interactions,\n ...data,\n transitionStyles,\n }),\n [open, setOpen, interactions, data, isMounted, transitionStyles],\n );\n}\n\ntype ContextType = UseTooltipReturn \| null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n const context = React.useContext(TooltipContext);\n\n if (context == null) {\n throw new Error('Tooltip components must be wrapped in <Tooltip />');\n }\n\n return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n // This can accept any props as options, e.g. `placement`,\n // or other positioning options.\n const tooltip = useTooltip(options);\n return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n { children, sx, ...props },\n propRef,\n) {\n const context = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n if (!React.isValidElement(children)) {\n return null;\n }\n\n // If the child is disabled, wrap it in a span to handle focus events\n if (children.props.isDisabled \|\| children.props.disabled) {\n return (\n <Span\n ref={ref}\n {...context.getReferenceProps({\n ...props,\n })}\n data-state={context.open ? 'open' : 'closed'}\n sx={[\n {\n width: 'fit-content',\n display: 'inline-block',\n cursor: 'not-allowed',\n outline: 'none',\n },\n sx,\n ]}\n tabIndex={0}\n >\n {children}\n </Span>\n );\n }\n\n return React.cloneElement(\n children,\n context.getReferenceProps({\n ref,\n ...props,\n ...children.props,\n 'data-state': context.open ? 'open' : 'closed',\n }),\n );\n});\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & {\n text: string \| LocalizationKey;\n sx?: ThemableCssProp;\n }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n const context = useTooltipContext();\n const ref = useMergeRefs([context.refs.setFloating, propRef]);\n const portalRoot = usePortalRoot();\n const effectiveRoot = portalRoot?.() ?? undefined;\n\n if (!context.isMounted) {\n return null;\n }\n\n return (\n <FloatingPortal root={effectiveRoot}>\n <Box\n ref={ref}\n elementDescriptor={descriptors.tooltip}\n style={{\n ...context.floatingStyles,\n ...style,\n }}\n {...context.getFloatingProps(props)}\n >\n <Box\n elementDescriptor={descriptors.tooltipContent}\n style={context.transitionStyles}\n sx={[\n t => ({\n paddingBlock: t.space.$1,\n paddingInline: t.space.$1x5,\n borderRadius: t.radii.$md,\n backgroundColor: t.colors.$black,\n color: t.colors.$white,\n maxWidth: t.sizes.$60,\n }),\n sx,\n ]}\n >\n <Text\n elementDescriptor={descriptors.tooltipText}\n localizationKey={text}\n variant='body'\n colorScheme='inherit'\n />\n </Box>\n </Box>\n </FloatingPortal>\n );\n});\n\nexport const Tooltip = {\n Root,\n Trigger,\n Content,\n};\n"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { useRouter } from "../../router/RouteContext.js";
 import { useLocalizations } from "../../localization/makeLocalizable.js";
 import React from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { FloatingTree, useFloatingParentNodeId } from "@floating-ui/react";
 //#region src/elements/contexts/index.tsx

package/dist/{enableOrganizationsPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js → enableOrganizationsPrompt_ui_01c6bf_1.0.0-snapshot.v20251215210631.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"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(5543),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,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(9361),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)`
                     color: white;
                     font-size: 0.875rem;
                     font-weight: 500;

package/dist/foundations/defaultFoundations.d.ts CHANGED Viewed

@@ -1,144 +1,144 @@
-import * as _clerk_shared_types303 from "@clerk/shared/types";
+import * as _clerk_shared_types151 from "@clerk/shared/types";
 //#region src/foundations/defaultFoundations.d.ts
 declare const defaultInternalThemeFoundations: Readonly<{
   readonly colors: Readonly<{
-    readonly borderAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly success25: _clerk_shared_types303.HslaColorString;
-    readonly success50: _clerk_shared_types303.HslaColorString;
-    readonly success100: _clerk_shared_types303.HslaColorString;
-    readonly success150: _clerk_shared_types303.HslaColorString;
-    readonly success200: _clerk_shared_types303.HslaColorString;
-    readonly success300: _clerk_shared_types303.HslaColorString;
-    readonly success400: _clerk_shared_types303.HslaColorString;
-    readonly success500: _clerk_shared_types303.HslaColorString;
-    readonly success600: _clerk_shared_types303.HslaColorString;
-    readonly success700: _clerk_shared_types303.HslaColorString;
-    readonly success750: _clerk_shared_types303.HslaColorString;
-    readonly success800: _clerk_shared_types303.HslaColorString;
-    readonly success850: _clerk_shared_types303.HslaColorString;
-    readonly success900: _clerk_shared_types303.HslaColorString;
-    readonly success950: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly warning25: _clerk_shared_types303.HslaColorString;
-    readonly warning50: _clerk_shared_types303.HslaColorString;
-    readonly warning100: _clerk_shared_types303.HslaColorString;
-    readonly warning150: _clerk_shared_types303.HslaColorString;
-    readonly warning200: _clerk_shared_types303.HslaColorString;
-    readonly warning300: _clerk_shared_types303.HslaColorString;
-    readonly warning400: _clerk_shared_types303.HslaColorString;
-    readonly warning500: _clerk_shared_types303.HslaColorString;
-    readonly warning600: _clerk_shared_types303.HslaColorString;
-    readonly warning700: _clerk_shared_types303.HslaColorString;
-    readonly warning750: _clerk_shared_types303.HslaColorString;
-    readonly warning800: _clerk_shared_types303.HslaColorString;
-    readonly warning850: _clerk_shared_types303.HslaColorString;
-    readonly warning900: _clerk_shared_types303.HslaColorString;
-    readonly warning950: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly danger25: _clerk_shared_types303.HslaColorString;
-    readonly danger50: _clerk_shared_types303.HslaColorString;
-    readonly danger100: _clerk_shared_types303.HslaColorString;
-    readonly danger150: _clerk_shared_types303.HslaColorString;
-    readonly danger200: _clerk_shared_types303.HslaColorString;
-    readonly danger300: _clerk_shared_types303.HslaColorString;
-    readonly danger400: _clerk_shared_types303.HslaColorString;
-    readonly danger500: _clerk_shared_types303.HslaColorString;
-    readonly danger600: _clerk_shared_types303.HslaColorString;
-    readonly danger700: _clerk_shared_types303.HslaColorString;
-    readonly danger750: _clerk_shared_types303.HslaColorString;
-    readonly danger800: _clerk_shared_types303.HslaColorString;
-    readonly danger850: _clerk_shared_types303.HslaColorString;
-    readonly danger900: _clerk_shared_types303.HslaColorString;
-    readonly danger950: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha950: _clerk_shared_types303.HslaColorString;
+    readonly borderAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly borderAlpha950: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly successAlpha950: _clerk_shared_types151.HslaColorString;
+    readonly success25: _clerk_shared_types151.HslaColorString;
+    readonly success50: _clerk_shared_types151.HslaColorString;
+    readonly success100: _clerk_shared_types151.HslaColorString;
+    readonly success150: _clerk_shared_types151.HslaColorString;
+    readonly success200: _clerk_shared_types151.HslaColorString;
+    readonly success300: _clerk_shared_types151.HslaColorString;
+    readonly success400: _clerk_shared_types151.HslaColorString;
+    readonly success500: _clerk_shared_types151.HslaColorString;
+    readonly success600: _clerk_shared_types151.HslaColorString;
+    readonly success700: _clerk_shared_types151.HslaColorString;
+    readonly success750: _clerk_shared_types151.HslaColorString;
+    readonly success800: _clerk_shared_types151.HslaColorString;
+    readonly success850: _clerk_shared_types151.HslaColorString;
+    readonly success900: _clerk_shared_types151.HslaColorString;
+    readonly success950: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly warningAlpha950: _clerk_shared_types151.HslaColorString;
+    readonly warning25: _clerk_shared_types151.HslaColorString;
+    readonly warning50: _clerk_shared_types151.HslaColorString;
+    readonly warning100: _clerk_shared_types151.HslaColorString;
+    readonly warning150: _clerk_shared_types151.HslaColorString;
+    readonly warning200: _clerk_shared_types151.HslaColorString;
+    readonly warning300: _clerk_shared_types151.HslaColorString;
+    readonly warning400: _clerk_shared_types151.HslaColorString;
+    readonly warning500: _clerk_shared_types151.HslaColorString;
+    readonly warning600: _clerk_shared_types151.HslaColorString;
+    readonly warning700: _clerk_shared_types151.HslaColorString;
+    readonly warning750: _clerk_shared_types151.HslaColorString;
+    readonly warning800: _clerk_shared_types151.HslaColorString;
+    readonly warning850: _clerk_shared_types151.HslaColorString;
+    readonly warning900: _clerk_shared_types151.HslaColorString;
+    readonly warning950: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly dangerAlpha950: _clerk_shared_types151.HslaColorString;
+    readonly danger25: _clerk_shared_types151.HslaColorString;
+    readonly danger50: _clerk_shared_types151.HslaColorString;
+    readonly danger100: _clerk_shared_types151.HslaColorString;
+    readonly danger150: _clerk_shared_types151.HslaColorString;
+    readonly danger200: _clerk_shared_types151.HslaColorString;
+    readonly danger300: _clerk_shared_types151.HslaColorString;
+    readonly danger400: _clerk_shared_types151.HslaColorString;
+    readonly danger500: _clerk_shared_types151.HslaColorString;
+    readonly danger600: _clerk_shared_types151.HslaColorString;
+    readonly danger700: _clerk_shared_types151.HslaColorString;
+    readonly danger750: _clerk_shared_types151.HslaColorString;
+    readonly danger800: _clerk_shared_types151.HslaColorString;
+    readonly danger850: _clerk_shared_types151.HslaColorString;
+    readonly danger900: _clerk_shared_types151.HslaColorString;
+    readonly danger950: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly primaryAlpha950: _clerk_shared_types151.HslaColorString;
     readonly primaryHover: string | undefined;
-    readonly primary25: _clerk_shared_types303.HslaColorString;
-    readonly primary50: _clerk_shared_types303.HslaColorString;
-    readonly primary100: _clerk_shared_types303.HslaColorString;
-    readonly primary150: _clerk_shared_types303.HslaColorString;
-    readonly primary200: _clerk_shared_types303.HslaColorString;
-    readonly primary300: _clerk_shared_types303.HslaColorString;
-    readonly primary400: _clerk_shared_types303.HslaColorString;
-    readonly primary500: _clerk_shared_types303.HslaColorString;
-    readonly primary600: _clerk_shared_types303.HslaColorString;
-    readonly primary700: _clerk_shared_types303.HslaColorString;
-    readonly primary750: _clerk_shared_types303.HslaColorString;
-    readonly primary800: _clerk_shared_types303.HslaColorString;
-    readonly primary850: _clerk_shared_types303.HslaColorString;
-    readonly primary900: _clerk_shared_types303.HslaColorString;
-    readonly primary950: _clerk_shared_types303.HslaColorString;
+    readonly primary25: _clerk_shared_types151.HslaColorString;
+    readonly primary50: _clerk_shared_types151.HslaColorString;
+    readonly primary100: _clerk_shared_types151.HslaColorString;
+    readonly primary150: _clerk_shared_types151.HslaColorString;
+    readonly primary200: _clerk_shared_types151.HslaColorString;
+    readonly primary300: _clerk_shared_types151.HslaColorString;
+    readonly primary400: _clerk_shared_types151.HslaColorString;
+    readonly primary500: _clerk_shared_types151.HslaColorString;
+    readonly primary600: _clerk_shared_types151.HslaColorString;
+    readonly primary700: _clerk_shared_types151.HslaColorString;
+    readonly primary750: _clerk_shared_types151.HslaColorString;
+    readonly primary800: _clerk_shared_types151.HslaColorString;
+    readonly primary850: _clerk_shared_types151.HslaColorString;
+    readonly primary900: _clerk_shared_types151.HslaColorString;
+    readonly primary950: _clerk_shared_types151.HslaColorString;
     readonly whiteAlpha25: "hsla(0, 0%, 100%, 0.02)";
     readonly whiteAlpha50: "hsla(0, 0%, 100%, 0.03)";
     readonly whiteAlpha100: "hsla(0, 0%, 100%, 0.07)";
@@ -154,23 +154,23 @@ declare const defaultInternalThemeFoundations: Readonly<{
     readonly whiteAlpha850: "hsla(0, 0%, 100%, 0.84)";
     readonly whiteAlpha900: "hsla(0, 0%, 100%, 0.87)";
     readonly whiteAlpha950: "hsla(0, 0%, 100%, 0.92)";
-    readonly neutralAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly avatarBorder: _clerk_shared_types303.HslaColorString;
-    readonly avatarBackground: _clerk_shared_types303.HslaColorString;
+    readonly neutralAlpha25: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha50: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha100: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha150: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha200: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha300: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha400: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha500: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha600: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha700: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha750: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha800: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha850: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha900: _clerk_shared_types151.HslaColorString;
+    readonly neutralAlpha950: _clerk_shared_types151.HslaColorString;
+    readonly avatarBorder: _clerk_shared_types151.HslaColorString;
+    readonly avatarBackground: _clerk_shared_types151.HslaColorString;
     readonly colorModalBackdrop: string;
     readonly colorBackground: string;
     readonly colorInput: string;

package/dist/{impersonationfab_ui_a492c4_1.0.0-snapshot.v20251211120550.js → impersonationfab_ui_01c6bf_1.0.0-snapshot.v20251215210631.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(~~5543~~),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l\|\|!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)\|\|(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(~~5543~~),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(9361),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l\|\|!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)\|\|(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(9361),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);

package/dist/index.js CHANGED Viewed

@@ -3,7 +3,7 @@
 * Default ui object for Clerk UI components
 * Tagged with the internal Appearance type for type-safe appearance prop inference
 */
-const ui = { version: "1.0.0-snapshot.v20251211120550" };
+const ui = { version: "1.0.0-snapshot.v20251215210631" };
 //#endregion
 export { ui };

package/dist/internal/index.js CHANGED Viewed

@@ -5,7 +5,7 @@
 * Do not use
 */
 const localUiForTesting = {
-	version: "1.0.0-snapshot.v20251211120550",
+	version: "1.0.0-snapshot.v20251215210631",
 	url: "http://localhost:4011/npm/ui.browser.js"
 };

package/dist/{keylessPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js → keylessPrompt_ui_01c6bf_1.0.0-snapshot.v20251215210631.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(5543),o=t(8802),a=t(5074),s=t(5323),l=t(8272),c=t(1986),d=t(9406),p=t(8307);function h(){return(0,r.Y)("svg",{width:"1rem",height:"1rem",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M2.75 2.75L13.25 13.25M7.02665 6.38227C7.00046 6.21924 6.98684 6.052 6.98684 5.88158C6.98684 4.15206 8.3889 2.75 10.1184 2.75C11.8479 2.75 13.25 4.15206 13.25 5.88158C13.25 7.6111 11.8479 9.01316 10.1184 9.01316C9.89357 9.01316 9.67425 8.98946 9.46283 8.94442M4.39638 8.74013L3.21279 9.92371C2.91768 10.1977 2.75 10.5823 2.75 10.985V13.25H5.25V11.25H6.55172L7.02665 10.7751M10 5.97998V5.99998",stroke:"#F0D653",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var m=t(7697);let f="--clerk-keyless-prompt",u=`${f}-button`,x=`${f}-content`;function g(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}}let b=e=>{let{isSignedIn:i}=(0,n.Jd)(),[t,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i&&s(!0)},[i]);let d=function(){let e=(0,n.ho)(),i=(0,a.useRef)(Date.now()),[,t]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let n=e.__internal_environment;if(n){if(null!==n.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await n.fetch();if(i.current=Date.now(),null!==e){t();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,m.O)()}(),f=!!d.authConfig.claimedAt,b="function"==typeof e.onDismiss&&f,w=d.displayConfig.applicationName,y=f||b||t,k=(0,a.useMemo)(()=>{if(f)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[f,e.copyKeysUrl,e.claimUrl]),v=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]),$=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/last-active?path=api-keys`).href}),[e.copyKeysUrl]),Y=(0,o.AH)`
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(9361),o=t(8802),a=t(5074),s=t(5323),l=t(8272),c=t(1986),d=t(9406),p=t(8307);function h(){return(0,r.Y)("svg",{width:"1rem",height:"1rem",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M2.75 2.75L13.25 13.25M7.02665 6.38227C7.00046 6.21924 6.98684 6.052 6.98684 5.88158C6.98684 4.15206 8.3889 2.75 10.1184 2.75C11.8479 2.75 13.25 4.15206 13.25 5.88158C13.25 7.6111 11.8479 9.01316 10.1184 9.01316C9.89357 9.01316 9.67425 8.98946 9.46283 8.94442M4.39638 8.74013L3.21279 9.92371C2.91768 10.1977 2.75 10.5823 2.75 10.985V13.25H5.25V11.25H6.55172L7.02665 10.7751M10 5.97998V5.99998",stroke:"#F0D653",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var m=t(7697);let f="--clerk-keyless-prompt",u=`${f}-button`,x=`${f}-content`;function g(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}}let b=e=>{let{isSignedIn:i}=(0,n.Jd)(),[t,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i&&s(!0)},[i]);let d=function(){let e=(0,n.ho)(),i=(0,a.useRef)(Date.now()),[,t]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let n=e.__internal_environment;if(n){if(null!==n.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await n.fetch();if(i.current=Date.now(),null!==e){t();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,m.O)()}(),f=!!d.authConfig.claimedAt,b="function"==typeof e.onDismiss&&f,w=d.displayConfig.applicationName,y=f||b||t,k=(0,a.useMemo)(()=>{if(f)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[f,e.copyKeysUrl,e.claimUrl]),v=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]),$=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/last-active?path=api-keys`).href}),[e.copyKeysUrl]),Y=(0,o.AH)`
     ${p.mk};
     display: flex;
     align-items: center;

package/dist/lazyModules/MountedCheckoutDrawer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Checkout } from "./components.js";
 import { LazyDrawerRenderer } from "./providers.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useUser } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 //#region src/lazyModules/MountedCheckoutDrawer.tsx
 function MountedCheckoutDrawer({ appearance, checkoutDrawer, onOpenChange }) {

package/dist/lazyModules/MountedPlanDetailDrawer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { PlanDetails } from "./components.js";
 import { LazyDrawerRenderer } from "./providers.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useUser } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 //#region src/lazyModules/MountedPlanDetailDrawer.tsx
 function MountedPlanDetailDrawer({ appearance, planDetailsDrawer, onOpenChange }) {