@opexa/portal-components 0.0.813 → 0.0.814

package/dist/components/KYC/KYCVerificationStatus.lazy.js

@@ -19,18 +19,15 @@ export function KYCVerificationStatus() {
     const icons = status === 'PENDING' ? bellIcon : alertIcon;
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
+        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
                                             `Your account verification is still under review. Please wait
 								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
-                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' &&
-                                                'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
+                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
+                                            'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                         globalStore.kyc.setOpen(true);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                     }, children: "Close" })] }) }) })] }) }));
 }

package/dist/components/Messages/MessagesPopup.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useInterval } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
@@ -20,6 +20,7 @@ import { MessageIcon } from './MessageIcon.js';
 import { useMessagesPropsContext } from './MessagesContext.js';
 import { normalizeActionUrl } from './utils.js';
 const PAUSE_TIME = 1000 * 60 * 15; // 15 minutes
+const FORCE_PAUSE_TIME = 1000 * 10; // 10 seconds
 export function MessagesPopup() {
     const messagesProps = useMessagesPropsContext();
     const questsPageUrl = messagesProps.questsPageUrl ?? '/quests';
@@ -42,7 +43,11 @@ export function MessagesPopup() {
     const [numberOfUnreadMessages, setNumberOfUnreadMessages] = useState(0);
     useInterval(() => {
         setPaused(false);
-    }, paused ? PAUSE_TIME : null);
+    }, paused
+        ? globalStore.gameLaunch.details.status === 'PLAYING'
+            ? FORCE_PAUSE_TIME
+            : PAUSE_TIME
+        : null);
     const disclosure = useDisclosure({
         onOpenChange(open) {
             if (open) {
@@ -119,19 +124,28 @@ export function MessagesPopup() {
     const session = sessionQuery.data;
     const isKycClosed = !globalStore.kyc.open && !globalStore.kycReminder.open;
     const isResponsibleGamingReminderClosed = !globalStore.responsibleGamingReminder.open;
+    useEffect(() => {
+        if (globalStore.gameLaunch.details.status === 'PLAYING')
+            setPaused(false);
+    }, [globalStore.gameLaunch.details.status]);
     return (_jsx(Dialog.Root, { open: disclosure.open &&
             !paused &&
             isKycClosed &&
             isResponsibleGamingReminderClosed, onOpenChange: (details) => {
             disclosure.setOpen(details.open);
-        }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: index, onPageChange: (details) => {
+        }, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: index, onPageChange: (details) => {
                                     setIndex(details.page);
                                 }, slideCount: messages.length, allowMouseDrag: true, autoplay: false, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: {
                                                         __html: transformContent(message.content),
                                                     }, className: "mt-xs pb-5 text-center text-sm text-text-secondary-700 [&_li>ol]:list-decimal [&_li>ol]:pl-5 [&_li>ul]:list-disc [&_li>ul]:pl-5 [&_li]:mb-1 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:list-disc [&_ul]:pl-5" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, session?.token || '', {
                                                                 questsPageUrl,
                                                                 transactionsPageUrl,
-                                                            }), onClick: () => {
+                                                            }), onClick: (e) => {
                                                                 disclosure.setOpen(false);
+                                                                if (globalStore.gameLaunch.details.status ===
+                                                                    'PLAYING') {
+                                                                    window.location.href =
+                                                                        e.currentTarget.getAttribute('href') ?? '#';
+                                                                }
                                                             }, children: action.name }) }, index))) })) : null] }, message.id))) }), _jsxs(Carousel.Control, { className: "mt-5 flex items-center lg:mt-3xl", children: [_jsxs(Carousel.PrevTrigger, { className: "hidden items-center gap-md font-semibold text-text-quarterary-500 disabled:invisible lg:flex", children: [_jsx(ChevronLeftIcon, { className: "size-5" }), "Back"] }), _jsx(Carousel.IndicatorGroup, { className: "flex grow justify-center gap-xs", children: messages.map((message, index) => (_jsx(Carousel.Indicator, { index: index, className: "size-2.5 ui-current:w-5 rounded-full bg-bg-quaternary ui-current:bg-brand-400 transition-all duration-150" }, message.id))) }), _jsxs(Carousel.NextTrigger, { className: "hidden items-center gap-md font-semibold text-text-quarterary-500 disabled:invisible lg:flex", children: ["Next", _jsx(ChevronRightIcon, { className: "size-5" })] })] })] })] }) })] }) }));
 }

package/dist/ui/AlertDialog/AlertDialog.d.ts

@@ -8,9 +8,9 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -23,13 +23,13 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -38,13 +38,13 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Backdrop: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.BackdropProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -54,9 +54,9 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -69,13 +69,13 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -84,13 +84,13 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -100,9 +100,9 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -115,13 +115,13 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -130,13 +130,13 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -146,9 +146,9 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -161,13 +161,13 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -176,13 +176,13 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Description: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -192,9 +192,9 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -207,13 +207,13 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -222,13 +222,13 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Positioner: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.PositionerProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -238,9 +238,9 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -253,13 +253,13 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -268,13 +268,13 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Title: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -284,9 +284,9 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -299,13 +299,13 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -314,13 +314,13 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -330,9 +330,9 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -345,13 +345,13 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -360,13 +360,13 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -376,9 +376,9 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -391,13 +391,13 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -406,13 +406,13 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -422,9 +422,9 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -437,13 +437,13 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -452,13 +452,13 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -468,9 +468,9 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -483,13 +483,13 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
@@ -498,11 +498,11 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             footer?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
+            backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            backdrop?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Dialog.ContextProps) => import("react").ReactNode;