@opexa/portal-components 0.0.101 → 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/Bonus/Bonus.client.js

@@ -13,7 +13,7 @@ import piggyBank from '../../images/piggy-bank.png';
 import { Badge } from '../../ui/Badge/index.js';
 import { Collapsible } from '../../ui/Collapsible/index.js';
 import { Progress } from '../../ui/Progress/index.js';
-import { Prose } from '../../ui/Prose.js';
+import { Prose } from '../../ui/Prose/index.js';
 import { capitalize } from '../../utils/capitalize.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';

package/dist/components/Cashback/Cashback.client.js

@@ -11,7 +11,7 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Button } from '../../ui/Button/index.js';
-import { Prose } from '../../ui/Prose.js';
+import { Prose } from '../../ui/Prose/index.js';
 export function Cashback__client(props) {
     const availablePromosQuery = useAvailablePromosQuery();
     const cashbackQuery = useCashbackQuery(props.id);

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,7 +20,8 @@ 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 { Presence } from '../../ui/Presence.js';
+import { Portal } from '../../ui/Portal/index.js';
+import { Presence } from '../../ui/Presence/index.js';
 export function GameLaunch() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,

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,13 +1,14 @@
 '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 { Presence } from '../../ui/Presence.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';
 export function GamesSearch(props) {

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',
-    },
-];