@opexa/portal-components 0.0.308 → 0.0.310

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 (211) hide show
  1. package/dist/client/hooks/useCamera.js +2 -2
  2. package/dist/client/hooks/useControllableState.js +1 -1
  3. package/dist/client/hooks/useInfiniteQueryHelper.js +2 -3
  4. package/dist/client/hooks/useMarkGameAsFavoriteMutation.js +1 -2
  5. package/dist/client/hooks/useMobileNumberParser.js +1 -1
  6. package/dist/components/Account/Account.lazy.js +5 -5
  7. package/dist/components/Account/account.recipe.js +4 -4
  8. package/dist/components/AccountInfo/AccountInfo.js +6 -6
  9. package/dist/components/AccountSecurity/AccountSecurity.js +6 -6
  10. package/dist/components/AccountVerification/AccountVerification.js +7 -7
  11. package/dist/components/Banner/Banner.js +1 -1
  12. package/dist/components/BetRecords/BetRecords.client.js +5 -5
  13. package/dist/components/Bonus/Bonus.client.js +2 -2
  14. package/dist/components/Bonuses/Bonuses.client.js +10 -10
  15. package/dist/components/Bonuses/BonusesTrigger.js +1 -1
  16. package/dist/components/Bonuses/ClaimSpotBonus.lazy.js +1 -1
  17. package/dist/components/Cashback/Cashback.client.js +2 -2
  18. package/dist/components/CustomPromo/CustomPromo.js +1 -1
  19. package/dist/components/DepositWithdrawal/Deposit/AvailablePromos.js +1 -1
  20. package/dist/components/DepositWithdrawal/Deposit/Deposit.js +2 -2
  21. package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js +2 -2
  22. package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.js +2 -2
  23. package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js +2 -2
  24. package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js +2 -2
  25. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositAlert.js +1 -1
  26. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositDetails.js +2 -2
  27. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js +1 -1
  28. package/dist/components/DepositWithdrawal/Deposit/PisoPayDeposit/PisoPayDeposit.js +2 -2
  29. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositAlert.js +1 -1
  30. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositDetails.js +2 -2
  31. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.js +1 -1
  32. package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js +2 -2
  33. package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.js +2 -2
  34. package/dist/components/DepositWithdrawal/HasPendingBonuses.js +1 -1
  35. package/dist/components/DepositWithdrawal/PaymentMethods.js +1 -1
  36. package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js +3 -3
  37. package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js +2 -4
  38. package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.js +2 -2
  39. package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js +3 -3
  40. package/dist/components/DepositWithdrawal/Withdrawal/PisoPayWithdrawal/PisoPayWithdrawal.js +2 -2
  41. package/dist/components/DepositWithdrawal/Withdrawal/TransactionPasswordNotSet.js +2 -2
  42. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +2 -2
  43. package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js +4 -4
  44. package/dist/components/DigitainLauncher/Fallback.js +1 -1
  45. package/dist/components/DigitainLauncher/Loading.js +1 -1
  46. package/dist/components/DigitainLauncher/utils.js +1 -2
  47. package/dist/components/Disclaimer/DisclaimerV1.js +1 -1
  48. package/dist/components/Disclaimer/DisclaimerV2.js +3 -3
  49. package/dist/components/FavoriteGames/FavoriteGames.client.js +4 -4
  50. package/dist/components/ForgotPassword/ForgotPassword.lazy.js +1 -1
  51. package/dist/components/ForgotPassword/ForgotPasswordForm.js +5 -5
  52. package/dist/components/GCashFailed/GCashFailed.js +1 -1
  53. package/dist/components/GCashSuccess/GCashSuccess.js +1 -1
  54. package/dist/components/GameLaunch/GameLaunch.lazy.js +4 -4
  55. package/dist/components/GameLaunch/GameLaunchTrigger.js +2 -4
  56. package/dist/components/GameProviders/GameProvidersCarousel.js +1 -1
  57. package/dist/components/GameProviders/GameProvidersList.js +1 -1
  58. package/dist/components/Games/Game.js +3 -3
  59. package/dist/components/Games/GamesCarousel.client.js +2 -4
  60. package/dist/components/Games/GamesList.client.js +2 -2
  61. package/dist/components/GamesSearch/GamesSearch.js +4 -6
  62. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarousel.js +1 -1
  63. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.d.ts +1 -1
  64. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.js +53 -51
  65. package/dist/components/Jackpots/JackpotsList/JackpotsList.js +1 -1
  66. package/dist/components/Jackpots/JackpotsList/JackpotsListItemDesktop.js +14 -12
  67. package/dist/components/Jackpots/JackpotsList/JackpotsListItemGameProviders.js +1 -1
  68. package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js +13 -11
  69. package/dist/components/Jackpots/JackpotsList/JackpotsListItemRules.js +1 -1
  70. package/dist/components/Jackpots/JackpotsList/useJackpotsListItemData.js +15 -15
  71. package/dist/components/KYC/BasicInformation.js +1 -1
  72. package/dist/components/KYC/IdentityVerification.js +1 -1
  73. package/dist/components/KYC/KYC.lazy.js +1 -1
  74. package/dist/components/KYC/KYCReminder.lazy.js +1 -1
  75. package/dist/components/KYC/PersonalInformation.js +1 -1
  76. package/dist/components/Marquee/Marquee.js +1 -1
  77. package/dist/components/Messages/Messages.lazy.js +5 -5
  78. package/dist/components/Messages/MessagesPopup.js +3 -3
  79. package/dist/components/Messages/MessagesTrigger.js +1 -1
  80. package/dist/components/News/News.js +1 -1
  81. package/dist/components/NewsFeed/News.d.ts +2 -2
  82. package/dist/components/NewsFeed/News.js +1 -1
  83. package/dist/components/NewsFeed/NewsFeedCarousel.js +2 -2
  84. package/dist/components/NewsFeed/NewsFeedList.js +1 -1
  85. package/dist/components/PortalProvider/Snackbar.js +2 -2
  86. package/dist/components/Promo/Promo.client.js +2 -2
  87. package/dist/components/Promos/Cashback.js +1 -1
  88. package/dist/components/Promos/CustomPromo.d.ts +2 -2
  89. package/dist/components/Promos/CustomPromo.js +1 -1
  90. package/dist/components/Promos/Promo.js +1 -1
  91. package/dist/components/Promos/PromosCarousel.js +2 -2
  92. package/dist/components/Promos/PromosGrid.js +2 -2
  93. package/dist/components/Quests/DailyCheckInQuest.js +3 -3
  94. package/dist/components/Quests/JourneyQuest.js +5 -5
  95. package/dist/components/Quests/OnboardingQuest.js +2 -2
  96. package/dist/components/Quests/Quests.client.js +4 -4
  97. package/dist/components/Quests/WageringQuest.js +2 -2
  98. package/dist/components/ResponsibleGaming/ResponsibleGaming.lazy.js +1 -1
  99. package/dist/components/Search/Search.lazy.js +7 -9
  100. package/dist/components/SignIn/MobileNumberSignIn.js +5 -5
  101. package/dist/components/SignIn/NameAndPasswordSignIn.js +2 -2
  102. package/dist/components/SignIn/SignIn.lazy.d.ts +1 -1
  103. package/dist/components/SignIn/SignIn.lazy.js +1 -2
  104. package/dist/components/SignIn/SignInForm.js +1 -1
  105. package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.js +1 -1
  106. package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js +7 -7
  107. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.client.js +7 -7
  108. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.js +1 -1
  109. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.client.js +6 -6
  110. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.js +1 -1
  111. package/dist/components/SignUp/SignUpKYC/SelfieImageField/useSelfieImageField.js +0 -1
  112. package/dist/components/SignUp/SignUpKYC/SignUpKYC.lazy.js +1 -1
  113. package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js +8 -8
  114. package/dist/components/TermsAndConditions/TermsAndConditions.lazy.js +1 -1
  115. package/dist/components/TermsOfUse/TermsOfUse.lazy.js +1 -1
  116. package/dist/components/TopWins/TopWins.client.js +3 -3
  117. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarousel.js +1 -1
  118. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.js +10 -8
  119. package/dist/components/Tournaments/TournamentsList/TournamentsList.js +2 -2
  120. package/dist/components/Tournaments/TournamentsList/TournamentsListItemDesktop.js +9 -7
  121. package/dist/components/Tournaments/TournamentsList/TournamentsListItemGameProviders.js +1 -1
  122. package/dist/components/Tournaments/TournamentsList/TournamentsListItemMobile.js +8 -6
  123. package/dist/components/Tournaments/TournamentsList/TournamentsListItemRules.js +1 -1
  124. package/dist/components/Tournaments/TournamentsList/useTournamentListItemData.js +1 -1
  125. package/dist/components/TransactionRecords/DepositRecordsTable.js +2 -2
  126. package/dist/components/TransactionRecords/TableFilters.js +1 -1
  127. package/dist/components/TransactionRecords/TransactionRecords.suspense.js +1 -1
  128. package/dist/components/TransactionRecords/TransactionRecordsTable.js +2 -2
  129. package/dist/components/TransactionRecords/WithdrawalRecordsTable.js +2 -2
  130. package/dist/components/shared/Empty.js +1 -1
  131. package/dist/components/shared/IdFrontImageField/IdFrontImageField.client.js +7 -7
  132. package/dist/components/shared/IdFrontImageField/IdFrontImageField.js +1 -1
  133. package/dist/components/shared/SelfieImageField/SelfieImageField.client.js +6 -6
  134. package/dist/components/shared/SelfieImageField/SelfieImageField.js +1 -1
  135. package/dist/components/shared/SelfieImageField/useSelfieImageField.js +0 -1
  136. package/dist/constants/EnvVar.d.ts +1 -1
  137. package/dist/middleware.d.ts +1 -1
  138. package/dist/middleware.js +1 -1
  139. package/dist/services/graphqlRequest.js +0 -1
  140. package/dist/ui/AlertDialog/AlertDialog.d.ts +154 -154
  141. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +14 -14
  142. package/dist/ui/AlertDialog/alertDialog.recipe.js +6 -6
  143. package/dist/ui/Avatar/avatar.recipe.js +3 -3
  144. package/dist/ui/Badge/Badge.d.ts +12 -12
  145. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  146. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  147. package/dist/ui/Badge/badge.recipe.js +7 -7
  148. package/dist/ui/Button/button.recipe.d.ts +2 -2
  149. package/dist/ui/Button/button.recipe.js +3 -3
  150. package/dist/ui/Carousel/Carousel.d.ts +45 -45
  151. package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
  152. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  153. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  154. package/dist/ui/Checkbox/checkbox.recipe.js +1 -1
  155. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  156. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  157. package/dist/ui/Clipboard/clipboard.recipe.js +2 -2
  158. package/dist/ui/Collapsible/Collapsible.d.ts +32 -32
  159. package/dist/ui/Collapsible/collapsible.recipe.d.ts +8 -8
  160. package/dist/ui/Collapsible/collapsible.recipe.js +2 -2
  161. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  162. package/dist/ui/Combobox/Combobox.js +0 -1
  163. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  164. package/dist/ui/Combobox/combobox.recipe.js +6 -6
  165. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  166. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  167. package/dist/ui/DatePicker/datePicker.recipe.js +7 -7
  168. package/dist/ui/Dialog/Dialog.d.ts +154 -154
  169. package/dist/ui/Dialog/dialog.recipe.d.ts +14 -14
  170. package/dist/ui/Dialog/dialog.recipe.js +4 -4
  171. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  172. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  173. package/dist/ui/Drawer/drawer.recipe.js +5 -5
  174. package/dist/ui/Field/Field.d.ts +21 -21
  175. package/dist/ui/Field/field.recipe.d.ts +3 -3
  176. package/dist/ui/Field/field.recipe.js +3 -3
  177. package/dist/ui/IconButton/iconButton.recipe.d.ts +2 -2
  178. package/dist/ui/Menu/Menu.d.ts +144 -144
  179. package/dist/ui/Menu/menu.recipe.d.ts +8 -8
  180. package/dist/ui/NumberInput/numberInput.recipe.js +5 -5
  181. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  182. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  183. package/dist/ui/PasswordInput/passwordInput.recipe.js +3 -3
  184. package/dist/ui/PinInput/pinInput.recipe.js +3 -3
  185. package/dist/ui/Popover/Popover.d.ts +121 -121
  186. package/dist/ui/Popover/popover.recipe.d.ts +11 -11
  187. package/dist/ui/Popover/popover.recipe.js +1 -1
  188. package/dist/ui/Presence/Presence.js +1 -1
  189. package/dist/ui/Progress/Progress.d.ts +27 -27
  190. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  191. package/dist/ui/Progress/progress.recipe.js +2 -2
  192. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  193. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  194. package/dist/ui/SegmentGroup/segmentGroup.recipe.js +4 -4
  195. package/dist/ui/Select/Select.d.ts +45 -45
  196. package/dist/ui/Select/Select.js +0 -1
  197. package/dist/ui/Select/select.recipe.d.ts +3 -3
  198. package/dist/ui/Select/select.recipe.js +7 -7
  199. package/dist/ui/Table/Table.d.ts +21 -21
  200. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  201. package/dist/ui/Table/table.recipe.d.ts +3 -3
  202. package/dist/ui/Table/table.recipe.js +3 -3
  203. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  204. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  205. package/dist/ui/Tabs/tabs.recipe.js +4 -4
  206. package/dist/ui/Tooltip/tooltip.recipe.js +1 -1
  207. package/dist/utils/getLocaleInfo.js +7 -7
  208. package/dist/utils/getQueryClient.js +1 -1
  209. package/dist/utils/parseDecimal.js +1 -1
  210. package/dist/utils/validateFile.d.ts +1 -1
  211. package/package.json +157 -162
package/dist/ui/Checkbox/checkbox.recipe.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
11
11
  colorScheme: {
12
12
  gray: {};
13
13
  };
14
- }, Record<"indicator" | "label" | "root" | "group" | "control", string | string[]>, undefined, {
14
+ }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {
17
17
  control: string;
@@ -24,7 +24,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
24
24
  colorScheme: {
25
25
  gray: {};
26
26
  };
27
- }, Record<"indicator" | "label" | "root" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
27
+ }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
28
28
  size: {
29
29
  md: {
30
30
  control: string;
@@ -37,4 +37,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
37
37
  colorScheme: {
38
38
  gray: {};
39
39
  };
40
- }, Record<"indicator" | "label" | "root" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
40
+ }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/Checkbox/checkbox.recipe.js CHANGED
@@ -26,7 +26,7 @@ export const checkboxRecipe = tv({
26
26
  variant: 'outline',
27
27
  colorScheme: 'gray',
28
28
  className: {
29
- control: 'shadow-xs border-border-checkbox-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:cursor-not-allowed ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:cursor-not-allowed ui-readonly:opacity-50 ui-readonly:shadow-none',
29
+ control: 'ui-disabled:cursor-not-allowed ui-readonly:cursor-not-allowed border border-border-checkbox-primary ui-checked:border-bg-brand-solid bg-bg-primary ui-checked:bg-bg-brand-solid ui-disabled:opacity-60 ui-readonly:opacity-50 shadow-xs ui-disabled:shadow-none ui-readonly:shadow-none',
30
30
  indicator: 'text-cyan-950',
31
31
  label: 'text-text-secondary-700 text-xs leading-tight',
32
32
  },
package/dist/ui/Clipboard/Clipboard.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
11
11
  colorScheme: {
12
12
  gray: {};
13
13
  };
14
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
14
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {
17
17
  input: string;
@@ -23,7 +23,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
23
23
  colorScheme: {
24
24
  gray: {};
25
25
  };
26
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
26
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
27
27
  size: {
28
28
  md: {
29
29
  input: string;
@@ -35,7 +35,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
35
35
  colorScheme: {
36
36
  gray: {};
37
37
  };
38
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
38
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
39
39
  export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
40
40
  size: {
41
41
  md: {
@@ -48,7 +48,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
48
48
  colorScheme: {
49
49
  gray: {};
50
50
  };
51
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
51
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
52
52
  size: {
53
53
  md: {
54
54
  input: string;
@@ -60,7 +60,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
60
60
  colorScheme: {
61
61
  gray: {};
62
62
  };
63
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
63
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
64
64
  size: {
65
65
  md: {
66
66
  input: string;
@@ -72,7 +72,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
72
72
  colorScheme: {
73
73
  gray: {};
74
74
  };
75
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
75
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
76
76
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
77
77
  size: {
78
78
  md: {
@@ -85,7 +85,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
85
85
  colorScheme: {
86
86
  gray: {};
87
87
  };
88
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
88
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
89
89
  size: {
90
90
  md: {
91
91
  input: string;
@@ -97,7 +97,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
97
97
  colorScheme: {
98
98
  gray: {};
99
99
  };
100
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
100
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
101
101
  size: {
102
102
  md: {
103
103
  input: string;
@@ -109,7 +109,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
109
109
  colorScheme: {
110
110
  gray: {};
111
111
  };
112
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
112
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
113
113
  export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
114
114
  size: {
115
115
  md: {
@@ -122,7 +122,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
122
122
  colorScheme: {
123
123
  gray: {};
124
124
  };
125
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
125
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
126
126
  size: {
127
127
  md: {
128
128
  input: string;
@@ -134,7 +134,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
134
134
  colorScheme: {
135
135
  gray: {};
136
136
  };
137
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
137
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
138
138
  size: {
139
139
  md: {
140
140
  input: string;
@@ -146,7 +146,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
146
146
  colorScheme: {
147
147
  gray: {};
148
148
  };
149
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
149
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
150
150
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
151
151
  size: {
152
152
  md: {
@@ -159,7 +159,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
159
159
  colorScheme: {
160
160
  gray: {};
161
161
  };
162
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
162
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
163
163
  size: {
164
164
  md: {
165
165
  input: string;
@@ -171,7 +171,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
171
171
  colorScheme: {
172
172
  gray: {};
173
173
  };
174
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
174
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
175
175
  size: {
176
176
  md: {
177
177
  input: string;
@@ -183,7 +183,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
183
183
  colorScheme: {
184
184
  gray: {};
185
185
  };
186
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
186
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
187
187
  export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
188
188
  size: {
189
189
  md: {
@@ -196,7 +196,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
196
196
  colorScheme: {
197
197
  gray: {};
198
198
  };
199
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
199
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
200
200
  size: {
201
201
  md: {
202
202
  input: string;
@@ -208,7 +208,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
208
208
  colorScheme: {
209
209
  gray: {};
210
210
  };
211
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
211
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
212
212
  size: {
213
213
  md: {
214
214
  input: string;
@@ -220,5 +220,5 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
220
220
  colorScheme: {
221
221
  gray: {};
222
222
  };
223
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
223
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
224
224
  export declare const Context: (props: Clipboard.ContextProps) => import("react").ReactNode;
package/dist/ui/Clipboard/clipboard.recipe.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const clipboardRecipe: import("tailwind-variants").TVReturnType<{
10
10
  colorScheme: {
11
11
  gray: {};
12
12
  };
13
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, {
13
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, {
14
14
  size: {
15
15
  md: {
16
16
  input: string;
@@ -22,7 +22,7 @@ export declare const clipboardRecipe: import("tailwind-variants").TVReturnType<{
22
22
  colorScheme: {
23
23
  gray: {};
24
24
  };
25
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
25
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
26
26
  size: {
27
27
  md: {
28
28
  input: string;
@@ -34,4 +34,4 @@ export declare const clipboardRecipe: import("tailwind-variants").TVReturnType<{
34
34
  colorScheme: {
35
35
  gray: {};
36
36
  };
37
- }, Record<"input" | "trigger" | "indicator" | "label" | "root" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
37
+ }, Record<"input" | "label" | "root" | "indicator" | "trigger" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/Clipboard/clipboard.recipe.js CHANGED
@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants';
3
3
  import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
4
4
  export const clipboardRecipe = tv({
5
5
  slots: anatomyToRecipeSlots(clipboardAnatomy, {
6
- label: 'text-input-label-fg mb-sm inline-block text-sm font-medium',
6
+ label: 'mb-sm inline-block font-medium text-input-label-fg text-sm',
7
7
  input: 'rounded-md',
8
8
  }),
9
9
  variants: {
@@ -25,7 +25,7 @@ export const clipboardRecipe = tv({
25
25
  colorScheme: 'gray',
26
26
  className: {
27
27
  input: [
28
- 'shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary focus:border-border-brand focus:shadow-brand-xs border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none',
28
+ 'border border-border-primary bg-bg-primary shadow-xs placeholder:text-text-placeholder-subtle read-only:opacity-60 read-only:shadow-none focus:border-border-brand focus:shadow-brand-xs disabled:opacity-50 disabled:shadow-none',
29
29
  ],
30
30
  },
31
31
  },
package/dist/ui/Collapsible/Collapsible.d.ts CHANGED
@@ -3,112 +3,112 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
3
3
  [key: string]: {
4
4
  [key: string]: import("tailwind-variants").ClassValue | {
5
5
  content?: import("tailwind-variants").ClassValue;
6
- trigger?: import("tailwind-variants").ClassValue;
7
- indicator?: import("tailwind-variants").ClassValue;
8
6
  root?: import("tailwind-variants").ClassValue;
7
+ indicator?: import("tailwind-variants").ClassValue;
8
+ trigger?: import("tailwind-variants").ClassValue;
9
9
  };
10
10
  };
11
11
  } | {
12
12
  [x: string]: {
13
13
  [x: string]: import("tailwind-variants").ClassValue | {
14
14
  content?: import("tailwind-variants").ClassValue;
15
- trigger?: import("tailwind-variants").ClassValue;
16
- indicator?: import("tailwind-variants").ClassValue;
17
15
  root?: import("tailwind-variants").ClassValue;
16
+ indicator?: import("tailwind-variants").ClassValue;
17
+ trigger?: import("tailwind-variants").ClassValue;
18
18
  };
19
19
  };
20
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, {
20
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, {
21
21
  [key: string]: {
22
22
  [key: string]: import("tailwind-variants").ClassValue | {
23
23
  content?: import("tailwind-variants").ClassValue;
24
- trigger?: import("tailwind-variants").ClassValue;
25
- indicator?: import("tailwind-variants").ClassValue;
26
24
  root?: import("tailwind-variants").ClassValue;
25
+ indicator?: import("tailwind-variants").ClassValue;
26
+ trigger?: import("tailwind-variants").ClassValue;
27
27
  };
28
28
  };
29
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
29
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
30
30
  export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Collapsible.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
31
31
  [key: string]: {
32
32
  [key: string]: import("tailwind-variants").ClassValue | {
33
33
  content?: import("tailwind-variants").ClassValue;
34
- trigger?: import("tailwind-variants").ClassValue;
35
- indicator?: import("tailwind-variants").ClassValue;
36
34
  root?: import("tailwind-variants").ClassValue;
35
+ indicator?: import("tailwind-variants").ClassValue;
36
+ trigger?: import("tailwind-variants").ClassValue;
37
37
  };
38
38
  };
39
39
  } | {
40
40
  [x: string]: {
41
41
  [x: string]: import("tailwind-variants").ClassValue | {
42
42
  content?: import("tailwind-variants").ClassValue;
43
- trigger?: import("tailwind-variants").ClassValue;
44
- indicator?: import("tailwind-variants").ClassValue;
45
43
  root?: import("tailwind-variants").ClassValue;
44
+ indicator?: import("tailwind-variants").ClassValue;
45
+ trigger?: import("tailwind-variants").ClassValue;
46
46
  };
47
47
  };
48
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, {
48
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, {
49
49
  [key: string]: {
50
50
  [key: string]: import("tailwind-variants").ClassValue | {
51
51
  content?: import("tailwind-variants").ClassValue;
52
- trigger?: import("tailwind-variants").ClassValue;
53
- indicator?: import("tailwind-variants").ClassValue;
54
52
  root?: import("tailwind-variants").ClassValue;
53
+ indicator?: import("tailwind-variants").ClassValue;
54
+ trigger?: import("tailwind-variants").ClassValue;
55
55
  };
56
56
  };
57
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
57
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
58
58
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Collapsible.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
59
59
  [key: string]: {
60
60
  [key: string]: import("tailwind-variants").ClassValue | {
61
61
  content?: import("tailwind-variants").ClassValue;
62
- trigger?: import("tailwind-variants").ClassValue;
63
- indicator?: import("tailwind-variants").ClassValue;
64
62
  root?: import("tailwind-variants").ClassValue;
63
+ indicator?: import("tailwind-variants").ClassValue;
64
+ trigger?: import("tailwind-variants").ClassValue;
65
65
  };
66
66
  };
67
67
  } | {
68
68
  [x: string]: {
69
69
  [x: string]: import("tailwind-variants").ClassValue | {
70
70
  content?: import("tailwind-variants").ClassValue;
71
- trigger?: import("tailwind-variants").ClassValue;
72
- indicator?: import("tailwind-variants").ClassValue;
73
71
  root?: import("tailwind-variants").ClassValue;
72
+ indicator?: import("tailwind-variants").ClassValue;
73
+ trigger?: import("tailwind-variants").ClassValue;
74
74
  };
75
75
  };
76
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, {
76
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, {
77
77
  [key: string]: {
78
78
  [key: string]: import("tailwind-variants").ClassValue | {
79
79
  content?: import("tailwind-variants").ClassValue;
80
- trigger?: import("tailwind-variants").ClassValue;
81
- indicator?: import("tailwind-variants").ClassValue;
82
80
  root?: import("tailwind-variants").ClassValue;
81
+ indicator?: import("tailwind-variants").ClassValue;
82
+ trigger?: import("tailwind-variants").ClassValue;
83
83
  };
84
84
  };
85
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
85
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
86
86
  export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Collapsible.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
87
87
  [key: string]: {
88
88
  [key: string]: import("tailwind-variants").ClassValue | {
89
89
  content?: import("tailwind-variants").ClassValue;
90
- trigger?: import("tailwind-variants").ClassValue;
91
- indicator?: import("tailwind-variants").ClassValue;
92
90
  root?: import("tailwind-variants").ClassValue;
91
+ indicator?: import("tailwind-variants").ClassValue;
92
+ trigger?: import("tailwind-variants").ClassValue;
93
93
  };
94
94
  };
95
95
  } | {
96
96
  [x: string]: {
97
97
  [x: string]: import("tailwind-variants").ClassValue | {
98
98
  content?: import("tailwind-variants").ClassValue;
99
- trigger?: import("tailwind-variants").ClassValue;
100
- indicator?: import("tailwind-variants").ClassValue;
101
99
  root?: import("tailwind-variants").ClassValue;
100
+ indicator?: import("tailwind-variants").ClassValue;
101
+ trigger?: import("tailwind-variants").ClassValue;
102
102
  };
103
103
  };
104
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, {
104
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, {
105
105
  [key: string]: {
106
106
  [key: string]: import("tailwind-variants").ClassValue | {
107
107
  content?: import("tailwind-variants").ClassValue;
108
- trigger?: import("tailwind-variants").ClassValue;
109
- indicator?: import("tailwind-variants").ClassValue;
110
108
  root?: import("tailwind-variants").ClassValue;
109
+ indicator?: import("tailwind-variants").ClassValue;
110
+ trigger?: import("tailwind-variants").ClassValue;
111
111
  };
112
112
  };
113
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
113
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
114
114
  export declare const Context: (props: Collapsible.ContextProps) => import("react").ReactNode;
package/dist/ui/Collapsible/collapsible.recipe.d.ts CHANGED
@@ -2,27 +2,27 @@ export declare const collapsibleRecipe: import("tailwind-variants").TVReturnType
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
4
  content?: import("tailwind-variants").ClassValue;
5
- trigger?: import("tailwind-variants").ClassValue;
6
- indicator?: import("tailwind-variants").ClassValue;
7
5
  root?: import("tailwind-variants").ClassValue;
6
+ indicator?: import("tailwind-variants").ClassValue;
7
+ trigger?: import("tailwind-variants").ClassValue;
8
8
  };
9
9
  };
10
10
  } | {
11
11
  [x: string]: {
12
12
  [x: string]: import("tailwind-variants").ClassValue | {
13
13
  content?: import("tailwind-variants").ClassValue;
14
- trigger?: import("tailwind-variants").ClassValue;
15
- indicator?: import("tailwind-variants").ClassValue;
16
14
  root?: import("tailwind-variants").ClassValue;
15
+ indicator?: import("tailwind-variants").ClassValue;
16
+ trigger?: import("tailwind-variants").ClassValue;
17
17
  };
18
18
  };
19
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, {
19
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, {
20
20
  [key: string]: {
21
21
  [key: string]: import("tailwind-variants").ClassValue | {
22
22
  content?: import("tailwind-variants").ClassValue;
23
- trigger?: import("tailwind-variants").ClassValue;
24
- indicator?: import("tailwind-variants").ClassValue;
25
23
  root?: import("tailwind-variants").ClassValue;
24
+ indicator?: import("tailwind-variants").ClassValue;
25
+ trigger?: import("tailwind-variants").ClassValue;
26
26
  };
27
27
  };
28
- } | {}, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "indicator" | "root", string | string[]>, undefined, unknown, unknown, undefined>>;
28
+ } | {}, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "root" | "indicator" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/Collapsible/collapsible.recipe.js CHANGED
@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants';
3
3
  import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
4
4
  export const collapsibleRecipe = tv({
5
5
  slots: anatomyToRecipeSlots(collapsibleAnatomy, {
6
- indicator: 'transition-transform duration-200 ease-in-out ui-open:rotate-90',
7
- content: 'ui-open:animate-collapse-in ui-closed:animate-collapse-out overflow-hidden',
6
+ indicator: 'ui-open:rotate-90 transition-transform duration-200 ease-in-out',
7
+ content: 'ui-closed:animate-collapse-out ui-open:animate-collapse-in overflow-hidden',
8
8
  }),
9
9
  });