@opexa/portal-components 0.0.832 → 0.0.833

package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
     view: "form" | "vca";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const QRPHDepositContext: (props: {
     value: {
         view: "form" | "qrCode";
-        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const QRPHDepositContext: (props: {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
     view: "form" | "qrCode";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
 export declare function useQRPHDeposit(): {
     view: "form" | "qrCode";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/KYC/KYCSumsub.d.ts

@@ -4,6 +4,5 @@ export interface KYCSumsubProps extends KYCReminderProps {
     provider: 'sumsub';
     logo: ImageProps['src'];
     isSkippable: boolean;
-    bypassKycCheck?: boolean;
 }
 export declare function KYCSumsub(props: KYCSumsubProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/KYCSumsub.js

@@ -9,6 +9,7 @@ import { useGenerateSumsubVerificationTokenMutation } from '../../client/hooks/u
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
@@ -43,17 +44,16 @@ export function KYCSumsub(props) {
         mutate,
         session?.status,
     ]);
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: open &&
-                    session?.status === 'authenticated' &&
-                    !isVerified &&
-                    !props.bypassKycCheck, onOpenChange: (details) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: open && session?.status === 'authenticated' && !isVerified, onOpenChange: (details) => {
                     setOpen(details.open);
                 }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, initialFocusEl: () => dummyRef.current, closeOnInteractOutside: false, onInteractOutside: (e) => {
                     e.preventDefault();
                 }, restoreFocus: false, onExitComplete: () => {
                     reset();
                     setToken('');
-                }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center justify-center lg:block", children: _jsxs(Dialog.Content, { className: "mx-auto flex h-full w-[calc(100%-2rem)] flex-col items-center justify-center overflow-y-auto rounded-md bg-transparent p-0 lg:mt-3 lg:block lg:h-auto lg:w-[600px]", children: [_jsx("div", { ref: dummyRef, tabIndex: -1 }), token && (_jsx("div", { className: "max-h-[calc(96dvh-2rem)] w-full overflow-y-auto lg:h-auto lg:max-h-[unset]", children: _jsx(Sumsub, { accessToken: token, expirationHandler: async () => {
+                }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center justify-center lg:block", children: _jsxs(Dialog.Content, { className: "mx-auto flex h-full w-[calc(100%-2rem)] flex-col items-center justify-center overflow-y-auto rounded-md bg-transparent p-0 lg:mt-3 lg:block lg:h-auto lg:w-[600px]", children: [_jsx("div", { ref: dummyRef, tabIndex: -1 }), props.isSkippable && (_jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mb-3 flex w-full justify-end", children: _jsxs("button", { type: "button", className: "rounded-full bg-white/10 p-1 text-white backdrop-blur-md", onClick: () => {
+                                                    api.setOpen(false);
+                                                }, children: [_jsx(XIcon, { className: "!size-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }) })) })), token && (_jsx("div", { className: "max-h-[calc(96dvh-2rem)] w-full overflow-y-auto lg:h-auto lg:max-h-[unset]", children: _jsx(Sumsub, { accessToken: token, expirationHandler: async () => {
                                                 const token = await mutateAsync();
                                                 return token;
                                             }, config: {

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/KYC/KycOpenOnHomeMount.d.ts

@@ -1,4 +1,5 @@
 export interface KycOpenOnHomeMountProps {
     isSkippable?: boolean;
+    bypassKycCheck?: boolean;
 }
 export declare function KycOpenOnHomeMount(props: KycOpenOnHomeMountProps): null;

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -9,7 +9,6 @@ export function KycOpenOnHomeMount(props) {
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
-    const isPending = account?.verificationStatus === 'PENDING';
     const isRejected = verification?.status === 'REJECTED';
     const isUnverified = verification === null ||
         verification?.status === 'UNVERIFIED' ||
@@ -20,6 +19,10 @@ export function KycOpenOnHomeMount(props) {
         verification?.status === 'PENDING' ||
         verification?.status === 'VERIFIED'; //add default value on null return
     useEffect(() => {
+        // If bypass is enabled, do nothing.
+        if (props.bypassKycCheck) {
+            return;
+        }
         if (!verificationLoading && !accountLoading) {
             const shouldShowReminder = Boolean(props.isSkippable);
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
@@ -69,6 +72,7 @@ export function KycOpenOnHomeMount(props) {
         isUnverified,
         isKycCompleted,
         props.isSkippable,
+        props.bypassKycCheck,
     ]);
     return null;
 }

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -1,30 +1,30 @@
 'use client';
 import { addHours } from 'date-fns';
 import { clamp } from 'lodash-es';
+import { useSearchParams } from 'next/navigation';
 import { useLocalStorage, useTimeout } from 'usehooks-ts';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 export function CXDTokenObserver() {
-    const { data: account } = useAccountQuery();
-    const accountCxd = {
-        cxd: account?.cellxpertDetails?.cxd,
-    };
-    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
+    const searchParams = useSearchParams();
+    const cxdToken = searchParams.get('cxd');
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
     const now = new Date();
+    const shouldTimeoutRun = cxdToken && account;
     const removeCxdUntilInMs = cxd?.timestamp
         ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
         : 0;
     useTimeout(() => {
-        const isSame = cxd?.cxd === accountCxd.cxd;
+        const isSame = cxd?.cxd === cxdToken;
         if (!isSame) {
             const extendedTimestamp = addHours(new Date(), 6).getTime();
             setCxd({
-                cxd: accountCxd.cxd,
+                cxd: cxdToken,
                 timestamp: extendedTimestamp,
             });
         }
-    }, account ? 100 : null);
-    useTimeout(() => {
-        removeCxd();
-    }, account ? removeCxdUntilInMs : null);
+    }, shouldTimeoutRun ? 100 : null);
+    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
     return null;
 }

package/dist/icons/LinkBrokenIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function LinkBrokenIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/LinkBrokenIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LinkBrokenIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { d: "M8.5 15.5L15.5 8.49998M9 4V2M15 20V22M4 9H2M20 15H22M4.91421 4.91421L3.5 3.5M19.0858 19.0857L20.5 20.4999M12 17.6568L9.87871 19.7781C8.31662 21.3402 5.78396 21.3402 4.22186 19.7781C2.65976 18.216 2.65976 15.6833 4.22186 14.1212L6.34318 11.9999M17.6569 11.9999L19.7782 9.87859C21.3403 8.31649 21.3403 5.78383 19.7782 4.22174C18.2161 2.65964 15.6835 2.65964 14.1214 4.22174L12 6.34306", stroke: "#FEDF89", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+}

package/dist/ui/Avatar/Avatar.d.ts

@@ -6,21 +6,21 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Image: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.ImageProps & import("react").RefAttributes<HTMLImageElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -28,21 +28,21 @@ export declare const Image: import("react").ComponentType<import("@ark-ui/react"
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Fallback: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.FallbackProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -50,19 +50,19 @@ export declare const Fallback: import("react").ComponentType<import("@ark-ui/rea
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Avatar.ContextProps) => import("react").ReactNode;

package/dist/ui/Avatar/avatar.recipe.d.ts

@@ -5,18 +5,18 @@ export declare const avatarRecipe: import("tailwind-variants").TVReturnType<{
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { Checkbox } from '@ark-ui/react/checkbox';
 export declare const withContext: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -15,7 +15,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -29,7 +29,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -43,9 +43,9 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -59,7 +59,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -73,7 +73,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -87,7 +87,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -102,7 +102,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -116,7 +116,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -130,7 +130,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -145,7 +145,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -159,7 +159,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -173,7 +173,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -202,7 +202,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -216,7 +216,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -231,7 +231,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -245,7 +245,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -259,7 +259,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -274,7 +274,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -288,7 +288,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -302,6 +302,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;

package/dist/ui/Checkbox/checkbox.recipe.d.ts

@@ -12,7 +12,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -26,7 +26,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -40,4 +40,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;