@e-burgos/tucu-ui 1.0.0

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 (248) hide show
  1. package/README.md +1113 -0
  2. package/components/auth/forget-password-form.d.ts +16 -0
  3. package/components/auth/index.d.ts +4 -0
  4. package/components/auth/reset-pin-form.d.ts +18 -0
  5. package/components/auth/sign-in-form.d.ts +18 -0
  6. package/components/auth/sign-up-form.d.ts +21 -0
  7. package/components/blockchain/coin-card.d.ts +17 -0
  8. package/components/blockchain/coin-info-card.d.ts +15 -0
  9. package/components/blockchain/coin-listbox.d.ts +14 -0
  10. package/components/blockchain/collection-card.d.ts +19 -0
  11. package/components/blockchain/collection-select-list.d.ts +11 -0
  12. package/components/blockchain/currency-swap-icons.d.ts +7 -0
  13. package/components/blockchain/index.d.ts +9 -0
  14. package/components/blockchain/live-price-feed.d.ts +24 -0
  15. package/components/blockchain/nft-grid.d.ts +11 -0
  16. package/components/blockchain/transaction-info.d.ts +7 -0
  17. package/components/buttons/button/button-drip.d.ts +12 -0
  18. package/components/buttons/button/button-loader.d.ts +9 -0
  19. package/components/buttons/button/index.d.ts +23 -0
  20. package/components/buttons/hamburger.d.ts +6 -0
  21. package/components/buttons/index.d.ts +6 -0
  22. package/components/buttons/topup-button.d.ts +8 -0
  23. package/components/cards/author-card.d.ts +7 -0
  24. package/components/cards/card-container.d.ts +7 -0
  25. package/components/cards/card-title.d.ts +9 -0
  26. package/components/cards/index.d.ts +5 -0
  27. package/components/cards/panel-action-card.d.ts +16 -0
  28. package/components/cards/panel-card.d.ts +8 -0
  29. package/components/carousel/carousel-cards.d.ts +19 -0
  30. package/components/carousel/carousel-component.d.ts +41 -0
  31. package/components/carousel/carousel-image.d.ts +18 -0
  32. package/components/carousel/index.d.ts +3 -0
  33. package/components/common/avatar.d.ts +12 -0
  34. package/components/common/badge.d.ts +8 -0
  35. package/components/common/collapse.d.ts +7 -0
  36. package/components/common/index.d.ts +7 -0
  37. package/components/common/menu-item.d.ts +21 -0
  38. package/components/common/scrollbar-native.d.ts +14 -0
  39. package/components/common/scrollbar.d.ts +14 -0
  40. package/components/common/skeleton.d.ts +6 -0
  41. package/components/dialog/drawer-container.d.ts +8 -0
  42. package/components/dialog/drawer.d.ts +19 -0
  43. package/components/dialog/index.d.ts +5 -0
  44. package/components/dialog/modal.d.ts +21 -0
  45. package/components/dialog/sidebar-menu.d.ts +13 -0
  46. package/components/dialog/sidebar.d.ts +12 -0
  47. package/components/forms/checkbox.d.ts +38 -0
  48. package/components/forms/field-error-text.d.ts +19 -0
  49. package/components/forms/field-helper-text.d.ts +18 -0
  50. package/components/forms/file-input.d.ts +8 -0
  51. package/components/forms/form-system/example/error-container-example.d.ts +3 -0
  52. package/components/forms/form-system/example/form-example.d.ts +3 -0
  53. package/components/forms/form-system/example/form-methods-example.d.ts +3 -0
  54. package/components/forms/form-system/example/validations.d.ts +14 -0
  55. package/components/forms/form-system/form-field.d.ts +14 -0
  56. package/components/forms/form-system/form.d.ts +13 -0
  57. package/components/forms/form-system/hook-form.d.ts +3 -0
  58. package/components/forms/form-system/index.d.ts +10 -0
  59. package/components/forms/form-system/types/dependencies.type.d.ts +11 -0
  60. package/components/forms/form-system/types/extend-react-hook-form.type.d.ts +16 -0
  61. package/components/forms/form-system/types/index.d.ts +3 -0
  62. package/components/forms/form-system/types/validations.type.d.ts +9 -0
  63. package/components/forms/index.d.ts +17 -0
  64. package/components/forms/input-label.d.ts +9 -0
  65. package/components/forms/input-searcher.d.ts +7 -0
  66. package/components/forms/input-select.d.ts +24 -0
  67. package/components/forms/input-switch.d.ts +13 -0
  68. package/components/forms/input.d.ts +14 -0
  69. package/components/forms/pin-code.d.ts +97 -0
  70. package/components/forms/radio-group.d.ts +56 -0
  71. package/components/forms/radio.d.ts +87 -0
  72. package/components/forms/textarea.d.ts +10 -0
  73. package/components/forms/toggle-bar.d.ts +9 -0
  74. package/components/forms/uploader-two.d.ts +44 -0
  75. package/components/forms/uploader.d.ts +2 -0
  76. package/components/icons/arrow-link-icon.d.ts +1 -0
  77. package/components/icons/arrow-right.d.ts +1 -0
  78. package/components/icons/arrow-up.d.ts +1 -0
  79. package/components/icons/bitcoin.d.ts +1 -0
  80. package/components/icons/bnb.d.ts +1 -0
  81. package/components/icons/book.d.ts +1 -0
  82. package/components/icons/brands/facebook.d.ts +1 -0
  83. package/components/icons/brands/github.d.ts +1 -0
  84. package/components/icons/brands/instagram.d.ts +1 -0
  85. package/components/icons/brands/telegram.d.ts +1 -0
  86. package/components/icons/brands/twitter.d.ts +1 -0
  87. package/components/icons/calendar-icon.d.ts +1 -0
  88. package/components/icons/cardano.d.ts +1 -0
  89. package/components/icons/check.d.ts +1 -0
  90. package/components/icons/checkmark.d.ts +1 -0
  91. package/components/icons/chevron-down.d.ts +1 -0
  92. package/components/icons/chevron-forward.d.ts +1 -0
  93. package/components/icons/chevron-right.d.ts +1 -0
  94. package/components/icons/classic-layout-icon.d.ts +1 -0
  95. package/components/icons/close.d.ts +1 -0
  96. package/components/icons/compact-grid.d.ts +1 -0
  97. package/components/icons/compass.d.ts +1 -0
  98. package/components/icons/copy.d.ts +1 -0
  99. package/components/icons/disk.d.ts +1 -0
  100. package/components/icons/document.d.ts +1 -0
  101. package/components/icons/doge.d.ts +1 -0
  102. package/components/icons/dots-icon.d.ts +1 -0
  103. package/components/icons/ethereum-dark.d.ts +1 -0
  104. package/components/icons/ethereum.d.ts +1 -0
  105. package/components/icons/exchange.d.ts +1 -0
  106. package/components/icons/export-icon.d.ts +1 -0
  107. package/components/icons/external-link.d.ts +1 -0
  108. package/components/icons/eye.d.ts +1 -0
  109. package/components/icons/eyeslash.d.ts +1 -0
  110. package/components/icons/farm.d.ts +1 -0
  111. package/components/icons/flash.d.ts +1 -0
  112. package/components/icons/flow.d.ts +1 -0
  113. package/components/icons/gas-icon.d.ts +1 -0
  114. package/components/icons/guide-icon.d.ts +1 -0
  115. package/components/icons/history.d.ts +1 -0
  116. package/components/icons/home.d.ts +1 -0
  117. package/components/icons/horizontal-three-dots.d.ts +1 -0
  118. package/components/icons/icon-us-flag.d.ts +1 -0
  119. package/components/icons/index.d.ts +97 -0
  120. package/components/icons/info-circle.d.ts +1 -0
  121. package/components/icons/info-icon.d.ts +1 -0
  122. package/components/icons/left-align.d.ts +1 -0
  123. package/components/icons/level-icon.d.ts +1 -0
  124. package/components/icons/link-icon.d.ts +1 -0
  125. package/components/icons/live-pricing.d.ts +1 -0
  126. package/components/icons/lock-icon.d.ts +1 -0
  127. package/components/icons/long-arrow-left.d.ts +1 -0
  128. package/components/icons/long-arrow-right.d.ts +1 -0
  129. package/components/icons/long-arrow-up.d.ts +1 -0
  130. package/components/icons/loop-icon.d.ts +1 -0
  131. package/components/icons/lucide-react/index.d.ts +1 -0
  132. package/components/icons/media-play-icon.d.ts +1 -0
  133. package/components/icons/menu-icon.d.ts +2 -0
  134. package/components/icons/minimal-layout-icon.d.ts +1 -0
  135. package/components/icons/modern-layout-icon.d.ts +1 -0
  136. package/components/icons/moon.d.ts +1 -0
  137. package/components/icons/more-icon.d.ts +1 -0
  138. package/components/icons/normal-grid.d.ts +1 -0
  139. package/components/icons/option.d.ts +1 -0
  140. package/components/icons/play-icon.d.ts +1 -0
  141. package/components/icons/plus-circle.d.ts +1 -0
  142. package/components/icons/plus.d.ts +1 -0
  143. package/components/icons/pool.d.ts +1 -0
  144. package/components/icons/power.d.ts +1 -0
  145. package/components/icons/profile.d.ts +1 -0
  146. package/components/icons/question-icon.d.ts +1 -0
  147. package/components/icons/question-solid-icon.d.ts +1 -0
  148. package/components/icons/range-icon.d.ts +1 -0
  149. package/components/icons/refresh.d.ts +1 -0
  150. package/components/icons/retro-layout-icon.d.ts +1 -0
  151. package/components/icons/right-align.d.ts +1 -0
  152. package/components/icons/sand-clock.d.ts +1 -0
  153. package/components/icons/search.d.ts +1 -0
  154. package/components/icons/shut-down-icon.d.ts +1 -0
  155. package/components/icons/spike-bar.d.ts +1 -0
  156. package/components/icons/star-fill.d.ts +1 -0
  157. package/components/icons/star.d.ts +1 -0
  158. package/components/icons/sun.d.ts +1 -0
  159. package/components/icons/swap-icon.d.ts +1 -0
  160. package/components/icons/tag-icon.d.ts +1 -0
  161. package/components/icons/tag.d.ts +1 -0
  162. package/components/icons/tether.d.ts +1 -0
  163. package/components/icons/trading-bot-icon.d.ts +1 -0
  164. package/components/icons/trend-arrow-down-icon.d.ts +1 -0
  165. package/components/icons/trend-arrow-up-icon.d.ts +1 -0
  166. package/components/icons/tucu.d.ts +1 -0
  167. package/components/icons/unlocked.d.ts +1 -0
  168. package/components/icons/upload.d.ts +1 -0
  169. package/components/icons/usdc.d.ts +1 -0
  170. package/components/icons/verified-icon.d.ts +1 -0
  171. package/components/icons/verified.d.ts +1 -0
  172. package/components/icons/vertical-three-dots.d.ts +1 -0
  173. package/components/icons/vote-icon.d.ts +1 -0
  174. package/components/icons/warning.d.ts +1 -0
  175. package/components/index.d.ts +16 -0
  176. package/components/layouts/authentication/layout.d.ts +5 -0
  177. package/components/layouts/classic/layout.d.ts +16 -0
  178. package/components/layouts/header/header.d.ts +16 -0
  179. package/components/layouts/menus/collapsible-menu.d.ts +3 -0
  180. package/components/layouts/menus/expandable-sidebar.d.ts +8 -0
  181. package/components/layouts/menus/minimal-nav-menu.d.ts +5 -0
  182. package/components/layouts/minimal/layout.d.ts +24 -0
  183. package/components/layouts/root-layout.d.ts +18 -0
  184. package/components/links/active-link.d.ts +7 -0
  185. package/components/links/anchor-link.d.ts +3 -0
  186. package/components/links/index.d.ts +2 -0
  187. package/components/loaders/index.d.ts +3 -0
  188. package/components/loaders/loader.d.ts +20 -0
  189. package/components/loaders/progressbar.d.ts +64 -0
  190. package/components/loaders/spinner.d.ts +15 -0
  191. package/components/logos/index.d.ts +2 -0
  192. package/components/logos/logo-theme.d.ts +5 -0
  193. package/components/logos/logo.d.ts +13 -0
  194. package/components/notifications/alert.d.ts +12 -0
  195. package/components/notifications/index.d.ts +3 -0
  196. package/components/notifications/notification-card.d.ts +14 -0
  197. package/components/notifications/toast.d.ts +3 -0
  198. package/components/tabs/index.d.ts +3 -0
  199. package/components/tabs/param-tab.d.ts +13 -0
  200. package/components/tabs/tab-select.d.ts +10 -0
  201. package/components/tabs/tab.d.ts +20 -0
  202. package/components/typography/index.d.ts +39 -0
  203. package/components/utils/code-block.d.ts +8 -0
  204. package/components/utils/image.d.ts +16 -0
  205. package/components/utils/index.d.ts +5 -0
  206. package/components/utils/reveal-content.d.ts +6 -0
  207. package/components/utils/scroll-to-top.d.ts +5 -0
  208. package/components/utils/test-brand-classes.d.ts +1 -0
  209. package/hooks/index.d.ts +13 -0
  210. package/hooks/use-breakpoint.d.ts +1 -0
  211. package/hooks/use-click-away.d.ts +1 -0
  212. package/hooks/use-copy-to-clipboard.d.ts +1 -0
  213. package/hooks/use-element-size.d.ts +9 -0
  214. package/hooks/use-event-listener.d.ts +7 -0
  215. package/hooks/use-grid-switcher.d.ts +6 -0
  216. package/hooks/use-is-mobile.d.ts +4 -0
  217. package/hooks/use-is-mounted.d.ts +1 -0
  218. package/hooks/use-lock-body-scroll.d.ts +1 -0
  219. package/hooks/use-measure.d.ts +1 -0
  220. package/hooks/use-scrollable-slider.d.ts +7 -0
  221. package/hooks/use-toast-store.d.ts +17 -0
  222. package/hooks/use-window-scroll.d.ts +1 -0
  223. package/index.css +1 -0
  224. package/index.d.ts +10 -0
  225. package/index.js +133 -0
  226. package/index.mjs +44201 -0
  227. package/libs/framer-motion/fade-in-bottom.d.ts +18 -0
  228. package/libs/index.d.ts +3 -0
  229. package/libs/local-storage/index.d.ts +7 -0
  230. package/libs/range-map.d.ts +1 -0
  231. package/lucide-react/index.d.ts +1 -0
  232. package/package.json +76 -0
  233. package/react-router-dom/index.d.ts +1 -0
  234. package/storybook/components/StoryContainer.d.ts +6 -0
  235. package/storybook/components/pages/Accessibility.d.ts +1 -0
  236. package/storybook/components/pages/Introduction.d.ts +1 -0
  237. package/storybook/hooks/useDummy.d.ts +34 -0
  238. package/swiper-react/index.d.ts +2 -0
  239. package/themes/components/pages/not-found.d.ts +2 -0
  240. package/themes/components/theme-provider/app-routes.d.ts +17 -0
  241. package/themes/components/theme-provider/index.d.ts +26 -0
  242. package/themes/components/theme-provider/settings-button.d.ts +2 -0
  243. package/themes/components/theme-provider/settings-drawer.d.ts +3 -0
  244. package/themes/config.d.ts +106 -0
  245. package/themes/index.d.ts +9 -0
  246. package/themes/use-direction.d.ts +1 -0
  247. package/themes/use-theme-color.d.ts +10 -0
  248. package/themes/use-theme.d.ts +83 -0
@@ -0,0 +1,16 @@
1
+ export interface ForgetPasswordFormData {
2
+ email: string;
3
+ }
4
+ export interface ForgetPasswordFormProps {
5
+ title?: string;
6
+ description?: string;
7
+ buttonText?: string;
8
+ onSubmit?: (data: ForgetPasswordFormData) => void;
9
+ isLoading?: boolean;
10
+ error?: string;
11
+ className?: string;
12
+ successMessage?: string;
13
+ children?: React.ReactNode;
14
+ }
15
+ export declare function ForgetPasswordForm({ title, description, buttonText, onSubmit, isLoading, error, className, successMessage, children, }: ForgetPasswordFormProps): import("react/jsx-runtime").JSX.Element;
16
+ export default ForgetPasswordForm;
@@ -0,0 +1,4 @@
1
+ export * from './forget-password-form';
2
+ export * from './reset-pin-form';
3
+ export * from './sign-in-form';
4
+ export * from './sign-up-form';
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ export interface ResetPinFormData {
3
+ pin: string;
4
+ }
5
+ export interface ResetPinFormProps {
6
+ title?: string;
7
+ description?: string;
8
+ buttonText?: string;
9
+ onSubmit?: (data: ResetPinFormData) => void;
10
+ signInPath: string;
11
+ className?: string;
12
+ isLoading?: boolean;
13
+ error?: string;
14
+ pinLength?: number;
15
+ children?: React.ReactNode;
16
+ }
17
+ export declare function ResetPinForm({ title, description, buttonText, onSubmit, signInPath, className, isLoading, error, pinLength, children, }: ResetPinFormProps): import("react/jsx-runtime").JSX.Element;
18
+ export default ResetPinForm;
@@ -0,0 +1,18 @@
1
+ export interface SignInFormData {
2
+ email: string;
3
+ password: string;
4
+ rememberMe: boolean;
5
+ }
6
+ export interface SignInFormProps {
7
+ title?: string;
8
+ description?: string;
9
+ buttonText?: string;
10
+ forgetPasswordPath: string;
11
+ onSubmit?: (data: SignInFormData) => void;
12
+ isLoading?: boolean;
13
+ error?: string;
14
+ className?: string;
15
+ children?: React.ReactNode;
16
+ }
17
+ export declare function SignInForm({ title, description, buttonText, forgetPasswordPath, onSubmit, isLoading, error, className, children, }: SignInFormProps): import("react/jsx-runtime").JSX.Element;
18
+ export default SignInForm;
@@ -0,0 +1,21 @@
1
+ export interface SignUpFormData {
2
+ firstName: string;
3
+ lastName: string;
4
+ email: string;
5
+ password: string;
6
+ agreeToTerms: boolean;
7
+ }
8
+ export interface SignUpFormProps {
9
+ title?: string;
10
+ description?: string;
11
+ buttonText?: string;
12
+ onSubmit?: (data: SignUpFormData) => void;
13
+ isLoading?: boolean;
14
+ error?: string;
15
+ className?: string;
16
+ termsOfServicePath?: string;
17
+ privacyPolicyPath?: string;
18
+ children?: React.ReactNode;
19
+ }
20
+ export declare function SignUpForm({ title, description, buttonText, onSubmit, isLoading, error, className, termsOfServicePath, privacyPolicyPath, children, }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
21
+ export default SignUpForm;
@@ -0,0 +1,17 @@
1
+ export type CoinCardProps = {
2
+ id: string;
3
+ name: string;
4
+ symbol: string;
5
+ logo: string;
6
+ balance: string;
7
+ usdBalance: string;
8
+ change: string;
9
+ isChangePositive: boolean;
10
+ color?: string;
11
+ };
12
+ export declare function CoinCard({ name, symbol, logo, balance, usdBalance, change, isChangePositive, color, }: CoinCardProps): import("react/jsx-runtime").JSX.Element;
13
+ interface CoinSliderProps {
14
+ coins: CoinCardProps[];
15
+ }
16
+ export default function CoinSlider({ coins }: CoinSliderProps): import("react/jsx-runtime").JSX.Element;
17
+ export {};
@@ -0,0 +1,15 @@
1
+ type ItemType = {
2
+ id?: string | number;
3
+ name: string;
4
+ logo: string;
5
+ balance?: string;
6
+ coinType?: string;
7
+ };
8
+ type CardProps = {
9
+ item: ItemType;
10
+ className?: string;
11
+ variant?: 'small' | 'medium' | 'large';
12
+ imageClassName?: string;
13
+ };
14
+ export declare function CoinInfoCard({ item, className, variant, imageClassName, }: CardProps): import("react/jsx-runtime").JSX.Element;
15
+ export default CoinInfoCard;
@@ -0,0 +1,14 @@
1
+ export type CoinTypes = {
2
+ icon: JSX.Element;
3
+ code: string;
4
+ name: string;
5
+ price: number;
6
+ };
7
+ export type CoinListBoxProps = {
8
+ coins: CoinTypes[];
9
+ selectedCoin: CoinTypes;
10
+ setSelectedCoin: (selectedCoin: CoinTypes) => void;
11
+ className?: string;
12
+ disabled?: boolean;
13
+ };
14
+ export default function CoinListBox({ className, coins, selectedCoin, setSelectedCoin, disabled, }: CoinListBoxProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ type ItemType = {
2
+ id?: string | number;
3
+ name: string;
4
+ slug: string;
5
+ title: string;
6
+ cover_image: string;
7
+ number_of_artwork: number;
8
+ user: {
9
+ avatar?: string;
10
+ name: string;
11
+ slug: string;
12
+ };
13
+ };
14
+ export interface CollectionCardProps {
15
+ item: ItemType;
16
+ className?: string;
17
+ }
18
+ export declare function CollectionCard({ item, className }: CollectionCardProps): import("react/jsx-runtime").JSX.Element;
19
+ export default CollectionCard;
@@ -0,0 +1,11 @@
1
+ type CollectionList = {
2
+ icon: string;
3
+ name: string;
4
+ value: string;
5
+ };
6
+ export interface CollectionSelectListTypes {
7
+ collectionList: CollectionList[];
8
+ onSelect: (value: string) => void;
9
+ }
10
+ export declare function CollectionSelectList({ collectionList, onSelect, }: CollectionSelectListTypes): import("react/jsx-runtime").JSX.Element;
11
+ export default CollectionSelectList;
@@ -0,0 +1,7 @@
1
+ export type CoinList = 'BTC' | 'ETH' | 'USDT' | 'BNB' | 'USDC' | 'ADA' | 'DOGE';
2
+ export interface CurrencySwapIconsProps {
3
+ from: CoinList;
4
+ to: CoinList;
5
+ }
6
+ export declare function CurrencySwapIcons({ from, to }: CurrencySwapIconsProps): import("react/jsx-runtime").JSX.Element;
7
+ export default CurrencySwapIcons;
@@ -0,0 +1,9 @@
1
+ export * from './coin-card';
2
+ export * from './coin-listbox';
3
+ export * from './collection-card';
4
+ export * from './collection-select-list';
5
+ export * from './currency-swap-icons';
6
+ export * from './coin-info-card';
7
+ export * from './live-price-feed';
8
+ export * from './nft-grid';
9
+ export * from './transaction-info';
@@ -0,0 +1,24 @@
1
+ export type Price = {
2
+ name: number;
3
+ value: number;
4
+ };
5
+ export type LivePriceFeedProps = {
6
+ id: string;
7
+ name: string;
8
+ symbol: string;
9
+ icon: React.ReactElement;
10
+ balance: string;
11
+ usdBalance: string;
12
+ change: string;
13
+ isChangePositive: boolean;
14
+ isBorder?: boolean;
15
+ prices: Price[];
16
+ };
17
+ export declare function LivePriceFeed({ id, name, symbol, icon, balance, usdBalance, change, isChangePositive, prices, isBorder, }: LivePriceFeedProps): import("react/jsx-runtime").JSX.Element;
18
+ export interface PriceFeedSliderProps {
19
+ limit: number;
20
+ gridClassName: string;
21
+ priceFeeds: LivePriceFeedProps[];
22
+ }
23
+ export declare function PriceFeedSlider({ limit, priceFeeds, gridClassName, }: PriceFeedSliderProps): import("react/jsx-runtime").JSX.Element;
24
+ export default PriceFeedSlider;
@@ -0,0 +1,11 @@
1
+ export type NFTGridProps = {
2
+ author: string;
3
+ authorImage: string;
4
+ image: string;
5
+ name: string;
6
+ collection: string;
7
+ price: string;
8
+ profilePath?: string;
9
+ };
10
+ export declare function NFTGrid({ author, authorImage, image, name, collection, price, profilePath, }: NFTGridProps): import("react/jsx-runtime").JSX.Element;
11
+ export default NFTGrid;
@@ -0,0 +1,7 @@
1
+ export interface TransactionInfoTypes {
2
+ label: string;
3
+ value?: string | number;
4
+ className?: string;
5
+ }
6
+ export declare function TransactionInfo({ label, value, className, }: TransactionInfoTypes): import("react/jsx-runtime").JSX.Element;
7
+ export default TransactionInfo;
@@ -0,0 +1,12 @@
1
+ export interface ButtonDripTypes {
2
+ x: number;
3
+ y: number;
4
+ color: string;
5
+ fullWidth?: boolean;
6
+ onCompleted: () => void;
7
+ }
8
+ export declare function ButtonDrip({ x, y, color, fullWidth, onCompleted, }: ButtonDripTypes): import("react/jsx-runtime").JSX.Element;
9
+ export declare namespace ButtonDrip {
10
+ var displayName: string;
11
+ }
12
+ export default ButtonDrip;
@@ -0,0 +1,9 @@
1
+ import { LoaderSizeTypes, LoaderVariantTypes } from '../../loaders/loader';
2
+ declare function ButtonLoader({ size, variant, }: {
3
+ size: LoaderSizeTypes;
4
+ variant: LoaderVariantTypes;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ declare namespace ButtonLoader {
7
+ var displayName: string;
8
+ }
9
+ export default ButtonLoader;
@@ -0,0 +1,23 @@
1
+ import { default as React } from 'react';
2
+ import { LoaderSizeTypes, LoaderVariantTypes } from '../../loaders/loader';
3
+ type ShapeNames = 'rounded' | 'pill' | 'circle';
4
+ type VariantNames = 'solid' | 'ghost' | 'transparent';
5
+ type ColorNames = 'primary' | 'white' | 'gray' | 'success' | 'info' | 'warning' | 'danger';
6
+ type SizeNames = 'large' | 'medium' | 'small' | 'mini' | 'tiny';
7
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
8
+ isLoading?: boolean;
9
+ disabled?: boolean;
10
+ shape?: ShapeNames;
11
+ variant?: VariantNames;
12
+ color?: ColorNames;
13
+ size?: SizeNames;
14
+ fullWidth?: boolean;
15
+ loaderSize?: LoaderSizeTypes;
16
+ loaderVariant?: LoaderVariantTypes;
17
+ tooltip?: string;
18
+ onClick?: React.MouseEventHandler<HTMLButtonElement>;
19
+ 'aria-label'?: string;
20
+ 'aria-describedby'?: string;
21
+ }
22
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
23
+ export default Button;
@@ -0,0 +1,6 @@
1
+ import { ButtonProps } from './button';
2
+ export interface HamburgerProps extends ButtonProps {
3
+ isOpen?: boolean;
4
+ }
5
+ export declare function Hamburger({ isOpen, ...props }: HamburgerProps): import("react/jsx-runtime").JSX.Element;
6
+ export default Hamburger;
@@ -0,0 +1,6 @@
1
+ export { default } from './button/index';
2
+ export * from './button/button-drip';
3
+ export * from './button/button-loader';
4
+ export * from './button/index';
5
+ export * from './hamburger';
6
+ export * from './topup-button';
@@ -0,0 +1,8 @@
1
+ export declare function TopupButton({ label, icon, href, className, onClick, }: React.PropsWithChildren<{
2
+ label: string;
3
+ icon?: React.ReactNode;
4
+ href?: string;
5
+ className?: string;
6
+ onClick?: () => void;
7
+ }>): import("react/jsx-runtime").JSX.Element;
8
+ export default TopupButton;
@@ -0,0 +1,7 @@
1
+ type AuthorCardProps = {
2
+ image: string;
3
+ name?: string;
4
+ authorRole?: string;
5
+ };
6
+ export declare function AuthorCard({ image, name, authorRole }: AuthorCardProps): import("react/jsx-runtime").JSX.Element;
7
+ export default AuthorCard;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export interface CardContainerProps {
3
+ className?: string;
4
+ children?: React.ReactNode;
5
+ }
6
+ export declare const CardContainer: React.FC<CardContainerProps>;
7
+ export default CardContainer;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ export interface CardTitleProps {
3
+ border?: boolean;
4
+ title?: string;
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare const CardTitle: React.FC<CardTitleProps>;
9
+ export default CardTitle;
@@ -0,0 +1,5 @@
1
+ export * from './author-card';
2
+ export * from './card-container';
3
+ export * from './card-title';
4
+ export * from './panel-action-card';
5
+ export * from './panel-card';
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import { ButtonProps } from '../buttons';
3
+ interface PanelActionCardProps {
4
+ title: string;
5
+ actions?: {
6
+ label: string;
7
+ variant?: ButtonProps['variant'];
8
+ color?: ButtonProps['color'];
9
+ size?: ButtonProps['size'];
10
+ onClick: () => void;
11
+ }[];
12
+ children: React.ReactNode;
13
+ className?: string;
14
+ }
15
+ export declare const PanelActionCard: React.FC<PanelActionCardProps>;
16
+ export default PanelActionCard;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ interface PanelCardProps {
3
+ title: string;
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ }
7
+ export declare const PanelCard: React.FC<PanelCardProps>;
8
+ export default PanelCard;
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { CarouselProps } from './carousel-component';
3
+ export interface CarouselCardItem {
4
+ title?: string;
5
+ description?: string;
6
+ image?: string;
7
+ icon?: React.ReactNode;
8
+ content?: React.ReactNode;
9
+ footer?: React.ReactNode;
10
+ }
11
+ export interface CarouselCardsProps extends Omit<CarouselProps, 'children'> {
12
+ cards: CarouselCardItem[];
13
+ cardClassName?: string;
14
+ cardSize?: 'sm' | 'md' | 'lg' | 'xl';
15
+ variant?: 'default' | 'elevated' | 'outlined' | 'filled';
16
+ showCardTitles?: boolean;
17
+ }
18
+ export declare const CarouselCards: React.FC<CarouselCardsProps>;
19
+ export default CarouselCards;
@@ -0,0 +1,41 @@
1
+ import { default as React } from 'react';
2
+ import { Swiper as SwiperType } from 'swiper';
3
+ export type CarouselDirection = 'horizontal' | 'vertical';
4
+ export type CarouselEffect = 'slide' | 'fade' | 'coverflow' | 'cube' | 'flip' | 'creative' | 'cards';
5
+ export type CarouselPaginationType = 'bullets' | 'fraction' | 'progressbar' | 'custom';
6
+ export interface CarouselProps {
7
+ children: React.ReactNode[];
8
+ slidesPerView?: number | 'auto';
9
+ spaceBetween?: number;
10
+ direction?: CarouselDirection;
11
+ effect?: CarouselEffect;
12
+ mousewheel?: boolean;
13
+ showNavigation?: boolean;
14
+ showPagination?: boolean;
15
+ paginationType?: CarouselPaginationType;
16
+ autoplay?: boolean | {
17
+ delay: number;
18
+ disableOnInteraction?: boolean;
19
+ };
20
+ breakpoints?: Record<number, {
21
+ slidesPerView: number;
22
+ spaceBetween?: number;
23
+ }>;
24
+ loop?: boolean;
25
+ centeredSlides?: boolean;
26
+ grabCursor?: boolean;
27
+ freeMode?: boolean;
28
+ className?: string;
29
+ slideClassName?: string;
30
+ onSlideChange?: (swiper: SwiperType) => void;
31
+ onSwiper?: (swiper: SwiperType) => void;
32
+ 'aria-label'?: string;
33
+ }
34
+ export interface CarouselRef {
35
+ swiper: SwiperType | null;
36
+ slideNext: () => void;
37
+ slidePrev: () => void;
38
+ slideTo: (index: number) => void;
39
+ }
40
+ export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
41
+ export default Carousel;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { CarouselProps } from './carousel-component';
3
+ export interface CarouselImageItem {
4
+ src: string;
5
+ alt?: string;
6
+ title?: string;
7
+ description?: string;
8
+ }
9
+ export interface CarouselImageProps extends Omit<CarouselProps, 'children'> {
10
+ images: CarouselImageItem[];
11
+ imageClassName?: string;
12
+ showTitles?: boolean;
13
+ imageFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
14
+ aspectRatio?: string;
15
+ lazy?: boolean;
16
+ }
17
+ export declare const CarouselImage: React.FC<CarouselImageProps>;
18
+ export default CarouselImage;
@@ -0,0 +1,3 @@
1
+ export * from './carousel-cards';
2
+ export * from './carousel-component';
3
+ export * from './carousel-image';
@@ -0,0 +1,12 @@
1
+ export interface AvatarProps {
2
+ image: string;
3
+ alt: string;
4
+ className?: string;
5
+ size?: SizeNames;
6
+ shape?: ShapeNames;
7
+ border?: boolean;
8
+ }
9
+ type ShapeNames = 'rounded' | 'circle';
10
+ type SizeNames = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
11
+ export declare function Avatar({ image, alt, className, size, shape, border, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
12
+ export default Avatar;
@@ -0,0 +1,8 @@
1
+ type BadgeProps = {
2
+ className?: string;
3
+ status?: 'active' | 'inactive';
4
+ size?: 'sm' | 'md' | 'lg';
5
+ variant?: 'default' | 'outline';
6
+ } & React.HTMLAttributes<HTMLSpanElement>;
7
+ export declare const Badge: ({ className, status, size, variant, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default Badge;
@@ -0,0 +1,7 @@
1
+ export interface CollapseProps {
2
+ label: string;
3
+ initialOpen?: boolean;
4
+ className?: string;
5
+ }
6
+ export declare function Collapse({ label, children, initialOpen, className, }: React.PropsWithChildren<CollapseProps>): import("react/jsx-runtime").JSX.Element;
7
+ export default Collapse;
@@ -0,0 +1,7 @@
1
+ export * from './avatar';
2
+ export * from './badge';
3
+ export * from './collapse';
4
+ export * from './scrollbar';
5
+ export * from './menu-item';
6
+ export * from './scrollbar-native';
7
+ export * from './skeleton';
@@ -0,0 +1,21 @@
1
+ export type DropdownItemProps = {
2
+ name: string;
3
+ icon?: React.ReactNode;
4
+ href: string;
5
+ dropdownItems?: DropdownItemProps[];
6
+ isActive?: boolean;
7
+ hide?: boolean;
8
+ onClick?: () => void;
9
+ };
10
+ export type IMenuItem = {
11
+ name: string;
12
+ icon?: React.ReactNode;
13
+ href: string;
14
+ dropdownItems?: DropdownItemProps[];
15
+ isActive?: boolean;
16
+ hide?: boolean;
17
+ onClick?: () => void;
18
+ };
19
+ type MenuItemProps = IMenuItem;
20
+ export declare function MenuItem({ name, icon, href, dropdownItems, isActive: isActiveProps, hide, onClick, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
21
+ export default MenuItem;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export interface ScrollbarNativeProps {
3
+ style?: React.CSSProperties;
4
+ className?: string;
5
+ autoHide?: 'never' | 'scroll' | 'leave' | 'move';
6
+ children: React.ReactNode;
7
+ options?: Record<string, any>;
8
+ }
9
+ /**
10
+ * Drop-in replacement for the original Scrollbar component that used overlayscrollbars-react.
11
+ * This component maintains the same API but uses a custom implementation without external dependencies.
12
+ */
13
+ export declare function ScrollbarNative({ options, style, className, autoHide, children, ...props }: ScrollbarNativeProps): import("react/jsx-runtime").JSX.Element;
14
+ export default ScrollbarNative;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export interface ScrollbarProps {
3
+ children: React.ReactNode;
4
+ style?: React.CSSProperties;
5
+ className?: string;
6
+ autoHide?: 'never' | 'scroll' | 'leave' | 'move';
7
+ direction?: 'horizontal' | 'vertical' | 'both';
8
+ scrollbarStyle?: {
9
+ track?: React.CSSProperties;
10
+ thumb?: React.CSSProperties;
11
+ };
12
+ }
13
+ export declare function Scrollbar({ children, style, className, autoHide, direction, scrollbarStyle, }: ScrollbarProps): import("react/jsx-runtime").JSX.Element;
14
+ export default Scrollbar;
@@ -0,0 +1,6 @@
1
+ interface SkeletonProps {
2
+ animation?: boolean;
3
+ className?: string;
4
+ }
5
+ export declare function Skeleton({ className, animation }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
6
+ export default Skeleton;
@@ -0,0 +1,8 @@
1
+ export interface DrawerContainerProps {
2
+ isOpen: boolean;
3
+ setIsOpen: (isOpen: boolean) => void;
4
+ children: React.ReactNode;
5
+ position?: 'left' | 'right';
6
+ backdrop?: boolean;
7
+ }
8
+ export declare function DrawerContainer({ isOpen, setIsOpen, children, position, backdrop, }: DrawerContainerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { LogoPropTypes } from '../logos/logo';
3
+ import { IMenuItem } from '../common/menu-item';
4
+ export interface DrawerProps {
5
+ children?: React.ReactNode;
6
+ type: 'sidebar' | 'sidebar-menu';
7
+ className?: string;
8
+ menuItems?: IMenuItem[];
9
+ position?: 'left' | 'right';
10
+ title?: string;
11
+ actionContent?: React.ReactNode;
12
+ backdrop?: boolean;
13
+ logo?: LogoPropTypes;
14
+ isOpen: boolean;
15
+ setIsOpen: (isOpen: boolean) => void;
16
+ onClose?: () => void;
17
+ }
18
+ export declare function Drawer({ onClose, children, type, className, menuItems, position, title, actionContent, backdrop, logo, isOpen, setIsOpen, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
19
+ export default Drawer;
@@ -0,0 +1,5 @@
1
+ export * from './drawer-container';
2
+ export * from './drawer';
3
+ export * from './modal';
4
+ export * from './sidebar-menu';
5
+ export * from './sidebar';
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ export interface ModalProps {
3
+ isOpen: boolean;
4
+ closeable?: boolean;
5
+ hideButtons?: boolean;
6
+ children?: React.ReactNode;
7
+ buttonContainer?: React.ReactNode;
8
+ className?: string;
9
+ text?: {
10
+ title?: string;
11
+ content?: string;
12
+ button?: string;
13
+ backButton?: string;
14
+ };
15
+ setIsOpen: (isOpen: boolean) => void;
16
+ onClose?: () => void;
17
+ onBack?: () => void;
18
+ onSubmit?: () => void;
19
+ }
20
+ export declare const Modal: React.FC<ModalProps>;
21
+ export default Modal;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { LogoPropTypes } from '../logos/logo';
3
+ import { IMenuItem } from '../common/menu-item';
4
+ export declare function SidebarMenu({ className, menuItems, children, title, actionContent, onClose, logo, }: {
5
+ className?: string;
6
+ menuItems: IMenuItem[];
7
+ children?: React.ReactNode;
8
+ title?: string;
9
+ actionContent?: React.ReactNode;
10
+ onClose: () => void;
11
+ logo?: LogoPropTypes;
12
+ }): import("react/jsx-runtime").JSX.Element;
13
+ export default SidebarMenu;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { LogoPropTypes } from '../logos/logo';
3
+ export interface SidebarProps {
4
+ className?: string;
5
+ children: React.ReactNode;
6
+ title?: string;
7
+ actionContent?: React.ReactNode;
8
+ logo?: LogoPropTypes;
9
+ onClose?: () => void;
10
+ }
11
+ export declare function Sidebar({ className, children, title, actionContent, logo, onClose, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
12
+ export default Sidebar;