@opexa/portal-components 0.1.32 → 0.1.34

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 (25) hide show
  1. package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts +2 -2
  2. package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts +1 -1
  3. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
  4. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
  5. package/dist/components/Games/GamesCarousel.client.js +2 -1
  6. package/dist/components/Games/GamesList.client.js +2 -1
  7. package/dist/components/GamesSearch/GamesSearch.js +30 -8
  8. package/dist/components/Search/Search.lazy.js +36 -7
  9. package/dist/types/index.d.ts +1 -0
  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/Combobox/Combobox.d.ts +42 -42
  14. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  15. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  16. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  17. package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
  18. package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
  19. package/dist/ui/Select/Select.d.ts +45 -45
  20. package/dist/ui/Select/select.recipe.d.ts +3 -3
  21. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  22. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  23. package/dist/utils/sanitizeGamesSearch.d.ts +5 -0
  24. package/dist/utils/sanitizeGamesSearch.js +20 -0
  25. package/package.json +1 -1
package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const AurixPayQRPHDepositContext: (props: {
2
2
  value: {
3
- status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
3
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
4
4
  deposit: import("../../../../types").Deposit | null;
5
5
  errorMessage: {
6
6
  name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
16
- status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
16
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
17
17
  deposit: import("../../../../types").Deposit | null;
18
18
  errorMessage: {
19
19
  name: string;
package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts CHANGED
@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
5
5
  promo?: string | null;
6
6
  }
7
7
  export declare function useAurixPayQRPHDeposit(): {
8
- status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
8
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
9
9
  deposit: Deposit | null;
10
10
  errorMessage: {
11
11
  name: string;
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const OnlineBankDepositContext: (props: {
2
2
  value: {
3
- view: "vca" | "form";
3
+ view: "form" | "vca";
4
4
  status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
5
  verify: () => void;
6
6
  reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useOnlineBankDepositContext: () => {
16
- view: "vca" | "form";
16
+ view: "form" | "vca";
17
17
  status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
18
18
  verify: () => void;
19
19
  reset: () => void;
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Deposit } from '../../../../types';
2
2
  export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
3
3
  export declare function useOnlineBankDeposit(): {
4
- view: "vca" | "form";
4
+ view: "form" | "vca";
5
5
  status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
package/dist/components/Games/GamesCarousel.client.js CHANGED
@@ -29,7 +29,8 @@ export function GamesCarousel__client(props) {
29
29
  staleTime: 5 * 60 * 1000,
30
30
  });
31
31
  const availableRows = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
32
- const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 5), [props.topGames]);
32
+ const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 10), // increase top games to display
33
+ [props.topGames]);
33
34
  const { data: topGameRows = [] } = useTopGamesQuery(topGamesToDisplay);
34
35
  const sortedRows = useMemo(() => {
35
36
  if (!topGamesToDisplay.length)
package/dist/components/Games/GamesList.client.js CHANGED
@@ -27,7 +27,8 @@ export function GamesList__client(props) {
27
27
  search: props.search,
28
28
  sort: props.sort,
29
29
  });
30
- const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 5), [props.topGames]);
30
+ const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 10), // increase top games to display
31
+ [props.topGames]);
31
32
  const { data: topGameRows = [] } = useTopGamesQuery(topGamesToDisplay);
32
33
  const sortedRows = useMemo(() => {
33
34
  if (!topGamesToDisplay.length)
package/dist/components/GamesSearch/GamesSearch.js CHANGED
@@ -5,6 +5,7 @@ import { isString } from 'lodash-es';
5
5
  import Image from 'next/image';
6
6
  import { useState } from 'react';
7
7
  import { twMerge } from 'tailwind-merge';
8
+ import { useDebounceValue } from 'usehooks-ts';
8
9
  import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
9
10
  import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
10
11
  import { SearchLgIcon } from '../../icons/SearchLgIcon.js';
@@ -14,16 +15,19 @@ import { Combobox } from '../../ui/Combobox/index.js';
14
15
  import { Portal } from '../../ui/Portal/index.js';
15
16
  import { Presence } from '../../ui/Presence/index.js';
16
17
  import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
17
- import { sanitizeGamesSearch } from '../../utils/sanitizeGamesSearch.js';
18
+ import { collapseGamesSearch, mergeUniqueById, normalizeGameName, sanitizeGamesSearch, } from '../../utils/sanitizeGamesSearch.js';
18
19
  import { GameLaunchTrigger } from '../GameLaunch/index.js';
19
20
  export function GamesSearch(props) {
20
21
  const isBypass = useBypassKycChecker(props.bypassDomains);
21
22
  const [searchInput, setSearchInput] = useState('');
22
- const sanitizedSearch = sanitizeGamesSearch(searchInput);
23
+ const [debouncedSearch] = useDebounceValue(searchInput, 300);
24
+ const sanitizedSearch = sanitizeGamesSearch(debouncedSearch);
25
+ const collapsedSearch = collapseGamesSearch(debouncedSearch);
26
+ const hasSpaces = collapsedSearch !== sanitizedSearch;
23
27
  const trimmedInputLength = searchInput.trim().length;
24
28
  const showMinLengthWarning = trimmedInputLength > 0 &&
25
29
  trimmedInputLength < 3 &&
26
- sanitizedSearch.length < 3;
30
+ sanitizeGamesSearch(searchInput).length < 3;
27
31
  const gamesQuery = useGamesQuery({
28
32
  first: props.first ?? 18,
29
33
  filter: props.filter,
@@ -32,9 +36,27 @@ export function GamesSearch(props) {
32
36
  }, {
33
37
  enabled: sanitizedSearch.length >= 3,
34
38
  });
35
- let games = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
39
+ const collapsedGamesQuery = useGamesQuery({
40
+ first: props.first ?? 18,
41
+ filter: props.filter,
42
+ search: collapsedSearch,
43
+ sort: props.sort,
44
+ }, {
45
+ enabled: hasSpaces && collapsedSearch.length >= 3,
46
+ });
47
+ let games = mergeUniqueById(gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [], collapsedGamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? []);
36
48
  if (props.variant === '88play') {
37
- games = games.filter((game) => game.name.toLowerCase().includes(sanitizedSearch.toLowerCase()));
49
+ const normalizedSearch = normalizeGameName(sanitizedSearch);
50
+ games = games.filter((game) => normalizeGameName(game.name).includes(normalizedSearch));
51
+ }
52
+ const hasNextPage = gamesQuery.hasNextPage || collapsedGamesQuery.hasNextPage;
53
+ function fetchNextPage() {
54
+ if (gamesQuery.hasNextPage) {
55
+ void gamesQuery.fetchNextPage();
56
+ }
57
+ else if (collapsedGamesQuery.hasNextPage) {
58
+ void collapsedGamesQuery.fetchNextPage();
59
+ }
38
60
  }
39
61
  const collection = createListCollection({
40
62
  items: games,
@@ -52,14 +74,14 @@ export function GamesSearch(props) {
52
74
  placement: 'bottom',
53
75
  }, inputValue: searchInput, onInputValueChange: (details) => {
54
76
  setSearchInput(details.inputValue);
55
- }, selectionBehavior: "preserve", allowCustomValue: true, children: [_jsxs(Combobox.Control, { className: "relative z-50", children: [_jsx(Combobox.Input, { placeholder: props.placeholder ?? 'Search' }), _jsx(Combobox.Context, { children: (api) => {
77
+ }, selectionBehavior: "preserve", allowCustomValue: true, children: [_jsxs(Combobox.Control, { className: "relative ui-open:z-popover", children: [_jsx(Combobox.Input, { placeholder: props.placeholder ?? 'Search' }), _jsx(Combobox.Context, { children: (api) => {
56
78
  if (api.inputValue.length <= 0)
57
79
  return null;
58
80
  return (_jsx("span", { className: "cursor-pointer px-3.5 font-semibold text-text-secondary-700", onClick: () => {
59
81
  api.setInputValue('');
60
82
  api.focus();
61
83
  }, children: "Clear" }));
62
- } })] }), _jsx(Portal, { children: _jsx(Combobox.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsx(Presence, { present: api.open, children: _jsx("div", { className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm", onClick: () => api.setOpen(false) }) }), _jsx(Combobox.Positioner, { children: searchInput.trim().length > 0 && (_jsx(Combobox.Content, { className: "z-50 max-h-[33.25rem] overflow-y-auto p-0", children: showMinLengthWarning ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [games.length <= 0 && (_jsx(Alert, { message: "No results found" })), games.length > 0 && (_jsxs("div", { className: "p-xl", children: [_jsx(Combobox.Context, { children: (api) => (_jsx("div", { className: twMerge('grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, onClick: () => {
84
+ } })] }), _jsx(Portal, { children: _jsx(Combobox.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsx(Presence, { present: api.open, children: _jsx("div", { className: "fixed inset-0 z-backdrop bg-black/50 backdrop-blur-sm", onClick: () => api.setOpen(false) }) }), _jsx(Combobox.Positioner, { className: "!z-popover", children: searchInput.trim().length > 0 && (_jsx(Combobox.Content, { className: "max-h-[33.25rem] overflow-y-auto p-0", children: showMinLengthWarning ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [games.length <= 0 && (_jsx(Alert, { message: "No results found" })), games.length > 0 && (_jsxs("div", { className: "p-xl", children: [_jsx(Combobox.Context, { children: (api) => (_jsx("div", { className: twMerge('grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, onClick: () => {
63
85
  api.setOpen(false);
64
86
  }, className: twMerge('md:hover:-translate-y-1 relative flex h-full w-full flex-col shadow-sm transition-transform duration-200', classNames.thumbnailRoot), children: [_jsx(Image, { src: game.name === 'Rainbow Ball'
65
87
  ? RainbowballImg
@@ -67,7 +89,7 @@ export function GamesSearch(props) {
67
89
  reference: game.reference,
68
90
  provider: game.provider,
69
91
  image: game.image,
70
- }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('flex w-full flex-1 items-center justify-center break-words rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', classNames.thumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })) }), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-4xl w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) })) })] })) }) })] }) }));
92
+ }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('flex w-full flex-1 items-center justify-center break-words rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', classNames.thumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })) }), _jsx(Presence, { present: hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-4xl w-fit', classNames.loadMoreButton), onClick: fetchNextPage, children: "Load More" }) })] }))] })) })) })] })) }) })] }) }));
71
93
  }
72
94
  function Alert({ message }) {
73
95
  return (_jsxs("div", { className: "py-lg", role: "alert", "aria-live": "polite", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-lg border border-border-primary bg-bg-secondary shadow-xs", children: _jsx(SearchLgIcon, { className: "size-6 text-text-secondary-700" }) }), _jsx("p", { className: "mt-4 text-center text-text-secondary-700", children: message })] }));
package/dist/components/Search/Search.lazy.js CHANGED
@@ -23,12 +23,11 @@ import { Portal } from '../../ui/Portal/index.js';
23
23
  import { Presence } from '../../ui/Presence/index.js';
24
24
  import { callIfFn } from '../../utils/callIfFn.js';
25
25
  import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
26
+ import { collapseGamesSearch, mergeUniqueById, normalizeGameName, sanitizeGamesSearch, } from '../../utils/sanitizeGamesSearch.js';
26
27
  import { GameLaunchTrigger } from '../GameLaunch/index.js';
27
28
  function lookup(value, compare) {
28
- return value
29
- .toLowerCase()
30
- .replace(/\s+/g, '')
31
- .includes(compare.toLowerCase().replace(/\s+/g, ''));
29
+ const normalizedCompare = normalizeGameName(compare);
30
+ return normalizeGameName(value).includes(normalizedCompare);
32
31
  }
33
32
  export function Search(props) {
34
33
  const isBypass = useBypassKycChecker(props.bypassDomains);
@@ -37,6 +36,9 @@ export function Search(props) {
37
36
  })));
38
37
  const inputRef = useRef(null);
39
38
  const [search, setSearch] = useState('');
39
+ const sanitizedSearch = sanitizeGamesSearch(search);
40
+ const collapsedSearch = collapseGamesSearch(search);
41
+ const hasSpaces = collapsedSearch !== sanitizedSearch;
40
42
  const gameProviders = props.gameProviders
41
43
  .map((provider) => GAME_PROVIDER_DATA[provider])
42
44
  .filter((provider) => {
@@ -58,9 +60,36 @@ export function Search(props) {
58
60
  }, {
59
61
  enabled: search.length >= 2,
60
62
  });
61
- let games = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
63
+ const collapsedGamesQuery = useGamesQuery({
64
+ first: 18,
65
+ search: collapsedSearch,
66
+ filter: {
67
+ type: {
68
+ in: props.gameTypes,
69
+ },
70
+ provider: {
71
+ in: props.gameProviders,
72
+ },
73
+ },
74
+ }, {
75
+ enabled: search.length >= 2 &&
76
+ hasSpaces &&
77
+ gameProviders.length === 0 &&
78
+ collapsedSearch.length >= 2,
79
+ });
80
+ let games = mergeUniqueById(gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [], collapsedGamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? []);
62
81
  if (props.variant === '88play') {
63
- games = games.filter((game) => game.name.toLowerCase().includes(search.toLowerCase()));
82
+ const normalizedSearch = normalizeGameName(search);
83
+ games = games.filter((game) => normalizeGameName(game.name).includes(normalizedSearch));
84
+ }
85
+ const hasNextPage = gamesQuery.hasNextPage || collapsedGamesQuery.hasNextPage;
86
+ function fetchNextPage() {
87
+ if (gamesQuery.hasNextPage) {
88
+ void gamesQuery.fetchNextPage();
89
+ }
90
+ else if (collapsedGamesQuery.hasNextPage) {
91
+ void collapsedGamesQuery.fetchNextPage();
92
+ }
64
93
  }
65
94
  const empty = games.length <= 0 && gameProviders.length <= 0;
66
95
  const viewGamesUrl = (data) => {
@@ -93,7 +122,7 @@ export function Search(props) {
93
122
  reference: game.reference,
94
123
  provider: game.provider,
95
124
  image: game.image,
96
- }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
125
+ }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })] })), _jsx(Presence, { present: hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: fetchNextPage, children: "Load More" }) })] }))] })) }) })] }) })] }) }));
97
126
  }
98
127
  function DebouncedInput(props) {
99
128
  const [value, setValue] = useControllableState({
package/dist/types/index.d.ts CHANGED
@@ -806,6 +806,7 @@ export interface TopWin {
806
806
  };
807
807
  multiplier: string;
808
808
  payout: string;
809
+ dateTimeCreated: Date;
809
810
  }
810
811
  export type JackpotStatus = 'ACTIVE' | 'CLOSING' | 'DISABLED' | 'CLOSED';
811
812
  export type JackpotType = 'MULTIPLIER' | 'MULTI_STAGE';
package/dist/ui/Badge/Badge.d.ts CHANGED
@@ -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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
438
438
  export {};
package/dist/ui/Badge/badge.anatomy.d.ts CHANGED
@@ -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" | "icon" | "root" | "indicator">;
package/dist/ui/Badge/badge.recipe.d.ts CHANGED
@@ -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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", 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" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;