@opexa/portal-components 0.0.476 → 0.0.478

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +1 -0
  2. package/dist/components/KYC/KYCDefault/IdentityVerification.js +3 -1
  3. package/dist/components/KYC/KYCDefault/KYCDefault.js +5 -3
  4. package/dist/components/KYC/KYCDefault/PersonalInformation.js +7 -2
  5. package/dist/components/KYC/KYCReminder.lazy.js +1 -2
  6. package/dist/components/PortalProvider/CXDTokenObserver.d.ts +1 -0
  7. package/dist/components/PortalProvider/CXDTokenObserver.js +30 -0
  8. package/dist/services/wallet.d.ts +1 -0
  9. package/dist/services/wallet.js +3 -2
  10. package/dist/ui/Badge/Badge.d.ts +12 -12
  11. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  12. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  13. package/dist/ui/Carousel/Carousel.d.ts +72 -72
  14. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  15. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  16. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  17. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  18. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  19. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  20. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  21. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  22. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  23. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  24. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  25. package/dist/ui/Menu/Menu.d.ts +252 -252
  26. package/dist/ui/Menu/menu.recipe.d.ts +14 -14
  27. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  28. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  29. package/dist/ui/Popover/Popover.d.ts +55 -55
  30. package/dist/ui/Popover/popover.recipe.d.ts +5 -5
  31. package/dist/ui/Progress/Progress.d.ts +27 -27
  32. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  33. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  34. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  35. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  36. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  37. package/dist/ui/Select/Select.d.ts +45 -45
  38. package/dist/ui/Select/select.recipe.d.ts +3 -3
  39. package/dist/ui/Table/Table.d.ts +21 -21
  40. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  41. package/dist/ui/Table/table.recipe.d.ts +3 -3
  42. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  43. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  44. package/package.json +1 -1
@@ -125,6 +125,7 @@ export function VentajaWithdrawal() {
125
125
  amount: data.amount,
126
126
  accountNumber: data.accountNumber,
127
127
  bankCode: data.bankCode,
128
+ accountName: '',
128
129
  },
129
130
  transactionPassword: data.password,
130
131
  });
@@ -19,12 +19,14 @@ import { IdFrontImageField } from '../../shared/IdFrontImageField/index.js';
19
19
  import { SelfieImageField } from '../../shared/SelfieImageField/index.js';
20
20
  import { useKYCDefaultContext } from './KYCDefaultContext.js';
21
21
  import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
22
+ import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
22
23
  const formSchema = z.object({
23
24
  selfieImage: z.string().min(1, 'Selfie image is required.'),
24
25
  idFrontImage: z.string().min(1, 'Front image of ID is required.'),
25
26
  });
26
27
  export function IdentityVerification() {
27
28
  const kyc = useKYCDefaultContext();
29
+ const featureFlag = useFeatureFlag();
28
30
  const { data: account, isLoading: accountLoading } = useAccountQuery();
29
31
  const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
30
32
  const { mutate: createMemberVerification, isPending: createPending } = useCreateMemberVerificationMutation({
@@ -117,7 +119,7 @@ export function IdentityVerification() {
117
119
  type: 'validate',
118
120
  message: error.message,
119
121
  });
120
- } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), !isVerificationLocked && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", type: "button", onClick: () => {
122
+ } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), !(featureFlag.enabled && isVerificationLocked) && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", type: "button", onClick: () => {
121
123
  globalStore.kyc.setOpen(false);
122
124
  }, children: "Skip for now" }))] })] }));
123
125
  }
@@ -15,8 +15,10 @@ import { Indicator } from './Indicator.js';
15
15
  import { KYCDefaultContext } from './KYCDefaultContext.js';
16
16
  import { PersonalInformation } from './PersonalInformation.js';
17
17
  import { useKYCDefault } from './useKYCDefault.js';
18
+ import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
18
19
  export function KYCDefault(props) {
19
- const globalStore = useGlobalStore(useShallow((ctx) => ({ kyc: ctx.kyc })));
20
+ const globalStore = useGlobalStore(useShallow((ctx) => ({ kyc: ctx.kyc, kycReminder: ctx.kycReminder })));
21
+ const featureFlag = useFeatureFlag();
20
22
  const kyc = useKYCDefault();
21
23
  const { data: account } = useAccountQuery();
22
24
  const { data: verification } = useMemberVerificationQuery();
@@ -40,7 +42,7 @@ export function KYCDefault(props) {
40
42
  kyc.setStep(steps);
41
43
  }
42
44
  }, [steps, kyc]);
43
- return (_jsxs(_Fragment, { children: [_jsx(KYCDefaultContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open && hasMissingData, onOpenChange: (details) => {
45
+ return (_jsxs(_Fragment, { children: [_jsx(KYCDefaultContext, { value: kyc, children: _jsx(Dialog.Root, { open: featureFlag.enabled ? !globalStore.kycReminder.open && globalStore.kyc.open && hasMissingData : globalStore.kyc.open && hasMissingData, onOpenChange: (details) => {
44
46
  globalStore.kyc.setOpen(details.open);
45
- }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [!isVerificationLocked && (_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
47
+ }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [!(featureFlag.enabled && isVerificationLocked) && (_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
46
48
  }
@@ -17,6 +17,8 @@ import { Field } from '../../../ui/Field/index.js';
17
17
  import { getQueryClient } from '../../../utils/getQueryClient.js';
18
18
  import { getMemberVerificationQueryKey } from '../../../utils/queryKeys.js';
19
19
  import { useKYCDefaultContext } from './KYCDefaultContext.js';
20
+ import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
21
+ import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
20
22
  const definition = z.object({
21
23
  address: z.string().trim().min(1, 'Current address is required'),
22
24
  permanentAddress: z.string().trim().min(1, 'Permanent address is required'),
@@ -27,11 +29,14 @@ const definition = z.object({
27
29
  });
28
30
  export function PersonalInformation() {
29
31
  const kyc = useKYCDefaultContext();
32
+ const featureFlag = useFeatureFlag();
30
33
  const globalStore = useGlobalStore(useShallow((ctx) => ({
31
34
  kyc: ctx.kyc,
32
35
  })));
33
36
  const memberVerificationQuery = useMemberVerificationQuery();
34
37
  const memberVerificationId = memberVerificationQuery.data?.id;
38
+ const { data: account, isLoading: accountLoading } = useAccountQuery();
39
+ const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
35
40
  const approveMemberVerificationMutation = useApproveMemberVerification();
36
41
  const updateMemberVerificationMutation = useUpdateMemberVerificationMutation({
37
42
  onError(error) {
@@ -112,8 +117,8 @@ export function PersonalInformation() {
112
117
  });
113
118
  }
114
119
  }, disabled: !permanentAddress, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.sourceOfIncome, children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income", ...form.register('sourceOfIncome') }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceOfIncome?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.natureOfWork, children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description", ...form.register('natureOfWork') }), _jsx(Field.ErrorText, { children: form.formState.errors.natureOfWork?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.placeOfBirth, children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth", ...form.register('placeOfBirth') }), _jsx(Field.ErrorText, { children: form.formState.errors.placeOfBirth?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: updateMemberVerificationMutation.isPending ||
115
- createMemberVerificationMutation.isPending, children: "Continue" }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
120
+ createMemberVerificationMutation.isPending, children: "Continue" }), !(featureFlag.enabled && isVerificationLocked) && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
116
121
  globalStore.kyc.setOpen(false);
117
122
  }, disabled: updateMemberVerificationMutation.isPending ||
118
- createMemberVerificationMutation.isPending, children: "Skip for now" })] })] }));
123
+ createMemberVerificationMutation.isPending, children: "Skip for now" }))] })] }));
119
124
  }
@@ -48,8 +48,7 @@ export function KYCReminder(props) {
48
48
  !verificationLoading &&
49
49
  globalStore.kycReminder.open &&
50
50
  session?.status === 'authenticated' &&
51
- hasMissingData ||
52
- isVerificationLocked, onOpenChange: (details) => {
51
+ hasMissingData, onOpenChange: (details) => {
53
52
  globalStore.kycReminder.setOpen(details.open);
54
53
  }, 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 max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary-alt lg:max-w-[400px]", children: isVerificationLocked && enabled ? (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-warning-secondary p-2 mb-4", children: _jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }) }), _jsx("h2", { className: "mt-4 text-lg", children: "Temporarily Locked" }), _jsx("p", { className: "mt-xs text-sm text-text-tertiary-600", children: "Your account has been locked due to incomplete verification. Please complete your verification to restore full access." }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl mt-6", children: [_jsx(Image, { src: pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
55
54
  api.setOpen(false);
@@ -0,0 +1 @@
1
+ export declare function CXDTokenObserver(): null;
@@ -0,0 +1,30 @@
1
+ 'use client';
2
+ import { addHours } from 'date-fns';
3
+ import { clamp } from 'lodash-es';
4
+ import { useLocalStorage, useTimeout } from 'usehooks-ts';
5
+ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
6
+ export function CXDTokenObserver() {
7
+ const { data: account } = useAccountQuery();
8
+ const accountCxd = {
9
+ cxd: account?.cellxpertDetails?.cxd,
10
+ };
11
+ const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
12
+ const now = new Date();
13
+ const removeCxdUntilInMs = cxd?.timestamp
14
+ ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
15
+ : 0;
16
+ useTimeout(() => {
17
+ const isSame = cxd?.cxd === accountCxd.cxd;
18
+ if (!isSame) {
19
+ const extendedTimestamp = addHours(new Date(), 6).getTime();
20
+ setCxd({
21
+ cxd: accountCxd.cxd,
22
+ timestamp: extendedTimestamp,
23
+ });
24
+ }
25
+ }, account ? 100 : null);
26
+ useTimeout(() => {
27
+ removeCxd();
28
+ }, account ? removeCxdUntilInMs : null);
29
+ return null;
30
+ }
@@ -394,6 +394,7 @@ export interface CreateVentajaDisbursementWithdrawalVariables {
394
394
  id: string;
395
395
  amount: string;
396
396
  bankCode: string;
397
+ accountName: string;
397
398
  accountNumber: string;
398
399
  };
399
400
  transactionPassword: string;
@@ -2,7 +2,7 @@ import { cache } from 'react';
2
2
  import { WALLET_GRAPHQL_ENDPOINT } from '../constants/index.js';
3
3
  import { parseDecimal } from '../utils/parseDecimal.js';
4
4
  import { graphqlRequest } from './graphqlRequest.js';
5
- import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET } from './queries.js';
5
+ import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
6
6
  import { sha256 } from './sha256.js';
7
7
  export const getPromos = cache(async (options) => {
8
8
  const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, {
@@ -243,7 +243,8 @@ export const createPisoPayWithdrawal = async (input, options) => {
243
243
  if (res.createPisoPayRemittanceWithdrawal) {
244
244
  const error = new Error();
245
245
  error.name = res.createPisoPayRemittanceWithdrawal.name;
246
- error.message = ERROR_CODES_MESSAGE_MAP[res.createPisoPayRemittanceWithdrawal.name];
246
+ error.message =
247
+ ERROR_CODES_MESSAGE_MAP[res.createPisoPayRemittanceWithdrawal.name];
247
248
  Error.captureStackTrace?.(error, createGCashWithdrawal);
248
249
  throw error;
249
250
  }
@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
37
37
  root: string;
38
38
  };
39
39
  };
40
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
40
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
41
41
  size: {
42
42
  md: {
43
43
  root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
72
72
  root: string;
73
73
  };
74
74
  };
75
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
75
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
76
76
  size: {
77
77
  md: {
78
78
  root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
107
107
  root: string;
108
108
  };
109
109
  };
110
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
110
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
111
111
  interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
112
112
  asChild?: boolean;
113
113
  }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
146
146
  root: string;
147
147
  };
148
148
  };
149
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
149
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
150
150
  size: {
151
151
  md: {
152
152
  root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
181
181
  root: string;
182
182
  };
183
183
  };
184
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
184
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
185
185
  size: {
186
186
  md: {
187
187
  root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
216
216
  root: string;
217
217
  };
218
218
  };
219
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
219
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
220
220
  interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
221
221
  asChild?: boolean;
222
222
  }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
255
255
  root: string;
256
256
  };
257
257
  };
258
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
258
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
259
259
  size: {
260
260
  md: {
261
261
  root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
290
290
  root: string;
291
291
  };
292
292
  };
293
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
293
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
294
294
  size: {
295
295
  md: {
296
296
  root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
325
325
  root: string;
326
326
  };
327
327
  };
328
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
328
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
329
329
  interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
330
330
  asChild?: boolean;
331
331
  }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
364
364
  root: string;
365
365
  };
366
366
  };
367
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
367
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
368
368
  size: {
369
369
  md: {
370
370
  root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
399
399
  root: string;
400
400
  };
401
401
  };
402
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
402
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
403
403
  size: {
404
404
  md: {
405
405
  root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
434
434
  root: string;
435
435
  };
436
436
  };
437
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
437
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
438
438
  export {};
@@ -1 +1 @@
1
- export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
1
+ export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;
@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
33
33
  root: string;
34
34
  };
35
35
  };
36
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
36
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
37
37
  size: {
38
38
  md: {
39
39
  root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
68
68
  root: string;
69
69
  };
70
70
  };
71
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
71
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
72
72
  size: {
73
73
  md: {
74
74
  root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
103
103
  root: string;
104
104
  };
105
105
  };
106
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
106
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;