@opexa/portal-components 0.0.102 → 0.0.103

package/dist/components/Account/Account.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
@@ -27,6 +26,7 @@ import { Badge } from '../../ui/Badge/index.js';
 import { Button } from '../../ui/Button/index.js';
 import { Drawer } from '../../ui/Drawer/index.js';
 import { Popover } from '../../ui/Popover/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
 import { accountRecipe } from './account.recipe.js';

package/dist/components/Account/AccountTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import Image from 'next/image';
 import { useMediaQuery } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark, createListCollection, Portal } from '@ark-ui/react';
+import { createListCollection } from '@ark-ui/react/collection';
+import { ark } from '@ark-ui/react/factory';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
@@ -18,6 +19,7 @@ import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PasswordInput } from '../../ui/PasswordInput/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Select } from '../../ui/Select/index.js';
 export function AccountSecurity(props) {
     return (_jsxs("div", { className: twMerge('space-y-3xl', props.className), children: [_jsx(LoginPassword, {}), _jsx(TransactionPassword, {})] }));

package/dist/components/AccountVerification/AccountVerification.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';

package/dist/components/BetRecords/BetRecords.client.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createListCollection, parseDate, Portal } from '@ark-ui/react';
+import { createListCollection } from '@ark-ui/react/collection';
+import { parseDate } from '@ark-ui/react/date-picker';
 import { tz, TZDateMini } from '@date-fns/tz';
 import { endOfDay, format, startOfDay } from 'date-fns';
 import { useReducer, useState } from 'react';
@@ -19,6 +20,7 @@ import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import { Badge } from '../../ui/Badge/index.js';
 import { DatePicker } from '../../ui/DatePicker/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
 import { Select } from '../../ui/Select/index.js';
 import { Table } from '../../ui/Table/index.js';

package/dist/components/DepositWithdrawal/Deposit/AvailablePromos.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { createListCollection } from '@ark-ui/react';
+import { createListCollection } from '@ark-ui/react/collection';
 import Image from 'next/image';
 import { useAvailablePromosQuery } from '../../../client/hooks/useAvailablePromosQuery.js';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -20,6 +19,7 @@ import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -19,6 +18,7 @@ import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -20,6 +19,7 @@ import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositAlert.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
 import { XIcon } from '../../../../icons/XIcon.js';
 import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositAlert() {
     const context = useOnlineBankDepositContext();

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositDetails.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { BankIcon } from '../../../../icons/BankIcon.js';
 import { XIcon } from '../../../../icons/XIcon.js';
@@ -7,6 +6,7 @@ import bankIcon from '../../../../images/bank-icon.png';
 import { Button } from '../../../../ui/Button/index.js';
 import { Clipboard } from '../../../../ui/Clipboard/index.js';
 import { Dialog } from '../../../../ui/Dialog/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositDetails() {
     const context = useOnlineBankDepositContext();

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositAlert.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
 import { XIcon } from '../../../../icons/XIcon.js';
 import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositAlert() {
     const context = useQRPHDepositContext();

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositDetails.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal, QrCode } from '@ark-ui/react';
 import Image from 'next/image';
 import { QrCode02Icon } from '../../../../icons/QrCode02Icon.js';
 import { XIcon } from '../../../../icons/XIcon.js';
 import qrphIcon from '../../../../images/qrph-icon.png';
 import { Button } from '../../../../ui/Button/index.js';
 import { Dialog } from '../../../../ui/Dialog/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
+import { QrCode } from '../../../../ui/QrCode/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositDetails() {
     const context = useQRPHDepositContext();

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -10,6 +9,7 @@ import { Wallet02Icon } from '../../icons/Wallet02Icon.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Tabs } from '../../ui/Tabs/index.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { Deposit } from './Deposit/Deposit.js';

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -20,6 +19,7 @@ import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 export function GCashWithdrawal() {

package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createListCollection, Portal } from '@ark-ui/react';
+import { createListCollection } from '@ark-ui/react/collection';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useMemo, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -20,6 +20,7 @@ import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { Select } from '../../../../ui/Select/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -18,6 +17,7 @@ import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 export function MayaAppWithdrawal() {

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -20,6 +19,7 @@ import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
+import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 export function MayaWithdrawal() {

package/dist/components/Disclaimer/DisclaimerV1.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { useRef } from 'react';
 import pagcorLogo from '../../images/pagcor.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function DisclaimerV1(props) {
     const disclaimer = useDisclaimer();

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { useRef, useState } from 'react';
 import pagcorLogo from '../../images/pagcor.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { ResponsibleGaming } from './ResponsibleGaming.js';
 import { TermsOfUse } from './TermsOfUse.js';
 import { useDisclaimer } from './useDisclaimer.js';

package/dist/components/Disclaimer/ResponsibleGaming.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import pagcorLogo from '../../images/pagcor.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 export function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, }) {
     return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: "Responsible Gaming" }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: responsibleGamingContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
                                     onCloseAction();

package/dist/components/Disclaimer/TermsOfUse.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -8,6 +7,7 @@ import pagcorLogo from '../../images/pagcor.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 export function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, }) {
     const disclaimerStore = useGlobalStore(useShallow((state) => state.disclaimer));
     return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: termsOfUseContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx(Button, { type: "button", className: "mt-3", onClick: () => {

package/dist/components/GameLaunch/GameLaunch.lazy.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Dialog, Portal } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
@@ -20,6 +20,7 @@ import { XIcon } from '../../icons/XIcon.js';
 import { AlertDialog } from '../../ui/AlertDialog/index.js';
 import { Button } from '../../ui/Button/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Presence } from '../../ui/Presence/index.js';
 export function GameLaunch() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/GameLaunch/GameLaunchTrigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '@ark-ui/react';
+import { type HTMLArkProps } from '@ark-ui/react/factory';
 import type { FavoriteGame, Game } from '../../types';
 export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
     game: Game | FavoriteGame;

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useCreateGameSessionMutation } from '../../client/hooks/useCreateGameSessionMutation.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';

package/dist/components/GamesSearch/GamesSearch.js

@@ -1,12 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createListCollection, Portal } from '@ark-ui/react';
+import { createListCollection } from '@ark-ui/react/collection';
 import Image from 'next/image';
 import { useState } from 'react';
 import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
 import { SearchLgIcon } from '../../icons/SearchLgIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Combobox } from '../../ui/Combobox/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Presence } from '../../ui/Presence/index.js';
 import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
 import { GameLaunchTrigger } from '../GameLaunch/index.js';

package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Progress } from '@ark-ui/react';
+import { Progress } from '@ark-ui/react/progress';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useMemo } from 'react';
@@ -88,25 +88,3 @@ const getAccumulatingJackpotDescription = (part, total) => {
         ? 'The jackpot is heating up! Keep playing to stay in the action and watch it grow!'
         : '🔥 It’s about to pop! Stay in the game for your shot at the prize!';
 };
-const starTierStyles = [
-    {
-        starColor: 'text-yellow-400',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-utility-gray-700',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-yellow-700',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-bg-quaternary',
-        numberColor: 'text-text-primary-900',
-    },
-    {
-        starColor: 'text-bg-quaternary',
-        numberColor: 'text-text-primary-900',
-    },
-];

package/dist/components/Jackpots/JackpotsList/JackpotsListItemDesktop.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Progress } from '@ark-ui/react';
+import { Progress } from '@ark-ui/react/progress';
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 import { ArrowNarrowUpRightIcon } from '../../../icons/ArrowNarrowUpRightIcon.js';

package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Progress } from '@ark-ui/react';
+import { Progress } from '@ark-ui/react/progress';
 import Image from 'next/image';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';

package/dist/components/Jackpots/JackpotsList/JackpotsListItemRules.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { Flag06Icon } from '../../../icons/Flag06Icon.js';
 import { XIcon } from '../../../icons/XIcon.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
+import { Portal } from '../../../ui/Portal/index.js';
 import { useJackpotsListItemContext } from './JackpotsListContext.js';
 export function JackpotsListItemRules(props) {
     const jackpot = useJackpotsListItemContext();

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { BasicInformation } from './BasicInformation.js';
 import { IdentityVerification } from './IdentityVerification.js';
 import { Indicator } from './Indicator.js';

package/dist/components/KYC/KYCTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function KYCTrigger(props) {

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

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
+import { Portal } from '../../../ui/Portal/index.js';
 import { Header } from './Header.js';
 import { Indicator } from './Indicator.js';
 import { KYCContext } from './KYCContext.js';

package/dist/components/Messages/MessagePopup.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Link from 'next/link';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { getMessageIcon } from './utils.js';
 export const MessagePopup = () => {
     const globalStore = useGlobalStore(useShallow((ctx) => ({ message: ctx.message })));

package/dist/components/Messages/MessageTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';

package/dist/components/Messages/Messages.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
@@ -10,6 +9,7 @@ import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessage
 import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Drawer } from '../../ui/Drawer/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Tabs } from '../../ui/Tabs/index.js';
 import { InfiniteScroll } from '../InfiniteScroll.js';
 import { Message } from './Message.js';

package/dist/components/Messages/MessagesTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessagesCountQuery.js';

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { XIcon } from '../../../icons/XIcon.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
+import { Portal } from '../../../ui/Portal/index.js';
 export function DailyCheckInQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: "Daily Check-In Rules" }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn rewards just for checking in each day!" }), _jsx("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }), _jsx("li", { children: "Missing a day will reset your streak, starting again from Day 1." }), _jsx("li", { children: "Each check-in unlocks the next one on the following day." }), _jsx("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { XIcon } from '../../../icons/XIcon.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
+import { Portal } from '../../../ui/Portal/index.js';
 export function WageringQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: props.questName }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }), _jsx("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/Search/Search.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import Link from 'next/link';
 import { useRef, useState } from 'react';
@@ -14,6 +13,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Presence } from '../../ui/Presence/index.js';
 import { callIfFn } from '../../utils/callIfFn.js';
 import { getGameImageUrl } from '../../utils/getGameImageUrl.js';

package/dist/components/Search/SearchTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SearchTrigger(props) {

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
+import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
+import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';

package/dist/components/SignIn/SignIn.lazy.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { SignInContext } from './SignInContext.js';
 import { SignInForm } from './SignInForm.js';
 import { useSignIn } from './useSignIn.js';