@opexa/portal-components 0.0.323 → 0.0.325

package/dist/client/hooks/useSignUpMutation.d.ts

@@ -1,5 +1,5 @@
 import { type RegisterMemberAccountViaMobileInput } from '../../services/account';
 import type { Mutation } from '../../types';
-export interface SignUpMutationInput extends Omit<RegisterMemberAccountViaMobileInput, 'domain'> {
+export interface SignUpMutationInput extends Omit<RegisterMemberAccountViaMobileInput, 'domain' | 'cellxpertCxd'> {
 }
 export declare const useSignUpMutation: Mutation<void, SignUpMutationInput>;

package/dist/client/hooks/useSignUpMutation.js

@@ -8,7 +8,12 @@ export const useSignUpMutation = (config) => {
         mutationKey: getSignUpMutationKey(),
         mutationFn: async (input) => {
             const session = await getSession();
-            return await registerMemberAccountViaMobile(input, {
+            return await registerMemberAccountViaMobile({
+                ...input,
+                ...(session.cellxpertCxd && {
+                    cellxpertCxd: session.cellxpertCxd,
+                }),
+            }, {
                 headers: {
                     ...(session.domain && {
                         Domain: session.domain,

package/dist/client/hooks/useUpdateSessionMutation.js

@@ -13,11 +13,19 @@ export const useUpdateSessionMutation = (config) => {
             queryClient.setQueryData(getSessionQueryKey(), (prev) => {
                 if (!prev)
                     return prev;
-                if (!input.domain)
-                    return prev;
+                const domain = input.domain ?? prev.domain;
+                const cellxpertCxd = input.cellxpertCxd ?? prev.cellxpertCxd;
+                if (prev.status === 'unauthenticated') {
+                    return {
+                        status: 'unauthenticated',
+                        domain,
+                        cellxpertCxd,
+                    };
+                }
                 return {
-                    ...prev,
-                    ...input,
+                    status: 'authenticated',
+                    token: prev.token,
+                    domain,
                 };
             });
             return ok;

package/dist/client/services/getSession.js

@@ -2,5 +2,5 @@ import { cache } from 'react';
 import { httpRequest, } from '../../services/httpRequest.js';
 export const getSession = cache(async (options) => {
     const res = await httpRequest.json('/api/sessions', options);
-    return res.ok ? res.data : { status: 'unauthenticated', domain: null };
+    return res.ok ? res.data : { status: 'unauthenticated' };
 });

package/dist/client/services/updateSession.d.ts

@@ -1,5 +1,6 @@
 import { type HttpRequestOptions } from '../../services/httpRequest';
 export interface UpdateSessionInput {
     domain?: string;
+    cellxpertCxd?: string;
 }
 export declare const updateSession: (input: UpdateSessionInput, options?: HttpRequestOptions) => Promise<boolean>;

package/dist/components/AccountInfo/AccountInfo.js

@@ -24,7 +24,7 @@ export function AccountInfo(props) {
 function ProfileInfo() {
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsxs("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: [_jsx("div", { className: "border-border-secondary border-b px-4 py-5", children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }), _jsx("div", { className: "flex justify-end px-xl py-lg", children: _jsx(Button, { size: "sm", variant: "outline", fullWidth: false, children: "Upload New Avatar" }) })] })] }));
+    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsx("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: _jsx("div", { className: 'border-border-secondary px-4 py-5', children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }) })] }));
 }
 function PersonalInfo() {
     const accountQuery = useAccountQuery();

package/dist/components/Disclaimer/DisclaimerV1.d.ts

@@ -2,6 +2,7 @@ import type { ImageProps } from 'next/image';
 export interface DisclaimerV1Props {
     version: '1';
     logo: ImageProps['src'];
+    siteName: string;
     termsOfUseUrl?: string;
 }
 export declare function DisclaimerV1(props: DisclaimerV1Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/DisclaimerV1.js

@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRef, useState } from 'react';
-import { useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
@@ -25,7 +24,6 @@ export function DisclaimerV1(props) {
     })));
     const checked = globalStore.termsOfUse.accepted;
     const [warn, setWarn] = useState(false);
-    useTimeout(() => setWarn(false), warn ? 5000 : null);
     return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx("button", { type: "button", onClick: () => {
                                     if (!checked) {
                                         setWarn(true);
@@ -33,13 +31,14 @@ export function DisclaimerV1(props) {
                                     else {
                                         disclaimer.close();
                                     }
-                                }, className: "absolute top-6.5 right-6.5", "aria-label": "Close", children: _jsx(XIcon, { className: "size-6 text-text-quinary" }) }), _jsx(Image, { src: props.logo, alt: "", width: 142, height: 30, className: "mx-auto h-auto w-[8.875rem]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 74, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 185, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] }), _jsx("p", { className: "mt-4 text-center text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "mt-5", children: _jsx("ul", { className: "space-y-1", children: items.map((item, index) => (_jsxs("li", { className: "flex items-start gap-md text-sm text-text-secondary-700", children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full bg-bg-brand-solid", children: _jsx("div", { className: "size-1.5 rounded-full bg-cyan-950" }) }), item] }, index))) }) }), _jsx(Field.Root, { invalid: warn, className: "mt-2xl", children: _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
-                                                if (e.checked === 'indeterminate')
-                                                    return;
-                                                globalStore.termsOfUse.setAccepted(e.checked);
-                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs("div", { className: "!text-sm !leading-tight", children: [_jsxs(Checkbox.Label, { className: "text-sm leading-tight", children: ["I am at least 21 years of age, I accept the", ' ', _jsx(Link, { href: props.termsOfUseUrl ?? '/terms-of-use', className: "text-brand-400 underline underline-offset-2", onClick: () => {
-                                                                        globalStore.termsOfUse.setOpen(false);
-                                                                    }, children: "Terms of Use" }), ' ', "and I am not playing in open or public space."] }), _jsxs(Field.ErrorText, { className: "mt-0 flex items-center gap-1 text-xs leading-none", children: [_jsx(AlertCircleIcon, { className: "size-3.5 text-error-400" }), "You must accept the Terms of Use to continue."] })] }), _jsx(Checkbox.HiddenInput, {})] }) }), _jsx("p", { className: "mt-2xl text-center text-sm", children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law." })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, disabled: !checked, children: "Accept" }), _jsx(Button, { variant: "outline", type: "button", className: "mt-lg", onClick: () => {
+                                }, className: "absolute top-6.5 right-6.5", "aria-label": "Close", children: _jsx(XIcon, { className: "size-6 text-text-quinary" }) }), _jsx(Image, { src: props.logo, alt: "", width: 142, height: 30, className: "mx-auto h-auto w-[8.875rem]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 74, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 185, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] }), _jsx("p", { className: "mt-4 text-center text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "mt-5", children: _jsx("ul", { className: "space-y-1", children: items.map((item, index) => (_jsxs("li", { className: "flex items-start gap-md text-sm text-text-secondary-700", children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full bg-bg-brand-solid", children: _jsx("div", { className: "size-1.5 rounded-full bg-cyan-950" }) }), item] }, index))) }) }), _jsxs(Field.Root, { invalid: warn, className: "mt-2xl", children: [_jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
+                                                    if (e.checked === 'indeterminate')
+                                                        return;
+                                                    globalStore.termsOfUse.setAccepted(e.checked);
+                                                    setWarn(!e.checked);
+                                                }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { className: "text-sm", children: ["I am at least 21 years of age, I accept the", ' ', _jsx(Link, { href: props.termsOfUseUrl ?? '/terms-of-use', className: "text-brand-400 underline underline-offset-2", onClick: () => {
+                                                                    globalStore.termsOfUse.setOpen(false);
+                                                                }, children: "Terms of Use" }), ' ', "and I am not playing in open or public space."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.ErrorText, { className: "!mt-2xl flex items-center justify-center gap-2 text-error-600 text-sm", children: [_jsx(AlertCircleIcon, { className: "size-4 shrink-0 text-error-600" }), "Please agree to ", props.siteName, "\u2019s Terms of Use to proceed."] })] }), _jsx("p", { className: "mt-2xl text-center text-sm", children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law." })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, disabled: !checked, children: "Accept" }), _jsx(Button, { variant: "outline", type: "button", className: "mt-lg", onClick: () => {
                                     if (!checked) {
                                         setWarn(true);
                                     }

package/dist/components/PortalProvider/PortalProvider.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
-import { Suspense } from 'react';
-import { INTERNALS__REPORT_WEB_VITALS } from '../../constants/index.js';
+import { Fragment, Suspense } from 'react';
 import { prefetchAccountQuery } from '../../server/utils/prefetchAccountQuery.js';
 import { prefetchPlatformQuery } from '../../server/utils/prefetchPlatformQuery.js';
 import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js';
@@ -9,9 +8,9 @@ import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { FeatureFlag } from './FeatureFlag.js';
 import { Providers } from './Providers.js';
+import { SetupCellxpertCxd } from './SetupCellxpertCxd.js';
 import { SetupDomain } from './SetupDomain.js';
 import { Snackbar } from './Snackbar.js';
-import { WebVitals } from './WebVitals.js';
 export async function PortalProvider({ recaptchaSiteKey, children, }) {
     const queryClient = getQueryClient();
     await Promise.allSettled([
@@ -20,5 +19,5 @@ export async function PortalProvider({ recaptchaSiteKey, children, }) {
         prefetchAccountQuery(),
         prefetchWalletQuery(),
     ]);
-    return (_jsxs(_Fragment, { children: [INTERNALS__REPORT_WEB_VITALS && _jsx(WebVitals, {}), _jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(Suspense, { fallback: null, children: _jsx(SetupDomain, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { fallback: null, children: _jsx(FeatureFlag, {}) })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(Suspense, { children: _jsx(SetupDomain, {}) }), _jsx(Suspense, { children: _jsx(SetupCellxpertCxd, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { children: _jsx(FeatureFlag, {}) })] }));
 }

package/dist/components/PortalProvider/SetupCellxpertCxd.d.ts

@@ -0,0 +1 @@
+export declare function SetupCellxpertCxd(): null;

package/dist/components/PortalProvider/SetupCellxpertCxd.js

@@ -0,0 +1,28 @@
+'use client';
+import { useSearchParams } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { z } from 'zod';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
+const CellxpertCxdSchema = z
+    .string()
+    .min(200)
+    .trim()
+    .optional()
+    .nullable()
+    .catch(null);
+export function SetupCellxpertCxd() {
+    const query = useSessionQuery();
+    const mutation = useUpdateSessionMutation();
+    const params = useSearchParams();
+    useTimeout(() => {
+        const oldValue = query.data?.cellxpertCxd;
+        const newValue = CellxpertCxdSchema.parse(params.get('cxd'));
+        if (oldValue === newValue)
+            return;
+        if (!newValue)
+            return;
+        mutation.mutate({ cellxpertCxd: newValue });
+    }, query.data?.status !== 'unauthenticated' ? null : 1000);
+    return null;
+}

package/dist/constants/StorageKey.d.ts

@@ -2,3 +2,4 @@ export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
 export declare const DOMAIN_COOKIE_NAME: string;
 export declare const FEATURE_FLAG_LOCAL_STORAGE_KEY: string;
+export declare const CELLXPERT_CXD_COOKIE_NAME: string;

package/dist/constants/StorageKey.js

@@ -2,3 +2,4 @@ export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';
 export const FEATURE_FLAG_LOCAL_STORAGE_KEY = 'WebPortalFeatureFlag';
+export const CELLXPERT_CXD_COOKIE_NAME = 'WebPortalCellxpertCxd';

package/dist/handlers/getSession.d.ts

@@ -1,4 +1,4 @@
-import { NextResponse, type NextRequest } from 'next/server';
+import { type NextRequest, NextResponse } from 'next/server';
 import type { Session } from '../types';
 export declare function getSession(request: NextRequest): Promise<NextResponse<{
     ok: false;

package/dist/handlers/getSession.js

@@ -1,17 +1,19 @@
 import { addMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, CELLXPERT_CXD_COOKIE_NAME, DOMAIN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
 import { refreshSession } from '../services/auth.js';
 export async function getSession(request) {
     const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
     const refreshToken = request.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
     const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value;
+    const cellxpertCxd = request.cookies.get(CELLXPERT_CXD_COOKIE_NAME)?.value;
     if (!refreshToken) {
         const response = NextResponse.json({
             ok: true,
             data: {
-                domain,
                 status: 'unauthenticated',
+                domain,
+                cellxpertCxd,
             },
         });
         response.cookies.delete(ACCESS_TOKEN_COOKIE_NAME);
@@ -46,6 +48,7 @@ export async function getSession(request) {
                 data: {
                     status: 'unauthenticated',
                     domain,
+                    cellxpertCxd,
                 },
             });
             response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);

package/dist/handlers/index.d.ts

@@ -6,26 +6,26 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: true;
-    data?: never;
-} | {
     ok: false;
     message: string;
     __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }> | NextResponse<{
+    ok: true;
+    data?: never;
+} | {
     ok: false;
     message: string;
     __error?: unknown;
-} | {
-    ok: true;
-    data: Record<string, unknown>;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/handlers/patchSession.js

@@ -1,9 +1,10 @@
-import { addDays } from 'date-fns';
+import { addDays, addHours } from 'date-fns';
 import { NextResponse } from 'next/server';
 import { z } from 'zod';
-import { DOMAIN_COOKIE_NAME } from '../constants/index.js';
+import { CELLXPERT_CXD_COOKIE_NAME, DOMAIN_COOKIE_NAME } from '../constants/index.js';
 const UpdateSessionDefinition = z.object({
     domain: z.string().optional().nullable(),
+    cellxpertCxd: z.string().optional().nullable(),
 });
 export async function patchSession(request) {
     const body = await request.json();
@@ -22,5 +23,12 @@ export async function patchSession(request) {
             sameSite: 'strict',
         });
     }
+    if (parsed.data.cellxpertCxd) {
+        response.cookies.set(CELLXPERT_CXD_COOKIE_NAME, parsed.data.cellxpertCxd, {
+            expires: addHours(new Date(), 6),
+            httpOnly: true,
+            sameSite: 'strict',
+        });
+    }
     return response;
 }

package/dist/services/account.d.ts

@@ -52,8 +52,9 @@ export interface RegisterMemberAccountViaMobileMutationVariables {
     input: {
         id: string;
         mobileNumber: string;
-        domain?: string;
         btag?: string;
+        domain?: string;
+        cellxpertCxd?: string;
     };
     referralCode?: string;
     verificationCode?: string;

package/dist/types/index.d.ts

@@ -7,12 +7,14 @@ import type { ImageProps } from 'next/image';
  */
 export type Session = {
     status: 'authenticated';
-    domain?: string | null;
+    domain?: string;
     token: string;
+    cellxpertCxd?: string;
 } | {
     status: 'unauthenticated';
-    domain?: string | null;
-    token?: null;
+    domain?: string;
+    token?: never;
+    cellxpertCxd?: string;
 };
 /**
  * ------------------------------------------------------------

package/dist/ui/Badge/Badge.d.ts

@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
     asChild?: boolean;
 }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export {};

package/dist/ui/Badge/badge.anatomy.d.ts

@@ -1 +1 @@
-export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
+export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;

package/dist/ui/Badge/badge.recipe.d.ts

@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;