@clerk/ui 1.0.0-snapshot.v20251208202852 → 1.0.0-snapshot.v20251215203425

package/dist/elements/Action/ActionRoot.js

@@ -1,7 +1,7 @@
 import { Animated } from "../Animated.js";
 import { useCallback, useState } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 
 //#region src/elements/Action/ActionRoot.tsx
 const [ActionContext, useActionContext, _] = createContextAndHook("ActionContext");

package/dist/elements/AvatarUploader.js

@@ -1,4 +1,5 @@
 import { localizationKeys } from "../localization/localizationKeys.js";
+import { useLocalizations } from "../localization/makeLocalizable.js";
 import { descriptors } from "../customizables/elementDescriptors.js";
 import { useCardState } from "./contexts/index.js";
 import { Button, Col, Flex, SimpleButton, Text } from "../customizables/index.js";
@@ -24,8 +25,8 @@ const SUPPORTED_MIME_TYPES = Object.freeze([
 ]);
 const validType = (f) => SUPPORTED_MIME_TYPES.includes(f.type);
 const validSize = (f) => f.size <= MAX_SIZE_BYTES;
-const validFile = (f) => validType(f) && validSize(f);
 const AvatarUploader = (props) => {
+	const { t } = useLocalizations();
 	const [showUpload, setShowUpload] = React.useState(false);
 	const [objectUrl, setObjectUrl] = React.useState();
 	const card = useCardState();
@@ -50,7 +51,16 @@ const AvatarUploader = (props) => {
 		return onAvatarRemove?.();
 	};
 	const upload = async (f) => {
-		if (f && validFile(f)) await handleFileDrop(f);
+		if (!f) return;
+		if (!validType(f)) {
+			card.setError(t(localizationKeys("unstable__errors.avatar_file_type_invalid")));
+			return;
+		}
+		if (!validSize(f)) {
+			card.setError(t(localizationKeys("unstable__errors.avatar_file_size_exceeded")));
+			return;
+		}
+		await handleFileDrop(f);
 	};
 	const previewElement = objectUrl ? React.cloneElement(avatarPreview, { imageUrl: objectUrl }) : avatarPreviewPlaceholder ? React.cloneElement(avatarPreviewPlaceholder, { onClick: openDialog }) : avatarPreview;
 	return /* @__PURE__ */ jsxs(Col, {
@@ -81,7 +91,7 @@ const AvatarUploader = (props) => {
 						elementDescriptor: descriptors.avatarImageActionsRemove,
 						localizationKey: localizationKeys("userProfile.profilePage.imageFormDestructiveActionSubtitle"),
 						isDisabled: card.isLoading,
-						sx: (t) => ({ color: t.colors.$danger500 }),
+						sx: (t$1) => ({ color: t$1.colors.$danger500 }),
 						variant: "ghost",
 						colorScheme: "danger",
 						onClick: handleRemove,
@@ -89,7 +99,7 @@ const AvatarUploader = (props) => {
 					})]
 				}), /* @__PURE__ */ jsx(Text, {
 					colorScheme: "secondary",
-					sx: (t) => ({ fontSize: t.fontSizes.$sm }),
+					sx: (t$1) => ({ fontSize: t$1.fontSizes.$sm }),
 					localizationKey: localizationKeys("userProfile.profilePage.fileDropAreaHint")
 				})]
 			})]

package/dist/elements/AvatarUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarUploader.js","names":[],"sources":["../../src/elements/AvatarUploader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { LocalizationKey } from '../customizables';\nimport { Button, Col, descriptors, Flex, localizationKeys, SimpleButton, Text } from '../customizables';\nimport { handleError } from '../utils/errorHandler';\nimport { useCardState } from './contexts';\n\nexport type AvatarUploaderProps = {\n  title: LocalizationKey;\n  avatarPreview: React.ReactElement;\n  onAvatarChange: (file: File) => Promise<unknown>;\n  onAvatarRemove?: (() => void) | null;\n  avatarPreviewPlaceholder?: React.ReactElement | null;\n};\n\nconst fileToBase64 = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = error => reject(error);\n  });\n};\n\nconst MAX_SIZE_BYTES = 10 * 1000 * 1000;\nconst SUPPORTED_MIME_TYPES = Object.freeze(['image/png', 'image/jpeg', 'image/gif', 'image/webp']);\n\nconst validType = (f: File | DataTransferItem) => SUPPORTED_MIME_TYPES.includes(f.type);\nconst validSize = (f: File) => f.size <= MAX_SIZE_BYTES;\nconst validFile = (f: File) => validType(f) && validSize(f);\n\nexport const AvatarUploader = (props: AvatarUploaderProps) => {\n  const [showUpload, setShowUpload] = React.useState(false);\n  const [objectUrl, setObjectUrl] = React.useState<string>();\n  const card = useCardState();\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const openDialog = () => inputRef.current?.click();\n\n  const { onAvatarChange, onAvatarRemove, title, avatarPreview, avatarPreviewPlaceholder, ...rest } = props;\n\n  const toggle = () => {\n    setShowUpload(!showUpload);\n  };\n\n  const handleFileDrop = (file: File | null) => {\n    if (file === null) {\n      return setObjectUrl('');\n    }\n\n    void fileToBase64(file).then(setObjectUrl);\n    card.setLoading();\n    return onAvatarChange(file)\n      .then(() => {\n        toggle();\n        card.setIdle();\n      })\n      .catch(err => handleError(err, [], card.setError));\n  };\n\n  const handleRemove = async () => {\n    card.setLoading();\n    await handleFileDrop(null);\n    return onAvatarRemove?.();\n  };\n\n  const upload = async (f: File | undefined) => {\n    if (f && validFile(f)) {\n      await handleFileDrop(f);\n    }\n  };\n\n  const previewElement = objectUrl\n    ? React.cloneElement(avatarPreview, { imageUrl: objectUrl })\n    : avatarPreviewPlaceholder\n      ? React.cloneElement(avatarPreviewPlaceholder, { onClick: openDialog })\n      : avatarPreview;\n\n  return (\n    <Col gap={4}>\n      <input\n        type='file'\n        accept={SUPPORTED_MIME_TYPES.join(',')}\n        style={{ display: 'none' }}\n        ref={inputRef}\n        onChange={e => upload(e.currentTarget.files?.[0])}\n      />\n\n      <Flex\n        gap={4}\n        align='center'\n        {...rest}\n      >\n        {previewElement}\n        <Col gap={1}>\n          <Flex\n            elementDescriptor={descriptors.avatarImageActions}\n            gap={2}\n          >\n            <SimpleButton\n              elementDescriptor={descriptors.avatarImageActionsUpload}\n              localizationKey={localizationKeys('userProfile.profilePage.imageFormSubtitle')}\n              isDisabled={card.isLoading}\n              variant='outline'\n              size='xs'\n              onClick={openDialog}\n            />\n\n            {!!onAvatarRemove && !showUpload && (\n              <Button\n                elementDescriptor={descriptors.avatarImageActionsRemove}\n                localizationKey={localizationKeys('userProfile.profilePage.imageFormDestructiveActionSubtitle')}\n                isDisabled={card.isLoading}\n                sx={t => ({ color: t.colors.$danger500 })}\n                variant='ghost'\n                colorScheme='danger'\n                onClick={handleRemove}\n                size='xs'\n              />\n            )}\n          </Flex>\n          <Text\n            colorScheme='secondary'\n            sx={t => ({ fontSize: t.fontSizes.$sm })}\n            localizationKey={localizationKeys('userProfile.profilePage.fileDropAreaHint')}\n          />\n        </Col>\n      </Flex>\n    </Col>\n  );\n};\n"],"mappings":";;;;;;;;;AAeA,MAAM,gBAAgB,SAAgC;AACpD,QAAO,IAAI,SAAS,SAAS,WAAW;EACtC,MAAM,SAAS,IAAI,YAAY;AAC/B,SAAO,cAAc,KAAK;AAC1B,SAAO,eAAe,QAAQ,OAAO,OAAiB;AACtD,SAAO,WAAU,UAAS,OAAO,MAAM;GACvC;;AAGJ,MAAM,iBAAiB,KAAK,MAAO;AACnC,MAAM,uBAAuB,OAAO,OAAO;CAAC;CAAa;CAAc;CAAa;CAAa,CAAC;AAElG,MAAM,aAAa,MAA+B,qBAAqB,SAAS,EAAE,KAAK;AACvF,MAAM,aAAa,MAAY,EAAE,QAAQ;AACzC,MAAM,aAAa,MAAY,UAAU,EAAE,IAAI,UAAU,EAAE;AAE3D,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,MAAM;CACzD,MAAM,CAAC,WAAW,gBAAgB,MAAM,UAAkB;CAC1D,MAAM,OAAO,cAAc;CAC3B,MAAM,WAAW,MAAM,OAAgC,KAAK;CAC5D,MAAM,mBAAmB,SAAS,SAAS,OAAO;CAElD,MAAM,EAAE,gBAAgB,gBAAgB,OAAO,eAAe,yBAA0B,GAAG,SAAS;CAEpG,MAAM,eAAe;AACnB,gBAAc,CAAC,WAAW;;CAG5B,MAAM,kBAAkB,SAAsB;AAC5C,MAAI,SAAS,KACX,QAAO,aAAa,GAAG;AAGzB,EAAK,aAAa,KAAK,CAAC,KAAK,aAAa;AAC1C,OAAK,YAAY;AACjB,SAAO,eAAe,KAAK,CACxB,WAAW;AACV,WAAQ;AACR,QAAK,SAAS;IACd,CACD,OAAM,QAAO,YAAY,KAAK,EAAE,EAAE,KAAK,SAAS,CAAC;;CAGtD,MAAM,eAAe,YAAY;AAC/B,OAAK,YAAY;AACjB,QAAM,eAAe,KAAK;AAC1B,SAAO,kBAAkB;;CAG3B,MAAM,SAAS,OAAO,MAAwB;AAC5C,MAAI,KAAK,UAAU,EAAE,CACnB,OAAM,eAAe,EAAE;;CAI3B,MAAM,iBAAiB,YACnB,MAAM,aAAa,eAAe,EAAE,UAAU,WAAW,CAAC,GAC1D,2BACE,MAAM,aAAa,0BAA0B,EAAE,SAAS,YAAY,CAAC,GACrE;AAEN,QACE,qBAAC;EAAI,KAAK;aACR,oBAAC;GACC,MAAK;GACL,QAAQ,qBAAqB,KAAK,IAAI;GACtC,OAAO,EAAE,SAAS,QAAQ;GAC1B,KAAK;GACL,WAAU,MAAK,OAAO,EAAE,cAAc,QAAQ,GAAG;IACjD,EAEF,qBAAC;GACC,KAAK;GACL,OAAM;GACN,GAAI;cAEH,gBACD,qBAAC;IAAI,KAAK;eACR,qBAAC;KACC,mBAAmB,YAAY;KAC/B,KAAK;gBAEL,oBAAC;MACC,mBAAmB,YAAY;MAC/B,iBAAiB,iBAAiB,4CAA4C;MAC9E,YAAY,KAAK;MACjB,SAAQ;MACR,MAAK;MACL,SAAS;OACT,EAED,CAAC,CAAC,kBAAkB,CAAC,cACpB,oBAAC;MACC,mBAAmB,YAAY;MAC/B,iBAAiB,iBAAiB,6DAA6D;MAC/F,YAAY,KAAK;MACjB,KAAI,OAAM,EAAE,OAAO,EAAE,OAAO,YAAY;MACxC,SAAQ;MACR,aAAY;MACZ,SAAS;MACT,MAAK;OACL;MAEC,EACP,oBAAC;KACC,aAAY;KACZ,KAAI,OAAM,EAAE,UAAU,EAAE,UAAU,KAAK;KACvC,iBAAiB,iBAAiB,2CAA2C;MAC7E;KACE;IACD;GACH"}
+{"version":3,"file":"AvatarUploader.js","names":["t"],"sources":["../../src/elements/AvatarUploader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { LocalizationKey } from '../customizables';\nimport {\n  Button,\n  Col,\n  descriptors,\n  Flex,\n  localizationKeys,\n  SimpleButton,\n  Text,\n  useLocalizations,\n} from '../customizables';\nimport { handleError } from '../utils/errorHandler';\nimport { useCardState } from './contexts';\n\nexport type AvatarUploaderProps = {\n  title: LocalizationKey;\n  avatarPreview: React.ReactElement;\n  onAvatarChange: (file: File) => Promise<unknown>;\n  onAvatarRemove?: (() => void) | null;\n  avatarPreviewPlaceholder?: React.ReactElement | null;\n};\n\nconst fileToBase64 = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = error => reject(error);\n  });\n};\n\nconst MAX_SIZE_BYTES = 10 * 1000 * 1000;\nconst SUPPORTED_MIME_TYPES = Object.freeze(['image/png', 'image/jpeg', 'image/gif', 'image/webp']);\n\nconst validType = (f: File | DataTransferItem) => SUPPORTED_MIME_TYPES.includes(f.type);\nconst validSize = (f: File) => f.size <= MAX_SIZE_BYTES;\n\nexport const AvatarUploader = (props: AvatarUploaderProps) => {\n  const { t } = useLocalizations();\n  const [showUpload, setShowUpload] = React.useState(false);\n  const [objectUrl, setObjectUrl] = React.useState<string>();\n  const card = useCardState();\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const openDialog = () => inputRef.current?.click();\n\n  const { onAvatarChange, onAvatarRemove, title, avatarPreview, avatarPreviewPlaceholder, ...rest } = props;\n\n  const toggle = () => {\n    setShowUpload(!showUpload);\n  };\n\n  const handleFileDrop = (file: File | null) => {\n    if (file === null) {\n      return setObjectUrl('');\n    }\n\n    void fileToBase64(file).then(setObjectUrl);\n    card.setLoading();\n    return onAvatarChange(file)\n      .then(() => {\n        toggle();\n        card.setIdle();\n      })\n      .catch(err => handleError(err, [], card.setError));\n  };\n\n  const handleRemove = async () => {\n    card.setLoading();\n    await handleFileDrop(null);\n    return onAvatarRemove?.();\n  };\n\n  const upload = async (f: File | undefined) => {\n    if (!f) {\n      return;\n    }\n\n    if (!validType(f)) {\n      card.setError(t(localizationKeys('unstable__errors.avatar_file_type_invalid')));\n      return;\n    }\n\n    if (!validSize(f)) {\n      card.setError(t(localizationKeys('unstable__errors.avatar_file_size_exceeded')));\n      return;\n    }\n\n    await handleFileDrop(f);\n  };\n\n  const previewElement = objectUrl\n    ? React.cloneElement(avatarPreview, { imageUrl: objectUrl })\n    : avatarPreviewPlaceholder\n      ? React.cloneElement(avatarPreviewPlaceholder, { onClick: openDialog })\n      : avatarPreview;\n\n  return (\n    <Col gap={4}>\n      <input\n        type='file'\n        accept={SUPPORTED_MIME_TYPES.join(',')}\n        style={{ display: 'none' }}\n        ref={inputRef}\n        onChange={e => upload(e.currentTarget.files?.[0])}\n      />\n\n      <Flex\n        gap={4}\n        align='center'\n        {...rest}\n      >\n        {previewElement}\n        <Col gap={1}>\n          <Flex\n            elementDescriptor={descriptors.avatarImageActions}\n            gap={2}\n          >\n            <SimpleButton\n              elementDescriptor={descriptors.avatarImageActionsUpload}\n              localizationKey={localizationKeys('userProfile.profilePage.imageFormSubtitle')}\n              isDisabled={card.isLoading}\n              variant='outline'\n              size='xs'\n              onClick={openDialog}\n            />\n\n            {!!onAvatarRemove && !showUpload && (\n              <Button\n                elementDescriptor={descriptors.avatarImageActionsRemove}\n                localizationKey={localizationKeys('userProfile.profilePage.imageFormDestructiveActionSubtitle')}\n                isDisabled={card.isLoading}\n                sx={t => ({ color: t.colors.$danger500 })}\n                variant='ghost'\n                colorScheme='danger'\n                onClick={handleRemove}\n                size='xs'\n              />\n            )}\n          </Flex>\n          <Text\n            colorScheme='secondary'\n            sx={t => ({ fontSize: t.fontSizes.$sm })}\n            localizationKey={localizationKeys('userProfile.profilePage.fileDropAreaHint')}\n          />\n        </Col>\n      </Flex>\n    </Col>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,gBAAgB,SAAgC;AACpD,QAAO,IAAI,SAAS,SAAS,WAAW;EACtC,MAAM,SAAS,IAAI,YAAY;AAC/B,SAAO,cAAc,KAAK;AAC1B,SAAO,eAAe,QAAQ,OAAO,OAAiB;AACtD,SAAO,WAAU,UAAS,OAAO,MAAM;GACvC;;AAGJ,MAAM,iBAAiB,KAAK,MAAO;AACnC,MAAM,uBAAuB,OAAO,OAAO;CAAC;CAAa;CAAc;CAAa;CAAa,CAAC;AAElG,MAAM,aAAa,MAA+B,qBAAqB,SAAS,EAAE,KAAK;AACvF,MAAM,aAAa,MAAY,EAAE,QAAQ;AAEzC,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,MAAM,kBAAkB;CAChC,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,MAAM;CACzD,MAAM,CAAC,WAAW,gBAAgB,MAAM,UAAkB;CAC1D,MAAM,OAAO,cAAc;CAC3B,MAAM,WAAW,MAAM,OAAgC,KAAK;CAC5D,MAAM,mBAAmB,SAAS,SAAS,OAAO;CAElD,MAAM,EAAE,gBAAgB,gBAAgB,OAAO,eAAe,yBAA0B,GAAG,SAAS;CAEpG,MAAM,eAAe;AACnB,gBAAc,CAAC,WAAW;;CAG5B,MAAM,kBAAkB,SAAsB;AAC5C,MAAI,SAAS,KACX,QAAO,aAAa,GAAG;AAGzB,EAAK,aAAa,KAAK,CAAC,KAAK,aAAa;AAC1C,OAAK,YAAY;AACjB,SAAO,eAAe,KAAK,CACxB,WAAW;AACV,WAAQ;AACR,QAAK,SAAS;IACd,CACD,OAAM,QAAO,YAAY,KAAK,EAAE,EAAE,KAAK,SAAS,CAAC;;CAGtD,MAAM,eAAe,YAAY;AAC/B,OAAK,YAAY;AACjB,QAAM,eAAe,KAAK;AAC1B,SAAO,kBAAkB;;CAG3B,MAAM,SAAS,OAAO,MAAwB;AAC5C,MAAI,CAAC,EACH;AAGF,MAAI,CAAC,UAAU,EAAE,EAAE;AACjB,QAAK,SAAS,EAAE,iBAAiB,4CAA4C,CAAC,CAAC;AAC/E;;AAGF,MAAI,CAAC,UAAU,EAAE,EAAE;AACjB,QAAK,SAAS,EAAE,iBAAiB,6CAA6C,CAAC,CAAC;AAChF;;AAGF,QAAM,eAAe,EAAE;;CAGzB,MAAM,iBAAiB,YACnB,MAAM,aAAa,eAAe,EAAE,UAAU,WAAW,CAAC,GAC1D,2BACE,MAAM,aAAa,0BAA0B,EAAE,SAAS,YAAY,CAAC,GACrE;AAEN,QACE,qBAAC;EAAI,KAAK;aACR,oBAAC;GACC,MAAK;GACL,QAAQ,qBAAqB,KAAK,IAAI;GACtC,OAAO,EAAE,SAAS,QAAQ;GAC1B,KAAK;GACL,WAAU,MAAK,OAAO,EAAE,cAAc,QAAQ,GAAG;IACjD,EAEF,qBAAC;GACC,KAAK;GACL,OAAM;GACN,GAAI;cAEH,gBACD,qBAAC;IAAI,KAAK;eACR,qBAAC;KACC,mBAAmB,YAAY;KAC/B,KAAK;gBAEL,oBAAC;MACC,mBAAmB,YAAY;MAC/B,iBAAiB,iBAAiB,4CAA4C;MAC9E,YAAY,KAAK;MACjB,SAAQ;MACR,MAAK;MACL,SAAS;OACT,EAED,CAAC,CAAC,kBAAkB,CAAC,cACpB,oBAAC;MACC,mBAAmB,YAAY;MAC/B,iBAAiB,iBAAiB,6DAA6D;MAC/F,YAAY,KAAK;MACjB,KAAI,SAAM,EAAE,OAAOA,IAAE,OAAO,YAAY;MACxC,SAAQ;MACR,aAAY;MACZ,SAAS;MACT,MAAK;OACL;MAEC,EACP,oBAAC;KACC,aAAY;KACZ,KAAI,SAAM,EAAE,UAAUA,IAAE,UAAU,KAAK;KACvC,iBAAiB,iBAAiB,2CAA2C;MAC7E;KACE;IACD;GACH"}

package/dist/elements/CodeControl.js

@@ -9,8 +9,8 @@ import { sleep } from "../utils/sleep.js";
 import { handleError } from "../utils/errorHandler.js";
 import { TimerButton } from "./TimerButton.js";
 import React, { useCallback } 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";
 import { OTPInput, REGEXP_ONLY_DIGITS } from "input-otp";
 
 //#region src/elements/CodeControl.tsx

package/dist/elements/Drawer.js

@@ -12,7 +12,7 @@ import { IconButton } from "./IconButton.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useMergeRefs, useRole, useTransitionStyles } from "@floating-ui/react";
-import { useSafeLayoutEffect } from "@clerk/shared/react/index";
+import { usePortalRoot, useSafeLayoutEffect } from "@clerk/shared/react/index";
 
 //#region src/elements/Drawer.tsx
 const DrawerContext = React$1.createContext(null);
@@ -23,6 +23,8 @@ const useDrawerContext = () => {
 };
 function Root({ children, open, onOpenChange, strategy = "fixed", floatingProps, portalProps, dismissProps }) {
 	const direction = useDirection();
+	const portalRoot = usePortalRoot();
+	const effectivePortalRoot = portalProps?.root ?? portalRoot?.() ?? void 0;
 	const { refs, context } = useFloating({
 		open,
 		onOpenChange,
@@ -41,7 +43,10 @@ function Root({ children, open, onOpenChange, strategy = "fixed", floatingProps,
 			isOpen: open,
 			setIsOpen: onOpenChange,
 			strategy,
-			portalProps: portalProps || {},
+			portalProps: {
+				...portalProps,
+				root: effectivePortalRoot
+			},
 			refs,
 			context,
 			getFloatingProps,
@@ -49,6 +54,7 @@ function Root({ children, open, onOpenChange, strategy = "fixed", floatingProps,
 		},
 		children: /* @__PURE__ */ jsx(FloatingPortal, {
 			...portalProps,
+			root: effectivePortalRoot,
 			children
 		})
 	});

package/dist/elements/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","FloatingOverlay","CloseIcon"],"sources":["../../src/elements/Drawer.tsx"],"sourcesContent":["import { useSafeLayoutEffect } from '@clerk/shared/react/index';\nimport type { UseDismissProps, UseFloatingOptions, UseRoleProps } from '@floating-ui/react';\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport type { LocalizationKey } from '../customizables';\nimport { Box, descriptors, Flex, Heading, Icon, Span, useAppearance } from '../customizables';\nimport { transitionDurationValues, transitionTiming } from '../foundations/transitions';\nimport { useDirection, usePrefersReducedMotion, useScrollLock } from '../hooks';\nimport { Close as CloseIcon } from '../icons';\nimport type { ThemableCssProp } from '../styledSystem';\nimport { common } from '../styledSystem';\nimport { colors } from '../utils/colors';\nimport { IconButton } from './IconButton';\n\ntype FloatingPortalProps = React.ComponentProps<typeof FloatingPortal>;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer Context\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContext {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  strategy: UseFloatingOptions['strategy'];\n  refs: ReturnType<typeof useFloating>['refs'];\n  context: ReturnType<typeof useFloating>['context'];\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  portalProps: FloatingPortalProps;\n  direction: ReturnType<typeof useDirection>;\n}\n\nconst DrawerContext = React.createContext<DrawerContext | null>(null);\n\nexport const useDrawerContext = () => {\n  const context = React.useContext(DrawerContext);\n  if (!context) {\n    throw new Error('Drawer components must be wrapped in <Drawer.Root>');\n  }\n  return context;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RootProps {\n  children: React.ReactNode;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /**\n   * The strategy to use when positioning the floating element.\n   * @default 'fixed'\n   * @see https://floating-ui.com/docs/useFloating#strategy\n   */\n  strategy?: UseFloatingOptions['strategy'];\n  /**\n   * @see https://floating-ui.com/docs/useFloating\n   */\n  floatingProps?: Omit<UseFloatingOptions, 'open' | 'onOpenChange' | 'strategy' | 'transform'>;\n  /**\n   * @see https://floating-ui.com/docs/FloatingPortal\n   */\n  portalProps?: FloatingPortalProps;\n  /**\n   * @see https://floating-ui.com/docs/useDismiss\n   */\n  dismissProps?: UseDismissProps;\n}\n\nfunction Root({\n  children,\n  open,\n  onOpenChange,\n  strategy = 'fixed',\n  floatingProps,\n  portalProps,\n  dismissProps,\n}: RootProps) {\n  const direction = useDirection();\n\n  const { refs, context } = useFloating({\n    open,\n    onOpenChange,\n    transform: false,\n    strategy,\n    placement: direction === 'ltr' ? 'right' : 'left',\n    ...floatingProps,\n  });\n\n  const { getFloatingProps } = useInteractions([\n    useClick(context),\n    useDismiss(context, dismissProps),\n    useRole(context),\n  ]);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        isOpen: open,\n        setIsOpen: onOpenChange,\n        strategy,\n        portalProps: portalProps || {},\n        refs,\n        context,\n        getFloatingProps,\n        direction,\n      }}\n    >\n      <FloatingPortal {...portalProps}>{children}</FloatingPortal>\n    </DrawerContext.Provider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Overlay\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FloatingOverlay = React.forwardRef(function FloatingOverlay(\n  props: React.ComponentPropsWithoutRef<typeof Box>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) {\n  const { strategy } = useDrawerContext();\n  const { disableScrollLock, enableScrollLock } = useScrollLock();\n\n  useSafeLayoutEffect(() => {\n    if (strategy !== 'fixed') {\n      return;\n    }\n    enableScrollLock();\n    return () => {\n      disableScrollLock();\n    };\n  }, [strategy, disableScrollLock, enableScrollLock]);\n\n  return (\n    <Box\n      ref={ref}\n      {...props}\n      elementDescriptor={descriptors.drawerBackdrop}\n      sx={[\n        t => ({\n          inset: 0,\n          backgroundColor: colors.setAlpha(t.colors.$colorBackground, 0.28),\n        }),\n        props.sx,\n      ]}\n    />\n  );\n});\n\nconst Overlay = React.forwardRef<HTMLDivElement>((_, ref) => {\n  const { strategy, context } = useDrawerContext();\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n    common: {\n      position: strategy,\n      inset: 0,\n      transitionProperty: 'opacity',\n      transitionTimingFunction: transitionTiming.bezier,\n    },\n    duration: transitionDurationValues.drawer,\n  });\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingOverlay\n      ref={ref}\n      style={{\n        ...transitionStyles,\n      }}\n    />\n  );\n});\n\nOverlay.displayName = 'Drawer.Overlay';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ContentProps {\n  children: React.ReactNode;\n}\n\nconst Content = React.forwardRef<HTMLDivElement, ContentProps>(({ children }, ref) => {\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { animations: layoutAnimations } = useAppearance().parsedOptions;\n  const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n  const { strategy, refs, context, getFloatingProps, direction } = useDrawerContext();\n  const mergedRefs = useMergeRefs([ref, refs.setFloating]);\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    initial: { transform: `translate3d(var(--transform-offset), 0, 0)` },\n    open: { transform: 'translate3d(0, 0, 0)' },\n    close: { transform: `translate3d(var(--transform-offset), 0, 0)` },\n    common: {\n      transitionProperty: 'transform',\n      transitionTimingFunction: transitionTiming.bezier,\n    },\n    duration: isMotionSafe ? transitionDurationValues.drawer : 0,\n  });\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingFocusManager\n      context={context}\n      modal\n      outsideElementsInert\n      initialFocus={refs.floating}\n    >\n      <Box\n        ref={mergedRefs}\n        {...getFloatingProps()}\n        sx={t => ({\n          position: strategy,\n          insetBlock: 0,\n          insetInline: 0,\n          pointerEvents: 'none',\n          isolation: 'isolate',\n          // When drawer is within the profile components, we need to ensure it is above the drawer\n          // renders above the profile close button\n          zIndex: strategy === 'absolute' ? t.zIndices.$modal : undefined,\n        })}\n        elementDescriptor={descriptors.drawerRoot}\n      >\n        <Flex\n          elementDescriptor={descriptors.drawerContent}\n          style={transitionStyles}\n          direction='col'\n          sx={t => ({\n            // Apply the conditional right offset + the spread of the\n            // box shadow to ensure it is fully offscreen before unmounting\n            '--transform-offset':\n              strategy === 'fixed'\n                ? `calc((100% + ${t.space.$3} + ${t.space.$8x75}) * ${direction === 'rtl' ? -1 : 1})`\n                : `calc((100% + ${t.space.$8x75}) * ${direction === 'rtl' ? -1 : 1})`,\n            willChange: 'transform',\n            position: strategy,\n            insetBlock: strategy === 'fixed' ? t.space.$3 : 0,\n            insetInlineEnd: strategy === 'fixed' ? t.space.$3 : 0,\n            outline: 0,\n            width: t.sizes.$100,\n            maxWidth: strategy === 'fixed' ? `calc(100% - ${t.space.$6})` : '100%',\n            backgroundColor: t.colors.$colorBackground,\n            borderStartStartRadius: t.radii.$lg,\n            borderEndStartRadius: t.radii.$lg,\n            borderEndEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,\n            borderStartEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,\n            borderWidth: t.borderWidths.$normal,\n            borderStyle: t.borderStyles.$solid,\n            borderColor: t.colors.$borderAlpha150,\n            overflow: 'hidden',\n            pointerEvents: 'auto',\n          })}\n        >\n          {children}\n        </Flex>\n      </Box>\n    </FloatingFocusManager>\n  );\n});\n\nContent.displayName = 'Drawer.Content';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps {\n  title?: string | LocalizationKey;\n  children?: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(({ title, children, sx }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerHeader}\n      as='header'\n      sx={[\n        t => ({\n          display: 'flex',\n          background: common.mergedColorsBackground(\n            colors.setAlpha(t.colors.$colorBackground, 1),\n            t.colors.$neutralAlpha50,\n          ),\n          borderBlockEndWidth: t.borderWidths.$normal,\n          borderBlockEndStyle: t.borderStyles.$solid,\n          borderBlockEndColor: t.colors.$borderAlpha150,\n          borderStartStartRadius: t.radii.$lg,\n          borderStartEndRadius: t.radii.$lg,\n          paddingBlock: title ? t.space.$3 : undefined,\n          paddingInline: title ? t.space.$4 : undefined,\n        }),\n        sx,\n      ]}\n    >\n      {title ? (\n        <>\n          <Heading\n            localizationKey={title}\n            as='h2'\n            elementDescriptor={descriptors.drawerTitle}\n            textVariant='h2'\n            sx={{\n              alignSelf: 'center',\n            }}\n          />\n          <Close />\n        </>\n      ) : (\n        children\n      )}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Body = React.forwardRef<HTMLDivElement, BodyProps>(({ children, ...props }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerBody}\n      sx={[\n        () => ({\n          display: 'flex',\n          flexDirection: 'column',\n          flex: 1,\n          overflowY: 'auto',\n          overflowX: 'hidden',\n        }),\n        props.sx,\n      ]}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Footer\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(({ children, sx, ...props }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerFooter}\n      sx={[\n        t => ({\n          display: 'flex',\n          flexDirection: 'column',\n          background: common.mergedColorsBackground(\n            colors.setAlpha(t.colors.$colorBackground, 1),\n            t.colors.$neutralAlpha50,\n          ),\n          borderBlockStartWidth: t.borderWidths.$normal,\n          borderBlockStartStyle: t.borderStyles.$solid,\n          borderBlockStartColor: t.colors.$borderAlpha100,\n          borderEndStartRadius: t.radii.$xl,\n          borderEndEndRadius: t.radii.$xl,\n          paddingBlock: t.space.$3,\n          paddingInline: t.space.$4,\n        }),\n        sx,\n      ]}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Close\n * -----------------------------------------------------------------------------------------------*/\n\nconst Close = React.forwardRef<HTMLButtonElement>((_, ref) => {\n  const { setIsOpen } = useDrawerContext();\n  return (\n    <IconButton\n      ref={ref}\n      elementDescriptor={descriptors.drawerClose}\n      variant='ghost'\n      aria-label='Close drawer'\n      onClick={() => setIsOpen(false)}\n      icon={\n        <Icon\n          icon={CloseIcon}\n          size='sm'\n        />\n      }\n      sx={t => ({\n        color: t.colors.$colorMutedForeground,\n        padding: t.space.$3,\n        marginInlineStart: 'auto',\n      })}\n    />\n  );\n});\n\nClose.displayName = 'Drawer.Close';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Confirmation\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmationProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  children: React.ReactNode;\n  actionsSlot: React.ReactNode;\n  /**\n   * @see https://floating-ui.com/docs/userole\n   */\n  roleProps?: UseRoleProps;\n}\n\nconst Confirmation = React.forwardRef<HTMLDivElement, ConfirmationProps>(\n  ({ open, onOpenChange, children, actionsSlot, roleProps }, ref) => {\n    const prefersReducedMotion = usePrefersReducedMotion();\n    const { animations: layoutAnimations } = useAppearance().parsedOptions;\n    const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n    const { refs, context } = useFloating({\n      open,\n      onOpenChange,\n      transform: false,\n      strategy: 'absolute',\n    });\n    const { getFloatingProps } = useInteractions([\n      useClick(context),\n      useDismiss(context),\n      useRole(context, { role: 'alertdialog', ...roleProps }),\n    ]);\n\n    const mergedRefs = useMergeRefs([ref, refs.setFloating]);\n\n    const { styles: overlayTransitionStyles } = useTransitionStyles(context, {\n      initial: { opacity: 0 },\n      open: { opacity: 1 },\n      close: { opacity: 0 },\n      common: {\n        transitionProperty: 'opacity',\n        transitionTimingFunction: transitionTiming.bezier,\n      },\n      duration: transitionDurationValues.drawer,\n    });\n\n    const { isMounted, styles: modalTransitionStyles } = useTransitionStyles(context, {\n      initial: { transform: 'translate3D(0, 100%, 0)' },\n      open: { transform: 'translate3D(0, 0, 0)' },\n      close: { transform: 'translate3D(0, 100%, 0)' },\n      common: {\n        transitionProperty: 'transform',\n        transitionTimingFunction: transitionTiming.bezier,\n      },\n      duration: isMotionSafe ? transitionDurationValues.drawer : 0,\n    });\n\n    if (!isMounted) {\n      return null;\n    }\n\n    return (\n      <>\n        <Span\n          elementDescriptor={descriptors.drawerConfirmationBackdrop}\n          style={overlayTransitionStyles}\n          sx={t => ({\n            position: 'absolute',\n            inset: 0,\n            backgroundImage: `linear-gradient(to bottom, ${colors.setAlpha(t.colors.$colorBackground, 0.28)}, ${t.colors.$colorBackground})`,\n          })}\n        />\n\n        <FloatingFocusManager\n          context={context}\n          modal\n          outsideElementsInert\n          initialFocus={refs.floating}\n        >\n          <Box\n            ref={mergedRefs}\n            elementDescriptor={descriptors.drawerConfirmationRoot}\n            style={modalTransitionStyles}\n            {...getFloatingProps()}\n            sx={t => ({\n              display: 'flex',\n              flexDirection: 'column',\n              rowGap: t.space.$6,\n              outline: 'none',\n              willChange: 'transform',\n              position: 'absolute',\n              bottom: 0,\n              left: 0,\n              right: 0,\n              background: common.mergedColorsBackground(\n                colors.setAlpha(t.colors.$colorBackground, 1),\n                t.colors.$neutralAlpha50,\n              ),\n              padding: t.space.$4,\n              borderStartStartRadius: t.radii.$md,\n              borderStartEndRadius: t.radii.$md,\n              boxShadow: `0 0 0 1px ${t.colors.$borderAlpha100}`,\n            })}\n          >\n            {children}\n\n            <Flex\n              elementDescriptor={descriptors.drawerConfirmationActions}\n              gap={3}\n              justify='end'\n            >\n              {actionsSlot}\n            </Flex>\n          </Box>\n        </FloatingFocusManager>\n      </>\n    );\n  },\n);\n\nConfirmation.displayName = 'Drawer.Confirmation';\n\nexport const Drawer = {\n  Root,\n  Overlay,\n  Content,\n  Header,\n  Body,\n  Footer,\n  Confirmation,\n  Close,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["React","FloatingOverlay","CloseIcon"],"sources":["../../src/elements/Drawer.tsx"],"sourcesContent":["import { usePortalRoot, useSafeLayoutEffect } from '@clerk/shared/react/index';\nimport type { UseDismissProps, UseFloatingOptions, UseRoleProps } from '@floating-ui/react';\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport type { LocalizationKey } from '../customizables';\nimport { Box, descriptors, Flex, Heading, Icon, Span, useAppearance } from '../customizables';\nimport { transitionDurationValues, transitionTiming } from '../foundations/transitions';\nimport { useDirection, usePrefersReducedMotion, useScrollLock } from '../hooks';\nimport { Close as CloseIcon } from '../icons';\nimport type { ThemableCssProp } from '../styledSystem';\nimport { common } from '../styledSystem';\nimport { colors } from '../utils/colors';\nimport { IconButton } from './IconButton';\n\ntype FloatingPortalProps = React.ComponentProps<typeof FloatingPortal>;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer Context\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContext {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  strategy: UseFloatingOptions['strategy'];\n  refs: ReturnType<typeof useFloating>['refs'];\n  context: ReturnType<typeof useFloating>['context'];\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  portalProps: FloatingPortalProps;\n  direction: ReturnType<typeof useDirection>;\n}\n\nconst DrawerContext = React.createContext<DrawerContext | null>(null);\n\nexport const useDrawerContext = () => {\n  const context = React.useContext(DrawerContext);\n  if (!context) {\n    throw new Error('Drawer components must be wrapped in <Drawer.Root>');\n  }\n  return context;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RootProps {\n  children: React.ReactNode;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /**\n   * The strategy to use when positioning the floating element.\n   * @default 'fixed'\n   * @see https://floating-ui.com/docs/useFloating#strategy\n   */\n  strategy?: UseFloatingOptions['strategy'];\n  /**\n   * @see https://floating-ui.com/docs/useFloating\n   */\n  floatingProps?: Omit<UseFloatingOptions, 'open' | 'onOpenChange' | 'strategy' | 'transform'>;\n  /**\n   * @see https://floating-ui.com/docs/FloatingPortal\n   */\n  portalProps?: FloatingPortalProps;\n  /**\n   * @see https://floating-ui.com/docs/useDismiss\n   */\n  dismissProps?: UseDismissProps;\n}\n\nfunction Root({\n  children,\n  open,\n  onOpenChange,\n  strategy = 'fixed',\n  floatingProps,\n  portalProps,\n  dismissProps,\n}: RootProps) {\n  const direction = useDirection();\n  const portalRoot = usePortalRoot();\n  const effectivePortalRoot = portalProps?.root ?? portalRoot?.() ?? undefined;\n\n  const { refs, context } = useFloating({\n    open,\n    onOpenChange,\n    transform: false,\n    strategy,\n    placement: direction === 'ltr' ? 'right' : 'left',\n    ...floatingProps,\n  });\n\n  const { getFloatingProps } = useInteractions([\n    useClick(context),\n    useDismiss(context, dismissProps),\n    useRole(context),\n  ]);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        isOpen: open,\n        setIsOpen: onOpenChange,\n        strategy,\n        portalProps: { ...portalProps, root: effectivePortalRoot },\n        refs,\n        context,\n        getFloatingProps,\n        direction,\n      }}\n    >\n      <FloatingPortal\n        {...portalProps}\n        root={effectivePortalRoot}\n      >\n        {children}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Overlay\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FloatingOverlay = React.forwardRef(function FloatingOverlay(\n  props: React.ComponentPropsWithoutRef<typeof Box>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) {\n  const { strategy } = useDrawerContext();\n  const { disableScrollLock, enableScrollLock } = useScrollLock();\n\n  useSafeLayoutEffect(() => {\n    if (strategy !== 'fixed') {\n      return;\n    }\n    enableScrollLock();\n    return () => {\n      disableScrollLock();\n    };\n  }, [strategy, disableScrollLock, enableScrollLock]);\n\n  return (\n    <Box\n      ref={ref}\n      {...props}\n      elementDescriptor={descriptors.drawerBackdrop}\n      sx={[\n        t => ({\n          inset: 0,\n          backgroundColor: colors.setAlpha(t.colors.$colorBackground, 0.28),\n        }),\n        props.sx,\n      ]}\n    />\n  );\n});\n\nconst Overlay = React.forwardRef<HTMLDivElement>((_, ref) => {\n  const { strategy, context } = useDrawerContext();\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n    common: {\n      position: strategy,\n      inset: 0,\n      transitionProperty: 'opacity',\n      transitionTimingFunction: transitionTiming.bezier,\n    },\n    duration: transitionDurationValues.drawer,\n  });\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingOverlay\n      ref={ref}\n      style={{\n        ...transitionStyles,\n      }}\n    />\n  );\n});\n\nOverlay.displayName = 'Drawer.Overlay';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ContentProps {\n  children: React.ReactNode;\n}\n\nconst Content = React.forwardRef<HTMLDivElement, ContentProps>(({ children }, ref) => {\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { animations: layoutAnimations } = useAppearance().parsedOptions;\n  const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n  const { strategy, refs, context, getFloatingProps, direction } = useDrawerContext();\n  const mergedRefs = useMergeRefs([ref, refs.setFloating]);\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    initial: { transform: `translate3d(var(--transform-offset), 0, 0)` },\n    open: { transform: 'translate3d(0, 0, 0)' },\n    close: { transform: `translate3d(var(--transform-offset), 0, 0)` },\n    common: {\n      transitionProperty: 'transform',\n      transitionTimingFunction: transitionTiming.bezier,\n    },\n    duration: isMotionSafe ? transitionDurationValues.drawer : 0,\n  });\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingFocusManager\n      context={context}\n      modal\n      outsideElementsInert\n      initialFocus={refs.floating}\n    >\n      <Box\n        ref={mergedRefs}\n        {...getFloatingProps()}\n        sx={t => ({\n          position: strategy,\n          insetBlock: 0,\n          insetInline: 0,\n          pointerEvents: 'none',\n          isolation: 'isolate',\n          // When drawer is within the profile components, we need to ensure it is above the drawer\n          // renders above the profile close button\n          zIndex: strategy === 'absolute' ? t.zIndices.$modal : undefined,\n        })}\n        elementDescriptor={descriptors.drawerRoot}\n      >\n        <Flex\n          elementDescriptor={descriptors.drawerContent}\n          style={transitionStyles}\n          direction='col'\n          sx={t => ({\n            // Apply the conditional right offset + the spread of the\n            // box shadow to ensure it is fully offscreen before unmounting\n            '--transform-offset':\n              strategy === 'fixed'\n                ? `calc((100% + ${t.space.$3} + ${t.space.$8x75}) * ${direction === 'rtl' ? -1 : 1})`\n                : `calc((100% + ${t.space.$8x75}) * ${direction === 'rtl' ? -1 : 1})`,\n            willChange: 'transform',\n            position: strategy,\n            insetBlock: strategy === 'fixed' ? t.space.$3 : 0,\n            insetInlineEnd: strategy === 'fixed' ? t.space.$3 : 0,\n            outline: 0,\n            width: t.sizes.$100,\n            maxWidth: strategy === 'fixed' ? `calc(100% - ${t.space.$6})` : '100%',\n            backgroundColor: t.colors.$colorBackground,\n            borderStartStartRadius: t.radii.$lg,\n            borderEndStartRadius: t.radii.$lg,\n            borderEndEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,\n            borderStartEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,\n            borderWidth: t.borderWidths.$normal,\n            borderStyle: t.borderStyles.$solid,\n            borderColor: t.colors.$borderAlpha150,\n            overflow: 'hidden',\n            pointerEvents: 'auto',\n          })}\n        >\n          {children}\n        </Flex>\n      </Box>\n    </FloatingFocusManager>\n  );\n});\n\nContent.displayName = 'Drawer.Content';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps {\n  title?: string | LocalizationKey;\n  children?: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(({ title, children, sx }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerHeader}\n      as='header'\n      sx={[\n        t => ({\n          display: 'flex',\n          background: common.mergedColorsBackground(\n            colors.setAlpha(t.colors.$colorBackground, 1),\n            t.colors.$neutralAlpha50,\n          ),\n          borderBlockEndWidth: t.borderWidths.$normal,\n          borderBlockEndStyle: t.borderStyles.$solid,\n          borderBlockEndColor: t.colors.$borderAlpha150,\n          borderStartStartRadius: t.radii.$lg,\n          borderStartEndRadius: t.radii.$lg,\n          paddingBlock: title ? t.space.$3 : undefined,\n          paddingInline: title ? t.space.$4 : undefined,\n        }),\n        sx,\n      ]}\n    >\n      {title ? (\n        <>\n          <Heading\n            localizationKey={title}\n            as='h2'\n            elementDescriptor={descriptors.drawerTitle}\n            textVariant='h2'\n            sx={{\n              alignSelf: 'center',\n            }}\n          />\n          <Close />\n        </>\n      ) : (\n        children\n      )}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Body = React.forwardRef<HTMLDivElement, BodyProps>(({ children, ...props }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerBody}\n      sx={[\n        () => ({\n          display: 'flex',\n          flexDirection: 'column',\n          flex: 1,\n          overflowY: 'auto',\n          overflowX: 'hidden',\n        }),\n        props.sx,\n      ]}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Footer\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  sx?: ThemableCssProp;\n}\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(({ children, sx, ...props }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      elementDescriptor={descriptors.drawerFooter}\n      sx={[\n        t => ({\n          display: 'flex',\n          flexDirection: 'column',\n          background: common.mergedColorsBackground(\n            colors.setAlpha(t.colors.$colorBackground, 1),\n            t.colors.$neutralAlpha50,\n          ),\n          borderBlockStartWidth: t.borderWidths.$normal,\n          borderBlockStartStyle: t.borderStyles.$solid,\n          borderBlockStartColor: t.colors.$borderAlpha100,\n          borderEndStartRadius: t.radii.$xl,\n          borderEndEndRadius: t.radii.$xl,\n          paddingBlock: t.space.$3,\n          paddingInline: t.space.$4,\n        }),\n        sx,\n      ]}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Close\n * -----------------------------------------------------------------------------------------------*/\n\nconst Close = React.forwardRef<HTMLButtonElement>((_, ref) => {\n  const { setIsOpen } = useDrawerContext();\n  return (\n    <IconButton\n      ref={ref}\n      elementDescriptor={descriptors.drawerClose}\n      variant='ghost'\n      aria-label='Close drawer'\n      onClick={() => setIsOpen(false)}\n      icon={\n        <Icon\n          icon={CloseIcon}\n          size='sm'\n        />\n      }\n      sx={t => ({\n        color: t.colors.$colorMutedForeground,\n        padding: t.space.$3,\n        marginInlineStart: 'auto',\n      })}\n    />\n  );\n});\n\nClose.displayName = 'Drawer.Close';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Confirmation\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmationProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  children: React.ReactNode;\n  actionsSlot: React.ReactNode;\n  /**\n   * @see https://floating-ui.com/docs/userole\n   */\n  roleProps?: UseRoleProps;\n}\n\nconst Confirmation = React.forwardRef<HTMLDivElement, ConfirmationProps>(\n  ({ open, onOpenChange, children, actionsSlot, roleProps }, ref) => {\n    const prefersReducedMotion = usePrefersReducedMotion();\n    const { animations: layoutAnimations } = useAppearance().parsedOptions;\n    const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n    const { refs, context } = useFloating({\n      open,\n      onOpenChange,\n      transform: false,\n      strategy: 'absolute',\n    });\n    const { getFloatingProps } = useInteractions([\n      useClick(context),\n      useDismiss(context),\n      useRole(context, { role: 'alertdialog', ...roleProps }),\n    ]);\n\n    const mergedRefs = useMergeRefs([ref, refs.setFloating]);\n\n    const { styles: overlayTransitionStyles } = useTransitionStyles(context, {\n      initial: { opacity: 0 },\n      open: { opacity: 1 },\n      close: { opacity: 0 },\n      common: {\n        transitionProperty: 'opacity',\n        transitionTimingFunction: transitionTiming.bezier,\n      },\n      duration: transitionDurationValues.drawer,\n    });\n\n    const { isMounted, styles: modalTransitionStyles } = useTransitionStyles(context, {\n      initial: { transform: 'translate3D(0, 100%, 0)' },\n      open: { transform: 'translate3D(0, 0, 0)' },\n      close: { transform: 'translate3D(0, 100%, 0)' },\n      common: {\n        transitionProperty: 'transform',\n        transitionTimingFunction: transitionTiming.bezier,\n      },\n      duration: isMotionSafe ? transitionDurationValues.drawer : 0,\n    });\n\n    if (!isMounted) {\n      return null;\n    }\n\n    return (\n      <>\n        <Span\n          elementDescriptor={descriptors.drawerConfirmationBackdrop}\n          style={overlayTransitionStyles}\n          sx={t => ({\n            position: 'absolute',\n            inset: 0,\n            backgroundImage: `linear-gradient(to bottom, ${colors.setAlpha(t.colors.$colorBackground, 0.28)}, ${t.colors.$colorBackground})`,\n          })}\n        />\n\n        <FloatingFocusManager\n          context={context}\n          modal\n          outsideElementsInert\n          initialFocus={refs.floating}\n        >\n          <Box\n            ref={mergedRefs}\n            elementDescriptor={descriptors.drawerConfirmationRoot}\n            style={modalTransitionStyles}\n            {...getFloatingProps()}\n            sx={t => ({\n              display: 'flex',\n              flexDirection: 'column',\n              rowGap: t.space.$6,\n              outline: 'none',\n              willChange: 'transform',\n              position: 'absolute',\n              bottom: 0,\n              left: 0,\n              right: 0,\n              background: common.mergedColorsBackground(\n                colors.setAlpha(t.colors.$colorBackground, 1),\n                t.colors.$neutralAlpha50,\n              ),\n              padding: t.space.$4,\n              borderStartStartRadius: t.radii.$md,\n              borderStartEndRadius: t.radii.$md,\n              boxShadow: `0 0 0 1px ${t.colors.$borderAlpha100}`,\n            })}\n          >\n            {children}\n\n            <Flex\n              elementDescriptor={descriptors.drawerConfirmationActions}\n              gap={3}\n              justify='end'\n            >\n              {actionsSlot}\n            </Flex>\n          </Box>\n        </FloatingFocusManager>\n      </>\n    );\n  },\n);\n\nConfirmation.displayName = 'Drawer.Confirmation';\n\nexport const Drawer = {\n  Root,\n  Overlay,\n  Content,\n  Header,\n  Body,\n  Footer,\n  Confirmation,\n  Close,\n};\n"],"mappings":"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"}

package/dist/elements/Form.js

@@ -6,8 +6,8 @@ import { Button, Col, Flex, Form } from "../customizables/index.js";
 import { LastAuthenticationStrategyBadge } from "./Badge.js";
 import { Field } from "./FieldControl.js";
 import React, { forwardRef, useState } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 
 //#region src/elements/Form.tsx
 const [FormState, useFormState] = createContextAndHook("FormState");

package/dist/elements/Menu.js

@@ -6,8 +6,8 @@ import { withFloatingTree } from "./contexts/index.js";
 import { Col, SimpleButton } from "../customizables/index.js";
 import { Popover } from "./Popover.js";
 import React, { cloneElement, isValidElement, useLayoutEffect, useRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 
 //#region src/elements/Menu.tsx
 const [MenuStateCtx, useMenuState] = createContextAndHook("MenuState");

package/dist/elements/Modal.js

@@ -7,14 +7,15 @@ import { withFloatingTree } from "./contexts/index.js";
 import { Flex } from "../customizables/index.js";
 import { Popover } from "./Popover.js";
 import React, { useRef } from "react";
+import { createContextAndHook, usePortalRoot, useSafeLayoutEffect } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { createContextAndHook, useSafeLayoutEffect } from "@clerk/shared/react";
 
 //#region src/elements/Modal.tsx
 const [ModalContext, _, useUnsafeModalContext] = createContextAndHook("ModalContext");
 const Modal = withFloatingTree((props) => {
 	const { disableScrollLock, enableScrollLock } = useScrollLock();
 	const { handleClose, handleOpen, contentSx, containerSx, canCloseModal, id, style, portalRoot, initialFocusRef } = props;
+	const portalRootFromContext = usePortalRoot();
 	const overlayRef = useRef(null);
 	const { floating, isOpen, context, nodeId, toggle } = usePopover({
 		defaultOpen: true,
@@ -38,7 +39,7 @@ const Modal = withFloatingTree((props) => {
 		context,
 		isOpen,
 		outsideElementsInert: true,
-		root: portalRoot,
+		root: portalRoot ?? portalRootFromContext?.() ?? void 0,
 		initialFocus: initialFocusRef,
 		children: /* @__PURE__ */ jsx(ModalContext.Provider, {
 			value: modalCtx,

package/dist/elements/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":[],"sources":["../../src/elements/Modal.tsx"],"sourcesContent":["import { createContextAndHook, useSafeLayoutEffect } from '@clerk/shared/react';\nimport React, { useRef } from 'react';\n\nimport { descriptors, Flex } from '../customizables';\nimport { usePopover } from '../hooks';\nimport { useScrollLock } from '../hooks/useScrollLock';\nimport type { ThemableCssProp } from '../styledSystem';\nimport { animations, mqu } from '../styledSystem';\nimport { withFloatingTree } from './contexts';\nimport { Popover } from './Popover';\n\nexport const [ModalContext, _, useUnsafeModalContext] = createContextAndHook<{ toggle?: () => void }>('ModalContext');\n\ntype ModalProps = React.PropsWithChildren<{\n  id?: string;\n  handleOpen?: () => void;\n  handleClose?: () => void;\n  contentSx?: ThemableCssProp;\n  containerSx?: ThemableCssProp;\n  canCloseModal?: boolean;\n  style?: React.CSSProperties;\n  portalRoot?: HTMLElement | React.MutableRefObject<HTMLElement | null>;\n  initialFocusRef?: number | React.MutableRefObject<HTMLElement | null>;\n}>;\n\nexport const Modal = withFloatingTree((props: ModalProps) => {\n  const { disableScrollLock, enableScrollLock } = useScrollLock();\n  const { handleClose, handleOpen, contentSx, containerSx, canCloseModal, id, style, portalRoot, initialFocusRef } =\n    props;\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { floating, isOpen, context, nodeId, toggle } = usePopover({\n    defaultOpen: true,\n    autoUpdate: false,\n    outsidePress: e => e.target === overlayRef.current,\n    canCloseModal,\n  });\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      handleClose?.();\n    } else {\n      handleOpen?.();\n    }\n  }, [isOpen]);\n  const modalCtx = React.useMemo(() => ({ value: canCloseModal === false ? {} : { toggle } }), [toggle, canCloseModal]);\n\n  useSafeLayoutEffect(() => {\n    enableScrollLock();\n\n    return () => {\n      disableScrollLock();\n    };\n  }, []);\n\n  return (\n    <Popover\n      nodeId={nodeId}\n      context={context}\n      isOpen={isOpen}\n      outsideElementsInert\n      root={portalRoot}\n      initialFocus={initialFocusRef}\n    >\n      <ModalContext.Provider value={modalCtx}>\n        <Flex\n          id={id}\n          ref={overlayRef}\n          elementDescriptor={descriptors.modalBackdrop}\n          style={style}\n          sx={[\n            t => ({\n              animation: `${animations.fadeIn} 150ms ${t.transitionTiming.$common}`,\n              zIndex: t.zIndices.$modal,\n              backgroundColor: t.colors.$colorModalBackdrop,\n              alignItems: 'flex-start',\n              justifyContent: 'center',\n              overflow: 'auto',\n              width: '100vw',\n              height: ['100vh', '-webkit-fill-available'],\n              position: 'fixed',\n              left: 0,\n              top: 0,\n            }),\n            containerSx,\n          ]}\n        >\n          <Flex\n            elementDescriptor={descriptors.modalContent}\n            ref={floating}\n            aria-modal='true'\n            role='dialog'\n            sx={[\n              t => ({\n                position: 'relative',\n                outline: 0,\n                animation: `${animations.modalSlideAndFade} 180ms ${t.transitionTiming.$easeOut}`,\n                margin: `${t.space.$16} 0`,\n                [mqu.sm]: {\n                  margin: `${t.space.$10} 0`,\n                },\n              }),\n              contentSx,\n            ]}\n          >\n            {props.children}\n          </Flex>\n        </Flex>\n      </ModalContext.Provider>\n    </Popover>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,CAAC,cAAc,GAAG,yBAAyB,qBAA8C,eAAe;AAcrH,MAAa,QAAQ,kBAAkB,UAAsB;CAC3D,MAAM,EAAE,mBAAmB,qBAAqB,eAAe;CAC/D,MAAM,EAAE,aAAa,YAAY,WAAW,aAAa,eAAe,IAAI,OAAO,YAAY,oBAC7F;CACF,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,EAAE,UAAU,QAAQ,SAAS,QAAQ,WAAW,WAAW;EAC/D,aAAa;EACb,YAAY;EACZ,eAAc,MAAK,EAAE,WAAW,WAAW;EAC3C;EACD,CAAC;AAEF,OAAM,gBAAgB;AACpB,MAAI,CAAC,OACH,gBAAe;MAEf,eAAc;IAEf,CAAC,OAAO,CAAC;CACZ,MAAM,WAAW,MAAM,eAAe,EAAE,OAAO,kBAAkB,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,cAAc,CAAC;AAErH,2BAA0B;AACxB,oBAAkB;AAElB,eAAa;AACX,sBAAmB;;IAEpB,EAAE,CAAC;AAEN,QACE,oBAAC;EACS;EACC;EACD;EACR;EACA,MAAM;EACN,cAAc;YAEd,oBAAC,aAAa;GAAS,OAAO;aAC5B,oBAAC;IACK;IACJ,KAAK;IACL,mBAAmB,YAAY;IACxB;IACP,IAAI,EACF,OAAM;KACJ,WAAW,GAAG,WAAW,OAAO,SAAS,EAAE,iBAAiB;KAC5D,QAAQ,EAAE,SAAS;KACnB,iBAAiB,EAAE,OAAO;KAC1B,YAAY;KACZ,gBAAgB;KAChB,UAAU;KACV,OAAO;KACP,QAAQ,CAAC,SAAS,yBAAyB;KAC3C,UAAU;KACV,MAAM;KACN,KAAK;KACN,GACD,YACD;cAED,oBAAC;KACC,mBAAmB,YAAY;KAC/B,KAAK;KACL,cAAW;KACX,MAAK;KACL,IAAI,EACF,OAAM;MACJ,UAAU;MACV,SAAS;MACT,WAAW,GAAG,WAAW,kBAAkB,SAAS,EAAE,iBAAiB;MACvE,QAAQ,GAAG,EAAE,MAAM,IAAI;OACtB,IAAI,KAAK,EACR,QAAQ,GAAG,EAAE,MAAM,IAAI,KACxB;MACF,GACD,UACD;eAEA,MAAM;MACF;KACF;IACe;GAChB;EAEZ"}
+{"version":3,"file":"Modal.js","names":[],"sources":["../../src/elements/Modal.tsx"],"sourcesContent":["import { createContextAndHook, usePortalRoot, useSafeLayoutEffect } from '@clerk/shared/react';\nimport React, { useRef } from 'react';\n\nimport { descriptors, Flex } from '../customizables';\nimport { usePopover } from '../hooks';\nimport { useScrollLock } from '../hooks/useScrollLock';\nimport type { ThemableCssProp } from '../styledSystem';\nimport { animations, mqu } from '../styledSystem';\nimport { withFloatingTree } from './contexts';\nimport { Popover } from './Popover';\n\nexport const [ModalContext, _, useUnsafeModalContext] = createContextAndHook<{ toggle?: () => void }>('ModalContext');\n\ntype ModalProps = React.PropsWithChildren<{\n  id?: string;\n  handleOpen?: () => void;\n  handleClose?: () => void;\n  contentSx?: ThemableCssProp;\n  containerSx?: ThemableCssProp;\n  canCloseModal?: boolean;\n  style?: React.CSSProperties;\n  portalRoot?: HTMLElement | React.MutableRefObject<HTMLElement | null>;\n  initialFocusRef?: number | React.MutableRefObject<HTMLElement | null>;\n}>;\n\nexport const Modal = withFloatingTree((props: ModalProps) => {\n  const { disableScrollLock, enableScrollLock } = useScrollLock();\n  const { handleClose, handleOpen, contentSx, containerSx, canCloseModal, id, style, portalRoot, initialFocusRef } =\n    props;\n  const portalRootFromContext = usePortalRoot();\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { floating, isOpen, context, nodeId, toggle } = usePopover({\n    defaultOpen: true,\n    autoUpdate: false,\n    outsidePress: e => e.target === overlayRef.current,\n    canCloseModal,\n  });\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      handleClose?.();\n    } else {\n      handleOpen?.();\n    }\n  }, [isOpen]);\n  const modalCtx = React.useMemo(() => ({ value: canCloseModal === false ? {} : { toggle } }), [toggle, canCloseModal]);\n\n  useSafeLayoutEffect(() => {\n    enableScrollLock();\n\n    return () => {\n      disableScrollLock();\n    };\n  }, []);\n\n  const effectivePortalRoot = portalRoot ?? portalRootFromContext?.() ?? undefined;\n\n  return (\n    <Popover\n      nodeId={nodeId}\n      context={context}\n      isOpen={isOpen}\n      outsideElementsInert\n      root={effectivePortalRoot}\n      initialFocus={initialFocusRef}\n    >\n      <ModalContext.Provider value={modalCtx}>\n        <Flex\n          id={id}\n          ref={overlayRef}\n          elementDescriptor={descriptors.modalBackdrop}\n          style={style}\n          sx={[\n            t => ({\n              animation: `${animations.fadeIn} 150ms ${t.transitionTiming.$common}`,\n              zIndex: t.zIndices.$modal,\n              backgroundColor: t.colors.$colorModalBackdrop,\n              alignItems: 'flex-start',\n              justifyContent: 'center',\n              overflow: 'auto',\n              width: '100vw',\n              height: ['100vh', '-webkit-fill-available'],\n              position: 'fixed',\n              left: 0,\n              top: 0,\n            }),\n            containerSx,\n          ]}\n        >\n          <Flex\n            elementDescriptor={descriptors.modalContent}\n            ref={floating}\n            aria-modal='true'\n            role='dialog'\n            sx={[\n              t => ({\n                position: 'relative',\n                outline: 0,\n                animation: `${animations.modalSlideAndFade} 180ms ${t.transitionTiming.$easeOut}`,\n                margin: `${t.space.$16} 0`,\n                [mqu.sm]: {\n                  margin: `${t.space.$10} 0`,\n                },\n              }),\n              contentSx,\n            ]}\n          >\n            {props.children}\n          </Flex>\n        </Flex>\n      </ModalContext.Provider>\n    </Popover>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,CAAC,cAAc,GAAG,yBAAyB,qBAA8C,eAAe;AAcrH,MAAa,QAAQ,kBAAkB,UAAsB;CAC3D,MAAM,EAAE,mBAAmB,qBAAqB,eAAe;CAC/D,MAAM,EAAE,aAAa,YAAY,WAAW,aAAa,eAAe,IAAI,OAAO,YAAY,oBAC7F;CACF,MAAM,wBAAwB,eAAe;CAC7C,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,EAAE,UAAU,QAAQ,SAAS,QAAQ,WAAW,WAAW;EAC/D,aAAa;EACb,YAAY;EACZ,eAAc,MAAK,EAAE,WAAW,WAAW;EAC3C;EACD,CAAC;AAEF,OAAM,gBAAgB;AACpB,MAAI,CAAC,OACH,gBAAe;MAEf,eAAc;IAEf,CAAC,OAAO,CAAC;CACZ,MAAM,WAAW,MAAM,eAAe,EAAE,OAAO,kBAAkB,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,cAAc,CAAC;AAErH,2BAA0B;AACxB,oBAAkB;AAElB,eAAa;AACX,sBAAmB;;IAEpB,EAAE,CAAC;AAIN,QACE,oBAAC;EACS;EACC;EACD;EACR;EACA,MARwB,cAAc,yBAAyB,IAAI;EASnE,cAAc;YAEd,oBAAC,aAAa;GAAS,OAAO;aAC5B,oBAAC;IACK;IACJ,KAAK;IACL,mBAAmB,YAAY;IACxB;IACP,IAAI,EACF,OAAM;KACJ,WAAW,GAAG,WAAW,OAAO,SAAS,EAAE,iBAAiB;KAC5D,QAAQ,EAAE,SAAS;KACnB,iBAAiB,EAAE,OAAO;KAC1B,YAAY;KACZ,gBAAgB;KAChB,UAAU;KACV,OAAO;KACP,QAAQ,CAAC,SAAS,yBAAyB;KAC3C,UAAU;KACV,MAAM;KACN,KAAK;KACN,GACD,YACD;cAED,oBAAC;KACC,mBAAmB,YAAY;KAC/B,KAAK;KACL,cAAW;KACX,MAAK;KACL,IAAI,EACF,OAAM;MACJ,UAAU;MACV,SAAS;MACT,WAAW,GAAG,WAAW,kBAAkB,SAAS,EAAE,iBAAiB;MACvE,QAAQ,GAAG,EAAE,MAAM,IAAI;OACtB,IAAI,KAAK,EACR,QAAQ,GAAG,EAAE,MAAM,IAAI,KACxB;MACF,GACD,UACD;eAEA,MAAM;MACF;KACF;IACe;GAChB;EAEZ"}

package/dist/elements/Navbar.js

@@ -14,8 +14,8 @@ import { DevModeOverlay } from "./DevModeNotice.js";
 import { Popover } from "./Popover.js";
 import { Card } from "./Card/index.js";
 import React, { useCallback } 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/Navbar.tsx
 const [NavbarContext, useNavbarContext, useUnsafeNavbarContext] = createContextAndHook("NavbarContext");

package/dist/elements/PhoneInput/countryCodeData.js

@@ -54,13 +54,18 @@ const data = [
 		"af",
 		"93"
 	],
+	[
+		"Åland Islands",
+		"ax",
+		"358"
+	],
 	[
 		"Albania",
 		"al",
 		"355"
 	],
 	[
-		"Algeria ",
+		"Algeria",
 		"dz",
 		"213"
 	],
@@ -104,6 +109,11 @@ const data = [
 		"aw",
 		"297"
 	],
+	[
+		"Ascension Island",
+		"ac",
+		"247"
+	],
 	[
 		"Australia",
 		"au",
@@ -278,12 +288,12 @@ const data = [
 		"269"
 	],
 	[
-		"Congo",
+		"Democratic Republic of the Congo",
 		"cd",
 		"243"
 	],
 	[
-		"Congo",
+		"Republic of the Congo",
 		"cg",
 		"242"
 	],
@@ -580,6 +590,11 @@ const data = [
 		"ki",
 		"686"
 	],
+	[
+		"Kosovo",
+		"xk",
+		"383"
+	],
 	[
 		"Kuwait",
 		"kw",
@@ -640,11 +655,6 @@ const data = [
 		"mo",
 		"853"
 	],
-	[
-		"Macedonia",
-		"mk",
-		"389"
-	],
 	[
 		"Madagascar",
 		"mg",
@@ -696,6 +706,11 @@ const data = [
 		"mu",
 		"230"
 	],
+	[
+		"Mayotte",
+		"yt",
+		"262"
+	],
 	[
 		"Mexico",
 		"mx",
@@ -808,6 +823,11 @@ const data = [
 		"kp",
 		"850"
 	],
+	[
+		"North Macedonia",
+		"mk",
+		"389"
+	],
 	[
 		"Northern Mariana Islands",
 		"mp",
@@ -1045,7 +1065,7 @@ const data = [
 		"597"
 	],
 	[
-		"Swaziland",
+		"Eswatini",
 		"sz",
 		"268"
 	],
@@ -1193,6 +1213,11 @@ const data = [
 		"wf",
 		"681"
 	],
+	[
+		"Western Sahara",
+		"eh",
+		"212"
+	],
 	[
 		"Yemen",
 		"ye",

package/dist/elements/PhoneInput/countryCodeData.js.map

@@ -1 +1 @@
-{"version":3,"file":"countryCodeData.js","names":["UnitedStatesSubAreasSet: ReadonlySet<string>","CanadaSubAreaSet: ReadonlySet<string>","IsoToCountryMap: IsoToCountryMapType","CodeToCountriesMap: CodeToCountryIsoMapType"],"sources":["../../../src/elements/PhoneInput/countryCodeData.ts"],"sourcesContent":["export type CountryCodeData = typeof data;\nexport type CountryName = CountryCodeData[number][0];\nexport type CountryIso = CountryCodeData[number][1];\nexport type DialingCode = CountryCodeData[number][2];\nexport type PhonePattern = CountryCodeData[number][3] | '';\n\nconst data = [\n  ['United States', 'us', '1', '(...) ...-....', 100],\n  ['United Kingdom', 'gb', '44', '.... ......', 100],\n  ['India', 'in', '91', '.....-.....', 100],\n  ['Canada', 'ca', '1', '(...) ...-....', 100],\n  ['Germany', 'de', '49', '... .......', 100],\n  ['France', 'fr', '33', '. .. .. .. ..', 100],\n  ['Russia', 'ru', '7', '... ...-..-..', 100],\n  ['Afghanistan', 'af', '93'],\n  ['Albania', 'al', '355'],\n  ['Algeria ', 'dz', '213'],\n  ['American Samoa', 'as', '1684'],\n  ['Andorra', 'ad', '376'],\n  ['Angola', 'ao', '244'],\n  ['Anguilla', 'ai', '1264'],\n  ['Antigua and Barbuda', 'ag', '1268'],\n  ['Argentina', 'ar', '54'],\n  ['Armenia', 'am', '374'],\n  ['Aruba', 'aw', '297'],\n  ['Australia', 'au', '61', '... ... ...'],\n  ['Austria', 'at', '43'],\n  ['Azerbaijan', 'az', '994'],\n  ['Bahamas', 'bs', '1242'],\n  ['Bahrain', 'bh', '973'],\n  ['Bangladesh', 'bd', '880'],\n  ['Barbados', 'bb', '1246'],\n  ['Belarus', 'by', '375'],\n  ['Belgium', 'be', '32', '... .. .. ..'],\n  ['Belize', 'bz', '501'],\n  ['Benin', 'bj', '229'],\n  ['Bermuda', 'bm', '1441'],\n  ['Bhutan', 'bt', '975'],\n  ['Bolivia', 'bo', '591'],\n  ['Bosnia and Herzegovina', 'ba', '387'],\n  ['Botswana', 'bw', '267'],\n  ['Brazil', 'br', '55'],\n  ['British Indian Ocean Territory', 'io', '246'],\n  ['British Virgin Islands', 'vg', '1284'],\n  ['Brunei', 'bn', '673'],\n  ['Bulgaria', 'bg', '359'],\n  ['Burkina Faso', 'bf', '226'],\n  ['Burundi', 'bi', '257'],\n  ['Cambodia', 'kh', '855'],\n  ['Cameroon', 'cm', '237'],\n  ['Cape Verde', 'cv', '238'],\n  ['Caribbean Netherlands', 'bq', '599'],\n  ['Cayman Islands', 'ky', '1345'],\n  ['Central African Republic', 'cf', '236'],\n  ['Chad', 'td', '235'],\n  ['Chile', 'cl', '56'],\n  ['China', 'cn', '86', '...-....-....'],\n  ['Colombia', 'co', '57'],\n  ['Comoros', 'km', '269'],\n  ['Congo', 'cd', '243'],\n  ['Congo', 'cg', '242'],\n  ['Cook Islands', 'ck', '682'],\n  ['Costa Rica', 'cr', '506', '....-....'],\n  ['Côte d’Ivoire', 'ci', '225'],\n  ['Croatia', 'hr', '385'],\n  ['Cuba', 'cu', '53'],\n  ['Curaçao', 'cw', '599'],\n  ['Cyprus', 'cy', '357'],\n  ['Czech Republic', 'cz', '420'],\n  ['Denmark', 'dk', '45', '.. .. .. ..'],\n  ['Djibouti', 'dj', '253'],\n  ['Dominica', 'dm', '1767'],\n  ['Dominican Republic', 'do', '1'],\n  ['Ecuador', 'ec', '593'],\n  ['Egypt', 'eg', '20'],\n  ['El Salvador', 'sv', '503', '....-....'],\n  ['Equatorial Guinea', 'gq', '240'],\n  ['Eritrea', 'er', '291'],\n  ['Estonia', 'ee', '372'],\n  ['Ethiopia', 'et', '251'],\n  ['Falkland Islands', 'fk', '500'],\n  ['Faroe Islands', 'fo', '298'],\n  ['Fiji', 'fj', '679'],\n  ['Finland', 'fi', '358', '.. ... .. ..'],\n  ['French Guiana', 'gf', '594'],\n  ['French Polynesia', 'pf', '689'],\n  ['Gabon', 'ga', '241'],\n  ['Gambia', 'gm', '220'],\n  ['Georgia', 'ge', '995'],\n  ['Ghana', 'gh', '233'],\n  ['Gibraltar', 'gi', '350'],\n  ['Greece', 'gr', '30', '... .......'],\n  ['Greenland', 'gl', '299'],\n  ['Grenada', 'gd', '1473'],\n  ['Guadeloupe', 'gp', '590'],\n  ['Guam', 'gu', '1671'],\n  ['Guatemala', 'gt', '502', '....-....'],\n  ['Guinea', 'gn', '224'],\n  ['Guinea-Bissau', 'gw', '245'],\n  ['Guyana', 'gy', '592'],\n  ['Haiti', 'ht', '509', '....-....'],\n  ['Honduras', 'hn', '504'],\n  ['Hong Kong', 'hk', '852', '.... ....'],\n  ['Hungary', 'hu', '36'],\n  ['Iceland', 'is', '354', '... ....'],\n  ['Indonesia', 'id', '62'],\n  ['Iran', 'ir', '98'],\n  ['Iraq', 'iq', '964'],\n  ['Ireland', 'ie', '353', '.. .......'],\n  ['Israel', 'il', '972'],\n  ['Italy', 'it', '39', '... ......'],\n  ['Jamaica', 'jm', '1876'],\n  ['Japan', 'jp', '81', '... .. ....'],\n  ['Jordan', 'jo', '962'],\n  ['Kazakhstan', 'kz', '7', '... ...-..-..'],\n  ['Kenya', 'ke', '254'],\n  ['Kiribati', 'ki', '686'],\n  ['Kuwait', 'kw', '965'],\n  ['Kyrgyzstan', 'kg', '996'],\n  ['Laos', 'la', '856'],\n  ['Latvia', 'lv', '371'],\n  ['Lebanon', 'lb', '961'],\n  ['Lesotho', 'ls', '266'],\n  ['Liberia', 'lr', '231'],\n  ['Libya', 'ly', '218'],\n  ['Liechtenstein', 'li', '423'],\n  ['Lithuania', 'lt', '370'],\n  ['Luxembourg', 'lu', '352'],\n  ['Macau', 'mo', '853'],\n  ['Macedonia', 'mk', '389'],\n  ['Madagascar', 'mg', '261'],\n  ['Malawi', 'mw', '265'],\n  ['Malaysia', 'my', '60', '..-....-....'],\n  ['Maldives', 'mv', '960'],\n  ['Mali', 'ml', '223'],\n  ['Malta', 'mt', '356'],\n  ['Marshall Islands', 'mh', '692'],\n  ['Martinique', 'mq', '596'],\n  ['Mauritania', 'mr', '222'],\n  ['Mauritius', 'mu', '230'],\n  ['Mexico', 'mx', '52'],\n  ['Micronesia', 'fm', '691'],\n  ['Moldova', 'md', '373'],\n  ['Monaco', 'mc', '377'],\n  ['Mongolia', 'mn', '976'],\n  ['Montenegro', 'me', '382'],\n  ['Montserrat', 'ms', '1664'],\n  ['Morocco', 'ma', '212'],\n  ['Mozambique', 'mz', '258'],\n  ['Myanmar', 'mm', '95'],\n  ['Namibia', 'na', '264'],\n  ['Nauru', 'nr', '674'],\n  ['Nepal', 'np', '977'],\n  ['Netherlands', 'nl', '31', '.. ........'],\n  ['New Caledonia', 'nc', '687'],\n  ['New Zealand', 'nz', '64', '...-...-....'],\n  ['Nicaragua', 'ni', '505'],\n  ['Niger', 'ne', '227'],\n  ['Nigeria', 'ng', '234'],\n  ['Niue', 'nu', '683'],\n  ['Norfolk Island', 'nf', '672'],\n  ['North Korea', 'kp', '850'],\n  ['Northern Mariana Islands', 'mp', '1670'],\n  ['Norway', 'no', '47', '... .. ...'],\n  ['Oman', 'om', '968'],\n  ['Pakistan', 'pk', '92', '...-.......'],\n  ['Palau', 'pw', '680'],\n  ['Palestine', 'ps', '970'],\n  ['Panama', 'pa', '507'],\n  ['Papua New Guinea', 'pg', '675'],\n  ['Paraguay', 'py', '595'],\n  ['Peru', 'pe', '51'],\n  ['Philippines', 'ph', '63', '... ....'],\n  ['Poland', 'pl', '48', '...-...-...'],\n  ['Portugal', 'pt', '351'],\n  ['Puerto Rico', 'pr', '1'],\n  ['Qatar', 'qa', '974'],\n  ['Réunion', 're', '262'],\n  ['Romania', 'ro', '40'],\n  ['Rwanda', 'rw', '250'],\n  ['Saint Barthélemy', 'bl', '590'],\n  ['Saint Helena', 'sh', '290'],\n  ['Saint Kitts and Nevis', 'kn', '1869'],\n  ['Saint Lucia', 'lc', '1758'],\n  ['Saint Martin', 'mf', '590'],\n  ['Saint Pierre and Miquelon', 'pm', '508'],\n  ['Saint Vincent and the Grenadines', 'vc', '1784'],\n  ['Samoa', 'ws', '685'],\n  ['San Marino', 'sm', '378'],\n  ['São Tomé and Príncipe', 'st', '239'],\n  ['Saudi Arabia', 'sa', '966'],\n  ['Senegal', 'sn', '221'],\n  ['Serbia', 'rs', '381'],\n  ['Seychelles', 'sc', '248'],\n  ['Sierra Leone', 'sl', '232'],\n  ['Singapore', 'sg', '65', '....-....'],\n  ['Sint Maarten', 'sx', '1721'],\n  ['Slovakia', 'sk', '421'],\n  ['Slovenia', 'si', '386'],\n  ['Solomon Islands', 'sb', '677'],\n  ['Somalia', 'so', '252'],\n  ['South Africa', 'za', '27'],\n  ['South Korea', 'kr', '82'],\n  ['South Sudan', 'ss', '211'],\n  ['Spain', 'es', '34', '... ... ...'],\n  ['Sri Lanka', 'lk', '94'],\n  ['Sudan', 'sd', '249'],\n  ['Suriname', 'sr', '597'],\n  ['Swaziland', 'sz', '268'],\n  ['Sweden', 'se', '46', '.. ... .. ..'],\n  ['Switzerland', 'ch', '41', '.. ... .. ..'],\n  ['Syria', 'sy', '963'],\n  ['Taiwan', 'tw', '886'],\n  ['Tajikistan', 'tj', '992'],\n  ['Tanzania', 'tz', '255'],\n  ['Thailand', 'th', '66'],\n  ['Timor-Leste', 'tl', '670'],\n  ['Togo', 'tg', '228'],\n  ['Tokelau', 'tk', '690'],\n  ['Tonga', 'to', '676'],\n  ['Trinidad and Tobago', 'tt', '1868'],\n  ['Tunisia', 'tn', '216'],\n  ['Turkey', 'tr', '90', '... ... .. ..'],\n  ['Turkmenistan', 'tm', '993'],\n  ['Turks and Caicos Islands', 'tc', '1649'],\n  ['Tuvalu', 'tv', '688'],\n  ['U.S. Virgin Islands', 'vi', '1340'],\n  ['Uganda', 'ug', '256'],\n  ['Ukraine', 'ua', '380'],\n  ['United Arab Emirates', 'ae', '971'],\n  ['Uruguay', 'uy', '598'],\n  ['Uzbekistan', 'uz', '998'],\n  ['Vanuatu', 'vu', '678'],\n  ['Vatican City', 'va', '39', '.. .... ....'],\n  ['Venezuela', 've', '58'],\n  ['Vietnam', 'vn', '84'],\n  ['Wallis and Futuna', 'wf', '681'],\n  ['Yemen', 'ye', '967'],\n  ['Zambia', 'zm', '260'],\n  ['Zimbabwe', 'zw', '263'],\n] as const;\n\nconst UnitedStatesSubAreasSet: ReadonlySet<string> = new Set([\n  '907',\n  '205',\n  '251',\n  '256',\n  '334',\n  '479',\n  '501',\n  '870',\n  '480',\n  '520',\n  '602',\n  '623',\n  '928',\n  '209',\n  '213',\n  '310',\n  '323',\n  '408',\n  '415',\n  '510',\n  '530',\n  '559',\n  '562',\n  '619',\n  '626',\n  '650',\n  '661',\n  '707',\n  '714',\n  '760',\n  '805',\n  '818',\n  '831',\n  '858',\n  '909',\n  '916',\n  '925',\n  '949',\n  '951',\n  '303',\n  '719',\n  '970',\n  '203',\n  '860',\n  '202',\n  '302',\n  '239',\n  '305',\n  '321',\n  '352',\n  '386',\n  '407',\n  '561',\n  '727',\n  '772',\n  '813',\n  '850',\n  '863',\n  '904',\n  '941',\n  '954',\n  '229',\n  '404',\n  '478',\n  '706',\n  '770',\n  '912',\n  '808',\n  '319',\n  '515',\n  '563',\n  '641',\n  '712',\n  '208',\n  '217',\n  '309',\n  '312',\n  '618',\n  '630',\n  '708',\n  '773',\n  '815',\n  '847',\n  '219',\n  '260',\n  '317',\n  '574',\n  '765',\n  '812',\n  '316',\n  '620',\n  '785',\n  '913',\n  '270',\n  '502',\n  '606',\n  '859',\n  '225',\n  '318',\n  '337',\n  '504',\n  '985',\n  '413',\n  '508',\n  '617',\n  '781',\n  '978',\n  '301',\n  '410',\n  '207',\n  '231',\n  '248',\n  '269',\n  '313',\n  '517',\n  '586',\n  '616',\n  '734',\n  '810',\n  '906',\n  '989',\n  '218',\n  '320',\n  '507',\n  '612',\n  '651',\n  '763',\n  '952',\n  '314',\n  '417',\n  '573',\n  '636',\n  '660',\n  '816',\n  '228',\n  '601',\n  '662',\n  '406',\n  '252',\n  '336',\n  '704',\n  '828',\n  '910',\n  '919',\n  '701',\n  '308',\n  '402',\n  '603',\n  '201',\n  '609',\n  '732',\n  '856',\n  '908',\n  '973',\n  '505',\n  '575',\n  '702',\n  '775',\n  '212',\n  '315',\n  '516',\n  '518',\n  '585',\n  '607',\n  '631',\n  '716',\n  '718',\n  '845',\n  '914',\n  '216',\n  '330',\n  '419',\n  '440',\n  '513',\n  '614',\n  '740',\n  '937',\n  '405',\n  '580',\n  '918',\n  '503',\n  '541',\n  '215',\n  '412',\n  '570',\n  '610',\n  '717',\n  '724',\n  '814',\n  '401',\n  '803',\n  '843',\n  '864',\n  '605',\n  '423',\n  '615',\n  '731',\n  '865',\n  '901',\n  '931',\n  '210',\n  '214',\n  '254',\n  '281',\n  '325',\n  '361',\n  '409',\n  '432',\n  '512',\n  '713',\n  '806',\n  '817',\n  '830',\n  '903',\n  '915',\n  '936',\n  '940',\n  '956',\n  '972',\n  '979',\n  '435',\n  '801',\n  '276',\n  '434',\n  '540',\n  '703',\n  '757',\n  '804',\n  '802',\n  '206',\n  '253',\n  '360',\n  '425',\n  '509',\n  '262',\n  '414',\n  '608',\n  '715',\n  '920',\n  '304',\n  '307',\n]);\n\nconst CanadaSubAreaSet: ReadonlySet<string> = new Set([\n  '204',\n  '226',\n  '236',\n  '249',\n  '250',\n  '289',\n  '306',\n  '343',\n  '365',\n  '387',\n  '403',\n  '416',\n  '418',\n  '431',\n  '437',\n  '438',\n  '450',\n  '506',\n  '514',\n  '519',\n  '548',\n  '579',\n  '581',\n  '587',\n  '604',\n  '613',\n  '639',\n  '647',\n  '672',\n  '705',\n  '709',\n  '742',\n  '778',\n  '780',\n  '782',\n  '807',\n  '819',\n  '825',\n  '867',\n  '873',\n  '902',\n  '905',\n]);\n\nexport const SubAreaCodeSets = {\n  us: UnitedStatesSubAreasSet,\n  ca: CanadaSubAreaSet,\n};\n\nexport interface CountryEntry {\n  name: CountryName;\n  iso: CountryIso;\n  code: DialingCode;\n  pattern: PhonePattern;\n  priority: number;\n}\n\nconst createEntry = ([\n  name,\n  iso,\n  code,\n  pattern = '' as any,\n  priority = 0 as any,\n]: CountryCodeData[number]): CountryEntry => ({\n  name,\n  iso,\n  code,\n  pattern,\n  priority,\n});\n\nexport type IsoToCountryMapType = ReadonlyMap<CountryIso, CountryEntry>;\n\nexport const IsoToCountryMap: IsoToCountryMapType = data.reduce(\n  (acc, cur) => acc.set(cur[1], createEntry(cur)),\n  new Map<CountryIso, CountryEntry>(),\n);\n\nexport type CodeToCountryIsoMapType = ReadonlyMap<DialingCode, CountryEntry[]>;\n\nexport const CodeToCountriesMap: CodeToCountryIsoMapType = data.reduce((acc, cur) => {\n  const code = cur[2];\n  const country = createEntry(cur);\n  if (acc.has(code)) {\n    acc.get(code)?.push(country);\n  } else {\n    acc.set(code, [country]);\n  }\n  return acc;\n}, new Map<DialingCode, CountryEntry[]>());\n"],"mappings":"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;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAwB;EAAM;EAAM;CACrC;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAc;EAAM;EAAM;CAC3B;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAgB;EAAM;EAAM;EAAe;CAC5C;EAAC;EAAa;EAAM;EAAK;CACzB;EAAC;EAAW;EAAM;EAAK;CACvB;EAAC;EAAqB;EAAM;EAAM;CAClC;EAAC;EAAS;EAAM;EAAM;CACtB;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAY;EAAM;EAAM;CAC1B;AAED,MAAMA,0BAA+C,IAAI,IAAI;CAC3D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,mBAAwC,IAAI,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAa,kBAAkB;CAC7B,IAAI;CACJ,IAAI;CACL;AAUD,MAAM,eAAe,CACnB,MACA,KACA,MACA,UAAU,IACV,WAAW,QACiC;CAC5C;CACA;CACA;CACA;CACA;CACD;AAID,MAAaC,kBAAuC,KAAK,QACtD,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,kBAC/C,IAAI,KAA+B,CACpC;AAID,MAAaC,qBAA8C,KAAK,QAAQ,KAAK,QAAQ;CACnF,MAAM,OAAO,IAAI;CACjB,MAAM,UAAU,YAAY,IAAI;AAChC,KAAI,IAAI,IAAI,KAAK,CACf,KAAI,IAAI,KAAK,EAAE,KAAK,QAAQ;KAE5B,KAAI,IAAI,MAAM,CAAC,QAAQ,CAAC;AAE1B,QAAO;mBACN,IAAI,KAAkC,CAAC"}
+{"version":3,"file":"countryCodeData.js","names":["UnitedStatesSubAreasSet: ReadonlySet<string>","CanadaSubAreaSet: ReadonlySet<string>","IsoToCountryMap: IsoToCountryMapType","CodeToCountriesMap: CodeToCountryIsoMapType"],"sources":["../../../src/elements/PhoneInput/countryCodeData.ts"],"sourcesContent":["export type CountryCodeData = typeof data;\nexport type CountryName = CountryCodeData[number][0];\nexport type CountryIso = CountryCodeData[number][1];\nexport type DialingCode = CountryCodeData[number][2];\nexport type PhonePattern = CountryCodeData[number][3] | '';\n\nconst data = [\n  ['United States', 'us', '1', '(...) ...-....', 100],\n  ['United Kingdom', 'gb', '44', '.... ......', 100],\n  ['India', 'in', '91', '.....-.....', 100],\n  ['Canada', 'ca', '1', '(...) ...-....', 100],\n  ['Germany', 'de', '49', '... .......', 100],\n  ['France', 'fr', '33', '. .. .. .. ..', 100],\n  ['Russia', 'ru', '7', '... ...-..-..', 100],\n  ['Afghanistan', 'af', '93'],\n  ['Åland Islands', 'ax', '358'],\n  ['Albania', 'al', '355'],\n  ['Algeria', 'dz', '213'],\n  ['American Samoa', 'as', '1684'],\n  ['Andorra', 'ad', '376'],\n  ['Angola', 'ao', '244'],\n  ['Anguilla', 'ai', '1264'],\n  ['Antigua and Barbuda', 'ag', '1268'],\n  ['Argentina', 'ar', '54'],\n  ['Armenia', 'am', '374'],\n  ['Aruba', 'aw', '297'],\n  ['Ascension Island', 'ac', '247'],\n  ['Australia', 'au', '61', '... ... ...'],\n  ['Austria', 'at', '43'],\n  ['Azerbaijan', 'az', '994'],\n  ['Bahamas', 'bs', '1242'],\n  ['Bahrain', 'bh', '973'],\n  ['Bangladesh', 'bd', '880'],\n  ['Barbados', 'bb', '1246'],\n  ['Belarus', 'by', '375'],\n  ['Belgium', 'be', '32', '... .. .. ..'],\n  ['Belize', 'bz', '501'],\n  ['Benin', 'bj', '229'],\n  ['Bermuda', 'bm', '1441'],\n  ['Bhutan', 'bt', '975'],\n  ['Bolivia', 'bo', '591'],\n  ['Bosnia and Herzegovina', 'ba', '387'],\n  ['Botswana', 'bw', '267'],\n  ['Brazil', 'br', '55'],\n  ['British Indian Ocean Territory', 'io', '246'],\n  ['British Virgin Islands', 'vg', '1284'],\n  ['Brunei', 'bn', '673'],\n  ['Bulgaria', 'bg', '359'],\n  ['Burkina Faso', 'bf', '226'],\n  ['Burundi', 'bi', '257'],\n  ['Cambodia', 'kh', '855'],\n  ['Cameroon', 'cm', '237'],\n  ['Cape Verde', 'cv', '238'],\n  ['Caribbean Netherlands', 'bq', '599'],\n  ['Cayman Islands', 'ky', '1345'],\n  ['Central African Republic', 'cf', '236'],\n  ['Chad', 'td', '235'],\n  ['Chile', 'cl', '56'],\n  ['China', 'cn', '86', '...-....-....'],\n  ['Colombia', 'co', '57'],\n  ['Comoros', 'km', '269'],\n  ['Democratic Republic of the Congo', 'cd', '243'],\n  ['Republic of the Congo', 'cg', '242'],\n  ['Cook Islands', 'ck', '682'],\n  ['Costa Rica', 'cr', '506', '....-....'],\n  ['Côte d’Ivoire', 'ci', '225'],\n  ['Croatia', 'hr', '385'],\n  ['Cuba', 'cu', '53'],\n  ['Curaçao', 'cw', '599'],\n  ['Cyprus', 'cy', '357'],\n  ['Czech Republic', 'cz', '420'],\n  ['Denmark', 'dk', '45', '.. .. .. ..'],\n  ['Djibouti', 'dj', '253'],\n  ['Dominica', 'dm', '1767'],\n  ['Dominican Republic', 'do', '1'],\n  ['Ecuador', 'ec', '593'],\n  ['Egypt', 'eg', '20'],\n  ['El Salvador', 'sv', '503', '....-....'],\n  ['Equatorial Guinea', 'gq', '240'],\n  ['Eritrea', 'er', '291'],\n  ['Estonia', 'ee', '372'],\n  ['Ethiopia', 'et', '251'],\n  ['Falkland Islands', 'fk', '500'],\n  ['Faroe Islands', 'fo', '298'],\n  ['Fiji', 'fj', '679'],\n  ['Finland', 'fi', '358', '.. ... .. ..'],\n  ['French Guiana', 'gf', '594'],\n  ['French Polynesia', 'pf', '689'],\n  ['Gabon', 'ga', '241'],\n  ['Gambia', 'gm', '220'],\n  ['Georgia', 'ge', '995'],\n  ['Ghana', 'gh', '233'],\n  ['Gibraltar', 'gi', '350'],\n  ['Greece', 'gr', '30', '... .......'],\n  ['Greenland', 'gl', '299'],\n  ['Grenada', 'gd', '1473'],\n  ['Guadeloupe', 'gp', '590'],\n  ['Guam', 'gu', '1671'],\n  ['Guatemala', 'gt', '502', '....-....'],\n  ['Guinea', 'gn', '224'],\n  ['Guinea-Bissau', 'gw', '245'],\n  ['Guyana', 'gy', '592'],\n  ['Haiti', 'ht', '509', '....-....'],\n  ['Honduras', 'hn', '504'],\n  ['Hong Kong', 'hk', '852', '.... ....'],\n  ['Hungary', 'hu', '36'],\n  ['Iceland', 'is', '354', '... ....'],\n  ['Indonesia', 'id', '62'],\n  ['Iran', 'ir', '98'],\n  ['Iraq', 'iq', '964'],\n  ['Ireland', 'ie', '353', '.. .......'],\n  ['Israel', 'il', '972'],\n  ['Italy', 'it', '39', '... ......'],\n  ['Jamaica', 'jm', '1876'],\n  ['Japan', 'jp', '81', '... .. ....'],\n  ['Jordan', 'jo', '962'],\n  ['Kazakhstan', 'kz', '7', '... ...-..-..'],\n  ['Kenya', 'ke', '254'],\n  ['Kiribati', 'ki', '686'],\n  ['Kosovo', 'xk', '383'],\n  ['Kuwait', 'kw', '965'],\n  ['Kyrgyzstan', 'kg', '996'],\n  ['Laos', 'la', '856'],\n  ['Latvia', 'lv', '371'],\n  ['Lebanon', 'lb', '961'],\n  ['Lesotho', 'ls', '266'],\n  ['Liberia', 'lr', '231'],\n  ['Libya', 'ly', '218'],\n  ['Liechtenstein', 'li', '423'],\n  ['Lithuania', 'lt', '370'],\n  ['Luxembourg', 'lu', '352'],\n  ['Macau', 'mo', '853'],\n  ['Madagascar', 'mg', '261'],\n  ['Malawi', 'mw', '265'],\n  ['Malaysia', 'my', '60', '..-....-....'],\n  ['Maldives', 'mv', '960'],\n  ['Mali', 'ml', '223'],\n  ['Malta', 'mt', '356'],\n  ['Marshall Islands', 'mh', '692'],\n  ['Martinique', 'mq', '596'],\n  ['Mauritania', 'mr', '222'],\n  ['Mauritius', 'mu', '230'],\n  ['Mayotte', 'yt', '262'],\n  ['Mexico', 'mx', '52'],\n  ['Micronesia', 'fm', '691'],\n  ['Moldova', 'md', '373'],\n  ['Monaco', 'mc', '377'],\n  ['Mongolia', 'mn', '976'],\n  ['Montenegro', 'me', '382'],\n  ['Montserrat', 'ms', '1664'],\n  ['Morocco', 'ma', '212'],\n  ['Mozambique', 'mz', '258'],\n  ['Myanmar', 'mm', '95'],\n  ['Namibia', 'na', '264'],\n  ['Nauru', 'nr', '674'],\n  ['Nepal', 'np', '977'],\n  ['Netherlands', 'nl', '31', '.. ........'],\n  ['New Caledonia', 'nc', '687'],\n  ['New Zealand', 'nz', '64', '...-...-....'],\n  ['Nicaragua', 'ni', '505'],\n  ['Niger', 'ne', '227'],\n  ['Nigeria', 'ng', '234'],\n  ['Niue', 'nu', '683'],\n  ['Norfolk Island', 'nf', '672'],\n  ['North Korea', 'kp', '850'],\n  ['North Macedonia', 'mk', '389'],\n  ['Northern Mariana Islands', 'mp', '1670'],\n  ['Norway', 'no', '47', '... .. ...'],\n  ['Oman', 'om', '968'],\n  ['Pakistan', 'pk', '92', '...-.......'],\n  ['Palau', 'pw', '680'],\n  ['Palestine', 'ps', '970'],\n  ['Panama', 'pa', '507'],\n  ['Papua New Guinea', 'pg', '675'],\n  ['Paraguay', 'py', '595'],\n  ['Peru', 'pe', '51'],\n  ['Philippines', 'ph', '63', '... ....'],\n  ['Poland', 'pl', '48', '...-...-...'],\n  ['Portugal', 'pt', '351'],\n  ['Puerto Rico', 'pr', '1'],\n  ['Qatar', 'qa', '974'],\n  ['Réunion', 're', '262'],\n  ['Romania', 'ro', '40'],\n  ['Rwanda', 'rw', '250'],\n  ['Saint Barthélemy', 'bl', '590'],\n  ['Saint Helena', 'sh', '290'],\n  ['Saint Kitts and Nevis', 'kn', '1869'],\n  ['Saint Lucia', 'lc', '1758'],\n  ['Saint Martin', 'mf', '590'],\n  ['Saint Pierre and Miquelon', 'pm', '508'],\n  ['Saint Vincent and the Grenadines', 'vc', '1784'],\n  ['Samoa', 'ws', '685'],\n  ['San Marino', 'sm', '378'],\n  ['São Tomé and Príncipe', 'st', '239'],\n  ['Saudi Arabia', 'sa', '966'],\n  ['Senegal', 'sn', '221'],\n  ['Serbia', 'rs', '381'],\n  ['Seychelles', 'sc', '248'],\n  ['Sierra Leone', 'sl', '232'],\n  ['Singapore', 'sg', '65', '....-....'],\n  ['Sint Maarten', 'sx', '1721'],\n  ['Slovakia', 'sk', '421'],\n  ['Slovenia', 'si', '386'],\n  ['Solomon Islands', 'sb', '677'],\n  ['Somalia', 'so', '252'],\n  ['South Africa', 'za', '27'],\n  ['South Korea', 'kr', '82'],\n  ['South Sudan', 'ss', '211'],\n  ['Spain', 'es', '34', '... ... ...'],\n  ['Sri Lanka', 'lk', '94'],\n  ['Sudan', 'sd', '249'],\n  ['Suriname', 'sr', '597'],\n  ['Eswatini', 'sz', '268'],\n  ['Sweden', 'se', '46', '.. ... .. ..'],\n  ['Switzerland', 'ch', '41', '.. ... .. ..'],\n  ['Syria', 'sy', '963'],\n  ['Taiwan', 'tw', '886'],\n  ['Tajikistan', 'tj', '992'],\n  ['Tanzania', 'tz', '255'],\n  ['Thailand', 'th', '66'],\n  ['Timor-Leste', 'tl', '670'],\n  ['Togo', 'tg', '228'],\n  ['Tokelau', 'tk', '690'],\n  ['Tonga', 'to', '676'],\n  ['Trinidad and Tobago', 'tt', '1868'],\n  ['Tunisia', 'tn', '216'],\n  ['Turkey', 'tr', '90', '... ... .. ..'],\n  ['Turkmenistan', 'tm', '993'],\n  ['Turks and Caicos Islands', 'tc', '1649'],\n  ['Tuvalu', 'tv', '688'],\n  ['U.S. Virgin Islands', 'vi', '1340'],\n  ['Uganda', 'ug', '256'],\n  ['Ukraine', 'ua', '380'],\n  ['United Arab Emirates', 'ae', '971'],\n  ['Uruguay', 'uy', '598'],\n  ['Uzbekistan', 'uz', '998'],\n  ['Vanuatu', 'vu', '678'],\n  ['Vatican City', 'va', '39', '.. .... ....'],\n  ['Venezuela', 've', '58'],\n  ['Vietnam', 'vn', '84'],\n  ['Wallis and Futuna', 'wf', '681'],\n  ['Western Sahara', 'eh', '212'],\n  ['Yemen', 'ye', '967'],\n  ['Zambia', 'zm', '260'],\n  ['Zimbabwe', 'zw', '263'],\n] as const;\n\nconst UnitedStatesSubAreasSet: ReadonlySet<string> = new Set([\n  '907',\n  '205',\n  '251',\n  '256',\n  '334',\n  '479',\n  '501',\n  '870',\n  '480',\n  '520',\n  '602',\n  '623',\n  '928',\n  '209',\n  '213',\n  '310',\n  '323',\n  '408',\n  '415',\n  '510',\n  '530',\n  '559',\n  '562',\n  '619',\n  '626',\n  '650',\n  '661',\n  '707',\n  '714',\n  '760',\n  '805',\n  '818',\n  '831',\n  '858',\n  '909',\n  '916',\n  '925',\n  '949',\n  '951',\n  '303',\n  '719',\n  '970',\n  '203',\n  '860',\n  '202',\n  '302',\n  '239',\n  '305',\n  '321',\n  '352',\n  '386',\n  '407',\n  '561',\n  '727',\n  '772',\n  '813',\n  '850',\n  '863',\n  '904',\n  '941',\n  '954',\n  '229',\n  '404',\n  '478',\n  '706',\n  '770',\n  '912',\n  '808',\n  '319',\n  '515',\n  '563',\n  '641',\n  '712',\n  '208',\n  '217',\n  '309',\n  '312',\n  '618',\n  '630',\n  '708',\n  '773',\n  '815',\n  '847',\n  '219',\n  '260',\n  '317',\n  '574',\n  '765',\n  '812',\n  '316',\n  '620',\n  '785',\n  '913',\n  '270',\n  '502',\n  '606',\n  '859',\n  '225',\n  '318',\n  '337',\n  '504',\n  '985',\n  '413',\n  '508',\n  '617',\n  '781',\n  '978',\n  '301',\n  '410',\n  '207',\n  '231',\n  '248',\n  '269',\n  '313',\n  '517',\n  '586',\n  '616',\n  '734',\n  '810',\n  '906',\n  '989',\n  '218',\n  '320',\n  '507',\n  '612',\n  '651',\n  '763',\n  '952',\n  '314',\n  '417',\n  '573',\n  '636',\n  '660',\n  '816',\n  '228',\n  '601',\n  '662',\n  '406',\n  '252',\n  '336',\n  '704',\n  '828',\n  '910',\n  '919',\n  '701',\n  '308',\n  '402',\n  '603',\n  '201',\n  '609',\n  '732',\n  '856',\n  '908',\n  '973',\n  '505',\n  '575',\n  '702',\n  '775',\n  '212',\n  '315',\n  '516',\n  '518',\n  '585',\n  '607',\n  '631',\n  '716',\n  '718',\n  '845',\n  '914',\n  '216',\n  '330',\n  '419',\n  '440',\n  '513',\n  '614',\n  '740',\n  '937',\n  '405',\n  '580',\n  '918',\n  '503',\n  '541',\n  '215',\n  '412',\n  '570',\n  '610',\n  '717',\n  '724',\n  '814',\n  '401',\n  '803',\n  '843',\n  '864',\n  '605',\n  '423',\n  '615',\n  '731',\n  '865',\n  '901',\n  '931',\n  '210',\n  '214',\n  '254',\n  '281',\n  '325',\n  '361',\n  '409',\n  '432',\n  '512',\n  '713',\n  '806',\n  '817',\n  '830',\n  '903',\n  '915',\n  '936',\n  '940',\n  '956',\n  '972',\n  '979',\n  '435',\n  '801',\n  '276',\n  '434',\n  '540',\n  '703',\n  '757',\n  '804',\n  '802',\n  '206',\n  '253',\n  '360',\n  '425',\n  '509',\n  '262',\n  '414',\n  '608',\n  '715',\n  '920',\n  '304',\n  '307',\n]);\n\nconst CanadaSubAreaSet: ReadonlySet<string> = new Set([\n  '204',\n  '226',\n  '236',\n  '249',\n  '250',\n  '289',\n  '306',\n  '343',\n  '365',\n  '387',\n  '403',\n  '416',\n  '418',\n  '431',\n  '437',\n  '438',\n  '450',\n  '506',\n  '514',\n  '519',\n  '548',\n  '579',\n  '581',\n  '587',\n  '604',\n  '613',\n  '639',\n  '647',\n  '672',\n  '705',\n  '709',\n  '742',\n  '778',\n  '780',\n  '782',\n  '807',\n  '819',\n  '825',\n  '867',\n  '873',\n  '902',\n  '905',\n]);\n\nexport const SubAreaCodeSets = {\n  us: UnitedStatesSubAreasSet,\n  ca: CanadaSubAreaSet,\n};\n\nexport interface CountryEntry {\n  name: CountryName;\n  iso: CountryIso;\n  code: DialingCode;\n  pattern: PhonePattern;\n  priority: number;\n}\n\nconst createEntry = ([\n  name,\n  iso,\n  code,\n  pattern = '' as any,\n  priority = 0 as any,\n]: CountryCodeData[number]): CountryEntry => ({\n  name,\n  iso,\n  code,\n  pattern,\n  priority,\n});\n\nexport type IsoToCountryMapType = ReadonlyMap<CountryIso, CountryEntry>;\n\nexport const IsoToCountryMap: IsoToCountryMapType = data.reduce(\n  (acc, cur) => acc.set(cur[1], createEntry(cur)),\n  new Map<CountryIso, CountryEntry>(),\n);\n\nexport type CodeToCountryIsoMapType = ReadonlyMap<DialingCode, CountryEntry[]>;\n\nexport const CodeToCountriesMap: CodeToCountryIsoMapType = data.reduce((acc, cur) => {\n  const code = cur[2];\n  const country = createEntry(cur);\n  if (acc.has(code)) {\n    acc.get(code)?.push(country);\n  } else {\n    acc.set(code, [country]);\n  }\n  return acc;\n}, new Map<DialingCode, CountryEntry[]>());\n"],"mappings":"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vC;EAAC;EAAgB;EAAM;EAAM;CAC7B;EAAC;EAA4B;EAAM;EAAO;CAC1C;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAuB;EAAM;EAAO;CACrC;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAwB;EAAM;EAAM;CACrC;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAc;EAAM;EAAM;CAC3B;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAgB;EAAM;EAAM;EAAe;CAC5C;EAAC;EAAa;EAAM;EAAK;CACzB;EAAC;EAAW;EAAM;EAAK;CACvB;EAAC;EAAqB;EAAM;EAAM;CAClC;EAAC;EAAkB;EAAM;EAAM;CAC/B;EAAC;EAAS;EAAM;EAAM;CACtB;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAY;EAAM;EAAM;CAC1B;AAED,MAAMA,0BAA+C,IAAI,IAAI;CAC3D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,mBAAwC,IAAI,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAa,kBAAkB;CAC7B,IAAI;CACJ,IAAI;CACL;AAUD,MAAM,eAAe,CACnB,MACA,KACA,MACA,UAAU,IACV,WAAW,QACiC;CAC5C;CACA;CACA;CACA;CACA;CACD;AAID,MAAaC,kBAAuC,KAAK,QACtD,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,kBAC/C,IAAI,KAA+B,CACpC;AAID,MAAaC,qBAA8C,KAAK,QAAQ,KAAK,QAAQ;CACnF,MAAM,OAAO,IAAI;CACjB,MAAM,UAAU,YAAY,IAAI;AAChC,KAAI,IAAI,IAAI,KAAK,CACf,KAAI,IAAI,KAAK,EAAE,KAAK,QAAQ;KAE5B,KAAI,IAAI,MAAM,CAAC,QAAQ,CAAC;AAE1B,QAAO;mBACN,IAAI,KAAkC,CAAC"}

package/dist/elements/PhoneInput/index.js

@@ -8,8 +8,8 @@ import { Select, SelectButton, SelectOptionList } from "../Select.js";
 import { IsoToCountryMap } from "./countryCodeData.js";
 import { useFormattedPhoneNumber } from "./useFormattedPhoneNumber.js";
 import React, { forwardRef, memo, useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useClerk } from "@clerk/shared/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 
 //#region src/elements/PhoneInput/index.tsx
 const createSelectOption = (country) => {