@sorocraft/ui 1.2.69 → 1.2.75

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 (296) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +14 -0
  2. package/dist/components/Accordion/index.d.ts +1 -0
  3. package/dist/components/AddressAutocomplete/AddressAutocomplete.d.ts +12 -0
  4. package/dist/components/AddressAutocomplete/AddressAutocomplete.types.d.ts +26 -0
  5. package/dist/components/AddressAutocomplete/AddressAutocomplete.utils.d.ts +3 -0
  6. package/dist/components/AddressAutocomplete/index.d.ts +1 -0
  7. package/dist/components/AlertBox/AlertBox.d.ts +10 -0
  8. package/dist/components/AlertBox/index.d.ts +2 -0
  9. package/dist/components/AreaChart/AreaChart.d.ts +7 -0
  10. package/dist/components/AreaChart/index.d.ts +1 -0
  11. package/dist/components/Avatar/Avatar.d.ts +17 -0
  12. package/dist/components/Avatar/index.d.ts +1 -0
  13. package/dist/components/BarChart/BarChart.d.ts +8 -0
  14. package/dist/components/BarChart/BarChart.types.d.ts +4 -0
  15. package/dist/components/BarChart/index.d.ts +1 -0
  16. package/dist/components/Button/Button.d.ts +27 -0
  17. package/dist/components/Button/index.d.ts +2 -0
  18. package/dist/components/Calendar/Calendar.d.ts +13 -0
  19. package/dist/components/Calendar/index.d.ts +1 -0
  20. package/dist/components/Card/Card.d.ts +21 -0
  21. package/dist/components/Card/index.d.ts +1 -0
  22. package/dist/components/Carousel/Carousel.d.ts +15 -0
  23. package/dist/components/Carousel/Item.d.ts +8 -0
  24. package/dist/components/Carousel/index.d.ts +1 -0
  25. package/dist/components/CarouselNavigation/CarouselNavigation..d.ts +9 -0
  26. package/dist/components/CarouselNavigation/index.d.ts +1 -0
  27. package/dist/components/Chip/Chip.d.ts +15 -0
  28. package/dist/components/Chip/index.d.ts +1 -0
  29. package/dist/components/ConfirmationPopover/ConfirmationPopover.d.ts +11 -0
  30. package/dist/components/ConfirmationPopover/index.d.ts +1 -0
  31. package/dist/components/ContactsList/ContactList.types.d.ts +7 -0
  32. package/dist/components/ContactsList/ContactsList.d.ts +13 -0
  33. package/dist/components/ContactsList/index.d.ts +1 -0
  34. package/dist/components/Container/Container.d.ts +9 -0
  35. package/dist/components/Container/index.d.ts +1 -0
  36. package/dist/components/CookieBanner/CookieBanner.constants.d.ts +3 -0
  37. package/dist/components/CookieBanner/CookieBanner.d.ts +5 -0
  38. package/dist/components/CookieBanner/index.d.ts +1 -0
  39. package/dist/components/DatePicker/DatePicker.d.ts +12 -0
  40. package/dist/components/DatePicker/index.d.ts +1 -0
  41. package/dist/components/DateSelector/DateSelector.d.ts +17 -0
  42. package/dist/components/DateSelector/DateSelector.types.d.ts +1 -0
  43. package/dist/components/DateSelector/index.d.ts +1 -0
  44. package/dist/components/Description/Description.d.ts +10 -0
  45. package/dist/components/Description/index.d.ts +1 -0
  46. package/dist/components/DnD/DnD.constants.d.ts +6 -0
  47. package/dist/components/DnD/DnD.hooks.d.ts +4 -0
  48. package/dist/components/DnD/DnD.types.d.ts +13 -0
  49. package/dist/components/DnD/DnDContext.d.ts +4 -0
  50. package/dist/components/DnD/DnDProvider.d.ts +5 -0
  51. package/dist/components/DnD/Draggable/Draggable.d.ts +8 -0
  52. package/dist/components/DnD/Draggable/index.d.ts +1 -0
  53. package/dist/components/DnD/Droppable.d.ts +9 -0
  54. package/dist/components/DnD/index.d.ts +5 -0
  55. package/dist/components/DonutChart/DonutChart.constants.d.ts +1 -0
  56. package/dist/components/DonutChart/DonutChart.d.ts +12 -0
  57. package/dist/components/DonutChart/DonutChart.types.d.ts +5 -0
  58. package/dist/components/DonutChart/index.d.ts +1 -0
  59. package/dist/components/Drawer/Drawer.d.ts +14 -0
  60. package/dist/components/Drawer/index.d.ts +1 -0
  61. package/dist/components/DropDown/DropDown.d.ts +4 -0
  62. package/dist/components/DropDown/DropDown.types.d.ts +23 -0
  63. package/dist/components/DropDown/DropDownMenuItem.d.ts +8 -0
  64. package/dist/components/DropDown/index.d.ts +1 -0
  65. package/dist/components/FAQ/FAQ.d.ts +7 -0
  66. package/dist/components/FAQ/FAQ.types.d.ts +5 -0
  67. package/dist/components/FAQ/index.d.ts +1 -0
  68. package/dist/components/Flex/Column/Column.d.ts +3 -0
  69. package/dist/components/Flex/Column/index.d.ts +1 -0
  70. package/dist/components/Flex/Flex.d.ts +9 -0
  71. package/dist/components/Flex/Flex.types.d.ts +30 -0
  72. package/dist/components/Flex/Row/Row.d.ts +3 -0
  73. package/dist/components/Flex/Row/index.d.ts +1 -0
  74. package/dist/components/Flex/index.d.ts +1 -0
  75. package/dist/components/FreeCountdown/FreeCountdown.d.ts +5 -0
  76. package/dist/components/FreeCountdown/index.d.ts +1 -0
  77. package/dist/components/Grid/Grid.d.ts +10 -0
  78. package/dist/components/Grid/index.d.ts +1 -0
  79. package/dist/components/Header/Header.d.ts +12 -0
  80. package/dist/components/Header/Header.types.d.ts +5 -0
  81. package/dist/components/Header/index.d.ts +1 -0
  82. package/dist/components/Heading/Heading.d.ts +8 -0
  83. package/dist/components/Heading/index.d.ts +1 -0
  84. package/dist/components/IconButton/IconButton.d.ts +22 -0
  85. package/dist/components/IconButton/index.d.ts +1 -0
  86. package/dist/components/IconLink/IconLink.d.ts +13 -0
  87. package/dist/components/IconLink/index.d.ts +1 -0
  88. package/dist/components/Input/Checkbox/Checkbox.d.ts +4 -0
  89. package/dist/components/Input/Checkbox/index.d.ts +1 -0
  90. package/dist/components/Input/DnD/DnD.d.ts +4 -0
  91. package/dist/components/Input/DnD/index.d.ts +1 -0
  92. package/dist/components/Input/Input.d.ts +3 -0
  93. package/dist/components/Input/Input.types.d.ts +72 -0
  94. package/dist/components/Input/Input.utils.d.ts +2 -0
  95. package/dist/components/Input/NumberSteps/NumberSteps.d.ts +3 -0
  96. package/dist/components/Input/NumberSteps/index.d.ts +1 -0
  97. package/dist/components/Input/RadioInput/RadioInput.d.ts +4 -0
  98. package/dist/components/Input/RadioInput/index.d.ts +1 -0
  99. package/dist/components/Input/Select.d.ts +4 -0
  100. package/dist/components/Input/TextArea/TextArea.d.ts +4 -0
  101. package/dist/components/Input/TextArea/index.d.ts +1 -0
  102. package/dist/components/Input/index.d.ts +1 -0
  103. package/dist/components/Link/Link.d.ts +3 -0
  104. package/dist/components/Link/Link.types.d.ts +11 -0
  105. package/dist/components/Link/index.d.ts +1 -0
  106. package/dist/components/ListItem/ListItem.d.ts +19 -0
  107. package/dist/components/ListItem/index.d.ts +1 -0
  108. package/dist/components/Loading/Loading.d.ts +2 -0
  109. package/dist/components/Loading/index.d.ts +1 -0
  110. package/dist/components/LoadingItem/LoadingItem.d.ts +9 -0
  111. package/dist/components/LoadingItem/index.d.ts +1 -0
  112. package/dist/components/MethodSelection/MethodSelection.d.ts +3 -0
  113. package/dist/components/MethodSelection/MethodSelection.types.d.ts +16 -0
  114. package/dist/components/MethodSelection/index.d.ts +1 -0
  115. package/dist/components/Modal/Modal.d.ts +12 -0
  116. package/dist/components/Modal/Store.d.ts +11 -0
  117. package/dist/components/Modal/Wrapper.d.ts +9 -0
  118. package/dist/components/Modal/index.d.ts +2 -0
  119. package/dist/components/Numpad/Numpad.d.ts +5 -0
  120. package/dist/components/Numpad/index.d.ts +1 -0
  121. package/dist/components/OTPInput/OTPInput.d.ts +8 -0
  122. package/dist/components/OTPInput/index.d.ts +1 -0
  123. package/dist/components/Padding/Padding.d.ts +9 -0
  124. package/dist/components/Padding/index.d.ts +1 -0
  125. package/dist/components/PageLoading/PageLoading.d.ts +2 -0
  126. package/dist/components/PageLoading/index.d.ts +1 -0
  127. package/dist/components/Portal/PortalAround.d.ts +16 -0
  128. package/dist/components/Portal/index.d.ts +1 -0
  129. package/dist/components/Quantity/Quantity.d.ts +10 -0
  130. package/dist/components/Quantity/index.d.ts +1 -0
  131. package/dist/components/SVGIcon/SVGIcon.d.ts +12 -0
  132. package/dist/components/SVGIcon/SVGIcon.types.d.ts +10 -0
  133. package/dist/components/SVGIcon/index.d.ts +2 -0
  134. package/dist/components/Section/Section.d.ts +10 -0
  135. package/dist/components/Section/index.d.ts +1 -0
  136. package/dist/components/Sidebar/Parent.d.ts +10 -0
  137. package/dist/components/Sidebar/Sidebar.d.ts +16 -0
  138. package/dist/components/Sidebar/Sidebar.types.d.ts +10 -0
  139. package/dist/components/Sidebar/index.d.ts +1 -0
  140. package/dist/components/Table/Table.d.ts +21 -0
  141. package/dist/components/Table/index.d.ts +2 -0
  142. package/dist/components/Text/Text.d.ts +3 -0
  143. package/dist/components/Text/Text.types.d.ts +13 -0
  144. package/dist/components/Text/index.d.ts +1 -0
  145. package/dist/components/TextBanner/TextBanner.d.ts +8 -0
  146. package/dist/components/TextBanner/index.d.ts +1 -0
  147. package/dist/components/TimePicker/TimePicker.d.ts +3 -0
  148. package/dist/components/TimePicker/TimePicker.types.d.ts +13 -0
  149. package/dist/components/TimePicker/index.d.ts +1 -0
  150. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +10 -0
  151. package/dist/components/ToggleSwitch/index.d.ts +1 -0
  152. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  153. package/dist/components/Tooltip/Tooltip.types.d.ts +10 -0
  154. package/dist/components/Tooltip/TooltipPortal.d.ts +5 -0
  155. package/dist/components/Tooltip/TooltipWrapper.d.ts +3 -0
  156. package/dist/components/Tooltip/index.d.ts +1 -0
  157. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +6 -0
  158. package/dist/components/VisuallyHidden/index.d.ts +1 -0
  159. package/dist/constants/email.d.ts +1 -0
  160. package/dist/icons/AlertCircle.d.ts +3 -0
  161. package/dist/icons/AlignLeft.d.ts +3 -0
  162. package/dist/icons/Award.d.ts +3 -0
  163. package/dist/icons/BagCheck.d.ts +3 -0
  164. package/dist/icons/BankNote.d.ts +3 -0
  165. package/dist/icons/BarChart.d.ts +3 -0
  166. package/dist/icons/Bell.d.ts +3 -0
  167. package/dist/icons/BookOpen.d.ts +3 -0
  168. package/dist/icons/Bookmark.d.ts +3 -0
  169. package/dist/icons/Branch.d.ts +3 -0
  170. package/dist/icons/Calendar.d.ts +3 -0
  171. package/dist/icons/CalendarPlus.d.ts +3 -0
  172. package/dist/icons/Camera.d.ts +3 -0
  173. package/dist/icons/Car.d.ts +3 -0
  174. package/dist/icons/Check.d.ts +3 -0
  175. package/dist/icons/Chef.d.ts +3 -0
  176. package/dist/icons/ChevronDown.d.ts +3 -0
  177. package/dist/icons/ChevronLeft.d.ts +3 -0
  178. package/dist/icons/ChevronRight.d.ts +3 -0
  179. package/dist/icons/ChevronUp.d.ts +3 -0
  180. package/dist/icons/Circle.d.ts +3 -0
  181. package/dist/icons/Clock.d.ts +3 -0
  182. package/dist/icons/Close.d.ts +3 -0
  183. package/dist/icons/CloudLightning.d.ts +3 -0
  184. package/dist/icons/Columns.d.ts +3 -0
  185. package/dist/icons/ColumnsThree.d.ts +3 -0
  186. package/dist/icons/Copy.d.ts +3 -0
  187. package/dist/icons/CornerDownLeft.d.ts +3 -0
  188. package/dist/icons/CreditCard.d.ts +3 -0
  189. package/dist/icons/Dataflow.d.ts +3 -0
  190. package/dist/icons/Delete.d.ts +3 -0
  191. package/dist/icons/Delivery.d.ts +3 -0
  192. package/dist/icons/DotsDrag.d.ts +3 -0
  193. package/dist/icons/DotsGrid.d.ts +3 -0
  194. package/dist/icons/DotsHorizontal.d.ts +3 -0
  195. package/dist/icons/DotsVertical.d.ts +3 -0
  196. package/dist/icons/Download.d.ts +3 -0
  197. package/dist/icons/Edit.d.ts +3 -0
  198. package/dist/icons/Eye.d.ts +3 -0
  199. package/dist/icons/EyeOff.d.ts +3 -0
  200. package/dist/icons/Facebook.d.ts +3 -0
  201. package/dist/icons/File.d.ts +3 -0
  202. package/dist/icons/FileCheck.d.ts +3 -0
  203. package/dist/icons/Folder.d.ts +3 -0
  204. package/dist/icons/FolderPlus.d.ts +3 -0
  205. package/dist/icons/Globe.d.ts +3 -0
  206. package/dist/icons/Grid.d.ts +3 -0
  207. package/dist/icons/Home.d.ts +3 -0
  208. package/dist/icons/HourglassHalf.d.ts +3 -0
  209. package/dist/icons/Image.d.ts +3 -0
  210. package/dist/icons/InfoCircle.d.ts +3 -0
  211. package/dist/icons/Instagram.d.ts +3 -0
  212. package/dist/icons/LineChartUp.d.ts +3 -0
  213. package/dist/icons/Link.d.ts +3 -0
  214. package/dist/icons/LinkHorizontal.d.ts +3 -0
  215. package/dist/icons/Linkedin.d.ts +3 -0
  216. package/dist/icons/List.d.ts +3 -0
  217. package/dist/icons/LoadingIcon.d.ts +3 -0
  218. package/dist/icons/Lock.d.ts +3 -0
  219. package/dist/icons/LogOut.d.ts +3 -0
  220. package/dist/icons/Mail.d.ts +3 -0
  221. package/dist/icons/MarkerPin.d.ts +3 -0
  222. package/dist/icons/MarkerPinSimple.d.ts +3 -0
  223. package/dist/icons/Mastercard.d.ts +3 -0
  224. package/dist/icons/Menu.d.ts +3 -0
  225. package/dist/icons/MessageChatCircle.d.ts +3 -0
  226. package/dist/icons/MessageCircle.d.ts +3 -0
  227. package/dist/icons/MessageTextCircle.d.ts +3 -0
  228. package/dist/icons/Minus.d.ts +3 -0
  229. package/dist/icons/Moon.d.ts +3 -0
  230. package/dist/icons/NoImage.d.ts +3 -0
  231. package/dist/icons/PackageCheck.d.ts +3 -0
  232. package/dist/icons/PackagePlus.d.ts +3 -0
  233. package/dist/icons/Paperclip.d.ts +3 -0
  234. package/dist/icons/Phone.d.ts +3 -0
  235. package/dist/icons/Plus.d.ts +3 -0
  236. package/dist/icons/Printer.d.ts +3 -0
  237. package/dist/icons/QrCode.d.ts +3 -0
  238. package/dist/icons/ReceiptCheck.d.ts +3 -0
  239. package/dist/icons/Refresh.d.ts +3 -0
  240. package/dist/icons/Save.d.ts +3 -0
  241. package/dist/icons/Search.d.ts +3 -0
  242. package/dist/icons/Send.d.ts +3 -0
  243. package/dist/icons/Shield.d.ts +3 -0
  244. package/dist/icons/ShieldDollar.d.ts +3 -0
  245. package/dist/icons/Shop.d.ts +3 -0
  246. package/dist/icons/ShoppingBag.d.ts +3 -0
  247. package/dist/icons/ShoppingCart.d.ts +3 -0
  248. package/dist/icons/SwitchVertical.d.ts +3 -0
  249. package/dist/icons/Target.d.ts +3 -0
  250. package/dist/icons/Telegram.d.ts +3 -0
  251. package/dist/icons/ThumbsUp.d.ts +3 -0
  252. package/dist/icons/Tiktok.d.ts +3 -0
  253. package/dist/icons/Translate.d.ts +3 -0
  254. package/dist/icons/Trash.d.ts +3 -0
  255. package/dist/icons/UploadCloud.d.ts +3 -0
  256. package/dist/icons/User.d.ts +3 -0
  257. package/dist/icons/UserCheck.d.ts +3 -0
  258. package/dist/icons/UserCircle.d.ts +3 -0
  259. package/dist/icons/UserPlus.d.ts +3 -0
  260. package/dist/icons/UserX.d.ts +3 -0
  261. package/dist/icons/Users.d.ts +3 -0
  262. package/dist/icons/Visa.d.ts +3 -0
  263. package/dist/icons/Whatsapp.d.ts +3 -0
  264. package/dist/icons/Wifi.d.ts +3 -0
  265. package/dist/icons/XTwitter.d.ts +3 -0
  266. package/dist/icons/Youtube.d.ts +3 -0
  267. package/dist/icons/index.d.ts +107 -0
  268. package/dist/icons/index.esm.js +2 -0
  269. package/dist/icons/index.esm.js.map +1 -0
  270. package/dist/icons/index.js +2 -0
  271. package/dist/icons/index.js.map +1 -0
  272. package/dist/index.d.ts +77 -0
  273. package/dist/index.esm.js +2 -0
  274. package/dist/index.esm.js.map +1 -0
  275. package/dist/index.js +2 -0
  276. package/dist/index.js.map +1 -0
  277. package/dist/models/form.d.ts +3 -0
  278. package/dist/models/modal.d.ts +21 -0
  279. package/dist/models/ui.d.ts +27 -0
  280. package/dist/styles/scss/animations.scss +115 -0
  281. package/dist/styles/scss/colors.scss +140 -0
  282. package/dist/styles/scss/functions/toRem.scss +13 -0
  283. package/dist/styles/scss/mixins.scss +261 -0
  284. package/dist/styles/scss/responsive.scss +36 -0
  285. package/dist/styles/scss/utils.scss +6 -0
  286. package/dist/styles/scss/variables.scss +330 -0
  287. package/dist/styles/ui.css +2 -0
  288. package/dist/styles/ui.css.map +1 -0
  289. package/dist/utils/icon.d.ts +2 -0
  290. package/dist/utils/input.d.ts +1 -0
  291. package/dist/utils/storage.d.ts +7 -0
  292. package/dist/utils/styling.d.ts +2 -0
  293. package/dist/utils/styling.types.d.ts +6 -0
  294. package/dist/utils/table.d.ts +1 -0
  295. package/dist/utils/view.d.ts +3 -0
  296. package/package.json +2 -1
@@ -0,0 +1,30 @@
1
+ import { ReactNode } from "react";
2
+ export type Breakpoint = "mobile-xxs" | "mobile-xs" | "mobile-sm" | "mobile-md" | "tablet-sm" | "tablet-md" | "tablet-lg" | "desktop-sm" | "desktop-md" | "desktop-lg";
3
+ export type AlignItems = "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
4
+ export type JustifyContent = "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
5
+ export type Wrap = "wrap" | "nowrap" | "wrap-reverse";
6
+ export type Direction = "row" | "column" | "row-reverse" | "column-reverse";
7
+ export interface FlexItemProps {
8
+ children: ReactNode;
9
+ grow?: boolean;
10
+ shrink?: boolean;
11
+ className?: string;
12
+ fullHeight?: boolean;
13
+ fullWidth?: boolean;
14
+ flex?: number;
15
+ }
16
+ export interface FlexProps {
17
+ className?: string;
18
+ alignItems?: AlignItems;
19
+ justifyContent?: JustifyContent;
20
+ direction?: Direction;
21
+ flexWrap?: Wrap;
22
+ grow?: boolean;
23
+ gap?: number;
24
+ fullHeight?: boolean;
25
+ fullWidth?: boolean;
26
+ children: ReactNode | ReactNode[];
27
+ marginBottom?: number;
28
+ breakpoint?: number;
29
+ onClick?: () => void;
30
+ }
@@ -0,0 +1,3 @@
1
+ import { FlexProps } from "../Flex.types";
2
+ declare const Row: ({ alignItems, justifyContent, flexWrap, gap, fullHeight, fullWidth, children, className, breakpoint, onClick, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Row;
@@ -0,0 +1 @@
1
+ export { default } from "./Row";
@@ -0,0 +1 @@
1
+ export { default } from "./Flex";
@@ -0,0 +1,5 @@
1
+ interface Props {
2
+ url: string;
3
+ }
4
+ declare const FreeCountdown: ({ url }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ export default FreeCountdown;
@@ -0,0 +1 @@
1
+ export { default } from "./FreeCountdown";
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from "react";
2
+ interface Props {
3
+ itemMinWidth?: number;
4
+ gap?: number;
5
+ rowGap?: number;
6
+ children: ReactNode | ReactNode[];
7
+ fullWidth?: boolean;
8
+ }
9
+ declare const Grid: ({ gap, rowGap, itemMinWidth, fullWidth, children }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export default Grid;
@@ -0,0 +1 @@
1
+ export { default } from "./Grid";
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from "react";
2
+ import { MenuItem } from "./Header.types";
3
+ interface Props {
4
+ logo: ReactNode;
5
+ menu?: ReactNode;
6
+ actions?: ReactNode;
7
+ logoHref?: string;
8
+ className?: string;
9
+ menuItems?: MenuItem[];
10
+ }
11
+ declare const Header: ({ logo, menu, actions, logoHref, className, menuItems }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export default Header;
@@ -0,0 +1,5 @@
1
+ export interface MenuItem {
2
+ title: string;
3
+ path: string;
4
+ children?: MenuItem[];
5
+ }
@@ -0,0 +1 @@
1
+ export { default } from './Header';
@@ -0,0 +1,8 @@
1
+ import { SIZE } from "src/models/ui";
2
+ interface Props {
3
+ size?: SIZE;
4
+ title: string;
5
+ subtitle?: string;
6
+ }
7
+ declare const Heading: ({ size, title, subtitle }: Props) => import("react/jsx-runtime").JSX.Element;
8
+ export default Heading;
@@ -0,0 +1 @@
1
+ export { default } from './Heading';
@@ -0,0 +1,22 @@
1
+ import { MouseEvent } from "react";
2
+ import { SIZE, UIElementType } from "src/models/ui";
3
+ import { IconType } from "../SVGIcon";
4
+ interface Props {
5
+ icon: IconType;
6
+ onClick: (e: MouseEvent<HTMLElement>) => void;
7
+ type?: UIElementType;
8
+ noPadding?: boolean;
9
+ isLoading?: boolean;
10
+ size?: SIZE;
11
+ isActive?: boolean;
12
+ isDisabled?: boolean;
13
+ className?: string;
14
+ tooltip?: string;
15
+ needConfirm?: boolean;
16
+ confirmPosition?: "top" | "bottom" | "topLeft";
17
+ confirmMessage?: string;
18
+ yesTitle?: string;
19
+ noTitle?: string;
20
+ }
21
+ declare const IconButton: ({ icon, onClick, type, needConfirm, noPadding, isLoading, size, confirmPosition, isActive, isDisabled, confirmMessage, yesTitle, noTitle, tooltip, className, }: Props) => import("react/jsx-runtime").JSX.Element;
22
+ export default IconButton;
@@ -0,0 +1 @@
1
+ export { default } from './IconButton';
@@ -0,0 +1,13 @@
1
+ import { SIZE } from "src/models/ui";
2
+ import { IconType } from "../SVGIcon/SVGIcon.types";
3
+ interface Props {
4
+ icon: IconType;
5
+ shape: "circle" | "square" | "rectangle";
6
+ size: SIZE;
7
+ theme?: "light" | "dark" | "light-transparent" | "dark-transparent";
8
+ href: string;
9
+ title?: string;
10
+ target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
11
+ }
12
+ declare const IconLink: ({ icon, shape, target, size, href, theme, title, }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export default IconLink;
@@ -0,0 +1 @@
1
+ export { default } from "./IconLink";
@@ -0,0 +1,4 @@
1
+ import { InputProps } from "../Input.types";
2
+ type Props = Pick<InputProps, "label" | "checked" | "name" | "size" | "onChange" | "noMargin" | "errorMessage" | "fullWidth" | "isDisabled" | "className">;
3
+ declare const Checkbox: ({ label, checked, size, name, onChange, noMargin, errorMessage, fullWidth, isDisabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
4
+ export default Checkbox;
@@ -0,0 +1 @@
1
+ export { default } from "./Checkbox";
@@ -0,0 +1,4 @@
1
+ import { InputProps } from "../Input.types";
2
+ type Props = Pick<InputProps, "value" | "isDisabled" | "placeholder" | "isMultiUpload" | "onFilesSelect" | "onFileSelect" | "dndShape" | "className">;
3
+ declare const DnD: ({ value, placeholder, isMultiUpload, dndShape, isDisabled, className, onFilesSelect, onFileSelect, }: Props) => import("react/jsx-runtime").JSX.Element;
4
+ export default DnD;
@@ -0,0 +1 @@
1
+ export { default } from "./DnD";
@@ -0,0 +1,3 @@
1
+ import { InputProps } from "./Input.types";
2
+ declare const Input: ({ type, label, placeholder, value, required, addonIcon, preIcon, addonText, labelAddon, errorMessage, options, fullWidth, avatarSize, source, autoCompleteContent, autoCompleteReverse, noMargin, isDisabled, isLoading, isMultiUpload, autoFocus, theme, size, isDarkMode, dndShape, name, prefix, rows, className, checked, ref, onBlur, onFocus, onChange, addonAction, onEnter, onEsc, onFileSelect, onFilesSelect, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Input;
@@ -0,0 +1,72 @@
1
+ import { ChangeEvent, FocusEvent, KeyboardEvent, ReactElement } from "react";
2
+ import { IconType } from "../SVGIcon/SVGIcon.types";
3
+ import { SIZE, SIZE_LONG } from "src/models/ui";
4
+ export declare enum InputType {
5
+ TEXT = "text",
6
+ PASSWORD = "password",
7
+ EMAIL = "email",
8
+ NUMBER = "number",
9
+ URL = "url",
10
+ TEL = "tel",
11
+ DATE = "date",
12
+ DATETIME = "datetime",
13
+ SELECT = "select",
14
+ COLOR_PICKER = "color-picker",
15
+ TEXT_AREA = "text-area",
16
+ AVATAR_UPLOAD = "avatar-upload",
17
+ UPLOAD_IMAGE_ICON = "upload-image-icon",
18
+ DND = "dnd",
19
+ CHECKBOX = "checkbox",
20
+ RADIO = "radio",
21
+ OTP = "otp",
22
+ NUMBER_WITH_STEPS = "number-with-steps"
23
+ }
24
+ export type onChangeEventType = ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
25
+ export type onFocusEventType = FocusEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
26
+ export type onEnterEventType = KeyboardEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
27
+ export interface SelectOption {
28
+ label: string;
29
+ value: string | number;
30
+ }
31
+ export interface InputProps {
32
+ label?: string;
33
+ placeholder?: string;
34
+ type?: string;
35
+ value?: string | number;
36
+ addonIcon?: IconType | null;
37
+ addonText?: string;
38
+ preIcon?: IconType | null;
39
+ required?: boolean;
40
+ name?: string;
41
+ errorMessage?: string;
42
+ options?: SelectOption[];
43
+ fullWidth?: boolean;
44
+ source?: string | null;
45
+ avatarSize?: SIZE;
46
+ labelAddon?: ReactElement;
47
+ autoCompleteContent?: ReactElement | null;
48
+ autoCompleteReverse?: boolean;
49
+ noMargin?: boolean;
50
+ isDisabled?: boolean;
51
+ isLoading?: boolean;
52
+ isMultiUpload?: boolean;
53
+ autoFocus?: boolean;
54
+ theme?: "oval" | "transparent";
55
+ size?: SIZE_LONG;
56
+ isDarkMode?: boolean;
57
+ dndShape?: "square" | "circle" | "rectangle" | "none";
58
+ prefix?: string;
59
+ rows?: number;
60
+ className?: string;
61
+ checked?: boolean;
62
+ step?: number;
63
+ onChange?: (e: onChangeEventType) => void;
64
+ onBlur?: (e: onFocusEventType) => void;
65
+ onFocus?: (e: onFocusEventType) => void;
66
+ addonAction?: () => void;
67
+ onEnter?: () => void;
68
+ onEsc?: () => void;
69
+ onFileSelect?: (file: File, url?: string) => void;
70
+ onFilesSelect?: (files: FileList | null) => void;
71
+ [key: string]: any;
72
+ }
@@ -0,0 +1,2 @@
1
+ import { InputType } from "./Input.types";
2
+ export declare const getInputMode: (type: InputType) => "text" | "tel";
@@ -0,0 +1,3 @@
1
+ import { InputProps } from "../Input.types";
2
+ declare const NumberSteps: ({ placeholder, value, disabled, autoFocus, name, step, addonText, size, onBlur, onFocus, onChange, onKeyUp, }: InputProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default NumberSteps;
@@ -0,0 +1 @@
1
+ export { default } from "./NumberSteps";
@@ -0,0 +1,4 @@
1
+ import { InputProps } from "../Input.types";
2
+ type Props = Pick<InputProps, "label" | "checked" | "name" | "size" | "onChange" | "noMargin" | "errorMessage" | "fullWidth" | "isDisabled" | "className">;
3
+ declare const RadioInput: ({ label, checked, size, name, onChange, noMargin, errorMessage, fullWidth, isDisabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
4
+ export default RadioInput;
@@ -0,0 +1 @@
1
+ export { default } from "./RadioInput";
@@ -0,0 +1,4 @@
1
+ import { InputProps } from "./Input.types";
2
+ type Props = Pick<InputProps, "preIcon" | "isLoading" | "value" | "isDisabled" | "onBlur" | "onFocus" | "onChange" | "placeholder" | "options" | "addonIcon" | "addonAction" | "name">;
3
+ declare const Select: ({ isLoading, value, isDisabled, placeholder, options, name, onBlur, onFocus, onChange, preIcon, addonIcon, addonAction, }: Props) => import("react/jsx-runtime").JSX.Element;
4
+ export default Select;
@@ -0,0 +1,4 @@
1
+ import { InputProps } from "../Input.types";
2
+ type Props = Pick<InputProps, "value" | "isDisabled" | "placeholder" | "onBlur" | "onFocus" | "onChange" | "autoFocus" | "ref" | "prefix" | "rows">;
3
+ declare const TextArea: ({ value, placeholder, autoFocus, ref, isDisabled, prefix, rows, onBlur, onFocus, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
4
+ export default TextArea;
@@ -0,0 +1 @@
1
+ export { default } from "./TextArea";
@@ -0,0 +1 @@
1
+ export { default } from "./Input";
@@ -0,0 +1,3 @@
1
+ import { LinkProps } from "./Link.types";
2
+ declare const Link: ({ href, title, target, type, size, hasChevron, fullWidth, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Link;
@@ -0,0 +1,11 @@
1
+ import { ReactElement } from "react";
2
+ import { SIZE, UIElementType } from "src/models/ui";
3
+ export interface LinkProps {
4
+ href: string;
5
+ title: string | ReactElement;
6
+ target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
7
+ type?: UIElementType;
8
+ size?: "zero" | SIZE;
9
+ hasChevron?: boolean;
10
+ fullWidth?: boolean;
11
+ }
@@ -0,0 +1 @@
1
+ export { default } from './Link';
@@ -0,0 +1,19 @@
1
+ import { IconType } from "../SVGIcon";
2
+ import { SIZE } from "src/models/ui";
3
+ interface Props {
4
+ title: string;
5
+ subtitle?: string;
6
+ actionTitle?: string;
7
+ action?: () => void;
8
+ completed?: boolean;
9
+ indicator?: "primary" | "success" | "danger" | "warning" | "info";
10
+ hasSeparator?: boolean;
11
+ hasDashedSeparator?: boolean;
12
+ isActionPending?: boolean;
13
+ isFullWidth?: boolean;
14
+ icon?: IconType;
15
+ iconSize?: SIZE;
16
+ onClick?: () => void;
17
+ }
18
+ declare const ListItem: ({ title, subtitle, actionTitle, action, completed, indicator, hasSeparator, hasDashedSeparator, isActionPending, isFullWidth, icon, iconSize, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
19
+ export default ListItem;
@@ -0,0 +1 @@
1
+ export { default } from './ListItem';
@@ -0,0 +1,2 @@
1
+ declare const Loading: () => import("react/jsx-runtime").JSX.Element;
2
+ export default Loading;
@@ -0,0 +1 @@
1
+ export { default } from "./Loading";
@@ -0,0 +1,9 @@
1
+ import { SIZE } from "src/models/ui";
2
+ interface Props {
3
+ shape?: "square";
4
+ size: SIZE;
5
+ width?: string;
6
+ height?: string;
7
+ }
8
+ declare const LoadingItem: ({ shape, size, width, height }: Props) => import("react/jsx-runtime").JSX.Element;
9
+ export default LoadingItem;
@@ -0,0 +1 @@
1
+ export { default } from "./LoadingItem";
@@ -0,0 +1,3 @@
1
+ import { MethodSelectionProps } from "./MethodSelection.types";
2
+ declare const MethodSelection: ({ methods, selectedMethod, fullWidth, size, backgroundColor, gap, onSelect, }: MethodSelectionProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default MethodSelection;
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from "react";
2
+ import { SIZE_LONG } from "src/models/ui";
3
+ export interface Method {
4
+ label: ReactNode;
5
+ value: string | number;
6
+ isDisabled?: boolean;
7
+ }
8
+ export interface MethodSelectionProps {
9
+ methods: Method[];
10
+ selectedMethod: string | number;
11
+ fullWidth?: boolean;
12
+ size?: SIZE_LONG;
13
+ backgroundColor?: string;
14
+ gap?: number;
15
+ onSelect: (method: string | number) => void;
16
+ }
@@ -0,0 +1 @@
1
+ export { default } from "./MethodSelection";
@@ -0,0 +1,12 @@
1
+ import { ReactElement } from "react";
2
+ interface Props {
3
+ title?: string;
4
+ content: ReactElement;
5
+ header?: ReactElement;
6
+ footer?: ReactElement;
7
+ size?: "full" | "large" | "medium" | "small";
8
+ noBodyPadding?: boolean;
9
+ onClose?: () => void;
10
+ }
11
+ declare const Modal: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
12
+ export default Modal;
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from "react";
2
+ import { ModalsMap, ModalType } from "src/models/modal";
3
+ type ModalContent = ModalType & {
4
+ setModal: (modal: ModalType) => void;
5
+ };
6
+ export declare const ModalProvider: ({ children, modalsMap, }: {
7
+ children: ReactNode | ReactNode[];
8
+ modalsMap: ModalsMap;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const useModalContext: () => ModalContent;
11
+ export {};
@@ -0,0 +1,9 @@
1
+ import { Dispatch, SetStateAction } from "react";
2
+ import { ModalsMap, ModalType } from "src/models/modal";
3
+ interface Props {
4
+ modal: ModalType;
5
+ modalsMap: ModalsMap;
6
+ setModal: Dispatch<SetStateAction<ModalType>>;
7
+ }
8
+ declare const ModalWrapper: ({ modal, modalsMap, setModal }: Props) => import("react/jsx-runtime").JSX.Element;
9
+ export default ModalWrapper;
@@ -0,0 +1,2 @@
1
+ export { default } from "./Modal";
2
+ export * from "./Store";
@@ -0,0 +1,5 @@
1
+ interface Props {
2
+ onPress: (button: string | number) => void;
3
+ }
4
+ declare const Numpad: ({ onPress }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ export default Numpad;
@@ -0,0 +1 @@
1
+ export { default } from "./Numpad";
@@ -0,0 +1,8 @@
1
+ interface Props {
2
+ length?: number;
3
+ errorMessage?: string;
4
+ inputMode?: "numeric" | "text";
5
+ onChangeOTP: (value: string) => void;
6
+ }
7
+ declare const OTPInput: ({ length, errorMessage, inputMode, onChangeOTP }: Props) => import("react/jsx-runtime").JSX.Element;
8
+ export default OTPInput;
@@ -0,0 +1 @@
1
+ export { default } from "./OTPInput";
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from "react";
2
+ interface Props {
3
+ children: ReactNode | ReactNode[];
4
+ paddingBlock?: number;
5
+ paddingInline?: number;
6
+ fullWidth?: boolean;
7
+ }
8
+ declare const Padding: ({ children, paddingBlock, paddingInline, fullWidth }: Props) => import("react/jsx-runtime").JSX.Element;
9
+ export default Padding;
@@ -0,0 +1 @@
1
+ export { default } from "./Padding";
@@ -0,0 +1,2 @@
1
+ declare const PageLoading: () => import("react/jsx-runtime").JSX.Element;
2
+ export default PageLoading;
@@ -0,0 +1 @@
1
+ export { default } from './PageLoading';
@@ -0,0 +1,16 @@
1
+ import { ReactNode, RefObject } from "react";
2
+ interface PortalParams {
3
+ isOpen: boolean;
4
+ top: number | string;
5
+ left: number | string;
6
+ bottom: number | string;
7
+ right: number | string;
8
+ }
9
+ interface Props {
10
+ containerRef: RefObject<HTMLDivElement>;
11
+ isOpen: boolean;
12
+ renderChild: (params: PortalParams) => ReactNode;
13
+ onClose: () => void;
14
+ }
15
+ declare const PortalAround: ({ containerRef, isOpen, renderChild, onClose }: Props) => import("react").ReactPortal;
16
+ export default PortalAround;
@@ -0,0 +1 @@
1
+ export { default } from './PortalAround';
@@ -0,0 +1,10 @@
1
+ import { SIZE } from "src/models/ui";
2
+ interface Props {
3
+ isDecreaseDisabled?: boolean;
4
+ quantity?: number;
5
+ size?: SIZE;
6
+ onIncrease: () => void;
7
+ onDecrease: () => void;
8
+ }
9
+ declare const Quantity: ({ isDecreaseDisabled, quantity, size, onIncrease, onDecrease, }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export default Quantity;
@@ -0,0 +1 @@
1
+ export { default } from "./Quantity";
@@ -0,0 +1,12 @@
1
+ import { SIZE, UIElementType } from "src/models/ui";
2
+ import { IconTheme, IconType } from "./SVGIcon.types";
3
+ interface Props {
4
+ icon?: IconType;
5
+ size?: SIZE;
6
+ className?: string;
7
+ isLoading?: boolean;
8
+ theme?: IconTheme;
9
+ color?: UIElementType;
10
+ }
11
+ declare const SVGIcon: ({ icon: IconComponent, size, className, isLoading, theme, color, }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export default SVGIcon;
@@ -0,0 +1,10 @@
1
+ import { JSXElementConstructor } from "react";
2
+ export interface IconProps {
3
+ className: string;
4
+ width?: number;
5
+ height?: number;
6
+ viewBox?: string;
7
+ preserveAspectRatio?: string;
8
+ }
9
+ export type IconType = JSXElementConstructor<IconProps>;
10
+ export type IconTheme = "light-theme" | "dark-theme";
@@ -0,0 +1,2 @@
1
+ export * from "./SVGIcon.types";
2
+ export { default } from './SVGIcon';
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from "react";
2
+ interface Props {
3
+ title: string;
4
+ subtitle?: string | ReactNode;
5
+ children: ReactNode;
6
+ theme?: "light" | "gradient" | "gradient2" | "gradient3" | "gradient4" | "dark";
7
+ className?: string;
8
+ }
9
+ declare const Section: ({ title, subtitle, theme, children, className }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export default Section;
@@ -0,0 +1 @@
1
+ export { default } from './Section';
@@ -0,0 +1,10 @@
1
+ import { ReactElement } from "react";
2
+ declare const Parent: ({ children, hasSubmenu, path, LibLink, className, onSelectParent, }: {
3
+ children: ReactElement | ReactElement[];
4
+ hasSubmenu?: boolean;
5
+ path: string;
6
+ LibLink: any;
7
+ className?: string;
8
+ onSelectParent: (parent: string | null) => void;
9
+ }) => ReactElement;
10
+ export default Parent;
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from "react";
2
+ import { SidebarMenuItem } from "./Sidebar.types";
3
+ interface Props {
4
+ avatar: ReactNode;
5
+ brandName: string;
6
+ isChildrenVisible: boolean;
7
+ menuChildren: ReactNode;
8
+ logoutHint?: string;
9
+ user?: ReactNode;
10
+ menuItems?: SidebarMenuItem[];
11
+ LibLink: any;
12
+ onSelectParent: (parent: string | null) => void;
13
+ onLogout: () => void;
14
+ }
15
+ declare const Sidebar: ({ avatar, brandName, isChildrenVisible, menuChildren, logoutHint, user, menuItems, LibLink, onSelectParent, onLogout, }: Props) => import("react/jsx-runtime").JSX.Element;
16
+ export default Sidebar;
@@ -0,0 +1,10 @@
1
+ import { IconType } from "../SVGIcon/SVGIcon.types";
2
+ export interface SidebarMenuItem {
3
+ title: string;
4
+ icon: IconType;
5
+ path?: string;
6
+ hasSubmenu?: boolean;
7
+ shortTitle?: string;
8
+ isActive?: boolean;
9
+ unseenCount?: number;
10
+ }
@@ -0,0 +1 @@
1
+ export { default } from "./Sidebar";
@@ -0,0 +1,21 @@
1
+ import { ReactNode } from "react";
2
+ interface Props {
3
+ children: ReactNode | ReactNode[];
4
+ colSpan?: number;
5
+ rowSpan?: number;
6
+ className?: string;
7
+ }
8
+ interface CellProps extends Props {
9
+ centered?: boolean;
10
+ muted?: boolean;
11
+ }
12
+ interface THProps extends Props {
13
+ align: "left" | "center" | "right";
14
+ }
15
+ export declare const TableHead: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const TableRow: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const TableHeadCell: ({ children, align, colSpan, rowSpan }: THProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const TableCell: ({ children, centered, muted, colSpan, rowSpan, className, }: CellProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const TableBody: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
20
+ declare const Table: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
21
+ export default Table;
@@ -0,0 +1,2 @@
1
+ export { default } from "./Table";
2
+ export * from "./Table";
@@ -0,0 +1,3 @@
1
+ import { TextProps } from "./Text.types";
2
+ declare const Text: ({ variant, color, size, align, whiteSpace, weight, fullWidth, className, children, }: TextProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Text;