@opexa/portal-components 0.0.1111 → 0.0.1112

package/dist/components/DigitainLauncher/DigitainAuthWall.d.ts

@@ -0,0 +1,7 @@
+import type { ImageProps } from 'next/image';
+export interface DigitainAuthWallProps {
+    signInUrl?: string | null;
+    fallbackBackgroundImage?: ImageProps['src'] | null;
+}
+/** Shown when the user must sign in before opening the sportsbook. */
+export declare function DigitainAuthWall(props: DigitainAuthWallProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/DigitainAuthWall.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { Button } from '../../ui/Button/index.js';
+/** Shown when the user must sign in before opening the sportsbook. */
+export function DigitainAuthWall(props) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        signIn: ctx.signIn,
+    })));
+    return (_jsxs("div", { className: "relative w-full min-h-[calc(100dvh-4rem)]", children: [props.fallbackBackgroundImage && (_jsx(Image, { src: props.fallbackBackgroundImage, alt: "Background", fill: true, className: "rounded-xl object-cover", sizes: "100vw" })), _jsx("div", { className: "absolute right-0 bottom-0 left-0 hidden h-1/2 rounded-xl bg-gradient-to-b from-[#00000000] to-bg-primary-alt lg:block" }), _jsx("div", { className: "pointer-events-none absolute inset-0 z-[1] rounded-xl bg-gradient-to-b from-black/45 via-black/20 to-black/50 lg:hidden", "aria-hidden": true }), _jsx("div", { className: "absolute inset-0 z-10 flex flex-col justify-center px-4 py-8 sm:px-6 lg:justify-end lg:pb-12 lg:pt-8", children: _jsxs("div", { className: "mx-auto w-full max-w-[42.5rem] text-center", children: [_jsxs("div", { className: "mb-8 space-y-3", children: [_jsx("h2", { className: "font-bold text-gray-900 text-xl uppercase lg:text-[40px]", children: "Sports Book Login Required" }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "The Sports Book is our online platform where you can explore real-time betting odds, place bets on a wide range of sports, and track your activity." }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "Access is restricted to authenticated users. Please login to continue and unlock full access to the platform." })] }), _jsx(Button, { className: "mx-auto w-fit", onClick: () => {
+                                if (props.signInUrl) {
+                                    window.location.href = props.signInUrl;
+                                }
+                                else {
+                                    globalStore.signIn.setOpen(true);
+                                }
+                            }, children: "Login" })] }) })] }));
+}

package/dist/components/DigitainLauncher/DigitainContainer.d.ts

@@ -0,0 +1,11 @@
+import type { ImageProps } from 'next/image';
+import type { DigitainBootstrapperParams } from './types';
+export interface DigitainContainerProps {
+    params: DigitainBootstrapperParams;
+    fallbackBackgroundImage?: ImageProps['src'] | null;
+}
+/**
+ * Assumes `bootstrapper.min.js` is already included by `DigitainLauncher` (any auth state).
+ * Watches for `window.Bootstrapper`, then boots. MutationObserver + rAF backstops onLoad timing.
+ */
+export declare function DigitainContainer(props: DigitainContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/DigitainContainer.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import isMobile from 'is-mobile';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { DigitainLoadingView } from './DigitainLoadingView.js';
+const SCRIPT_FAIL_TIMEOUT_MS = 20_000;
+/**
+ * Assumes `bootstrapper.min.js` is already included by `DigitainLauncher` (any auth state).
+ * Watches for `window.Bootstrapper`, then boots. MutationObserver + rAF backstops onLoad timing.
+ */
+export function DigitainContainer(props) {
+    const session = useSessionQuery();
+    const router = useRouter();
+    const paramsRef = useRef(props.params);
+    paramsRef.current = props.params;
+    const bootedRef = useRef(false);
+    const waitingForScriptRef = useRef(true);
+    const [isBooting, setIsBooting] = useState(true);
+    const [progress, setProgress] = useState(0);
+    const [stepIndex, setStepIndex] = useState(0);
+    const failLoad = useCallback((description) => {
+        if (bootedRef.current)
+            return;
+        bootedRef.current = true;
+        waitingForScriptRef.current = false;
+        setIsBooting(false);
+        toaster.error({ title: 'Error', description });
+    }, []);
+    const runBoot = useCallback(() => {
+        if (bootedRef.current)
+            return true;
+        const B = window.Bootstrapper;
+        if (!B)
+            return false;
+        bootedRef.current = true;
+        waitingForScriptRef.current = false;
+        setStepIndex(1);
+        setProgress(88);
+        void B.boot(paramsRef.current, {
+            name: isMobile() ? 'Mobile' : 'AsianView',
+        })
+            .catch(() => {
+            /* partner lib may reject; still transition UI */
+        })
+            .finally(() => {
+            setStepIndex(2);
+            setProgress(100);
+        });
+        window.setTimeout(() => setIsBooting(false), 1000);
+        return true;
+    }, []);
+    useEffect(() => {
+        if (session.data?.status === 'authenticated') {
+            router.refresh();
+        }
+    }, [session.data?.status, router]);
+    // Smooth 0% → 45% only while the script is still missing (max ~8s of ramp for UX)
+    useEffect(() => {
+        const t0 = performance.now();
+        let raf;
+        const tick = () => {
+            if (!waitingForScriptRef.current)
+                return;
+            const elapsed = performance.now() - t0;
+            const cap = 45;
+            setProgress((prev) => Math.max(prev, Math.min(cap, (elapsed / 8000) * cap)));
+            raf = requestAnimationFrame(tick);
+        };
+        raf = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(raf);
+    }, []);
+    // Throttled MutationObserver: re-check for `window.Bootstrapper` on DOM changes (e.g. script tag injection order).
+    useEffect(() => {
+        let raf = null;
+        const tryBoot = () => {
+            if (raf != null)
+                return;
+            raf = requestAnimationFrame(() => {
+                raf = null;
+                if (runBoot()) {
+                    observer.disconnect();
+                }
+            });
+        };
+        // Synchronous first try (e.g. script already cached in another tab)
+        tryBoot();
+        const observer = new MutationObserver(tryBoot);
+        observer.observe(document.documentElement, { childList: true, subtree: true });
+        return () => {
+            observer.disconnect();
+            if (raf != null)
+                cancelAnimationFrame(raf);
+        };
+    }, [runBoot]);
+    // Fails if the script never becomes bootable
+    useEffect(() => {
+        const t = window.setTimeout(() => {
+            if (bootedRef.current)
+                return;
+            failLoad('Sportsbook failed to load in time. Please refresh or try again later.');
+        }, SCRIPT_FAIL_TIMEOUT_MS);
+        return () => clearTimeout(t);
+    }, [failLoad]);
+    return (_jsxs("div", { className: "w-full min-h-[calc(100dvh-4rem)]", children: [isBooting ? (_jsx(DigitainLoadingView, { fallbackBackgroundImage: props.fallbackBackgroundImage, loadingProgress: progress, loadingActiveStepIndex: stepIndex })) : null, _jsx("div", { id: "digitain-container", className: isBooting ? 'hidden' : 'w-full min-h-[calc(100dvh-4rem)]' })] }));
+}

package/dist/components/DigitainLauncher/DigitainLauncher.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import Script from 'next/script';
 import { getSession } from '../../server/services/getSession.js';
 import { Protected } from '../Protected/index.js';
-import { DigitainContainer } from './DigitianContainter.js';
-import { Fallback } from './Fallback.js';
+import { DigitainAuthWall } from './DigitainAuthWall.js';
+import { DigitainContainer } from './DigitainContainer.js';
 import { defaultDigitainParams, getDigitainLaunchToken } from './utils.js';
 export async function DigitainLauncher(props) {
     const session = await getSession();
@@ -15,5 +15,5 @@ export async function DigitainLauncher(props) {
         params.server = props.hostname;
     }
     const finalizedParams = { ...params };
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: `//${props.hostname}/js/partner/bootstrapper.min.js` }), _jsx(Protected, { fallback: _jsx(Fallback, { type: "fallback", signInUrl: props.signInUrl, fallbackBackgroundImage: props.fallbackBackgroundImage }), children: _jsx(DigitainContainer, { params: finalizedParams, fallbackBackgroundImage: props.fallbackBackgroundImage }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "digitain-bootstrapper-script", src: `//${props.hostname}/js/partner/bootstrapper.min.js`, strategy: "afterInteractive" }), _jsx(Protected, { fallback: _jsx(DigitainAuthWall, { signInUrl: props.signInUrl, fallbackBackgroundImage: props.fallbackBackgroundImage }), children: _jsx(DigitainContainer, { params: finalizedParams, fallbackBackgroundImage: props.fallbackBackgroundImage }) })] }));
 }

package/dist/components/DigitainLauncher/DigitainLoadingPanel.d.ts

@@ -0,0 +1,6 @@
+export interface DigitainLoadingPanelProps {
+    progress: number;
+    activeStepIndex: number;
+}
+/** Centered copy + progress only—no card shell; meant to sit on a dark overlay. */
+export declare function DigitainLoadingPanel({ progress, activeStepIndex, }: DigitainLoadingPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/DigitainLoadingPanel.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+import { Progress } from '../../ui/Progress/index.js';
+const STEPS = ['Initializing', 'Loading', 'Opening Sportsbook'];
+/** Centered copy + progress only—no card shell; meant to sit on a dark overlay. */
+export function DigitainLoadingPanel({ progress, activeStepIndex, }) {
+    const clamped = Math.min(100, Math.max(0, progress));
+    const current = Math.min(STEPS.length - 1, Math.max(0, activeStepIndex));
+    return (_jsxs("div", { className: "w-full max-w-[22rem] mx-auto space-y-8 text-center", role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading sportsbook", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "font-semibold text-lg text-white drop-shadow-sm sm:text-xl", children: "Sportsbook" }), _jsx("p", { className: "text-sm text-white/80", children: "Please wait while we load the sportsbook." })] }), _jsx("ol", { className: "list-none space-y-2 pl-0 text-left text-sm sm:text-base", children: STEPS.map((label, i) => {
+                    const isCurrent = i === current;
+                    const isDone = i < current;
+                    return (_jsxs("li", { className: twMerge(isCurrent && 'font-medium text-button-tertiary-fg', !isCurrent && isDone && 'text-white/90', !isCurrent && !isDone && 'text-white/45'), children: [_jsxs("span", { className: "tabular-nums", children: [i + 1, "."] }), " ", label, isCurrent && (_jsx("span", { className: "text-button-tertiary-fg", children: " \u2014 in progress" }))] }, label));
+                }) }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-white/70 text-xs sm:text-sm", children: [_jsx("span", { children: "Progress" }), _jsxs("span", { className: "font-medium tabular-nums text-white", children: [Math.round(clamped), "%"] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamped, variant: "solid", className: "w-full", "aria-label": "Loading progress", children: _jsx(Progress.Track, { className: "h-2 !rounded-full bg-white/20", children: _jsx(Progress.Range, { className: "!bg-button-tertiary-fg" }) }) })] })] }));
+}

package/dist/components/DigitainLauncher/DigitainLoadingView.d.ts

@@ -0,0 +1,10 @@
+import type { ImageProps } from 'next/image';
+export interface DigitainLoadingViewProps {
+    fallbackBackgroundImage?: ImageProps['src'] | null;
+    loadingProgress: number;
+    loadingActiveStepIndex: number;
+}
+/**
+ * Dimmed full-area overlay (below the app header) with optional hero image behind it.
+ */
+export declare function DigitainLoadingView(props: DigitainLoadingViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/DigitainLoadingView.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { DigitainLoadingPanel } from './DigitainLoadingPanel.js';
+/**
+ * Dimmed full-area overlay (below the app header) with optional hero image behind it.
+ */
+export function DigitainLoadingView(props) {
+    return (_jsxs("div", { className: "w-full min-h-[calc(100dvh-4rem)]", children: [props.fallbackBackgroundImage ? (_jsx("div", { className: "relative min-h-[calc(100dvh-4rem)] w-full overflow-hidden rounded-xl", children: _jsx(Image, { src: props.fallbackBackgroundImage, alt: "", fill: true, className: "object-cover", sizes: "100vw" }) })) : null, _jsx("div", { className: "fixed inset-x-0 top-16 bottom-0 z-[1000] flex min-h-0 items-center justify-center overflow-y-auto overscroll-contain bg-black/65 px-4 py-6 backdrop-blur-md sm:px-10 sm:py-10", children: _jsx("div", { className: "my-auto w-full max-w-md py-2 pb-[max(1.5rem,env(safe-area-inset-bottom))]", children: _jsx(DigitainLoadingPanel, { progress: props.loadingProgress, activeStepIndex: props.loadingActiveStepIndex }) }) })] }));
+}

package/dist/components/DigitainLauncher/types.d.ts

@@ -48,7 +48,8 @@ export interface DigitiainBootstrapper {
 }
 declare global {
     interface Window {
-        Bootstrapper: DigitiainBootstrapper;
+        /** Set by the Digitain `bootstrapper.min.js` script when it loads. */
+        Bootstrapper?: DigitiainBootstrapper;
     }
 }
 export {};

package/dist/components/PortalProvider/SetupDomain.js

@@ -4,21 +4,16 @@ import { useTimeout } from 'usehooks-ts';
 import { z } from 'zod';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
-const MarketSchema = z
-    .string()
-    .min(5)
-    .max(6)
-    .regex(/^[0-9]+$/)
-    .nullable()
-    .optional()
-    .catch(null);
+const MarketSchema = z.string().nullable().optional().catch(null);
 export function SetupDomain() {
     const query = useSessionQuery();
     const mutation = useUpdateSessionMutation();
     const params = useSearchParams();
     useTimeout(() => {
         const oldDomain = query.data?.domain;
-        const newMarket = MarketSchema.parse(params.get('m'));
+        const m = params.get('m');
+        const market = params.get('market');
+        const newMarket = MarketSchema.parse(m || market);
         const newDomain = newMarket
             ? `${window.location.host}/${newMarket}`
             : `${window.location.host}`;

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" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "control" | "indicator") => 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -29,7 +29,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -43,9 +43,9 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "control" | "indicator") => 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -73,7 +73,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -87,7 +87,7 @@ export declare const withContext: <Props extends {
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -26,7 +26,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
         gray: {};
         neutral: {};
     };
-}, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "group" | "root" | "control" | "indicator", 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" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "group" | "root" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;